.materialBg{background-image:url("../images/material.jpg")}.unitInfoBox{padding-top:130px;padding-bottom:110px}.unitInfoBox .unitTitleBox{display:block;margin-bottom:50px;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}.unitInfoBox .unitTitleBox .unitTitle{line-height:1;margin-bottom:7px}.unitInfoBox .unitTitleBox .unitTitleEn{line-height:1}.unitInfoBox .unitDecoImg{width:calc(100% + 10px);margin-bottom:40px;clip-path:inset(0 100% 0 0);-webkit-transition:all 0.5s 0.3s linear;transition:all 0.5s 0.3s linear}.unitInfoBox .unitDecoImg img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.unitInfoBox .unitExp{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s 0.5s linear;transition:all 0.5s 0.5s linear}.unitInfoBox .bread{text-align:center}.unitInfoBox .textTicker{border-bottom:none;margin-top:85px}.unitInfoBox .textTicker .textItem{padding-bottom:0;font-size:120px;font-weight:700;font-family:"Lato",sans-serif;color:transparent;letter-spacing:4.8px;-webkit-text-stroke:1px #fff}.unitInfoBox.show .unitTitleBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.unitInfoBox.show .unitDecoImg{clip-path:inset(0 0 0 0)}.unitInfoBox.show .unitExp{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1180px){.unitInfoBox{padding:100px 0}.unitInfoBox .unitTitleBox{margin-bottom:40px}.unitInfoBox .textTicker{margin-top:50px}.unitInfoBox .textTicker .textItem{font-size:100px}}@media (max-width:768px){.unitInfoBox{padding:80px 0}.unitInfoBox .unitTitleBox{margin-bottom:30px}.unitInfoBox .textTicker{margin-top:30px}.unitInfoBox .textTicker .textItem{font-size:80px}}.aboutArea{padding-bottom:210px}.aboutArea .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:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.aboutArea .wrap .left{width:50%;-ms-flex-negative:0;flex-shrink:0;padding-right:105px;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}.aboutArea .titleBox{margin-bottom:32px}.aboutArea .titleBox .title{font-size:28px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:0.56px;line-height:1.4}.aboutArea .titleBox .subTitle{margin-top:6px;font-size:18px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#444;letter-spacing:1.08px;padding-bottom:40px;border-bottom:1px solid #cacaca}.aboutArea .titleBox .text{padding:32px 0}.aboutArea .imgBox{width:50vw;-ms-flex-negative:0;flex-shrink:0;padding-left:40px;clip-path:inset(0 100% 0 0);-webkit-transition:all 0.5s 0.3s linear;transition:all 0.5s 0.3s linear}.aboutArea .imgBox img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.aboutArea.show .wrap .left{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.aboutArea.show .imgBox{clip-path:inset(0 0 0 0)}@media (max-width:1600px){.aboutArea{padding-bottom:150px}.aboutArea .wrap .left{padding-right:80px}.aboutArea .imgBox{padding-left:0}.aboutArea .imgBox img{min-height:400px;-o-object-fit:cover;object-fit:cover}}@media (max-width:1180px){.aboutArea{padding-bottom:0}.aboutArea .wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.aboutArea .wrap .left{width:100%;padding-right:0;margin-bottom:50px}.aboutArea .imgBox{width:100dvw;padding-left:0}}.aboutBox{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;margin:0 -70px}.aboutBox .aboutItem{padding:0 70px;-webkit-box-flex:1;-ms-flex:1;flex:1;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}.aboutBox .aboutItem:not(:last-child){border-right:1px solid #cacaca}.aboutBox .Txt{font-size:18px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:1.08px;padding-bottom:20px;margin-bottom:25px}.aboutBox .Txt:after,.aboutBox .Txt:before{content:"";width:15px;height:2px;position:absolute;bottom:0}.aboutBox .Txt:before{right:50%;background-color:#259f4c}.aboutBox .Txt:after{left:50%;background-color:#1eaddd}.aboutBox .Img{width:70px}.aboutBox .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:1600px){.aboutBox{margin:0 -10px}.aboutBox .aboutItem{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px}.aboutBox .Img{width:100%;max-width:70px}}.businessArea{padding-top:75px;padding-bottom:380px}.businessArea .blockTitle{margin-top:36px;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}.businessArea.show .blockTitle{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.businessArea.show .businessBox{opacity:1}@media (max-width:1450px){.businessArea{padding-bottom:350px}}@media (max-width:1300px){.businessArea{padding-bottom:300px}}@media (max-width:1180px){.businessArea{padding-bottom:240px}}@media (max-width:1040px){.businessArea{padding-bottom:80px}}@media (max-width:480px){.businessArea{padding-bottom:50px}}.businessBox{margin-top:150px;opacity:0;-webkit-transition:all 0.5s 0.3s linear;transition:all 0.5s 0.3s linear}.businessBox .businessList,.businessBox .businessListBox{position:static}.businessBox .mainImg{width:43.33%;margin:0 auto}.businessBox .mainImg img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.businessBox .businessItem{position:absolute;top:calc(50% - 75px);left:50%;-webkit-transform-origin:left center;transform-origin:left center;width:calc(50% - 245px);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:center;-ms-flex-align:center;align-items:center}.businessBox .item{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;gap:25px;-webkit-transition:all 0.5s;transition:all 0.5s}.businessBox .item.column .Txt{bottom:-30px;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.businessBox .item.right .Txt{top:50%;right:-30px;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.businessBox .item.left .Txt{top:50%;left:-30px;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}@media (min-width:1181px){.businessBox .item:hover .title{color:#1eaddd}.businessBox .item:hover .title:before{color:#1eaddd}.businessBox .item:hover .Img{background-color:#1eaddd}}.businessBox .Img{width:150px;-ms-flex-negative:0;flex-shrink:0;padding:15px;border-radius:50%;border:1px solid #ddd;background-color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s}.businessBox .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;overflow:hidden;background-color:#f8f8f8}.businessBox .deco{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}.businessBox .deco:after{content:"";width:80px;height:1px;background-color:#e0e0e0}.businessBox .deco .circle{width:30px;height:30px;border-radius:50%;background-color:rgba(30,173,221,0.15);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}.businessBox .deco .circle:after{content:"";width:10px;height:10px;border-radius:50%;background-color:rgba(30,173,221,0.45)}.businessBox .Txt{width:215px;position:absolute}.businessBox .Txt .title{font-size:20px;font-weight:500;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#222;letter-spacing:0.4px;margin-bottom:10px;-webkit-transition:all 0.5s;transition:all 0.5s}.businessBox .Txt .title:before{content:attr(data-num);display:inline-block;font-size:22px;font-weight:500;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#444;letter-spacing:0px;margin-right:20px;-webkit-transition:all 0.5s;transition:all 0.5s}.businessBox .Txt .text{font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}.businessBox .arrowCircle{width:45px;height:45px;border-radius:50%;background-color:#1eaddd;cursor:pointer;position:absolute;top:calc(50% - 25px);display:none}.businessBox .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% - 5px)}.businessBox .arrowCircle.prev{left:-25px}.businessBox .arrowCircle.prev:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.businessBox .arrowCircle.next{right:-25px}.businessBox .arrowCircle.next:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}@media (max-width:1450px){.businessBox .businessItem{width:calc(50% - 200px);top:calc(50% - 60px)}.businessBox .Img{width:120px;padding:10px}.businessBox .item.column .Txt{bottom:-20px}.businessBox .item.right .Txt{right:-20px}.businessBox .item.left .Txt{left:-20px}}@media (max-width:1300px){.businessBox .businessItem{width:calc(50% - 180px);top:calc(50% - 50px)}.businessBox .item.column .Txt{bottom:-10px}.businessBox .item.right .Txt{right:-10px}.businessBox .item.left .Txt{left:-10px}.businessBox .Img{width:100px;padding:5px}.businessBox .deco:after{width:60px}.businessBox .Txt{width:200px}.businessBox .Txt .title{font-size:18px;margin-bottom:5px}}@media (max-width:1040px){.businessBox{width:100%;margin:50px 0 0}.businessBox .mainImg{max-width:500px;width:100%;margin:0 auto -150px}.businessBox .businessListBox{position:relative;max-width:540px;margin:0 auto;padding:20px}.businessBox .businessItem{position:relative;top:auto;left:auto;width:auto;padding:10px}.businessBox .businessItem .item{position:relative;background-color:#fff;padding:20px;margin:0 auto;border-radius:2px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.businessBox .businessItem .Txt{-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;position:relative}.businessBox .deco{display:none}.businessBox .arrowCircle{display:block}}@media (max-width:480px){.businessBox .mainImg{margin-bottom:-100px}.businessBox .Img{width:100px;padding:0;border:none}.businessBox .businessListBox{padding:0}.businessBox .arrowCircle{display:none}.businessBox .businessItem .item{padding:15px}}@media (max-width:400px){.businessBox .businessItem .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.businessBox .Img{width:120px}}.historyArea{padding-top:100px;background-image:url("../images/material.jpg");overflow:hidden}.historyArea:before{content:"HISTORY";font-size:140px;font-weight:500;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#f9f9f9;letter-spacing:0px;opacity:0.7;line-height:130px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;white-space:nowrap;position:absolute;top:0;left:-20px;-webkit-animation:moveDown 18s infinite linear;animation:moveDown 18s infinite linear}.historyArea .blockTitle{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.5s linear;transition:all 0.5s linear}.historyArea .classBox{margin-top:40px;margin-bottom:95px}.historyArea .classBox:after,.historyArea .classBox:before{content:"";width:100dvw;height:1px;display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#cacaca}.historyArea .classBox:before{top:0}.historyArea .classBox:after{bottom:0}.historyArea .classBox .classList .slick-list{overflow:visible}.historyArea .classBox .classList .slick-slide:first-child .classItem{border-left:1px solid #cacaca}.historyArea .classBox .classItem{border-right:1px solid #cacaca}.historyArea .classBox .classLink{height:60px;font-size:18px;font-weight:500;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#444;letter-spacing:0px;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;cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;text-align:center}@media (max-width:480px){.historyArea .classBox .classLink{font-size:16px}}.historyArea .classBox .classLink:after{content:"";width:100%;height:2px;background-color:#1eaddd;position:absolute;bottom:1px;left:0;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}.historyArea .classBox .classLink.current{color:#1eaddd}.historyArea .classBox .classLink.current:after{opacity:1}.historyArea.show .blockTitle{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.historyArea.show .historyBox .left{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.historyArea.show .historyBox .historyViewBox{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:1040px){.historyArea .classBox{margin-top:20px;margin-bottom:60px}}.historyBox{padding-bottom:100px;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;-webkit-transition:all 0.5s;transition:all 0.5s}.historyBox.hide{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.historyBox .left{width:480px;-ms-flex-negative:0;flex-shrink:0;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.5s 0.3s linear;transition:all 0.5s 0.3s linear}.historyBox .classImg img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.historyBox .classTitle{text-align:center;font-size:90px;font-weight:700;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:transparent;letter-spacing:3.6px;white-space:nowrap;line-height:1;margin-top:25px;-webkit-text-stroke:1px #d9d9d9}.historyBox .classTitle:after{content:attr(data-text);font-size:40px;font-weight:500;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#222;letter-spacing:0px;-webkit-text-stroke:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.historyBox .historyViewBox{-webkit-box-flex:1;-ms-flex:1;flex:1;height:420px;padding-left:95px;padding-right:50px;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.5s 0.6s linear;transition:all 0.5s 0.6s linear}.historyBox .historyViewBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.15);box-shadow:inset 0 0 3px rgba(0,0,0,0.15);background-color:#eaeaea;border-radius:2px}.historyBox .historyViewBox::-webkit-scrollbar{width:3px;height:3px;background-color:#eaeaea}.historyBox .historyViewBox::-webkit-scrollbar-thumb{background:#1eaddd;border-radius:2px}.historyBox .historyItem{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:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:28px 0;border-bottom:1px solid #cacaca}.historyBox .historyItem:first-child{border-top:1px solid #cacaca}.historyBox .historyItem .year{font-size:18px;font-weight:500;font-family:"Roboto","Noto Sans TC","Microsoft JhengHei",serif;color:#444;letter-spacing:0px}.historyBox .historyItem .title{font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px;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:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.historyBox .historyItem .title:before{content:"";width:1px;height:20px;background-color:#cacaca;display:inline-block;margin:0 20px}.historyBox .historyItem .title a{display:block;font-size:16px;font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#555;letter-spacing:0.96px}@media (min-width:1181px){.historyBox .historyItem .title a:hover{color:#1eaddd}}@media (max-width:1180px){.historyBox .left{width:400px}.historyBox .historyViewBox{padding:0 20px 0 50px}.historyBox .classTitle{font-size:72px}}@media (max-width:1040px){.historyBox{-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}.historyBox .left{width:100%;max-width:480px;margin-bottom:20px}.historyBox .historyViewBox{-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:100%;padding:0 20px 0 0}}@media (max-width:480px){.historyBox .classTitle{text-shadow:none;font-size:40px}}