.applicationArea .applicationList .item:before,.applicationArea .applicationList:not(.slick-slider) .Txt,.applicationArea .applicationList:not(.slick-slider) .applicationItem,.lightBoxArea,.lightBoxArea .lightBox,.lightBoxArea .lightWrap,.techList .title{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.mainArea{padding-bottom:0}.titleBox .title{font-size:26px}.titleBox .text{margin-left:auto;margin-right:auto;width:100%;max-width:1170px;color:rgba(80,80,80,0.8)}.bottomBox .arrowBox{position:relative;padding:0 80px;width:100%;max-width:570px;margin:0 auto}.bottomBox .arrowBox .arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.bottomBox .arrowBox .prev{left:0}.bottomBox .arrowBox .next{right:0}.bottomBox .numberBox{padding:20px 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:15px;font-weight:700;font-family:"Inter",Lato,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#333333}.bottomBox .numberBox:after,.bottomBox .numberBox:before{content:"";position:relative;width:100%;height:1px;background-color:#e0e0e0}.numberBox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-family:"Inter",Lato,Noto Sans TC,Microsoft JhengHei,sans-serif}.numberBox .slash{padding:0 5px}.numberBox .currentNumber{padding-left:25px}.numberBox .totalNumber{padding-right:25px}.applicationArea{padding:50px 0 120px;background-color:#fff}@media (max-width:1180px){.applicationArea{padding:25px 0 60px}}.applicationArea .topClassBox{padding:32px 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1180px){.applicationArea .topClassBox{padding:20px 0}}.applicationArea .topClassBox .Txt{padding-right:45px;font-weight:700;color:#333333}.applicationArea .topClassBox .subTitle{margin-bottom:8px;font-size:22px}.applicationArea .topClassBox .title{font-size:18px}.applicationArea .topClassBox .decoLine{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:7px}.applicationArea .topClassBox .decoLine:after,.applicationArea .topClassBox .decoLine:before{content:"";position:absolute;top:0;width:7px;height:7px;border-radius:50%;background-color:#ff9f17}.applicationArea .topClassBox .decoLine:before{right:5px}.applicationArea .topClassBox .decoLine:after{right:17px}.applicationArea .topClassBox .decoLine .line{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);height:1px;background-color:#e6e6e6}.applicationArea .applicationBox:not(:first-child){padding-top:60px}@media (max-width:1108px){.applicationArea .applicationBox:not(:first-child){padding-top:30px}}.applicationArea .applicationInsBox{margin:0 -10px}.applicationArea .applicationList:not(.slick-slider){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden}.applicationArea .applicationList:not(.slick-slider)[data-count='4'] .applicationItem{width:-webkit-calc(45%/3);width:-moz-calc(45%/3);width:calc(45% / 3)}.applicationArea .applicationList:not(.slick-slider)[data-count='3'] .applicationItem{width:-webkit-calc(45%/2);width:-moz-calc(45%/2);width:calc(45% / 2)}.applicationArea .applicationList:not(.slick-slider)[data-count='2'] .applicationItem{width:45%}.applicationArea .applicationList:not(.slick-slider) .applicationItem{width:-webkit-calc(45%/4);width:-moz-calc(45%/4);width:calc(45% / 4)}.applicationArea .applicationList:not(.slick-slider) .applicationItem.current{width:55%}.applicationArea .applicationList:not(.slick-slider) .applicationItem.current .item:before{opacity:0}.applicationArea .applicationList:not(.slick-slider) .applicationItem.current .Txt{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.applicationArea .applicationList:not(.slick-slider) .Txt{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0}.applicationArea .applicationList.pc{padding:0 10px}@media (max-width:1180px){.applicationArea .applicationList.pc{display:none}}@media (min-width:1181px){.applicationArea .applicationList.mobile{display:none}}.applicationArea .applicationList.mobile .applicationItem{padding:0 10px}.applicationArea .applicationList .item{position:relative;overflow:hidden}.applicationArea .applicationList .item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:1}@media (max-width:1180px){.applicationArea .applicationList .item:before{display:none}}.applicationArea .applicationList .Txt{padding:20px 40px 25px 40px;position:absolute;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:500px;line-height:1.8;background-color:#fff;z-index:2}@media (max-width:1180px){.applicationArea .applicationList .Txt{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px)}}@media (max-width:960px){.applicationArea .applicationList .Txt{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:30px;padding-right:30px}}.applicationArea .applicationList .textBox{padding-left:30px;padding-right:30px}@media (max-width:960px){.applicationArea .applicationList .textBox{padding:0}}.applicationArea .applicationList .num{font-size:15px;font-weight:400;font-family:"Inter",Lato,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#bf001a}.applicationArea .applicationList .title{margin-bottom:10px;font-size:15px;font-weight:700;color:#bf001a}.applicationArea .applicationList .text{font-size:14px;font-weight:400;color:rgba(80,80,80,0.8)}.applicationArea .applicationList img{display:block;width:100%;-o-object-fit:cover;object-fit:cover;height:465px}.caseArea{padding:130px 0 125px;background-color:#fafafa}@media (max-width:1180px){.caseArea{padding:50px 0}}.caseArea .wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@media (max-width:1180px){.caseArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.caseArea .leftBox{padding-right:55px;width:22.7%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1180px){.caseArea .leftBox{margin-bottom:20px;padding-right:0;width:100%;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (max-width:480px){.caseArea .leftBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:1180px){.caseArea .leftBox .titleBox{margin-bottom:0}}.caseArea .leftBox .bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1180px){.caseArea .leftBox .bottom{margin-top:10px;padding-left:30px}}@media (max-width:480px){.caseArea .leftBox .bottom{padding-left:0;width:100%}}.caseArea .leftBox .numberBox .currentNumber{padding-left:0}.caseArea .leftBox .arrowBox{margin-right:-6px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.caseArea .leftBox .arrowBox .arrow{margin:0 6px}.caseArea .rightBox{width:77.3%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width:1180px){.caseArea .rightBox{width:100%}}.caseArea .caseBox{margin:0 -8px}.caseArea .caseList:not(.slick-slider){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden}.caseArea .caseList:not(.slick-slider) .caseItem:not(:first-child){display:none}.caseArea .caseList .caseItem{padding:10px 8px}.caseArea .caseList .caseItem.hasData{cursor:pointer}.caseArea .caseList .Txt{padding:20px 20px 25px;background-color:#fff;text-align:center}.caseArea .caseList .Txt .title{font-size:19px;font-weight:700;color:#333333}.caseArea .caseList .Txt .subTitle{margin-top:12px;font-size:14px;font-weight:400;color:#afafaf}.caseArea .caseList img{display:block;width:100%;border-radius:10px 10px 0 0}.techArea{padding:70px 0 105px;background-color:#f5f5f5;overflow:hidden}@media (max-width:1180px){.techArea{padding:40px 0 50px}}.techArea .wrap{max-width:1445px}.techArea .slick-list{overflow:visible}.techArea .arrowBox{margin-top:5px}.techList .techItem{padding:15px}@media (max-width:1180px){.techList .techItem{padding:15px 10px}}@media (max-width:768px){.techList .techItem{padding:15px 5px}}.techList .item{position:relative;pointer-events:none}.techList .item>a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@media (min-width:1181px){.techList .item:hover .title{color:#bf001a}}.techList .item.show{pointer-events:auto}.techList .TxtBox{position:absolute;top:100%;left:0;width:100%}.techList .Txt{margin:0 auto;padding:45px 20px;line-height:1.8;text-align:center;width:100%;max-width:700px;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s;opacity:0}@media (max-width:1180px){.techList .Txt{padding:20px}}.techList .Txt.show{opacity:1}.techList .title{margin-bottom:15px;font-size:21px;font-weight:700;color:#333333}@media (max-width:1180px){.techList .title{margin-bottom:5px;font-size:17px;line-height:1.3}}.techList .text{font-size:16px;font-weight:400;color:rgba(80,80,80,0.8)}.techList img{margin:0 auto;display:block;border-radius:10px}@media (max-width:1600px){.techList img{height:500px}}@media (max-width:1280px){.techList img{height:400px}}@media (max-width:1180px){.techList img{height:300px}}@media (max-width:768px){.techList img{height:200px}}@media (max-width:520px){.techList img{height:130px}}.catalogArea{padding:110px 0 115px;background-color:#fff}@media (max-width:1180px){.catalogArea{padding:50px 0}}.catalogArea .catalogInsTitle{margin-bottom:45px;font-size:21px;font-weight:700;color:#333333}@media (max-width:1180px){.catalogArea .catalogInsTitle{margin-bottom:30px}}.catalogArea .catalogInsBox{padding:40px 0}.catalogArea .catalogBox{margin:0 -15px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s}.catalogArea .catalogBox.hide{pointer-events:none;opacity:0;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s}.catalogArea .catalogList:not(.slick-slider){display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.catalogArea .catalogList:not(.slick-slider) .catalogItem{width:-webkit-calc(100%/4);width:-moz-calc(100%/4);width:calc(100%/4);padding:0 15px 30px}@media (max-width:1180px){.catalogArea .catalogList:not(.slick-slider) .catalogItem{width:-webkit-calc(100%/2);width:-moz-calc(100%/2);width:calc(100%/2)}}@media (max-width:640px){.catalogArea .catalogList:not(.slick-slider) .catalogItem{width:100%}}.catalogArea .catalogList .Img{position:relative;width:100%;max-width:210px;margin:0 auto}.catalogArea .catalogList .Img:before{-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.15);box-shadow:0 3px 8px rgba(0,0,0,0.15);color:#fff;display:block;line-height:1;letter-spacing:0.5px;padding:8px 25px;position:absolute;top:12px;left:12px;z-index:2;text-align:center;-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.catalogArea .catalogList .Img.statusNew:before{content:'NEW';background-color:#bf001a;border:1px solid #bf001a}.catalogArea .catalogList .Img.statusHot:before{content:'HOT';background-color:#bf001a;border:1px solid #bf001a}.catalogArea .catalogList .Img a{display:block;overflow:hidden}.catalogArea .catalogList .Img img{margin:0 auto;display:block;width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.catalogArea .catalogList .Txt{padding:35px 20px;text-align:center;background-color:#fff}@media (max-width:1180px){.catalogArea .catalogList .Txt{padding:25px 10px}}.catalogArea .catalogList .Txt .mTitle{margin-bottom:12px;font-size:14px;font-weight:400;color:#bf001a;text-transform:uppercase}.catalogArea .catalogList .Txt .title{font-size:19px;font-weight:700}@media (max-width:1180px){.catalogArea .catalogList .Txt .title{font-size:18px}}.catalogArea .catalogList .Txt .title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogArea .catalogList .Txt .text{height:60px;color:#8B8B8B;font-size:16px;padding-top:10px}@media (max-width:1180px){.catalogArea .catalogList .Txt .text{font-size:15px}}.catalogArea .catalogList .Txt .btnBox{margin-top:15px}.catalogArea .catalogList .price{margin-top:10px}.catalogArea .catalogList .price strong{display:inline-block;margin:0 5px}.catalogArea .catalogList .price .discount b{font-style:italic;font-size:18px;color:#000000}.catalogArea .bottomBox{margin-top:30px}@media (max-width:1180px){.catalogArea .bottomBox{margin-top:0}}.lightBoxArea{pointer-events:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;opacity:0}.lightBoxArea.show{overflow-y:auto;pointer-events:auto;opacity:1}.lightBoxArea .lightBoxWrap{position:relative;padding:10% 0;min-height:100vh}@media (max-width:1180px){.lightBoxArea .lightBoxWrap{padding-top:40px;padding-bottom:60px}}.lightBoxArea .lightWrap{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.1);opacity:0}.lightBoxArea .lightWrap.show{opacity:1}.lightBoxArea .closeBtn{cursor:pointer;position:absolute;top:-25px;right:-25px;width:60px;height:60px;background-color:#929292;border-radius:50%}@media (min-width:1181px){.lightBoxArea .closeBtn:hover span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.lightBoxArea .closeBtn:hover span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}}.lightBoxArea .closeBtn span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;height:2px}.lightBoxArea .closeBtn span:after,.lightBoxArea .closeBtn span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.lightBoxArea .closeBtn span:before{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.lightBoxArea .closeBtn span:after{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}.lightBoxArea .lightBox{margin:0 auto;position:relative;background-color:#fff;width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);max-width:1100px;z-index:2;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0}.lightBoxArea .lightBox.show{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1}.lightBoxArea .lightBox .lightContentBox{padding:60px 80px 120px}@media (max-width:960px){.lightBoxArea .lightBox .lightContentBox{padding:40px 60px 60px}}.lightBoxArea .lightBox .topTitleBox{margin-bottom:30px;text-align:center}@media (max-width:960px){.lightBoxArea .lightBox .topTitleBox{margin-bottom:20px}}.lightBoxArea .lightBox .topTitleBox .title{font-size:26px;font-weight:700;color:#333333}.lightBoxArea .lightBox .topTitleBox .subTitle{margin-top:10px;font-size:16px;font-weight:400;color:#afafaf}.lightBoxArea .lightBox .flexBox{padding:25px 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@media (max-width:960px){.lightBoxArea .lightBox .flexBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.lightBoxArea .lightBox .flexBox .Img{width:56.45%}@media (max-width:960px){.lightBoxArea .lightBox .flexBox .Img{width:100%}}.lightBoxArea .lightBox .flexBox .Txt{padding-left:30px;width:43.55%}@media (max-width:960px){.lightBoxArea .lightBox .flexBox .Txt{padding-top:30px;padding-left:0;width:100%}}.lightBoxArea .lightBox .flexBox img{display:block}.lightBoxArea .lightBox .title{line-height:1.6;margin-bottom:15px}