@charset "utf-8";
/* CSS Document */


.loginWrap { position: relative; height: 100%; z-index: 9999; }
.loginMain { position: absolute; top: 60px; width: 100%; }
.LoginInner { position: relative; margin-left: auto; margin-right: auto; width: 980px; }
.loginFormArea { position: absolute; right: 5px; top: 170px; padding: 0; width: 360px; border-radius: 5px; background: url(../images/bg-login-form.png) repeat; }
.loginFormT { position: relative; margin-top: 5px; height: 40px; border-bottom: 1px solid #FFF;    margin: 10px 18px 0; }
.loginFormT h2 { float: left; line-height: 33px; text-indent: 2px; color: #1f1f1f;}
.loginSwitch { position: absolute; top: 40px; right: 10px; width: 50px; height: 72px; }
.loginByWeixin { display: block; height: 72px; background: url(../images/pic-login-switch.png) no-repeat; }
.loginForm { margin: 20px; width: 300px; }
.loginForm_inputBox { width: 300px; height: 30px; }
.loginForm_inputBox input { padding: 4px 10px; width: 230px; height: 20px; line-height: 20px; border: 1px solid #BBB; color: #333; outline:none;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-0-transition:.5s; background-color: #FFF; -moz-box-box-shadow: 0 2px 1px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 2px 1px rgba(0,0,0,0.5) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;}
.loginForm_inputBox input:focus{border-color:#0066cc;}
.userName,.userPassword{height: 20px;line-height: 20px; padding: 5px 0; font-size: 14px;width: 45px;}
.loginForm_inputBox .btn01 { letter-spacing: 10px; }
.loginInfo { font-size: 12px; color: #666; text-align: right; }
.loginInfo a {color: #666; text-decoration: none; }
.loginInfo a:hover{color:#333;}
.loginFoot { position: absolute; bottom: 25px; width: 100%; text-align: center; color: #FFF; line-height: 24px; }
.loginNormal { position: relative;margin-top: 20px; }
.loginError { position: relative;  width: 300px; height: 30px; line-height: 30px; border: 1px solid #dad699; border-radius: 2px; background-color: #f9f5c7; color: #f00; text-indent: 25px; visibility: hidden; display: none; margin:0 0 0 20px;}
.icon_error { position: absolute; left: 3px; top: 6px; display: block; width: 18px; height: 18px; background: url(../images/icon-login-error.png) no-repeat; }
.loginBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.loginForm_btnBox{margin-top: 14px;text-align: center;)}
.btn{
    color: #FFF;
	margin: 0 5px;
    padding: 5px 20px;
    min-width: 90px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    outline: none;
    cursor: pointer;
    background-color: #3399FF;
    }
.btn:hover{opacity: 0.8;}
.btn:active{opacity: 1;box-shadow: inset 0 0 9px rgba(0,0,0,0.2);}

.loginForm_btnBox .btn{width: 166px; height: 40px; display: inline-block;}
    
input:focus::-webkit-input-placeholder {
    color:    #CCC;
}
input:focus:-moz-placeholder {
    color:    #CCC;
}