/* 全局 */
html, body { font-size: 14px; font-family: "微软雅黑", Helvetica, Tahoma, Arial, sans-serif; color: #000; margin: 0; padding: 0; width: 100%; min-height: 100%; overflow: auto;}
img { border: 0; vertical-align: top;}

/* 登陆页样式 */
#login-page{position: fixed; top:0; bottom:0; width:100%; background: url('../images/login-bg-aqsc.png') 0 no-repeat; background-size: 100% 100%;}
.login-main { position: fixed; left:0px; right:0px; bottom:0; top:50px; padding-top:3%; width:100%; overflow: auto;}
.login-body { position: relative; margin-bottom: 10px; }
.login-body h3 {text-align: center;color: #FFF !important;font-size: 38px; letter-spacing:10px; font-weight: normal;margin:0;padding-bottom: 1%;}
.login-form { max-width: 320px; width:100%; margin: 2% auto 0;min-width: 260px; padding: 30px; position: relative; background: rgba(114, 135, 231, 0.2); }

/* 登录边框四角 */
.em-bg{position: absolute;width: 29px; height: 28px; background-size: 100% 100%;}
.em-bg-tl{background-image: url(../images/login_icon_em_tl.png); top:0; left:0}
.em-bg-tr{background-image: url(../images/login_icon_em_tr.png); top:0; right:0;}
.em-bg-bl{background-image: url(../images/login_icon_em_bl.png); bottom:0; left:0;}
.em-bg-br{background-image: url(../images/login_icon_em_br.png); bottom:0; right:0;}

/* 登录logo */
.login-logo{width:200px;padding-top:10px;text-align: left;position: fixed;top:0; left:12%}

/* 登录输入框项 */
.login-form .item-box { position: relative; }
.login-form .item-box .item { padding: 3px 10px 3px 45px; border: 1px solid #09208E !important; border-radius: 4px; margin-bottom:30px; position: relative; background: #fff;}
.login-form .focus { border: 1px solid #A6E1F3; }
.login-form .me-icon { position: absolute; top: 10px; left:12px; display: inline-block; font-size:26px; font-size: 22px; color: #051768; }
.login-form input { padding: 8px 0; width: 100%; height: 22px; line-height: 22px; font-size: 16px; font-family: "微软雅黑", arial, sans-serif; vertical-align: middle; border: 0 none; background: none; outline: 0; resize: none; color:#051768; }

/* 登录按钮 */
.login-form .login_btn_panel { margin: 20px 0 10px; }
.login-form .login-btn { padding: 3px 0; width: 100%; height: 48px; font-size: 22px; font-weight: bold; font-family: '微软雅黑',arial,verdana; color: #FFFFFF; text-align: center; vertical-align: middle; cursor: pointer; border: 0; background-color:#0177E4; background: linear-gradient(0deg, #0177E4, #00B8FF); }
.login-form .login-btn:hover { background-color:#1177E4; background: linear-gradient(0deg, #1177E4, #10B8FF); }
.login-form .login-btn[disabled] { opacity: 0.6; filter: alpha(opacity=60); cursor: default; box-shadow: none; }
.login-form .login-btn .in { display: none; }
.login-form .log-in .in { display: inline-block; }
.login-form .log-in .on { display: none; }

/* 错误提示 */
#login-page .login-form .item.error{ border-color : #fda6a6; color:#e33; }
#login-page .login-form .error.focus { border: 1px solid #e33; }
#login-page .login-form .item .error-msg{ position: absolute; left:5px; top:45px; display: none; }
#login-page .login-form .item.error .error-msg{ display: block; }
#login-page .login-form .check-tips-box{ position: absolute; background: #FFF1F0; border:1px solid #FFCCC7; left:30px; right:30px; top:-35px; padding:8px 10px; height: 21px; overflow: hidden; display: none; }
#login-page .login-form .check-tips-box .me-icon-close{ position: absolute; right: 10px; top:11px; color:#999; cursor: pointer; }

/* 其他 */
.login-form .check-tips {color: #ff0000; }
.icon-loading { display: inline-block; margin-right: 5px; width: 16px; height: 16px; vertical-align: -3px; background: url(../images/loading_icon.gif) no-repeat 0 0; }
img.verifyimg{ width: 100%; cursor: pointer; height:46px; border-radius: 4px; }
.login-copyright{ position: fixed; bottom:0px; left:0px; right:0px; text-align: center; font-size: 14px; color:#777; line-height: 26px; background: #fff; }

/** 
 * input placeholder字体颜色
 */
input::-webkit-input-placeholder { 
    /* WebKit browsers */ 
    color: #ccc; 
} 
input:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #ccc; 
} 
input::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ 
    color: #ccc; 
} 
input:-ms-input-placeholder { 
    /* Internet Explorer 10+ */ 
    color: #ccc; 
}

/** 
 * 滚动条样式
 */
.scrollSet{  
    scrollbar-arrow-color     : #fff;     /*三角箭头的颜色*/
    scrollbar-face-color      : #113854;  /*立体滚动条的颜色*/
    scrollbar-3dlight-color   : #029cd0;  /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color : #063a60;  /*滚动条空白部分的颜色*/
    scrollbar-shadow-color    : #063a60;  /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #029cd0;  /*立体滚动条强阴影的颜色*/
    scrollbar-track-color     : #029cd0;  /*立体滚动条背景颜色*/
    scrollbar-base-color      : #fff;     /*滚动条的基本颜色*/
}
.scrollSet::-webkit-scrollbar{ 
    width : 8px;
    height: 8px;
}
.scrollSet::-webkit-scrollbar-button,.scrollSet::-webkit-scrollbar-track{
    display: none;
}
.scrollSet::-webkit-scrollbar-track-piece { /*内层轨道，滚动条中间部分（位置4）*/
    background   : #063a60;
    border-radius: 4px;
}
.scrollSet::-webkit-scrollbar-thumb { /*滚动条里面可以拖动的那部分（位置5）*/ 
    background   : #029cd0;
    border-radius: 4px;
}  
.scrollSet::-webkit-scrollbar-corner { /*边角（位置6）*/  
    background:#fff;   
}  
.scrollSet::-webkit-scrollbar-resizer { /*定义右下角拖动块的样式（位置7）*/ 
    background:#fff;  
}