html,body {width:100%;margin:0;padding:0;font-size:12px;font-family:SimSun;background:url('/img/ui/page/pagebg.png') 0 0 repeat fixed;overflow-y:hidden;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;}


.login_box{width:800px;height:450px;position:absolute;top:50%;left:50%;margin-left:-400px;margin-top:-280px;text-align:center;overflow:hidden;}
.login_top{width:100%;height:50px;}
.login_top.type1{background:url('/img/ui/login/bg/0-1.png') center center no-repeat;}
.login_top.type2{background:url('/img/ui/login/bg/0-2.png') center center no-repeat;}
.login_top.type3{background:url('/img/ui/login/bg/0-3.png') center center no-repeat;}
.login_top.type4{background:url('/img/ui/login/bg/0-4.png') center center no-repeat;}

.login_cen{width:100%;height:280px;margin-top:40px;}
.login_img{width:520px;float:left;height:100%;border-radius:10px;box-shadow:rgba(0,0,0,0.3) 3px 3px 2px 1px;}
.login_for{width:250px;float:left;margin-left:15px;height:100%;overflow:hidden;border-radius:10px;box-shadow:rgba(0,0,0,0.2) 3px 3px 2px 1px;background:url('/img/ui/login/bg/l_bg.jpg') left top no-repeat;}


.lib{width:500px;position:relative;overflow:hidden;}

.link{width:250px;margin:0;padding:0;height:280px;float:left;}

.login{width:250px;margin:0;padding:0;height:280px;float:left;}
.login > div{margin:10px 0;}
.login div:last-child{margin:10px 0 0 0;}
.logintop{height:60px;background:url('/img/ui/login/top.png') center center no-repeat;margin-top:20px !important;}

.userImg{display:inline-block;width:72px;height:72px;background:url('/img/ui/login/loginuser.png') 0 0 no-repeat;margin:0 auto;margin-top:50px;}

.name{width:175px;height:33px;line-height:33px; padding:1px 7px 1px 38px;background:url('/img/ui/login/user.png') 0  0 no-repeat;border:0;margin:0;outline:none;}
.pass{width:175px;height:33px;line-height:33px; padding:1px 7px 1px 38px;background:url('/img/ui/login/pass.png') 0  0 no-repeat;border:0;margin:0;outline:none;}
.remember{width:220px;height:20px;line-height:20px;margin:5px auto !important;text-align:left;}
.remember input[type=checkbox]{margin:0;width:14px;height:14px;display:inline-block;float:left;cursor:pointer;}
.remember label{height:14px;line-height:14px;display:inline-block;padding-left:3px;float:left;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;color:#666;cursor:pointer;}
.error{height:15px;line-height:15px;text-align:center;color:red;margin:5px 0 !important;}


.login_foot{width:100%;height:60px;line-height:60px;text-align:right;background:url(/img/logo1.png) left center no-repeat;position:absolute;bottom:0;left:0;}
.login_foot span{display:inline-block;margin-right:20px;color:#aaa;}
.login_foot span:last-child{margin-right:10px; }
.login_foot .fuhao {
  font: 13px Verdana,Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-right:5px;
}
.login_foot a{color:#aaa;cursor:pointer;transition: all .5s;text-decoration:none;}
.login_foot a:hover{color:#0091ff;transition: all .5s;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
.btn {
  user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;
  display: inline-block;*display: inline;padding: 4px 10px;margin-bottom: 0;*margin-left: .3em;font-size: 12px;line-height: 20px;color: #333333;
  text-align: center;vertical-align: middle;cursor: pointer;background-color: #f5f5f5;*background-color: #e6e6e6;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;
  border: 1px solid #cccccc;*border: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:active,.btn.active {background-color: #cccccc \9;}
.btn:first-child {*margin-left: 0;}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {color: #333333;background-color: #e6e6e6;*background-color: #d9d9d9;}
.btn:hover{color: #333333;text-decoration: none;background-position: 0 -15px;-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear;}
.btn:focus {outline:none;}
.btn.active,.btn:active {background-image: none;outline: none;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn.disabled,.btn[disabled] {cursor: default;background-image: none;opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.btn-large {padding: 8px 15px;font-size: 14px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"] {margin-top: -1px;}
.btn-small {padding: 2px 10px;font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.btn-small [class^="icon-"],.btn-small [class*=" icon-"] {margin-top: 0;}
.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"] {margin-top: -1px;}

.btn i{margin:0 2px;margin-top: -1px;}

.btn-group {position: relative;display: inline-block;font-size:0;white-space: nowrap;vertical-align: middle;}
.btn-group > .btn {position: relative;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;padding:4px 8px 4px 5px;}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {font-size: 12px;}
.btn-group > .btn:first-child {margin-left: 0;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-moz-border-radius-topleft: 4px;}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;}
.btn-group > .btn + .btn {margin-left: -1px;}

[class^="icon-"], [class*=" icon-"] {display: inline-block;width: 14px;height: 14px;line-height: 14px;vertical-align:middle;background-image:url(/img/ui/icons/icon-grey.png);background-repeat: no-repeat;}

.icon-home{background-position: 0 -24px;}
.icon-loop{background-position:-336px -120px;}
.icon-signout{background-position:-120px -72px;}
.icon-user{background-position: -168px 0;}
.icon-lefthand{background-position:-145px -143px;}


/*************** New UI **************/
.new_login_box{width:810px;height:460px;position:absolute;top:50%;left:50%;margin-left:-405px;margin-top:-280px;text-align:center;}
.new_login_center{width:810px;height:380px;background:url(/img/ui/login/new/login_bg.png) 0 0 no-repeat;}
.new_title{width:100%;height:80px;background:url(/img/ui/login/new/login_title.png) center center no-repeat;}
.new_login_form{width:250px;height:210px;position:absolute;left:485px;top:95px;overflow:hidden;background-color:#fcfcfc;border:1px solid #ddd;border-radius:8px;box-shadow:rgba(0,0,0,0.2) 3px 3px 2px 1px;}
.new_login_form .link{width:250px;margin:0;padding:0;height:210px;float:left;}
.new_login_form .login{width:250px;margin:0;padding:0;height:210px;float:left;}

.new_login_form .login > div{margin:10px 0;}
.new_login_form .login > div:first-child{margin-top:20px;}
.new_login_form .userImg{margin-top:15px !important;}

:-moz-placeholder {color: #888;letter-spacing:2px;}
::-moz-placeholder {color: #888;letter-spacing:2px;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #888;letter-spacing:1px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #888;letter-spacing:1px;}