@charset "utf-8";
/*--京login.css--*/
.login_box{
	box-sizing: border-box;
	width: 600px;
	margin: 8em auto;
	border: 1px solid rgba(41,39,94,0.5);
	padding: 2px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	border-radius: 3px;
}

	.login_box > .box_inner{
		background: #f1f1f1;
		padding: 1.5em 4em;
	}

	.login_box .title_box{
		display: flex;
		justify-content: center;
		margin-bottom: 1.8em;
	}

		.login_box .title_box > .box_inner{
			font-size: 1.3em;
			font-weight: bold;
			border-bottom: 3px solid rgba(41,39,94,0.8);
			color: #333;
			padding: 0 0.5em 0.2em 0.5em;
		}

	.login_box .input_box{
		margin-bottom: 1.5em;
	}

		.login_box .input_box dl{
			display: flex;
			align-items:center;
			margin: 0 0 0.7em 0;
		}

		.login_box .input_box dl:last-child{
			margin: 0;
		}

			.login_box .input_box dl dt{
				font-weight: bold;
				width: 7em;
				color: #333;
			}

			.login_box .input_box dl dd{
				margin: 0;
				width: calc(100% - 7em);
			}

				.login_box .input_box dl dd input[type="text"],
				.login_box .input_box dl dd input[type="password"]{
					box-sizing: border-box;
					border: 1px solid #aaa;
					font-size: 1.1em;
					padding: 0.3em 0.3em;
					width: 100%;
					box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;
				}

	.login_box .submit_box{
		display: flex;
		justify-content: center;
	}

		.login_box .submit_box button[name="loginButton"]{
			font-family: "Open Sans", Arial, Sans-Serif;
			background: #29275e;
			color: #fff;
			font-size: 1.15em;
			padding: 0.2em 2em 0.4em;
			border: 1px solid #fff;
			font-weight: bold;
			box-shadow: 2px 2px 0 0 rgba(0,0,0,0.15);
			cursor: pointer;
			transition: .3s background ease;
			border-radius: 2px;
		}

		.login_box .submit_box button[name="loginButton"]:hover{
			background: #fff;
			color: #29275e;
			border: 1px solid #29275e;
		}