body{
    background: url(../images/login-bg.jpg) top left;
    background-size: 100%;
    overflow: hidden;
}

body .bottom{
    color: #FFFFFF;
    margin-top: 10px;
    font-size: 90px;
    text-shadow:2px 2px 1px #808080;
}

.login-button{
    width: 100%;
    height: 58px;
    line-height: 50px;
    background: url(../images/login-button.png);
    text-align: center;
    /*padding: 15px 0 10px 0;*/
    font-size: 14px;
    cursor: pointer;
    color: #FFFFFF;
}


.login-panel{
    background-color: #fff;
}

.login-form{
    padding: 0 15px 30px 15px;
}
.login-form input{height: 50px;color: #434a54;}
.login-form input[type='checkbox']{height: auto;}

.title{color: #434a54;font-size: 18px;margin: 35px 0 20px 0;text-align: center;}
.remember-label{color: #434a54;height: 20px;line-height: 21px;}
.forget-passwd-btn{text-decoration: none;font-size: 12px; color: #b657bb;}
.password-form-group{margin-bottom: 0;}
.login-form-group{margin-top: 40px;}

.username{padding-left: 40px; background-image: url(../images/username_icon.png);background-repeat: no-repeat; background-position: 10px 13px;}
.password{padding-left: 40px; background-image: url(../images/password_icon.png);background-repeat: no-repeat;background-position: 10px 13px;}
.code{padding-left: 40px; background-image: url(../images/code_icon.png);background-repeat: no-repeat;background-position: 10px 13px;}

.input-group-addon{padding: 0;}

.login-panel{
    width: 350px;
    float: right;
    margin-right: 12%;
    margin-top: 12%;
}


::-moz-placeholder { color: #c8ccd1; }
::-webkit-input-placeholder { color:#c8ccd1; }
:-ms-input-placeholder { color:#c8ccd1; }

@media(max-width: 768px){
    .login-panel{
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .login-button{
        background: url(../images/login-button-2x.png);
    }
}