.bannerArea .Txt .linkList li a:after,.infoArea .wrap .rightBox .counterBox .item,.worksArea .contentBox .itemList li:last-of-type,.worksArea .contentBox .itemList li .Img img,.recommendArea .bg img,.recommendArea .wrap .rightBox .itemList li,.contactArea .btn{transition:all .5s}.mainContent{font-family:"Poppins","Noto Sans TC",Heiti TC,"メイリオ",sans-serif}.mainContent .wrap{max-width:1438px;padding:0 20px}.titleBox{color:#000}.titleBox em{font-size:16px;font-weight:bold;text-transform:none;letter-spacing:1px}.titleBox h2{font-size:45px;color:#292727;font-weight:bold;letter-spacing:0px;position:relative;padding-bottom:30px;margin-bottom:28px}@media(max-width: 1181px){.titleBox h2{font-size:36px;padding-bottom:20px;margin-bottom:18px}}.titleBox h2:after{content:"";bottom:0;left:0;position:absolute;width:70px;height:3px;background-color:#c80c16}.titleBox h3{font-size:25px;font-weight:500;letter-spacing:.5px;margin-bottom:10px}@media(max-width: 1181px){.titleBox h3{font-size:20px}}.titleBox p{font-size:16px;color:#353535;letter-spacing:.8px;line-height:1.8}.headArea{background:#4d7a73;padding:20px 0}.headArea .wrapBox{padding-left:20px;padding-right:20px}.headArea .wrapBox h1{color:#fff;font-size:21px;font-weight:700;line-height:1;letter-spacing:1px}@media(max-width: 640px){.headArea{padding:16px 0}.headArea .wrapBox h1{font-size:19px;line-height:1.4}}.bannerArea{position:relative;display:flex;flex-direction:column;align-items:center;height:988px;justify-content:flex-start;overflow:hidden;width:100%;background:no-repeat url(../../../images/tw/service/listinged-company-website/banner.png) center/cover}@media(max-width: 1181px){.bannerArea{height:700px;background:no-repeat url(../../../images/tw/service/listinged-company-website/banner_m.jpg) center/cover}}@media(max-width: 720px){.bannerArea{display:block;height:auto}}.bannerArea .wrap{position:relative;display:flex;min-width:0;flex-grow:1;align-items:stretch;z-index:1}@media(max-width: 1181px){.bannerArea .wrap{align-items:center;justify-content:center}}@media(max-width: 720px){.bannerArea .wrap{flex-direction:column;flex-grow:1;padding:0}}.bannerArea .mBanner{height:500px;width:100%;flex-shrink:0;overflow:hidden;display:none}@media(max-width: 720px){.bannerArea .mBanner{display:flex;background:no-repeat url(../../../images/tw/service/listinged-company-website/banner_m.jpg) center/cover scroll;height:350px}}.bannerArea .main{display:flex;position:relative;flex-grow:1;backface-visibility:hidden;width:100%}@media(max-width: 1800px){.bannerArea .main{left:-100px}}@media(max-width: 1700px){.bannerArea .main{left:-120px}}@media(max-width: 1600px){.bannerArea .main{left:-150px}}@media(max-width: 1500px){.bannerArea .main{left:-200px}}@media(max-width: 1400px){.bannerArea .main{left:-300px}}@media(max-width: 1181px){.bannerArea .main{left:-400px;display:none}}@media(max-width: 720px){.bannerArea .main{display:none}}.bannerArea .main>img{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;height:100%;transform:translateZ(0);backface-visibility:hidden}.bannerArea .main .theme{position:absolute;bottom:-37px;left:209px;border-radius:10px;border:1px solid #fff;padding:8px;display:flex;justify-content:center}@media(max-width: 1400px){.bannerArea .main .theme{left:320px;bottom:20px}}.bannerArea .main .theme:before{content:"";position:absolute;top:-23px;left:-2px;width:52px;height:9px;background:no-repeat url(../../../images/tw/service/listinged-company-website/num1.png) center}.bannerArea .main .theme img{box-shadow:0 0 35px 8px rgba(0,0,0,.15)}@media(max-width: 1400px){.bannerArea .main .theme img{width:600px}}.bannerArea .main .window{position:absolute;width:100%;height:100%}.bannerArea .main .window .Img{display:flex;position:absolute}.bannerArea .main .window .Img:nth-of-type(1){left:750px;top:220px}.bannerArea .main .window .Img:nth-of-type(1):before{content:"";position:absolute;top:-12px;left:14px;width:41px;height:9px;background:no-repeat url(../../../images/tw/service/listinged-company-website/num2.png) center}.bannerArea .main .window .Img:nth-of-type(2){left:995px;top:520px}.bannerArea .main .window .Img:nth-of-type(2):before{content:"";position:absolute;top:2px;left:30px;width:46px;height:9px;background:no-repeat url(../../../images/tw/service/listinged-company-website/num3.png) center}.bannerArea .main .window .Img:nth-of-type(3){left:598px;top:16px}.bannerArea .main .window .Img:nth-of-type(4){left:282px;top:-61px}.bannerArea .main .window img{filter:drop-shadow(0 0 35px rgba(0, 0, 0, 0.15))}.bannerArea .main .icon{position:absolute;width:100%;height:100%}@media(max-width: 1400px){.bannerArea .main .icon{opacity:0}}.bannerArea .main .icon img{position:absolute}.bannerArea .main .icon img:nth-of-type(1){left:95px;top:484px}.bannerArea .main .icon img:nth-of-type(2){left:181px;top:441px}.bannerArea .main .icon img:nth-of-type(3){left:139px;top:525px}.bannerArea .main .icon img:nth-of-type(4){left:223px;top:287px}.bannerArea .main .icon img:nth-of-type(5){left:896px;top:576px}.bannerArea .main .icon img:nth-of-type(6){left:1057px;top:446px}.bannerArea .main .tool{position:absolute;width:100%;height:100%}@media(max-width: 1181px){.bannerArea .main .tool{display:none}}.bannerArea .main .tool img{position:absolute;box-shadow:0 16px 16px 0px rgba(0,0,0,.15)}.bannerArea .main .tool img:nth-of-type(1){top:663px;left:135px}.bannerArea .main .tool img:nth-of-type(2){top:707px;left:804px}.bannerArea .main .tool img:nth-of-type(3){top:313px;left:611px}.bannerArea .main .tool img:nth-of-type(4){top:123px;left:84px}.bannerArea .main .tool img:nth-of-type(5){top:-42px;left:779px}.bannerArea .main .tool img:nth-of-type(6){border-radius:9px;right:-295px;top:111px}@media(max-width: 1181px){.bannerArea .main .tool img:nth-of-type(6){right:-500px}}.bannerArea .Txt{position:relative;color:#fff;width:100%;padding-top:200px;max-width:520px;flex-shrink:0}.bannerArea .Txt>div{display:flex;flex-direction:column}@media(max-width: 1800px){.bannerArea .Txt{max-width:480px}}@media(max-width: 1400px){.bannerArea .Txt{max-width:520px;z-index:2}}@media(max-width: 1181px){.bannerArea .Txt{max-width:720px;display:flex;justify-content:center;background-color:rgba(200,12,22,.75);padding:40px 20px}}@media(max-width: 720px){.bannerArea .Txt{max-width:none;padding:0;background-color:#c80c16;padding:40px 20px}}.bannerArea .Txt em{font-family:"Poppins";font-size:16px;letter-spacing:0px;font-weight:400}.bannerArea .Txt em strong{font-weight:600}.bannerArea .Txt h2{padding-top:28px;font-size:55px;font-weight:bold;line-height:1.25;padding-bottom:33px}@media(max-width: 1800px){.bannerArea .Txt h2{font-size:48px}}@media(max-width: 1400px){.bannerArea .Txt h2{font-size:44px}}@media(max-width: 1181px){.bannerArea .Txt h2{font-size:36px;padding-bottom:16px;padding-top:16px}}.bannerArea .Txt p{font-size:16px;letter-spacing:.8px;line-height:1.9;margin-bottom:66px}@media(max-width: 1181px){.bannerArea .Txt p{margin-bottom:32px}}.bannerArea .Txt .linkList{margin:0 -14px;display:flex;flex-wrap:wrap}.bannerArea .Txt .linkList li{padding:0 14px;margin-bottom:10px}.bannerArea .Txt .linkList li a{font-size:16px;letter-spacing:.6px;color:#fff;position:relative}.bannerArea .Txt .linkList li a:hover{font-weight:500}.bannerArea .Txt .linkList li a:hover:after{opacity:1}.bannerArea .Txt .linkList li a:after{content:"";width:100%;height:3px;background-color:#fff;position:absolute;bottom:-5px;left:0;opacity:0}.bannerArea #bg_canvas{width:100%;height:100%;position:absolute;pointer-events:none;top:0;left:0;z-index:0}@media(max-width: 1181px){.bannerArea #bg_canvas{display:none}}.serviceArea{background-color:#2e2e2e;padding:140px 0 84px;position:relative;overflow:hidden}.serviceArea:before{content:"";background:no-repeat url(../../../images/tw/service/listinged-company-website/service_bg_1.png) center/cover;width:973px;height:181px;position:absolute;top:0;right:0;z-index:1}@media(max-width: 1800px){.serviceArea:before{opacity:.8}}@media(max-width: 1181px){.serviceArea{padding:200px 0 60px 0}}@media(max-width: 840px){.serviceArea{padding:60px 0 60px 0}}.serviceArea .wrap{display:flex;justify-content:flex-end;position:relative;z-index:2}@media(max-width: 1181px){.serviceArea .wrap{justify-content:center}}.serviceArea .itemBox{max-width:695px;width:100%}.serviceArea .itemBox>h2{font-size:24px;color:#fff;font-weight:bold;letter-spacing:.8px;margin-bottom:-37px;transform:translateY(-200%)}@media(max-width: 840px){.serviceArea .itemBox>h2{margin-bottom:40px;transform:translateY(0)}}.serviceArea .itemList{width:100%;display:flex;flex-wrap:wrap}.serviceArea .itemList li{width:50%;margin-bottom:40px}.serviceArea .itemList li:nth-of-type(2n + 1){padding-right:27px}.serviceArea .itemList li:nth-of-type(2n){padding-left:24px}@media(max-width: 840px){.serviceArea .itemList li{width:100%}.serviceArea .itemList li:nth-of-type(n){padding:0}.serviceArea .itemList li:last-of-type{margin-bottom:0}}.serviceArea .itemList li .item img{margin-right:18px;width:40px;height:40px;-o-object-fit:scale-down;object-fit:scale-down;-o-object-position:center;object-position:center}@media(max-width: 840px){.serviceArea .itemList li .item img{margin-left:20px}}.serviceArea .itemList li .item .top{margin-bottom:8px;display:flex;justify-content:space-between}@media(max-width: 840px){.serviceArea .itemList li .item .top{flex-direction:column}.serviceArea .itemList li .item .top img{order:1;margin:0;margin-bottom:20px}.serviceArea .itemList li .item .top h3{order:2}}.serviceArea .itemList li .item h3{font-size:22px;color:#fff;font-weight:bold;letter-spacing:.8px}.serviceArea .itemList li .item p{font-size:15px;color:#bebebe;line-height:1.9;letter-spacing:.8px}@media(max-width: 1400px){.serviceArea .itemList li .item p{color:#fff}}.serviceArea .bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}@media(max-width: 1400px){.serviceArea .bg{opacity:.5}}@media(max-width: 1181px){.serviceArea .bg{transform:scale(1) translateY(-250px);width:100%}}@media(max-width: 840px){.serviceArea .bg{height:700px;width:900px;transform:scale(0.7) translateX(-250px)}}.serviceArea .bg img{position:absolute;left:0;top:0}.serviceArea .bg img:nth-of-type(1){top:210px;left:0px}.serviceArea .bg img:nth-of-type(2){top:0px;left:0px}.serviceArea .bg img:nth-of-type(3){top:auto;bottom:178px;left:61px}.serviceArea .bg img:nth-of-type(4){top:133px;left:480px}.serviceArea .bg img:nth-of-type(5){bottom:-29px;top:auto;left:429px}.visualArea{background:no-repeat url(../../../images/tw/service/listinged-company-website/visual_bg.jpg) center/cover;min-height:889px;height:889px;display:flex;align-items:stretch;position:relative;overflow:hidden}@media(max-width: 840px){.visualArea{min-height:0;height:750px}}@media(max-width: 640px){.visualArea{min-height:0;height:650px}}.visualArea .wrap{display:flex;justify-content:flex-start}@media(max-width: 1181px){.visualArea .wrap{flex-direction:column;padding-top:0px}}.visualArea .titleBox{padding-top:314px;max-width:454px;width:100%}@media(max-width: 1600px){.visualArea .titleBox{max-width:400px}}@media(max-width: 1500px){.visualArea .titleBox{max-width:350px}}@media(max-width: 1181px){.visualArea .titleBox{flex-shrink:0;padding-top:60px;max-width:none;padding-bottom:0px}}@media(max-width: 840px){.visualArea .titleBox{padding:60px 0 30px 0}}.visualArea .titleBox em{margin-bottom:4px;text-align:left}@media(max-width: 1181px){.visualArea .titleBox em{text-align:center}}.visualArea .titleBox h2{text-align:left;line-height:1.2}@media(max-width: 1181px){.visualArea .titleBox h2{text-align:center}.visualArea .titleBox h2:after{left:50%;transform:translateX(-50%)}}@media(max-width: 1181px){.visualArea .titleBox p,.visualArea .titleBox h3{text-align:center}}.visualArea .content{flex-grow:1;pointer-events:none;background:no-repeat url(../../../images/tw/service/listinged-company-website/visual_6.png) top 120px left 27px;position:relative}@media(max-width: 1400px){.visualArea .content{margin-left:-60px;background:no-repeat url(../../../images/tw/service/listinged-company-website/visual_6.png) top 120px left 27px/100%}}@media(max-width: 1181px){.visualArea .content{background:no-repeat url(../../../images/tw/service/listinged-company-website/visual_6.png) top 60px center/700px;margin:0;margin:0 -20px;height:500px;flex-shrink:0}}@media(max-width: 840px){.visualArea .content{background:no-repeat url(../../../images/tw/service/listinged-company-website/visual_6.png) top 60px center/500px;height:400px;margin-top:-70px}}@media(max-width: 640px){.visualArea .content{background:no-repeat url(../../../images/tw/service/listinged-company-website/visual_6.png) top 60px center/300px;height:280px;margin-top:-70px}}.visualArea .content img{position:absolute}.visualArea .content img:nth-of-type(1){left:188px;top:25px;z-index:2}@media(max-width: 1181px){.visualArea .content img:nth-of-type(1){width:500px;left:50%;transform:translateX(-50%)}}@media(max-width: 840px){.visualArea .content img:nth-of-type(1){width:350px;left:50%;transform:translateX(-50%)}}@media(max-width: 640px){.visualArea .content img:nth-of-type(1){width:250px;left:50%;transform:translateX(-50%)}}.visualArea .content img:nth-of-type(2){left:-53px;top:1px}@media(max-width: 1181px){.visualArea .content img:nth-of-type(2){width:140%}}.visualArea .content img:nth-of-type(3){left:636px;top:202px}@media(max-width: 1181px){.visualArea .content img:nth-of-type(3){width:300px;left:50%;transform:translateX(-50%);left:80%;top:120px}}@media(max-width: 840px){.visualArea .content img:nth-of-type(3){width:250px;left:50%;transform:translateX(-50%);left:85%;top:100px}}@media(max-width: 640px){.visualArea .content img:nth-of-type(3){width:120px;left:50%;transform:translateX(-50%);left:80%;top:100px}}.visualArea .content img:nth-of-type(4){left:-6px;top:288px}@media(max-width: 1181px){.visualArea .content img:nth-of-type(4){width:250px;left:50%;transform:translateX(-50%);left:20%;top:150px}}@media(max-width: 840px){.visualArea .content img:nth-of-type(4){width:150px;left:50%;transform:translateX(-50%);left:10%;top:120px}}@media(max-width: 640px){.visualArea .content img:nth-of-type(4){width:80px;left:50%;transform:translateX(-50%);left:18%;top:100px}}.visualArea .content img:nth-of-type(5){left:26px;top:509px;z-index:1}@media(max-width: 1181px){.visualArea .content img:nth-of-type(5){width:300px;left:50%;transform:translateX(-50%);left:20%;top:300px}}@media(max-width: 840px){.visualArea .content img:nth-of-type(5){width:200px;left:50%;transform:translateX(-50%);left:15%;top:220px}}@media(max-width: 640px){.visualArea .content img:nth-of-type(5){width:90px;left:50%;transform:translateX(-50%);left:15%;top:170px}}.solutionArea{background-color:#e7ecf3;height:1122px;position:relative;display:flex;flex-direction:column}@media(max-width: 1670px){.solutionArea{height:1000px}}@media(max-width: 1300px){.solutionArea{height:800px}}@media(max-width: 560px){.solutionArea{height:560px}}.solutionArea .titleBox{padding-top:174px;position:relative;text-align:center;z-index:2}@media(max-width: 1670px){.solutionArea .titleBox{padding-top:110px}}@media(max-width: 1300px){.solutionArea .titleBox{padding-top:90px}}@media(max-width: 560px){.solutionArea .titleBox{padding-top:60px}}.solutionArea .titleBox h2{padding-bottom:24px;margin-bottom:16px}.solutionArea .titleBox h2:after{left:50%;transform:translateX(-50%)}.solutionArea .bg{position:absolute;width:100%;height:100%;pointer-events:none;top:0;left:0;overflow:hidden}@media(max-width: 1300px){.solutionArea .bg{display:none}}.solutionArea .bg img{position:absolute}@media(max-width: 1670px){.solutionArea .bg img{width:150px}}.solutionArea .bg img:nth-of-type(1){top:53px;left:132px}@media(max-width: 1700px){.solutionArea .bg img:nth-of-type(1){left:110px}}@media(max-width: 1670px){.solutionArea .bg img:nth-of-type(1){left:30px}}.solutionArea .bg img:nth-of-type(2){top:135px;left:338px}@media(max-width: 1700px){.solutionArea .bg img:nth-of-type(2){left:300px}}@media(max-width: 1670px){.solutionArea .bg img:nth-of-type(2){left:180px}}.solutionArea .bg img:nth-of-type(3){top:-195px;right:150px}@media(max-width: 1700px){.solutionArea .bg img:nth-of-type(3){right:100px}}@media(max-width: 1670px){.solutionArea .bg img:nth-of-type(3){width:400px;top:-140px;right:30px}}.solutionArea .bg img:nth-of-type(4){top:-98px;right:125px}@media(max-width: 1670px){.solutionArea .bg img:nth-of-type(4){width:300px;top:-50px;right:150px;right:80px}}.solutionArea .itemBox{flex-grow:1;position:relative;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;padding:0 20px}.solutionArea .itemBox .item .Img{display:flex;width:100%;height:100%}.solutionArea .itemBox .item .Img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.solutionArea .itemBox .item .Img ul{margin:0;padding:0;position:relative;width:100%;height:100%}.solutionArea .itemBox .item>p{font-size:16px;text-align:center;color:#5e5e5e;max-width:555px;letter-spacing:.8px;width:100%;display:block;line-height:1.9}.solutionArea .itemBox .item:nth-of-type(1){width:417px;background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_1.png);position:absolute;left:121px;top:212px;padding:34px}.solutionArea .itemBox .item:nth-of-type(1) img{width:349px;height:215px}@media(max-width: 1910px){.solutionArea .itemBox .item:nth-of-type(1){left:4%}}@media(max-width: 1670px){.solutionArea .itemBox .item:nth-of-type(1){background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_1.png) center/cover;width:300px;height:200px}.solutionArea .itemBox .item:nth-of-type(1) img{width:232px;height:132px}}@media(max-width: 1300px){.solutionArea .itemBox .item:nth-of-type(1){display:none}}.solutionArea .itemBox .item:nth-of-type(2){width:292px;height:198px;background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_2.png);position:absolute;left:218px;top:534px;padding:27px}@media(max-width: 1910px){.solutionArea .itemBox .item:nth-of-type(2){left:3%}}@media(max-width: 1670px){.solutionArea .itemBox .item:nth-of-type(2){top:424px}}@media(max-width: 1300px){.solutionArea .itemBox .item:nth-of-type(2){display:none}}.solutionArea .itemBox .item:nth-of-type(3){width:829px;height:557px;background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_3.png);margin-right:10px;margin-bottom:18px;padding:50px}.solutionArea .itemBox .item:nth-of-type(3) ul:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_5.png) center;pointer-events:none}.solutionArea .itemBox .item:nth-of-type(3) ul li{padding:0 2px}@media(max-width: 1840px){.solutionArea .itemBox .item:nth-of-type(3){padding:40px;margin-top:80px;width:650px;height:437px;background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_3.png) center/cover}.solutionArea .itemBox .item:nth-of-type(3) ul:after{background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_5.png) center/cover}}@media(max-width: 1670px){.solutionArea .itemBox .item:nth-of-type(3){width:550px;height:360px;margin-top:40px;background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_3.png) center/cover}}@media(max-width: 560px){.solutionArea .itemBox .item:nth-of-type(3){padding:20px;width:320px;height:200px}}.solutionArea .itemBox .item:nth-of-type(4){width:377px;height:557px;background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_4.png);position:absolute;right:188px;top:234px;padding:64px 45px 75px 45px}@media(max-width: 1910px){.solutionArea .itemBox .item:nth-of-type(4){right:7%}}@media(max-width: 1670px){.solutionArea .itemBox .item:nth-of-type(4){background:no-repeat url(../../../images/tw/service/listinged-company-website/solution_frame_4.png) center/cover;width:280px;height:450px;padding:54px 30px 65px 30px;right:4%}}@media(max-width: 1300px){.solutionArea .itemBox .item:nth-of-type(4){display:none}}.productsArea{height:767px;background:no-repeat url(../../../images/tw/service/listinged-company-website/products_bg.jpg) left top/auto 100%,repeat-x url(../../../images/tw/service/listinged-company-website/products_bg2.jpg) left top;display:flex;justify-content:flex-end;position:relative}@media(max-width: 1900px){.productsArea{background:no-repeat url(../../../images/tw/service/listinged-company-website/products_bg.jpg) left -100px top/auto 100%,repeat-x url(../../../images/tw/service/listinged-company-website/products_bg2.jpg) left top}}@media(max-width: 1640px){.productsArea{background:no-repeat url(../../../images/tw/service/listinged-company-website/products_bg.jpg) left -150px top/auto 100%,repeat-x url(../../../images/tw/service/listinged-company-website/products_bg2.jpg) left top}}@media(max-width: 1500px){.productsArea{background:no-repeat url(../../../images/tw/service/listinged-company-website/products_bg.jpg) left -100px top/auto 100%,repeat-x url(../../../images/tw/service/listinged-company-website/products_bg2.jpg) left top;height:650px}}@media(max-width: 1400px){.productsArea{background:no-repeat url(../../../images/tw/service/listinged-company-website/products_bg.jpg) center top/auto 100%,repeat-x url(../../../images/tw/service/listinged-company-website/products_bg2.jpg) left top;height:650px}}@media(max-width: 1181px){.productsArea{background:no-repeat url(../../../images/tw/service/listinged-company-website/products_bg.jpg) left -150px top/auto 100%,repeat-x url(../../../images/tw/service/listinged-company-website/products_bg2.jpg) left top/auto 100%;height:450px}}@media(max-width: 960px){.productsArea{background:none;height:400px;display:flex}}@media(max-width: 720px){.productsArea{flex-direction:column;height:auto}}.productsArea .titleBox{max-width:370px;width:100%;margin-right:380px;margin-top:240px}@media(max-width: 1840px){.productsArea .titleBox{margin-right:300px}}@media(max-width: 1740px){.productsArea .titleBox{margin-right:200px}}@media(max-width: 1640px){.productsArea .titleBox{margin-right:100px}}@media(max-width: 1400px){.productsArea .titleBox{margin-right:60px}}@media(max-width: 1180px){.productsArea .titleBox{margin-top:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;position:relative}}@media(max-width: 960px){.productsArea .titleBox{width:50%;margin-right:0;display:flex;max-width:none;background-color:#c80c16;padding:30px;position:static;transform:none}.productsArea .titleBox h2:after{background-color:#fff}}@media(max-width: 720px){.productsArea .titleBox{width:100%;padding:45px 20px}}.productsArea .titleBox em{text-align:left;color:#fff}.productsArea .titleBox h2{text-align:left;color:#fff;padding-bottom:24px;margin-bottom:24px}.productsArea .titleBox p{color:#fff;line-height:1.9}.productsArea .bg{position:absolute;width:100%;height:100%;pointer-events:none;top:0;left:0;overflow:hidden}@media(max-width: 1900px){.productsArea .bg{left:-100px}}@media(max-width: 1640px){.productsArea .bg{left:-150px;top:20px}}@media(max-width: 1500px){.productsArea .bg{transform:scale(0.8);left:-220px;top:-55px;width:1500px}}@media(max-width: 1400px){.productsArea .bg{left:calc(50% - 335px);transform:scale(0.8) translateX(-50%);height:600px}}@media(max-width: 1181px){.productsArea .bg{top:-110px;left:-60px;transform:scale(0.55) translateX(-50%);height:600px}}@media(max-width: 960px){.productsArea .bg{display:none}}.productsArea .bg img{position:absolute;transform:translateZ(0);filter:blur(0px);opacity:0}.productsArea .bg img:nth-of-type(1){transition:1s .5s ease-out;left:278px;top:45px}.productsArea .bg img:nth-of-type(2){transition:1s .3s ease-out;left:706px;top:62px}.productsArea .bg img:nth-of-type(3){transition:1s .9s ease-out;left:739px;top:124px;z-index:2}.productsArea .bg img:nth-of-type(4){left:802px;top:200px;z-index:1;transition:1s .6s ease-out}.productsArea .bg img:nth-of-type(5){left:973px;top:288px;z-index:1;transition:1s .3s ease-out}.productsArea .bg img:nth-of-type(6){left:902px;top:362px;z-index:1;transition:1s .8s ease-out}.productsArea .bg img:nth-of-type(7){left:703px;top:301px;z-index:1;transition:1s .4s ease-out}.productsArea .bg.active img:nth-of-type(n){opacity:.8;filter:drop-shadow(0 0 10px #fff)}.productsArea .bg.active img:nth-of-type(2){opacity:1;filter:drop-shadow(0 0 10px #fff)}.productsArea .bg.active img:nth-of-type(6){opacity:.5;filter:none}.productsArea .mBg{display:none}@media(max-width: 960px){.productsArea .mBg{display:block;height:400px;background:no-repeat url(../../../images/tw/service/listinged-company-website/products_m_bg.jpg) center/cover;width:50%}}@media(max-width: 720px){.productsArea .mBg{width:100%;height:360px}}.infoArea{height:850px;background:no-repeat url(../../../images/tw/service/listinged-company-website/info_num.png) left 85px top 82px,no-repeat url(../../../images/tw/service/listinged-company-website/info_bg.jpg) center top/cover;display:flex;align-items:stretch}@media(max-width: 1181px){.infoArea{flex-direction:column;height:auto;background:no-repeat url(../../../images/tw/service/listinged-company-website/info_bg.jpg) center/cover}}.infoArea .odometer .odometer-digit .odometer-value{width:100%}.infoArea .wrap{display:flex;align-items:stretch}@media(max-width: 1181px){.infoArea .wrap{flex-direction:column}}.infoArea .wrap .leftBox{max-width:490px;width:100%;padding-top:135px}@media(max-width: 1400px){.infoArea .wrap .leftBox{max-width:400px}}@media(max-width: 1181px){.infoArea .wrap .leftBox{padding-top:90px;display:flex;max-width:none}}@media(max-width: 840px){.infoArea .wrap .leftBox{display:block;padding-top:60px}.infoArea .wrap .leftBox img{width:100%;max-width:400px}}.infoArea .wrap .leftBox .titleBox{margin-bottom:4px}@media(max-width: 840px){.infoArea .wrap .leftBox .titleBox{max-width:500px}}.infoArea .wrap .leftBox .titleBox p{font-size:15px}.infoArea .wrap .leftBox .titleBox p b{font-size:14px}.infoArea .wrap .leftBox .titleBox em{text-align:left;margin-bottom:4px}.infoArea .wrap .leftBox .titleBox h2{text-align:left;line-height:1.2;margin-bottom:24px}.infoArea .wrap .rightBox{flex-grow:1;display:flex;align-items:flex-start;justify-content:flex-end}@media(max-width: 1181px){.infoArea .wrap .rightBox{justify-content:flex-start;padding-bottom:90px}}@media(max-width: 840px){.infoArea .wrap .rightBox{padding-bottom:60px}}.infoArea .wrap .rightBox .counterBox{display:flex;height:100%}@media(max-width: 1181px){.infoArea .wrap .rightBox .counterBox{width:100%}}@media(max-width: 840px){.infoArea .wrap .rightBox .counterBox{display:block;padding-top:20px}}.infoArea .wrap .rightBox .counterBox li{padding-top:263px;border-left:1px solid hsla(0,0%,100%,.2)}@media(max-width: 1181px){.infoArea .wrap .rightBox .counterBox li{padding-top:30px;flex-shrink:1;min-width:0}}@media(max-width: 840px){.infoArea .wrap .rightBox .counterBox li{border:0;padding-top:0;border-bottom:1px solid hsla(0,0%,100%,.8)}}.infoArea .wrap .rightBox .counterBox li:last-of-type{border-right:1px solid hsla(0,0%,100%,.2)}.infoArea .wrap .rightBox .counterBox li:nth-of-type(1) .item{background-color:#d12249}.infoArea .wrap .rightBox .counterBox li:nth-of-type(2) .item{margin-top:204px;background-color:#d12249}@media(max-width: 1181px){.infoArea .wrap .rightBox .counterBox li:nth-of-type(2) .item{margin-top:0}}.infoArea .wrap .rightBox .counterBox li:nth-of-type(3) .item{background-color:hsla(0,0%,100%,.2)}.infoArea .wrap .rightBox .counterBox .item{width:232px;height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0}@media(max-width: 840px){.infoArea .wrap .rightBox .counterBox .item{width:100%;height:180px}}.infoArea .wrap .rightBox .counterBox .item .title,.infoArea .wrap .rightBox .counterBox .item .unit{font-size:14px;color:#fff;letter-spacing:1px}.infoArea .wrap .rightBox .counterBox .item .num{font-size:50px;font-weight:600;color:#fff;line-height:1.3;font-family:"Poppins"}.infoArea .wrap .rightBox .counterBox .item .percent{display:flex}.infoArea .wrap .rightBox .counterBox .item .percent:after{content:"%"}.sustainableArea{max-height:981px;overflow:hidden;background:no-repeat url(../../../images/tw/service/listinged-company-website/sustainable_bg.jpg) center/cover;padding-top:158px;display:flex;flex-direction:column;align-items:center}@media(max-width: 1181px){.sustainableArea{padding-top:90px}}@media(max-width: 840px){.sustainableArea{padding-top:60px}}.sustainableArea .titleBox{max-width:560px;width:100%;flex-shrink:0;padding:0 20px;text-align:center}.sustainableArea .titleBox em{margin-bottom:5px}.sustainableArea .titleBox h2{line-height:1.2;margin-bottom:24px}.sustainableArea .titleBox h2:after{left:50%;transform:translateX(-50%)}.sustainableArea .titleBox p{text-align:center}.sustainableArea .contentBox{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;margin-top:-100px}@media(max-width: 720px){.sustainableArea .contentBox{margin-top:-50px}}@media(max-width: 480px){.sustainableArea .contentBox{margin-top:-30px}}.sustainableArea .contentBox .frame{display:flex;position:relative}.sustainableArea .contentBox .frame .itemList{display:flex}.sustainableArea .contentBox .frame img{position:relative;z-index:1}@media(max-width: 720px){.sustainableArea .contentBox .frame img{width:720px}}@media(max-width: 480px){.sustainableArea .contentBox .frame img{width:480px}}.sustainableArea .contentBox .frame>img{pointer-events:none}.sustainableArea .contentBox .itemList{width:498px;height:373px;display:flex;position:absolute;z-index:0;left:50%;transform:translateX(-50%);margin-top:153px;background-color:#fff}.sustainableArea .contentBox .itemList li{width:498px;height:373px}.sustainableArea .contentBox .itemList li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}@media(max-width: 720px){.sustainableArea .contentBox .itemList{width:370px;margin-top:110px;height:280px}.sustainableArea .contentBox .itemList li{width:370px;height:280px}}@media(max-width: 480px){.sustainableArea .contentBox .itemList{width:247px;margin-top:75px;height:190px}.sustainableArea .contentBox .itemList li{width:247px;height:190px}}.worksArea{display:flex;flex-direction:column;align-items:center;padding-top:96px}@media(max-width: 1181px){.worksArea{padding-top:90px}}@media(max-width: 840px){.worksArea{padding-top:60px}}.worksArea .titleBox{max-width:530px;width:100%;margin-bottom:42px;text-align:center}.worksArea .titleBox em{margin-bottom:5px}.worksArea .titleBox h2{line-height:1.2;margin-bottom:24px;padding-bottom:27px}.worksArea .titleBox h2:after{left:50%;transform:translateX(-50%)}.worksArea .titleBox p{text-align:center}.worksArea .contentBox{width:100%}.worksArea .contentBox .itemList{width:100%;display:flex;flex-wrap:wrap}.worksArea .contentBox .itemList li{width:25%;height:380px;display:flex;align-items:stretch;border-right:1px solid #fff;border-bottom:1px solid #fff}@media(max-width: 1600px){.worksArea .contentBox .itemList li{width:33.33%;height:340px}}@media(max-width: 760px){.worksArea .contentBox .itemList li{width:50%;height:300px}}@media(max-width: 480px){.worksArea .contentBox .itemList li{width:100%}}.worksArea .contentBox .itemList li:last-of-type{background-color:#c80c16;display:flex;flex-direction:column;align-items:center;justify-content:center}.worksArea .contentBox .itemList li:last-of-type:hover{background-color:#1c1c1c}.worksArea .contentBox .itemList li:last-of-type a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.worksArea .contentBox .itemList li:last-of-type p{font-size:25px;font-weight:600;color:#fff;margin-bottom:8px}.worksArea .contentBox .itemList li:last-of-type img{margin-bottom:25px}.worksArea .contentBox .itemList li .Img{display:flex;width:100%;background:#e1e1e1;overflow:hidden}.worksArea .contentBox .itemList li .Img a{display:flex;width:100%;height:100%}.worksArea .contentBox .itemList li .Img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.worksArea .contentBox .itemList li .Img img:hover{transform:scale(1.1)}.recommendArea{display:flex;align-items:stretch;height:669px;position:relative;background-color:#333}@media(max-width: 1181px){.recommendArea{height:auto;padding-bottom:90px}}@media(max-width: 840px){.recommendArea{padding-bottom:60px}}.recommendArea .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.recommendArea .bg img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0}.recommendArea .bg img.active{opacity:1}.recommendArea .wrap{display:flex;align-items:stretch;position:relative;z-index:2}@media(max-width: 1181px){.recommendArea .wrap{flex-direction:column}}.recommendArea .wrap .leftBox{max-width:330px;width:100%;padding-top:140px}@media(max-width: 1181px){.recommendArea .wrap .leftBox{padding-top:90px}}@media(max-width: 840px){.recommendArea .wrap .leftBox{padding-top:60px}}.recommendArea .wrap .leftBox .titleBox{margin-bottom:4px}@media(max-width: 1181px){.recommendArea .wrap .leftBox .titleBox{margin-bottom:32px}}.recommendArea .wrap .leftBox .titleBox em{text-align:left;margin-bottom:4px;color:#fff}.recommendArea .wrap .leftBox .titleBox h2{text-align:left;line-height:1.2;margin-bottom:24px;color:#fff}.recommendArea .wrap .leftBox .titleBox p{color:#fff}.recommendArea .wrap .rightBox{flex-grow:1;display:flex;align-items:flex-start;justify-content:flex-end;padding-left:89px}@media(max-width: 1400px){.recommendArea .wrap .rightBox{padding-left:20px}}@media(max-width: 1181px){.recommendArea .wrap .rightBox{padding:0}}.recommendArea .wrap .rightBox .itemList{display:flex;height:100%;width:100%}@media(max-width: 720px){.recommendArea .wrap .rightBox .itemList{flex-direction:column}}.recommendArea .wrap .rightBox .itemList li{padding-top:175px;border-left:1px solid hsla(0,0%,100%,.2);max-width:327px;width:100%;backdrop-filter:blur(0px);cursor:pointer}@media(max-width: 1181px){.recommendArea .wrap .rightBox .itemList li{padding:20px 0;max-width:none;width:33.33%}}@media(max-width: 720px){.recommendArea .wrap .rightBox .itemList li{width:100%;border:0;border-top:1px solid hsla(0,0%,100%,.2)}}.recommendArea .wrap .rightBox .itemList li:hover,.recommendArea .wrap .rightBox .itemList li.active{backdrop-filter:blur(8px)}@media(max-width: 720px){.recommendArea .wrap .rightBox .itemList li:hover,.recommendArea .wrap .rightBox .itemList li.active{background-color:rgba(200,12,22,.6)}}.recommendArea .wrap .rightBox .itemList li:last-of-type{border-right:1px solid hsla(0,0%,100%,.2)}@media(max-width: 720px){.recommendArea .wrap .rightBox .itemList li:last-of-type{width:100%;border-right:0;border-bottom:1px solid hsla(0,0%,100%,.2)}}.recommendArea .wrap .rightBox .itemList .item{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 28px}.recommendArea .wrap .rightBox .itemList .item .Img{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}@media(max-width: 1181px){.recommendArea .wrap .rightBox .itemList .item .Img{margin-bottom:20px}}.recommendArea .wrap .rightBox .itemList .item .title{font-size:22px;color:#fff;letter-spacing:1px;font-weight:500;position:relative;padding-bottom:23px;margin-bottom:24px}.recommendArea .wrap .rightBox .itemList .item .title:after{content:"";position:absolute;width:40px;height:1px;left:50%;transform:translateX(-50%);bottom:0;background-color:hsla(0,0%,100%,.5)}.recommendArea .wrap .rightBox .itemList .item .text{font-size:15px;color:#fff;text-align:center;letter-spacing:.8px;line-height:1.8}.contactArea{background-color:#c80c16;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;height:300px;padding:0 20px}.contactArea h2{font-size:35px;color:#fff;font-weight:bold;margin-bottom:28px;text-align:center}@media(max-width: 720px){.contactArea h2{font-size:28px}}.contactArea .btn{margin-bottom:8px;background-color:#fff;color:#c80c16;width:220px;height:50px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}.contactArea .btn:hover{opacity:.8 !important}.otherLinkArea{border-bottom:1px solid #c80c16;background-color:#fff;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;height:300px;padding:0 20px}.otherLinkArea h2{font-size:35px;color:#c80c16;font-weight:bold;margin-bottom:28px;text-align:center}.otherLinkArea ul li{font-size:16px;color:#353535;letter-spacing:.8px;line-height:1.8}.otherLinkArea ul li span{width:15px;display:inline-block;margin-right:5px}.otherLinkArea ul li a{text-decoration:underline}@media(max-width: 720px){.otherLinkArea h2{font-size:28px}}footer{padding-top:90px}