@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: -250px; 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: 48%; display: inline-block; text-align: center; font-size: 16px;
	border-right: 1px solid #eee; color: #1b1b1b;
}
.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 0 10px;}
.login-form .control-label {width: 80px; font-size: 16px;}
.login-form .form-control {display: inline-block; width: 210px; margin-top: 10px;}
.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 label {font-size: 14px;}
.login-form .toolbar {height: 60px; line-height: 32px; font-size: 14px; margin-bottom: 0;}
.login-form .toolbar a {height: 60px; line-height: 60px; color: #2074d4; cursor: pointer;}
.login-form .toolbar a:nth-child(2) {float: right;}
.login-form .toolbar a:hover {color: red;}