* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
    font-family: 'PingFang SC';
}

@media screen and (min-width: 1920px) {
    .section1_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1100 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energyconsult/energyconsult-bg.png);
        position: relative;
    }

    .s1_box {
        display: flex;
        flex-direction: column;
        height: calc(100vw * 1100 / 1920);
        padding: 0;
        margin: 0;
    }

    .s1_title_eng {
        text-align: center;
        /* padding-top: 128px; */
        padding-top: 6.66vw;
    }

    .s1_title_eng h4 {
        color: #FFFFFF;
        /* font-size: 70px; */
        font-size: 3.64vw;
        font-weight: 400;
        opacity: 0.03;
    }

    .s1_title {
        /* margin-top: -53px; */
        margin-top: -2.76vw;   
        text-align: center;
    }

    .s1_title h4 {
        color: #FFFFFF;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 600;
    }

    .s1_div {
        display: flex;
        justify-content: space-between;
        height: 36.97916667vw;
        padding-left: 14.5vw;
        padding-right: 14.5vw;
        margin-top: auto; /* 將s1_box最後一個項目推向容器底部 */
    }

    .s1_con_div {
        /* width: 150px;
        padding-top: 60px; */
        cursor: pointer;        
        padding-top: 4vw;
        width: 7.81vw;
    }

    .s1_con_title {
        /* font-size: 30px;
        line-height: 40px; */
        line-height: 1.8vw;
        font-size: 1.56vw;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
    }

    .s1_bar {
        /* width: 2px;
        height: 35px; */
        width: 0.104vw;
        height: 1.82vw;
        background: #F96229;
        /* margin: 117px auto; */
        margin: 6.09vw auto;
    }

    .s1_order {
        /* font-size: 40px; */
        font-size: 2.08vw;
        line-height: 2.1vw;
        font-weight: 500;
        color: #F96229;
        text-align: center;
    }

    .s1_sub {
        /* font-size: 22px; */
        font-size: 1.14vw;
        line-height: 2vw;
        font-weight: 400;
        color: #CAC8C8;
        opacity: 0.4;
        text-align: center;
        margin-top: 8.125vw;
    }

    .s1_con_div_active {
        background: #F96229;
        /* width: 280px; */        
        width: 14.58vw;
    }

    .s1_con_title_active {
        /* font-size: 32px; */
        font-size: 1.66vw;
        line-height: 2vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;        
        margin-top: 3.5vw;
        margin-bottom: 2.3vw;
    }

    .s1_con {
        /* font-size: 20px; */
        font-size: 1.04vw;
        line-height: 1.66vw;
        font-weight: 400;        
        height: 14.125vw;
        color: #FFFFFF;
        padding-left: 1.57vw;
        padding-right: 1.57vw;        
        text-align: justify;
        margin-bottom: 1.2vw;
    }

    .s1_bar_active {
        /* width: 2px;
        height: 42px; */
        width: 0.104vw;
        height: 2.18vw;
        background: #FF7F4F;
        margin: auto;
    }

    .s1_order_active {
        /* font-size: 80px; */
        font-size: 4.16vw;
        line-height: 4.2vw;
        text-align: center;
        font-weight: 600;
        color: #FF7F4F;
        margin-top: 3.64vw;
    }

    /* section 2 */
    .section2_bg {
        width: 100%;
        height: calc(100vw * 1548 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energyconsult/energyconsult-bg2.png);
        position: relative;
        /* padding-left: 275px;
        padding-right: 275px; */
        padding-left: 14.32vw;
        padding-right: 14.32vw;
    }

    .s2_title {
        /* padding-top: 167px;
        margin-bottom: 178px; */
        padding-top: 8.69vw;
        margin-bottom: 9.27vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #282828;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s2_div {
        display: flex;
        justify-content: space-between;
    }

    .s2_con_div {
        /* width: 405px;
        height: 543px; */
        /* margin-bottom: 120px; */
        width: 21.18vw;
        margin-bottom: 6.25vw;
    }

    .s2_img {
        text-align: center;
        /* margin-bottom: 43px; */
        margin-bottom: 2.23vw;
    }

    .s2_img img {
        /* width: 118px;
        height: 118px; */
        width: 6.14vw;
        height: 6.14vw;
    }

    .s2_con_title {
        text-align: center;
        /* font-size: 32px; */
        font-size: 1.66vw;
        font-weight: 500;
        color: #282828;
        /* margin-bottom: 30px; */
        margin-bottom: 1.5625vw;
    }

    .s2_con {
        /* font-size: 22px;
        line-height: 30px; */
        font-size: 1.14vw;
        /* line-height: 1.56vw; */
        color: #4D4D4D;
        font-weight: 400;
        text-align: justify;
        word-break: break-all;
    }

    /* section 3 */
    .section_3 {
        /* height: 1000px;
        padding-left: 260px;
        padding-right: 260px; */
        height: auto;
        padding-left: 13.54vw;
        padding-right: 13.54vw;
    }

    .s3_title {
        /* padding-top: 203px;
        padding-bottom: 59px; */
        padding-top: 10.57vw;
        padding-bottom: 3.07vw;
        text-align: center;
    }

    .s3_title h4 {
        color: #282828;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s3_sub_title {
        text-align: center;
        /* font-size: 28px;
        line-height: 50px; */
        font-size: 1.45vw;
        line-height: 2.6vw;
        font-weight: 400;
        color: #979797;
        /* margin-bottom: 190px; */
        margin-bottom: 9.89vw;
    }

    .s3_nav_div {
        /* border-bottom: 2px #DDDDDD solid; */
        border-bottom: 0.104vw #DDDDDD solid;
        display: flex;
        justify-content: space-evenly;
    }

    .s3_nav {
        cursor: pointer;
        color: #606060;
        /* font-size: 36px; */
        font-size: 1.875vw;
        font-weight: 400;
    }

    .nav_active {
        /* font-size: 38px; */
        font-size: 1.97vw;
        font-weight: 500;
        color: #161616;
        /* border-bottom: 4px solid #F96229;
        margin-bottom: -3px; */
        border-bottom: 0.208vw solid #F96229;
        margin-bottom: -0.14vw;
    }

    .s3_con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* border-bottom: 1px solid #EEEEEE;
        height: 100px; */
        border-bottom: 0.052vw solid #EEEEEE;
        height: 5.2vw;
    }

    .s3_con_title {
        /* padding-left: 10px;
        padding-right: 10px; */
        padding-left: 0.52vw;
        padding-right: 0.52vw;
    }

    .s3_con_title a {
        /* font-size: 26px; */
        font-size: 1.35vw;
        font-weight: 400;
        color: #666666;
        text-decoration: none;        
    }

    .s3_con_title a:hover {
        color: #F96229;
        font-weight: 500;
    }

    .s3_con_date {
        /* font-size: 22px; */
        font-size: 1.14vw;
        font-weight: 400;
        color: #999999;
        white-space: nowrap;
        /* padding-left: 10px;
        padding-right: 10px; */
        padding-left: 0.52vw;
        padding-right: 0.52vw;
    }

    .s3_1_open_arrow {
        text-align: center;
        /* padding-top: 58px;
        padding-bottom: 171px; */        
        padding-top: 3.02vw;
        padding-bottom: 8.9vw;
    }

    .s3_1_open_arrow img {
        /* width: 57px;
        height: 61px; */
        width: 2.96vw;
        height: 3.17vw;
        cursor: pointer;
    }

    .s3_2_open_arrow {
        text-align: center;
        /* padding-top: 58px;
        padding-bottom: 171px; */
        padding-top: 3.02vw;
        padding-bottom: 8.9vw;
    }

    .s3_2_open_arrow img {
        /* width: 57px;
        height: 61px; */
        width: 2.96vw;
        height: 3.17vw;
        cursor: pointer;
    }
}

@media screen and (min-width: 1024px) and (max-width:1920px) {
    .section1_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1100 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energyconsult/energyconsult-bg.png);
        position: relative;
    }

    .s1_box {
        display: flex;
        flex-direction: column;
        height: calc(100vw * 1100 / 1920);
        padding: 0;
        margin: 0;
    }

    .s1_title_eng {
        text-align: center;
        /* padding-top: 128px; */
        padding-top: 6.66vw;
    }

    .s1_title_eng h4 {
        color: #FFFFFF;
        /* font-size: 70px; */
        font-size: 3.64vw;
        font-weight: 400;
        opacity: 0.03;
    }

    .s1_title {
        /* margin-top: -53px; */
        margin-top: -2.76vw;
        text-align: center;
    }

    .s1_title h4 {
        color: #FFFFFF;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 600;
    }

    .s1_div {
        display: flex;
        justify-content: space-between;
        height: 36.97916667vw;
        padding-left: 14.5vw;
        padding-right: 14.5vw;
        margin-top: auto; /* 將s1_box最後一個項目推向容器底部 */
    }

    .s1_con_div {
        /* width: 150px;
        padding-top: 60px; */
        cursor: pointer;        
        padding-top: 4vw;
        width: 7.81vw;
    }

    .s1_con_title {
        /* font-size: 30px;
        line-height: 40px; */
        line-height: 1.8vw;
        font-size: 1.56vw;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
    }

    .s1_bar {
        /* width: 2px;
        height: 35px; */
        width: 0.104vw;
        height: 1.82vw;
        background: #F96229;
        /* margin: 117px auto; */
        margin: 6.09vw auto;
    }

    .s1_order {
        /* font-size: 40px; */
        font-size: 2.08vw;
        line-height: 2.1vw;
        font-weight: 500;
        color: #F96229;
        text-align: center;
    }

    .s1_sub {
        /* font-size: 22px; */
        font-size: 1.14vw;
        line-height: 2vw;
        font-weight: 400;
        color: #CAC8C8;
        opacity: 0.4;
        text-align: center;
        margin-top: 8.125vw;
    }

    .s1_con_div_active {
        background: #F96229;
        /* width: 280px; */        
        width: 14.58vw;
    }

    .s1_con_title_active {
        /* font-size: 32px; */
        font-size: 1.66vw;
        line-height: 2vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;        
        margin-top: 3.5vw;
        margin-bottom: 2.3vw;
    }

    .s1_con {
        /* font-size: 20px; */
        font-size: 1.04vw;
        line-height: 1.66vw;
        font-weight: 400;        
        height: 14.125vw;
        color: #FFFFFF;
        padding-left: 1.57vw;
        padding-right: 1.57vw;        
        text-align: justify;
        margin-bottom: 1.2vw;
    }

    .s1_bar_active {
        /* width: 2px;
        height: 42px; */
        width: 0.104vw;
        height: 2.18vw;
        background: #FF7F4F;
        margin: auto;
    }

    .s1_order_active {
        /* font-size: 80px; */
        font-size: 4.16vw;
        line-height: 4.2vw;
        text-align: center;
        font-weight: 600;
        color: #FF7F4F;
        margin-top: 3.64vw;
    }

    /* section 2 */
    .section2_bg {
        width: 100%;
        height: calc(100vw * 1548 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energyconsult/energyconsult-bg2.png);
        position: relative;
        /* padding-left: 275px;
        padding-right: 275px; */
        padding-left: 14.32vw;
        padding-right: 14.32vw;
    }

    .s2_title {
        /* padding-top: 167px;
        margin-bottom: 178px; */
        padding-top: 8.69vw;
        margin-bottom: 9.27vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #282828;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s2_div {
        display: flex;
        justify-content: space-between;
    }

    .s2_con_div {
        /* width: 405px;
        height: 543px; */
        /* margin-bottom: 120px; */
        width: 21.18vw;
        margin-bottom: 6.25vw;
    }

    .s2_img {
        text-align: center;
        /* margin-bottom: 43px; */
        margin-bottom: 2.23vw;
    }

    .s2_img img {
        /* width: 118px;
        height: 118px; */
        width: 6.14vw;
        height: 6.14vw;
    }

    .s2_con_title {
        text-align: center;
        /* font-size: 32px; */
        font-size: 1.66vw;
        font-weight: 500;
        color: #282828;
        /* margin-bottom: 30px; */
        margin-bottom: 1.5625vw;
    }

    .s2_con {
        /* font-size: 22px;
        line-height: 30px; */
        font-size: 1.14vw;
        /* line-height: 1.56vw; */
        color: #4D4D4D;
        font-weight: 400;
        text-align: justify;
        word-break: break-all;
    }

    /* section 3 */
    .section_3 {
        /* height: 1000px;
        padding-left: 260px;
        padding-right: 260px; */
        height: auto;
        padding-left: 13.54vw;
        padding-right: 13.54vw;
    }

    .s3_title {
        /* padding-top: 203px;
        padding-bottom: 59px; */
        padding-top: 10.57vw;
        padding-bottom: 3.07vw;
        text-align: center;
    }

    .s3_title h4 {
        color: #282828;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s3_sub_title {
        text-align: center;
        /* font-size: 28px;
        line-height: 50px; */
        font-size: 1.45vw;
        line-height: 2.6vw;
        font-weight: 400;
        color: #979797;
        /* margin-bottom: 190px; */
        margin-bottom: 9.89vw;
    }

    .s3_nav_div {
        /* border-bottom: 2px #DDDDDD solid; */
        border-bottom: 0.104vw #DDDDDD solid;
        display: flex;
        justify-content: space-evenly;
    }

    .s3_nav {
        cursor: pointer;
        color: #606060;
        /* font-size: 36px; */
        font-size: 1.875vw;
        font-weight: 400;
    }

    .nav_active {
        /* font-size: 38px; */
        font-size: 1.97vw;
        font-weight: 500;
        color: #161616;
        /* border-bottom: 4px solid #F96229;
        margin-bottom: -3px; */
        border-bottom: 0.208vw solid #F96229;
        margin-bottom: -0.14vw;
    }

    .s3_con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* border-bottom: 1px solid #EEEEEE;
        height: 100px; */
        border-bottom: 0.052vw solid #EEEEEE;
        height: 5.2vw;
    }

    .s3_con_title {
        /* padding-left: 10px;
        padding-right: 10px; */
        padding-left: 0.52vw;
        padding-right: 0.52vw;
    }

    .s3_con_title a {
        /* font-size: 26px; */
        font-size: 1.35vw;
        font-weight: 400;
        color: #666666;
        text-decoration: none;        
    }

    .s3_con_title a:hover {
        color: #F96229;
        font-weight: 500;
    }

    .s3_con_date {
        /* font-size: 22px; */
        font-size: 1.14vw;
        font-weight: 400;
        color: #999999;
        white-space: nowrap;
        /* padding-left: 10px;
        padding-right: 10px; */
        padding-left: 0.52vw;
        padding-right: 0.52vw;
    }

    .s3_1_open_arrow {
        text-align: center;
        /* padding-top: 58px;
        padding-bottom: 171px; */        
        padding-top: 3.02vw;
        padding-bottom: 8.9vw;
    }

    .s3_1_open_arrow img {
        /* width: 57px;
        height: 61px; */
        width: 2.96vw;
        height: 3.17vw;
        cursor: pointer;
    }

    .s3_2_open_arrow {
        text-align: center;
        /* padding-top: 58px;
        padding-bottom: 171px; */
        padding-top: 3.02vw;
        padding-bottom: 8.9vw;
    }

    .s3_2_open_arrow img {
        /* width: 57px;
        height: 61px; */
        width: 2.96vw;
        height: 3.17vw;
        cursor: pointer;
    }
}

@media (max-width: 1024px) {
    .section1_bg {
        color: #FFFFFF;
        width: 100%;
        height: calc(100vw * 1100 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energyconsult/energyconsult-bg.png);
        position: relative;
    }

    .s1_box {
        display: flex;
        flex-direction: column;
        height: calc(100vw * 1100 / 1920);
        padding: 0;
        margin: 0;
    }

    .s1_title_eng {
        text-align: center;
        /* padding-top: 128px; */
        padding-top: 6.66vw;
    }

    .s1_title_eng h4 {
        color: #FFFFFF;
        /* font-size: 70px; */
        font-size: 3.64vw;
        font-weight: 400;
        opacity: 0.03;
    }

    .s1_title {
        /* margin-top: -53px; */
        margin-top: -2.76vw;
        text-align: center;
    }

    .s1_title h4 {
        color: #FFFFFF;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 600;
    }

    .s1_div {
        display: flex;
        justify-content: space-between;
        height: 36.97916667vw;
        padding-left: 13.5vw;
        padding-right: 13.5vw;
        margin-top: auto; /* 將s1_box最後一個項目推向容器底部 */
    }

    .s1_con_div {
        /* width: 150px;
        padding-top: 60px; */
        cursor: pointer;        
        padding-top: 4vw;
        width: 7.81vw;
    }

    .s1_con_title {
        /* font-size: 30px;
        line-height: 40px; */
        line-height: 1.8vw;
        font-size: 1.56vw;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
    }

    .s1_bar {
        /* width: 2px;
        height: 35px; */
        width: 0.104vw;
        height: 1.82vw;
        background: #F96229;
        /* margin: 117px auto; */
        margin: 6.09vw auto;
    }

    .s1_order {
        /* font-size: 40px; */
        font-size: 2.08vw;
        line-height: 2.1vw;
        font-weight: 500;
        color: #F96229;
        text-align: center;
    }

    .s1_sub {
        /* font-size: 22px; */
        /* font-size: 1.14vw; */
        font-size: 1.2vw;
        line-height: 1.2vw;
        font-weight: 400;
        color: #CAC8C8;
        opacity: 0.4;
        text-align: center;
        margin-top: 8.8vw;
    }

    .s1_con_div_active {
        background: #F96229;
        /* width: 280px; */        
        width: 14.58vw;
    }

    .s1_con_title_active {
        /* font-size: 32px; */
        font-size: 1.66vw;
        line-height: 2vw;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;        
        margin-top: 3.5vw;
        margin-bottom: 2.3vw;
    }

    .s1_con {
        /* font-size: 1.04vw; */
        font-size: 1.2vw;
        line-height: 1.66vw;
        font-weight: 400;        
        height: 14.125vw;
        color: #FFFFFF;
        /* padding-left: 1.57vw;
        padding-right: 1.57vw; */
        padding-left: 1.4vw;
        padding-right: 1.4vw;
        text-align: justify;
        margin-bottom: 1.2vw;
    }

    .s1_bar_active {
        /* width: 2px;
        height: 42px; */
        width: 0.104vw;
        height: 2.18vw;
        background: #FF7F4F;
        margin: auto;
    }

    .s1_order_active {
        /* font-size: 80px; */
        font-size: 4.16vw;
        line-height: 4.2vw;
        text-align: center;
        font-weight: 600;
        color: #FF7F4F;
        margin-top: 3.64vw;
    }

    /* section 2 */
    .section2_bg {
        width: 100%;
        height: calc(100vw * 1548 / 1920);
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/energyconsult/energyconsult-bg2.png);
        position: relative;
        /* padding-left: 275px;
        padding-right: 275px; */
        padding-left: 13vw;
        padding-right: 13vw;
    }

    .s2_title {
        /* padding-top: 167px;
        margin-bottom: 178px; */
        padding-top: 8.69vw;
        margin-bottom: 9.27vw;
        text-align: center;
    }

    .s2_title h4 {
        color: #282828;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s2_div {
        display: flex;
        justify-content: space-between;
    }

    .s2_con_div {
        /* width: 405px;
        height: 543px; */
        /* margin-bottom: 120px; */
        width: 21.88vw;
        margin-bottom: 6.25vw;
    }

    .s2_img {
        text-align: center;
        /* margin-bottom: 43px; */
        margin-bottom: 2.23vw;
    }

    .s2_img img {
        /* width: 118px;
        height: 118px; */
        width: 6.14vw;
        height: 6.14vw;
    }

    .s2_con_title {
        text-align: center;
        /* font-size: 32px; */
        font-size: 1.66vw;
        font-weight: 500;
        color: #282828;
        /* margin-bottom: 30px; */
        margin-bottom: 1.5625vw;
    }

    .s2_con {
        /* font-size: 22px;
        line-height: 30px; */
        /* font-size: 1.14vw; */
        font-size: 1.25vw;
        line-height: 1.76vw;
        color: #4D4D4D;
        font-weight: 400;
        text-align: justify;
        /* word-break: break-all; */
    }

    /* section 3 */
    .section_3 {
        /* height: 1000px;
        padding-left: 260px;
        padding-right: 260px; */
        height: auto;
        padding-left: 11.5vw;
        padding-right: 11.5vw;
    }

    .s3_title {
        /* padding-top: 203px;
        padding-bottom: 59px; */
        padding-top: 10.57vw;
        padding-bottom: 3.07vw;
        text-align: center;
    }

    .s3_title h4 {
        color: #282828;
        /* font-size: 56px; */
        font-size: 2.91vw;
        font-weight: 500;
    }

    .s3_sub_title {
        text-align: center;
        /* font-size: 28px;
        line-height: 50px; */
        font-size: 1.45vw;
        line-height: 2.6vw;
        font-weight: 400;
        color: #979797;
        /* margin-bottom: 190px; */
        margin-bottom: 9.89vw;
    }

    .s3_nav_div {
        /* border-bottom: 2px #DDDDDD solid; */
        border-bottom: 0.104vw #DDDDDD solid;
        display: flex;
        justify-content: space-evenly;
    }

    .s3_nav {
        cursor: pointer;
        color: #606060;
        /* font-size: 36px; */
        font-size: 1.875vw;
        font-weight: 400;
    }

    .nav_active {
        /* font-size: 38px; */
        font-size: 1.97vw;
        font-weight: 500;
        color: #161616;
        /* border-bottom: 4px solid #F96229;
        margin-bottom: -3px; */
        border-bottom: 0.208vw solid #F96229;
        margin-bottom: -0.14vw;
    }

    .s3_con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* border-bottom: 1px solid #EEEEEE;
        height: 100px; */
        border-bottom: 0.052vw solid #EEEEEE;
        height: 5.2vw;
    }

    .s3_con_title {
        /* padding-left: 10px;
        padding-right: 10px; */
        padding-left: 0.52vw;
        padding-right: 0.52vw;
    }

    .s3_con_title a {
        /* font-size: 26px; */
        font-size: 1.35vw;
        font-weight: 400;
        color: #666666;
        text-decoration: none;        
    }

    .s3_con_title a:hover {
        color: #F96229;
        font-weight: 500;
    }

    .s3_con_date {
        /* font-size: 22px; */
        font-size: 1.14vw;
        font-weight: 400;
        color: #999999;
        white-space: nowrap;
        /* padding-left: 10px;
        padding-right: 10px; */
        padding-left: 0.52vw;
        padding-right: 0.52vw;
    }

    .s3_1_open_arrow {
        text-align: center;
        /* padding-top: 58px;
        padding-bottom: 171px; */        
        padding-top: 3.02vw;
        padding-bottom: 8.9vw;
    }

    .s3_1_open_arrow img {
        /* width: 57px;
        height: 61px; */
        width: 2.96vw;
        height: 3.17vw;
        cursor: pointer;
    }

    .s3_2_open_arrow {
        text-align: center;
        /* padding-top: 58px;
        padding-bottom: 171px; */
        padding-top: 3.02vw;
        padding-bottom: 8.9vw;
    }

    .s3_2_open_arrow img {
        /* width: 57px;
        height: 61px; */
        width: 2.96vw;
        height: 3.17vw;
        cursor: pointer;
    }
}