html,body{
    width: 100%;
    overflow-x: hidden;
    background-color: #0e0801;
}

.section1,.section2,.section3 {
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: center;
    padding: 6vh 0 0;
}
.section1 {
    background-image: url('../images/s1-bg.jpg');
    background-position: bottom;
    position: relative;
    z-index: 10;
}
.section1 .pic {
    z-index: 10;
    position: relative;
}
.section1 .teacher {
    padding-bottom: 6vh;   
    position: relative; 
}
.section1 .teacher .draw {
    width: 100%;
    height: 10vh;
    background-image: url('../images/s2-f.png');
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.section1 .people{
    margin-top: -14vh;
    margin-right: -10vh;
}
.section1a img {
    margin-top: -2.4vh;
}
.section2 {
    background-image: url('../images/s3-bg.jpg');
    background-position: top;
    background-size: 100% auto;
}
.graphic-title img{
    width: 36vw;
    max-width: 480px;
}
.frame-bg {
    background-image: url('../images/s2-t6-slidebg.png');
    background-size: 100% 100%;
    padding: 2vw 8vw 8vh;
}
.frame-bg.no-bg {
    background-image: none;
}
.pic-slide {
    width: 96%;
    border: 4px solid #FFF;
    margin: 0vw auto 3vh;
}
.pic-slide li {
    height: 64vh;
}
.pic-slide li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 1500px) {
    .container {
        max-width: 1400px;
    }
    .section1 .teacher {
        margin-top: -42vh;
    }
    .section1 .pic {
        margin-bottom: -23vh;
    }
}

@media (min-width: 1200px){
    .section1,.section2 {
        background-size: contain auto;
        padding-top: 8vh;
    }
    .section1{
        background-position: top;
    }
    .slick-arrow::before {
        font-size: 50px;
    }
    .slick-next {
        right: -6vw;
    }
    .slick-prev {
        left: -8vw;
    }
}
@media (max-width: 1499px) {
    .section1 .teacher {
        margin-top: -49vh;
    }
    .section1 .pic {
        margin-bottom: -28vh;
    }
    .
}

@media (max-width: 1199px) {
    .section1 {
        background-size: contain;
        background-position: top;
        padding-top: 8vh;
    }
    .section1 h1 {
        width: 80vw;
        margin: 0 auto -2vh;
    }
    .section1 .pic {
        margin-bottom: -14vh;
    }
    .section1 .teacher {
        margin-top: -20vh;
    }
    .section1 .people {
        margin-top: -9vh;
        margin-right: 0vh;
    }
}


@media (max-width: 768px) {
    .section1 {
        background-size: contain;
        background-position: top;
    }
    .pic-slide li {
        height: 28vh;
    }
    .section1 .pic {
        margin-bottom: -10vh;
    }
    .section1 .teacher {
        margin-top: -15vh;
    }
    .section1 .people {
        margin-top: 0;
        margin-right: 3vh;
        width: 70%;
    }
    .section3 {
        padding-top: 0!important;
    }
    .mt-5 {
        margin-top: 20px!important;
    }
}