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

.container {
    max-width: 1440px;
    padding: 0 105px;
}


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

.bg {
    position: relative;
}

.bg_left {
    /*background: url('../images/index/main_bg_l.png');*/
    position: absolute;
    width: 387px;
    height: 368px;
    left: -361px;
    bottom: -6px;
}

.bg_right {
    /*background: url('../images/index/main_bg_r.png');*/
    position: absolute;
    width: 393px;
    height: 369px;
    right: -360px;
    bottom: -8px;
}


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

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

.login-footer {
    max-width: 100%;
}

.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: 1160px) {
    .site-info,
    .copyright-box {
        width: 80%;
    }
}

@media screen and (max-width: 960px) {
    .banner:before,
    .banner:after {
        top: 0;
        height: 100%;
    }
    .bg_left,
    .bg_right {
        bottom: -50px;
    }
}

@media screen and (max-width: 767px) {
    .footer-bottom {
        padding-top: 0px;
    }
    .site-footer {
        padding: 30px 0 0 0;
    }
    .footer-bottom .container {
        padding: 0;
        text-align: center;
    }
    .site-info,
    .copyright-box {
        width: auto;
    }
    .footer-logo {
        position: static;
        display: inline-block;
        margin: 0 10px 0 0;
    }
    .bg_left,
    .bg_right {
        bottom: -80px;
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    .bg_left {
        left: -348px;
    }
    .bg_right {
        right: -351px;
    }
}

@media screen and (max-width: 660px) {
    .container {
        padding: 0 55px;
    }
    .bg_left,
    .bg_right {
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    .bg_right {
        right: -282px;
    }
    .bg_left {
        left: -280px;
    }
}

@media screen and (max-width: 480px) {
    .bg_left,
    .bg_right {
        bottom: -120px;
    }
}

@media screen and (max-width: 400px) {
    .container {
        padding: 0 35px;
    }
    .bg_left,
    .bg_right {
        -moz-transform: scale(0.35);
        -webkit-transform: scale(0.35);
        transform: scale(0.35);
        bottom: -117px;
    }
    .bg_right {
        right: -252px;
    }
    .bg_left {
        left: -253px;
    }
}