@charset "utf-8";

html, body { margin: 0; padding: 0; width:100%; height: 100%; overflow: hidden !important; }
body { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f1f3f6; font-size: 14px; color: #6a6c6f; overflow: hidden;
}

*{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
h1, h2, h3 { margin: 20px 0; }

.bg-photo {width: 100%;}
.footer {
	position: absolute; width: 100%; height: 120px; left: 0; bottom: 0; background-color: #eee;
	line-height: 24px; text-align: center; font-size: 14px; padding: 10px; font-weight: bold;
}
.footer p {margin: 0;}


.login-form {
	position: absolute; width: 360px; background-color: #fff; border-radius: 5px;
	top: 50%; margin-top: -360px; right: 25%; margin-right: -150px; padding: 20px 20px 0;
}
.login-form .header {
	text-align: center; border-bottom: 1px solid #eee; padding-bottom: 10px;
}
.login-form .header a {
	width: 45%; display: inline-block; text-align: center;
	font-size: 16px; border-right: 1px solid #eee; color: #313131;
}
.login-form .header a:last-child {border-right: 0;}
.login-form .header a:hover {color: red;}
.login-form .header a.active {color: #2074d4;}

.login-form form {padding: 10px 10px 20px 10px;}
.login-form .control-label {width: 80px; font-size: 16px;}
.login-form .form-control {display: inline-block; width: 210px; margin-top: 5px;}
.login-form .remember {height: 32px; line-height: 32px; font-size: 14px; margin-bottom: 10px;}
.login-form .remember input {position: relative; width: 20px; height: 20px; top: 5px;}
.login-form .remember a {color: #2074d4; margin-left: 5px; cursor: pointer;}
.login-form .remember a:hover {color: red;}
.login-form .form-group.verify {font-size: 0;}
.login-form .form-group.verify input{
	width: 120px; font-size: 16px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-left: 3px;
}
.login-form .form-group.verify a {
	width: 93px; height: 38px; line-height: 38px; border: 1px solid #ced4da;
	border-left: 0; display: inline-block; font-size: 14px; text-align: center;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: #2074d4; cursor: pointer;
}
.login-form .form-group.verify a:hover {color: red;}
.login-form .form-group.verify a:nth-child(4) {display: none; color: red;}
.login-form .form .submit {display: block; margin: 5px auto; width: 200px; text-align: center;}

.register-success {
	position: absolute; width: 600px; height: 400px; top: 50%; left: 50%; border-radius: 5px;
	margin-top: -200px; margin-left: -300px; padding: 50px; background-color: #fff; text-align: center;
}
.register-success img {width: 80px; height: 80px;}
.register-success p {height: 80px; line-height: 80px; font-size: 24px; font-weight: bold; color: #2074d4;}
.register-success a {
	height: 40px; line-height: 40px; padding: 0 50px; font-size: 16px; color: #fff;
	background-color: #2074d4; border-radius: 5px; display: inline-block; margin-bottom: 50px;
}
.register-success a:hover {background-color: #1d67ba;}
.register-success p.action {height: 32px; line-height: 32px; font-size: 16px; border-bottom: 1px solid #2074d4;}


.form-1 {display: block;}
a.btn-block {color: #fff !important;}

.select2-container .select2-selection--single {height: 36px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px;
}
.select2-container--default .select2-selection--single {border-radius: 5px;}


.custom .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #000; padding-left: 5px;
}