.bannerArea .scrollDown span,.newsArea .classBox .classLink a:before,.newsArea .newsList .classTitle .class,.newsArea .newsList .classTitle .title,.newsArea .newsList .moreBtn a:after,.solutionArea .clickListBox .Img,.solutionArea .clickListBox .Img img,.solutionArea .clickListBox .Txt .title{-webkit-transition:all 0.5s;transition:all 0.5s}@-webkit-keyframes bannerScrollAnimation{0%{height:0}50%{height:100%;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes bannerScrollAnimation{0%{height:0}50%{height:100%;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes lineAni{to{height:100%}}@keyframes lineAni{to{height:100%}}@-webkit-keyframes opacityAni{to{opacity:1}}@keyframes opacityAni{to{opacity:1}}@-webkit-keyframes scaleAni{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleAni{to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes wordAni1{0%{background-position-x:0px}to{background-position-x:-1428px}}@keyframes wordAni1{0%{background-position-x:0px}to{background-position-x:-1428px}}@-webkit-keyframes wordAni2{0%{background-position-x:0px}to{background-position-x:-1865px}}@keyframes wordAni2{0%{background-position-x:0px}to{background-position-x:-1865px}}@-webkit-keyframes wordAni3{0%{background-position-x:0px}to{background-position-x:-980px}}@keyframes wordAni3{0%{background-position-x:0px}to{background-position-x:-980px}}@-webkit-keyframes solutionImgAni{0%{rx:438.281px;ry:268.928px}17%{rx:405.745px;ry:257.575px}34%{rx:340.67px;ry:274.465px}51%{rx:308.357px;ry:255.13px}68%{rx:340.67px;ry:274.465px}85%{rx:405.745px;ry:257.575px}to{rx:438.281px;ry:268.928px}}@keyframes solutionImgAni{0%{rx:438.281px;ry:268.928px}17%{rx:405.745px;ry:257.575px}34%{rx:340.67px;ry:274.465px}51%{rx:308.357px;ry:255.13px}68%{rx:340.67px;ry:274.465px}85%{rx:405.745px;ry:257.575px}to{rx:438.281px;ry:268.928px}}.popWin{position:fixed;left:0;top:0;z-index:500;width:100%;height:100vh;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:100vh;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:700px;max-width:90%;max-height:85vh;opacity:0;background-color:#fff;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .popContent{max-height:85vh;overflow-y:auto}.popWin img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.popWin .Txt{padding:30px}.popWin .Txt .popTitle{font-size:25px;margin-bottom:25px}.popWin .close{position:absolute;right:-23px;top:-23px;z-index:1;width:46px;height:46px;background-color:rgba(0,0,0,0.7);border-radius:50%}.popWin .close:after,.popWin .close:before{content:"";position:absolute;left:11px;top:23px;width:25px;height:1px;background-color:#009944}.popWin .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popWin.show{opacity:1;visibility:visible;pointer-events:auto}.popWin.show .inner,.popWin.show .mask{opacity:1}.popWin .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width:1200px){.popWin .close{right:0;top:0;border-radius:0}.popWin .popContent{max-height:calc(100vh - 150px)}}.mainArea{padding:0}.bannerArea .bannerBox{position:relative}.bannerArea .bannerList{position:relative;z-index:1}.bannerArea .bannerList.slick-dotted{margin-bottom:0}.bannerArea .bannerItem .Txt{max-width:1440px;padding:20px 20px 266px;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.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}.bannerArea .bannerItem .Txt .subtitle{display:block;font-size:50px;letter-spacing:2.5px;line-height:1.2;opacity:0;color:#fff}.bannerArea .bannerItem .Txt .title{color:#fff;font-size:48px;font-weight:500;line-height:1.2;letter-spacing:2px;margin-top:6px;opacity:0}.bannerArea .bannerItem .Txt .btn1{margin-top:30px;opacity:0}@media (max-width:1440px){.bannerArea .bannerItem .Txt{padding:20px 20px 85px}}@media (max-width:960px){.bannerArea .bannerItem .Txt{padding:20px}.bannerArea .bannerItem .Txt .subtitle{font-size:16px}.bannerArea .bannerItem .Txt .title{font-size:24px}}.bannerArea .bannerItem .iconBox{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}@media (max-width:1200px){.bannerArea .bannerItem .iconBox{display:none}}.bannerArea .bannerItem .iconBox .iconItem{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:auto}.bannerArea .bannerItem .iconBox .iconImg{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;width:43px;height:43px;-webkit-transform:scale(0);transform:scale(0);background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:linear-gradient(to bottom,#fff 0%,#fff 100%),linear-gradient(to bottom,#fff 0%,#fff 100%),linear-gradient(to bottom,#fff 0%,#fff 100%),linear-gradient(to bottom,#fff 0%,#fff 100%),linear-gradient(to bottom,#fff 0%,#fff 100%),linear-gradient(to bottom,#fff 0%,#fff 100%),linear-gradient(to bottom,#fff 0%,#fff 100%),linear-gradient(to bottom,#fff 0%,#fff 100%);background-size:8px 1px,1px 8px;background-position:0 0,0 0,0 100%,0 100%,100% 0,100% 0,100% 100%,100% 100%}.bannerArea .bannerItem .iconBox .iconTxt{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-weight:700;letter-spacing:0.5px;margin-left:12px;opacity:0;color:#fff}.bannerArea .bannerItem .iconBox .iconLine{position:absolute;bottom:calc(-100% - 3px);left:21px;width:1px;height:0;text-indent:-9999px;background-color:#fff}.bannerArea .bannerItem .iconBox .iconCircle{position:absolute;left:4.5px;width:33px;height:33px;-webkit-transform:scale(0);transform:scale(0);border-radius:50%;text-indent:-9999px;border:1px solid rgba(255,255,255,0.7)}.bannerArea .bannerItem .iconBox .iconCircle:after,.bannerArea .bannerItem .iconBox .iconCircle:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}.bannerArea .bannerItem .iconBox .iconCircle:before{z-index:1;width:48.4848484848%;height:48.4848484848%;background-color:rgba(255,255,255,0.5)}.bannerArea .bannerItem .iconBox .iconCircle:after{z-index:2;width:24.2424242424%;height:24.2424242424%;background-color:#fff}.bannerArea .bannerItem1 .iconItem1{top:64.7%;left:36.5%}.bannerArea .bannerItem1 .iconItem1 .iconLine{max-height:43px}.bannerArea .bannerItem1 .iconItem1 .iconCircle{top:calc(100% + 33px)}.bannerArea .bannerItem1 .iconItem2{top:62%;left:47.9%}.bannerArea .bannerItem1 .iconItem2 .iconLine{max-height:43px}.bannerArea .bannerItem1 .iconItem2 .iconCircle{top:calc(100% + 33px)}.bannerArea .bannerItem1 .iconItem3{top:26.8%;left:60.2%}.bannerArea .bannerItem1 .iconItem3 .iconLine{max-height:43px}.bannerArea .bannerItem1 .iconItem3 .iconCircle{top:calc(100% + 33px)}.bannerArea .bannerItem1 .iconItem4{top:49.2%;left:68.5%}.bannerArea .bannerItem1 .iconItem4 .iconLine{max-height:43px}.bannerArea .bannerItem1 .iconItem4 .iconCircle{top:calc(100% + 33px)}.bannerArea .bannerItem1 .iconItem5{top:37.2%;left:88.3%}.bannerArea .bannerItem1 .iconItem5 .iconLine{max-height:43px}.bannerArea .bannerItem1 .iconItem5 .iconCircle{top:calc(100% + 33px)}@media (max-width:1600px){.bannerArea .bannerItem1 .iconItem1{top:61.7%}.bannerArea .bannerItem1 .iconItem2{top:59%}.bannerArea .bannerItem1 .iconItem3{top:23.8%}.bannerArea .bannerItem1 .iconItem4{top:46.2%}.bannerArea .bannerItem1 .iconItem5{top:34.2%}}@media (max-width:1400px){.bannerArea .bannerItem1 .iconItem1{top:59.7%}.bannerArea .bannerItem1 .iconItem2{top:57%}.bannerArea .bannerItem1 .iconItem3{top:21.8%}.bannerArea .bannerItem1 .iconItem4{top:44.2%}.bannerArea .bannerItem1 .iconItem5{top:32.2%}}.bannerArea .bannerItem2 .iconItem1{top:63.4%;left:33.1%}.bannerArea .bannerItem2 .iconItem1 .iconLine{max-height:43px}.bannerArea .bannerItem2 .iconItem1 .iconCircle{top:calc(100% + 33px)}.bannerArea .bannerItem2 .iconItem2{top:64.7%;left:43.2%}.bannerArea .bannerItem2 .iconItem2 .iconLine{max-height:43px}.bannerArea .bannerItem2 .iconItem2 .iconCircle{top:calc(100% + 33px)}.bannerArea .bannerItem2 .iconItem3{top:17.7%;left:48.6%}.bannerArea .bannerItem2 .iconItem3 .iconLine{max-height:40px}.bannerArea .bannerItem2 .iconItem3 .iconCircle{top:calc(100% + 30px)}.bannerArea .bannerItem2 .iconItem4{top:11.8%;left:75.5%}.bannerArea .bannerItem2 .iconItem4 .iconLine{max-height:43px}.bannerArea .bannerItem2 .iconItem4 .iconCircle{top:calc(100% + 33px)}.bannerArea .bannerItem2 .iconItem5{top:62.2%;left:84.25%}.bannerArea .bannerItem2 .iconItem5 .iconLine{max-height:43px}.bannerArea .bannerItem2 .iconItem5 .iconCircle{top:calc(100% + 33px)}@media (max-width:1600px){.bannerArea .bannerItem2 .iconItem1{top:59.4%}.bannerArea .bannerItem2 .iconItem2{top:60.7%}.bannerArea .bannerItem2 .iconItem3{top:13.7%}.bannerArea .bannerItem2 .iconItem4{top:9.8%}.bannerArea .bannerItem2 .iconItem5{top:60.2%}}@media (max-width:1400px){.bannerArea .bannerItem2 .iconItem1{top:57.4%}.bannerArea .bannerItem2 .iconItem2{top:58.7%}.bannerArea .bannerItem2 .iconItem3{top:11.7%}.bannerArea .bannerItem2 .iconItem4{top:6.8%}.bannerArea .bannerItem2 .iconItem5{top:58.2%}}.bannerArea .slick-current .Txt .title{-webkit-animation:textSlideUpAnimation 0.8s 0.4s ease-in-out forwards;animation:textSlideUpAnimation 0.8s 0.4s ease-in-out forwards}.bannerArea .slick-current .Txt .subtitle{-webkit-animation:textSlideUpAnimation 0.8s ease-in-out forwards;animation:textSlideUpAnimation 0.8s ease-in-out forwards}.bannerArea .slick-current .Txt .btn1{-webkit-animation:textSlideUpAnimation 0.8s 0.8s ease-in-out forwards;animation:textSlideUpAnimation 0.8s 0.8s ease-in-out forwards}.bannerArea .slick-current .iconItem .iconImg{-webkit-animation:scaleAni 0.5s 1.1s linear forwards;animation:scaleAni 0.5s 1.1s linear forwards}.bannerArea .slick-current .iconItem .iconTxt{-webkit-animation:opacityAni 0.5s 1.1s linear forwards;animation:opacityAni 0.5s 1.1s linear forwards}.bannerArea .slick-current .iconItem .iconLine{-webkit-animation:lineAni 0.5s 0.5s linear forwards;animation:lineAni 0.5s 0.5s linear forwards}.bannerArea .slick-current .iconItem .iconCircle{-webkit-animation:scaleAni 0.5s linear forwards;animation:scaleAni 0.5s linear forwards}.bannerArea .scrollDown{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:27px;right:477px;z-index:2}.bannerArea .scrollDown span{display:block}.bannerArea .scrollDown span.text{font-size:14px;font-weight:500;letter-spacing:1px;color:#333}.bannerArea .scrollDown span.icon{-webkit-filter:brightness(0);filter:brightness(0);width:10px;height:16px;margin-left:11px;background:url(../images/icon/arrowBottom2.png)}@media (min-width:1201px){.bannerArea .scrollDown:hover span.text{color:#009944}.bannerArea .scrollDown:hover span.icon{-webkit-filter:brightness(1);filter:brightness(1)}}@media (max-width:1200px){.bannerArea .scrollDown{display:none}}.bannerArea .slick-dots{top:initial;bottom:0;right:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:647px;height:68px;border-top-left-radius:40px;padding:20px 54px 20px 48px;background-color:#fff}.aboutArea{position:relative;overflow:hidden;z-index:1;padding:98px 0 21px}@media (max-width:1200px){.aboutArea{padding:43px 25px}}.aboutArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;max-width:100%;margin:0 auto;padding-left:0;padding-right:0}.aboutArea .Img{width:47.9166666667%;height:580px}.aboutArea .Img img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:0 40px 40px 0}@media (max-width:1200px){.aboutArea .Img{height:500px}}@media (max-width:960px){.aboutArea .Img{width:100%;height:auto}}.aboutArea .Txt{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:119px 80px 83px 103px}@media (max-width:1600px){.aboutArea .Txt{padding:60px 50px 50px 70px}}@media (max-width:1200px){.aboutArea .Txt{padding:60px 0 0 50px}}@media (max-width:960px){.aboutArea .Txt{padding:48px 0 0}}.aboutArea .titleBox{margin-bottom:25px}@media (max-width:960px){.aboutArea .titleBox{margin-bottom:15px}}.aboutArea .text{margin-bottom:35px}.aboutArea .text .title{word-break:break-all;max-width:510px;font-size:20px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:1.2px;line-height:1.65;color:#333}.aboutArea .text .description{max-width:460px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:0.9px;line-height:1.75;margin-top:11px;color:#666}@media (max-width:1200px){.aboutArea .text{margin-bottom:25px}.aboutArea .text .title{font-size:16px}}@media (max-width:960px){.aboutArea .text .title{max-width:100%}.aboutArea .text .description{max-width:100%}}.aboutArea .decorateBox{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.aboutArea .decorateBox .decorate{position:absolute}.aboutArea .decorateBox .decorate.grid{top:-1%;left:8%;z-index:2;width:70.3%}.aboutArea .decorateBox .decorate.circuitBoard{top:0;left:45%;z-index:3;width:27%}.aboutArea .decorateBox .decorate.word{top:40%;right:0;z-index:1;width:1428px;height:110px;background:url(../images/home/about/word.png?v=240117) repeat-x top/contain;-webkit-animation:wordAni1 30s linear infinite;animation:wordAni1 30s linear infinite}@media (max-width:1600px){.aboutArea .decorateBox .decorate.grid{left:28%}.aboutArea .decorateBox .decorate.circuitBoard{left:57.3%}}@media (max-width:1200px){.aboutArea .decorateBox .decorate.grid{left:initial;right:0}.aboutArea .decorateBox .decorate.circuitBoard{left:initial;right:15%}}@media (max-width:960px){.aboutArea .decorateBox .decorate.grid{top:-25%;left:initial;right:-27%;width:55%}.aboutArea .decorateBox .decorate.circuitBoard{display:none}.aboutArea .decorateBox .decorate.word{top:14%;right:-25px;width:960px;height:73px}}@media (max-width:640px){.aboutArea .decorateBox .decorate.grid{top:-20%;width:80%}}@media (max-width:480px){.aboutArea .decorateBox .decorate.grid{top:-15%;width:106.32%}.aboutArea .decorateBox .decorate.word{top:10%}}.aboutArea .decorateBox img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.valuesArea{position:relative;pointer-events:none;overflow:hidden;z-index:2;padding:91px 0;margin-top:-91px}.valuesArea:before{content:"";position:absolute;pointer-events:none;top:0;right:52.0833333333%;width:745px;height:70px;border-top-left-radius:40px;background-color:#fff}@media (max-width:1440px){.valuesArea{margin-top:-60px}.valuesArea:before{display:none}}@media (max-width:1200px){.valuesArea{padding:0 0 52px;margin-top:0}}.valuesArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;pointer-events:auto}.valuesArea .textBox{width:316px;padding:30px 60px 0 0}@media (max-width:1200px){.valuesArea .textBox{width:100%;padding:20px 0 30px}}.valuesArea .titleBox{margin-bottom:21px}.valuesArea .titleBox .title{font-size:40px}.valuesArea .description{line-height:1.7;letter-spacing:0.8px;color:#666}.valuesArea .listBox{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width:960px){.valuesArea .listBox{width:100%}}@media (min-width:961px){.valuesArea .valuesList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 -45px}}@media (max-width:960px){.valuesArea .valuesList{padding:0 30px}}@media (max-width:768px){.valuesArea .valuesList{padding:0 20px}}@media (max-width:640px){.valuesArea .valuesList{padding:0 80px}}@media (max-width:480px){.valuesArea .valuesList{padding:0 30px}}@media (max-width:375px){.valuesArea .valuesList{padding:0 10px}}.valuesArea .valuesList .valuesItem{position:relative;width:33.3333333333%;padding:0 45px}.valuesArea .valuesList .valuesItem:last-child .decorate{display:none}@media (max-width:960px){.valuesArea .valuesList .valuesItem{width:100%;padding:0 30px}}@media (max-width:640px){.valuesArea .valuesList .valuesItem{padding:0 20px}}.valuesArea .valuesList .decorate{position:absolute;top:50%;right:-13px;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:26px;height:3px;background-color:#454545}.valuesArea .valuesList .decorate:before{content:"";position:absolute;pointer-events:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);width:100%;height:100%;background-color:#454545}@media (max-width:960px){.valuesArea .valuesList .decorate{display:none}}.valuesArea .valuesList .item{border-radius:50%;padding:73px 66px 50px;border:1px solid rgba(189,211,199,0.7);background-color:#fafcfb}@media (max-width:1400px){.valuesArea .valuesList .item{padding:50px 50px 40px}}@media (max-width:1280px){.valuesArea .valuesList .item{padding:40px 40px 30px}}.valuesArea .valuesList .Img{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;max-width:166px;height:79.41%;margin:0 auto;background:url(../images/home/values/imgBg.png) no-repeat center/contain}.valuesArea .valuesList .Img img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;max-width:80px}.valuesArea .valuesList .Txt{margin-top:10px}.valuesArea .valuesList .Txt .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:20px;font-weight:500;letter-spacing:0.5px;color:#009944}@media (max-width:640px){.valuesArea .valuesList .Txt .title{font-size:16px}}.valuesArea .arrowBox{width:100%}@media (min-width:961px){.valuesArea .arrowBox{display:none}}.valuesArea .decorateBox{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.valuesArea .decorateBox .decorate{position:absolute}.valuesArea .decorateBox .decorate.grid{top:47%;left:14.4%;z-index:2;width:33.59375%}.valuesArea .decorateBox .decorate.word{top:40%;right:0;z-index:1;width:100%;height:110px;background:url(../images/home/values/word.png?v=240117) repeat-x top/contain;-webkit-animation:wordAni2 30s linear infinite;animation:wordAni2 30s linear infinite}@media (max-width:1600px){.valuesArea .decorateBox .decorate.word{width:1865px}}@media (max-width:1200px){.valuesArea .decorateBox .decorate.grid{top:27%;left:initial;right:-10%}.valuesArea .decorateBox .decorate.word{width:1244px;height:73px}}@media (max-width:960px){.valuesArea .decorateBox .decorate.grid{width:50%}}@media (max-width:640px){.valuesArea .decorateBox .decorate.grid{width:70%}.valuesArea .decorateBox .decorate.word{top:50%}}@media (max-width:480px){.valuesArea .decorateBox .decorate.grid{top:40%;width:80%}}.valuesArea .decorateBox img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.solutionArea{position:relative;background:url(../images/bg.jpg);padding:150px 0 215px}@media (max-width:1200px){.solutionArea{padding:50px 0 56px}}.solutionArea .wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;z-index:2;max-width:1478px;padding-left:39px}@media (max-width:1200px){.solutionArea .wrap{padding-left:25px}}.solutionArea .titleBox{position:absolute;top:-6px;left:39px;z-index:1;width:370px;padding-bottom:27px;border-bottom:1px solid #d4e5dc}.solutionArea .titleBox .decorate{position:relative;width:34px;height:16px;border-radius:50%;margin-top:26px;border:1px solid #62c38d}.solutionArea .titleBox .decorate:after{content:"";position:absolute;pointer-events:none;top:0;left:65%;z-index:1;width:34px;height:16px;border-radius:50%;background-color:#28ae64}.solutionArea .titleBox .description{font-size:16px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:0.9px;line-height:1.75;margin-top:25px;color:#333}@media (max-width:1440px){.solutionArea .titleBox{width:280px}}@media (max-width:1200px){.solutionArea .titleBox{position:relative;top:0;left:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;margin-bottom:65px}.solutionArea .titleBox .decorate{margin-top:17px}}@media (max-width:640px){.solutionArea .titleBox{margin-bottom:40px}}.solutionArea .carouselTxtListBox{width:280px;padding-top:282px}@media (max-width:1200px){.solutionArea .carouselTxtListBox{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;padding-top:50px}}.solutionArea .carouselTxtListBox .solutionTxtList:not(.slick-slider){position:relative}.solutionArea .carouselTxtListBox .solutionTxtList:not(.slick-slider)>div{position:relative;z-index:2}.solutionArea .carouselTxtListBox .solutionTxtList:not(.slick-slider)>div:not(:first-child){position:absolute;z-index:1;top:0;left:0;opacity:0}.solutionArea .carouselTxtListBox .solutionTxtItem{pointer-events:none}.solutionArea .carouselTxtListBox .solutionTxtItem.slick-current{pointer-events:auto}.solutionArea .carouselTxtListBox .Txt{position:relative;z-index:1}.solutionArea .carouselTxtListBox .subtitle{display:block;font-size:18px;font-weight:500;letter-spacing:0.7px;color:#009944}.solutionArea .carouselTxtListBox .title{position:relative;font-size:26px;font-weight:500;letter-spacing:1.5px;margin-bottom:19px;color:#333}.solutionArea .carouselTxtListBox .title:before{content:attr(data-number);position:absolute;top:100%;left:0;z-index:-1;font-size:170px;font-weight:700;letter-spacing:0.5px;line-height:1;color:#fff}.solutionArea .carouselTxtListBox .text{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:0.9px;line-height:1.75;margin-bottom:28px;color:#666}.solutionArea .carouselTxtListBox .btn1{padding:8px 0}.solutionArea .carouselImgListBox{position:relative;width:calc(100% - 280px - 290px)}@media (max-width:1200px){.solutionArea .carouselImgListBox{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-width:660px;width:100%;padding:0 20px;margin:0 auto}}.solutionArea .carouselImgListBox .solutionImgList:not(.slick-slider){position:relative}.solutionArea .carouselImgListBox .solutionImgList:not(.slick-slider)>div{position:relative;z-index:2}.solutionArea .carouselImgListBox .solutionImgList:not(.slick-slider)>div:not(:first-child){position:absolute;z-index:1;top:0;left:0;opacity:0}.solutionArea .carouselImgListBox .item{position:relative}.solutionArea .carouselImgListBox .listImg{max-width:720px;padding-top:35px;margin:0 auto}.solutionArea .carouselImgListBox .listImg #imgAni ellipse{-webkit-animation:solutionImgAni 5s linear infinite;animation:solutionImgAni 5s linear infinite}@media (max-width:1200px){.solutionArea .carouselImgListBox .listImg{padding-top:0}}.solutionArea .carouselImgListBox .iconImg{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;position:absolute;top:34%;left:6%;z-index:1;width:146px;height:146px;border-radius:50%;background-color:#dff0e3;border:1px solid #009944}.solutionArea .carouselImgListBox .iconImg img{max-width:75px}@media (max-width:1200px){.solutionArea .carouselImgListBox .iconImg{width:84px;height:84px}.solutionArea .carouselImgListBox .iconImg img{width:35px}}@media (max-width:640px){.solutionArea .carouselImgListBox .iconImg{top:25%}}@media (max-width:414px){.solutionArea .carouselImgListBox .iconImg{top:10%}}.solutionArea .carouselImgListBox img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.solutionArea .carouselImgListBox .arrowBox{width:100%}@media (min-width:1201px){.solutionArea .carouselImgListBox .arrowBox{display:none}}.solutionArea .clickListBox{width:290px}@media (max-width:1200px){.solutionArea .clickListBox{display:none}}.solutionArea .clickListBox .solutionClickList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:-15.5px -10px}.solutionArea .clickListBox .solutionClickItem{width:50%;padding:15.5px 10px}.solutionArea .clickListBox .solutionClickItem:nth-child(2n){-webkit-transform:translateY(69px);transform:translateY(69px)}.solutionArea .clickListBox .item{position:relative}@media (min-width:1201px){.solutionArea .clickListBox .item:hover .Img{border-color:#009944}.solutionArea .clickListBox .item:hover .Img img{-webkit-filter:grayscale(0);filter:grayscale(0)}.solutionArea .clickListBox .item:hover .Txt .title{color:#009944}}.solutionArea .clickListBox .link{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.solutionArea .clickListBox .Img{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;width:80px;height:80px;border-radius:50%;margin:0 auto;border:1px solid #bdd3c7;background-color:#fff}.solutionArea .clickListBox .Img img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-filter:grayscale(10);filter:grayscale(10);max-width:50px}.solutionArea .clickListBox .Txt{margin-top:10px}.solutionArea .clickListBox .Txt .title{text-align:center;font-weight:400;letter-spacing:0.5px;color:#666}.solutionArea canvas{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.newsArea{position:relative;z-index:1;padding:25px 136px 62px}.newsArea:before{content:"";position:absolute;pointer-events:none;top:-67px;right:136px;z-index:-1;width:calc(100% - 136px);height:66.1%;border-top-right-radius:40px;background:url(../images/home/news/bg.jpg) no-repeat}@media (max-width:1600px){.newsArea{padding:25px 86px 62px}.newsArea:before{right:86px;width:calc(100% - 86px)}}@media (max-width:1366px){.newsArea{padding:25px 46px 62px}.newsArea:before{right:46px;width:calc(100% - 46px)}}@media (max-width:1200px){.newsArea{padding:68px 0 62px 25px}.newsArea:before{top:0;right:0;width:100%;height:78%;border-radius:0}}.newsArea .wrap{max-width:1785px;padding:0}.newsArea .topBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 325px 0 125px}.newsArea .topBox .btn1{position:absolute;bottom:16px;right:125px;z-index:1;width:200px}@media (max-width:1600px){.newsArea .topBox{padding:0 275px 0 75px}.newsArea .topBox .btn1{right:75px}}@media (max-width:1366px){.newsArea .topBox{padding:0 235px 0 35px}.newsArea .topBox .btn1{right:35px}}@media (max-width:1200px){.newsArea .topBox{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.newsArea .topBox .btn1{display:none}}.newsArea .titleBox{padding-right:30px;margin-bottom:4px}.newsArea .titleBox .title{color:#fff}@media (max-width:1200px){.newsArea .titleBox{width:100%;padding-right:0;margin-bottom:30px}}@media (max-width:1200px){.newsArea .classBox{width:100%;padding-top:24px}}.newsArea .classBox .classLink{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:1200px){.newsArea .classBox .classLink{margin-left:-23px}}.newsArea .classBox .classLink li{padding:9px 23px}.newsArea .classBox .classLink a{position:relative;display:block;font-size:18px;font-weight:500;padding-bottom:20px;color:#fff}.newsArea .classBox .classLink a:before{content:"";position:absolute;pointer-events:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:2px;background-color:#fff}.newsArea .classBox .classLink a.current:before{width:100%}@media (min-width:1201px){.newsArea .classBox .classLink a:hover:before{width:100%}}@media (max-width:1200px){.newsArea .classBox .classLink a{font-size:16px;padding-bottom:12px}}.newsArea .newsBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;z-index:1;border-top-left-radius:40px;padding:40px 125px 0;margin-top:86px;background-color:#fff}@media (max-width:1600px){.newsArea .newsBox{padding:40px 75px 0}}@media (max-width:1366px){.newsArea .newsBox{padding:40px 35px 0}}@media (max-width:1200px){.newsArea .newsBox{display:block;border-top-left-radius:0;border-top-right-radius:40px;padding:40px 25px 0 30px;margin-top:40px}}.newsArea .newsList .item{position:relative}@media (min-width:1201px){.newsArea .newsList .item:hover .classTitle .class{color:#009944!important}.newsArea .newsList .item:hover h3.title a{color:#009944}}.newsArea .newsList .link{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.newsArea .newsList .classTitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:13px}.newsArea .newsList .classTitle .title{position:relative;text-transform:uppercase;font-size:13px;letter-spacing:1px;padding-right:68px;margin-right:15px;color:#666}.newsArea .newsList .classTitle .title:after{content:"";position:absolute;pointer-events:none;top:calc(50% - 0.5px);right:0;width:50px;height:1px;background-color:#dbdbdb}.newsArea .newsList .classTitle .class{letter-spacing:0.5px;color:#666}.newsArea .newsList h3.title{height:64px}.newsArea .newsList h3.title a{font-size:20px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:1.3px;line-height:1.6;color:#333}@media (max-width:1200px){.newsArea .newsList h3.title{max-height:64px;min-height:32px;height:auto}}.newsArea .newsList .text{height:51px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;letter-spacing:1px;line-height:1.7;padding-right:15px;color:#666}@media (max-width:1200px){.newsArea .newsList .text{max-height:51px;height:auto}}.newsArea .newsList .moreBtn a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;width:120px;height:40px;font-size:12px;font-weight:500;letter-spacing:0.5px;padding:0 21px;color:#333;border-left:1px solid #dbdbdb}.newsArea .newsList .moreBtn a:after{content:"";position:absolute;pointer-events:none;-webkit-filter:invert(1);filter:invert(1);top:calc(50% - 5px);right:0;width:16px;height:10px;background:url(../images/icon/arrowRight2.png) no-repeat center/contain}.newsArea .topListBox{position:relative;width:50%;padding-right:121px}.newsArea .topListBox:before{content:"";position:absolute;pointer-events:none;bottom:0;left:0;z-index:1;width:100%;height:1px;background-color:#fff}.newsArea .topListBox:after{content:"";position:absolute;pointer-events:none;top:43px;right:0;width:1px;height:calc(100% - 84px);background-color:#dbdbdb}@media (max-width:1600px){.newsArea .topListBox{padding-right:71px}}@media (max-width:1200px){.newsArea .topListBox{display:none}}.newsArea .topListBox .newsItem{pointer-events:none;padding:40px 0 35px;border-bottom:1px solid transparent}.newsArea .topListBox .newsItem.slick-active{pointer-events:auto;border-bottom-color:#dbdbdb}.newsArea .topListBox .item{padding:10px 0 0 163px}.newsArea .topListBox .date{position:absolute;top:0;left:0;z-index:1;width:133px;background:url(../images/news/classBg.png) no-repeat center/contain;padding:20px 27px 20px 32px}.newsArea .topListBox .date span{display:block;color:#fff}.newsArea .topListBox .date span.month{text-transform:uppercase;font-size:16px;letter-spacing:1px}.newsArea .topListBox .date span.monthDay{font-size:30px;letter-spacing:2px}.newsArea .topListBox .date span.year{text-align:right;font-size:16px;letter-spacing:1px}.newsArea .topListBox .textMoreBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:18px}.newsArea .topListBox .textMoreBox .text{width:calc(100% - 120px)}.newsArea .notTopListBox{position:relative;width:50%;padding-top:20px;padding-left:123px}.newsArea .notTopListBox:before{content:"";position:absolute;pointer-events:none;bottom:0;left:0;z-index:1;width:100%;height:1px;background-color:#fff}@media (max-width:1600px){.newsArea .notTopListBox{padding-left:73px}}@media (max-width:1200px){.newsArea .notTopListBox{display:none}}.newsArea .notTopListBox .newsInfoBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.newsArea .notTopListBox .newsInfoBox .date{position:relative;font-size:13px;letter-spacing:0.5px;padding-right:15px;margin:0 13px 13px 0;color:#666;border-right:1px solid #dbdbdb}.newsArea .notTopListBox .newsItem{pointer-events:none;padding:29px 0;border-bottom:1px solid transparent}.newsArea .notTopListBox .newsItem.slick-active{pointer-events:auto;border-bottom-color:#dbdbdb}.newsArea .notTopListBox .titleMoreBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.newsArea .notTopListBox .titleMoreBox h3.title{width:calc(100% - 120px);padding-right:30px}.newsArea .mobileListBox{position:relative}@media (min-width:1201px){.newsArea .mobileListBox{display:none}}.newsArea .mobileListBox .date{width:133px;background:url(../images/news/classBg.png) no-repeat center/contain;padding:28px}.newsArea .mobileListBox .date span{display:block;color:#fff}.newsArea .mobileListBox .date span.monthDay{font-size:30px;letter-spacing:2px}.newsArea .mobileListBox .date span.year{text-align:right;font-size:16px;letter-spacing:1px}.newsArea .mobileListBox .classTitle{margin-top:28px}.newsArea .mobileListBox .text{margin-top:18px}.newsArea .mobileListBox .moreBtn{margin-top:18px}.newsArea .mobileListBox .arrowBox{top:60px;left:initial;right:0;-webkit-transform:translate(0,0);transform:translate(0,0);width:66px}.newsArea .decorate{position:absolute;top:43%;right:0;z-index:-1;width:100%;height:110px;background:url(../images/home/news/word.png?v=240117) repeat-x top;-webkit-animation:wordAni3 30s linear infinite;animation:wordAni3 30s linear infinite}@media (max-width:1200px){.newsArea .decorate{top:16%;height:70px;background-size:contain}}