html {
    height: 100%;
}

body.signin {
    height: auto;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

/* 星期一 */
.Monday {
    background: url('img/星期一.jpg') no-repeat fixed center;
}

/* 星期二 */
.Tuesday {
    background: url('img/星期二.jpg') no-repeat fixed center;
}

/* 星期三 */
.Wednesday {
    background: url('img/星期三.jpg') no-repeat fixed center;
}

/* 星期四 */
.Thursday {
    background: url('img/星期四.jpg') no-repeat fixed center;
}

/* 星期五 */
.Friday {
    background: url('img/星期五.jpg') no-repeat fixed center;
}

/* 星期六 */
.Saturday {
    background: url('img/星期六.jpg') no-repeat fixed center;
}

/* 星期日 */
.Sunday {
    background: url('img/星期日.jpg') no-repeat fixed center;
}

.signinpanel {
    /*width: 900px;*/
  
}

.logopanel h1 {
    font-size: 30px;
    color: #fff;
}

.signinpanel .logopanel {
    float: none;
    width: auto;
    padding: 0;
    background: 0 0;
}

.signinpanel .signin-info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.signinpanel .uname {
    background: #fff url('img/user.png') no-repeat 95% center;
    color: #333;
}

.signinpanel .pword {
    background: #fff url('img/locked.png') no-repeat 95% center;
    color: #333;
}

.signinpanel .btn {
    margin-top: 15px;
}

.signinpanel form {
    background: url('img/login1.png');
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    /*background: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
    border-radius: 3px;
    padding: 50px;
    padding-top: 60px; 
    /*min-height:300px;
    max-height:300px !important;
    -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); */
}
@media only screen and (max-width:2560px) {
    .signinpanel form {
        width: 500px;
        height: 450px;
        margin: 450px 524px auto 20px;
    }
}
@media only screen and (max-width:2048px) {
    .signinpanel form {
        width: 500px;
        height: 450px;
        margin: 300px 324px auto 20px;
    }
}
@media only screen and (max-width:1920px) {
    .signinpanel form {
        width: 500px;
        height: 450px;
        margin: 300px 324px auto 20px;
    }
}

@media only screen and (max-width:1680px) {
    .signinpanel form {
        width: 480px;
        height: 430px;
        margin: 300px 270px auto 20px;
    }
}

@media only screen and (max-width:1600px) {
    .signinpanel form {
        width: 460px;
        height: 410px;
        margin: 240px 240px auto 20px;
    }
}

@media only screen and (max-width:1440px) {
    .signinpanel form {
        width: 440px;
        height: 390px;
        margin: 220px 200px auto 20px;
    }
}

@media only screen and (max-width:1366px) {
    .signinpanel form {
        width: 400px;
        height: 370px;
        margin: 170px 200px auto 20px;
    }
}

@media only screen and (max-width:1360px) {
    .signinpanel form {
        width: 400px;
        height: 350px;
        margin: 170px 200px auto 20px;
    }
}
@media only screen and (max-width:1280px) {

    .signinpanel form {
        width: 400px;
        height: 350px;
         margin: 240px 180px auto 20px;
    }
}
@media only screen and (max-width:1280px) and (max-height:760px) {

    .signinpanel form {
        width: 400px;
        height: 350px;
         margin: 170px 170px auto 20px;
    }
}
@media only screen and (max-width:1280px) and (max-height:600px) {

    .signinpanel form {
        width: 400px;
        height: 350px;
         margin: 140px 170px auto 20px;
    }
}
@media only screen and (max-width:1152px) {
    .signinpanel form {
        width: 380px;
        height: 360px;
        margin: 190px 150px auto 20px;
    }
}

@media only screen and (max-width:1024px) {
    .signinpanel form {
        width: 380px;
        height: 360px;
        margin: 190px 106px auto 20px;
    }
}
@media only screen and (max-width:800px) {
    .signinpanel form {
        width: 380px;
        height: 350px;
        margin: 110px 30px auto 20px;
    }
}
.signup-footer {
    /*border-top: solid 1px rgba(255,255,255,.3);*/
    margin: 20px 0;
    padding-top: 15px;
}