@charset "utf-8";
{font-size:12px;}
html{margin:0;padding:0}
body{background-color:#ededed;color:#b5b5b5;font-family:"宋体",arial;font-size:12px;font-style:normal;margin:0;padding:0}
a{color:#b5b5b5;cursor:pointer;text-decoration:none}
a:hover{color:#c1272d}
h1,h2,h3,h4,h5,h6,form,div,p,i,img,ul,li,ol,table,tr,td,dl,dt,dd,fieldset,label,legend{margin:0;padding:0}
ul li{list-style:none}
fieldset,img,table{border:none}
td{font-size:12px;line-height:180%}
form{margin:0px;padding:0px}
*:focus{outline:none}
.clear{clear:both}
html{height: 100%;}
body.signin {
    background: #18c8f6;
    height: auto;
    background:url("../images/lng.png") no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: rgba(255,255,255,.95);
    padding: 40px 0;
	background: #999 url(../images/lng1.png)no-repeat center fixed;
	background-size: cover;
	height: 100%;
}
.signinpanel {position: absolute;top: 0;right: 0;height:100%;padding: 14.6% 60px 180px;color: #76838f;background: #fff;opacity:0.89;}
.baerzhou{vertical-align: middle;padding: 10% 60px 180px 120px;width: 800px;letter-spacing: 4px;}
.baerzhou .brand{margin: 20px 0 30px;}
.baerzhou .hidden-sm{margin-bottom:20px;line-height: 28px;}
.baerzhou .loingi{margin-top:40px;}
.signinpanel .logopanel {float: none;width: auto;padding: 0;background: none;}
.signinpanel .signin-info ul {list-style: none;padding: 0;margin: 20px 0;}
.signinpanel .form-control {display: block;margin-top: 25px;}
.signinpanel .uname { background: #fff url(../img/user.png) no-repeat 95% center;color:#333;}
.signinpanel .pword { background: #fff url(../img/locked.png) no-repeat 95% center;color:#333;}
.signinpanel .btn {margin-top: 0px;}
.signup-footer{border-top: solid 1px rgba(255,255,255,.3);margin:40px 0 20px;padding-top: 15px;}
#login{min-width: 280px;margin-top: 0%;text-align: center;}
.signign{height: 100%;}
div input{width:100%; height:35px; margin: 0px auto 20px; text-indent:6px; color:#555; font-size:14px;border-radius:3px;background:#fff; border: 1px solid #ddd;padding-left: 5px;}
div input:focus, .single-line:focus {border-color: #bbb !important;}
.img-responsive{margin: -46px 40px 8px 250px;position:absolute;}
#login h3.no-margins{color:#777;font-size: 18px; font-weight: 500;letter-spacing: 1.5px;}
.long1{display: inline-block;}

@media screen and (max-width: 1380px){
	.signinpanel {padding: 10.2% 40px 180px;}
	.baerzhou{padding: 5% 60px 180px 70px;width: 600px;}
	.baerzhou .brand{margin: 20px 0;}
	.baerzhou .loingi{margin-top:26px;}
	#login{min-width: 200px;}
	.img-responsive{margin: -46px 40px 8px 170px;position:absolute;}
	#login h3.no-margins{color:#777;font-size: 15px; font-weight: 500;letter-spacing: 1.2px;}
	.long1{display: none;}	
	.baerzhou .hidden-sm{font-size: 12px;margin-bottom:16px;line-height: 24px;}
	.baerzhou .h22{font-size: 20px;}
}
@media screen and (max-width: 768px) {
    .signinpanel,
    .signuppanel { margin: 0 auto; padding: 20px;}
    .signinpanel form {margin-top: 20px;}
    .signup-footer {margin-bottom: 10px;}
    .signuppanel .form-control {margin-bottom: 10px;}
    .signup-footer .pull-left,
    .signup-footer .pull-right {float: none !important;text-align: center;}
    .signinpanel .signin-info ul {display: none;}
}
@media screen and (max-width: 320px) {
    .signinpanel,
    .signuppanel {margin:0 20px;width:auto;}
}