html { height: 100% }
body.signin {
    height                 : auto;
    background             : url(../img/login-background.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size   : cover;
    -o-background-size     : cover;
    background-size        : cover;
    color                  : rgba(255, 255, 255, .95)
}
.signinpanel{width:750px;margin:10% auto 0;position: relative;}
.signinpanel .logopanel {float: none;width: auto; padding: 0;background: 0}
.signinpanel .signin-info{
    font-size: 32px;
    font-family: SourceHanSansCN-Heavy, SourceHanSansCN;
    font-weight: 800;
    color: #444444;
    position: absolute;
    top:40px;
    right: 52px;
}
.signinpanel .form-control { display   : block;margin-top: 16px;}
.signinpanel  #inputname{
    width: 361px;
    height: 54px;
    background: #F2F2F2;
    border-radius: 4px;
    color: #353535;
}
.signinpanel  #inputpassword{
    width: 361px;
    height: 54px;
    background: #F2F2F2;
    border-radius: 4px;
    color: #353535;
}
.signinpanel .lablename,.signinpanel .lablepassword{
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #353535;
    margin-top: 43px;
    display: flex;
}
.signinpanel .lablepassword{ margin-top: 31px;}
.signinpanel .lablename>img,.signinpanel .lablepassword>img{width: 21px;height: 100%;display: block;}
.signinpanel .lablename>span,.signinpanel .lablepassword>span{ margin-left: 20px;}
.signinpanel .code {
    background: #fff no-repeat 95% center;
    color     : #333;
    margin    : 0 0 15px 0
}
.signinpanel .button-success{
    width: 361px;
    height: 60px;
    margin-top: 34px;
    background: #277BDB;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 7px;
}
.signinpanel form {
    width: 466px;
    height: 626px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    -moz-border-radius   : 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow      : 0px 4px 26px 0px rgba(36, 79, 146, 0.14);
    -webkit-box-shadow   : 0px 4px 26px 0px rgba(36, 79, 146, 0.14);
    box-shadow: 0px 4px 26px 0px rgba(36, 79, 146, 0.14);
    padding : 77px 53px 0px 53px;
    box-sizing: border-box;
}
.no-margins{
    font-size: 34px!important;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN !important;
    font-weight: bold!important;
    color: #353535!important;
    letter-spacing: 8px;
}
.signup-footer {
    border-top : solid 1px rgba(255, 255, 255, .3);
    margin     : 20px 0;
    padding-top: 15px
}
@media screen and (max-width:1020px){
    .signinpanel .signin-info{
        font-size: 32px;
        font-family: SourceHanSansCN-Heavy, SourceHanSansCN;
        font-weight: 800;
        color: #444444;
        position: absolute;
        top:85px;
        right: 52px;
    }
}
@media screen and (min-width:1420px){
    /*大于 1420px 的时候 */
    .signinpanel .signin-info{
        font-size: 32px;
        font-family: SourceHanSansCN-Heavy, SourceHanSansCN;
        font-weight: 800;
        color: #444444;
        position: absolute;
        top:0px;
        right: 52px;
    }
}
@media screen and (max-width:768px) {
    .signinpanel,.signuppanel {
        margin : 0 auto;
        width  : 461px !important;
        padding: 20px;
    }
    .signinpanel form {
        width: 423px;
        margin: auto;
        margin-top: 20px;
        padding: 77px 53px 0px 32px;
    }
    .signup-footer,.signuppanel .form-control { margin-bottom: 10px;}
    .signup-footer .pull-left,
    .signup-footer .pull-right {
        float     : none !important;
        text-align: center
    }
    .signinpanel .signin-info{ position: static;}
}
@media screen and (max-width:320px) {
    .signinpanel, .signuppanel { margin: 0 20px; width : auto}
}
.checkbox-custom {
    position     : relative;
    padding      : 0 15px 0 25px;
    margin-bottom: 7px;
    display      : inline-block
}
.checkbox-custom input[type="checkbox"] {
    opacity : 0;
    position: absolute;
    cursor  : pointer;
    z-index : 2;
    margin  : -6px 0 0 0;
    top     : 50%;
    left    : 3px
}
.checkbox-custom label:before {
    content      : '';
    position     : absolute;
    top          : 50%;
    left         : 0;
    margin-top   : -9px;
    width        : 33px;
    height       : 33px;
    display      : inline-block;
    border-radius: 3px;
    border       : 2px solid #7EAFFF;
    background   : #E3EEFF;
}
.checkbox-custom input[type="checkbox"]:checked+label:after {
    position   : absolute;
    display    : inline-block;
    font-family: 'Glyphicons Halflings';
    content    : "\e013";
    top        : 54%;
    left       : 6px;
    margin-top : -5px;
    font-size  : 20px;
    line-height: 1;
    width      : 22px;
    height     : 22px;
    color      : #333;
}
.checkbox-custom label {
    cursor       : pointer;
    line-height  : 1.2;
    font-weight  : normal;
    margin-bottom: 0;
    text-align   : left;
}
.checkbox-custom .labelrember{
    height: 33px;
    line-height: 33px;
    font-size: 18px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #353535;
    margin-top: 16px;
    margin-left: 13px;
}