html{overflow:hidden;vertical-align:baseline;}
body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft Yahei",sans-serif;}
ul,li{list-style:none;padding:0;margin:0;}
.clear{clear: both;}
.login-box{width:25.625em;margin:60px auto 0;text-align:center;padding:1.875em;background:url(mask.png);border-radius:10px;}
.login-box .remember{ margin-bottom:20px;color:#fff; }
.login-box .login-help{ color:#fff; cursor:pointer; }
.login-box .remember input{box-shadow:none;width:16px;height:16px;vertical-align:middle}
.login-box .form { width:100%; }
.login-box .check-tips{color:red; padding-top: 10px;}
.login-box button{cursor:pointer;width:100%;text-align:center;height:44px;padding:0;background:#ef4300;border:1px solid #ff730e;border-radius:6px;font-weight:700;color:#fff;font-size:24px;text-indent:15px;letter-spacing:15px;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.login-box button:hover{box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2)}
.login-btn .in { display: none;  }
.login-btn .in .icon-loading { display: inline-block; margin-right: 5px; width: 16px; height: 16px; vertical-align:middle; background: url(loading_icon.gif) no-repeat 0 0;  }
.login-box .log-in .in { display: inline-block; }
.login-box .log-in .on { display: none;  }
.login-box .log-in{ background:#666666;border-color:#5e5e5e; }
.screenbg{position:fixed;bottom:0;left:0;z-index:-999;overflow:hidden;width:100%;height:100%;min-height:100%;}
.screenbg ul li{display:block;list-style:none;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:-1000;float:right;}
.screenbg ul span{left:0;top:0;width:100%;height:100%;display:inline-block;margin:0;padding:0;cursor:default;background-image:url('') ;background-position:top center;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.bottom{margin:8px auto 0 auto;width:100%;position:fixed;text-align:center;bottom:0;left:0;overflow:hidden;padding-bottom:8px;color:#ccc;word-spacing:3px;zoom:1;}
.bottom a{color:#FFF;text-decoration:none;}
.bottom a:hover{text-decoration:underline;}
.input-group { margin: 15px 0px 15px 0px; }
.form-control, .input-group { height: 40px; }
.form-control { height: 39px\9; }

#loading_layer {visibility:visible;display:block !important;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10000}
#loading_layer img {position:fixed;top:50%;left:50%;width:64px;height:10px;margin:-5px 0 0 -32px}

.topbar{height:54px;width:100%;background:url(header_bg.png) left top repeat-x;_background:#000;position:relative}
.topmain{width:950px;margin:0 auto;position:relative}
.topmain .logo{float:left;padding:0;margin:0;}
.topmain .logo a{display:block;min-width:400px;height:54px;background:url(logo.png) 0 center no-repeat;margin: 0 auto;}
.topmain .rtop{float:right;height:36px;line-height:36px;padding:8px 0 0; color: #bfccda;}
.topmain .rtop a, .topmain .rtop a:visited { color: #bfccda; }
@media screen and (max-width:400px){
    .topmain .logo a{width:100%;}
    .login-box{width:90%;padding:1.5em 0.5em 0.8em;}
}
@media screen and (max-height:400px){
    body{height:400px;overflow: auto;}
    .bottom{display: none;}
}
@media screen and (max-width:768px){
    body{overflow: hidden;}
    .topmain{ width: 100%;}
    .topmain .logo{float: none; text-align: center;}
    .topmain .logo a{background-position: center center;background-size: contain;}
    .topmain .rtop{display:none;}
}
.modal-header h4{ font-weight:bold; }