@charset "UTF-8";

html {
    font-size: 10px;
    -webkit-text-size-adjust: 100%;
    
}
@media screen and (min-width: 1921px) {
    html {
        font-size: 0.52083333vw;
    }
}
@media screen and (max-width: 1920px) {
    html {
        font-size: 0.52083333vw;
    }
}
@media screen and (max-width: 1000px) {
    html {
        font-size: 10px;
    }
}
@media screen and (max-width:999px) {
    html {
        font-size: 1vw;
    }
}

body {
    background: #fff;
    font-family:Arial,'Noto Sans TC',"微軟正黑體","Microsoft JhengHei",sans-serif;
    background: #f3f4f6;
    color: #222222;line-height: 1.25em;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

img {
    position: relative;
    display: block;
    border: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.wrap {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    /*background: url(../images/index_bg.jpg?t=20240719) no-repeat top center;*/
    background-size: 100% auto;
}
.wrap .preload {
    display: none;
}

.nav {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 999;
    height: 7.6rem;
    border-bottom: .2rem solid #3eb950;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#72e683+0,0c9161+100 */
background: linear-gradient(to left,  rgba(114,230,131,1) 0%,rgba(12,145,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.nav-h{height: 7.6rem;}
.nav .nav-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 0 2rem 0 13rem;
}
.nav .nav-container .logo {
    position: relative;
    display: block;
    width: 14.6rem;
}
.nav .nav-container .nav-list {
    position: relative;
    display: block;
    height: 7.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav .nav-container .nav-list > li {
    position: relative;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    padding:0 2.5rem;
    cursor: pointer;
    text-shadow: 3px 5.2px 9px rgba(6, 83, 59, 0.4);
}
.nav .nav-container .nav-list > li:hover{color: #f9fc00;}
.nav .nav-container .nav-list > li a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.nav .nav-container .nav-list > li.nav-spbtn  span{
    position: relative;
    color: #fff;
    z-index: 1;
    margin-right: 1em;
    /*background: #e8460a;*/
}
.nav .nav-container .nav-list > li.nav-spbtn  span::before{
    content: "";
    position: absolute;
    height: 2.8rem;
    width: calc(100% + 2rem);
    left: -1rem;
    top:-.4rem;
    background: #e8460a;
    z-index: -1;
    border-radius: 1.2rem;
}

.nav .nav-container .nav-list > li.nav-spbtn small{
    transform: scale(.5);
    -webkit-transform: scale(.5);
    display: inline-block;
    transform-origin: 0 0%;
    font-size: 100%;
    margin-right: -1rem;
}
.nav .nav-container .nav-list > li:not(:last-child):after{
    content: "/";
    color: #f9fc00;
    /*background: url(../images/nav_line.png?t=20240719) center center no-repeat;*/
    font-size: 2rem;
    display: inline-block;
    position: absolute;
    right: -.5rem;
    /*top: 50%;*/
    /*transform: translateY(-11px);*/
}

.nav .nav-container .nav-list > li:hover {
    /*color: #fcf263;*/
}
.nav .social-list {
    position: absolute;
    display: block;
    right: 2rem;
}
.nav .social-list2 {
    display: none;
}
.nav .social-list li {
    position: relative;
    display: inline-block;
    width: 4rem;
    margin-left: 1rem;
}
.nav-icon{
    width: 5.4rem;
    display: inline-block;
    position:relative;
    /*margin-left: .5em;*/
    /*left: calc(100% - .5em);*/
    height: 1em;
    top: 50%;
    transform: translateY(-100%);
}



@media screen and (min-width: 1921px) {

}
@media screen and (max-width: 1500px) {
    .nav{border-bottom: 0;}
    .nav .nav-container {
        
        width: 100%;
    }
    .nav .nav-container .nav-list {
        margin-right: 12rem;
    }
    .nav .nav-container .nav-list > li{
        margin-left: 4rem;
    }
}

.nav .burger-btn {
    display: none;
}

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

    .nav-h,.nav {
        height: 70px;
    }

    .nav::before {
        content: "";
        position: absolute;
        display: block;
        width: 100vw;
        height: calc(100vh - 70px);
        top:70px;
        left: 0;
        background: rgba(0,0,0,0.9);
        pointer-events: none;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
    .nav.expand::before {
        opacity: 1;
        pointer-events: auto;
    }
    .nav .nav-container {
        background: #fff;
        position: absolute;
        display: block;
        padding: 0 2rem;
        height: 100%;
    }
    .nav .nav-container .logo {
        width: 90px;
        position: absolute;
        top:0;
    }
    .nav .nav-container .nav-list {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 0dvh;
        align-items: center;
        top:70px;
        right: -100%;
        width: 100%;
        height: calc(100dvh - 70px);
        background:#55b65c;
        background-size: 100% auto;
        margin: 0;
        -webkit-transition: right 0.5s ease;
        transition: right 0.5s ease;
    }

    .nav .nav-container .nav-list > li:not(:last-child):after,.nav .nav-container .nav-list > li:after{
        content: "";
        background: url(../images/mb/nav_arr.png?t=20240719) center center no-repeat;
        background-size: 100% auto;
        width: 5rem;
        height: 5rem;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-11px);
    }
    .nav.expand .nav-container .nav-list {
        right: 0;
    }
    .nav .nav-container .nav-list > li {
        width:60rem;
        display: block;
        font-size: 8rem;
        line-height: 12dvh;
        /*letter-spacing: 0.8rem;*/
        color: #fff;
        margin: 0rem 0;
        padding:0;
        border-bottom: none;
        text-align: left;
        border-bottom: 1px solid #fff;
        /*text-indent: -99999px;*/
    }
    .nav .social-list1 {
        display: none;
    }
    .nav .social-list2 {
        display: block;
    }
    .nav .social-list {
        position: relative;
        right: auto;
    }
    .nav .social-list li {
        width: 5rem;
        margin: 0 0.5rem;
    }
    .nav .burger-btn {
        position: absolute;
        display: block;
        width: 35px;
        height: 30px;
        top:22px;
        right: 20px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .nav .burger-btn span {
        position: absolute;
        display: block;
        width: 100%;
        height: 4px;
        background: #028762;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    .nav .burger-btn span:nth-child(1) {
        -webkit-transform: scale(1,1) translate(0,0) rotate(0deg);
        transform: scale(1,1) translate(0,0) rotate(0deg);
    }
    .nav .burger-btn span:nth-child(2) {
        -webkit-transform: scale(1,1) translate(0,10px) rotate(0deg);
        transform: scale(1,1) translate(0,10px) rotate(0deg);
    }
    .nav .burger-btn span:nth-child(3) {
        -webkit-transform: scale(1,1) translate(0,20px) rotate(0deg);
        transform: scale(1,1) translate(0,20px) rotate(0deg);
    }
    .nav.expand .burger-btn span:nth-child(1) {
        -webkit-transform: scale(1,1) translate(0,10px) rotate(45deg);
        transform: scale(1,1) translate(0,10px) rotate(45deg);
    }
    .nav.expand .burger-btn span:nth-child(2) {
        -webkit-transform: scale(0,1) translate(0,10px) rotate(0deg);
        transform: scale(0,1) translate(0,10px) rotate(0deg);
    }
    .nav.expand .burger-btn span:nth-child(3) {
        -webkit-transform: scale(1,1) translate(0,10px) rotate(-45deg);
        transform: scale(1,1) translate(0,10px) rotate(-45deg);
    }

}

@media screen and (max-width: 640px) {
    .nav .nav-container .logo{
        /*width: 72px;*/
    }
    .nav::before {
        content: "";
        position: absolute;
        display: block;
        width: 100vw;
        height: calc(100dvh - 70px);
        top: 70px;
        left: 0;
        background: rgba(0, 0, 0, 0.9);
        pointer-events: none;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
    .nav .burger-btn {
        position: absolute;
        display: block;
        width: 35px;
        height: 30px;
        top: 22px;
        right: 20px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .nav .nav-container .nav-list{
        top: 70px;
        height: calc(100dvh - 70px);
    }
}

section {
    position: relative;
    display: block;
    width: 100%;
}

.section-container {
    position: relative;
    display: block;
    width: 144rem;
    max-width: 144rem;
    margin: 0 auto;
}

.fixed-icon{
    width: 11.25rem;
    position: fixed;
    right: 0rem;
    top: 50%;
    z-index: 5;
    display: block;
    transform: translateY(-50%);
}
.fixed-btn{
    width: 6.3rem;
    position: fixed;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
}
.fixed-btns{
    position: fixed;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.fixed-btns > a{margin:1rem 0;display: block;    
    /*-webkit-box-shadow: 0px 0px 2rem 1rem rgb(99 70 10 / .5);*/
    /*border-radius: 4rem;*/
    /*box-shadow: -.5rem .5rem 1rem .25rem rgb(99 70 10 / .3);*/
}

@media screen and (max-width: 1000px) {
    .section-container {

    }
}

.mb{display: none;}

@media screen and (min-width: 1001px) and (max-height: 800px) {
    .fixed-btns{top:12vh;transform: translateY(0); }
    .fixed-btns > a{margin:1rem 0;display: block;height:27.5vh; }
    .fixed-btns > a img{height: 100%;width: auto;}
}
@media screen and (max-width: 1000px) {
    .wrap section,.wrap2,.wrap3{
    }

    .pc{display: none;}
    .mb{display: block;}

    .fixed-btn{
        width: 64rem;
        bottom: 0;
        top: initial;
        left: 50%;
        transform: translateX(-50%);
    }
    .fixed-btns{display: flex;width: 100%;bottom: 0;transform: translateY(0);top: initial;right: 0;flex-wrap: wrap;}
    .fixed-btns::before{
        content: "";
        width: 100%;
        /*background: url(../images/mb/fixed_bar.png?t=20240719);*/
        background-size: cover;
        height: 1rem;
    }
    .fixed-btns a{
        width: 33.33%;
        height: auto;
        margin:0;
    }
    .fixed-btns a img{width: 100%;}

    .section-container{max-width: 61.8rem;} 
}


.kv{
    background: url(../images/kv_bg0714.png?t=20250714) center center no-repeat;
    /*background: url(../images/kv_bgdemo.png?t=20240719) center center no-repeat;*/
    /*background-size: auto 100%;*/
    background-size: cover;
    height: 98rem;
    mask-image:url(../images/kv_bgmask.png?t=20240719);
    -webkit-mask-image:url(../images/kv_bgmask.png?t=20240719);
    mask-size:cover;
    -webkit-mask-size:cover;
    z-index: 1;
}
.kv-main{width: 86.8rem;position: absolute;left: 0;top: 0;}
.kv-ball{width: 69.3rem;position: absolute;left: 37rem;top: -2.5rem;}
.kv-pro{width: 50.8rem;position: absolute;right: 12rem;bottom: 13rem;}
.kv-ing1{width: 6.6rem;position: absolute;right: 11rem;bottom: 40rem;}/* mb*/
.kv-ing2{width: 23.2rem;position: absolute;right: 57rem;bottom: 20rem;}
.kv-ing3{width: 6.4rem;position: absolute;left: 49%;top: 15%;}
.kv-ing4{width: 10.8rem;position: absolute;right: 10rem;top: 28rem;}

.wrap2{
    position: relative;
    background: url(../images/wrap2.jpg?t=240828) center top no-repeat;
    /*background: url(../images/wrap2_short.jpg?t=20240719);*/
    background-size: 192rem auto;
    margin-top: -18.3rem;
    z-index: 0;
    padding-top: 20rem;
}
.sec-title{margin:0 auto;}

.sec1{padding-top: 6.5rem;padding-bottom: 18rem;}
.sec1 .sec-title{width: 85.8rem;}
.sec2 .sec-title{width: 134.9rem;margin-bottom: 13rem;}
.sec3 .sec-title{width: 122.3rem;}
.sec4 .sec-title{width: 147.8rem;}
/*.sec5 .sec-title{width: 134.9rem;}*/
.sec6 .sec-title{width: 143.4rem;}
.sec7 .sec-title{width: 67.7rem;}
.sec8 .sec-title{width: 135rem;}
.sec9 .sec-title{width: 136.5rem;}

.yt-con{
    position: relative;
    width: 142.8rem;
    height: 84.2rem;
    background: url(../images/tvc_videobg.png?t=20240719);
    background-size: cover;
    margin:0 auto;
    margin-top: 3rem;
    padding: 5rem;
    z-index: 3;
}
.ytplay{width: 100%;height: 100%;}
.ytplay iframe{width: 100%;height: 100%;}

.sec1-ing1{width: 100%;position: absolute;left: 0;top: 17rem;pointer-events: none;}
.sec1-ing2{width: 100%;position: absolute;left: 0;top: 23rem;pointer-events: none;}


.sec2{padding-top: 12rem;}


.sec2-title2{width: calc(116.6rem * 0.8);margin:0 auto;margin-bottom: calc(8rem* 0.8);position: relative;}
.sec2-title2 p{
    position: absolute;
    width: 100%;
    bottom: -1.5em;
    left: .25em;
    letter-spacing: .0625em;
    font-size: 2.4rem; /*pc*/
    line-height: 1.25em;
    font-weight: bold;
}
.sec2-title3{width: calc(55rem * 0.8);margin:0 auto;}

.sec2-chart p.sec-txt2{
    position: absolute;
    width: 100%;
    top: 24.5%;
    padding: 0 10em 0 12.5em;
    
    letter-spacing: .0625em;
    font-size: 2.4rem;
    line-height: 1.25em;
    font-weight: bold;
}

.sec2-ball{
    width: calc(55rem * 0.8);
    margin:0 auto;
    margin-top: 0rem;
}
.sec2-chart{
    position: relative;
    width: calc(183rem * 0.8);
    margin:0 auto;
    margin-top: 0rem;
}
.sec2-chart-light{
    pointer-events: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    mix-blend-mode:screen;
}
.sec2-chart .sec-txt{
    position: absolute;
    bottom: 13.25%;
    width: 100%;
    text-align: center;
    font-weight: 500;
}

.sec-txt{
    font-size: 2rem;
    line-height: 2em;
    text-align: center;
    margin-top: 20rem;
}
.sec-tip{
    font-size: 1.8rem;
    line-height: 2em;
    text-align: center;
}


/*sec3*/
.sec3{padding-top: 8rem;padding-bottom: 10rem;}
.sec3-list{display: flex;justify-content: center;align-items: flex-start;margin-top: 1rem;margin-left: -8rem;}
.sec3-list > div{margin-right: -9rem;position: relative;}
.sec3-list > div.sec3-item1{width: 36.5rem;}
.sec3-list > div.sec3-item2{width: 34.7rem;margin-right: -10.2rem;margin-top: 9rem;}
.sec3-list > div.sec3-item3{width: 32.5rem;}
.sec3-list > div.sec3-item4{width: 32.5rem;margin-top: 9rem;}
.sec3-list > div.sec3-item5{width: 32.5rem;}


/*sec4*/

.sec4{
    padding-top: 4rem;
    padding-bottom: 14rem;
}

.sec4-row{
    display: flex;
    justify-content: center;align-items: flex-start;
    margin-top: 4rem;
}

.sec4-dr{
    position: relative;
    width: 81.2rem;
}
.sec4-dr p.sec-txt2{
    position: absolute;
    width: 100%;
    bottom: -.5em;
    padding: 0 0em 0 3.5em;
    
    letter-spacing: .0625em;
    font-size: 2.4rem;
    line-height: 1.5em;
    font-weight: bold;
}
.sec4-main{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: 8rem;
    margin-right: 25rem;
    margin-top: 5rem;
}
.sec4-box1-ing{width: 8.8rem;position: absolute;right: -9rem;top: 6rem;}
.sec4-box2-ing{width: 12.8rem;position: absolute;right: -13rem;top: 8.5rem;}
.sec4-box3-ing{width: 10.8rem;position: absolute;right: -12rem;top: 3rem;}
.sec4-box-txt{font-size: 4.4rem;color: #107d5a;font-weight: 500;text-align: right;padding-right: 3rem;margin-top: 0em;line-height: 1em;}
.sec4-box-num{position: relative;width: 100%;}
.sec4-box-num-tag{position: absolute;width: 6.3rem;bottom: 4rem;right: -4.5rem;}
.sec4-box2 .sec4-box-num-tag{bottom: 2rem;right: -1rem;}
.sec4-box-num p{
    text-align: center;
    font-size: 22rem;
    line-height: 1em;
    background: linear-gradient(to right, #b2e4ba, #05aa73);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; 
    letter-spacing: -.15em;
}
.sec4-box3 .sec4-box-num p{font-size: 16.3rem;}

.sec4-box{
    position: relative;
    width: 23rem;
    border-bottom: 2px solid #1e8464;
    padding-bottom: 3.5rem;
    

}
.sec4-box1 .sec4-box-num{
    margin-left: -5rem;
}
.sec4-box2 {padding-bottom: 5rem;}
.sec4-box2 .sec4-box-num{
    margin-left: -2rem;
}
.sec4-box3{border-bottom: none;margin-top: 3.5rem;align-items: flex-end;display: flex;
    flex-direction: column;}
.sec4-box3 .sec4-box-num{position: relative;width: fit-content;}

.sec4-box3 .sec4-box-num p{letter-spacing: -0.025em;font-weight: bold;}

/*.sec5*/

.sec5{padding-top: 3rem;padding-bottom: 10rem;}
.sec5-main{position: relative;}
.sec5-main-pro{
    width: 75.4rem;
    margin:0 auto;
    margin-left: calc(50% - 34rem);
}
.sec5-main-box1{
    position: absolute;
    width: 45rem;
    left: 14rem;
    top: 10.5rem;
}

.sec5-main-box2{
    position: absolute;
    width: 42.9rem;
    right: 15.5rem;
    top: 3rem;
}
.sec5-main-line{
    position: absolute;
    width: 38.8rem;
    height: 5rem;
}
.sec5-main-box1 .sec5-main-line{right:-3rem;top: 23rem;transform: scaleX(-1);}
.sec5-main-box2 .sec5-main-line{left: -3rem;top: 22rem;}
.sec5-main-line-pic{
    width: 100%;
    height: 100%;
    background: url(../images/sec5_main_box_line.png?t=20240719);
}

.sec5-probox1{width: 50rem;margin:0 auto;margin-top: 20rem;position: relative;}

.sec5-probox2{width: 118.9rem;margin:0 auto;margin-top: 33rem;margin-left: calc(50% - 56.5rem);position: relative;}

.sec5-pro1-ing1{position: absolute;width: 51.2rem;left: -30rem;top: -5rem;}
.sec5-pro1-ing2{position: absolute;width: 49.6rem;left: -34rem;bottom: 4rem;}
.sec5-pro1-ing3{position: absolute;width: 43.8rem;right: -26rem;top: -18rem;}
.sec5-pro1-ing4{position: absolute;width: 40.2rem;right: -31rem;bottom: 13rem;}

.sec5-pro2-ing1{position: absolute;width: 49.9rem;left: 0rem;top: -22.5rem;}
.sec5-pro2-ing2{position: absolute;width: 53.2rem;left: -4rem;bottom: 16rem;}
.sec5-pro2-ing3{position: absolute;width: 47.4rem;right: -2rem;top: -14rem;}
.sec5-pro2-ing4{position: absolute;width: 48.3rem;right: 2rem;bottom: 7.5rem;}

/*sec6*/

.sec6{padding-top: 2rem;padding-bottom: 0rem;}
.sec6-dr{width: calc(143.5rem * 0.8);margin:0 auto;margin-top: 0rem;position: relative;}
.sec6-dr-txtcon{
    position: absolute;
    right: 0;top: calc(13.5rem * 0.8);
    width: calc(78rem * 0.8);
    padding:0 6.4rem 0 4rem;
}
.sec6-dr-name{font-size: calc(4.7rem * 0.8);font-weight: bold;color:#fff;text-align: center;line-height: 5.6rem;padding-left: 1em;}
.sec6-dr-name span{font-size: calc(3.2rem * 0.8);}
.sec6-dr-title{color: #05aa73;font-size: 4rem;font-style: italic;font-weight: bold;line-height: 1.25em;margin-top: 2rem;}
.sec6-dr-txt{    font-size: 2.4rem;
    line-height: 1.5em;margin-top: 2.4rem;}


/*sec7*/
.sec7{
    padding-top: 8.5rem;
    padding-bottom: 14rem;
}
.kol-list{width: calc(129rem * 0.8);margin:0 auto;margin-top: 5rem;position: relative;}
.kol-box{
    width: calc(43.5rem * 0.8);
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
}
.kol-pic{
    border-radius: 1.6rem;
    overflow: hidden;
}
.kol-txts{
    height: 12em;
    background: #fff;
    font-size: 2.4rem;
    line-height: 1.5em;
    padding: 1.8em 1em 0.8em 1em;
    text-align: left;
    display: flex;
    margin-top: -1em;
    padding-top: 2em;
    justify-content: center;align-items: flex-start;
}
.kol-name{
    height: 4.4rem;
    text-align: center;
    color: #fff;
    line-height: 4.4rem;
    font-size: calc(2.7rem * 0.8);
    border-radius: 0 0 1.6rem 1.6rem;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3bb782+38,f4ec06+100 */
background: linear-gradient(to right,  rgba(244,236,6,1) 38%,rgba(59,183,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.slider-left-btn{width:3.3rem;position: absolute;left: -5rem;top: 50%;transform: scaleX(-1); }
.slider-right-btn{width:3.3rem;position: absolute;right: -5rem;top: 50%; }





/*sec8*/


.sec8{
    padding-top: 12rem;
    padding-bottom: 13rem;
}
.sec8-table{
    position: relative;
    width: 153.2rem;
    margin:0 auto;
    margin-top: 6.5rem;
}
.sec8-table-pro1{
    position: absolute;width: 7.5rem;top: 2.5rem;left: 53%;
    -webkit-mask: url(../images/sec8_table_pro1.png?t=20240719) no-repeat center center;
    mask: url(../images/sec8_table_pro1.png?t=20240719) no-repeat center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.sec8-table-pro1::after,.sec8-table-pro2::after{
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background: rgb(255, 255, 255);
    background: linear-gradient(70deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100%;
}
.sec8-table-pro1::after{width: 400%;}
.sec8-table-pro2{
    position: absolute;width: 15.4rem;top: 8rem;right: 0%;
    -webkit-mask: url(../images/sec8_table_pro2.png?t=20240719) no-repeat center center;
    mask: url(../images/sec8_table_pro2.png?t=20240719) no-repeat center center;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.sec8-table-pro1::after,.sec8-table-pro2::after {

    -webkit-animation: kv-btn-act 5s ease 0s infinite normal both;
    animation: kv-btn-act 5s ease 0s infinite normal both;
}
.sec8-table-light{
    position: absolute;
    width: 100%;
    left: 0;top: 0;
    mix-blend-mode: multiply ;
    pointer-events: none;
}

.sec8 .sec-tip{text-align: left;width: 153.2rem;
    margin:0 auto;padding-left: 1.5em;}



.sec8-tablecon{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 20.5rem .25rem 5rem .25rem;
}
.sec8-table-header{
    display: flex;
    height: 20%;
}
.sec8-table-row{
    display: flex;
    height: 16%;
}
.sec8-table-header .sec8-table-cell,.sec8-table-row .sec8-table-cell{
    display: flex;
    width: 40%;
}
.sec8-table-row .sec8-table-cell-full{
    width: 80%;
}
.sec8-table-header .sec8-table-cell:nth-child(1),.sec8-table-row .sec8-table-cell:nth-child(1){
    width: 20%;
}
.sec8-table-cell{
    font-size: 3rem;
    color: #000;
    font-weight: 500;
    display: flex;
    justify-content:center;align-items: center;
}
.sec8-table-cell small{font-size: .5em;vertical-align: text-top;}
.sec8-table-cell span{font-size: 2em;font-weight: bold;}
.sec8-table-cell:nth-child(1){
    justify-content: flex-start;
    padding-left: 1em;

}
.sec8-table-header .sec8-table-cell:nth-child(2),.sec8-table-header .sec8-table-cell:nth-child(3){
    font-size:3rem;
    color: #fff;
    font-weight: 400;text-align: center;
    padding-right: 7.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 6.5rem;
}
/*
.sec8-table-row1 .sec8-table-cell:nth-child(2){display: flex;
    justify-content: center;align-items: center;color: #003b81;font-size: 3.6rem;font-weight: bold;}
.sec8-table-row1 .sec8-table-cell:nth-child(3){display: flex;
    justify-content: center;align-items: center;color: #00783b;font-size: 3.6rem;font-weight: bold;}

.sec8-table-row2 .sec8-table-cell:nth-child(2),.sec8-table-row2 .sec8-table-cell:nth-child(3){
    display: flex;
    justify-content: center;align-items: flex-start;color: #595757;font-size: 3.3rem;font-weight: bold;
    line-height: 4.4rem;
    flex-direction: column;
    padding-left: 13rem;
}*/




/*sec9*/
.sec9{
    padding-top: 14.5rem;
}

.sec9-list{display: flex;margin-top: 9rem;}
.sec9-box{position: relative;}
.sec9-box1{width: 63.2rem;}
.sec9-box2{width: 66.1rem;}
.sec9-box3{width: 62.9rem;}

.sec9-box > div{
    background: rgb(255 255 255 / .7);
    height: 28.8rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;align-items: center;
    flex-direction: column;
}
.sec9-box > div h3{color: #0e6a49;font-size: 6rem;line-height: 1.2em;font-weight: bold;}
.sec9-box > div p{font-size: 3.6rem;line-height: 2em;}

.for-m{display: none;}
@media screen and (min-width: 1001px) {
    .kv{
        height: 100vh;
        mask-size:100% 100%;
        -webkit-mask-size:100% 100%;
        max-height: 98rem;
    }
    .kv-main{
        width: initial;
        height: 125%;
    }
    .kv-ball{
        width: initial;
        height: 100%;
        left: 12vw;
    }
    .kv-ing1 img,.kv-ing2 img,.kv-ing3 img,.kv-ing4 img,.kv-ball img,.kv-main img,.kv-title img,.kv-pro img{height: 100%;width: auto;max-width: initial;}


}
@media screen and (min-width: 1001px) {
    .kv{
        height: calc(100dvh - 7.6rem);
        max-height:initial;
    }
    .kv-title{
        position: absolute;
        height: 52dvh;
        left: 50%;
        margin-left: -18dvh;
        top: 8dvh;
    }
    .kv-main{
        left: 50%;
        margin-left: -101dvh;
        height: 140%;
    }
    .kv-ball {
        width: initial;
        height: 100%;
        left: 50%;
        margin-left: -55dvh;
        top: 4.5dvh;
    }
    .kv-pro {
        width: auto;
        height: 25.5dvh;
        position: absolute;
        right: 50%;
        margin-right: -72dvh;
        bottom: 10.5dvh;
    }
    .kv-ing1{width: auto;height: 5dvh;position: absolute;right: 50%;bottom: 36dvh;margin-right: -79dvh;}
    .kv-ing2{width: auto;height: 11dvh;position: absolute;right: 50%;bottom: 18dvh;margin-right: -26dvh;}

    .kv-ing3{width: auto;height: 6dvh;position: absolute;left: 50%;top: 15dvh;margin-left: 4dvh;}
    /*.kv-ing4{width: auto;height:7.5dvh;position: absolute;right: 50%;top: 31dvh;margin-right: -81dvh;}*/
	 .kv-ing4{width: auto;height:5.5dvh;position: absolute;right: 50%;top: 37dvh;margin-right: -81dvh;}


    .wrap2{
        /*background: url(../images/wrap2_short.jpg?t=20240719) center top no-repeat;*/
        background-size: calc(192rem / .625 * .8 ) auto;
        margin-top: -22.7rem;
        z-index: 0;
        padding-top: 27.6rem;
    }
    .sec-txt{margin-top: 18.5rem;font-size: 1.4rem;}


    .sec1{padding-top: calc(6.5rem* 0.8);;padding-bottom: calc(18rem * 0.8);}
    .sec1 .sec-title{width: calc(85.8rem * 0.625);}
    .sec2 .sec-title{width: calc(134.9rem * 0.8);margin-bottom: calc(8rem * 0.8);}
    .sec3 .sec-title{width: calc(122.3rem * 0.7);}
    .sec4 .sec-title{width: calc(147.8rem * 0.8);}
    /*.sec5 .sec-title{width: 134.9rem;}*/
    .sec6 .sec-title{width: calc(143.4rem * 0.8);}
    .sec7 .sec-title{width: calc(67.7rem * 0.8);}
    .sec8 .sec-title{width: calc(135rem * 0.8);}
    .sec9 .sec-title{width: calc(136.5rem * 0.8);}

    .yt-con{
        width: calc(142.8rem * 0.8);
        height: calc(84.2rem * 0.8);
        margin-top: calc(3rem * 0.8);
        padding: calc(5rem * 0.8);
    }
    .sec1-ing1{width: 100%;position: absolute;left: 0;top: calc(0rem* 0.8);pointer-events: none;z-index: 1;}
    .sec1-ing2{width: 100%;position: absolute;left: 0;top: calc(0rem* 0.8);pointer-events: none;z-index: 1;}


    .sec2{padding-top: calc(12rem * 0.8);}


    .sec3{
        padding-top: 9rem;
        padding-bottom: 16rem;
    }
    .sec3-list{margin-top: 6rem;    margin-left: -13rem;}
    .sec3-list > div{margin-right: calc(-9rem* 0.8);position: relative;}
    .sec3-list > div.sec3-item1{width: calc(36.5rem * 0.8);}
    .sec3-list > div.sec3-item2{width: calc(34.7rem * 0.8);margin-right: calc(-9rem* 0.8);margin-top: calc(9rem* 0.8);}
    .sec3-list > div.sec3-item3{width: calc(32.5rem * 0.8);}
    .sec3-list > div.sec3-item4{width: calc(32.5rem * 0.8);margin-top: calc(9rem* 0.8);margin-right: calc(-7rem* 0.8);}
    .sec3-list > div.sec3-item5{width: calc(32.5rem * 0.8);}

    .sec4 {
        padding-top: 0rem;
        padding-bottom: 21.5rem;
    }
    .sec4-row{        margin-top: 5rem;    }

    .sec4-dr{        width: calc(50rem / 0.625 * .8 );    }
    .sec4-main{
        margin-left: 6rem;
        margin-right: calc(25rem* 0.8);
        margin-top: calc(5rem* 0.8);
    }
    .sec4-box1-ing{width: calc(8.8rem* 0.8);right: calc(-9rem* 0.8);top: calc(6rem* 0.8);}
    .sec4-box2-ing{width: calc(12.8rem* 0.8);right: calc(-13rem* 0.8);top: calc(8.5rem* 0.8);}
    .sec4-box3-ing{width: calc(10.8rem* 0.8);right: calc(-12rem* 0.8);top: calc(3rem* 0.8);}
    .sec4-box-txt{font-size: calc(4.4rem* 0.8);padding-right: calc(3rem* 0.8);margin-top: 0em;}
    .sec4-box-num-tag{width: calc(6.3rem* 0.8);bottom: calc(4rem* 0.8);right: calc(-4.5rem* 0.8);}
    .sec4-box2 .sec4-box-num-tag{bottom: calc(2rem* 0.8);right: calc(-1rem* 0.8);}

    .sec4-box-num p{
        font-size: 14rem;
    }
    .sec4-box3 .sec4-box-num p{font-size: 10rem;}

    .sec4-box{
        width: calc(23rem* 0.8);
        border-bottom: 2px solid #1e8464;
        padding-bottom: 1.5rem;
    }
    .sec4-box1 .sec4-box-num{
        margin-left: calc(-5rem* 0.8);
    }
    .sec4-box2 {padding-bottom: 2rem;}
    .sec4-box2 .sec4-box-num{
        margin-left: calc(-2rem* 0.8);
    }
    .sec4-box3{margin-top: calc(3.5rem* 0.8);}


    .sec5{padding-top: 1rem;padding-bottom: 5.5rem;}
    .sec5-main-pro{
        width: calc(75.4rem* 0.8);
        margin-left: calc(50% - 34rem * .8);
    }
    .sec5-main-box1{
        width: calc(45rem* 0.8);
        left: calc(50% - 64rem);
        top: calc(10.5rem* 0.8);
    }

    .sec5-main-box2{
        width: calc(42.9rem* 0.8);
        right: calc(50% - 64rem);
        top: calc(3rem* 0.8);
    }
    .sec5-main-line{
        width: calc(38.8rem* 0.8);
        height: calc(5rem* 0.8);
    }
    .sec5-main-box1 .sec5-main-line{right:calc(-3rem* 0.8);top: calc(23rem* 0.8);}
    .sec5-main-box2 .sec5-main-line{left: calc(-3rem* 0.8);top: calc(22rem* 0.8);}
    .sec5-main-line-pic{        background-size: cover;    }

    .sec5-probox1{width: calc(50rem* 0.8);margin-top: calc(20rem* 0.8);}

    .sec5-probox2{width: calc(118.9rem* 0.8);margin-top: calc(33rem* 0.8);margin-left: calc(50% - 56.5rem * .8);}

    .sec5-pro1-ing1{position: absolute;width: calc(51.2rem* 0.8);left: calc(-30rem* 0.8);top: calc(-5rem* 0.8);}
    .sec5-pro1-ing2{position: absolute;width: calc(49.6rem* 0.8);left: calc(-34rem* 0.8);bottom: calc(4rem* 0.8);}
    .sec5-pro1-ing3{position: absolute;width: calc(43.8rem* 0.8);right: calc(-26rem* 0.8);top: calc(-18rem* 0.8);}
    .sec5-pro1-ing4{position: absolute;width: calc(40.2rem* 0.8);right: calc(-31rem* 0.8);bottom: calc(13rem* 0.8);}

    .sec5-pro2-ing1{position: absolute;width: calc(49.9rem* 0.8);left: calc(0rem* 0.8);top: calc(-22.5rem* 0.8);}
    .sec5-pro2-ing2{position: absolute;width: calc(53.2rem* 0.8);left: calc(-4rem* 0.8);bottom: calc(16rem* 0.8);}
    .sec5-pro2-ing3{position: absolute;width: calc(47.4rem* 0.8);right: calc(-2rem* 0.8);top: calc(-14rem* 0.8);}
    .sec5-pro2-ing4{position: absolute;width: calc(48.3rem* 0.8);right: calc(2rem* 0.8);bottom: calc(7.5rem* 0.8);}



    .sec8{
        padding-top: 6rem;
        padding-bottom: 18rem;
    }
    .sec8-table{
        width: calc(153.2rem* 0.8);;
        margin-top: calc(6.5rem* 0.8);;
    }
    .sec8-table-pro1{
        position: absolute;width: calc(7.5rem* 0.8);top: calc(2.5rem* 0.8);
    }

    .sec8-table-pro2{
        width: calc(15.4rem* 0.8);top: calc(8rem* 0.8);
    }

    .sec8 .sec-tip{width: calc(153.2rem* 0.8);}



    .sec8-tablecon{
        padding: calc(20.5rem* 0.8) calc(.25rem* 0.8) calc(5rem* 0.8) calc(.25rem* 0.8);
    }
    .sec8-table-cell{
        font-size: calc(3rem* 0.8);
    }
    .sec8-table-header .sec8-table-cell:nth-child(2),.sec8-table-header .sec8-table-cell:nth-child(3){
        font-size:calc(3rem* 0.8);
        padding-right: calc(7.5rem* 0.8);
        padding-top: calc(6.5rem* 0.8);
    }
    .sec9{padding-top: 4rem;}
    .sec9-list{margin-top: 7.5rem;}

    .sec9-box > div{height: 18.2rem;}
    .sec9-box > div h3{font-size: 4.5rem;}
    .sec9-box > div p{font-size: 2.25rem;}
}
@media screen and (max-width: 1000px) {
    .for-m{display: block;}
    .kv {
        background: url(../images/mb/kv_bg0714.png?t=20250714) center top no-repeat;
        background-size: cover;
        height:66rem; /*145.5rem mb kv*/
        mask-image: none;
        -webkit-mask-image: none;
        mask-size: cover;
        -webkit-mask-size: cover;
        z-index: 1;
        overflow: hidden;
    }
    .kv-main{width: 60.6rem;position: absolute;left: 0;top: 50rem;}
    .kv-ball{width: 67.1rem;position: absolute;left: 22.1rem;top: -18.5rem;}
    .kv-pro{width: 58.9rem;position: absolute;right: 0rem;bottom: 13.5rem;}
    .kv-ing1{width: 6.4rem;position: absolute;right:7%;bottom: 60rem; opacity: 0.8} /*54% 75rem mb mobile*/
    .kv-ing2{width: 14.1rem;position: absolute;right: 1.5rem;bottom: 76rem;}/*89 mb*/

    .kv-ing3{width: 6.4rem;position: absolute;left: 21rem;top: 15rem;}
    .kv-ing4{width: 10.8rem;position: absolute;right: 1.5rem;}

    .wrap2{
        background:none;
        background-size: 100% auto;
        z-index: 2;
        margin-top: -15rem;
        padding-top: 15rem;
    }
    .wrap2-bg1{
        background:url(../images/mb/bg.png?t=20240719) center top no-repeat;
        background-size: 100% auto;
        z-index: 2;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 965.9rem;
        z-index: 0;
    }
    .wrap2-bg2{
        width: 100%;
        position: absolute;
        left: 0;
        height: 1125.1rem;
        top: 945.9rem;
        background:url(../images/mb/bg2.jpg?t=20240719) center top no-repeat;
        /*background:url(../images/mb/bg2_short.jpg?t=20240719) center top no-repeat;*/
        background-size: 100% auto;
        z-index: -1;
    }
    
    .sec1 .sec-title{width: 86.3rem;}
    .sec2 .sec-title{width: 85rem;}
    .sec3 .sec-title{width: 99rem;}
    .sec4 .sec-title{width: 98.4rem;}

    .sec6 .sec-title{width: 92.7rem;}
    .sec7 .sec-title{width: 67.7rem;}
    .sec8 .sec-title{width: 65.9rem;}
    .sec9 .sec-title{width: 79.4rem;}


    .sec1-ing1{top: -12rem;}
    .sec1-ing2{top: -25rem;}

    .yt-con {
        position: relative;
        width: 96.7rem;
        height: 57.8rem;
        background: url(../images/mb/tvc_videobg.png?t=20240719);
        background-size: cover;
        margin: 0 auto;
        margin-top: 3rem;
        padding: 5rem;
        z-index: 5;
    }
    .sec2{padding-top: 4rem;padding-bottom: 15rem;}
    .sec2 .sec-title{margin-bottom: 6rem;}
    .sec2-title2{width: 82.5rem;margin:0 auto;margin-bottom: 8rem;}
    .sec2-title2 p{
        bottom: 0em;
        left: 0em;
        width: 105%;
        letter-spacing: .04em;
        font-size: 4.2rem;
        line-height: 1.2em;
        font-weight: bold; /* new mb*/
    }
    .sec2-chart p.sec-txt2{
        top: 17.5%;
        padding: 0 0em 0 1.25em;
        letter-spacing: .0125em;
        font-size: 5rem;
        line-height: 1.2em;
        font-weight: bold;
    }
    .sec2-title3{width: 69.1rem;margin:0 auto;}

    .sec2-ball{
        width: 64.3rem;
        margin:0 auto;
        margin-top: 12rem;
    }
    .sec2-chart{
        position: relative;
        width: 94.3rem;
        margin:0 auto;
        margin-top: 5rem;
        margin-left: 2.5rem;
    }
    .sec-txt,.sec-tip{font-size: 2.4rem;}
    .sec2-chart .sec-txt{bottom: -5rem;}

    .sec3{padding-top: 10rem;padding-bottom: 18rem;}
    .sec3-list{display: flex;justify-content: center;align-items: flex-start;margin-top: 5rem;margin-left: 0rem;flex-wrap: wrap;}
    .sec3-list > div{margin:0 -5rem;position: relative;}
    .sec3-list > div.sec3-item1{width: 38.8rem;}
    .sec3-list > div.sec3-item2{width: 39.2rem;margin-right: -5rem;margin-top: 0rem;}
    .sec3-list > div.sec3-item3{width: 39.2rem;}
    .sec3-list > div.sec3-item4{width: 39.2rem;margin-top: 0rem;}
    .sec3-list > div.sec3-item5{width: 39.2rem;}

    /*sec4*/  
    .sec4{        padding-top: 15rem;        padding-bottom: 22rem;    }
    .sec4-row{        margin-top: 8rem;flex-direction: column; align-items: center;   }
    .sec4-dr{
        width: 93.8rem;
    }

    .sec4-dr p.sec-txt2{
        bottom: 0em;
        left: 0em;
        padding: 0 2em 0 3em;
        width: 100%;
        letter-spacing: .04em;
        font-size: 5rem;
        line-height: 1.2em;
        font-weight: bold;
    }
    .sec4-main{
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: wrap;
        margin-left: 8rem;
        margin-right: 4rem;
        margin-top: 5rem;
    }

    .sec4-box1-ing{width: 10.3rem;position: absolute;right: -10.5rem;top: 6rem;}
    .sec4-box2-ing{width: 14.9rem;position: absolute;right: -15.5rem;top: 9rem;}
    .sec4-box3-ing{width: 12.3rem;position: absolute;right: -14rem;top: 8rem;}


    .sec4-box-txt{font-size: 5.1rem;padding-right: 3rem;margin-top: 0em;line-height: 1em;}
    .sec4-box-num-tag{width: 7.3rem;bottom: 5rem;right: -4rem;}
    .sec4-box2 .sec4-box-num-tag{bottom: 4rem;right: -1rem;}

    .sec4-box-num p{
        font-size: 26rem;
    }


    .sec4-box{
        position: relative;
        width: 27rem;
        border-bottom: 1px solid #1e8464;
        padding-bottom: 3.5rem;
        margin-right: 16.5rem;

    }
    .sec4-box1 .sec4-box-num{
        margin-left: -5rem;
    }
    .sec4-box2 {padding-bottom: 5rem;}
    .sec4-box2 .sec4-box-num{
        margin-left: -2rem;
    }
    .sec4-box3{border-bottom: none;margin-top: 3.5rem;align-items: flex-end;display: flex;
        flex-direction: column;}
    .sec4-box3{width: 100%;}
    .sec4-box3 .sec4-box-num p{font-size: 25rem;}



    .sec5{padding-top: 3rem;padding-bottom: 10rem;}
    .sec5-main-pro{
        padding-top: 56rem;
        width: 90.9rem;
        margin:0 auto;
        /*margin-left: calc(50% - 34rem);*/
    }
    .sec5-main-box1{
        position: absolute;
        width: 44.7rem;
        left: 2rem;
        top: 7rem;
    }

    .sec5-main-box2{
        position: absolute;
        width: 42.9rem;
        right: 2rem;
        top: 7rem;
    }
    .sec5-main-line{
        position: absolute;
        width: 38.8rem;
        height: 5rem;
    }
    .sec5-main-line-pic{background-size: cover;}
    .sec5-main-box1 .sec5-main-line{top: 25rem;}
    .sec5-main-box2 .sec5-main-line{top: 25rem;}
    .sec5-probox1{width: 50rem;margin:0 auto;margin-top:17.5rem;position: relative;}

    .sec5-probox2{width: 118.9rem;margin:0 auto;margin-top: 40rem;margin-left: calc(50% - 59rem);position: relative;}

    .sec5-pro1-ing1{position: absolute;width: 51.2rem;left: -24rem;top: -2.5rem;}
    .sec5-pro1-ing2{position: absolute;width: 49.6rem;left: -24rem;bottom: -8rem;}
    .sec5-pro1-ing3{position: absolute;width: 43.8rem;right: -20rem;top: -14rem;}
    .sec5-pro1-ing4{position: absolute;width: 40.2rem;right: -22rem;bottom: 12rem;}

    .sec5-pro2-ing1{position: absolute;width: 49.9rem;left: 11rem;top: -26rem;}
    .sec5-pro2-ing2{position: absolute;width: 53.2rem;left: 9rem;bottom: -4rem;}
    .sec5-pro2-ing3{position: absolute;width: 47.4rem;right: 8rem;top: -25rem;}
    .sec5-pro2-ing4{position: absolute;width: 48.3rem;right: 10rem;bottom: 2rem;}


    .sec6{padding-top: 0rem;}
    .sec6-dr{width: 98.4rem;margin-top: 3rem;}
    .sec6-dr-txtcon{
        top: 80rem;
        width: 100%;
        padding:0 10rem 0 10rem;
    }
    .sec6-dr-name{font-size: 6.9rem;font-weight: bold;color:#fff;text-align: center;line-height: 11rem;padding-left: .5em;}
    .sec6-dr-name span{font-size: 4.7rem;}
    .sec6-dr-title{font-size: 6rem;line-height: 1.25em;margin-top: 4rem;}
    .sec6-dr-txt{font-size: 4.4rem;line-height: 6rem;margin-top: 3rem;}

    .sec6 .sec-tip{
        margin-top: 0em;
        padding: 0 7rem;
        text-align: left;
        line-height: 1.5em;
    }

    /*sec7*/
    .sec7{
        padding-top: 4rem;
        padding-bottom: 21rem;
    }
    .kol-list{width: 70rem;margin:0 auto;margin-top: 5rem;}
    .kol-box{
        width: 70rem;
        display: flex;
        flex-direction: column;
        padding: 0 1rem;
    }
    .kol-txts{
        /*height: 22rem;*/
        height: 10em;
        font-size: 4rem;
        line-height: 6rem;
        padding: .8em 1em 0 1em;
        padding-top: 1.8em;
    }
    .kol-name{
        height: 9.5rem;
        line-height: 9.5rem;
        font-size: 4.2rem;
    }

    .sec8{
        padding-top: 6rem;
        padding-bottom: 13rem;
    }
    .sec8-table{
        position: relative;
        width: 94.9rem;
        margin:0 auto;
        margin-top: 55.5rem;
    }
    .sec8-table-pro1{position: absolute;width: 9.5rem;top: -43rem;left: 37.5%;}
    .sec8-table-pro2{position: absolute;width: 18.2rem;top: -37rem;right: 11.5%;}
    /*.sec8-table-light{        display: none;    }*/

    .sec8 .sec-tip{text-align: left;width: 153.2rem;
        margin:0 auto;padding-left: 2.5em;margin-top: -1em;}
    .sec8-table-header .sec8-table-cell:nth-child(2), .sec8-table-header .sec8-table-cell:nth-child(3){
        font-size: 4.4rem;
        line-height: 1.25em;
    }
    .sec8-table-cell{
        font-size: 4.4rem;
        color: #000;
        font-weight: 500;
        display: flex;
        justify-content:center;align-items: center;
        line-height: 1.25em;
    }
    .sec8-table-cell span{font-size: 1em;font-weight: initial;}
    .sec8-table-header .sec8-table-cell, .sec8-table-row .sec8-table-cell{
        width: 38%;
    }
    .sec8-table-header .sec8-table-cell:nth-child(1), .sec8-table-row .sec8-table-cell:nth-child(1){
        padding-left: 0;
        justify-content: center;
        text-align: center;
        width: 24%;
    }
    .sec8-table-header .sec8-table-cell:nth-child(2), .sec8-table-header .sec8-table-cell:nth-child(3) {
        padding-right: 2.5rem;
        padding-top: 6.5rem;
    }
    .sec8-table-row2{height: 15%;}
    .sec8-table-row4{height: 15%;}
    .sec8-table-row .sec8-table-cell-full{width: 76%}
    /**/
    .sec9{
        padding-top: 17rem;
    }

    .sec9-list{display: flex;margin-top: 12rem;flex-direction: column;}
    .sec9-box{position: relative;}
    .sec9-box1,.sec9-box2,.sec9-box3{width: 100%;}

    .sec9-box > div{
        background: rgb(255 255 255 / .7);
        height: 100%;
        width: 43rem;
        position: absolute;
        bottom: 0;
        left: initial;
        right: 0;
        display: flex;
        justify-content: center;align-items: center;
        flex-direction: column;
    }
    .sec9-box > div h3{font-size: 6rem;line-height: 1.2em;font-weight: bold;}
    .sec9-box > div p{font-size: 3.6rem;line-height: 2em;}

    .sec9-box1 > div h3{font-size: 7.2rem;line-height: 1.2em;font-weight: bold;}
}




footer{
    position: relative;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e6a49+0,0e5139+100 */
background: linear-gradient(to bottom,  rgba(14,106,73,1) 0%,rgba(14,81,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    color: #fff;
    width: 100%;text-align: center;
    font-size: 2.9rem;
    line-height: 1.25em;
    padding: 2em 0;
}
footer a{color: #fff;}


@media screen and (max-width: 1000px) {
    .wrap3 .sec8 {
        padding-top: 15rem;
    }
}