a 
{
    color:inherit;
	text-decoration: none;
}
body
{
    min-width:330px;
    min-height:400px;
	text-align: center;
	background-color: #f8f8f8;
	font-family:Arial,"Microsoft YaHei Light","Microsoft YaHei","Simsun",sans-serif;
}
.login-container{
	position: absolute;
	top: 50%;
	left: 50%;
	width:320px;
	margin:-240px 0 0 -160px;
}
.userlogin,.managerlogin {
	font-size: 30px;
	font-weight: normal;
	color:#31d28e;
	margin-bottom: 50px;
}
.managerlogin{
	color:#318cd2;
}
.inputbox{
	margin-bottom: 16px;
	position: relative;
	background-color: #fff;
}
.inputbox-inner{
	padding:12px 36px;
	width: 246px;
	font-size:16px;
	font-family: "Microsoft YaHei";
	border: 1px #dfdfdf solid;
	border-radius:3px;
}
.users
{
    background-color: #31d28e;
	outline-color: #31d28e;
}
.managers{
	background-color: #318cd2;
	outline-color: #318cd2;
}
#txtAccount{
	background: url(images/login-icon-text.png) left no-repeat;
	}
#txtPassword{
	background: url(images/login-icon-password.png) left no-repeat;
	}
#txtValidatorCode{
	background: url(images/login-icon-verify.png) left no-repeat;
}
#btnLogin 
{
    cursor:pointer;
}
#btnLogin.managers:hover 
{
    background:#3582bd;
}
#btnLogin.users:hover 
{
    background:#3ec78d;
}
.vImg{
	position: absolute;
	top: 10px;
	right: 20px;
}
.loginbox{
	margin: 40px 0 20px 0;
}
.loginbox-inner{
	width: 320px;
	height: 48px;
	font-size: 16px;
	color: #fff;
	border: 0;
	border-radius:3px;
}
.login-operate a{
	color: #999;
}

.login-copyright {position:fixed;left:0;bottom:0;margin:0;padding:20px 0;width:100%;text-align:center;font-size:14px;color:#888;}
.login-copyright a:hover {color:#000;}

@media screen and (max-width: 767px) {
	.login-container{
		position:inherit;
		margin:10px auto 0 auto;
	}
	.inputbox{
		margin-bottom: 0;
	}
}

@media screen and (max-height: 400px) {
	.login-copyright {position:inherit;}
}