﻿body{padding:0;margin:0;background:#000 url(bg.jpg) no-repeat fixed top;font-size:12px}
.login-header .header-logo{margin:15px 60px 4px 60px;width:180px}
.login-footer{position:fixed;bottom:0;width:100%;text-align:center;color:white;}
.imgBan{width:799px;height:448px}
.lgoinPanle .inputBox .left{float:left;box-shadow:0 0 20px #BBB;width:800px;border:1px solid #BBB;margin-top:40px;margin-left:50px}
.lgoinPanle .inputBox .right{float:left;box-shadow:0 0 20px #BBB;width:300px;padding-bottom:10px;border-radius:9px;border:1px solid #BBB;margin-left:30px;margin-top:40px}
.lgoinPanle .right ul{list-style:none;margin:0;padding:0}
.lgoinPanle .right ul li.inputbox-focus{padding:8px 0 8px 0;padding:8px 15px 8px 28px;border-left:4px solid #3199CA;background-color:#E0E0E0}
.lgoinPanle .right ul li{padding:8px 0 8px 0;padding:8px 15px 8px 28px}
.lgoinPanle .right ul li .cz{color:#B6B6B6;text-decoration:none}
.lgoinPanle .right ul li .hyh{color:#B6B6B6;text-align:right;padding-right:12px}
.lgoinPanle .right .Pws,.lgoinPanle .right .UserName{border:1px solid #B5EFEE;padding:2px;font-size:1.1em;color:#FFF;width:95%;line-height:35px!important;height:35px!important;text-indent:40px;border-radius:6px;BACKGROUND-COLOR:transparent}
.lgoinPanle .right .Code{border:1px solid #B5EFEE;padding:2px;font-size:1.1em;color:#FFF;width:60%;line-height:35px!important;height:35px!important;text-indent:40px;border-radius:6px;BACKGROUND-COLOR:transparent}
.lgoinPanle .right .codeImg{width:75px;padding-left:5px;height:35px!important}
.lgoinPanle .right .codeImg:hover{cursor:pointer}
.icon-code,.icon-unlocked,.lgoinPanle .right .icon-user{width:25px;height:25px;display:block;position:absolute;margin:11px 0 0 15px;color:#fff}
.lgoinPanle input::-webkit-input-placeholder{color:#FFF}
.lgoinPanle input::-moz-placeholder{color:#FFF}
.lgoinPanle input::-moz-placeholder{color:#FFF}
.lgoinPanle input::-ms-input-placeholder{color:#FFF}
.lgoinPanle-btn .login-btn .login-btn-width{width:90%}
.lgoinPanle-btn .login-btn{margin:15px;text-align:center}
.lgoinPanle-btn .logInfo{margin:20px 0px 10px 26px;color:white;}
.login-btn a,.login-btn a:active,.login-btn a:hover,.login-btn a:link,.login-btn a:visited{text-decoration:none;background-color:#3bb3e0;padding:10px 110px;position:relative;font-family:'Open Sans',sans-serif;font-size:12px;text-decoration:none;color:#fff;border:solid 1px #186f8f;background-image:linear-gradient(bottom,#2ca0ca 0,#3eb8e5 100%);background-image:-o-linear-gradient(bottom,#2ca0ca 0,#3eb8e5 100%);background-image:-moz-linear-gradient(bottom,#2ca0ca 0,#3eb8e5 100%);background-image:-webkit-linear-gradient(bottom,#2ca0ca 0,#3eb8e5 100%);background-image:-ms-linear-gradient(bottom,#2ca0ca 0,#3eb8e5 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2ca0ca),color-stop(1,#3eb8e5));-webkit-box-shadow:inset 0 1px 0 #7fd2f1,0 0 0 #fff;-moz-box-shadow:inset 0 1px 0 #7fd2f1,0 0 0 #fff;box-shadow:inset 0 1px 0 #7fd2f1,0 0 0 #fff;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.lgoinPanle .inputBox .right .right-title{padding-left:28px;font-size:25px;font-weight:bolder;height:50px;font-family:'Microsoft YaHei';line-height:50px;color:#fff}
.lgoinPanle .inputBox .right .right-title a{color:#fff;font-size:18px}
.lgoinPanle .inputBox .right .right-title span{color:#fff;font-size:20px}
.lgoinPanle .inputBox .right .right-title .cright{padding-left:0px}
.lgoinPanle .inputBox .right .right-title .cCen{padding:35px;}
.lgoinPanle .inputBox .right .SYS {color:white;padding:15px;}
.lgoinPanle .inputBox .right .SYS .RCode{text-align: center;}
.lgoinPanle .inputBox .right .SYS .RCode img{width:250px;}
.lgoinPanle .inputBox .right .SYS .RCode .rt{text-align: right;padding-right:10px;padding-top:5px;}
.lgoinPanle .inputBox .right .SYS .RCode .rt a{color:white;}
.lgoinPanle .inputBox .right .SYS .RCode .rt a:hover{color:#e9e5e5;}
.lgoinPanle .inputBox .right .SYS .logInfo{text-align: center;}

@media screen and (max-width:1280px){
.lgoinPanle .inputBox .left{width:770px;height:370px}
.lgoinPanle .inputBox .right{margin-left:35px}
.imgBan{width:769px;height:369px}
}
@media screen and (max-width:1366px) and (min-width:1281px){
.lgoinPanle .inputBox .left{width:850px;margin-top:20px;margin-left:60px}
.lgoinPanle .inputBox .right{margin-left:45px;margin-top:50px}
.imgBan{width:848px;height:408px}
}
@media screen and (max-width:1440px) and (min-width:1367px){
.lgoinPanle .inputBox .left{width:900px;margin-top:100px;margin-left:70px}
.lgoinPanle .inputBox .right{margin-left:55px;margin-top:120px}
.imgBan{width:898px;height:448px}
}
@media screen and (max-width:1600px) and (min-width:1441px){
.lgoinPanle .inputBox .left{width:1000px;margin-top:100px;margin-left:80px}
.lgoinPanle .inputBox .right{margin-left:75px;margin-top:140px}
.imgBan{width:998px;height:468px}
}
@media screen and (max-width:1920px) and (min-width:1601px){
.lgoinPanle .inputBox .left{width:1198px;margin-top:180px;margin-left:120px;height:498px}
.lgoinPanle .inputBox .right{margin-left:120px;margin-top:250px}
.imgBan{width:1198px;height:498px}
}