.qualityArea .qualityBox .item .Img img,.qualityArea .qualityBox .item .imgText,.qualityArea .qualityBox .item::after,.qualityArea .qualityBox .item,.qualityArea .qualityBox .qualityItem,.qualityArea .qualityLeftBox .classLink .classTrigger::after,.qualityArea .qualityLeftBox .classLink .classTrigger,.newscenterArea .controlBox .arrowBox .arrowPrev::after,.newscenterArea .controlBox .arrowBox .arrowNext::after,.newscenterArea .newscenterItem .Img .imgText,.newscenterArea .newscenterItem .Img::after,.newscenterArea .classLink .classTrigger::after,.newscenterArea .classLink .classTrigger,.innovationArea .innovationItem .item .Txt,.innovationArea .innovationItem .item .Img img,.innovationArea .innovationItem .item .Img::before,.innovationArea .innovationItem .item .Img,.servingArea .servingItem .item .Img img,.servingArea .servingItem .item .Img::after,.bannerArea .socialBox .socialList li a svg,.bannerArea .socialBox .socialList li,.popWindowArea .close::before,.popWindowArea .close::after,.popWindowArea .close{transition:all .5s ease-in-out}.popWindowArea{position:fixed;left:0;top:0;z-index:500;width:100%;height:100vh;height:100dvh;font-size:15px;line-height:1.8;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:all .7s}.popWindowArea .popWindowMask{position:absolute;left:0;top:0;width:100%;height:100dvh;background-color:rgba(0,0,0,.7);opacity:0;transition:all .7s}.popWindowArea .popWindowBox{position:absolute;left:50%;top:50%;transform:translate(-50%, 50%);width:800px;max-width:90%;height:100%;max-height:85vh;opacity:0;background-color:#fff;transition:all .7s}.popWindowArea .popWindowContent{height:100%;overflow-y:auto;overflow-x:clip}.popWindowArea img{display:block;max-width:100%;height:auto;backface-visibility:hidden}.popWindowArea .Txt{padding:30px}.popWindowArea .Txt .popTitle{font-size:25px;margin-bottom:25px}.popWindowArea .close{width:46px;height:46px;background-color:#00a84d;cursor:pointer;position:absolute;top:0;right:0;z-index:1}.popWindowArea .close::before,.popWindowArea .close::after{content:"";position:absolute;left:11px;top:23px;width:25px;height:1px;background-color:#fff}.popWindowArea .close::before{transform:rotate(45deg)}.popWindowArea .close::after{transform:rotate(-45deg)}@media(min-width: 1181px){.popWindowArea .close:hover{background-color:#00a84d}.popWindowArea .close:hover::before{transform:rotate(-30deg)}.popWindowArea .close:hover::after{transform:rotate(30deg)}}.popWindowArea.show{opacity:1;visibility:visible;pointer-events:auto}.popWindowArea.show .popWindowMask,.popWindowArea.show .popWindowBox{opacity:1}.popWindowArea.show .popWindowBox{transform:translate(-50%, -50%)}@media(max-width: 1180px){.popWindowArea .popWindowContent{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}}.mainArea{padding:0}.titleBox{text-align:left}@media(max-width: 768px){.titleBox .title{padding:10px 0 20px}.titleBox .title br{display:none !important}}.titleBox .title .enTitle{display:inline-flex;color:#000;font-size:clamp(32px,3.06vw,48px);font-weight:700;letter-spacing:2.48px;line-height:clamp(32px,3.06vw,50px)}.titleBox .title .twTitle{display:inline-flex;color:#00a84d;font-size:clamp(26px,2.72vw,30px);font-weight:400;line-height:clamp(32px,3.06vw,48px)}.titleBox .text{font-size:clamp(16px,1.18vw,18px);line-height:1.75;letter-spacing:.9px}@media(max-width: 768px){.mainArea .titleBox .title .twTitle{display:none !important}}@property --banner-img-fade{syntax:"<percentage>";inherits:false;initial-value:-35%}@keyframes bannerImgCoverIn{0%{--banner-img-fade: -35%;opacity:0}28%{opacity:1}100%{--banner-img-fade: 100%;opacity:1}}@keyframes bannerImgCoverOut{0%{--banner-img-fade: -35%;opacity:1}72%{--banner-img-fade: 100%;opacity:1}100%{--banner-img-fade: 100%;opacity:0}}.bannerArea .bannerBox{position:relative}.bannerArea .bannerList{position:relative;z-index:1}.bannerArea .bannerList.slick-dotted{margin-bottom:0}.bannerArea .bannerItem{position:relative}.bannerArea .bannerItem .Txt{max-width:1430px;padding:110px 20px 85px;justify-content:flex-start}.bannerArea .bannerItem .Txt .textBox{display:flex;flex-direction:column}.bannerArea .bannerItem .Txt .title{color:#fff;font-size:clamp(32px,3.4vw,60px);font-weight:500;line-height:1.45;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;opacity:0}.bannerArea .bannerItem .Txt .subtitle{color:#fff;display:block;font-size:clamp(28px,3.4vw,60px);font-weight:700;line-height:normal;margin-top:4.1vw;letter-spacing:clamp(1.8px,1.2vw,3.6px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;opacity:0}.bannerArea .bannerItem .Txt .text{color:#fff;display:block;font-size:clamp(16px,1.18vw,18px);font-weight:400;line-height:normal;letter-spacing:1px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;opacity:0}.bannerArea .bannerItem .Txt .btnBox{margin-top:55px;opacity:0}@media(max-width: 768px){.bannerArea .bannerItem .Txt .btnBox{margin-top:20px}}@media(max-width: 1440px){.bannerArea .bannerItem .Txt{padding:20px 20px 85px}}@media(max-width: 960px){.bannerArea .bannerItem .Txt{padding:20px}}@media(max-width: 768px){.bannerArea .bannerItem .Img{width:100%;height:auto;max-height:640px;min-height:380px;aspect-ratio:1/1}}.bannerArea .bannerItem .Img img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.bannerArea .bannerItem .videoBox{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:auto;aspect-ratio:1920/798;overflow:hidden;z-index:2}@media(max-width: 768px){.bannerArea .bannerItem .videoBox{width:100%;height:100%;max-height:640px;min-height:380px;aspect-ratio:1/1}}.bannerArea .bannerItem .videoBox iframe{position:absolute;top:50%;left:50%;width:calc(100% + 2px);height:136%;max-width:none;display:block;border:0;transform:translate3d(-50%, -50%, 0)}@media(max-width: 768px){.bannerArea .bannerItem .videoBox iframe{width:calc(178% + 2px);height:100%}}.bannerArea .bannerItem .videoBox .js-banner-yt-player{position:absolute;inset:0;width:100%;height:100%}.bannerArea .bannerItem .videoBox .js-banner-video-toggle{position:absolute;inset:0;z-index:1;margin:0;padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer}.bannerArea .bannerItem.has-banner-video{aspect-ratio:1920/798}@media(max-width: 768px){.bannerArea .bannerItem.has-banner-video{max-height:640px;min-height:380px;aspect-ratio:1/1}}.bannerArea .bannerItem.has-banner-video .Img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bannerArea .bannerItem.has-banner-video .Img picture,.bannerArea .bannerItem.has-banner-video .Img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bannerArea .bannerItem.has-banner-video .Txt{z-index:4}.bannerArea .bannerItem.has-banner-video:not(.is-video-paused):not(.is-video-cover-in) .videoBox:has(iframe)+.Txt{opacity:0;visibility:hidden}.bannerArea .bannerItem.has-banner-video.is-video-cover-in .Img{z-index:3;-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) calc(var(--banner-img-fade)), rgba(0, 0, 0, 0) calc(var(--banner-img-fade) + 32%), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) calc(var(--banner-img-fade)), rgba(0, 0, 0, 0) calc(var(--banner-img-fade) + 32%), rgba(0, 0, 0, 0) 100%);--banner-img-fade: 100%;animation:bannerImgCoverIn 1s ease-in-out forwards}.bannerArea .bannerItem.has-banner-video.is-video-cover-out .Img{z-index:3;-webkit-mask-image:linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) calc(100% - var(--banner-img-fade) - 32%), rgba(0, 0, 0, 0) calc(100% - var(--banner-img-fade)), rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) calc(100% - var(--banner-img-fade) - 32%), rgba(0, 0, 0, 0) calc(100% - var(--banner-img-fade)), rgba(0, 0, 0, 0) 100%);--banner-img-fade: -35%;animation:bannerImgCoverOut 1s ease-in-out forwards}.bannerArea .bannerItem.has-banner-video .Img.is-video-cover-settled{z-index:1;opacity:0;visibility:hidden;mask-image:none;-webkit-mask-image:none;animation:none}.bannerArea .bannerItem.has-banner-video .Img.is-video-cover-settled-in{z-index:3;opacity:1;visibility:visible;mask-image:none;-webkit-mask-image:none;animation:none}.bannerArea .bannerItem.has-banner-video.is-video-paused .Img{z-index:3}.bannerArea .bannerItem.has-banner-video.is-video-paused .videoBox{pointer-events:none}.bannerArea .bannerItem.has-banner-video.is-video-paused .Txt{opacity:1;visibility:visible}.bannerArea .bannerItem.has-banner-video.is-video-paused .Txt .title,.bannerArea .bannerItem.has-banner-video.is-video-paused .Txt .subtitle,.bannerArea .bannerItem.has-banner-video.is-video-paused .Txt .text,.bannerArea .bannerItem.has-banner-video.is-video-paused .Txt .btnBox{opacity:1;animation:none}@media(prefers-reduced-motion: reduce){.bannerArea .bannerItem.has-banner-video.is-video-cover-in .Img,.bannerArea .bannerItem.has-banner-video.is-video-cover-out .Img{mask-image:none;-webkit-mask-image:none;animation:none}}.bannerArea .slick-current .Txt .title{animation:slideUpAnimation .8s ease-in-out forwards}.bannerArea .slick-current .Txt .subtitle{animation:slideUpAnimation .8s .4s ease-in-out forwards}.bannerArea .slick-current .Txt .text{animation:slideUpAnimation .8s .8s ease-in-out forwards}.bannerArea .slick-current .Txt .btnBox{animation:slideUpAnimation .8s 1.2s ease-in-out forwards}.bannerArea .slick-current .Txt .videoBtn::after{animation:rotate 50s linear forwards}.bannerArea .socialBox{display:block;position:absolute;top:50%;left:10px;z-index:2;transform:translateY(-50%)}.bannerArea .socialBox .socialList{align-items:center;display:flex;flex-direction:column}.bannerArea .socialBox .socialList li{margin:7.5px 0}.bannerArea .socialBox .socialList li:first-child{margin-top:0}.bannerArea .socialBox .socialList li:last-child{margin-bottom:0}.bannerArea .socialBox .socialList li a{color:#fff;display:block;font-size:18px;line-height:35px;text-align:center}.bannerArea .socialBox .socialList li a svg{width:20px;height:18px;display:inline-block;fill:#fff;margin-top:-2px;vertical-align:middle}@media(min-width: 1181px){.bannerArea .socialBox .socialList li a:hover{color:#00a84d}.bannerArea .socialBox .socialList li a:hover svg{fill:#00a84d}}.bannerArea .scrollDown{cursor:pointer;display:block;position:absolute;bottom:50px;left:50px;z-index:2}.bannerArea .scrollDown span{display:block}.bannerArea .scrollDown span.text{color:#fff;writing-mode:vertical-lr;letter-spacing:.5px}.bannerArea .scrollDown span.line{width:2px;height:calc(100% + 20px);background-color:#fff;overflow:hidden;position:absolute;top:-5px;left:-5px;z-index:1}.bannerArea .scrollDown span.line::before{content:"";width:2px;height:calc(100% + 20px);animation:bannerScrollAnimation 2.5s linear infinite forwards;background-color:#00a84d;display:block;position:absolute;top:0;left:0;z-index:2}.bannerArea .slick-dots{bottom:50%;right:74px;transform:translateY(50%)}@media(max-width: 1180px){.bannerArea .slick-dots{right:30px}}@media(max-width: 768px){.bannerArea .slick-dots{bottom:20px;right:0}}@media(max-width: 768px){.bannerArea .slick-dots.vertical{width:100%;flex-direction:row;justify-content:center}}@media(max-width: 768px){.bannerArea .slick-dots.vertical li{margin:0 10px}}.servingArea{position:relative;overflow:hidden;padding:42px 0 40px}@media(max-width: 1180px){.servingArea{padding:40px 0}}.servingArea .cellBox{z-index:0}.servingArea .cellBox .cellImg-1{position:absolute;width:11.2vw;min-width:100px;bottom:11.5%;left:8.3vw}.servingArea .cellBox .cellImg-2{position:absolute;bottom:33.5%;right:-2vw}.servingArea .cellBox .cellImg-3{position:absolute;top:7%;left:34.8%}.servingArea .cellBox .cellImg-4{position:absolute;top:38%;right:5.5vw}.servingArea .cellBox .cellImg-5{position:absolute;bottom:34%;left:21.5vw}.servingArea .wrap{position:relative;z-index:1;display:flex;flex-wrap:wrap;overflow:hidden;max-width:1490px;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}@media(max-width: 640px){.servingArea .wrap{overflow:visible;max-height:none}}.servingArea .leftBox{flex:1;padding:58px 30px 30px 0}@media(max-width: 768px){.servingArea .leftBox{padding:0 20px 20px 0}}@media(max-width: 640px){.servingArea .leftBox{flex:none;width:100%;padding:0}}@media(max-width: 640px){.servingArea .leftBox .titleBox{margin-bottom:30px}}.servingArea .leftBox .titleBox .title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.servingArea .leftBox .titleBox .title .twTitle{transform:translateY(-2px)}.servingArea .leftBox .titleBox .text{padding-top:44px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 1180px){.servingArea .leftBox .titleBox .text{padding-top:25px}}@media(max-width: 768px){.servingArea .leftBox .titleBox .text{padding-top:0px}}.servingArea .leftBox .titleBox .btnBox{margin-top:26px}@media(max-width: 1180px){.servingArea .leftBox .titleBox .btnBox{margin-top:25px}}.servingArea.has-serving-scroll-pin{overflow:hidden}.servingArea.has-serving-scroll-pin .wrap{flex-wrap:nowrap;align-items:stretch;height:calc(100vh - 100px);height:calc(100dvh - 100px);max-height:none}.servingArea.has-serving-scroll-pin .leftBox,.servingArea.has-serving-scroll-pin .servingBox{min-height:0}.servingArea.has-serving-scroll-pin .servingBox{align-self:stretch;height:100%;overflow:hidden}.servingArea.has-serving-scroll-pin .servingList{will-change:transform}.servingArea .servingBox{width:61.5%;max-width:860px;padding-right:20px}@media(max-width: 1180px){.servingArea .servingBox{padding-right:0px}}@media(max-width: 960px){.servingArea .servingBox{width:50%}}@media(max-width: 640px){.servingArea .servingBox{width:calc(100% + 20px);margin-right:-20px;overflow-x:auto;overflow-y:hidden}.servingArea .servingBox::-webkit-scrollbar{display:none}.servingArea .servingBox::-webkit-scrollbar-track{display:none}.servingArea .servingBox::-webkit-scrollbar-thumb{display:none}}.servingArea .servingList{display:flex;flex-direction:row-reverse;flex-wrap:wrap;row-gap:40px;-moz-column-gap:40px;column-gap:40px}@media(max-width: 1440px){.servingArea .servingList{row-gap:30px;-moz-column-gap:30px;column-gap:30px}}@media(max-width: 1180px){.servingArea .servingList{row-gap:20px;-moz-column-gap:20px;column-gap:20px}}@media(max-width: 640px){.servingArea .servingList{flex-direction:row;flex-wrap:nowrap}}.servingArea .servingList:has(>.servingItem:last-child:nth-child(even)){padding-bottom:calc((50% - 20px)*210/400)}@media(max-width: 960px){.servingArea .servingList:has(>.servingItem:last-child:nth-child(even)){padding-bottom:0}}.servingArea .servingItem{width:calc(50% - 20px);max-width:400px}@media(max-width: 1180px){.servingArea .servingItem{width:calc(50% - 10px)}}@media(max-width: 960px){.servingArea .servingItem{width:100%}}@media(max-width: 640px){.servingArea .servingItem{width:85%;min-width:260px;max-width:400px;flex:0 0 auto;scroll-snap-align:start}}.servingArea .servingItem:nth-child(even){transform:translateY(50%)}@media(max-width: 960px){.servingArea .servingItem:nth-child(even){transform:translateY(0)}}.servingArea .servingItem .item{position:relative}@media(min-width: 1181px){.servingArea .servingItem .item:hover .Img::after{opacity:1}.servingArea .servingItem .item:hover .Img img{transform:scale(1.05)}}.servingArea .servingItem .item .servingLink{display:block;position:absolute;inset:0;z-index:2}.servingArea .servingItem .item .Img{position:relative;width:100%;height:auto;aspect-ratio:400/420;overflow:hidden}.servingArea .servingItem .item .Img::after{content:"";position:absolute;display:block;inset:0;background-color:rgba(0,0,0,.5);opacity:0}.servingArea .servingItem .item .Img img{width:100%;height:auto;display:block;backface-visibility:hidden}.servingArea .servingItem .item .Txt{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:35px 40px 35px 39px;z-index:1}@media(max-width: 1440px){.servingArea .servingItem .item .Txt{padding:30px 20px}}.servingArea .servingItem .item .Txt .title{font-size:clamp(20px,1.53vw,24px);font-weight:700;letter-spacing:1.36px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.servingArea .servingItem .item .Txt .text{font-size:clamp(16px,1.18vw,18px);font-weight:400;letter-spacing:.94px;line-height:1.76;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.innovationArea{position:relative;padding:65px 0 50px;min-height:695px;background-color:#00624f;overflow:hidden}@media(max-width: 960px){.innovationArea{min-height:auto}}@media(max-width: 768px){.innovationArea{padding:40px 0}}.innovationArea .bgBox{position:absolute;inset:0;z-index:0}.innovationArea .bgBox .marqueepic-innovation-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.innovationArea .bgBox .marqueepic-innovation-bg canvas{width:100%;height:100%;display:block}.innovationArea .wrap{position:relative;display:flex;justify-content:space-between;max-width:1490px;height:100%;z-index:1}@media(max-width: 768px){.innovationArea .wrap{flex-direction:column}}.innovationArea .leftBox{width:35%;padding:35px 50px 35px 0}@media(max-width: 1180px){.innovationArea .leftBox{padding:35px 20px 35px 0}}@media(max-width: 960px){.innovationArea .leftBox{width:50%}}@media(max-width: 768px){.innovationArea .leftBox{width:100%}}.innovationArea .leftBox .titleBox{margin-bottom:0}.innovationArea .leftBox .titleBox .icon-title-top{filter:brightness(0) invert(1)}.innovationArea .leftBox .titleBox .title{color:#fff;margin-left:-3px}@media(max-width: 768px){.innovationArea .leftBox .titleBox .title{display:flex;flex-direction:column}}.innovationArea .leftBox .titleBox .title .enTitle{color:#fff;letter-spacing:2.78px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.innovationArea .leftBox .titleBox .title .twTitle{color:#fff;margin:3px 0 0 2px;letter-spacing:-0.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.innovationArea .leftBox .titleBox .text{color:#e5e5e5;padding-top:44px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 1180px){.innovationArea .leftBox .titleBox .text{padding-top:25px}}@media(max-width: 768px){.innovationArea .leftBox .titleBox .text{padding-top:0px}}.innovationArea .leftBox .titleBox .btnBox{margin-top:23px}.innovationArea .innovationBox{width:65%;position:relative;min-height:550px;max-width:885px}@media(max-width: 960px){.innovationArea .innovationBox{width:50%;min-height:auto}}@media(max-width: 768px){.innovationArea .innovationBox{width:100%}}.innovationArea .slick-dots{bottom:0}@media(max-width: 768px){.innovationArea .slick-dots{bottom:-30px}}.innovationArea .innovationList{position:relative;width:100%;height:100%}@media(max-width: 960px){.innovationArea .innovationList:not(.slick-initialized){display:flex}.innovationArea .innovationList.slick-initialized{display:block}}.innovationArea .innovationItem{position:absolute}@media(max-width: 960px){.innovationArea .innovationItem{position:static;width:100%;flex-shrink:0}}.innovationArea .innovationItem .itemBg{position:absolute;inset:0;z-index:0;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%}@media(max-width: 960px){.innovationArea .innovationItem .itemBg{display:none}}.innovationArea .innovationItem .item{position:relative;cursor:pointer;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fff}@media(max-width: 960px){.innovationArea .innovationItem .item{display:grid;place-items:center;background-color:rgba(0,0,0,0)}}@media(min-width: 1181px){.innovationArea .innovationItem .item:hover .Img{transform:scale(1.15)}}.innovationArea .innovationItem .item .Img{position:absolute;width:calc(100% - 16px);height:calc(100% - 16px);z-index:0}@media(max-width: 960px){.innovationArea .innovationItem .item .Img{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;background-color:#fff;border-radius:50%;grid-area:1/1;height:auto;aspect-ratio:1/1}}@media(max-width: 480px){.innovationArea .innovationItem .item .Img{max-width:280px}}.innovationArea .innovationItem .item .Img::before{content:"";position:absolute;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.6);border-radius:50%;z-index:1}@media(max-width: 960px){.innovationArea .innovationItem .item .Img::before{width:calc(100% - 16px);height:calc(100% - 16px)}}.innovationArea .innovationItem .item .Img img{border-radius:50%;width:100%;height:auto;display:block;backface-visibility:hidden}.innovationArea .innovationItem .item .Txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:calc(100% - 16px);padding:8px;height:auto;aspect-ratio:1/1;overflow:hidden;border-radius:50%}@media(max-width: 960px){.innovationArea .innovationItem .item .Txt{aspect-ratio:auto;border-radius:0;padding:30px 10px;gap:20px;grid-area:1/1;align-self:center;justify-self:center}}.innovationArea .innovationItem .item .Txt .icon{width:56px;height:auto;aspect-ratio:1/1}@media(max-width: 960px){.innovationArea .innovationItem .item .Txt .icon{display:none}}.innovationArea .innovationItem .item .Txt .icon img{width:100%;height:auto;display:block;backface-visibility:hidden}.innovationArea .innovationItem .item .Txt .title{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content}.innovationArea .innovationItem .item .Txt .title .lineSpan{display:inline-block;width:6px;height:1px;background-color:#fff;flex-shrink:0}@media(max-width: 960px){.innovationArea .innovationItem .item .Txt .title .lineSpan{display:none}}.innovationArea .innovationItem .item .Txt .title .titleSpan{display:inline-flex;color:#fff;font-size:clamp(16px,1.18vw,18px);font-weight:400;line-height:1.375;letter-spacing:.95px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 960px){.innovationArea .innovationItem .item .Txt .title .titleSpan{-webkit-line-clamp:5;font-size:clamp(16px,2.65vw,18px)}}.innovationArea .innovationItem .item .Txt .metricBottom{display:flex;align-items:flex-end;gap:5px}.innovationArea .innovationItem .item .Txt .metricNumber{color:#00a84d;font-size:clamp(36px,2.91vw,48px);font-weight:700;line-height:clamp(36px,2.91vw,48px);letter-spacing:2.88px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 960px){.innovationArea .innovationItem .item .Txt .metricNumber{font-size:clamp(36px,6.56vw,48px)}}.innovationArea .innovationItem .item .Txt .metricUnit{color:#fff;font-size:clamp(16px,1.18vw,18px);font-weight:400;line-height:clamp(16px,1.18vw,14px);letter-spacing:-0.4px;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width: 960px){.innovationArea .innovationItem .item .Txt .metricUnit{font-size:clamp(16px,2.65vw,18px)}}.innovationArea .innovationItem .linkWrap{position:absolute;inset:0;z-index:5}@media(min-width: 961px){.innovationArea .innovationItem:nth-child(1){left:0;top:40.5%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:260px;height:auto;aspect-ratio:1/1}}@media(min-width: 961px)and (max-width: 1440px){.innovationArea .innovationItem:nth-child(1){top:20.5%}}@media(min-width: 961px)and (max-width: 1180px){.innovationArea .innovationItem:nth-child(1){top:20%}}@media(min-width: 961px){.innovationArea .innovationItem:nth-child(1) .itemBg{background-image:url("../../images/tw/c1.png");animation:rotate 10s linear infinite}.innovationArea .innovationItem:nth-child(1) .item{width:calc(100% - 24px);height:auto;aspect-ratio:1/1;border-radius:50%}.innovationArea .innovationItem:nth-child(1) .item .Txt .title{padding:6px 0}.innovationArea .innovationItem:nth-child(2){left:25%;bottom:0;display:flex;justify-content:center;align-items:center;width:300px;height:auto;aspect-ratio:1/1}}@media(min-width: 961px)and (max-width: 1440px){.innovationArea .innovationItem:nth-child(2){left:15.5%}}@media(min-width: 961px)and (max-width: 1280px){.innovationArea .innovationItem:nth-child(2){left:10%}}@media(min-width: 961px){.innovationArea .innovationItem:nth-child(2) .itemBg{background-image:url("../../images/tw/c2.png");animation:reverse-rotate 10s linear infinite}.innovationArea .innovationItem:nth-child(2) .item{width:calc(100% - 25px);height:auto;aspect-ratio:1/1;border-radius:50%}.innovationArea .innovationItem:nth-child(2) .item .Txt{margin-bottom:3px}.innovationArea .innovationItem:nth-child(2) .item .Txt .title{padding:10px 0}.innovationArea .innovationItem:nth-child(3){right:0;top:0;display:flex;justify-content:center;align-items:center;width:400px;height:auto;aspect-ratio:1/1}}@media(min-width: 961px)and (max-width: 1180px){.innovationArea .innovationItem:nth-child(3){width:350px}}@media(min-width: 961px){.innovationArea .innovationItem:nth-child(3) .itemBg{background-image:url("../../images/tw/c3.png");animation:rotate 10s linear infinite}.innovationArea .innovationItem:nth-child(3) .item{width:calc(100% - 48px);height:auto;aspect-ratio:1/1;border-radius:50%}.innovationArea .innovationItem:nth-child(3) .item .Txt{margin-bottom:18px}.innovationArea .innovationItem:nth-child(3) .item .Txt .title{padding:25px 0 10px}}@media(max-width: 768px){.innovationArea .btnBox{margin:20px auto 0}}.layoutArea{position:relative;padding:70px 0;background-color:#fafafa;overflow:hidden}@media(max-width: 768px){.layoutArea{padding:40px 0}}.layoutArea .cellBox{z-index:0}.layoutArea .cellBox .cellImg-1{position:absolute;width:13.6vw;min-width:100px;bottom:30.5%;right:-3vw}@media(max-width: 1440px){.layoutArea .cellBox .cellImg-1{bottom:auto;top:5.5%}}@media(max-width: 768px){.layoutArea .cellBox .cellImg-1{display:none}}.layoutArea .cellBox .cellImg-3{position:absolute;bottom:15.5%;right:8.5vw}@media(max-width: 1280px){.layoutArea .cellBox .cellImg-3{bottom:5.5%}}.layoutArea .wrap{position:relative;display:flex;align-items:flex-start;gap:40px;max-width:1490px;height:100%;z-index:1}@media(max-width: 1440px){.layoutArea .wrap{gap:20px}}@media(max-width: 1280px){.layoutArea .wrap{align-items:center}}@media(max-width: 960px){.layoutArea .wrap{flex-direction:column}}.layoutArea .globeBox{width:55%;max-width:636px;display:flex;justify-content:center;aspect-ratio:1/1;margin-left:20px}@media(max-width: 1440px){.layoutArea .globeBox{margin-left:0px}}@media(max-width: 1280px){.layoutArea .globeBox{width:50%}}@media(max-width: 960px){.layoutArea .globeBox{width:100%}}.layoutArea .globeBox .layoutGlobeWrap{position:relative;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1/1}.layoutArea .globeBox .layoutGlobeWrap.is-webgl-unavailable img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.layoutArea .globeBox .layoutGlobeRing{position:absolute;border-radius:50%;border:1px solid rgba(0,98,79,.22)}.layoutArea .globeBox .layoutGlobeRing.ring-1{inset:0}.layoutArea .globeBox .layoutGlobeRing.ring-2{inset:16px}.layoutArea .globeBox .layoutGlobeRing.ring-3{inset:32px}.layoutArea .globeBox .layoutGlobePoint{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#00b6ab;transform:translate(-50%, -50%)}.layoutArea .globeBox .layoutGlobePoint.point-1{top:8%;left:42%}.layoutArea .globeBox .layoutGlobePoint.point-2{top:28%;left:6%}.layoutArea .globeBox .layoutGlobePoint.point-3{top:58%;right:-2%;left:auto;transform:translate(50%, -50%)}.layoutArea .globeBox .layoutGlobeCanvas{width:calc(100% - 74px);height:calc(100% - 74px);border-radius:50%;overflow:hidden}.layoutArea .globeBox .layoutGlobeCanvas canvas{width:100% !important;height:100% !important;display:block}.layoutArea .rightBox{width:45%;max-width:585px;padding:29px 10px 30px 0;margin-left:5.7vw}@media(max-width: 1680px){.layoutArea .rightBox{margin-left:3vw}}@media(max-width: 1440px){.layoutArea .rightBox{margin-left:.5vw;padding:0}}@media(max-width: 1280px){.layoutArea .rightBox{width:50%}}@media(max-width: 960px){.layoutArea .rightBox{width:100%}}.layoutArea .titleBox{margin-bottom:44px}@media(max-width: 1440px){.layoutArea .titleBox{margin-bottom:40px}}@media(max-width: 768px){.layoutArea .titleBox{margin-bottom:30px}}.layoutArea .titleBox .title{margin-bottom:18px}@media(max-width: 1440px){.layoutArea .titleBox .title{margin-bottom:0px}}.layoutArea .titleBox .icon-title-top{margin-bottom:5px}.layoutArea .titleBox .enTitle{letter-spacing:3.38px}.layoutArea .titleBox .twTitle{transform:translateY(-5px)}.layoutArea .titleBox .text{max-width:620px;padding-right:35px;padding-top:21px;font-size:clamp(16px,1.18vw,18px);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:.85px}@media(max-width: 1440px){.layoutArea .titleBox .text{padding-top:20px;padding-right:20px}}@media(max-width: 768px){.layoutArea .titleBox .text{padding-top:0}}.layoutArea .layoutBox{width:100%}.layoutArea .btnBox{margin-top:20px}@media(max-width: 1180px){.layoutArea .btnBox{margin-top:0px}}.layoutArea .layoutList{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:30px 40px}@media(max-width: 1440px){.layoutArea .layoutList{gap:20px 20px}}@media(max-width: 1180px){.layoutArea .layoutList{display:block}}@media(max-width: 480px){.layoutArea .layoutList{grid-template-columns:1fr}}.layoutArea .layoutList.slick-initialized .slick-slide>div{margin-bottom:30px}@media(max-width: 480px){.layoutArea .layoutList.slick-initialized .slick-slide>div{margin-bottom:20px}}.layoutArea .layoutItem .title{color:#000;font-size:clamp(16px,1.18vw,18px);font-weight:400;text-transform:uppercase;margin-bottom:11px}.layoutArea .layoutItem .metricBottom{display:flex;align-items:flex-end;gap:4px;margin-bottom:6px;text-wrap:nowrap}.layoutArea .layoutItem .metricNumber{color:#00624f;font-size:clamp(36px,2.92vw,48px);font-weight:700;line-height:1.1;letter-spacing:2.6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:125px;flex-shrink:0}.layoutArea .layoutItem .metricUnit{color:#000;font-size:clamp(16px,1.18vw,18px);font-weight:700;line-height:1.2;letter-spacing:.5px;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.layoutArea .layoutItem .textEditor p{margin:0;color:#00624f;font-size:clamp(34px,2.8vw,44px);line-height:1.1;font-weight:700}.newscenterArea{position:relative;padding:99px 0 60px}@media(max-width: 1440px){.newscenterArea{padding:70px 0 60px}}@media(max-width: 768px){.newscenterArea{padding:40px 0}}.newscenterArea .cellBox{z-index:0}.newscenterArea .cellBox .cellImg-2{position:absolute;bottom:-10%;width:10.4vw;min-width:100px;left:2vw;z-index:1}@media(max-width: 1440px){.newscenterArea .cellBox .cellImg-2{left:auto;right:2vw;bottom:-5%}}.newscenterArea .wrap{display:flex;flex-wrap:wrap;max-width:1490px}.newscenterArea .newscenterLeftBox{width:calc(100% - 197px);max-width:1190px;display:flex;align-items:flex-end;justify-content:space-between}@media(max-width: 1180px){.newscenterArea .newscenterLeftBox{width:100%;align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width: 768px){.newscenterArea .newscenterLeftBox{gap:0px}}.newscenterArea .newscenterLeftBox .titleBox{margin-bottom:0;width:35%}@media(max-width: 1180px){.newscenterArea .newscenterLeftBox .titleBox{width:100%}}.newscenterArea .newscenterLeftBox .titleBox .title{margin-top:5px;margin-left:-2px}.newscenterArea .newscenterLeftBox .titleBox .title .twTitle{letter-spacing:-0.2px;transform:translateY(-2px)}.newscenterArea .newscenterClass{width:65%;display:flex;align-items:center;justify-content:flex-end;max-width:800px;padding:0 30px}@media(max-width: 1180px){.newscenterArea .newscenterClass{padding:0;width:100%;max-width:auto}}.newscenterArea .classBox{margin:0;width:100%}.newscenterArea .classLink{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.newscenterArea .classLink li{margin:0}.newscenterArea .classLink .classTrigger{position:relative;cursor:pointer;color:#000;font-size:clamp(16px,1.18vw,18px);font-weight:400;line-height:1.45;letter-spacing:.5px;display:flex;justify-content:center;padding:10px 20px;min-width:159px}@media(max-width: 768px){.newscenterArea .classLink .classTrigger{min-width:120px}}.newscenterArea .classLink .classTrigger::after{content:"";position:absolute;bottom:0;width:0;height:2px;background-color:#00a84d}@media(min-width: 1181px){.newscenterArea .classLink .classTrigger:hover{color:#000;background-color:rgba(0,0,0,0)}.newscenterArea .classLink .classTrigger:hover::after{width:100%}}.newscenterArea .classLink .classTrigger.current{color:#000;background-color:rgba(0,0,0,0)}.newscenterArea .classLink .classTrigger.current::after{width:100%}.newscenterArea .newscenterControl{margin-top:auto}@media(max-width: 1180px){.newscenterArea .newscenterControl{order:3;margin:0 auto}}.newscenterArea .newscenterControl .introBox .text{color:#333;font-size:clamp(14px,1.04vw,16px);font-weight:400;line-height:1.75;letter-spacing:.5px}.newscenterArea .newscenterBox{position:relative;width:100%;padding:50px 0 0}@media(max-width: 1180px){.newscenterArea .newscenterBox{padding:30px 0}}.newscenterArea .newscenterList{margin:0 -45px}@media(max-width: 1440px){.newscenterArea .newscenterList{margin:0 -30px}}@media(max-width: 1180px){.newscenterArea .newscenterList{margin:0}}.newscenterArea .newscenterList .slick-track{margin-left:0}.newscenterArea .newscenterItem{display:flex;justify-content:center;padding:0 45px}@media(max-width: 1440px){.newscenterArea .newscenterItem{padding:0 30px}}@media(max-width: 1180px){.newscenterArea .newscenterItem{padding:0 20px}}.newscenterArea .newscenterItem .item{position:relative}@media(min-width: 1181px){.newscenterArea .newscenterItem .item:hover .Img::after{opacity:1}.newscenterArea .newscenterItem .item:hover .Img .imgText{opacity:1}}.newscenterArea .newscenterItem .Img{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:405px;height:auto;aspect-ratio:405/285;margin:0 auto;overflow:hidden}.newscenterArea .newscenterItem .Img::after{content:"";position:absolute;pointer-events:none;display:block;width:calc(100% - 40px);height:calc(100% - 40px);background-color:rgba(0,168,77,.9);opacity:0;z-index:1}.newscenterArea .newscenterItem .Img .imgText{pointer-events:none;color:#fff;font-size:clamp(16px,1.18vw,18px);font-weight:400;line-height:1.65;letter-spacing:1px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:2}.newscenterArea .newscenterItem .Img img{width:100%;height:auto;display:block;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover}.newscenterArea .newscenterItem .Txt{position:relative;padding:30px 0 0}.newscenterArea .newscenterItem .textBox .classTitle{display:none}.newscenterArea .newscenterItem .textBox .title{color:#000;font-size:clamp(16px,1.18vw,18px);font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.65;letter-spacing:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.newscenterArea .newscenterItem .textBox .text{color:#666;font-size:clamp(16px,1.18vw,18px);font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:.9px;padding-top:17px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.newscenterArea .newscenterItem .dateBox{padding-top:40px}.newscenterArea .newscenterItem .dateBox .date{color:#00614f;font-size:14px;font-weight:500;line-height:1.25;letter-spacing:.8px}.newscenterArea .controlBox{pointer-events:none;position:absolute;top:205px;left:50%;transform:translate(-50%, -50%);width:36.7vw;max-width:545px;display:flex;align-items:center;justify-content:space-between}@media(max-width: 1180px){.newscenterArea .controlBox{width:100%;max-width:100%}}.newscenterArea .controlBox .arrowBox{display:flex;justify-content:space-between;width:100%}.newscenterArea .controlBox .arrowBox .arrowPrev,.newscenterArea .controlBox .arrowBox .arrowNext{pointer-events:auto;position:relative;border-radius:0;display:flex;align-items:center;justify-content:center;border:1px solid #00a84d;background-color:#fff;margin:0}.newscenterArea .controlBox .arrowBox .arrowPrev::before,.newscenterArea .controlBox .arrowBox .arrowNext::before{content:"";position:absolute;display:none}.newscenterArea .controlBox .arrowBox .arrowPrev::after,.newscenterArea .controlBox .arrowBox .arrowNext::after{content:"";position:absolute;display:block;width:15px;height:15px;top:50%;left:50%}@media(min-width: 1181px){.newscenterArea .controlBox .arrowBox .arrowPrev:hover,.newscenterArea .controlBox .arrowBox .arrowNext:hover{background-color:#fff !important}.newscenterArea .controlBox .arrowBox .arrowPrev:hover::after,.newscenterArea .controlBox .arrowBox .arrowNext:hover::after{border-color:#00a84d}}.newscenterArea .controlBox .arrowBox .arrowPrev::after{border-top:2px solid #000;border-left:2px solid #000;transform-origin:center center;transform:translate(-25%, -50%) rotate(-45deg)}@media(max-width: 1180px){.newscenterArea .controlBox .arrowBox .arrowPrev{margin-left:-30px}}@media(max-width: 768px){.newscenterArea .controlBox .arrowBox .arrowPrev{margin-left:-20px}}.newscenterArea .controlBox .arrowBox .arrowNext::after{content:"";position:absolute;border-top:2px solid #000;border-right:2px solid #000;transform-origin:center center;transform:translate(-75%, -50%) rotate(45deg)}@media(max-width: 1180px){.newscenterArea .controlBox .arrowBox .arrowNext{margin-right:-30px}}@media(max-width: 768px){.newscenterArea .controlBox .arrowBox .arrowNext{margin-right:-20px}}.newscenterArea .linkWrap{position:absolute;inset:0;z-index:3}.qualityArea{padding:100px 0 97px;background-image:url("../../images/tw/qualityBg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}@media(max-width: 1440px){.qualityArea{padding:60px 0}}@media(max-width: 768px){.qualityArea{padding:40px 0}}.qualityArea .wrap{display:flex;flex-wrap:wrap;max-width:1490px}.qualityArea .wrap:not(:has(.qualityControl)) .qualityLeftBox{max-width:100%}.qualityArea .wrap:not(:has(.qualityControl)) .qualityLeftBox .qualityClass{padding:0 0 0 30px}@media(max-width: 1180px){.qualityArea .wrap:not(:has(.qualityControl)) .qualityLeftBox .qualityClass{padding:0}}.qualityArea .qualityLeftBox{display:flex;align-items:flex-end;justify-content:space-between;width:100%;max-width:calc(100% - 197px)}@media(max-width: 1180px){.qualityArea .qualityLeftBox{max-width:100%;align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width: 768px){.qualityArea .qualityLeftBox{gap:0px}}.qualityArea .qualityLeftBox .titleBox{margin-bottom:0;margin-bottom:0;width:35%}.qualityArea .qualityLeftBox .titleBox .title{margin-top:3px}.qualityArea .qualityLeftBox .titleBox .title .twTitle{margin-left:2px;letter-spacing:-0.2px;transform:translateY(-2px)}@media(max-width: 1180px){.qualityArea .qualityLeftBox .titleBox .title .twTitle{margin-left:0px;transform:translateY(0px)}}.qualityArea .qualityLeftBox .qualityClass{width:65%;display:flex;align-items:center;justify-content:flex-end;max-width:800px;padding:0 60px 0 30px}@media(max-width: 1180px){.qualityArea .qualityLeftBox .qualityClass{padding:0;width:100%;max-width:100%}}.qualityArea .qualityLeftBox .classBox{margin:0;width:100%}.qualityArea .qualityLeftBox .classLink{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}@media(max-width: 1180px){.qualityArea .qualityLeftBox .classLink{justify-content:flex-start}}.qualityArea .qualityLeftBox .classLink li{margin:0}.qualityArea .qualityLeftBox .classLink .classTrigger{position:relative;cursor:pointer;color:#000;font-size:clamp(16px,1.18vw,18px);font-weight:400;line-height:1.45;letter-spacing:.5px;display:flex;justify-content:center;padding:10px 20px;min-width:159px}@media(max-width: 768px){.qualityArea .qualityLeftBox .classLink .classTrigger{min-width:120px}}.qualityArea .qualityLeftBox .classLink .classTrigger::after{content:"";position:absolute;bottom:0;width:0;height:2px;background-color:#00a84d}@media(min-width: 1181px){.qualityArea .qualityLeftBox .classLink .classTrigger:hover{color:#000;background-color:rgba(0,0,0,0)}.qualityArea .qualityLeftBox .classLink .classTrigger:hover::after{width:100%}}.qualityArea .qualityLeftBox .classLink .classTrigger.current{color:#000;background-color:rgba(0,0,0,0)}.qualityArea .qualityLeftBox .classLink .classTrigger.current::after{width:100%}.qualityArea .qualityControl{margin-top:auto}@media(max-width: 1180px){.qualityArea .qualityControl{order:3;margin:0 auto}}@media(max-width: 1180px){.qualityArea .qualityControl .btnBox{margin:0}}.qualityArea .qualityBox{position:relative;width:100%;padding:92px 0 0}@media(max-width: 1440px){.qualityArea .qualityBox{padding:50px 0}}@media(max-width: 1180px){.qualityArea .qualityBox{padding:30px 0 70px}}.qualityArea .qualityBox .qualityList{margin:0 -58px}@media(max-width: 1440px){.qualityArea .qualityBox .qualityList{margin:0 -30px}}@media(max-width: 1180px){.qualityArea .qualityBox .qualityList{margin:0 -20px}}@media(max-width: 414px){.qualityArea .qualityBox .qualityList{margin:0 -10px}}.qualityArea .qualityBox .qualityList .slick-slide:not(.slick-active){pointer-events:none}.qualityArea .qualityBox .qualityList .slick-track{margin-left:0}.qualityArea .qualityBox .qualityItem{padding:40px 58px}@media(max-width: 1440px){.qualityArea .qualityBox .qualityItem{padding:40px 30px}}@media(max-width: 1180px){.qualityArea .qualityBox .qualityItem{padding:40px 20px}}@media(max-width: 414px){.qualityArea .qualityBox .qualityItem{padding:30px 10px}}.qualityArea .qualityBox .qualityItem.even .item{transform:translateY(40px)}@media(max-width: 414px){.qualityArea .qualityBox .qualityItem.even .item{transform:translateY(0px)}}.qualityArea .qualityBox .qualityItem.odd .item{transform:translateY(-40px)}@media(max-width: 414px){.qualityArea .qualityBox .qualityItem.odd .item{transform:translateY(0px)}}.qualityArea .qualityBox .item{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:405px;height:auto;aspect-ratio:526/748;margin:0 auto;overflow:hidden}@media(min-width: 1181px){.qualityArea .qualityBox .item:hover::after{opacity:1}.qualityArea .qualityBox .item:hover .imgText{opacity:1}}.qualityArea .qualityBox .item::after{content:"";position:absolute;pointer-events:none;display:block;width:calc(100% - 40px);height:calc(100% - 40px);background-color:rgba(0,168,77,.9);opacity:0;z-index:1}@media(max-width: 768px){.qualityArea .qualityBox .item::after{width:calc(100% - 30px);height:calc(100% - 30px)}}@media(max-width: 480px){.qualityArea .qualityBox .item::after{width:calc(100% - 20px);height:calc(100% - 20px)}}.qualityArea .qualityBox .item .imgText{position:absolute;pointer-events:none;color:#fff;font-size:14px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.65;letter-spacing:1px;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;width:calc(100% - 60px);text-align:center;opacity:0;z-index:2}.qualityArea .qualityBox .item .imgText .deco{font-size:14px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:1.4px;margin-top:6px}.qualityArea .qualityBox .item .Img{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.qualityArea .qualityBox .item .Img img{width:100%;height:auto;display:block;backface-visibility:hidden}.qualityArea .qualityBox .slick-dots{position:absolute;bottom:0;right:33%;display:inline-flex;width:auto;max-width:200px;row-gap:10px}@media(max-width: 1440px){.qualityArea .qualityBox .slick-dots{right:30%}}@media(max-width: 1180px){.qualityArea .qualityBox .slick-dots{bottom:-45px;right:50%;transform:translateX(50%)}}@media(max-width: 1024px){.qualityArea .qualityBox .slick-dots{position:relative;right:auto;left:50%;bottom:-30px;transform:translateX(-50%)}}.qualityArea .qualityBox .slick-dots li{margin:0px 10px}@media(max-width: 1180px){.qualityArea .qualityBox .slick-dots li{margin:5px 10px}}.qualityArea .qualityBox .slick-dots li button::before{background-color:#00624f}.qualityArea .qualityBox .slick-dots li.slick-active button::before{background-color:#00a84d}