
body{
    background-color:#eaf1f8
}
.containter-loging {
    width: 430px;
    margin: 0 auto;
    position: fixed;
    top: 40%;
    left: 0;
    right: 0;
}
.log-header{
    background-size: 100% 100%;
    background:url(../img/loginbg.png) no-repeat top;
    
    width:430px;
}
.login-header-lh{
     background-size: 100% 100%;
    background-size:100% auto;
    height:60%;
    width:100%;
    text-align:center
}
.loging-background {
    height: 240px;
    width: 237px;
}
.logo-input{
    width:210px
}
.inputgroup-username {
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 5px;
    width:100%;
    border-radius:6px 6px 0  0;
}
.txtInput {
    border: none;
    height: 25px;
    outline: none;
    background-color: #fff;
    width:100%;
}

.inputgroup-password {
    padding: 5px;
    width:100%;
    background-color: #fff;
    border-radius:0 0 6px 6px;
}

.input-group img {
    margin-right: 10px;
}

.btn-ogin {
    height: 30px;
    margin-top: 10px;
    border: none;
    font-family:"Microsoft YaHei";

    background:url(../img/btn-login.png) no-repeat center !important; 
    background-size:auto 100%
}

.dropdown-toggle i {
    color: #5eb41a;
}

.online-state {
    background: none;
    border: none;
    border-radius: 0px;
    height: 22px;
    padding: 2px 3px;
    margin-top: 11px;
    font-size:12px;
}

    .online-state:hover {
        background: none;
        text-decoration:none
    }

    .online-state:focus {
        background: none;
    }

.online-state-container {
    padding: 0 0;
    text-align: right;
}

.online-state span.caret {
    margin-left: 5px;
}
.online-state-menu {


}
.online-state-menu li a:hover{
    color:#000


}
.online-state-menu li a{
    font-size:12px;


}
    .online-state-menu li.online span {
        color:#5eb41a;
    
    }
    .online-state-menu li.leave span {
        color:#ff0000
    
    }
       .online-state-menu li span {
           margin-right:20px;
           margin-left:-9px;
    
    }
    .online-state-menu li{
        padding:0 0;
        background-color:#f7eed3; max-width:35px
    }
.online-state-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}
    .online-state-menu li a:hover {
        background-color:#24a5f5;
        width:98px;
    }

.checkbox label {
    font-size:12px;
    line-height:20px
}
a:hover {
    color:#1172a8;
}
.alert {
    margin-bottom:0px;
    height:35px;
    padding:8px 15px;
    font-size:12px;
}
.loadingDiv{
    text-align:center; font-size:12px; margin-top:40px
}
/*.alert-warning {
    background-color:#000;
    background-color:rgba(0,0,0,0.2);
    border:none;
    color:#fff
}*/
::-webkit-input-placeholder { /* WebKit browsers */
    font-size:12px
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:12px
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:12px
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:12px
}
.dropdown-menu{
    min-width:100px;
}
.login-qrcode img{
    width:100px;
    height:100px;
    margin:10px 55px;
}
.login-qrcode{
    text-align:center;
    color:#808080;
    display:none
}
.logingformborder {
    width:230px;
    height:auto;
    border:1px solid #ddd;
    border-radius:6px;
    position:relative
}

.img-logo{
    position:absolute;
    left:0;
    top:15px
}
.log-sebmit button{
    width:230px;

}
.log-sebmit{
    text-align:center
}
.logo-register{
    width:90px
}
.log-logo{
    text-align:center
}
.logo-blank{
    height:25px
}
.checkbox label{
    font-size:12px
}
.logo-a a{
    margin-left:5px;
    font-size:12px;
    color:#209c52
}
.logo-a a:hover{
    text-decoration:none;
    color:#4bc68a
}
.logo-a a:active{
    text-decoration:none
}
.logo-a a:focus{
    text-decoration:none
}
@media screen and (min-width:1080px) {
    .login-header-lh {
        height:180px
    }
}
