body {
    background: url('../img/last_design/common/bg/mid-repeat.png') repeat-y center 1080px;
    color: #f5f4f4;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

body::before {
    background: #7F7784 url('../img/last_design/common/bg/header.png') no-repeat center top / 1920px;
    content: '';
    position: absolute;
    height: 1080px;
    width: 100%;
}

#footer_bg {
    background: url("../img/last_design/common/bg/footer.png") no-repeat scroll center top transparent;
    height: 1071px;
    margin-top: -305px;
    width: 100%;
}

#bg-overlay-top {
    background:  url("../img/last_design/common/bg/overlay-top.png") no-repeat scroll 0 0;
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 502px;
    z-index: 0;
}

#bg-overlay-middle {
    background: url('../img/last_design/common/bg/overlay-middle.png') repeat-y 0 0;
    position: absolute;
    top: 602px;
    width: 100%;
    height: auto;
    bottom: 300px;
    z-index: 0;
}

#bg-part {
    background: none;
}

#bg-overlay-bottom {
    top: -806px;
}

#main {
    min-height: 870px;
}

@media all and (max-width: 1300px) {
    #bg-overlay-top {
        background-size: 900px auto;
    }

    #bg-overlay-middle {
        background-size: 897px auto;
        top: 472px;
    }

    #bg-overlay-bottom {
        background-size: 47% auto;
        top: -936px;
    }
}