.triangleBox .decoIcon{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.materialBg{background-image:url("../images/material.jpg")}.unitInfoBox{padding-top:135px}.qualityArea{padding:70px 0 120px}.qualityArea .blockTitle{padding:55px 0;border-bottom:1px solid #cacaca;margin-bottom:35px;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s;transition:all 0.5s}.qualityArea .blockTitle .unitTitle{padding:20px 0;z-index:1}@media (max-width:768px){.qualityArea .blockTitle .unitTitle{font-size:24px!important}}@media (max-width:400px){.qualityArea .blockTitle .unitTitle{font-size:20px!important}}.qualityArea .blockTitle .unitBgText{color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0.7;pointer-events:none}.qualityArea .textEditor{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif}.qualityArea.show .blockTitle,.qualityArea.show .qualityBox,.qualityArea.show .textEditor{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1400px){.qualityArea .blockTitle{padding:30px 0;margin-bottom:30px}}@media (max-width:1180px){.qualityArea{padding:60px 0 100px}.qualityArea .blockTitle{padding:20px 0;margin-bottom:20px}}@media (max-width:768px){.qualityArea{padding:60px 0 80px}.qualityArea .blockTitle{padding:0}}.qualityBox{margin-top:70px;padding:0 47px;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s 0.6s;transition:all 0.5s 0.6s}.qualityBox .qualityList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.qualityBox .qualityItem{padding:0 70px;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0}.qualityBox .qualityItem:not(:last-child):before{content:"";width:1px;height:116px;background-color:#cacaca;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0}@media (min-width:1181px){.qualityBox .qualityItem:hover .Img{-webkit-transform:scale(1.1);transform:scale(1.1)}.qualityBox .qualityItem:hover .Txt .title{color:#1eaddd}}.qualityBox .Img{padding:25px;border-radius:50%;border:1px solid #cacaca;-webkit-transition:all 0.5s;transition:all 0.5s}.qualityBox .Img img{border:2px solid #eaeaea;border-radius:50%;width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.qualityBox .Img:before{content:"";width:calc(100% - 30px);height:calc(100% - 30px);background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qualityBox .Txt{padding:15px 0;text-align:center}.qualityBox .Txt .title{font-size:20px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:1.2px;margin-bottom:8px;-webkit-transition:all 0.5s;transition:all 0.5s}.qualityBox .Txt .titleEn{font-size:16px;font-weight:500;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#444;letter-spacing:0px;line-height:1.5}@media (max-width:1400px){.qualityBox{padding:0 30px}.qualityBox .qualityItem{padding:0 40px}}@media (max-width:1180px){.qualityBox{margin-top:50px;padding:0}.qualityBox .qualityList{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:20px 0}.qualityBox .qualityItem{-webkit-box-flex:0;-ms-flex:none;flex:none;width:25%}.qualityBox .qualityItem:after{content:"";width:1px;height:116px;background-color:#cacaca;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-1px}.qualityBox .qualityItem:last-child:before{content:"";width:1px;height:116px;background-color:#cacaca;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0}}@media (max-width:1040px){.qualityBox .qualityItem{width:33.333%}}@media (max-width:840px){.qualityBox .qualityItem{width:50%}}@media (max-width:540px){.qualityBox .qualityList{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qualityBox .qualityItem{width:100%;max-width:280px}.qualityBox .qualityItem:after,.qualityBox .qualityItem:before{display:none}}.certArea{padding:115px 0 135px}@media (max-width:1180px){.certArea{padding:100px 0}}@media (max-width:768px){.certArea{padding:80px 0}}@media (max-width:400px){.certArea{padding:50px 0}}.certArea .marquee{border-bottom:1px solid #dcdcdc}.certArea .marquee .textItem{padding:0 40px;padding-bottom:20px;font-size:116px;font-weight:700;font-family:"Lato",sans-serif;color:transparent;letter-spacing:4.64px;-webkit-text-stroke:1px #d9d9d9}.certArea .blockTitle{margin:45px 0 65px;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}.certArea .certBox{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s 0.3s linear;transition:all 0.5s 0.3s linear}.certArea .arrowCircle{width:60px;height:60px;border-radius:50%;background-color:#e1e1e1;cursor:pointer;position:absolute;top:35%;-webkit-transition:all 0.5s;transition:all 0.5s}.certArea .arrowCircle:after{content:"";width:12px;height:12px;border-top:3px solid #fff;border-left:3px solid #fff;position:absolute;top:calc(50% - 6px);-webkit-transition:all 0.5s;transition:all 0.5s}.certArea .arrowCircle.prev{left:-120px}.certArea .arrowCircle.prev:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:calc(50% - 5px)}.certArea .arrowCircle.next{right:-120px}.certArea .arrowCircle.next:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);left:calc(50% - 7px)}@media (min-width:1181px){.certArea .arrowCircle:hover{background-color:#3d4060}}.certArea.show .blockTitle,.certArea.show .certBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1800px){.certArea .certBox{padding:0 20px}.certArea .arrowCircle{width:50px;height:50px}.certArea .arrowCircle.prev{left:-40px}.certArea .arrowCircle.next{right:-40px}}@media (max-width:1180px){.certArea .certBox{padding:0 30px}.certArea .arrowCircle.prev{left:-30px}.certArea .arrowCircle.next{right:-30px}}@media (max-width:1180px){.certArea .certBox{padding:0 40px}.certArea .arrowCircle{width:40px;height:40px}.certArea .arrowCircle.prev{left:-20px}.certArea .arrowCircle.next{right:-20px}}@media (max-width:480px){.certArea .certBox{padding:0}.certArea .arrowCircle{display:none}}.certList{margin:0 -33px}.certList .certItem{padding:0 33px}.certList .Img{border:1px solid #dcdcdc;cursor:pointer}.certList .Img:after{content:"";width:100%;height:100%;background-color:rgba(61,64,96,0.6);position:absolute;top:0;left:0;opacity:0;-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s}.certList .Img .more{width:200px;height:50px;background-color:#1eaddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 30px;font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#fff;letter-spacing:0.96px;position:absolute;left:calc(50% - 100px);top:calc(50% - 25px);opacity:0;z-index:1;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s;transition:all 0.5s}.certList .Img .more:after{content:"";display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#fff}.certList .Img .more:before{content:"";width:6px;height:6px;border-top:2px solid #1eaddd;border-right:2px solid #1eaddd;position:absolute;top:22px;right:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media (min-width:1181px){.certList .Img:hover:after{opacity:1;-webkit-transition:all 0.5s;transition:all 0.5s}.certList .Img:hover .more{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.5s 0.3s;transition:all 0.5s 0.3s}}.certList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.certList .Txt{padding-top:20px}.certList .Txt .title{font-size:18px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:1.08px;margin-bottom:15px}.certList .Txt .title a{color:#222}@media (min-width:1181px){.certList .Txt .title a:hover{color:#1eaddd}}.certList .Txt .text{font-size:15px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.9px;letter-spacing:0.6px}@media (max-width:1400px){.certList{margin:0 -20px}.certList .certItem{padding:0 20px}}.triangleArea{padding:145px 0 130px}.triangleArea:before{content:"";width:100%;height:100%;background-image:url("../images/material.jpg");opacity:0.5;position:absolute;top:0;left:0}.triangleArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.triangleArea .wrap .decoText{font-size:152px;font-weight:700;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#fbfbfb;letter-spacing:6.08px;white-space:nowrap;position:absolute;left:50px;bottom:0}.triangleArea .blockTitle{width:370px;-ms-flex-negative:0;flex-shrink:0;padding-right:75px;padding-top:42px;border-right:1px solid #cacaca;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}.triangleArea .blockTitle .unitTitle{line-height:1.4}.triangleArea .blockTitle .unitTitleEn{line-height:1}.triangleArea .blockTitle .unitTitleEn:after{content:"";width:30px;height:2px;background-color:#1eaddd;display:block;margin:28px 0 24px}.triangleArea .blockTitle .unitSubtitle{font-size:18px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#444;letter-spacing:1.08px;margin-bottom:30px}.triangleArea .blockTitle .text{font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px}.triangleArea .rightBox{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.5s 0.3s linear;transition:all 0.5s 0.3s linear}.triangleArea.show .blockTitle,.triangleArea.show .rightBox{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:1600px){.triangleArea .wrap .decoText{font-size:140px;font-weight:700;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#fbfbfb;letter-spacing:5.6px}.triangleArea .blockTitle{width:30%;padding-top:20px;padding-right:40px}}@media (max-width:1400px){.triangleArea{padding:135px 0 110px}.triangleArea .wrap{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.triangleArea .wrap .decoText{font-size:120px;font-weight:700;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#fbfbfb;letter-spacing:4.8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.triangleArea .rightBox{margin:auto}.triangleArea .blockTitle{padding-right:20px}}@media (max-width:1180px){.triangleArea{padding:100px 0}.triangleArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.triangleArea .blockTitle{width:100%;padding:0 0 20px;border-right:none;margin-bottom:40px}.triangleArea .rightBox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width:1040px){.triangleArea .wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.triangleArea .rightBox{padding-left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;width:100%}}@media (max-width:768px){.triangleArea{padding:80px 0}.triangleArea .blockTitle{margin-bottom:20px}}@media (max-width:400px){.triangleArea{padding:50px 0}}.triangleMain{width:682px;height:597px;padding:78px 0 47px;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.triangleMain .bg{width:100%;height:100%;position:absolute;top:0;left:0}.triangleMain .bg img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.triangleMain .triangleChart{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px;padding-right:20px;background-repeat:no-repeat;-webkit-transition:all 0.5s;transition:all 0.5s}.triangleMain .triangleChart .num{width:40px;height:40px;border-radius:50%;background-color:#1eaddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;font-weight:700;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#fff;letter-spacing:0px}.triangleMain .triangleChart .title{font-size:16px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#1eaddd;letter-spacing:0.96px;margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.triangleMain .triangleChart:after{content:"";width:12px;height:12px;background-color:#1eaddd;border-radius:50%;position:absolute}.triangleMain .triangleChart3{width:25.5%;height:33%;margin-bottom:25px;padding-top:40px;background-image:url("../images/triangle/triangle_03.png")}.triangleMain .triangleChart3:after{right:14.5%;top:49.5%}.triangleMain .triangleChart2{width:51%;height:28%;margin-bottom:25px;background-image:url("../images/triangle/triangle_02.png")}.triangleMain .triangleChart2:after{right:8.5%;top:35.5%;background-color:#b5b6b6}.triangleMain .triangleChart2 .num{background-color:#b5b6b6}.triangleMain .triangleChart2 .title{color:#b5b6b6}.triangleMain .triangleChart1{width:76.25%;height:28%;background-image:url("../images/triangle/triangle_01.png")}.triangleMain .triangleChart1:after{right:6.5%;top:34%;background-color:#259f4c}.triangleMain .triangleChart1 .num{background-color:#259f4c}.triangleMain .triangleChart1 .title{color:#259f4c}@media (max-width:1600px){.triangleMain{width:540px;height:473px;padding:62px 0 37px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.triangleMain .triangleChart{background-size:contain;margin-bottom:0}}@media (max-width:1400px){.triangleMain{width:480px;height:422px;padding:55px 0 33px}.triangleMain .triangleChart3{padding-top:20px}}@media (max-width:1040px){.triangleMain .triangleChart{opacity:0.5}.triangleMain .triangleChart .num{width:30px;height:30px;font-size:18px}.triangleMain .triangleChart:after{display:none}.triangleMain .triangleChart.active{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (max-width:540px){.triangleMain{width:360px;height:315px;padding:41px 0 24px}.triangleMain .triangleChart{padding:0 10px}.triangleMain .triangleChart .num{width:20px;height:20px;font-size:12px}.triangleMain .triangleChart .title{font-size:14px}}@media (max-width:400px){.triangleMain{-webkit-transform:scale(0.85);transform:scale(0.85)}}.triangleBox{width:460px;margin-left:-85px}.triangleBox .triangleList{width:100%;height:100%}.triangleBox .triangleItem{width:290px;position:absolute}.triangleBox .triangleItem:before{content:"";width:170px;height:2px;background-color:#1eaddd;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-194px}.triangleBox .triangleItem3{width:340px;top:24%;right:27%}.triangleBox .triangleItem2{top:49%;right:19%}.triangleBox .triangleItem2:before{background-color:#b5b6b6}.triangleBox .triangleItem1{bottom:19.7%;right:1.5%}.triangleBox .triangleItem1:before{background-color:#259f4c}.triangleBox .title{font-size:20px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:1.2px}.triangleBox .title a{display:block}@media (min-width:1181px){.triangleBox .title a:hover .decoIcon{background-color:#1eaddd}}.triangleBox .text{font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px}.triangleBox .decoIcon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:50%;background-color:#e1e1e1;position:relative;margin-left:5px}@media (max-width:1040px){.triangleBox .decoIcon{display:none}}.triangleBox .decoIcon:after{content:"\f105";font-family:FontAwesome;color:#fff;font-size:20px;font-weight:500;margin-left:4px}.triangleBox .arrowCircle{width:45px;height:45px;border-radius:50%;background-color:#1eaddd;cursor:pointer;position:absolute;top:calc(50% - 22.5px);display:none}.triangleBox .arrowCircle:after{content:"";width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;position:absolute;top:calc(50% - 5px);left:calc(50% - 4px)}.triangleBox .arrowCircle.prev{left:0}.triangleBox .arrowCircle.prev:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.triangleBox .arrowCircle.next{right:0}.triangleBox .arrowCircle.next:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);left:calc(50% - 6px)}@media (max-width:1600px){.triangleBox{width:400px;margin-left:-65px}.triangleBox .triangleItem:before{width:100px;left:-110px}.triangleBox .triangleItem3{top:23.7%;right:29%}.triangleBox .triangleItem2{top:49%;right:23.5%}.triangleBox .triangleItem1{bottom:17.8%;right:7%}}@media (max-width:1400px){.triangleBox{width:320px;margin-left:-45px}.triangleBox .triangleItem{width:340px}.triangleBox .triangleItem3{top:23.4%;right:8%}.triangleBox .triangleItem2{top:48.4%;right:-8%}.triangleBox .triangleItem1{bottom:17%;right:-28%}}@media (max-width:1040px){.triangleBox{width:100%;max-width:480px;margin-top:40px;margin-left:0;padding:0 55px}.triangleBox .triangleList{height:auto}.triangleBox .triangleItem{position:relative;width:100%;top:auto;right:auto;bottom:auto;text-align:center}.triangleBox .triangleItem:before{display:none}.triangleBox .arrowCircle{display:block}}@media (max-width:480px){.triangleBox{padding:0}.triangleBox .arrowCircle{display:none}.triangleBox .slick-dots{bottom:-35px}}.workflowArea{padding:140px 0 135px}.workflowArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.workflowArea .blockTitle{max-width:600px;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}.workflowArea .blockTitle .unitTitle{line-height:1.4}.workflowArea .blockTitle .unitTitleEn{line-height:1}.workflowArea .blockTitle .unitTitleEn:after{content:"";width:30px;height:2px;background-color:#1eaddd;display:block;margin:28px 0 24px}.workflowArea .blockTitle .unitSubtitle{font-size:18px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#444;letter-spacing:1.08px;margin-bottom:30px}.workflowArea .blockTitle .text{font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px}.workflowArea.show .blockTitle{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.workflowArea.show .workflowBox .workflowItem{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (max-width:1180px){.workflowArea{padding:100px 0}.workflowArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.workflowArea .blockTitle{margin-bottom:40px;padding:0}}@media (max-width:768px){.workflowArea{padding:80px 0}}@media (max-width:400px){.workflowArea{padding:50px 0}}.workflowBox{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-ms-grid;display:grid;-ms-grid-columns:240px 80px 240px;grid-template-columns:repeat(2,240px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px 80px;padding:0 50px}@media (max-width:768px){.workflowBox{padding:0;-ms-grid-columns:1fr 30px 1fr;grid-template-columns:repeat(2,1fr);gap:30px}}.workflowBox .workflowItem{opacity:0;padding:35px;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 0.5s;transition:all 0.5s}@media (max-width:640px){.workflowBox .workflowItem{width:100%;padding:15px}}.workflowBox .workflowItem:first-child{-webkit-transition-delay:0.3s;transition-delay:0.3s}.workflowBox .workflowItem:nth-child(2){-webkit-transition-delay:0.6s;transition-delay:0.6s}.workflowBox .workflowItem:nth-child(3){-webkit-transition-delay:0.9s;transition-delay:0.9s}.workflowBox .workflowItem:nth-child(4){-webkit-transition-delay:1.2s;transition-delay:1.2s}.workflowBox .workflowItem:first-child{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.workflowBox .workflowItem:first-child .Img:before{content:"\f101";font-size:20px;font-weight:400;font-family:FontAwesome;color:#222;letter-spacing:1.2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-80px}@media (max-width:640px){.workflowBox .workflowItem:first-child .Img:before{right:-35px}}.workflowBox .workflowItem:nth-child(2){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.workflowBox .workflowItem:nth-child(2) .Img:before{content:"\f103";font-size:20px;font-weight:400;font-family:FontAwesome;color:#222;letter-spacing:1.2px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-105px}@media (max-width:640px){.workflowBox .workflowItem:nth-child(2) .Img:before{bottom:-80px}}.workflowBox .workflowItem:nth-child(3){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.workflowBox .workflowItem:nth-child(3) .Img:before{content:"\f100";font-size:20px;font-weight:400;font-family:FontAwesome;color:#222;letter-spacing:1.2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-85px}@media (max-width:640px){.workflowBox .workflowItem:nth-child(3) .Img:before{left:-35px}}.workflowBox .workflowItem:nth-child(4){-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.workflowBox .workflowItem:nth-child(4) .Img:before{content:"\f102";font-size:20px;font-weight:400;font-family:FontAwesome;color:#222;letter-spacing:1.2px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-60px}@media (max-width:640px){.workflowBox .workflowItem:nth-child(4) .Img:before{top:-40px}}.workflowBox .Img{padding:15px;border-radius:50%;border:1px solid #ddd}@media (max-width:400px){.workflowBox .Img{padding:8px}}.workflowBox .Img img{background-color:#f8f8f8;border-radius:50%;width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.workflowBox .Img:after{content:attr(data-num);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:30px;background-color:#1eaddd;border-radius:50%;font-size:18px;font-weight:700;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#fff;letter-spacing:0px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-15px}.workflowBox .title{text-align:center;font-size:20px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:0.4px;margin-top:12px}@media (max-width:400px){.workflowBox .title{font-size:17px}}