.facList .Img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.applicationList .Img img,.applicationList .Txt .title,.facList .Img img,.facList .Txt,.facList .item,.introBox .rightBox .Img img,.navBar,.navBar .nav:before,.navBar .navCurrent,.navBar .navCurrent:before,.navBar .text,.technologyList .Img img,.technologyList .Txt .title,.technologyList .Txt:before{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.indexPage{position:relative;overflow:hidden}@media (min-width:1181px){.indexPage{padding:100px 0 130px}}.indexPage .wrap{max-width:1790px}.facList .facItem{padding:0 0px 70px}.facList .facItem:nth-child(2n) .Txt{left:0;right:auto}.facList .facItem:nth-child(2n) .Txt .textBox{margin-left:auto}.facList .facItem:nth-child(2n) .item{-webkit-transform:translateX(3%);transform:translateX(3%)}.facList .facItem:nth-child(2n) .Txt{-webkit-transform:translateX(5%);transform:translateX(5%)}.facList .facItem .item{-webkit-transform:translateX(-3%);transform:translateX(-3%);opacity:0}.facList .facItem .Txt{-webkit-transform:translateX(-5%);transform:translateX(-5%);opacity:0}.facList .facItem.active .item{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.facList .facItem.active .Txt{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s}.facList .item{-webkit-box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.4);box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.4);border-radius:0 55px 0 55px;overflow:hidden;position:relative}@media (min-width:1181px){.facList .item:hover{-webkit-box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.5);box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.5);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.facList .item:hover .Img{-webkit-filter:saturate(1);filter:saturate(1)}.facList .item:hover .Img img{-webkit-transform:scale(1.05);transform:scale(1.05)}.facList .item:hover .Txt{background-color:rgba(0,0,0,0.35);-webkit-box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.4);box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.4)}}.facList .Img{position:relative;width:100%;-webkit-filter:saturate(0.6);filter:saturate(0.6)}.facList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:1440px){.facList .Img{height:355px}.facList .Img img{height:100%;-o-object-fit:cover;object-fit:cover}}@media (max-width:1180px){.facList .Img{height:unset;-webkit-filter:saturate(1);filter:saturate(1)}}@media (max-width:768px){.facList .Img{height:200px}}.facList .Txt{width:calc(50% + 90px);height:100%;background-color:rgba(0,0,0,0.1);border-radius:0 55px 0 55px;padding:80px 90px 40px;position:absolute;top:0;right:0;pointer-events:none}@media (max-width:1440px){.facList .Txt{padding:40px 90px}}@media (max-width:1180px){.facList .Txt{padding:30px 40px;background-color:rgba(0,0,0,0.35)}}@media (max-width:768px){.facList .Txt{width:100%;height:unset;background-color:#fff;border-radius:0;padding:30px;position:relative;pointer-events:auto}}@media (max-width:400px){.facList .Txt{padding:20px 20px 30px}}.facList .Txt .textBox{max-height:100%;height:100%;width:100%;max-width:620px;color:#fff;overflow:auto}.facList .Txt .textBox::-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:#dbdbdb}.facList .Txt .textBox::-webkit-scrollbar{width:3px;height:3px;background-color:#dbdbdb}.facList .Txt .textBox::-webkit-scrollbar-thumb{background:#17ead9}@media (max-width:768px){.facList .Txt .textBox{height:unset;max-height:unset}}.facList .Txt .title{width:100%;font-family:"Poppins","Noto Sans TC",sans-serif;font-size:29px;font-weight:700;line-height:1.2;letter-spacing:calc(29 * 0 / 1000 * 1px);position:relative;padding:0 0 30px;border-bottom:2px solid rgba(198,198,198,0.4)}.facList .Txt .title a{color:#fff}@media (max-width:1180px){.facList .Txt .title{font-size:26px;padding-bottom:15px}}@media (max-width:768px){.facList .Txt .title{font-size:20px;padding-bottom:10px}.facList .Txt .title a{color:#474747}}.facList .Txt .text{color:#fff;font-size:18px;font-weight:400;line-height:1.73;letter-spacing:calc(18 * 30 / 1000 * 1px);padding-top:10px}@media (max-width:1180px){.facList .Txt .text{font-size:16px;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width:768px){.facList .Txt .text{color:#8b8b8b;font-size:14px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}}.facList .Txt .btnBox{margin-left:auto}@media (min-width:769px){.facList .Txt .btnBox{display:none}}.facList .linkWrap{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.bannerArea.insPage{position:relative}.bannerArea.insPage:before{content:"";display:block;position:absolute;width:100%;height:100%;background-image:url("../images/cross.png");top:0;left:0;opacity:0.32;pointer-events:none}.mainArea.insPage{padding-top:0;padding-bottom:0}.mainArea.insPage .contentBox{position:relative}.titleBox .title{color:#474747;font-size:42px;font-weight:700;letter-spacing:0;line-height:1.2;text-shadow:none}@media (max-width:1180px){.titleBox .title{font-size:36px}}@media (max-width:768px){.titleBox .title{font-size:30px}}.bgTextArea{overflow:hidden}.bgTextArea .bgBox{width:100%}.bgTextArea .Img{width:100%}.bgTextArea .Img img{border-radius:25px 25px 0 0;width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;-o-object-fit:cover;object-fit:cover}.bgTextArea .textBox{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;padding:20px 0 65px}.bgTextArea .textBox .wrap{max-height:80%;overflow:auto}.bgTextArea .textBox .wrap::-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:#dbdbdb}.bgTextArea .textBox .wrap::-webkit-scrollbar{width:3px;height:3px;background-color:#dbdbdb}.bgTextArea .textBox .wrap::-webkit-scrollbar-thumb{background:#17ead9}.bgTextArea .textBox .exp{font-size:20px}.bgTextArea .textBox .textEditor{width:100%}@media (max-width:1180px){.bgTextArea .textBox{padding:40px 0;position:relative;background-color:#000}}.overViewArea{position:relative;padding:100px 0 0px}@media (max-width:1180px){.overViewArea{padding:80px 0 0px}}@media (max-width:768px){.overViewArea{padding:40px 0 0px}}.introBox{padding:45px 0 190px}@media (max-width:1180px){.introBox{padding:0px 0 100px}}@media (max-width:768px){.introBox{padding:0px 0 60px}}.introBox .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}@media (max-width:840px){.introBox .wrap{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.introBox .leftBox{position:relative;width:455px;padding-right:70px}@media (max-width:1600px){.introBox .leftBox{width:460px;padding-left:50px;padding-right:20px}}@media (max-width:840px){.introBox .leftBox{width:100%;padding:0}}.introBox .leftBox .exp{font-size:20px}.introBox .rightBox{width:calc(100% - 455px);position:sticky;top:150px;right:0;-webkit-filter:drop-shadow(7px 7px 12px rgba(0,0,0,0.6));filter:drop-shadow(7px 7px 12px rgba(0,0,0,0.6))}.introBox .rightBox .Img{width:100%;-webkit-mask:url(../images/application_overview_mask.png) no-repeat center center;mask:url(../images/application_overview_mask.png) no-repeat center center;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.introBox .rightBox .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (min-width:1181px){.introBox .rightBox .Img:hover img{-webkit-transform:scale(1.03);transform:scale(1.03)}}@media (max-width:1600px){.introBox .rightBox{width:calc(100% - 460px)}}@media (max-width:840px){.introBox .rightBox{width:100%;position:relative;top:0;padding:0 0 40px}}.bgIntroBox{position:relative}.bgIntroBox .textEditor{max-width:500px;color:#fff;margin-left:auto}@media (max-width:1180px){.bgIntroBox .textEditor{max-width:100%}}.applicationArea{padding:108px 0 54px}@media (max-width:1600px){.applicationArea{padding:100px 30px 50px}}@media (max-width:1180px){.applicationArea{padding:80px 0 40px}}@media (max-width:768px){.applicationArea{padding:60px 0 40px}}.applicationList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.applicationList .applicationItem{width:calc(100% / 3);padding:35px 30px 80px}@media (max-width:1440px){.applicationList .applicationItem{padding:30px 20px 60px}}@media (max-width:1180px){.applicationList .applicationItem{width:50%;padding:20px 20px 40px}}@media (max-width:768px){.applicationList .applicationItem{width:100%;padding:20px 0px 20px}}.applicationList .item{-webkit-box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.4);box-shadow:0px 7px 10.56px 1.44px rgba(0,0,0,0.4);background-color:#fff;position:relative;border-radius:0 55px 0 55px}.applicationList .item.hoverGradientBorder:before{border-radius:0 60px 0 60px}@media (min-width:1181px){.applicationList .item:hover .Img img{-webkit-transform:scale(1.1);transform:scale(1.1)}.applicationList .item:hover .Txt .title{color:#1d9caa}}@media (max-width:1180px){.applicationList .item{max-width:410px;margin:0 auto}}.applicationList .Img{width:100%;overflow:hidden;border-radius:0 55px 0 0}.applicationList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.applicationList .Txt{height:134px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 35px;position:relative;border-radius:0 0 0 55px;overflow:hidden}@media (max-width:1180px){.applicationList .Txt{padding:20px 30px;font-size:20px}}@media (max-width:768px){.applicationList .Txt{height:auto}}.applicationList .Txt a{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.applicationList .Txt .title{color:#474747;font-family:"Poppins","Noto Sans TC",sans-serif;font-size:22px;font-weight:700;line-height:1.27;letter-spacing:calc(22 * 0 / 1000 * 1px)}@media (min-width:769px){.applicationList .Txt .title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.applicationList .linkWrap{width:100%;height:100%;display:block}.featureArea{position:relative;overflow:hidden}.featureArea .textBox{top:0px;left:0;right:auto;padding:60px 0}.featureArea .textBox:before{content:'';position:absolute;top:35px;left:0;width:50%;height:calc(100% - 35px);border-radius:0 140px 0 0px;background-color:rgba(0,0,0,0.6)}.featureArea .textBox .wrap{position:relative;max-height:unset;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.featureArea .Txt{width:calc(50% - 30px);padding-right:85px;max-height:80%;overflow:auto}.featureArea .Txt::-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:#dbdbdb}.featureArea .Txt::-webkit-scrollbar{width:3px;height:3px;background-color:#dbdbdb}.featureArea .Txt::-webkit-scrollbar-thumb{background:#17ead9}@media (max-width:1180px){.featureArea .Txt{width:100%;padding-right:0}}.featureArea .textEditor{color:#fff}.technologyArea{padding:114px 0 247px;position:relative;overflow:hidden}.technologyArea .wrap{position:relative}@media (max-width:1600px){.technologyArea{padding:100px 30px 220px}}@media (max-width:1180px){.technologyArea{padding:80px 0 120px}}.technologyBox{background-color:#fff;border-radius:0 55px 0 55px;-webkit-box-shadow:0px 7px 16px 4px rgba(0,0,0,0.4);box-shadow:0px 7px 16px 4px rgba(0,0,0,0.4);position:relative;padding:50px 40px 40px;margin-top:70px}@media (max-width:1180px){.technologyBox{padding:20px 30px 30px;margin-top:40px}}.technologyList{padding:30px 0 50px;position:relative}@media (max-width:1180px){.technologyList{padding:20px 0 40px}}.technologyList.noSlick,.technologyList:not(.slick-slider){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.technologyList.noSlick .technologyItem,.technologyList:not(.slick-slider) .technologyItem{width:20%}@media (max-width:1340px){.technologyList.noSlick .technologyItem,.technologyList:not(.slick-slider) .technologyItem{width:25%}}@media (max-width:860px){.technologyList.noSlick .technologyItem,.technologyList:not(.slick-slider) .technologyItem{width:calc(100% / 3)}}@media (max-width:680px){.technologyList.noSlick .technologyItem,.technologyList:not(.slick-slider) .technologyItem{width:calc(100% / 2)}}@media (max-width:480px){.technologyList.noSlick .technologyItem,.technologyList:not(.slick-slider) .technologyItem{width:100%}}.technologyList.noSlick .slickClsItem{display:block!important}.technologyList.noSlick .slickClsItem:last-child .Txt:before{opacity:0}.technologyList.noSlick .Txt:before{opacity:1}.technologyList .slick-active .Txt:before{opacity:1}@media (min-width:1181px){.technologyList .item:hover .Img img{-webkit-transform:scale(1.1);transform:scale(1.1)}.technologyList .item:hover .Txt a{color:#1d9caa}}.technologyList .Img{width:120px;margin:0 auto;padding:10px}.technologyList .Img a{display:block}.technologyList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.technologyList .Txt{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-top:35px;position:relative;padding:0 20px}.technologyList .Txt:before{content:"";display:block;position:absolute;width:1px;height:100%;background-color:#c6c6c6;top:0;right:-1px;opacity:0}.technologyList .Txt a{width:100%;display:block}.technologyList .Txt .title{color:#474747;font-family:"Poppins","Noto Sans TC",sans-serif;font-size:21px;font-weight:700;line-height:1.23;letter-spacing:calc(21 * 0 / 1000 * 1px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:1180px){.technologyList .Txt{margin-top:20px;padding:0 10px}.technologyList .Txt .title{font-size:18px}}@media (max-width:480px){.technologyList .Txt{padding:0}.technologyList .Txt:before{display:none}}.navBar{width:90px;height:calc(100vh - 160px);display:block;position:fixed;top:160px;left:0;z-index:10}.navBar:before{content:"";display:block;position:absolute;width:1px;height:90%;background-color:#c5c5c5;top:5%;right:0}.navBar.hide{opacity:0;pointer-events:none}@media (max-width:1600px){.navBar{width:70px}}@media (max-width:1440px){.navBar{width:60px}}@media (max-width:1180px){.navBar{display:none;width:calc(100% - 40px);height:50px;background-color:rgba(255,255,255,0.5);border-radius:0 15px 0 15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);top:150px;left:20px;padding:0px 40px}.navBar:before{display:none}}@media (max-width:768px){.navBar{width:calc(100% - 40px);max-width:300px;height:40px;-webkit-filter:drop-shadow(0px 0px 8px rgba(0,0,0,0.2));filter:drop-shadow(0px 0px 8px rgba(0,0,0,0.2));top:100px;left:50%;padding:0px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.navBar .navCurrent{border-radius:0 15px 0 0;cursor:pointer;color:#000;font-family:"Poppins","Noto Sans TC",sans-serif;font-size:15px;font-weight:400;line-height:40px;letter-spacing:calc(15 * 0 / 1000 * 1px);text-align:center;padding:0 40px}.navBar .navCurrent:before{content:"\f107";color:#000;font-size:15px;font-family:FontAwesome;line-height:1;margin-top:-6px;position:absolute;right:15px;top:50%;z-index:1}.navBar .navCurrent.show{background-color:#fff;color:#1d9caa}.navBar .navCurrent.show:before{color:#1d9caa;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (min-width:769px){.navBar .navCurrent{display:none}}.navBar .navList{width:100%;height:100%;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1180px){.navBar .navList{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (max-width:768px){.navBar .navList{height:unset;background-color:#fff;border-radius:0 0 0 15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:100%;left:0;opacity:0;pointer-events:none;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all 0.3s;transition:all 0.3s}.navBar .navList.show{pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.navBar .navItem{display:block;width:100%;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}@media (max-width:1180px){.navBar .navItem{width:100%;height:40px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}@media (max-width:768px){.navBar .navItem{border-top:1px solid rgba(0,0,0,0.1)}}.navBar .nav{display:block;width:100%;height:100%;position:relative}.navBar .nav:before{content:"";display:block;position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 0 20px 17px #61c3f5;box-shadow:0 0 20px 17px #61c3f5;top:calc(50% - 5px);right:-5px;opacity:0}.navBar .nav.current:before{opacity:1}.navBar .nav.current .text{color:#000;font-size:20px;font-weight:700}@media (min-width:769px){.navBar .nav.current .text.white{color:#fff}}@media (max-width:1440px){.navBar .nav.current .text{font-size:18px}}@media (max-width:1180px){.navBar .nav.current .text{font-size:16px}}@media (max-width:768px){.navBar .nav.current .text{font-size:15px;font-weight:500}}@media (min-width:1181px){.navBar .nav:hover .text{color:#000;font-size:20px;font-weight:700;letter-spacing:0}.navBar .nav:hover .text.white{color:#fff}}@media (min-width:1181px) and (max-width:1440px){.navBar .nav:hover .text{font-size:18px}}@media (max-width:1180px){.navBar .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navBar .nav:before{left:calc(50% - 5px);top:calc(100% - 5px);-webkit-box-shadow:0 0 15px 7px #61c3f5;box-shadow:0 0 15px 7px #61c3f5}}@media (max-width:768px){.navBar .nav{height:40px;padding:0 20px}.navBar .nav:before{display:none}}.navBar .text{color:#898989;display:block;font-family:"Poppins","Noto Sans TC",sans-serif;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:calc(18 * 25 / 1000 * 1px);position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg);transform:translate3d(-50%,-50%,0) rotate(-90deg);-webkit-transform-origin:center;transform-origin:center}@media (min-width:769px){.navBar .text.white{color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5)}}@media (max-width:1440px){.navBar .text{font-size:16px}}@media (max-width:1180px){.navBar .text{color:#000;font-size:15px;-webkit-transform:unset;transform:unset;top:auto;position:relative;left:auto;bottom:auto;right:auto}}@media (max-width:768px){.navBar .text{line-height:20px}}