.bannerArea .bannerItem,.bimArea .leftBox .featureList .item:after,.bimArea .leftBox .imgBox .videoBtn,.bimArea .leftBox .imgBox .videoBtn:after,.catalogArea .catalogList .Img img,.catalogArea .catalogList .Txt,.catalogArea .catalogList .item:after,.catalogArea .catalogList .title:after,.esgArea .leftBox .esgList .esgItem,.esgArea .leftBox .esgList .title:after,.popWin .close,.popWin .close:after,.popWin .close:before,.serviceArea .leftBox .Img,.serviceArea .leftBox .btn.servicePop,.serviceArea .leftBox .item,.serviceArea .leftBox .item:after,.serviceArea .rightBox .txtList .title,.serviceArea .rightBox .txtList .txtItem.hasText .title:after,.serviceArea .rightBox .txtList .txtItem.hasText .title:before{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.popWin{position:fixed;left:0;top:0;z-index:500;width:100%;height:100dvh;font-size:15px;line-height:1.8;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .mask{position:absolute;left:0;top:0;width:100%;height:100dvh;background-color:rgba(0,0,0,0.7);opacity:0;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:800px;max-width:90%;max-height:85vh;opacity:0;background-color:#fff;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .popContent{max-height:88vh;overflow-y:auto}.popWin img{display:block;max-width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.popWin .Txt{padding:30px}.popWin .Txt .popTitle{font-size:25px;margin-bottom:25px}.popWin .close{width:46px;height:46px;background-color:#1d28a8;cursor:pointer;position:absolute;top:0;right:0;z-index:1}.popWin .close:after,.popWin .close:before{content:"";position:absolute;left:11px;top:23px;width:25px;height:1px;background-color:#fff}.popWin .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popWin .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1181px){.popWin .close:hover{background-color:#1d28a8}.popWin .close:hover:before{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.popWin .close:hover:after{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}.popWin.show{opacity:1;visibility:visible;pointer-events:auto}.popWin.show .inner,.popWin.show .mask{opacity:1}.popWin.show .inner{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:1180px){.popWin .popContent{max-height:calc(100dvh - 150px)}}@media (min-width:1181px){header{background-color:transparent;border-color:transparent}header .languageBox,header .logo,header .menuBox{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}header.initialAnimateIn{-webkit-animation:initialAnimateInHeaderBg 0.5s 0.8s ease-in-out forwards;animation:initialAnimateInHeaderBg 0.5s 0.8s ease-in-out forwards}header.initialAnimateIn .languageBox,header.initialAnimateIn .logo,header.initialAnimateIn .menuBox{-webkit-animation:initialAnimateInHeader 0.5s 1.2s ease-in-out forwards;animation:initialAnimateInHeader 0.5s 1.2s ease-in-out forwards}header.initialAnimateIn .menuBox{-webkit-animation-delay:1.4s;animation-delay:1.4s}header.initialAnimateIn .languageBox{-webkit-animation-delay:1.8s;animation-delay:1.8s}}@media (max-width:1180px){header{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}header.initialAnimateIn{-webkit-animation:initialAnimateInHeader 0.5s 0.4s ease-in-out forwards;animation:initialAnimateInHeader 0.5s 0.4s ease-in-out forwards}}.bannerArea{background-color:#1d28a8}.bannerArea .bannerBox{position:relative}.bannerArea .bannerBox:not(.initialAnimateIn) .controlBox{opacity:1}.bannerArea .bannerBox.initialAnimateIn .Txt .decoTitle{-webkit-animation:initialAnimateInText 0.6s 0.4s ease-in-out forwards;animation:initialAnimateInText 0.6s 0.4s ease-in-out forwards}.bannerArea .bannerBox.initialAnimateIn .Txt .subtitle{-webkit-animation:initialAnimateInText 0.6s 0.8s ease-in-out forwards;animation:initialAnimateInText 0.6s 0.8s ease-in-out forwards}.bannerArea .bannerBox.initialAnimateIn .Txt .title{-webkit-animation:initialAnimateInText 0.6s 1.2s ease-in-out forwards;animation:initialAnimateInText 0.6s 1.2s ease-in-out forwards}.bannerArea .bannerBox.initialAnimateIn .Txt .btnBox{-webkit-animation:initialAnimateInText 0.6s 1.6s ease-in-out forwards;animation:initialAnimateInText 0.6s 1.6s ease-in-out forwards}.bannerArea .bannerBox.initialAnimateIn .controlBox{-webkit-animation:initialAnimateInText 0.6s 1.8s ease-in-out forwards;animation:initialAnimateInText 0.6s 1.8s ease-in-out forwards}.bannerArea .bannerList{position:relative;z-index:1}.bannerArea .slick-slide.clipAni{opacity:1!important;z-index:1;-webkit-transition:-webkit-clip-path 0s 1.1s ease-in-out!important;transition:-webkit-clip-path 0s 1.1s ease-in-out!important;transition:clip-path 0s 1.1s ease-in-out!important;transition:clip-path 0s 1.1s ease-in-out,-webkit-clip-path 0s 1.1s ease-in-out!important;-webkit-clip-path:polygon(100% 0,100% 0%,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0%,100% 100%,100% 100%);will-change:clip-path}.bannerArea .slick-slide.clipAni.prev{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}.bannerArea .slick-slide.clipAni.current{-webkit-transition:-webkit-clip-path 1.1s ease-in-out!important;transition:-webkit-clip-path 1.1s ease-in-out!important;transition:clip-path 1.1s ease-in-out!important;transition:clip-path 1.1s ease-in-out,-webkit-clip-path 1.1s ease-in-out!important;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.bannerArea .slick-slide.clipAni.current .Img{-webkit-transform:scale(1);transform:scale(1)}.bannerArea .slick-slide.clipAni img{-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out}.bannerArea .bannerItem{opacity:0}.bannerArea .bannerItem .Txt{padding:132px 50px 7%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width:1400px){.bannerArea .bannerItem .Txt{padding:132px 30px 7%}}@media (max-width:1180px){.bannerArea .bannerItem .Txt{padding:105px 30px 80px}}@media (max-width:400px){.bannerArea .bannerItem .Txt{padding:95px 20px 80px}}.bannerArea .bannerItem .btnBox,.bannerArea .bannerItem .decoTitle,.bannerArea .bannerItem .subtitle,.bannerArea .bannerItem .title{opacity:0}.bannerArea .bannerItem .btnBox{margin-top:105px}@media (max-width:1600px){.bannerArea .bannerItem .btnBox{margin-top:70px}}@media (max-width:768px){.bannerArea .bannerItem .btnBox{margin-top:40px}}.bannerArea .bannerItem .Img{height:calc(100dvh - 50px)}@media (max-height:645px),(min-height:1100px){.bannerArea .bannerItem .Img{height:700px}}@media (max-width:1180px){.bannerArea .bannerItem .Img{height:85dvh}}@media (max-width:1180px) and (max-height:645px),(max-width:1180px) and (min-height:1100px){.bannerArea .bannerItem .Img{height:500px}}.bannerArea .controlBox{position:absolute;top:unset;left:50%;right:unset;bottom:10.5%;-webkit-transform:translate(unset,unset);transform:translate(unset,unset);z-index:2;translate:-50% 0;width:100%;max-width:1572px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 50px;opacity:0}@media (max-width:1600px){.bannerArea .controlBox{bottom:5%}}@media (max-width:1400px){.bannerArea .controlBox{padding:0 30px}}.bannerArea .slick-current .Img img{-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transition-delay:0.4s;transition-delay:0.4s}.bannerArea .slick-current .decoTitle{-webkit-animation:slideRightAnimation 0.8s 0.8s ease-in-out forwards;animation:slideRightAnimation 0.8s 0.8s ease-in-out forwards}.bannerArea .slick-current .subtitle{-webkit-animation:slideRightAnimation 0.8s 1s ease-in-out forwards;animation:slideRightAnimation 0.8s 1s ease-in-out forwards}.bannerArea .slick-current .title{-webkit-animation:slideRightAnimation 0.8s 1.2s ease-in-out forwards;animation:slideRightAnimation 0.8s 1.2s ease-in-out forwards}.bannerArea .slick-current .btnBox{-webkit-animation:slideRightAnimation 0.8s 1.4s ease-in-out forwards;animation:slideRightAnimation 0.8s 1.4s ease-in-out forwards}.aboutArea{background:url("../images/index/aboutBg.jpg") center bottom/cover no-repeat}@media (min-width:1181px){.aboutArea{min-height:calc(100dvh - 99px);padding-top:117px;padding-bottom:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media (min-width:1181px) and (max-height:645px),(min-width:1181px) and (min-height:1100px){.aboutArea{height:auto}}@media (max-width:1180px){.aboutArea{padding:80px 0}}@media (max-width:640px){.aboutArea{padding:60px 0}}.aboutArea .wrap{max-width:1320px;text-align:center}@media (max-width:1180px){.aboutArea .wrap{max-width:800px}}.aboutArea .titleBox{margin-bottom:0}.aboutArea .textEditor{margin-top:26px}.aboutArea .historyBox{margin-top:86px;position:relative}@media (max-width:1180px){.aboutArea .historyBox{margin-top:60px}}@media (max-width:640px){.aboutArea .historyBox{max-width:440px;margin-left:auto;margin-right:auto}}@media (max-width:480px){.aboutArea .historyBox{max-width:300px;margin-top:40px}}.aboutArea .historyBox .controlBox{position:absolute;top:50%;left:50%;right:unset;bottom:unset;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:calc(100% + 60px)}@media (min-width:1181px){.aboutArea .historyBox .controlBox{display:none}}@media (max-width:400px){.aboutArea .historyBox .controlBox{width:calc(100% + 40px)}}.aboutArea .historyList{overflow:hidden;max-width:100%}.aboutArea .historyList:not(.slick-slider){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (min-width:641px) and (max-width:1180px){.aboutArea .historyList .slick-slide:not(:last-child) .historyItem:after{content:"";position:absolute;pointer-events:none;right:0;top:12px;width:1px;height:60px;background-color:#e6e6e6}}@media (max-width:1180px){.aboutArea .historyList>.historyItem:not(:first-child){display:none}}.aboutArea .historyList .historyItem{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (min-width:1181px){.aboutArea .historyList .historyItem:not(:last-child):after{content:"";position:absolute;pointer-events:none;right:0;top:12px;width:1px;height:60px;background-color:#e6e6e6}}.aboutArea .historyList .textBox{font-weight:600;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.aboutArea .historyList .num{color:#141c75;font-size:86px;line-height:1;letter-spacing:0px}.aboutArea .historyList .unit{margin-top:auto;margin-bottom:6px;color:#141c75;font-size:45px;line-height:1;letter-spacing:0px}.aboutArea .historyList .plus{margin-top:5px;margin-bottom:auto;color:#f6dd00;font-size:45px;line-height:1;letter-spacing:0px}.aboutArea .historyList .title{width:100%;text-align:center;font-weight:500;color:#1b1b1b;font-size:16px;line-height:1.4;letter-spacing:0.8px}@media (max-width:1400px){.aboutArea .historyList .num{font-size:70px}.aboutArea .historyList .plus,.aboutArea .historyList .unit{font-size:35px}}@media (max-width:1180px){.aboutArea .historyList .num{font-size:60px}.aboutArea .historyList .plus,.aboutArea .historyList .unit{font-size:30px}.aboutArea .historyList .title{font-size:15px}}@media (max-width:840px){.aboutArea .historyList .num{font-size:50px}.aboutArea .historyList .plus,.aboutArea .historyList .unit{font-size:25px}}.aboutArea .btnBox{margin-top:101px}@media (max-width:1180px){.aboutArea .btnBox{margin-top:50px}}.serviceArea{position:relative;z-index:2;background-color:#f2f2f2}.serviceArea:after{content:"";position:absolute;pointer-events:none;top:0;left:0;width:31.3%;height:100%;background-color:#ebebeb;z-index:1}@media (max-width:640px){.serviceArea{padding:60px 0}}.serviceArea .wrap{position:relative;z-index:2;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;padding-top:30px;padding-bottom:30px}@media (max-width:1400px){.serviceArea .wrap{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}@media (max-width:1000px){.serviceArea .wrap{max-width:800px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;row-gap:30px}}.serviceArea .titleBox{margin:0}@media (min-width:1001px){.serviceArea .titleBox{position:absolute;top:18.5%;left:50px;right:unset;bottom:unset;-webkit-transform:translate(0,0);transform:translate(0,0);z-index:1}}.serviceArea .leftBox{width:100%;padding-right:3px;margin-top:7%;position:relative}@media (max-width:1000px){.serviceArea .leftBox{margin-top:0}}.serviceArea .leftBox .btn.servicePop{position:absolute;top:45%;left:3.3%;right:unset;bottom:unset;-webkit-transform:translate(0,0);transform:translate(0,0);z-index:1;border-radius:50%;aspect-ratio:1/1;width:154px;height:auto;background-color:#1d28a8;border:3px solid #f6dd00;-webkit-animation:servicePopBtn 1.8s ease-in-out infinite;animation:servicePopBtn 1.8s ease-in-out infinite;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.serviceArea .leftBox .btn.servicePop:before{content:"";position:absolute;pointer-events:none;aspect-ratio:1/1;width:124%;height:auto;-webkit-mask:url("../images/icon/service_line.png") center center/cover no-repeat;mask:url("../images/icon/service_line.png") center center/cover no-repeat;background-color:#fff;-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite}.serviceArea .leftBox .btn.servicePop:after{content:"";position:absolute;pointer-events:none;aspect-ratio:1/1;width:137%;height:auto;-webkit-mask:url("../images/icon/service_line_1.png") center center/cover no-repeat;mask:url("../images/icon/service_line_1.png") center center/cover no-repeat;background-color:#fff;animation:rotate 8s linear reverse infinite}.serviceArea .leftBox .btn.servicePop span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;row-gap:24px;height:100%;width:100%;color:#fff;font-size:16px;line-height:1;letter-spacing:1.6px;text-align:center}.serviceArea .leftBox .btn.servicePop span:before{content:"+";position:relative;pointer-events:none;display:inline-block;font-size:34px;font-weight:300;line-height:0.1}.serviceArea .leftBox .btn.servicePop span:after{content:"";position:absolute;pointer-events:none;width:87%;height:auto;aspect-ratio:1/1;-webkit-mask:url("../images/icon/service_dot_1.png") center center/contain no-repeat;mask:url("../images/icon/service_dot_1.png") center center/contain no-repeat;background-color:#f6dd00}@media (min-width:1181px){.serviceArea .leftBox .btn.servicePop:hover{opacity:0.7}}@media (max-width:1400px){.serviceArea .leftBox .btn.servicePop{width:130px}.serviceArea .leftBox .btn.servicePop span{font-size:14px}}@media (max-width:1180px){.serviceArea .leftBox .btn.servicePop{left:0}}@media (max-width:640px){.serviceArea .leftBox .btn.servicePop{top:0}}@media (max-width:400px){.serviceArea .leftBox .btn.servicePop{width:110px}.serviceArea .leftBox .btn.servicePop span{font-size:13px}}.serviceArea .leftBox .bg{width:100%;height:auto;aspect-ratio:4/2.3;background:url("../images/icon/service_factory.png") center center/contain no-repeat}.serviceArea .leftBox .iconList{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width:640px){.serviceArea .leftBox .iconList{display:none}}.serviceArea .leftBox .iconItem{position:absolute;border-radius:50%;aspect-ratio:1/1;width:102px;height:auto;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.serviceArea .leftBox .iconItem:before{content:"";position:absolute;pointer-events:none;border-radius:50%;aspect-ratio:1/1;width:100%;height:auto;border:1px solid #fff;opacity:0;-webkit-animation:serviceIconScale_1 2s ease-in-out infinite;animation:serviceIconScale_1 2s ease-in-out infinite;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.serviceArea .leftBox .iconItem:after{content:"";position:absolute;pointer-events:none;border-radius:50%;aspect-ratio:1/1;width:100%;height:auto;border:1px solid #fff;opacity:0;-webkit-animation:serviceIconScale_2 3s 0.5s ease-in-out infinite;animation:serviceIconScale_2 3s 0.5s ease-in-out infinite}@media (min-width:1181px){.serviceArea .leftBox .iconItem:hover .item{background-color:rgba(29,40,168,0.3)}.serviceArea .leftBox .iconItem:hover .Img{background-color:#1d28a8}}.serviceArea .leftBox .iconItem.active:after,.serviceArea .leftBox .iconItem.active:before{border-color:#1d28a8}.serviceArea .leftBox .iconItem.active .item:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.serviceArea .leftBox .iconItem.active .item:before{-webkit-animation:serviceIconRotate 14s linear infinite;animation:serviceIconRotate 14s linear infinite}.serviceArea .leftBox .iconItem.active .Img{background-color:#1d28a8}.serviceArea .leftBox .iconItem:first-child{top:34.9%;left:68%}.serviceArea .leftBox .iconItem:nth-child(2){top:36.9%;left:84.2%}.serviceArea .leftBox .iconItem:nth-child(3){top:65%;left:61.1%}.serviceArea .leftBox .iconItem:nth-child(4){top:16.5%;left:42.1%}.serviceArea .leftBox .iconItem:nth-child(5){top:45.4%;left:47.2%;width:70px}.serviceArea .leftBox .iconItem:nth-child(5) .Img{max-width:40px}.serviceArea .leftBox .iconItem:nth-child(6){top:0%;left:64.2%;width:70px}.serviceArea .leftBox .iconItem:nth-child(6) .Img{max-width:40px}.serviceArea .leftBox .iconItem:nth-child(7){top:56.4%;left:25.3%}@media (max-width:1400px){.serviceArea .leftBox .iconItem{width:80px}.serviceArea .leftBox .iconItem:nth-child(5),.serviceArea .leftBox .iconItem:nth-child(6){width:60px}.serviceArea .leftBox .iconItem:nth-child(5) .Img,.serviceArea .leftBox .iconItem:nth-child(6) .Img{max-width:35px}}@media (max-width:1180px){.serviceArea .leftBox .iconItem{width:70px}.serviceArea .leftBox .iconItem:nth-child(5),.serviceArea .leftBox .iconItem:nth-child(6){width:50px}.serviceArea .leftBox .iconItem:nth-child(5) .Img,.serviceArea .leftBox .iconItem:nth-child(6) .Img{max-width:30px}}.serviceArea .leftBox .item{position:relative;z-index:2;aspect-ratio:inherit;width:inherit;height:inherit;border-radius:inherit;background-color:rgba(34,34,34,0.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.serviceArea .leftBox .item:after{content:"";position:absolute;pointer-events:none;-webkit-transform:scale(0.85);transform:scale(0.85);width:100%;height:100%;border-radius:inherit;background-color:#f6dd00;border:3px solid #1d28a8;opacity:0;z-index:-1;will-change:transform}.serviceArea .leftBox .item:before{content:"";position:absolute;pointer-events:none;width:120%;height:120%;-webkit-mask:url("../images/icon/service_dot.png") center center/cover no-repeat;mask:url("../images/icon/service_dot.png") center center/cover no-repeat;background-color:#1d28a8;-webkit-transform:scale(0.85);transform:scale(0.85);opacity:0}.serviceArea .leftBox .Img{width:100%;height:100%;max-width:55px;-webkit-mask:center center/contain no-repeat;mask:center center/contain no-repeat;background-color:#fff}@media (max-width:1400px){.serviceArea .leftBox .Img{max-width:40px}}@media (max-width:1180px){.serviceArea .leftBox .Img{max-width:35px}}.serviceArea .rightBox{-ms-flex-negative:0;flex-shrink:0;width:280px}@media (max-width:1000px){.serviceArea .rightBox{width:100%}}.serviceArea .rightBox .txtList .txtItem.active .title{color:#1d28a8}.serviceArea .rightBox .txtList .txtItem.active .title:after{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}@media (min-width:1181px){.serviceArea .rightBox .txtList .txtItem:hover .title{color:#1d28a8}}.serviceArea .rightBox .txtList .txtItem.hasText .title{position:relative;padding-right:45px}.serviceArea .rightBox .txtList .txtItem.hasText .title:after,.serviceArea .rightBox .txtList .txtItem.hasText .title:before{content:"";position:absolute;right:18px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:2px;background-color:#1d28a8}.serviceArea .rightBox .txtList .txtItem.hasText .title:after{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.serviceArea .rightBox .txtList .title{color:#222;font-weight:600;font-size:18px;line-height:1.5;letter-spacing:0.72px;padding:23px 18px;border-bottom:1px solid #e6e6e6;cursor:pointer}.serviceArea .rightBox .txtList .text{display:none;color:rgba(34,34,34,0.7);padding:0 18px;margin-top:10px;font-size:16px;line-height:2;letter-spacing:0.64px;overflow-y:auto;height:128px}.serviceArea .rightBox .txtList .text::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.15);box-shadow:inset 0 0 2px rgba(0,0,0,0.15);background-color:rgba(29,40,168,0.1)}.serviceArea .rightBox .txtList .text::-webkit-scrollbar{width:2px;height:2px;background-color:rgba(29,40,168,0.1)}.serviceArea .rightBox .txtList .text::-webkit-scrollbar-thumb{background:#1d28a8}@media (max-width:1400px){.serviceArea .rightBox .txtList .title{font-size:16px;padding:16px 18px}.serviceArea .rightBox .txtList .text{height:96px}}@media (max-width:1000px){.serviceArea .rightBox .txtList .text{height:auto}}.serviceArea .rightBox .btnBox{margin-top:60px}@media (max-width:1600px){.serviceArea .rightBox .btnBox{margin-top:40px}}.moduleBox.servicePop .moduleWrap{max-width:1190px}.moduleBox.servicePop .moduleContent{max-height:calc(90vh - 50px);overflow-y:auto;padding-bottom:82px}.moduleBox.servicePop .titleBox{margin-bottom:56px}.moduleBox.servicePop .serviceBox{max-width:920px;margin:0 auto}.moduleBox.servicePop .servicePopList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:84px 0}.moduleBox.servicePop .servicePopList .servicePopItem{position:relative;padding:0 10px;width:33.33%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (min-width:841px){.moduleBox.servicePop .servicePopList .servicePopItem:nth-child(3n+2):after,.moduleBox.servicePop .servicePopList .servicePopItem:nth-child(3n+3):after{content:"";position:absolute;pointer-events:none;z-index:-1;width:102%;height:180px;top:50%;left:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url("../images/icon/service_pop_line_1.png") center center/contain no-repeat}.moduleBox.servicePop .servicePopList .servicePopItem:nth-child(4):after{content:"";position:absolute;pointer-events:none;z-index:-1;width:202%;height:180px;top:-42px;left:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url("../images/icon/service_pop_line.png") center center/contain no-repeat}}@media (min-width:541px) and (max-width:840px){.moduleBox.servicePop .servicePopList .servicePopItem:nth-child(2n+2):after{content:"";position:absolute;pointer-events:none;z-index:-1;width:102%;height:180px;top:50%;left:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url("../images/icon/service_pop_line_1.png") center center/contain no-repeat}.moduleBox.servicePop .servicePopList .servicePopItem:nth-child(3):after,.moduleBox.servicePop .servicePopList .servicePopItem:nth-child(5):after{content:"";position:absolute;pointer-events:none;z-index:-1;width:102%;height:180px;top:-42px;left:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url("../images/icon/service_pop_line.png") center center/contain no-repeat}}@media (max-width:840px){.moduleBox.servicePop .servicePopList .servicePopItem{width:50%}}@media (max-width:540px){.moduleBox.servicePop .servicePopList .servicePopItem{width:100%;padding:10px}}.moduleBox.servicePop .servicePopList .item{position:relative;z-index:2;border-radius:50%;aspect-ratio:1/1;width:154px;height:auto;margin:0 auto;background-color:#fff;color:#1d28a8;-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;row-gap:10px;text-align:center}.moduleBox.servicePop .servicePopList .item:before{content:"";position:absolute;pointer-events:none;width:87%;height:87%;-webkit-mask:url("../images/icon/service_dot.png") center center/contain no-repeat;mask:url("../images/icon/service_dot.png") center center/contain no-repeat;background-color:#1d28a8}.moduleBox.servicePop .servicePopList .item:after{content:attr(data-num);position:absolute;pointer-events:none;top:4px;left:2px;width:41px;aspect-ratio:1/1;height:auto;background-color:#fff;border:6px solid rgba(246,221,0,0.3);font-size:16px;line-height:1;letter-spacing:0.64px;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",sans-serif;font-weight:700;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.moduleBox.servicePop .servicePopList .Img{width:52px;height:52px;-webkit-mask:center center/contain no-repeat;mask:center center/contain no-repeat;background-color:#1d28a8}.moduleBox.servicePop .controlBox{margin-top:20px}@media (min-width:541px){.moduleBox.servicePop .controlBox{display:none}}.bimArea{overflow:hidden;position:relative;padding:30px 0}@media (max-width:1600px){.bimArea{padding:60px 0}}@media (max-width:1180px){.bimArea{padding:40px 0}}.bimArea .decoText{font-size:428px;line-height:0.8177570093;letter-spacing:12.84px;font-size:22dvw;font-weight:bold;color:#eee;pointer-events:none;z-index:0;position:absolute;bottom:0;right:7%}@media (max-width:1000px){.bimArea .decoText{display:none}}.bimArea .decoLineBox{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;pointer-events:none}@media (max-width:1180px){.bimArea .decoLineBox{display:none}}.bimArea .decoLineBox svg{width:100%;height:100%;max-width:100%;overflow:visible;fill:none;stroke:#1d28a8;stroke-width:0.6px;fill-rule:evenodd}.bimArea .decoLineBox circle{fill:#1d28a8}.bimArea .decoLineBox .decoLine{padding:10px}.bimArea .decoLineBox .decoLine.left{margin-top:3%;-webkit-mask:-webkit-gradient(linear,left top,right top,color-stop(1%,transparent),color-stop(76%,#000));-webkit-mask:linear-gradient(to right,transparent 1%,#000 76%);mask:-webkit-gradient(linear,left top,right top,color-stop(1%,transparent),color-stop(76%,#000));mask:linear-gradient(to right,transparent 1%,#000 76%)}.bimArea .decoLineBox .decoLine.right{margin-top:-3%;margin-right:9%;-webkit-mask:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(5%,transparent),color-stop(20%,#000),color-stop(25%,#000),color-stop(30%,transparent),color-stop(45%,transparent),color-stop(60%,#000),color-stop(75%,#000),color-stop(95%,transparent),to(transparent));-webkit-mask:linear-gradient(to bottom,transparent 0%,transparent 5%,#000 20%,#000 25%,transparent 30%,transparent 45%,#000 60%,#000 75%,transparent 95%,transparent 100%);mask:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(5%,transparent),color-stop(20%,#000),color-stop(25%,#000),color-stop(30%,transparent),color-stop(45%,transparent),color-stop(60%,#000),color-stop(75%,#000),color-stop(95%,transparent),to(transparent));mask:linear-gradient(to bottom,transparent 0%,transparent 5%,#000 20%,#000 25%,transparent 30%,transparent 45%,#000 60%,#000 75%,transparent 95%,transparent 100%)}@media (max-width:1600px){.bimArea .decoLineBox .decoLine svg{max-width:85%}.bimArea .decoLineBox .decoLine.left{margin-top:30px}.bimArea .decoLineBox .decoLine.right{margin-right:6%}}@media (max-width:1400px){.bimArea .decoLineBox .decoLine.left{margin-top:10px}.bimArea .decoLineBox .decoLine.left svg{max-width:65%}.bimArea .decoLineBox .decoLine.right{margin-right:3%}.bimArea .decoLineBox .decoLine.right svg{max-width:75%}}.bimArea .decoCircle{width:160px;height:auto;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(29,40,168,0.2);z-index:0;position:absolute;bottom:13%;left:5%;pointer-events:none;-webkit-animation:rotate 14s linear infinite;animation:rotate 14s linear infinite}.bimArea .decoCircle:after{content:"";position:absolute;pointer-events:none;width:24px;height:auto;aspect-ratio:1/1;background:url("../images/icon/bim_circle_7.png") center center/contain no-repeat;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:1800px){.bimArea .decoCircle{bottom:30px;left:20px}}@media (max-width:1600px){.bimArea .decoCircle{width:130px}.bimArea .decoCircle:after{width:20px}}@media (max-width:1400px){.bimArea .decoCircle{width:90px}.bimArea .decoCircle:after{width:16px}}@media (max-width:1180px){.bimArea .decoCircle{display:none}}.bimArea .wrap{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-column-gap:92px;-moz-column-gap:92px;column-gap:92px;max-width:1382px}@media (max-width:1600px){.bimArea .wrap{-webkit-column-gap:6%;-moz-column-gap:6%;column-gap:6%}}@media (max-width:1000px){.bimArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:30px;max-width:800px}}.bimArea .leftBox{margin-left:17px;position:relative;width:760px;height:auto;aspect-ratio:1/1;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (max-width:1600px){.bimArea .leftBox{width:650px}}@media (max-width:1400px){.bimArea .leftBox{width:585px;margin:0}}@media (max-width:1180px){.bimArea .leftBox{width:550px}}@media (max-width:1000px){.bimArea .leftBox{width:100%}}@media (max-width:320px){.bimArea .leftBox{width:150%}}.bimArea .leftBox .decoImgBox{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.bimArea .leftBox .decoImgBox:before{content:"";position:absolute;pointer-events:none;width:90%;height:auto;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(20,28,117,0.3);opacity:0;-webkit-animation:serviceIconScale_1 3s ease-in-out infinite;animation:serviceIconScale_1 3s ease-in-out infinite}.bimArea .leftBox .decoImgBox:after{content:"";position:absolute;pointer-events:none;width:79%;height:auto;aspect-ratio:1/1;border-radius:50%;-webkit-box-shadow:inset 0 0 17px rgba(29,40,168,0.07);box-shadow:inset 0 0 17px rgba(29,40,168,0.07);-webkit-animation:bimCircleScale 10s linear infinite;animation:bimCircleScale 10s linear infinite}.bimArea .leftBox .decoImgBox .decoImg{pointer-events:none;position:absolute;height:auto;aspect-ratio:1/1;background:center center/contain no-repeat}.bimArea .leftBox .decoImgBox .circle1{width:54%;background-image:url("../images/icon/bim_circle_1.png");-webkit-animation:rotate 34s linear infinite;animation:rotate 34s linear infinite}.bimArea .leftBox .decoImgBox .circle2{width:65%;background-image:url("../images/icon/bim_circle_2.png");animation:rotate 38s linear infinite reverse}.bimArea .leftBox .decoImgBox .circle3{width:92%;background-image:url("../images/icon/bim_circle_3.png");animation:rotate 42s linear infinite reverse}.bimArea .leftBox .decoImgBox .circle4{width:90.2%;background-image:url("../images/icon/bim_circle_4.png")}.bimArea .leftBox .imgBox{position:relative;width:38%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media (max-width:540px){.bimArea .leftBox .imgBox{width:40%}}@media (max-width:400px){.bimArea .leftBox .imgBox{width:48%}}.bimArea .leftBox .imgBox:before{content:"";position:absolute;pointer-events:none;width:105%;height:auto;aspect-ratio:1/1;background:url("../images/icon/bim_video_1.png") center center/contain no-repeat;-webkit-animation:rotate 14s linear infinite;animation:rotate 14s linear infinite}.bimArea .leftBox .imgBox:after{content:"";position:absolute;pointer-events:none;width:121%;height:auto;aspect-ratio:1/1;border-radius:50%;-webkit-box-shadow:inset 0 0 17px rgba(0,0,0,0.1);box-shadow:inset 0 0 17px rgba(0,0,0,0.1)}.bimArea .leftBox .imgBox .videoBtn{position:absolute;top:61.5%;left:73.5%;right:unset;bottom:unset;-webkit-transform:translate(0,0);transform:translate(0,0);z-index:2;height:auto;aspect-ratio:1/1;border-radius:50%;width:36%;background-color:#000;border:7px solid #434343}.bimArea .leftBox .imgBox .videoBtn:after{content:"";position:absolute;pointer-events:none;width:22%;height:100%;-webkit-mask:url("../images/icon/bim_btn.png") center center/contain no-repeat;mask:url("../images/icon/bim_btn.png") center center/contain no-repeat;position:absolute;top:50%;left:50%;right:unset;bottom:unset;-webkit-transform:translate(-37%,-50%);transform:translate(-37%,-50%);z-index:2;background-color:#fff}.bimArea .leftBox .imgBox .videoBtn a{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width:1181px){.bimArea .leftBox .imgBox .videoBtn:hover{background-color:#f6dd00;border-color:#fff177}.bimArea .leftBox .imgBox .videoBtn:hover:after{background-color:#222}}@media (max-width:768px){.bimArea .leftBox .imgBox .videoBtn{border-width:4px;width:40%}}.bimArea .leftBox .imgBox .Img{width:100%;height:auto;aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.bimArea .leftBox .imgBox .Img:before{content:"";position:absolute;pointer-events:none;width:83%;height:auto;aspect-ratio:1/1;background:url("../images/icon/bim_circle_5.png") center center/contain no-repeat;z-index:2}.bimArea .leftBox .imgBox .Img:after{content:"";position:absolute;pointer-events:none;width:60%;height:auto;aspect-ratio:1/1;background:url("../images/icon/bim_text.png") center center/contain no-repeat;z-index:2}.bimArea .leftBox .imgBox .Img img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.bimArea .leftBox .featureList{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width:320px){.bimArea .leftBox .featureList{display:none}}.bimArea .leftBox .featureList .featureItem{position:absolute;border-radius:50%;aspect-ratio:1/1;width:152px;height:auto;background-color:#1d28a8;border:9px solid #f6dd00;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);-webkit-transition:all 0.4s linear;transition:all 0.4s linear}.bimArea .leftBox .featureList .featureItem:first-child{left:-4.5%;top:50.5%}.bimArea .leftBox .featureList .featureItem:nth-child(2){left:21.5%;top:81.3%}.bimArea .leftBox .featureList .featureItem:nth-child(3){left:81%;top:61.5%}.bimArea .leftBox .featureList .featureItem:nth-child(4){left:70.6%;top:5.8%}.bimArea .leftBox .featureList .featureItem.current{border-width:0px}.bimArea .leftBox .featureList .featureItem.current .item:after{opacity:1;width:85%;-webkit-animation:rotate 13s linear infinite;animation:rotate 13s linear infinite}@media (max-width:1600px){.bimArea .leftBox .featureList .featureItem{width:130px;border-width:6px}}@media (max-width:1180px){.bimArea .leftBox .featureList .featureItem{width:110px}}@media (max-width:768px){.bimArea .leftBox .featureList .featureItem{width:100px}}@media (max-width:540px){.bimArea .leftBox .featureList .featureItem{width:90px;border-width:3px}}@media (max-width:400px){.bimArea .leftBox .featureList .featureItem{width:80px}}.bimArea .leftBox .featureList .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;row-gap:24px;height:100%;width:100%;color:#fff;text-align:center;padding:10px;font-size:16px;line-height:1.4;letter-spacing:1.6px}.bimArea .leftBox .featureList .item:after{content:"";position:absolute;pointer-events:none;width:75%;height:auto;aspect-ratio:1/1;-webkit-mask:url("../images/icon/service_dot.png") center center/contain no-repeat;mask:url("../images/icon/service_dot.png") center center/contain no-repeat;background-color:#f6dd00;opacity:0.6}@media (max-width:1400px){.bimArea .leftBox .featureList .item{font-size:15px}}@media (max-width:1180px){.bimArea .leftBox .featureList .item{font-size:14px}}@media (max-width:768px){.bimArea .leftBox .featureList .item{font-size:13px}}@media (max-width:400px){.bimArea .leftBox .featureList .item{font-size:12px;padding:6px}}.bimArea .rightBox{width:100%}@media (max-width:1400px){.bimArea .rightBox{padding-right:20px}}@media (max-width:1180px){.bimArea .rightBox{padding-right:0}}.bimArea .rightBox .titleBox{margin-bottom:0}.bimArea .rightBox .textEditor{margin-top:26px}.bimArea .rightBox .textEditor .subtitle{font-size:18px;margin-bottom:7px}.bimArea .rightBox .btnBox{margin-top:50px}@media (max-width:1000px){.catalogArea{padding-top:40px}}@media (max-width:840px){.catalogArea{padding-bottom:40px}}.catalogArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0;max-width:100%}@media (max-width:1000px){.catalogArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:40px}}@media (max-width:840px){.catalogArea .wrap{padding-left:30px;padding-right:30px}}@media (max-width:400px){.catalogArea .wrap{padding-left:20px;padding-right:20px}}.catalogArea .leftBox{width:100%;max-width:34.1%;-ms-flex-negative:0;flex-shrink:0;padding-left:9.3%;padding-right:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.catalogArea .leftBox .textEditor .titleBox{margin-bottom:0}.catalogArea .leftBox .controlBox{margin-top:124px}.catalogArea .leftBox .btnBox{margin-top:60px}@media (max-width:1900px){.catalogArea .leftBox{padding:0 5%}}@media (max-width:1400px){.catalogArea .leftBox{padding:0 40px;max-width:32%}.catalogArea .leftBox .controlBox{margin-top:60px}.catalogArea .leftBox .btnBox{margin-top:40px}}@media (max-width:1000px){.catalogArea .leftBox{max-width:800px;padding:0 30px}}@media (max-width:840px){.catalogArea .leftBox{padding:0}.catalogArea .leftBox .controlBox{margin-top:40px}.catalogArea .leftBox .btnBox{margin-top:20px}}.catalogArea .rightBox{width:100%;max-width:65.9%}@media (max-width:1400px){.catalogArea .rightBox{max-width:68%}}@media (max-width:1000px){.catalogArea .rightBox{max-width:100%}}.catalogArea .catalogList{position:relative}.catalogArea .catalogList:not(.slick-slider){display:-webkit-box;display:-ms-flexbox;display:flex}.catalogArea .catalogList:not(.slick-slider) .catalogItem{width:50%;-ms-flex-negative:0;flex-shrink:0}.catalogArea .catalogList .catalogItem{padding:0}.catalogArea .catalogList .item{position:relative;overflow:hidden}.catalogArea .catalogList .item:after{content:"+";position:absolute;pointer-events:none;width:60px;height:60px;background-color:#f6dd00;right:0;bottom:-1px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#fff;font-size:34px;-webkit-transform:translateX(100%);transform:translateX(100%)}@media (min-width:841px){.catalogArea .catalogList .item:hover:after{-webkit-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translateX(0);transform:translateX(0)}.catalogArea .catalogList .item:hover .Img:after{height:100%;bottom:0;top:auto}.catalogArea .catalogList .item:hover .Img img{-webkit-transform:scale(1.03);transform:scale(1.03)}.catalogArea .catalogList .item:hover .Txt{opacity:1;-webkit-transition-delay:0.4s;transition-delay:0.4s}.catalogArea .catalogList .item:hover .Txt .info,.catalogArea .catalogList .item:hover .Txt .subtitle,.catalogArea .catalogList .item:hover .Txt .title{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.catalogArea .catalogList .item:hover .Txt .title{-webkit-transition-delay:0.3s;transition-delay:0.3s}.catalogArea .catalogList .item:hover .Txt .title:after{width:30px;-webkit-transition-delay:0.6s;transition-delay:0.6s}.catalogArea .catalogList .item:hover .Txt .subtitle{-webkit-transition-delay:0.5s;transition-delay:0.5s}.catalogArea .catalogList .item:hover .Txt .info{-webkit-transition-delay:0.7s;transition-delay:0.7s}}@media (max-width:1600px){.catalogArea .catalogList .item:after{width:50px;height:50px;font-size:30px}}.catalogArea .catalogList .Img{width:100%;height:calc(50dvh - 49.5px)}.catalogArea .catalogList .Img img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}@media (max-height:645px),(min-height:1100px){.catalogArea .catalogList .Img{height:unset}}@media (max-width:1180px){.catalogArea .catalogList .Img{height:calc(50dvh - 39.5px)}}@media (max-width:840px){.catalogArea .catalogList .Img{height:unset}}.catalogArea .catalogList .Txt{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#fff;padding:28px 58px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media (min-width:841px){.catalogArea .catalogList .Txt{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;opacity:0}}@media (max-width:1400px){.catalogArea .catalogList .Txt{padding:28px 58px 28px 28px}}@media (max-width:840px){.catalogArea .catalogList .Txt{padding:30px;background-color:#141c75}}@media (max-width:540px){.catalogArea .catalogList .Txt{padding:20px}}@media (min-width:841px){.catalogArea .catalogList .info,.catalogArea .catalogList .subtitle,.catalogArea .catalogList .title{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 0.55s ease-in-out;transition:all 0.55s ease-in-out}}.catalogArea .catalogList .title{position:relative;font-size:24px;line-height:1.3;letter-spacing:0.96px;padding-bottom:21px;margin-bottom:14px}.catalogArea .catalogList .title:after{content:"";position:absolute;pointer-events:none;width:0;height:3px;background-color:#f6dd00;bottom:0;left:0}@media (max-width:1600px){.catalogArea .catalogList .title{font-size:22px}}@media (max-width:1400px){.catalogArea .catalogList .title{font-size:20px}}@media (max-width:840px){.catalogArea .catalogList .title:after{width:30px}}.catalogArea .catalogList .subtitle{font-size:18px;line-height:1.7111111111;letter-spacing:0.72px;margin-bottom:39px}@media (max-width:1600px){.catalogArea .catalogList .subtitle{font-size:16px;margin-bottom:28px}}@media (max-width:1400px){.catalogArea .catalogList .subtitle{margin-bottom:18px;font-size:15px}}.catalogArea .catalogList .info{font-size:18px;line-height:1.8;letter-spacing:0.72px}.catalogArea .catalogList .info span{opacity:0.7}@media (min-width:841px){.catalogArea .catalogList .info{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width:1600px){.catalogArea .catalogList .info{font-size:16px}}@media (max-width:1400px){.catalogArea .catalogList .info{font-size:15px}}.esgArea{background:url("../images/icon/esg_bg.jpg") center center/cover no-repeat;padding:54px 0}.esgArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:1600px;min-height:712px}@media (max-width:1400px){.esgArea .wrap{min-height:650px}}@media (max-width:1180px){.esgArea .wrap{min-height:auto;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:60px}}@media (max-width:840px){.esgArea .wrap{max-width:450px}}.esgArea .leftBox{width:100%;max-width:calc(100% - 414px)}@media (max-width:1600px){.esgArea .leftBox{max-width:calc(100% - 350px)}}@media (max-width:1400px){.esgArea .leftBox{max-width:calc(100% - 280px)}}@media (max-width:1180px){.esgArea .leftBox{max-width:100%}}.esgArea .leftBox .esgList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}@media (max-width:840px){.esgArea .leftBox .esgList{-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:30px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.esgArea .leftBox .esgList .esgItem{position:relative;height:auto;aspect-ratio:1/1;width:33.3333333333%;color:#fff;background-color:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.4);padding:30px}.esgArea .leftBox .esgList .esgItem:after{content:"";position:absolute;pointer-events:none;left:0;top:0;z-index:-1;height:0;width:100%;background-color:rgba(20,28,117,0.9);z-index:1;-webkit-transition:all 0.6s cubic-bezier(0.78,0,0.22,1);transition:all 0.6s cubic-bezier(0.78,0,0.22,1)}@media (min-width:1181px){.esgArea .leftBox .esgList .esgItem:hover{-webkit-box-shadow:0 0 20px rgba(255,255,255,0.6);box-shadow:0 0 20px rgba(255,255,255,0.6)}.esgArea .leftBox .esgList .esgItem:hover:after{height:100%;bottom:0;top:auto}.esgArea .leftBox .esgList .esgItem:hover .subtitle{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition-delay:0.3s;transition-delay:0.3s}.esgArea .leftBox .esgList .esgItem:hover .letter:after{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition-delay:0.2s;transition-delay:0.2s}}@media (max-width:1600px){.esgArea .leftBox .esgList .esgItem{padding:20px}}@media (max-width:1400px){.esgArea .leftBox .esgList .esgItem{padding:14px}}@media (max-width:840px){.esgArea .leftBox .esgList .esgItem{width:calc(50% - 20px)}}.esgArea .leftBox .esgList .title{z-index:2;position:relative;font-size:24px;line-height:1.3;letter-spacing:0.96px;padding-bottom:21px;margin-bottom:14px}.esgArea .leftBox .esgList .title:after{content:"";position:absolute;pointer-events:none;width:30px;height:3px;background-color:#f6dd00;bottom:0;left:0}@media (max-width:1400px){.esgArea .leftBox .esgList .title{font-size:22px}}.esgArea .leftBox .esgList .subtitle{position:relative;z-index:2;opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out;font-size:18px;line-height:1.3333333333;letter-spacing:0.72px}@media (max-width:1400px){.esgArea .leftBox .esgList .subtitle{font-size:16px}}@media (max-width:1180px){.esgArea .leftBox .esgList .subtitle{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}.esgArea .leftBox .esgList .letter{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;font-size:180px;line-height:1;font-weight:bold;pointer-events:none}.esgArea .leftBox .esgList .letter:after,.esgArea .leftBox .esgList .letter:before{content:attr(data-letter);position:absolute;bottom:26px;right:20px;z-index:2;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.esgArea .leftBox .esgList .letter:before{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.3)}.esgArea .leftBox .esgList .letter:after{color:rgba(255,255,255,0.3);opacity:0;-webkit-transform:translate(-8px,-8px);transform:translate(-8px,-8px)}@media (max-width:1600px){.esgArea .leftBox .esgList .letter{font-size:140px}.esgArea .leftBox .esgList .letter:after,.esgArea .leftBox .esgList .letter:before{bottom:20px}}@media (max-width:1400px){.esgArea .leftBox .esgList .letter{font-size:130px}.esgArea .leftBox .esgList .letter:after,.esgArea .leftBox .esgList .letter:before{right:14px;bottom:14px}}.esgArea .leftBox .controlBox{margin-top:30px}@media (min-width:841px){.esgArea .leftBox .controlBox{display:none}}.esgArea .rightBox{width:100%;max-width:414px;padding-left:56px}@media (max-width:1600px){.esgArea .rightBox{max-width:350px;padding-left:40px}}@media (max-width:1400px){.esgArea .rightBox{max-width:280px;padding-left:30px}}@media (max-width:1180px){.esgArea .rightBox{max-width:500px;padding-left:0;margin-right:auto}}@media (max-width:840px){.esgArea .rightBox{margin:0 auto;max-width:100%}}.esgArea .rightBox .titleBox{margin-bottom:28px}.esgArea .rightBox .textEditor .titleBox{margin:0}.esgArea .rightBox .btnBox{margin-top:30px}