/*---------------------reset----------------------*/
body, form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: none;
    overflow:hidden;
}
ol, ul, li { list-style:none; padding: 0px 0px 0px 0px; } 
body { background-color:#FFFFFF;}
:focus { outline:0 }
input[type=button], input[type=submit], button { cursor:pointer; outline:none;}
.input, select { vertical-align:middle }
textarea{resize:none;}
.pos-r{ position:relative;}
.hide{ display:none;}
/*---------------------header----------------------*/

.header{ height: 70px;margin:10px auto; overflow: hidden; position: relative; width: 800px; z-index: 2; background:url(../themes/logo.gif) no-repeat}
.headerNav { right: 0;text-align: right;top: 52px; width: 300px; position:absolute;}
.headerNav a{ color:#515151; font-size:12px; padding:0 2px;font-size:10pt;}
.headerNav a:hover{ text-decoration:underline; color:#658b98;}

/*---------------------banner----------------------*/
.banner{ min-width:1000px; position:relative; height:478px; overflow:hidden}
.banner .bd{ position:relative; z-index:0}
.banner .bd ul{ width:100% !important}
.banner .bd li{ width:100% !important; height:478px}
.banner .bd li a{ height:299px; display:block}
.banner-shadow {
    height: 40px;
    line-height: 40px;
    background: url(../themes/banner-shdow.png) repeat-x;
    margin: auto
}
.footer{text-align:center; font-size:10pt; color:#999999; line-height:1.5}
.footer-ver{font-size: 10pt;}
.login-aside{position:absolute; width:320px; height:380px; z-index:99; border-radius:5px; left:58%; top:40px;}

.qrcode {
    text-align: center;
    margin-bottom: 10px;
    margin-top: -20px;
    display: none;
}

    .qrcode .gzh {
        width: 80px;
        height: 80px;
    }

    .qrcode .app {
        width: 80px;
        height: 80px;
    }

    .qrcode .tip {
        color: #999999;
    }

    .qrcode .sep {
        width: 100px;
    }

.error-box{
color:#f7ccc8;
font-size:12px;
margin-bottom:10px;
height:20px;
}

#o-box-login {
    position: absolute;
    padding: 10px 0 10px 0;
    margin-left:5px;
    border-bottom: 1px solid #dcdcdc;
    z-index: 999;
    width:310px;
}

.login-box {
    float: left;
    width: 155px;
    text-align: center;
}
.login-lable {
    font-size: 14pt !important;
    font-weight: bold !important;
    text-decoration: none !important;
    color: white !important;
    text-shadow: 1px 1px 1px #4e6877;
    -o-text-shadow: 1px 1px 1px #4e6877;
    -o-moz-shadow: 1px 1px 1px #4e6877;
    -o-mis-shadow: 1px 1px 1px #4e6877;
    -o-webkit-shadow: 1px 1px 1px #4e6877;
    cursor: pointer;
}

.login-lableDisable {
    font-size: 14pt !important;
    color: #cccccc !important;
    text-shadow: 1px 1px 1px #4e6877;
    -o-text-shadow: 1px 1px 1px #4e6877;
    -o-moz-shadow: 1px 1px 1px #4e6877;
    -o-mis-shadow: 1px 1px 1px #4e6877;
    -o-webkit-shadow: 1px 1px 1px #4e6877;
    cursor: pointer;
}

    .login-lableDisable:hover {
        font-size: 14pt !important;
        font-weight: bold !important;
        text-decoration: none !important;
        color: white !important;
    }

.loginCode {
    margin: 90px 0 0 45px;
    position: absolute
}

.loginCodeZz {
    z-index: 99;
    background-color: #000;
    width: 150px;
    height: 150px;
    filter: alpha(opacity:80);
    opacity: 0.8;
}
.loginCodeZzLable {
    position: absolute;
    z-index: 100;
    margin: 120px 0 0 75px;
    color:#ffffff;
    font-size:16px;
    text-align:center;
}
.loginCodeZzBtn {
    background-color: #ff0000;
    border: none;
    color: #ffffff;
    width: 80px;
    height: 30px;
    font-size: 16px;
}
.loginCodeDown {
    margin: 280px 0 0 35px;
    position: absolute;
    color:#ffffff;
}
.loginCodeWx{
    display:inline-block;
    background-image:url(../../images/wx.png);
    width:18px;
    height:18px;
    vertical-align:middle;
}
label.form-label {
    display: block;
    float: none;
    height: auto;
    line-height: 12px;
    text-align: left;
    width: auto;
    font-size: 11pt;
    font-weight: bold;
    font-family: 'Microsoft YaHei';
    color: #fff;
    text-shadow: 1px 1px 1px #4e6877;
    -o-text-shadow: 1px 1px 1px #4e6877;
    -o-moz-shadow: 1px 1px 1px #4e6877;
    -o-mis-shadow: 1px 1px 1px #4e6877;
    -o-webkit-shadow: 1px 1px 1px #4e6877;
    margin-top: 16px;
    margin-bottom: 16px;
}

#o-box-up,#o-box-down {
    width:320px;
    height:380px;
    position:absolute;
	border-radius:5px;

}
#o-box-up {
    background-color:#000;
    filter:alpha(opacity:40);
    opacity:0.4;
}

#o-box-down{ padding:30px 0 0 40px;}

#o-box-code {
    padding: 30px 0 0 40px;
}
.i-text{ 
  width:240px;
  height:30px;
  line-height:32px;
  border:1px solid #858585;
  background-color:#eef3f8;
  color:#9cb5cd;
  font-size:14px;
  font-family:'Microsoft YaHei';
  text-indent:5px;
  box-shadow:1px 1px 1px #dfe4e8 inset;
  -moz-box-shadow:1px 1px 1px #dfe4e8 inset;
  -webkit-box-shadow:1px 1px 1px #dfe4e8 inset;
  -o-box-shadow:1px 1px 1px #dfe4e8 inset;
  -mis-box-shadow:1px 1px 1px #dfe4e8 inset;
 }
 
.user-pos{margin-top:16px; margin-bottom:16px;}
.user-s{font-size:11pt; font-weight:bold; font-family:'Microsoft YaHei'; color:#fff;}

.yzm{ width:112px;}
 .yzm-img{ position:absolute; left:130px; top:30px; cursor:pointer;}

.btn-login {
    width: 242px;
    height: 38px;
    background: url(../themes/login-btn.png) no-repeat;
    border: none;
    margin-top: 5px;
}

.h-light {
    border: 1px solid #299d83;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    text-indent: 5px;
    box-shadow: 0 1px 4px rgba(11, 179, 122, 0.65) inset, 0 0 6px rgba(11, 179, 122, 0.45);
}