@charset "utf-8";
body{margin:0;font:12px/1.8 Tahoma,Geneva,'\5B8B\4F53';color:#333;background:white;}
input,textarea,select{margin:0;padding:0;font-size:12px;outline:none;resize:none;}
html:root body,html:root input,html:root button,html:root textarea,html:root select{font-family:Tahoma,Geneva,'\5fae\8f6f\96c5\9ed1','\5B8B\4F53';}
form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#224892;outline:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
i,em{font-style:normal;}
b{color:#F63;}
button{cursor:pointer;}
button i{display:none;}
.text,textarea{font-size:14px;font-weight:bold;color:#333;border:1px solid;border-color:#CECECF;border-radius:0;background:white;box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.1);-webkit-appearance:none;}
.text:focus,textarea:focus{outline:none;border-color:#92AFED;box-shadow:0 0 5px #92AFEC,inset 1px 1px 2px rgba(0, 0, 0, 0.1);}
.text{width:170px;height:24px;padding:7px 9px;line-height:24px;}
input.err,input.err:focus{color:#900;border-color:#E06341;background:#FFEFEC;box-shadow:0 0 5px #E06341;}
textarea{width:270px;height:100px;padding:5px 9px;line-height:1.7;font-size:14px;overflow:auto;resize:none;}

.button{display:inline-block;height:40px;padding:0 15px;line-height:40px;text-align:center;font-size:18px;font-family:'Heiti SC','\5fae\8f6f\96c5\9ed1','\9ed1\4f53';color:white;border:0 none;background-color:#167efb;background-repeat:repeat-x;background-position:0 0;cursor:pointer;}
.button:hover{text-decoration:none;background-color:#1672e3;}
.button:active{background-color:#3482e1;}
.button .icon{position:relative;top:11px;vertical-align:top;font-weight:normal;}
.button span{position:relative;top:11px;display:inline-block;height:16px;line-height:16px;vertical-align:top;padding-left:8px;}
.button em{display:none;}
.btn-gray{color:#666;background-color:#eee;}
.btn-gray:hover{background-color:#ddd;}
.btn-gray:active{background-color:#e7e7e7;}
.btn-green{height:50px;line-height:50px;background-color:#9ed04d;}
.btn-green:hover{background-color:#76bf48;}
.btn-green:active{background-color:#51b73d;}
.btn-disabled,.btn-disabled:hover,.btn-disabled:active{background-color:#e7e7e7;color:#A1A1A1;cursor:not-allowed;}
button.button{height:40px;padding:0 10px;line-height:normal;}

/* wrap */
.wrap{position:relative;z-index:0;height:600px;}
.banner-show{position:absolute;top:0;left:0;z-index:0;width:100%;min-width:980px;height:600px;overflow:hidden;}
.banner-show .cell{position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:repeat-x;background-position:center top;}
.banner-show .cell .con{position:relative;height:600px;background-repeat:no-repeat;background-position:center top;}
.bns-01{background-image:url(../login/img/banner_01_repeat.png);}
.bns-01 .con{background-image:url(../login/img/banner_01.png);}
.bns-02{background-image:url(../login/img/banner_02_repeat.gif);}
.bns-02 .con{background-image:url(../login/img/banner_02.gif);}
.bns-03{background-image:url(../login/img/banner_03_repeat.png);}
.bns-03 .con{background-image:url(../login/img/banner_03.png);}
.banner-link{position:absolute;top:100px;left:50%;width:400px;height:400px;margin-left:-430px;}
.banner-link i{display:none;}
.banner-control{position:absolute;top:0;left:50%;width:980px;margin-left:-490px;}
.banner-control a{position:absolute;top:258px;width:30px;height:30px;line-height:10;overflow:hidden;background-image:url(../login/img/icon_control.png);background-repeat:no-repeat;background-repeat:no-repeat;}
.banner-control a.left{left:-55px;background-position:0 0;}
.banner-control a.left:hover{background-position:0 -30px;}
.banner-control a.right{right:-55px;background-position:-30px 0;}
.banner-control a.right:hover{background-position:-30px -30px;}
.container{position:relative;top:600px;z-index:2;width:980px;height:0;margin:auto;}

.login-box{position:absolute;top:-450px;right:0;width:396px;height:400px;background:white;border-radius:3px;background:rgba(255, 255, 255, 0.95);}
.login-title{height:90px;line-height:90px;text-align:center;font-size:18px; font-weight:200}
.login-form{width:328px;height:280px;margin:auto;}
.login-form .cell{position:relative;height:40px;margin-bottom:40px;zoom:1;}
.login-form .cell label{position:absolute;top:0;left:0;z-index:1;padding:0 12px;line-height:40px;font-size:16px;color:#999;font-weight:bold;cursor:text;}
.login-form .val label{left:-9999px;opacity:0!important;filter:alpha(opacity="0")!important;}
.login-form .cell input{position:absolute;top:0;left:0;width:304px;padding:7px 11px;font-size:16px;background:none;}
.login-form .cell .icon-form{top:11px;right:10px;}
.login-form .bottom{height:40px;}
.login-form .bottom .button{display:block;border-radius:3px;}