@charset "UTF-8";.aboutArea .controlBox .dotsList li span,.esgArea .rightBox .controlBox .arrowBox .arrow,.linkArea .linkItem:before,.linkArea .linkItem:nth-child(odd):after,.newsArea .Txt .title,.newsArea .newsInfoBox .classTitle,.newsArea .newsInfoBox .dateBox .date,.popWin .close,.popWin .close:after,.popWin .close:before,.smartCityArea .smartCityItem .item,.smartCityArea .smartCityItem .title{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.popWin{position:fixed;left:0;top:0;z-index:500;width:100%;height:100vh;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:#ffffff;-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:#0072BA;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:#ffffff}.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:#0072BA}.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(100vh - 150px);max-height:calc(100dvh - 150px)}}.mainArea{padding:0}.btnBox .btn{padding:13px 20px}.bannerArea .bannerBox{position:relative}.bannerArea .bannerList{position:relative;z-index:1}.bannerArea .bannerList.slick-dotted{margin-bottom:0}.bannerArea .bannerItem .Txt{max-width:1420px;padding:105px 20px 145px}@media (max-width:768px){.bannerArea .bannerItem .Txt{padding:90px 20px 145px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media (max-width:480px){.bannerArea .bannerItem .Txt{padding:70px 20px 145px}}.bannerArea .bannerItem .Txt .textBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:580px}.bannerArea .bannerItem .Txt .subtitle{color:#ffffff;display:block;font-size:22px;font-weight:500;font-family:"Roboto",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;margin-bottom:25px;opacity:0}@media (max-width:1180px){.bannerArea .bannerItem .Txt .subtitle{font-size:20px;margin-bottom:20px}}@media (max-width:768px){.bannerArea .bannerItem .Txt .subtitle{font-size:16px}}.bannerArea .bannerItem .Txt .title{color:#ffffff;font-size:58px;font-weight:500;line-height:1.46;letter-spacing:2.9px;text-shadow:0px 0px 21px rgba(23,24,35,0.19);opacity:0}@media (max-width:1180px){.bannerArea .bannerItem .Txt .title{font-size:45px;letter-spacing:2.25px}}@media (max-width:768px){.bannerArea .bannerItem .Txt .title{font-size:40px;letter-spacing:2px}}@media (max-width:480px){.bannerArea .bannerItem .Txt .title{font-size:35px;letter-spacing:1.75px}}.bannerArea .bannerItem .Txt .text{display:block;color:#ffffff;font-size:18px;line-height:1.77;letter-spacing:0.9px;margin-top:30px;text-shadow:0px 0px 21px rgba(23,24,35,0.19);opacity:0}@media (max-width:1180px){.bannerArea .bannerItem .Txt .text{margin-top:20px}}@media (max-width:768px){.bannerArea .bannerItem .Txt .text{font-size:16px;letter-spacing:0.8px}}.bannerArea .bannerItem .Txt .btnBox{opacity:0}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{width:80px;height:80px;border:1px solid #ffffff;border-radius:50%;cursor:pointer;position:absolute;bottom:150px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.19);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.19)}@media (max-width:1440px){.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{bottom:100px}}@media (max-width:1180px){.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{bottom:50px;width:70px;height:70px}}@media (max-width:768px){.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{bottom:30px}}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn:before{content:"";width:0;height:0;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent #ffffff;display:block;position:absolute;inset:0;-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center;z-index:1}.bannerArea .bannerItem .Img img{height:915px;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.bannerArea .bannerItem .Img img{height:auto;-o-object-fit:contain;object-fit:contain}}@media (max-width:480px){.bannerArea .bannerItem .Img img{height:600px;-o-object-fit:cover;object-fit:cover}}.bannerArea .bannerProgress{position:absolute;right:14.1733%;bottom:150px;z-index:10;width:78px;height:78px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1440px){.bannerArea .bannerProgress{right:50px;bottom:100px}}@media (max-width:1180px){.bannerArea .bannerProgress{bottom:50px;width:64px;height:64px}}@media (max-width:768px){.bannerArea .bannerProgress{right:20px;bottom:32px}}.bannerArea .bannerProgress:after{content:"";position:absolute;inset:4px;border-radius:50%;background-color:rgba(0,0,0,0.2);-webkit-filter:drop-shadow(0 0 6.3px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28));filter:drop-shadow(0 0 6.3px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28))}.bannerArea .bannerProgress .progressRing{position:absolute;top:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:2;width:100%;height:100%}.bannerArea .bannerProgress .progressRingBg{fill:none;stroke:#ffffff;stroke-width:1}.bannerArea .bannerProgress .progressRingFill{fill:none;stroke:#ffffff;stroke-width:5;stroke-dasharray:213.63;stroke-dashoffset:213.63}@media (max-width:768px){.bannerArea .bannerProgress .progressRingFill{stroke-width:3}}.bannerArea .bannerProgress .progressNum{color:#ffffff;font-size:18px;font-weight:500;letter-spacing:0.95px;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;position:relative;z-index:1;line-height:1}@media (max-width:768px){.bannerArea .bannerProgress .progressNum{font-size:16px;letter-spacing:0.8px}}.bannerArea .slick-current .Txt .subtitle{-webkit-animation:slideUpAnimation 0.8s ease-in-out forwards;animation:slideUpAnimation 0.8s ease-in-out forwards}.bannerArea .slick-current .Txt .title{-webkit-animation:slideUpAnimation 0.8s 0.4s ease-in-out forwards;animation:slideUpAnimation 0.8s 0.4s ease-in-out forwards}.bannerArea .slick-current .Txt .text{-webkit-animation:slideUpAnimation 0.8s 0.8s ease-in-out forwards;animation:slideUpAnimation 0.8s 0.8s ease-in-out forwards}.bannerArea .slick-current .Txt .btnBox{-webkit-animation:slideUpAnimation 0.8s 1.2s ease-in-out forwards;animation:slideUpAnimation 0.8s 1.2s ease-in-out forwards}.aboutArea{padding:130px 0;position:relative;overflow:hidden}@media (max-width:768px){.aboutArea{padding:60px 0}}.aboutArea:after{content:"";position:absolute;top:0;bottom:0;left:-1px;width:100vw;pointer-events:none;z-index:-1;background-image:-webkit-gradient(linear,left top,left bottom,from(#ECECEC),to(#ECECEC)),-webkit-gradient(linear,left top,left bottom,from(#ECECEC),to(#ECECEC)),-webkit-gradient(linear,left top,left bottom,from(#ECECEC),to(#ECECEC));background-image:linear-gradient(#ECECEC,#ECECEC),linear-gradient(#ECECEC,#ECECEC),linear-gradient(#ECECEC,#ECECEC);background-size:1px 100%,1px 100%,1px 100%;background-position:24.6226% 0,50.026% 0,75.3774% 0;background-repeat:no-repeat}@media (max-width:768px){.aboutArea:after{background-position:14.97% 0,82.42% 0,82.42% 0}}@media (max-width:640px){.aboutArea:after{display:none}}.aboutArea .aboutBox{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1440px){.aboutArea .aboutBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:641px){.aboutArea .titleBox{text-align:left}}@media (max-width:640px){.aboutArea .titleBox{margin-bottom:20px}}.aboutArea .titleBox .title{letter-spacing:0}.aboutArea .leftBox{width:380px}@media (max-width:1440px){.aboutArea .leftBox{width:100%}}@media (max-width:640px){.aboutArea .leftBox .listBox{text-align:center}}.aboutArea .leftBox .listBox .Txt{position:relative;padding-top:38px}@media (max-width:640px){.aboutArea .leftBox .listBox .Txt{padding-top:0}}.aboutArea .leftBox .listBox .number{position:absolute;right:-9px;top:0;color:#e7f2f9;font-size:135px;font-weight:500;line-height:1;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;z-index:-1}@media (max-width:640px){.aboutArea .leftBox .listBox .number{position:relative;left:0;right:0;margin:0 auto;font-size:60px;text-align:center;padding-bottom:10px}}.aboutArea .leftBox .listBox .subTitle{color:#0072BA;font-size:20px;font-weight:500;line-height:1.5;margin-bottom:14px}.aboutArea .leftBox .listBox .subTitle:before{content:"";display:inline-block;width:18px;height:3px;vertical-align:5px;background-color:#0072BA;margin-right:12px}.aboutArea .leftBox .listBox .title{color:#111111;font-size:20px;font-weight:500;line-height:1.5}.aboutArea .leftBox .listBox .text{color:#333333;font-size:16px;font-weight:600;line-height:1.875;margin-top:10px}@media (min-width:641px){.aboutArea .leftBox .listBox .btnBox.flex{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.aboutArea .controlBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:25px}@media (max-width:640px){.aboutArea .controlBox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:15px}}.aboutArea .controlBox .pageInfo{font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif}.aboutArea .controlBox .pageInfo .num{color:#555555;font-size:16px;font-weight:500;line-height:1}.aboutArea .controlBox .pageInfo .slash{display:inline-block;width:14px;height:1px;vertical-align:5px;margin:0 8px;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);background-color:#c9c9c9}.aboutArea .controlBox .appendDots{-ms-flex-item-align:end;align-self:flex-end;margin-left:20px}.aboutArea .controlBox .dotsList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.aboutArea .controlBox .dotsList li{width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.aboutArea .controlBox .dotsList li span{display:block;width:5px;height:5px;border-radius:50%;background-color:#969696}.aboutArea .controlBox .dotsList li.current span{background-color:#0072BA}.aboutArea .rightBox{width:calc(100% - 380px)}@media (min-width:641px){.aboutArea .rightBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start}}@media (max-width:1536px){.aboutArea .rightBox{margin-left:50px}}@media (max-width:1440px){.aboutArea .rightBox{width:100%;margin-left:0}}@media (max-width:640px){.aboutArea .rightBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:10px}}.aboutArea .rightBox .ImgBox{width:calc(100% - 360px);margin-top:-38px}@media (max-width:1536px){.aboutArea .rightBox .ImgBox{width:calc(100% - 300px)}}@media (max-width:1440px){.aboutArea .rightBox .ImgBox{width:50%;margin-top:30px}}@media (max-width:992px){.aboutArea .rightBox .ImgBox{width:60%}}@media (max-width:640px){.aboutArea .rightBox .ImgBox{max-width:80%;margin:0 auto;width:100%}}@media (max-width:480px){.aboutArea .rightBox .ImgBox{max-width:90%}}.aboutArea .rightBox .ImgList{max-width:550px;margin:0 13px 0 auto}.aboutArea .rightBox .ImgList .ImgItem{padding:45px}@media (max-width:480px){.aboutArea .rightBox .ImgList .ImgItem{padding:30px 20px}}.aboutArea .rightBox .ImgList .Img{position:relative}.aboutArea .rightBox .ImgList .Img:after{content:"";position:absolute;inset:0;margin:auto;background-color:#9cc7e2;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0s;transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s,-webkit-transform 0s}.aboutArea .rightBox .ImgList .slick-current .Img:after{-webkit-transform:rotate(7.5deg);transform:rotate(7.5deg);-webkit-transition:-webkit-transform 0.3s ease-out 0.6s;transition:-webkit-transform 0.3s ease-out 0.6s;transition:transform 0.3s ease-out 0.6s;transition:transform 0.3s ease-out 0.6s,-webkit-transform 0.3s ease-out 0.6s}.aboutArea .rightBox .ImgList img{width:100%;position:relative;z-index:2}.aboutArea .rightBox .listBox{width:360px}@media (min-width:641px){.aboutArea .rightBox .listBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width:1536px){.aboutArea .rightBox .listBox{width:300px;padding-left:30px}}@media (max-width:1440px){.aboutArea .rightBox .listBox{width:50%}}@media (max-width:992px){.aboutArea .rightBox .listBox{width:40%;padding-left:20px}}@media (max-width:640px){.aboutArea .rightBox .listBox{width:100%;padding-left:0;margin-top:40px}}@media (min-width:641px){.aboutArea .rightBox .slick-track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.aboutArea .rightBox .digitalList{max-width:235px;margin:0 auto}@media (max-width:1536px){.aboutArea .rightBox .digitalList{max-width:100%}}@media (max-width:640px){.aboutArea .rightBox .digitalItem{text-align:center}}.aboutArea .rightBox .digitalItem:not(:last-child){padding-bottom:60px}@media (max-width:768px){.aboutArea .rightBox .digitalItem:not(:last-child){padding-bottom:40px}}@media (max-width:640px){.aboutArea .rightBox .digitalItem:not(:last-child){padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ECECEC}}.aboutArea .rightBox .title{color:#333333;font-size:20px;line-height:1.5;font-weight:600}@media (max-width:768px){.aboutArea .rightBox .title{font-size:18px}}.aboutArea .rightBox .numberBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:14px}@media (max-width:640px){.aboutArea .rightBox .numberBox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}}.aboutArea .rightBox .numberBox:has(.upperMark) .unit{-webkit-transform:translate(2px,12px);transform:translate(2px,12px)}.aboutArea .rightBox .numberBox .number{color:#0067a8;font-size:60px;line-height:1;font-weight:500;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif}@media (max-width:992px){.aboutArea .rightBox .numberBox .number{font-size:50px}}@media (max-width:768px){.aboutArea .rightBox .numberBox .number{font-size:40px}}.aboutArea .rightBox .numberBox .number span{font-size:50px;padding-left:3px;vertical-align:3px}@media (max-width:992px){.aboutArea .rightBox .numberBox .number span{font-size:40px}}@media (max-width:768px){.aboutArea .rightBox .numberBox .number span{font-size:30px}}.aboutArea .rightBox .numberBox .upperMark{color:#0067a8;font-size:30px;font-weight:500;line-height:1;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;margin-top:-45px;margin-left:3px;margin-right:-6px}@media (max-width:992px){.aboutArea .rightBox .numberBox .upperMark{font-size:25px}}@media (max-width:768px){.aboutArea .rightBox .numberBox .upperMark{font-size:20px}}.aboutArea .rightBox .numberBox .unit{color:#333333;font-size:20px;font-weight:500;line-height:1.5;letter-spacing:1px;-webkit-transform:translate(2px,9px);transform:translate(2px,9px)}@media (max-width:768px){.aboutArea .rightBox .numberBox .unit{font-size:18px;letter-spacing:0.9px}}.aboutArea .rightBox .text{color:#9f9f9f;font-size:16px;font-weight:500;line-height:1.875;margin-top:3px}.smartCityArea{padding:100px 0 105px;position:relative;overflow:hidden}@media (max-width:768px){.smartCityArea{padding:60px 0}}.smartCityArea:before{content:"";position:absolute;inset:0;background-color:#e4ecf1;z-index:-2}.smartCityArea .gridBg{position:absolute;inset:-1px;width:100vw;z-index:-1;pointer-events:none}.smartCityArea .gridBg .block{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ffffff;border-top:1px solid #ffffff}.smartCityArea .gridBg .b1{top:0;left:0;width:24.6226%;height:6.696%}@media (max-width:768px){.smartCityArea .gridBg .b1{top:0;left:0;width:14.97%;height:10%}}.smartCityArea .gridBg .b2{top:6.696%;left:0;width:11.7127%;height:15.0661%}@media (max-width:768px){.smartCityArea .gridBg .b2{top:10%;left:0;width:29.95%;height:20%}}.smartCityArea .gridBg .b3{top:21.7621%;left:0;width:11.7127%;height:31.9824%}@media (max-width:768px){.smartCityArea .gridBg .b3{top:30%;left:0;width:29.95%;height:20%}}.smartCityArea .gridBg .b4{top:53.7445%;left:0;width:11.7127%;height:21.674%}@media (max-width:768px){.smartCityArea .gridBg .b4{top:50%;left:0;width:29.95%;height:8%}}.smartCityArea .gridBg .b5{top:75.4185%;left:0;width:11.7127%;height:8.8106%}@media (max-width:768px){.smartCityArea .gridBg .b5{top:58%;left:0;width:14.97%;height:30%}}.smartCityArea .gridBg .b6{top:84.2291%;left:0;width:11.7127%;height:15.7709%}@media (max-width:768px){.smartCityArea .gridBg .b6{top:88%;left:0;width:14.97%;height:12%}}.smartCityArea .gridBg .b7{top:6.696%;left:11.7127%;width:12.9099%;height:15.0661%}@media (max-width:768px){.smartCityArea .gridBg .b7{top:0;left:14.97%;width:67.45%;height:10%}}.smartCityArea .gridBg .b8{top:21.7621%;left:11.7127%;width:12.9099%;height:53.6564%}@media (max-width:768px){.smartCityArea .gridBg .b8{top:10%;left:29.95%;width:52.47%;height:20%}}.smartCityArea .gridBg .b9{top:75.4185%;left:11.7127%;width:12.9099%;height:8.8106%}@media (max-width:768px){.smartCityArea .gridBg .b9{top:30%;left:29.95%;width:52.47%;height:20%}}.smartCityArea .gridBg .b10{top:84.2291%;left:11.7127%;width:12.9099%;height:15.7709%}@media (max-width:768px){.smartCityArea .gridBg .b10{top:50%;left:29.95%;width:52.47%;height:8%}}.smartCityArea .gridBg .b11{top:0;left:24.6226%;width:25.4034%;height:94.5374%}@media (max-width:768px){.smartCityArea .gridBg .b11{top:58%;left:14.97%;width:67.45%;height:37%}}.smartCityArea .gridBg .b12{top:94.5374%;left:24.6226%;width:25.4034%;height:5.4626%}@media (max-width:768px){.smartCityArea .gridBg .b12{top:95%;left:14.97%;width:67.45%;height:5%}}.smartCityArea .gridBg .b13{top:0;left:50.026%;width:25.3514%;height:70.4846%}@media (max-width:768px){.smartCityArea .gridBg .b13{top:0;left:82.42%;width:17.58%;height:14%}}.smartCityArea .gridBg .b14{top:70.4846%;left:50.026%;width:25.3514%;height:12.3348%}@media (max-width:768px){.smartCityArea .gridBg .b14{top:14%;left:82.42%;width:17.58%;height:8%}}.smartCityArea .gridBg .b15{top:82.8194%;left:50.026%;width:25.3514%;height:17.1806%}@media (max-width:768px){.smartCityArea .gridBg .b15{top:22%;left:82.42%;width:17.58%;height:53%}}.smartCityArea .gridBg .b16{top:0;left:75.3774%;width:12.2332%;height:14.8899%}@media (max-width:768px){.smartCityArea .gridBg .b16{top:75%;left:82.42%;width:17.58%;height:20%}}.smartCityArea .gridBg .b17{top:14.8899%;left:75.3774%;width:12.2332%;height:4.0529%}@media (max-width:768px){.smartCityArea .gridBg .b17{top:95%;left:82.42%;width:17.58%;height:5%}}.smartCityArea .gridBg .b18{top:18.9427%;left:75.3774%;width:12.2332%;height:35.6828%}@media (max-width:768px){.smartCityArea .gridBg .b18{display:none}}.smartCityArea .gridBg .b19{top:54.6256%;left:75.3774%;width:12.2332%;height:41.3216%}@media (max-width:768px){.smartCityArea .gridBg .b19{display:none}}.smartCityArea .gridBg .b20{top:95.9471%;left:75.3774%;width:12.2332%;height:4.0529%}@media (max-width:768px){.smartCityArea .gridBg .b20{display:none}}.smartCityArea .gridBg .b21{top:0;left:87.6106%;width:12.3894%;height:14.8899%}@media (max-width:768px){.smartCityArea .gridBg .b21{display:none}}.smartCityArea .gridBg .b22{top:14.8899%;left:87.6106%;width:12.3894%;height:4.0529%}@media (max-width:768px){.smartCityArea .gridBg .b22{display:none}}.smartCityArea .gridBg .b23{top:18.9427%;left:87.6106%;width:12.3894%;height:23.9648%}@media (max-width:768px){.smartCityArea .gridBg .b23{display:none}}.smartCityArea .gridBg .b24{top:42.9075%;left:87.6106%;width:12.3894%;height:11.7181%}@media (max-width:768px){.smartCityArea .gridBg .b24{display:none}}.smartCityArea .gridBg .b25{top:54.6256%;left:87.6106%;width:12.3894%;height:29.6916%}@media (max-width:768px){.smartCityArea .gridBg .b25{display:none}}.smartCityArea .gridBg .b26{top:84.3172%;left:87.6106%;width:12.3894%;height:15.6828%}@media (max-width:768px){.smartCityArea .gridBg .b26{display:none}}.smartCityArea .wrap{position:relative;z-index:1}.smartCityArea .titleBox{max-width:620px;margin-left:auto;margin-right:auto;margin-bottom:40px}.smartCityArea .titleBox .text{max-width:570px;margin:0 auto;letter-spacing:0.8px}.smartCityArea .smartCityBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1350px;margin:0 auto}@media (max-width:1180px){.smartCityArea .smartCityBox{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.smartCityArea .smartCityList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:180px;margin-top:-30px}@media (max-width:1180px){.smartCityArea .smartCityList{margin-top:0}}@media (max-width:460px){.smartCityArea .smartCityList{width:calc(50% - 10px)}}@media (max-width:375px){.smartCityArea .smartCityList{width:100%}}.smartCityArea .smartCityList .smartCityItem:not(:last-child){padding-bottom:40px}@media (max-width:1180px){.smartCityArea .smartCityList .smartCityItem:not(:last-child){padding-bottom:20px}}.smartCityArea .smartCityList.leftList{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (min-width:1181px){.smartCityArea .smartCityList.leftList .smartCityItem:first-child,.smartCityArea .smartCityList.leftList .smartCityItem:nth-child(5){-webkit-transform:translateX(140px);transform:translateX(140px)}.smartCityArea .smartCityList.leftList .smartCityItem:nth-child(2),.smartCityArea .smartCityList.leftList .smartCityItem:nth-child(4){-webkit-transform:translateX(70px);transform:translateX(70px)}}@media (max-width:1180px){.smartCityArea .smartCityList.leftList{margin-right:10px}}@media (max-width:460px){.smartCityArea .smartCityList.leftList{margin-right:5px}}@media (max-width:375px){.smartCityArea .smartCityList.leftList{margin-right:0;margin-bottom:20px}}.smartCityArea .smartCityList.rightList{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}@media (min-width:1181px){.smartCityArea .smartCityList.rightList .smartCityItem:first-child,.smartCityArea .smartCityList.rightList .smartCityItem:nth-child(5){-webkit-transform:translateX(-140px);transform:translateX(-140px)}.smartCityArea .smartCityList.rightList .smartCityItem:nth-child(2),.smartCityArea .smartCityList.rightList .smartCityItem:nth-child(4){-webkit-transform:translateX(-70px);transform:translateX(-70px)}}@media (max-width:1180px){.smartCityArea .smartCityList.rightList{margin-left:10px}}@media (max-width:460px){.smartCityArea .smartCityList.rightList{margin-left:5px}}@media (max-width:375px){.smartCityArea .smartCityList.rightList{margin-left:0}}.smartCityArea .smartCityItem .item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#ffffff;border:1px solid #1e7dba;border-radius:5px;padding:10px 15px;cursor:pointer}@media (min-width:1181px){.smartCityArea .smartCityItem .item:hover{background-color:#0072BA}.smartCityArea .smartCityItem .item:hover .title{color:#ffffff}}.smartCityArea .smartCityItem .linkWrap{position:absolute;inset:0;margin:auto;z-index:2}.smartCityArea .smartCityItem .Txt{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:10px}.smartCityArea .smartCityItem .title{color:#1e7dba;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0.8px}.smartCityArea .smartCityItem .icon{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background-color:#E7F2F9}.smartCityArea .smartCityItem .icon svg{color:#0072BA;width:10px;height:10px}.smartCityArea .smartCityImgBox{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:740px;margin:0 50px}@media (max-width:1536px){.smartCityArea .smartCityImgBox{max-width:48%}}@media (max-width:1180px){.smartCityArea .smartCityImgBox{max-width:100%;width:100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:0;-ms-flex:none;flex:none;margin:0 auto 40px}}.smartCityArea .smartCityImgBox .Img{text-align:center}@media (max-width:1180px){.smartCityArea .smartCityImgBox .Img{max-width:550px;width:100%;margin:0 auto}}.smartCityArea .smartCityImgBox .Img img{width:100%}.smartCityArea .btnBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:50px}@-webkit-keyframes blockBgAnim-b2{0%,to{background-color:transparent}50%{background-color:rgba(191,212,226,0.5)}}@keyframes blockBgAnim-b2{0%,to{background-color:transparent}50%{background-color:rgba(191,212,226,0.5)}}@-webkit-keyframes blockBgAnim-b5{0%,to{background-color:transparent}50%{background-color:#d0e3ef}}@keyframes blockBgAnim-b5{0%,to{background-color:transparent}50%{background-color:#d0e3ef}}@-webkit-keyframes blockBgAnim-b14{0%,to{background-color:transparent}50%{background-color:#dbe7ef}}@keyframes blockBgAnim-b14{0%,to{background-color:transparent}50%{background-color:#dbe7ef}}@-webkit-keyframes blockBgAnim-b24{0%,to{background-color:transparent}50%{background-color:rgba(188,218,237,0.5)}}@keyframes blockBgAnim-b24{0%,to{background-color:transparent}50%{background-color:rgba(188,218,237,0.5)}}.smartCityArea.show .gridBg .b2{-webkit-animation:blockBgAnim-b2 5.2s ease-in-out 0.8s infinite backwards;animation:blockBgAnim-b2 5.2s ease-in-out 0.8s infinite backwards}.smartCityArea.show .gridBg .b5{-webkit-animation:blockBgAnim-b5 4.8s ease-in-out 2.3s infinite backwards;animation:blockBgAnim-b5 4.8s ease-in-out 2.3s infinite backwards}.smartCityArea.show .gridBg .b9{-webkit-animation:blockBgAnim-b5 5.5s ease-in-out 0.5s infinite backwards;animation:blockBgAnim-b5 5.5s ease-in-out 0.5s infinite backwards}.smartCityArea.show .gridBg .b14{-webkit-animation:blockBgAnim-b14 4.3s ease-in-out 1.9s infinite backwards;animation:blockBgAnim-b14 4.3s ease-in-out 1.9s infinite backwards}.smartCityArea.show .gridBg .b16{-webkit-animation:blockBgAnim-b14 5.7s ease-in-out 0.3s infinite backwards;animation:blockBgAnim-b14 5.7s ease-in-out 0.3s infinite backwards}.smartCityArea.show .gridBg .b17{-webkit-animation:blockBgAnim-b14 3.9s ease-in-out 2.7s infinite backwards;animation:blockBgAnim-b14 3.9s ease-in-out 2.7s infinite backwards}.smartCityArea.show .gridBg .b20{-webkit-animation:blockBgAnim-b14 5.1s ease-in-out 1.1s infinite backwards;animation:blockBgAnim-b14 5.1s ease-in-out 1.1s infinite backwards}.smartCityArea.show .gridBg .b24{-webkit-animation:blockBgAnim-b24 4.6s ease-in-out 1.5s infinite backwards;animation:blockBgAnim-b24 4.6s ease-in-out 1.5s infinite backwards}.newsArea{padding:90px 0 95px}@media (max-width:1180px){.newsArea{padding:70px 0 60px}}@media (max-width:768px){.newsArea{padding:60px 0 50px}}.newsArea .unClick{pointer-events:none}.newsArea .newsBox{-webkit-transition:all 0.4s;transition:all 0.4s;padding-bottom:20px}.newsArea .newsBox.hide{pointer-events:none;opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all 0.2s;transition:all 0.2s}.newsArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1180px){.newsArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.newsArea .titleBox{margin-bottom:20px}.newsArea .leftBox{width:315px;border-right:1px solid #dcdcdc;padding-right:30px;padding-top:93px;z-index:1}@media (max-width:1440px){.newsArea .leftBox{width:300px;padding-right:20px;padding-top:0}}@media (max-width:1180px){.newsArea .leftBox{width:100%;padding-right:0;border-right:0}.newsArea .leftBox>.btnBox{display:none}}.newsArea .rightBox{width:calc(100% - 315px);padding-left:113px;padding-top:8px;padding-bottom:5px}@media (max-width:1440px){.newsArea .rightBox{width:calc(100% - 300px);padding-left:80px}}@media (max-width:1180px){.newsArea .rightBox{width:100%;padding-left:0;padding-top:0}.newsArea .rightBox>.btnBox{display:block}}.newsArea .rightBox>.btnBox{display:none}.newsArea .rightBox .btnBox{width:133px;-ms-flex-negative:0;flex-shrink:0}@media (max-width:640px){.newsArea .rightBox .btnBox{width:auto;margin-top:25px}}.newsArea .rightBox .btnBox .btnMore{min-width:auto;padding:0}.newsArea .rightBox .btnBox .btnMore .icon{width:36px;height:36px}@media (max-width:640px){.newsArea .rightBox .btnBox .btnMore .icon{width:20px;height:20px}}@media (min-width:1181px){.newsArea .titleBox{text-align:left}}@media (max-width:1180px){.newsArea .classCustom{margin-bottom:10px}}.newsArea .newsBox{position:relative}.newsArea .newsItem:not(:last-child){border-bottom:1px solid #dcdcdc}@media (min-width:1181px){.newsArea .newsItem:hover .newsInfoBox .classTitle{background-color:#004571}.newsArea .newsItem:hover .newsInfoBox .dateBox .date{color:#004571}.newsArea .newsItem:hover .Txt .title{color:#004571}.newsArea .newsItem:hover .btnBox .btnMore{color:#004571}.newsArea .newsItem:hover .btnBox .btnMore .icon{background-color:#004571}}.newsArea .item{position:relative;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px 0 30px 7px}@media (max-width:1180px){.newsArea .item{padding-left:0}}@media (max-width:640px){.newsArea .item{-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}}.newsArea .Txt{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:20px}@media (max-width:640px){.newsArea .Txt{padding-right:0}}.newsArea .Txt:not(:has(.classTitle)) .dateBox{padding-left:0}.newsArea .Txt .title{display:block;color:#111111;font-size:19px;font-weight:500;line-height:1.5}@media (max-width:768px){.newsArea .Txt .title{font-size:18px}}@media (max-width:640px){.newsArea .Txt .title{font-size:17px}}.newsArea .newsInfoBox{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:10px}.newsArea .newsInfoBox .dateBox{padding-left:12px;padding-top:3px}.newsArea .newsInfoBox .dateBox .date{color:#111111;font-size:16px;font-weight:500;line-height:1.5;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif}.newsArea .newsInfoBox .dateBox .slash{display:inline-block}.newsArea .newsInfoBox .dateBox .slash:before{content:"";width:1px;height:14px;display:block;-webkit-transform:rotate(30deg);transform:rotate(30deg);background-color:#C9C9C9;margin:0 4px}.newsArea .newsInfoBox .classTitle{color:#ffffff;font-size:16px;font-weight:400;line-height:1.5;padding:3px 18px;background-color:#0072BA}.newsArea .linkWrap{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:2}.esgArea{position:relative;overflow:hidden}.esgArea .gridBg{position:absolute;top:-1px;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;z-index:1;pointer-events:none}.esgArea .gridBg .block{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ECECEC;border-top:1px solid #ECECEC}@media (max-width:992px){.esgArea .gridBg .block{border-left:1px solid rgba(236,236,236,0.3);border-top:1px solid rgba(236,236,236,0.3)}}.esgArea .gridBg .b1{top:0;left:0;width:10.0469%;height:10.2314%}@media (max-width:1536px){.esgArea .gridBg .b1{width:7%}}@media (max-width:1180px){.esgArea .gridBg .b1{width:5%}}@media (max-width:992px){.esgArea .gridBg .b1{top:0;left:0;width:26.83%;height:7.19%}}@media (max-width:414px){.esgArea .gridBg .b1{height:5%}}.esgArea .gridBg .b2{top:10.2314%;left:0;width:10.0469%;height:73.5689%}@media (max-width:1536px){.esgArea .gridBg .b2{width:7%}}@media (max-width:1180px){.esgArea .gridBg .b2{width:5%}}@media (max-width:992px){.esgArea .gridBg .b2{top:7.19%;left:0;width:26.83%;height:32.5%}}@media (max-width:414px){.esgArea .gridBg .b2{top:5%;height:40%}}.esgArea .gridBg .b3{top:83.8002%;left:0;width:2.7069%;height:9.257%;background-color:rgba(28,38,28,0.3)}@media (max-width:1536px){.esgArea .gridBg .b3{width:1.9%}}@media (max-width:1180px){.esgArea .gridBg .b3{width:1.35%}}@media (max-width:992px){.esgArea .gridBg .b3{top:39.68%;left:0;width:94.2%;height:48.8%}}@media (max-width:414px){.esgArea .gridBg .b3{top:45%;height:47%}}.esgArea .gridBg .b4{top:93.0572%;left:0;width:2.7069%;height:6.9428%}@media (max-width:1536px){.esgArea .gridBg .b4{width:1.9%}}@media (max-width:1180px){.esgArea .gridBg .b4{width:1.35%}}@media (max-width:992px){.esgArea .gridBg .b4{top:88.48%;left:0;width:23.27%;height:7.53%}}@media (max-width:414px){.esgArea .gridBg .b4{top:92%;height:8%}}.esgArea .gridBg .b5{top:83.8002%;left:2.7069%;width:7.3399%;height:9.257%;background-color:rgba(13,47,19,0.2)}@media (max-width:1536px){.esgArea .gridBg .b5{left:1.9%;width:5.1%}}@media (max-width:1180px){.esgArea .gridBg .b5{left:1.35%;width:3.65%}}@media (max-width:992px){.esgArea .gridBg .b5{top:96.01%;left:0;width:73.58%;height:3.88%;background-color:rgba(13,47,19,0.5)}}@media (max-width:414px){.esgArea .gridBg .b5{top:96%;height:4%}}.esgArea .gridBg .b6{top:93.0572%;left:2.7069%;width:7.3399%;height:6.9428%}@media (max-width:1536px){.esgArea .gridBg .b6{left:1.9%;width:5.1%}}@media (max-width:1180px){.esgArea .gridBg .b6{left:1.35%;width:3.65%}}@media (max-width:992px){.esgArea .gridBg .b6{top:0;left:26.83%;width:59.33%;height:3.54%}}@media (max-width:414px){.esgArea .gridBg .b6{height:5%}}.esgArea .gridBg .b7{top:0;left:10.0469%;width:48.5164%;height:10.2314%}@media (max-width:1536px){.esgArea .gridBg .b7{left:7%;width:36%}}@media (max-width:1180px){.esgArea .gridBg .b7{left:5%;width:35%}}@media (max-width:992px){.esgArea .gridBg .b7{top:3.54%;left:26.83%;width:59.33%;height:28.85%}}@media (max-width:414px){.esgArea .gridBg .b7{top:5%;height:33%}}.esgArea .gridBg .b8{top:10.2314%;left:10.0469%;width:48.5164%;height:73.5689%}@media (max-width:1536px){.esgArea .gridBg .b8{left:7%;width:36%}}@media (max-width:1180px){.esgArea .gridBg .b8{left:5%;width:35%}}@media (max-width:992px){.esgArea .gridBg .b8{top:32.38%;left:26.83%;width:59.33%;height:7.19%}}@media (max-width:414px){.esgArea .gridBg .b8{top:38%;height:7%}}.esgArea .gridBg .b9{top:83.8002%;left:10.0469%;width:48.5164%;height:16.1998%}@media (max-width:1536px){.esgArea .gridBg .b9{left:7%;width:36%}}@media (max-width:1180px){.esgArea .gridBg .b9{left:5%;width:35%}}@media (max-width:992px){.esgArea .gridBg .b9{top:88.48%;left:23.27%;width:50.1%;height:7.53%}}@media (max-width:414px){.esgArea .gridBg .b9{top:92%;height:8%}}.esgArea .gridBg .b10{top:0;left:58.5632%;width:33.1598%;height:10.2314%}@media (max-width:1536px){.esgArea .gridBg .b10{left:43%;width:50%}}@media (max-width:1180px){.esgArea .gridBg .b10{left:40%;width:54%}}@media (max-width:992px){.esgArea .gridBg .b10{top:0;left:86.16%;width:13.84%;height:3.54%}}@media (max-width:414px){.esgArea .gridBg .b10{height:5%}}.esgArea .gridBg .b11{top:10.2314%;left:58.5632%;width:33.1598%;height:73.5689%;background-color:rgba(28,38,28,0.3)}@media (max-width:1536px){.esgArea .gridBg .b11{left:43%;width:50%}}@media (max-width:1180px){.esgArea .gridBg .b11{left:40%;width:54%}}@media (max-width:992px){.esgArea .gridBg .b11{display:none}}.esgArea .gridBg .b12{top:83.8002%;left:58.5632%;width:33.1598%;height:16.1998%}@media (max-width:1536px){.esgArea .gridBg .b12{left:43%;width:50%}}@media (max-width:1180px){.esgArea .gridBg .b12{left:40%;width:54%}}@media (max-width:992px){.esgArea .gridBg .b12{top:3.54%;left:86.16%;width:14.05%;height:36.15%}}@media (max-width:414px){.esgArea .gridBg .b12{top:5%;height:40%}}.esgArea .gridBg .b13{top:0;left:91.7231%;width:8.277%;height:10.2314%}@media (max-width:1536px){.esgArea .gridBg .b13{left:93%;width:7%}}@media (max-width:1180px){.esgArea .gridBg .b13{left:94%;width:6%}}@media (max-width:992px){.esgArea .gridBg .b13{top:88.48%;left:73.38%;width:20.75%;height:11.52%}}@media (max-width:414px){.esgArea .gridBg .b13{top:92%;height:8%}}.esgArea .gridBg .b14{top:10.2314%;left:91.7231%;width:8.277%;height:73.5689%}@media (max-width:1536px){.esgArea .gridBg .b14{left:93%;width:7%}}@media (max-width:1180px){.esgArea .gridBg .b14{left:94%;width:6%}}@media (max-width:992px){.esgArea .gridBg .b14{top:39.68%;left:94.13%;width:5.87%;height:48.8%}}@media (max-width:414px){.esgArea .gridBg .b14{top:45%;height:47%}}.esgArea .gridBg .b15{top:83.8002%;left:91.7231%;width:8.277%;height:12.9111%}@media (max-width:1536px){.esgArea .gridBg .b15{left:93%;width:7%}}@media (max-width:1180px){.esgArea .gridBg .b15{left:94%;width:6%}}@media (max-width:992px){.esgArea .gridBg .b15{top:88.48%;left:94.13%;width:5.87%;height:11.52%}}@media (max-width:414px){.esgArea .gridBg .b15{top:92%;height:8%}}.esgArea .gridBg .b16{top:96.7114%;left:91.7231%;width:8.277%;height:3.2886%;background-color:rgba(32,94,29,0.5)}@media (max-width:1536px){.esgArea .gridBg .b16{left:93%;width:7%}}@media (max-width:1180px){.esgArea .gridBg .b16{left:94%;width:6%}}@media (max-width:992px){.esgArea .gridBg .b16{display:none}}.esgArea .wrap{position:relative;z-index:2;max-width:none;padding:0}.esgArea .esgBox{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;inset:0;z-index:2}@media (max-width:992px){.esgArea .esgBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.esgArea .leftBox{width:58.5632%;padding:215px 60px 285px 13.8%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1536px){.esgArea .leftBox{width:43%;padding:160px 40px 200px 10%}}@media (max-width:1180px){.esgArea .leftBox{width:40%;padding:100px 30px 120px 8%}}@media (max-width:992px){.esgArea .leftBox{width:100%;padding:50px 25px 45px 8%}}.esgArea .leftBox .titleBox{text-align:left;margin-bottom:10px}.esgArea .leftBox .titleBox .decoTitle,.esgArea .leftBox .titleBox .text,.esgArea .leftBox .titleBox .title{color:#ffffff}@media (max-width:992px){.esgArea .leftBox .titleBox .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.esgArea .leftBox .titleBox .text{padding-top:22px}@media (max-width:992px){.esgArea .leftBox .titleBox .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.esgArea .rightBox{width:41.4368%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:1536px){.esgArea .rightBox{width:57%}}@media (max-width:1180px){.esgArea .rightBox{width:60%}}@media (max-width:992px){.esgArea .rightBox{width:100%}}.esgArea .rightBox .innerBox{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:80%;padding:10% 8.8% 10% 9.5%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (max-width:1536px){.esgArea .rightBox .innerBox{max-width:85%}}@media (max-width:1180px){.esgArea .rightBox .innerBox{max-width:88%}}@media (max-width:992px){.esgArea .rightBox .innerBox{max-width:100%;padding:40px 60px 80px 25px}}@media (max-width:480px){.esgArea .rightBox .innerBox{padding:40px 50px 80px 10px}}@media (max-width:414px){.esgArea .rightBox .innerBox{padding:70px 50px 80px 10px}}.esgArea .rightBox .listBox{max-width:100%}.esgArea .rightBox .progressBox{position:absolute;right:8.6%;top:145px;width:78px;height:78px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}@media (max-width:1180px){.esgArea .rightBox .progressBox{top:100px}}@media (max-width:992px){.esgArea .rightBox .progressBox{position:relative;right:0;top:auto;margin-right:0;margin-left:auto;width:70px;height:70px}}@media (max-width:480px){.esgArea .rightBox .progressBox{width:64px;height:64px}}.esgArea .rightBox .progressBox:after{content:"";position:absolute;inset:4px;border-radius:50%;background-color:rgba(0,0,0,0.2);-webkit-filter:drop-shadow(0 0 6.3px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28));filter:drop-shadow(0 0 6.3px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28)) drop-shadow(0 0 12.6px rgba(7,178,255,0.28))}.esgArea .rightBox .progressBox .progressRing{position:absolute;top:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:2;width:100%;height:100%}.esgArea .rightBox .progressBox .progressRingBg{fill:none;stroke:#ffffff;stroke-width:1}.esgArea .rightBox .progressBox .progressRingFill{fill:none;stroke:#ffffff;stroke-width:5;stroke-dasharray:213.63;stroke-dashoffset:213.63}.esgArea .rightBox .progressBox .progressNum{color:#ffffff;font-size:18px;font-weight:500;letter-spacing:0.95px;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;position:relative;z-index:1;line-height:1}@media (max-width:992px){.esgArea .rightBox .progressBox .progressNum{font-size:16px;letter-spacing:0.8px}}.esgArea .rightBox .controlBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:40px;padding-left:5.5%;width:100%}@media (max-width:992px){.esgArea .rightBox .controlBox{padding-top:30px;padding-left:25px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.esgArea .rightBox .controlBox .pageInfo{font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif}@media (max-width:992px){.esgArea .rightBox .controlBox .pageInfo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-left:25px}}.esgArea .rightBox .controlBox .pageInfo .num{color:#ffffff;font-size:16px;font-weight:500;line-height:1}.esgArea .rightBox .controlBox .pageInfo .slash{display:inline-block;width:14px;height:1px;vertical-align:5px;margin:0 8px;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);background-color:#c9c9c9}.esgArea .rightBox .controlBox .arrowBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.esgArea .rightBox .controlBox .arrowBox .arrow{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}@media (min-width:1181px){.esgArea .rightBox .controlBox .arrowBox .arrow:hover{background-color:#ffffff}.esgArea .rightBox .controlBox .arrowBox .arrow:hover svg{color:#111111}}.esgArea .rightBox .controlBox .arrowBox .arrow.arrowPrev{margin-right:5px}.esgArea .rightBox .controlBox .arrowBox .arrow.arrowNext{margin-left:5px}.esgArea .esgList{width:100%}.esgArea .esgItem{padding-left:30px}@media (max-width:1180px){.esgArea .esgItem{padding-left:20px}}.esgArea .esgItem .item{position:relative}.esgArea .esgItem .linkWrap{position:absolute;inset:0;z-index:2}.esgArea .esgItem .textBox{max-width:520px}@media (max-width:1180px){.esgArea .esgItem .textBox{max-width:100%}}.esgArea .esgItem .decoTitle{color:rgba(255,255,255,0.2);font-size:54px;font-weight:600;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.25;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;word-break:break-word}@media (max-width:1180px){.esgArea .esgItem .decoTitle{color:rgba(255,255,255,0.4);font-size:38px}}.esgArea .esgItem .decoTitle .brightTxt{color:#ffffff;font-size:80px;font-weight:500;line-height:1;text-shadow:0 0 4px rgba(7,178,255,0.4),0 0 8px rgba(7,178,255,0.35),0 0 16px rgba(7,178,255,0.28),0 0 24px rgba(7,178,255,0.2);margin-right:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media (max-width:1180px){.esgArea .esgItem .decoTitle .brightTxt{font-size:55px}}.esgArea .esgItem .decoTitle .txt{padding-top:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media (max-width:1180px){.esgArea .esgItem .decoTitle .txt{padding-top:10px}}.esgArea .esgItem .title{color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:20px;font-weight:400;line-height:1.5;position:relative}@media (min-width:1181px){.esgArea .esgItem .title{padding-left:5px}}@media (max-width:1180px){.esgArea .esgItem .title{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.esgArea .esgItem .title:before{position:absolute;left:-23px;top:14px;content:"";width:18px;height:3px;background-color:#ffffff}@media (max-width:1180px){.esgArea .esgItem .title:before{left:-18px;top:12px;width:14px}}.esgArea .esgItem .text{color:#ffffff;font-size:16px;line-height:1.875;margin-top:15px}@media (min-width:1181px){.esgArea .esgItem .text{padding-left:5px}}@media (max-width:1180px){.esgArea .esgItem .text{font-size:14px;line-height:1.7;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}}@media (max-width:480px){.esgArea .esgItem .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.esgArea .ImgBox .Img img{height:820px;-o-object-fit:cover;object-fit:cover}@media (max-width:992px){.esgArea .ImgBox .Img img{height:auto;min-height:100vh}}.linkArea{padding:95px 0 100px}@media (max-width:1180px){.linkArea{padding:50px 0}}.linkArea .linkList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.linkArea .linkItem{width:50%;border-bottom:1px solid #dcdcdc;position:relative}@media (max-width:768px){.linkArea .linkItem{width:100%}.linkArea .linkItem:last-child{border-bottom:0}}.linkArea .linkItem:first-child,.linkArea .linkItem:nth-child(2){border-top:1px solid #dcdcdc}@media (max-width:768px){.linkArea .linkItem:first-child,.linkArea .linkItem:nth-child(2){border-top:0}}.linkArea .linkItem:before{position:absolute;inset:0;height:calc(100% + 2px);margin:auto;content:"";background-color:#ffffff;-webkit-box-shadow:0 0 16px 2px rgba(7,178,255,0.28);box-shadow:0 0 16px 2px rgba(7,178,255,0.28);z-index:1;opacity:0}.linkArea .linkItem:nth-child(odd):after{position:absolute;right:0;top:0;bottom:0;margin:auto;content:"";width:1px;height:65.09%;background-color:#dcdcdc}@media (max-width:768px){.linkArea .linkItem:nth-child(odd):after{display:none}}.linkArea .linkItem:nth-child(odd):last-child:after{display:none}.linkArea .linkItem:nth-child(odd):has(+.linkItem:hover):after{opacity:0}@media (min-width:1181px){.linkArea .linkItem:hover:before{opacity:1}.linkArea .linkItem:hover:after{opacity:0}.linkArea .linkItem:hover .btnMore{color:#004571}.linkArea .linkItem:hover .btnMore .icon{background-color:#004571}}.linkArea .item{position:relative;padding:40px 0 43px 35px}@media (max-width:768px){.linkArea .item{padding:10px 0}}.linkArea .linkWrap{position:absolute;inset:0;margin:auto;z-index:3;cursor:pointer}.linkArea .Txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:2}.linkArea .Txt .textBox{-webkit-box-flex:1;-ms-flex:1;flex:1}.linkArea .Txt .decoTitle{color:#0071B9;font-size:15px;font-weight:600;font-family:"Poppins",Arial,Noto Sans TC,Microsoft JhengHei,sans-serif;margin-bottom:6px}@media (max-width:768px){.linkArea .Txt .decoTitle{font-size:14px}}.linkArea .Txt .title{color:#004571;font-size:20px;font-weight:400}@media (max-width:768px){.linkArea .Txt .title{font-size:19px}}.linkArea .Txt .btnBox{min-width:160px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:end;align-self:flex-end}@media (max-width:768px){.linkArea .Txt .btnBox{min-width:auto}}.linkArea .Txt .btnBox .btnMore{-webkit-transform:translate(-13px,-6px);transform:translate(-13px,-6px)}@media (max-width:768px){.linkArea .Txt .btnBox .btnMore{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);padding-right:0}}