@media (min-width: 2048px) and (max-width: 3018px){
    .video_box p {
        position: absolute;
        top: -60%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .video_box img {
        width: 10%;
        position: absolute;
        top: -10%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
}
@media (min-width: 3018px) {
    .video_box p {
        position: absolute;
        top: -60%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .video_box img {
        width: 10%;
        position: absolute;
        top: -10%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
}
@media (min-width: 2048px) {
    .section_2_bg {
        background: url("../images/section_2_bg.jpg") no-repeat center bottom;
        background-size: cover;
        height: 750px;
    }
    .section_2_info {
        padding: 10% 0;
    }
    .section6 {
        background: url("../images/section6_bg.jpg") no-repeat center top;
        background-size: cover;
        height: 750px;
    }
    .section_6_info {
        padding: 10% 0;
    }
    .section_12 {
        background: url("../images/section12.jpg") no-repeat center center;
        background-size: cover;
        height: 750px;
    }
    .section_12_info {
        padding: 10% 0;
    }
    .section_16 {
        background: url("../images/section16.jpg") no-repeat center bottom;
        background-size: cover;
        height: 750px;
    }
    .section_16_info {
        padding: 10% 0;
    }
}
@media (min-width: 1300px) and (max-width: 1680px) {
    .section_box {
        height: 700px;
    }
}
@media (min-width: 1100px) and (max-width: 1300px) {
    .section_box {
        height: 650px;
    }
}

@media (max-width: 1200px) and (min-width: 1000px) {
    .section_8_box {
        width: 20%;
        position: absolute;
        top: 5%;
        left: 30%;
        right: 0;
        bottom: 0;
        margin: auto;
    }
}

@media (min-width: 640px)and (max-width: 1080px) {
    .section_8_box {
        width: 20%;
        position: absolute;
        top: 0;
        left: 30%;
        right: 0;
        bottom: 0;
        margin: auto;
    }
}
@media (max-width: 1080px) {
    .section_8_box {
        width: 40%;
        position: absolute;
        top: 0;
        left: 55%;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .section_box {
        height: auto;
    }

}
@media (max-width: 640px) {

}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 360px) {

}