:root{
	--color:white;
}
html,
body,
.login-body{height:100%;width:100%;}
body{background:url(images/login/body-bg.png) no-repeat;background-size:100% 100%;}

.login{background-color:rgba(255,255,255,0.5);padding:10px;width:400px;
	   position:absolute;top:50%;left:50%;
	   margin:-205px 0 0 -200px;
	   }
.login-body{background-color:white;border:1px solid white;position:relative;}
.login-logo{background:url(images/login/logo.png) no-repeat left center;height:100px;left:70px;position:absolute;top:35px;width:635px;}
.login-footer{position:fixed;width:100%;text-align:center;bottom:15px}
.login-footer,
.login-footer a{color:rgba(255,255,255,0.5);}

.form-group,
.help-block{margin-bottom:0}
.form-control-feedback{height:42px;line-height:42px;right:-34px;}
.has-error .form-control-feedback,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label{color:#f30}
small, .small{font-size:inherit}


.login-cont h1{background:transparent url(images/bg-login-title.png) no-repeat scroll left center;height:42px;text-indent:-999em;}
.login-cont ul{padding:0 40px}
.login-cont ul li{padding:20px 0 0 0}
.login-cont ul li input{background:white;border:1px solid #d9d9d9;font:normal 14px/40px 'microsoft yahei';overflow:hidden;text-indent:40px;width:100%;outline-style:none;
						border-radius:5px;-moz-border-radius:5px;-webket-border-radius:5px;}
.login-cont ul li input:hover{border:1px solid #f90}
.login-cont ul li input.login-icon{background:white url(images/icon-login-input.png) no-repeat scroll left 50px;}
.login-cont ul li input.login-user{background-position:-5px -5px;}
.login-cont ul li input.login-pass{background-position:-5px -55px;}
.login-cont ul li input.login-validator{background-position:-5px -105px;width:50%;}
.login-cont ul li input[type="submit"]{background:#ff9600;border:0;color:white;font-size:16px;text-indent:inherit;text-align:center;}
.login-cont ul li input[type="button"]{background:#829baa;border:0;color:white;font-size:16px;text-indent:inherit;text-align:center;width:130px}
.login-cont ul li img{cursor:pointer}
.login-validator-img{/*display:none;*/}
.login-main{padding:30px 0 30px 0}

.bg-scroll{background-attachment:fixed}
.not-support{background:rgba(255,255,255,0.5);font:normal 20px/40px 'microsoft yahei';margin:0 auto;padding:20px;width:1000px;}
.not-support .login-logo{position:relative;border-bottom:1px solid #ddd;width:100%;left:0;top:0;height:150px;}
.not-support-body{background:white;font:normal 16px/40px 'microsoft yahei';padding:50px;}

.browser-body{background:#f2f2f2;font:normal 20px/40px 'microsoft yahei';margin:0 auto;padding:40px 20px;overflow:hidden}
.browser-body li{float:left;width:33.33%}
.browser-body li a{display:block;}
.browser-body li a span{background:transparent url(images/icon-browser.png) no-repeat scroll 500px 150px;display:block;float:left;height:55px;width:55px;
						/*background-size:165px 55px*/}
.browser-body li a span.icon-360{background-position:0 0;}
.browser-body li a span.icon-chrome{background-position:-55px 0;}
.browser-body li a span.icon-firefox{background-position:-110px 0;}
.browser-body li a p{padding:0 15px;font:normal 14px/20px 'microsoft yahei';display:block;float:left}
.browser-body li a p em{font:normal 20px/30px 'microsoft yahei';display:block;white-space:nowrap}