.casePop .inner .top #ajaxCon h2{text-shadow: 0 1px 3px rgba(42 ,53,38,0.7);}
.casePop .inner .top #ajaxCon p{text-shadow: 0 1px 3px rgba(42 ,53,38,0.7);}
.casePop .inner .top #ajaxCon .iconfont{text-shadow: 0 1px 3px rgba(42 ,53,38,0.7);}
.layer-item .list p{text-shadow: 0 1px 3px rgba(42 ,53,38,0.7);}
.layer-item .list .iconfont{text-shadow: 0 1px 3px rgba(42 ,53,38,0.7);}
.green .r1 .inner .content .group .box .msg .btm h3{text-shadow: 0 1px 3px rgba(42 ,53,38,0.7);}

.english *{font-family:"Poppins","Microsoft JhengHei";}
.english .iconfont{font-family: 'iconfont';}
.english .wordMid{font-family: "Poppins";font-weight: 500;}
.english .wordTint{font-family: "Poppins";font-weight: 300;}
.english .wordBold{font-family: "Poppins";font-weight: 600;}
.english h3{line-height: 1.1;}
.english .lh-12{line-height: 1;}
.english .layer-item .list p{text-shadow: 0 1px 3px rgba(42 ,53,38,0.1);}
.english [data-split] .letter{margin: 0 .15em;}
.english .layer-topic [data-split].fxs .letter{margin-right: .15em;margin-left: 0;}
.english [data-split].fxs .letter{margin-right: .15em;margin-left: 0;}
.english .home .r2 .inner .group .mid .msgBox .sliderMsg .title .col{max-width: 6rem;}
.english .home .r5 .inner .part .msg .above{line-height: 1.2;}
.english .home .r5 .inner .part .msg .after{line-height: 1.2;}
.english .afterInner .banner .inner .group .note{line-height: 1.5;right: 0;margin: 0 auto;left: 0;width: 38%;}
.english .business .msgRow .inner .col .moreBox .box .countFn h4{white-space: normal;}

@media screen and (orientation: landscape){
    .about .r4 .inner .group .box{width: 58%;}
    .green .r1 .inner .tree .child .part h3{line-height: .26rem;}
    .business .msgRow .inner .col .moreBox .box{align-items: flex-start;justify-content: space-between;}
    .business .msgRow .inner .col .moreBox .box .countFn{width: 48%;margin-right: 0;}

    .english .fw-100{font-weight: 300;}
    .english .f-100{font-size: .8rem;}
    .english .f-60{font-size: .5rem;}
    .english .f-50{font-size: .4rem;}
    .english .afterInner .banner .inner .group .f-60{font-size: .6rem;}
    .english #app footer .inner .mid .col p small{display: block;margin-bottom: .03rem;}
    .english #app footer .inner .mid .col p{padding-bottom: .1rem;}
    .english #app footer .inner .mid .col .footNav .list .child{flex-direction: column;align-items: flex-end;height: calc(100% + 6rem);top: -3rem;justify-content: center;}
    .english .jobPop .popCon .mid .f-20{font-size: .2rem;}
    .english .home .r1 .inner .other{align-items: start;}
    .english .home .r2 .inner .group .mid .msgBox .sliderMsg > p{max-width: 56%;}
    .english .home .r5 .inner .part .msg{width: 36%;}
    .english .develop .r3 .inner > .layer-topic{width: 40%;}
    .english .develop .r3 .inner .msgBox .msg h3{width: 35%;flex-wrap: wrap;}
    .english .develop .r4 .stickyContent .inner .part .group .mid{padding-left: 58%;}
    .english .develop .r4 .stickyContent .inner .part .group .layer-topic{padding-right: 32%;}
    .english .develop .r5 .inner .layer-form .inRow .inCol span{white-space: normal;line-height: 1.15;max-width: 1.5rem;}
    .english .develop .r5 .inner .layer-form .inRow .inCol .inTxt{width: 2.8rem;}
    .english .about .r1 .inner .btm{display: grid;grid-template-columns: repeat(4,1fr);align-items: start;gap: 0 .4rem;}
    .english .about .r4 .inner .group{height: 5.8rem;}
    .english .news .r1 .inner>.top .tabBox .tab{line-height: 1.1;}
    .english .casePop .inner .btm .box .msg .col h3{font-size: .24rem;}
    .greenDetail .caseRow .inner .btm .box .msg .col h3{font-size: .24rem;}
    .english .green .r1 .inner .content .group .box .msg .btm .wid-100{position: relative;width: 48%;}
    .english .green .r1 .inner .content .group .box .msg .btm .wid-100 h3{width: 100%;}
    .english .home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item{gap: 0 .15rem;}
    .english .home .r4 .inner .group .swiper .swiper-slide .msg .note .layer-item .list{align-items: flex-start;}
    .english .green .r1 .inner .tree .child .part{grid-template-columns: 1.8rem calc(100% - 1.8rem);}
    .english .business .msgRow .inner .col:nth-of-type(2) h2{padding-right: 10%;flex-wrap: wrap;line-height: 1.1!important;}
    .english .business .msgRow .inner .col:nth-of-type(2)>p:last-of-type{margin-top: 1rem;}
    .english .develop .r4 .stickyContent .inner .part .group .mid .layer-item .list .dot{left: auto;right: 0;}
    .english .develop .r4 .stickyContent .inner .part .group .mid .layer-item .list{padding-right: .2rem;padding-left: 0;}
    .english .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note{white-space: nowrap;width: 90%;text-overflow: ellipsis;overflow: hidden;left: .4rem;}
}
@media screen and (orientation : portrait){
    .english p{line-height: 1.2;}
    .english #app footer .inner .mid .col p small{display: block;margin-bottom: .2rem;}
    .english #app footer .inner .mid .col p{padding-bottom: .4rem;}
    .english .afterInner .banner .inner .group h1{flex-wrap: wrap;line-height: 1;}
    .english .home .r2 .inner .group > h2{flex-wrap: wrap;align-items: center;justify-content: center;align-content: center}
    .english .home .r2 .inner .group > h2 .letter{margin: .1em .15em;}
    .english .home .r2 .inner .group .set{padding-bottom: 3.15rem;}
    .english .home .r4 .inner .group .swiper .swiper-slide .msg .note >p{padding-right: 10%;line-height: 1.1;}
    .english .home .r6 .inner .layer-topic .layer-btn{top: 0;}
    .english .afterInner .banner .inner .group .note{width: 78%;}
    .english .afterInner .banner .inner .group .note br{display: none;}
    .english .green .r1 .inner .layer-topic h2{font-size: 5vw;}
    .english .green .r1 .inner .content .group .box .msg:before{background: linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 90%)}
    .english .green .r1 .inner .content .group .box .msg .btm{padding-bottom: .8rem;position: relative}
    .english .green .r1 .inner .content .group .box .msg .btm h3{width: 100%;margin-bottom: .1rem;}
    .english .green .r1 .inner .content .group .box .msg .btm .countFn{position: absolute;bottom: 0;left: 0;}
    .english .business .msgRow .inner .col:nth-of-type(2) h2{padding-right: .8rem;flex-wrap: wrap;}
    .english .business .fixRow .inner .note{width: 80%;right: 0;margin: 0 auto;}
    .english .business .caseRow .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note{position: relative;bottom: 0;}
    .english .develop .r1 .inner .msg{margin: 0 5vw 1.5rem 5vw;}
    .english .develop .r5 .inner .layer-form .inRow .inCol{grid-template-columns: 100%;gap: .1rem 0;}
    .english .develop .r5 .inner .layer-form .inRow .inCol .inArea::placeholder{line-height: 1.1;font-size: 12px;}
    .english .about .r1 .inner .btm{grid-template-columns: 100%;}
    .english .about .r2 .inner .group .box .msg h3.after{font-size: 5vw;}
    .english .about .r4 .inner .group .box .items{overflow: auto;}
    .english .about .r5 .inner .layer-topic h2{flex-wrap: wrap;margin-bottom: .4rem;}
    .english .about .r5 .inner .layer-topic .tabItem li{text-align: center;}
    .english .news .r1 .inner>.top .tabBox .tab{font-size: 5vw;}
    .news .r3 .inner .tree .tabBox{gap: 0;}
    .english .news .r3 .inner .tree .tabBox .tab{white-space: nowrap;}
    .english .join .r1 .inner .top .msg{width: 90%;margin: 0 auto;}
    .english .join .r1 .inner .top .msg h2{text-align: center;}
    .english .joinPop .inner .layer-topic .layer-btn{top: 0;}
    .english .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note{height: auto;}
    .english .contact .r1 .inner .group .swiper .swiper-wrapper .swiper-slide .msg .note .pList small{margin-right: .15rem;}
    .english .searchPage .r1 .inner .clear h2{font-size: 4.5vw;}
}