/****************************  ****************************/

body {
    background: #E1E6ED;
}


/****************************  ****************************/

.wrapper {
    background: url(../images/index/main_bg2.jpg) 50% 198px no-repeat;
}


/****************************  ****************************/

.site-main {
    min-height: 0 !important;
    position: relative;
    z-index: 50;
}


/****************************  ****************************/

.site-footer {
    background: url('../images/index/footer_bg.png') 50% 0 no-repeat;
    max-width: 1200px;
}

.footer-bottom .container {
    padding: 5px 20px 0 90px;
}

.footer-top,
.floating .ibtn.gotop {
    display: none;
}

.footer-bottom {
    background: none;
    padding-top: 25px;
}

.footer-logo {
    position: absolute;
    left: 15px;
    top: 0;
}


/****************************  ****************************/

@media screen and (max-width: 1150px) {
    .login-box {
        top: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .login-box {
        left: 50%;
        margin-left: -229px;
    }
}

@media screen and (max-width: 960px) {
    .login-box {
        position: static;
        margin: 30px auto;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 900px) {
    .wrapper {
        background: none;
    }
}

@media screen and (max-width: 767px) {
    .footer-bottom {
        padding-top: 0px;
    }
    .site-footer {
        padding: 30px 0 0 0;
    }
    .footer-logo {
        position: static;
        display: inline-block;
        margin: 0 10px 0 0;
    }
    .footer-bottom .container {
        padding: 15px 0;
    }
}

@media screen and (max-width: 480px) {
    .login-box {
        padding: 20px 30px;
    }
    .login-box .register-txt {
        margin: 0 -30px;
        padding: 6px 15px;
    }
}