html{height:100%}
body.signin{
    height:auto;
    background:url(../img/bg3.jpg) no-repeat center;
    -webkit-background-size:cover;-moz-background-size:cover;
    -o-background-size:cover;background-size:cover;
    color:rgba(255,255,255,.95)
}
.signinpanel{
    width:470px;
    margin:6% auto 0;
    background: #fff;
    color: #676a6c;
    border-radius: 15px
}
.signinpanel .logopanel{float:none;width:auto;padding:0;background:0 0}
.signin-info{text-align:center; margin-top:50px;}
.signinpanel .signin-info ul{list-style:none;padding:0;margin:20px 0}
h2{font-size: 30px;}
.signinpanel .form-control{display:block;margin-top:15px}
.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 .code{background:#fff no-repeat 95% center;color:#333;margin:0 0 15px 0}
.signinpanel .btn{margin-top:15px}
.signinpanel form{-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:30px 60px;}
.signup-footer{border-top:solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top:15px}
@media screen and (max-width:768px){.signinpanel,.signuppanel{margin: 6% auto 0;width:320px!important;padding:20px}.signinpanel form{margin-top:20px}.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 ul{display:none}}@media screen and (max-width:320px){.signinpanel,.signuppanel{margin:0 20px;width:auto}}