@charset "UTF-8";.applicationArea .applicationItem .Img,.applicationArea .applicationItem .bg,.applicationArea .applicationItem .btnBox,.applicationArea .applicationItem .textBox .text,.applicationArea .applicationItem .textBox .title,.bannerArea .videoWrap,.bannerArea .videoWrap #video,.bannerArea .videoWrap .videoBtnBox,.bannerArea .videoWrap .videoBtnBox .videoBtn,.catalogArea,.catalogArea .catalogItem .Txt:before,.catalogArea .catalogItem .textBox,.catalogArea .titleBox .text,.catalogArea .titleBox .title,.popWin .close,.popWin .close:after,.popWin .close:before{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.popWin{position:fixed;left:0;top:0;z-index:500;width:100%;height:100vh;height:100dvh;font-size:15px;line-height:1.8;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .mask{position:absolute;left:0;top:0;width:100%;height:100dvh;background-color:rgba(0,0,0,0.7);opacity:0;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:800px;max-width:90%;max-height:85vh;opacity:0;background-color:#fff;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .popContent{max-height:88vh;overflow-y:auto}.popWin img{display:block;max-width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.popWin .Txt{padding:30px}.popWin .Txt .popTitle{font-size:25px;margin-bottom:25px}.popWin .close{width:46px;height:46px;background-color:#000;cursor:pointer;position:absolute;top:0;right:0;z-index:1}.popWin .close:after,.popWin .close:before{content:"";position:absolute;left:11px;top:23px;width:25px;height:1px;background-color:#fff}.popWin .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popWin .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1181px){.popWin .close:hover{background-color:#000}.popWin .close:hover:before{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.popWin .close:hover:after{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}.popWin.show{opacity:1;visibility:visible;pointer-events:auto}.popWin.show .inner,.popWin.show .mask{opacity:1}.popWin.show .inner{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:1180px){.popWin .popContent{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}}.mouseHalo{width:25vw;height:25vw;position:fixed;pointer-events:none;z-index:9999;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.01) 40%,rgba(255,255,255,0) 70%);mix-blend-mode:screen}.mouseHalo.hide{opacity:0}@media (max-width:1180px){.mouseHalo{display:none}}.mainArea{padding:0}.bannerArea{background-color:#000;position:relative}.bannerArea .bannerBox{position:relative}.bannerArea .bannerList{position:relative;z-index:1}.bannerArea .bannerList.slick-dotted{margin-bottom:0}.bannerArea .bannerItem .Txt{max-width:1720px;padding:110px 110px 85px}@media (max-width:1180px){.bannerArea .bannerItem .Txt{padding:0px 30px}}@media (max-width:768px){.bannerArea .bannerItem .Txt{padding:0px 20px 100px}}.bannerArea .bannerItem .Txt .textBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bannerArea .bannerItem .Txt .subtitle{padding:0;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif;color:#fff;display:block;font-size:24px;opacity:0}@media (max-width:1180px){.bannerArea .bannerItem .Txt .subtitle{font-size:22px}}@media (max-width:768px){.bannerArea .bannerItem .Txt .subtitle{font-size:20px}}.bannerArea .bannerItem .Txt .title{font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif;color:#fff;font-size:50px;line-height:1.2;font-weight:500;opacity:0}@media (max-width:1180px){.bannerArea .bannerItem .Txt .title{font-size:40px}}@media (max-width:768px){.bannerArea .bannerItem .Txt .title{font-size:30px}}.bannerArea .bannerItem .Txt .btnBox{margin-top:30px;opacity:0}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{width:75px;height:75px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;cursor:pointer;position:absolute;top:50%;right:50px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:1180px){.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{right:30px}}@media (max-width:768px){.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{right:auto;left:50%;bottom:50px;-webkit-transform:translate(-50%,80%);transform:translate(-50%,80%)}}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn:before{content:"";width:0;height:0;border-style:solid;border-width:8px 0 8px 16px;border-color:transparent transparent transparent #fff;display:block;position:absolute;top:calc(50% - 8px);left:calc(50% - 5px);z-index:1}@media (min-width:1181px){.bannerArea .bannerItem .Txt .bannerVideo .videoBtn:hover{background-color:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.bannerArea .bannerItem .Img img{min-height:400px;-o-object-fit:cover;object-fit:cover}.bannerArea .slick-current .Txt .subtitle{-webkit-animation:slideUpAnimation 0.8s ease-in-out forwards;animation:slideUpAnimation 0.8s ease-in-out forwards}.bannerArea .slick-current .Txt .title{-webkit-animation:slideUpAnimation 0.8s 0.4s ease-in-out forwards;animation:slideUpAnimation 0.8s 0.4s ease-in-out forwards}.bannerArea .slick-current .Txt .btnBox{-webkit-animation:slideUpAnimation 0.8s 0.8s ease-in-out forwards;animation:slideUpAnimation 0.8s 0.8s ease-in-out forwards}.bannerArea .slick-current .Txt .videoBtn:after{-webkit-animation:rotate 50s linear forwards;animation:rotate 50s linear forwards}.bannerArea .slick-dots{bottom:50%;left:50px;-webkit-transform:translateY(50%);transform:translateY(50%)}@media (max-width:1180px){.bannerArea .slick-dots{bottom:30px;left:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.bannerArea .videoWrap{pointer-events:none;z-index:10;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.bannerArea .videoWrap .Img{position:relative;z-index:1;height:100%}.bannerArea .videoWrap .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;-o-object-fit:cover;object-fit:cover}.bannerArea .videoWrap .videoBox{opacity:0;pointer-events:none;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.bannerArea .videoWrap #video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-width:100%;min-height:100%;pointer-events:none}.bannerArea .videoWrap .videoBtnBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;width:100%;position:absolute;bottom:50px;left:50px;z-index:1}@media (max-width:1180px){.bannerArea .videoWrap .videoBtnBox{bottom:30px;left:30px}}@media (max-width:768px){.bannerArea .videoWrap .videoBtnBox{bottom:20px;left:20px}}.bannerArea .videoWrap .videoBtnBox .videoBtn{width:50px;height:50px;border-radius:50%;border:1px solid white;cursor:pointer;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;margin:4px;position:relative}.bannerArea .videoWrap .videoBtnBox .videoBtn svg{width:20px}.bannerArea .videoWrap .videoBtnBox .videoBtn svg .s0{fill:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s}.bannerArea .videoWrap .videoBtnBox .videoBtn.play{position:relative}.bannerArea .videoWrap .videoBtnBox .videoBtn.play:after,.bannerArea .videoWrap .videoBtnBox .videoBtn.play:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:2px;background-color:white;-webkit-transition-duration:0.3s;transition-duration:0.3s}.bannerArea .videoWrap .videoBtnBox .videoBtn.play:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bannerArea .videoWrap .videoBtnBox .videoBtn.play:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.bannerArea .videoWrap .videoBtnBox .videoBtn.check{background-color:white}.bannerArea .videoWrap .videoBtnBox .videoBtn.check:after,.bannerArea .videoWrap .videoBtnBox .videoBtn.check:before{background-color:#000}.bannerArea .videoWrap .videoBtnBox .videoBtn.check svg{width:20px}.bannerArea .videoWrap .videoBtnBox .videoBtn.check svg .s0{fill:#000}@media (min-width:1181px){.bannerArea .videoWrap .videoBtnBox .videoBtn:hover{background-color:white}.bannerArea .videoWrap .videoBtnBox .videoBtn:hover:after,.bannerArea .videoWrap .videoBtnBox .videoBtn:hover:before{background-color:#000;-webkit-transition-duration:0.3s;transition-duration:0.3s}.bannerArea .videoWrap .videoBtnBox .videoBtn:hover svg{width:20px}.bannerArea .videoWrap .videoBtnBox .videoBtn:hover svg .s0{fill:#000;-webkit-transition-duration:0.3s;transition-duration:0.3s}}.bannerArea .videoWrap.playing{opacity:1;pointer-events:auto}.bannerArea .videoWrap.playing .videoBox{opacity:1;pointer-events:auto}.bannerArea .videoWrap.playing .videoBtnBox{pointer-events:auto;-webkit-animation:slideRightBlurAnimation 0.8s 0.4s ease-in-out both;animation:slideRightBlurAnimation 0.8s 0.4s ease-in-out both}.bannerArea .videoWrap.paused #video{opacity:0}.bannerArea .videoWrap.hide{opacity:0}.aboutArea-pin-wrapper{position:relative;width:100%;overflow:hidden}.aboutArea{background-color:#000;position:relative;width:100%;height:100vh;overflow:hidden}@media (max-width:768px){.aboutArea{height:auto;padding:40px 0 80px}}.aboutArea .aboutBg{position:absolute;top:0;left:0;width:100%!important;height:100%;z-index:0;overflow:hidden}@media (max-width:768px){.aboutArea .aboutBg{height:100%!important}}.aboutArea .aboutBg img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:1100vh;will-change:transform}@media (max-width:1380px){.aboutArea .aboutBg img{-o-object-fit:cover;object-fit:cover}}@media (max-width:768px){.aboutArea .aboutBg img{height:100%}}@media (max-width:768px){.aboutArea .aboutBg img.pc{display:none}}.aboutArea .aboutBg img.ph{display:none}@media (max-width:768px){.aboutArea .aboutBg img.ph{display:block}}.aboutArea .wrap{padding-top:210px;position:relative;z-index:2;max-width:1800px}@media (max-width:1180px){.aboutArea .wrap{padding-top:150px}}@media (max-width:768px){.aboutArea .wrap{padding-top:0px}}.aboutArea .aboutBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:768px){.aboutArea .aboutBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.aboutArea .Img{position:relative;display:block;width:30%;max-width:450px}@media (min-width:769px){.aboutArea .Img{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:none;transition:none}}@media (max-width:768px){.aboutArea .Img{width:100%}}.aboutArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.aboutArea .Txt{width:70%;padding-left:35px;max-width:760px;color:white}@media (max-width:768px){.aboutArea .Txt{width:100%;padding-left:0}}.aboutArea .titleBox{margin-bottom:35px;text-align:left}@media (min-width:769px){.aboutArea .titleBox{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:none;transition:none}}.aboutArea .titleBox .title{position:relative;padding-left:145px}@media (max-width:768px){.aboutArea .titleBox .title{padding-left:50px}}.aboutArea .titleBox .title:before{content:"";position:absolute;top:50%;left:0;background-color:white;width:130px;height:1px}@media (max-width:768px){.aboutArea .titleBox .title:before{width:35px}}.aboutArea .textBox{padding-left:85px}@media (min-width:769px){.aboutArea .textBox{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:none;transition:none}}@media (max-width:768px){.aboutArea .textBox{padding-left:20px}}.aboutArea .textBox .text{letter-spacing:1px;line-height:2}.aboutArea .awardsList{margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:20px;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;max-width:300px}.aboutArea .awardsList .awardsItem{position:relative;display:block}.aboutArea .awardsList .awardsItem img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.aboutArea .btnBox{margin-top:50px}.aboutArea .scrollDown{cursor:pointer;display:block;position:absolute;bottom:45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}@media (max-width:768px){.aboutArea .scrollDown{bottom:20px}}.aboutArea .scrollDown span{position:relative;display:block}.aboutArea .scrollDown span.text{color:#fff;font-size:14px;letter-spacing:1px;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif}.aboutArea .scrollDown span.arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-30px;width:1px;height:17px;background-color:#fff}.aboutArea .scrollDown span.arrow:after{content:"";position:absolute;bottom:0;left:0;width:1px;height:7px;background-color:#fff;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media (max-width:768px){.aboutArea:not(.show) .Img{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.aboutArea:not(.show) .titleBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.aboutArea:not(.show) .textBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.aboutArea:not(.show) .awardsList{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.aboutArea:not(.show) .btnBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.aboutArea.show .Img{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s;transition:all 0.8s}.aboutArea.show .titleBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.aboutArea.show .textBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.aboutArea.show .awardsList{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.aboutArea.show .btnBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}}.catalogArea{position:relative;overflow:hidden;padding:90px 0 100px;background-color:#ebebeb}.catalogArea:not(.light){background-color:#000}.catalogArea:not(.light) .titleBox .title{color:white}.catalogArea:not(.light) .titleBox .text{color:white}@media (max-width:1180px){.catalogArea{padding:60px 0 70px}}@media (max-width:768px){.catalogArea{padding:40px 0 50px}}.catalogArea .wrap{max-width:none}@media (min-width:1181px){.catalogArea .wrap{padding:0}}.catalogArea .titleBox{text-align:center;margin-bottom:65px}@media (max-width:1180px){.catalogArea .titleBox{margin-bottom:45px}}@media (max-width:768px){.catalogArea .titleBox{margin-bottom:30px}}.catalogArea .titleBox .title{color:#000;font-weight:500;font-size:28px;letter-spacing:1px}.catalogArea .titleBox .text{padding-top:20px;font-size:18px;line-height:35px;letter-spacing:1px;color:#404040}@media (max-width:768px){.catalogArea .titleBox .text{padding-top:10px}}.catalogArea .catalogBox{position:relative;overflow:hidden}.catalogArea .catalogBox .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}.catalogArea .catalogBox.pc{width:1920px}@media (max-width:1180px){.catalogArea .catalogBox.pc{display:none}}.catalogArea .catalogBox.ph{width:100%;display:none}@media (max-width:1180px){.catalogArea .catalogBox.ph{display:block;padding-bottom:50px}}.catalogArea .catalogBox.ph .swiper-pagination-bullet{width:7px;height:7px;background:#a4a4a4;margin:0 7px!important;border-radius:50%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.catalogArea .catalogBox.ph .swiper-pagination-bullet-active{background:#000000}.catalogArea .catalogItem{width:280px}@media (min-width:1181px){.catalogArea .catalogItem:hover .Txt:before{opacity:1}.catalogArea .catalogItem:hover .textBox.mouseout{opacity:0}.catalogArea .catalogItem:hover .textBox.mousein{opacity:1}}.catalogArea .catalogItem .item{position:relative;overflow:hidden;border-radius:15px}.catalogArea .catalogItem .Img{position:relative;display:block}.catalogArea .catalogItem .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.catalogArea .catalogItem .Txt{position:absolute;top:0;left:0;width:100%;height:100%;color:white}.catalogArea .catalogItem .Txt:before{pointer-events:none;content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 20px);height:calc(100% - 20px);border-radius:15px;border:1px solid rgba(255,255,255,0.4);opacity:0}.catalogArea .catalogItem .textBox{position:absolute;bottom:25px;left:25px;width:calc(100% - 50px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.catalogArea .catalogItem .textBox.mousein{opacity:0}.catalogArea .catalogItem .textBox .title{font-size:17px;letter-spacing:1px}.catalogArea .catalogItem .textBox .entitle{margin-top:5px;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:14px;letter-spacing:0.2px}.catalogArea .catalogItem .textBox .classtitle{font-size:19px;font-weight:500;letter-spacing:1px}.catalogArea .catalogItem .textBox .itemtitle{position:relative;font-size:17px;letter-spacing:1px;padding-left:10px}.catalogArea .catalogItem .textBox .itemtitle:before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:15px;background-color:rgba(255,255,255,0.4)}.catalogArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.catalogArea:not(.show) .titleBox .text{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.catalogArea:not(.show) .catalogBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.catalogArea.show .titleBox .title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s;transition:all 0.8s}.catalogArea.show .titleBox .text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.catalogArea.show .catalogBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.applicationArea{position:relative;background-color:#000;overflow:hidden}.applicationArea .applicationWrapper{position:relative;width:100%}@media (min-width:1181px){.applicationArea .applicationWrapper{height:100vh;overflow:hidden}}.applicationArea .applicationBox{position:relative}@media (min-width:1181px){.applicationArea .applicationBox{position:absolute;top:0;left:0;width:100%;height:100vh;will-change:transform}.applicationArea .applicationBox:not(:first-child){-webkit-transform:translateX(100%);transform:translateX(100%)}.applicationArea .applicationBox:not(:first-child) .titleBox:not(.show) .decoTitle{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationBox:not(:first-child) .titleBox:not(.show) .title{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationBox:not(:first-child) .titleBox.show .decoTitle{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.2s;transition:all 1.2s}.applicationArea .applicationBox:not(:first-child) .titleBox.show .title{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.2s;transition:all 1.2s}}.applicationArea .applicationBox:first-child:not(.show){}.applicationArea .applicationBox:first-child:not(.show) .titleBox .decoTitle{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.applicationArea .applicationBox:first-child:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.applicationArea .applicationBox:first-child:not(.show) .albumBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.applicationArea .applicationBox:first-child.show{}.applicationArea .applicationBox:first-child.show .titleBox .decoTitle{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 1.2s 0.4s;transition:all 1.2s 0.4s}.applicationArea .applicationBox:first-child.show .titleBox .title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 1.2s 0.5s;transition:all 1.2s 0.5s}.applicationArea .applicationBox:first-child.show .albumBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 1.2s;transition:all 1.2s}.applicationArea .clickHint{pointer-events:none;width:120px;height:120px;border-radius:100%;background-color:rgba(255,255,255,0.01);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif}.applicationArea .clickHint.pc{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;z-index:999}.applicationArea .clickHint.pc.show{opacity:1}@media (max-width:1180px){.applicationArea .clickHint.pc{display:none}}.applicationArea .clickHint.ph{position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;display:none}@media (max-width:1180px){.applicationArea .clickHint.ph{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (max-width:768px){.applicationArea .clickHint.ph{width:70px;height:70px;bottom:20px}}@media (max-width:400px){.applicationArea .clickHint.ph{left:100%;-webkit-transform:translateX(-130%);transform:translateX(-130%)}}.applicationArea .clickHint:before{content:"";position:absolute;top:50%;left:0%;width:12px;height:12px;border-top:2px solid white;border-left:2px solid white;-webkit-transform:translate(160%,-50%) rotate(-45deg);transform:translate(160%,-50%) rotate(-45deg)}@media (max-width:768px){.applicationArea .clickHint:before{width:8px;height:8px;border-width:1px;-webkit-transform:translate(100%,-50%) rotate(-45deg);transform:translate(100%,-50%) rotate(-45deg)}}.applicationArea .clickHint:after{content:"";position:absolute;top:50%;right:0%;width:12px;height:12px;border-top:2px solid white;border-right:2px solid white;-webkit-transform:translate(-180%,-50%) rotate(45deg);transform:translate(-180%,-50%) rotate(45deg)}@media (max-width:768px){.applicationArea .clickHint:after{width:8px;height:8px;border-width:1px;-webkit-transform:translate(-100%,-50%) rotate(45deg);transform:translate(-100%,-50%) rotate(45deg)}}.applicationArea .applicationItem{position:absolute;top:0;left:100%;width:100%;height:100%;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:white}@media (max-width:1180px){.applicationArea .applicationItem{position:relative;left:0;padding:40px 0}}.applicationArea .applicationItem:after{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;opacity:0;-webkit-transition-duration:1.5s;transition-duration:1.5s}.applicationArea .applicationItem.hide:after{opacity:1;-webkit-transition-duration:1.5s;transition-duration:1.5s}@media (min-width:1181px){.applicationArea .applicationItem:not(.show) .bg{-webkit-filter:grayscale(100%) brightness(0.7);filter:grayscale(100%) brightness(0.7);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationItem:not(.show) .titleBox .decoTitle{opacity:0;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationItem:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationItem:not(.show) .ImgBox .Img{opacity:0;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationItem.show .bg img{-webkit-filter:grayscale(100%) brightness(0.7) blur(45px);filter:grayscale(100%) brightness(0.7) blur(45px);-webkit-transition:all 1.5s;transition:all 1.5s}.applicationArea .applicationItem.show .titleBox .decoTitle{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.5s 1.5s;transition:all 1.5s 1.5s}.applicationArea .applicationItem.show .titleBox .title{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.5s 1.2s;transition:all 1.5s 1.2s}.applicationArea .applicationItem.show .ImgBox .Img{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.5s 0.9s;transition:all 1.5s 0.9s}.applicationArea .applicationItem .Txt:not(.show) .textBox{opacity:0;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationItem .Txt:not(.show) .btnBox{opacity:0;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition-duration:0.8s;transition-duration:0.8s}.applicationArea .applicationItem .Txt.show .textBox{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.5s 0.8s;transition:all 1.5s 0.8s}.applicationArea .applicationItem .Txt.show .btnBox{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1.5s 1.1s;transition:all 1.5s 1.1s}}.applicationArea .applicationItem .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:1181px){.applicationArea .applicationItem .wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;max-width:1600px}}@media (max-width:768px){.applicationArea .applicationItem .wrap{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.applicationArea .applicationItem .ImgBox{position:relative;width:50%}@media (max-width:768px){.applicationArea .applicationItem .ImgBox{width:100%}}.applicationArea .applicationItem .Img{margin-left:140px;position:relative;display:block;max-width:525px}.applicationArea .applicationItem .Img:not(.hide) img{opacity:1;-webkit-transform:translate(0px,0);transform:translate(0px,0);-webkit-transition:all 1.2s;transition:all 1.2s}.applicationArea .applicationItem .Img.hide img{opacity:0;-webkit-transform:translate(-60px,0);transform:translate(-60px,0);-webkit-transition:all 1.2s;transition:all 1.2s}.applicationArea .applicationItem .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:1180px){.applicationArea .applicationItem .Img{margin-left:30px}}@media (max-width:768px){.applicationArea .applicationItem .Img{margin:0 auto;width:calc(100% - 60px)}}.applicationArea .applicationItem .Txt{width:50%;padding-left:25px}@media (max-width:1180px){.applicationArea .applicationItem .Txt{z-index:10}}@media (max-width:768px){.applicationArea .applicationItem .Txt{width:100%;margin-bottom:30px;padding-left:0}}.applicationArea .applicationItem .Txt:not(.hide){opacity:1;-webkit-transform:translate(0px,0);transform:translate(0px,0);-webkit-transition:all 1.2s;transition:all 1.2s}.applicationArea .applicationItem .Txt.hide{opacity:0;-webkit-transform:translate(-60px,0);transform:translate(-60px,0);-webkit-transition:all 1.2s;transition:all 1.2s}.applicationArea .applicationItem .textBox .title{font-size:22px;letter-spacing:1px}.applicationArea .applicationItem .textBox .text{margin-top:25px;font-size:16px;line-height:2;letter-spacing:1px;max-width:685px}.applicationArea .applicationItem .btnBox{margin-top:40px}.applicationArea .applicationItem .btnBox .btn{z-index:0}.applicationArea .applicationItem .bg{height:100%;width:100%;position:relative;display:block;overflow:hidden;background-color:#191919}@media (max-width:1180px){.applicationArea .applicationItem .bg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%}}.applicationArea .applicationItem .bg .Img{max-width:none;margin-left:0;height:100%;width:100%}.applicationArea .applicationItem .bg img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;height:100%;width:100%;-webkit-filter:grayscale(100%) brightness(0.7);filter:grayscale(100%) brightness(0.7)}@media (max-width:1180px){.applicationArea .applicationItem .bg img{-webkit-filter:grayscale(100%) brightness(0.7) blur(45px);filter:grayscale(100%) brightness(0.7) blur(45px)}}.applicationArea .applicationItem .bg.show img{-webkit-filter:grayscale(100%) brightness(0.7) blur(45px);filter:grayscale(100%) brightness(0.7) blur(45px)}.applicationArea .albumBox{position:relative;display:block;background-color:#191919;width:100%}@media (max-width:768px){.applicationArea .albumBox{margin-bottom:0}}.applicationArea .albumBox:after{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;opacity:0;-webkit-transition-duration:1s;transition-duration:1s}.applicationArea .albumBox.hide:after{opacity:1;-webkit-transition-duration:1s;transition-duration:1s}.applicationArea .albumItem{position:relative;display:block}.applicationArea .albumItem img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover}@media (min-width:1181px){.applicationArea .albumItem img{height:100vh!important}}@media (max-width:1180px){.applicationArea .albumItem img{min-height:350px}}.applicationArea .titleBox{position:absolute;bottom:180px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;max-width:1600px;z-index:11;color:white;pointer-events:none;padding:0 50px}@media (max-width:1180px){.applicationArea .titleBox{bottom:50px;padding:0 30px}}@media (max-width:768px){.applicationArea .titleBox{padding:0 20px}}.applicationArea .titleBox .title{margin-top:10px}@media (max-width:1180px){.applicationArea .titleBox .title{margin-top:5px}}.applicationArea .titleBox:not(.hide){opacity:1;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all 1.2s;transition:all 1.2s}.applicationArea .titleBox.hide{opacity:0;-webkit-transform:translate(-52%,0);transform:translate(-52%,0);-webkit-transition:all 1.2s;transition:all 1.2s}.linkArea{position:relative;background-color:#000000;padding:100px 0}@media (max-width:1180px){.linkArea{padding:70px 0}}@media (max-width:768px){.linkArea{padding:40px 0}}.linkArea .wrap{max-width:1800px}.linkArea .titleBox{position:absolute;top:160px;right:15.625%;max-width:660px;z-index:5}@media (max-width:1600px){.linkArea .titleBox{top:120px;right:10%;max-width:600px}}@media (max-width:1300px){.linkArea .titleBox{right:50px;max-width:600px}}@media (max-width:1180px){.linkArea .titleBox{position:relative;top:0;right:0;width:100%;max-width:none}}.linkArea .titleBox .decoTitle{line-height:1}.linkArea .titleBox .text{font-size:18px;line-height:34px;letter-spacing:1px;color:#e5e5e5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media (max-width:1180px){.linkArea .titleBox .text{font-size:16px;line-height:30px}}@media (max-width:768px){.linkArea .titleBox .text{font-size:14px;line-height:26px}}.linkArea .linkBox{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:start;-ms-flex-align:start;align-items:flex-start}.linkArea .linkItem{position:relative;display:block;color:white}.linkArea .linkItem:nth-child(2n){-ms-flex-item-align:end;align-self:flex-end}.linkArea .linkItem.hide{opacity:0;pointer-events:none}@media (max-width:768px){.linkArea .linkItem.hide{display:none}}@media (min-width:1181px){.linkArea .linkItem:hover .Txt .text{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition-duration:0.5s;transition-duration:0.5s}.linkArea .linkItem:hover .Img.defultImg{opacity:0;-webkit-transition-duration:0.5s;transition-duration:0.5s}.linkArea .linkItem:hover .Img.hoverImg{opacity:1;-webkit-transition-duration:0.5s;transition-duration:0.5s}}.linkArea .linkItem.linkItem1{width:40%;max-width:663px}@media (max-width:768px){.linkArea .linkItem.linkItem1{width:100%;margin:0 auto 40px}}.linkArea .linkItem.linkItem2{margin-top:-125px;margin-right:18.8235%;width:26%;max-width:426px}@media (max-width:1180px){.linkArea .linkItem.linkItem2{margin-top:-250px;margin-right:8%}}@media (max-width:768px){.linkArea .linkItem.linkItem2{width:100%;margin:0 auto 40px}}.linkArea .linkItem.linkItem3{margin-top:-350px;margin-left:17.3529%;width:31%;max-width:523px}@media (max-width:1180px){.linkArea .linkItem.linkItem3{margin-top:-150px;width:45%;margin-left:3%}}@media (max-width:768px){.linkArea .linkItem.linkItem3{width:100%;margin:0 auto 40px}}.linkArea .linkItem.linkItem4{margin-top:-100px;margin-right:10.2941%;width:26%;max-width:434px}@media (max-width:1550px){.linkArea .linkItem.linkItem4{margin-top:-50px}}@media (max-width:1180px){.linkArea .linkItem.linkItem4{margin-top:-150px;width:30%;margin-right:0}}@media (max-width:768px){.linkArea .linkItem.linkItem4{width:100%;margin:0 auto 40px}}.linkArea .linkItem.linkItem5{margin-top:-230px;margin-left:25.2941%;width:34%;max-width:573px}@media (max-width:1180px){.linkArea .linkItem.linkItem5{margin-top:-130px;width:40%;margin-left:12%}}@media (max-width:768px){.linkArea .linkItem.linkItem5{width:100%;margin:0 auto 40px}}.linkArea .linkItem .Img{position:relative;display:block;-webkit-transition-duration:0.5s;transition-duration:0.5s}.linkArea .linkItem .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.linkArea .linkItem .Img.hoverImg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.linkArea .linkItem .Txt{margin-top:20px;width:100%;text-align:center}.linkArea .linkItem .Txt .title{font-size:20px;letter-spacing:1px}.linkArea .linkItem .Txt .text{position:relative;margin-top:10px;font-size:15px;line-height:25px;letter-spacing:1px;color:#cccccc;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-duration:0.5s;transition-duration:0.5s}.linkArea .linkItem .Txt .text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}@media (max-width:1180px){.linkArea .linkItem .Txt .text{opacity:1}}.linkArea .linkItem:not(.show) .Img.defultImg{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.linkArea .linkItem:not(.show) .Txt{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.linkArea .linkItem.show .Img.defultImg{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s;transition:all 0.8s}.linkArea .linkItem.show .Txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.linkArea:not(.show) .titleBox .decoTitle{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.linkArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.linkArea:not(.show) .titleBox .text{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.linkArea.show .titleBox .decoTitle{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s;transition:all 0.8s}.linkArea.show .titleBox .title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.linkArea.show .titleBox .text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.portfolioArea{position:relative;padding:175px 0 0;background-color:#0d0d0d}@media (max-width:1440px){.portfolioArea{padding:125px 0 0}}@media (max-width:1180px){.portfolioArea{padding:60px 0 0}}@media (max-width:768px){.portfolioArea{padding:40px 0 0}}.portfolioArea .wrap{max-width:1800px}.portfolioArea .portfolioImgList{position:absolute;top:0;left:0;width:47.9167%}@media (max-width:1440px){.portfolioArea .portfolioImgList{width:38%}}@media (max-width:1180px){.portfolioArea .portfolioImgList{display:none}}.portfolioArea .portfolioImgList .Img{position:relative;display:block}.portfolioArea .portfolioImgList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.portfolioArea .titleBox{margin-bottom:35px;text-align:left}.portfolioArea .titleBox .title{position:relative;padding-left:70px}@media (max-width:768px){.portfolioArea .titleBox .title{padding-left:40px}}.portfolioArea .titleBox .title:before{content:"";position:absolute;top:50%;left:0;background-color:white;width:60px;height:1px}@media (max-width:768px){.portfolioArea .titleBox .title:before{width:30px}}.portfolioArea .titleBox.pc{position:relative;margin-bottom:55px;left:-75px}@media (max-width:1180px){.portfolioArea .titleBox.pc{display:none}}.portfolioArea .titleBox.ph{display:none}@media (max-width:1180px){.portfolioArea .titleBox.ph{display:block}}.portfolioArea .portfolioItem{position:relative}.portfolioArea .portfolioItem .item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:768px){.portfolioArea .portfolioItem .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.portfolioArea .portfolioItem .leftBox{pointer-events:none;width:47.6471%}@media (max-width:1440px){.portfolioArea .portfolioItem .leftBox{width:35%}}@media (max-width:1180px){.portfolioArea .portfolioItem .leftBox{width:50%}}@media (max-width:768px){.portfolioArea .portfolioItem .leftBox{width:100%}}.portfolioArea .portfolioItem .rightBox{width:52.3529%;padding-left:50px;padding-bottom:145px}@media (max-width:1440px){.portfolioArea .portfolioItem .rightBox{width:65%;padding-bottom:40px}}@media (max-width:1180px){.portfolioArea .portfolioItem .rightBox{width:50%;padding-left:30px;padding-bottom:0px}}@media (max-width:768px){.portfolioArea .portfolioItem .rightBox{width:100%;padding-left:0;padding-top:30px}}.portfolioArea .portfolioItem .Img{position:relative;display:block}.portfolioArea .portfolioItem .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover}@media (min-width:1181px){.portfolioArea .portfolioItem .Img.leftImg{opacity:0;pointer-events:none}}.portfolioArea .portfolioItem .Img.decoImg1{max-width:310px;margin-right:30.9523%}@media (max-width:1440px){.portfolioArea .portfolioItem .Img.decoImg1{width:36%}}@media (max-width:1180px){.portfolioArea .portfolioItem .Img.decoImg1{width:60%;margin-right:0%;-ms-flex-item-align:start;align-self:flex-start;margin-top:-30%}}.portfolioArea .portfolioItem .Img.decoImg2{max-width:300px;position:absolute;top:-130.6122%;right:0}@media (max-width:1440px){.portfolioArea .portfolioItem .Img.decoImg2{width:35%}}@media (max-width:1180px){.portfolioArea .portfolioItem .Img.decoImg2{width:60%;position:relative;top:auto}}.portfolioArea .portfolioItem .textBox{color:white}.portfolioArea .portfolioItem .textBox .title{font-size:24px;letter-spacing:1px}.portfolioArea .portfolioItem .textBox .text{margin-top:20px;font-size:16px;line-height:33px;letter-spacing:1px;max-width:760px;padding-right:310px}@media (max-width:1440px){.portfolioArea .portfolioItem .textBox .text{padding-right:250px}}@media (max-width:1180px){.portfolioArea .portfolioItem .textBox .text{padding-right:0px}}.portfolioArea .portfolioItem .btnBox{margin-top:35px}.portfolioArea .portfolioItem .decoImgBox{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (max-width:1180px){.portfolioArea .portfolioItem .decoImgBox{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.portfolioArea .slick-slide:not(.slick-current) .bigImg{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}@media (max-width:768px){.portfolioArea .slick-slide:not(.slick-current) .leftImg{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}}.portfolioArea .slick-slide:not(.slick-current) .titleBox.pc .decoTitle{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea .slick-slide:not(.slick-current) .titleBox.pc .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea .slick-slide:not(.slick-current) .textBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea .slick-slide:not(.slick-current) .btnBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea .slick-slide:not(.slick-current) .decoImgBox .decoImg1{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea .slick-slide:not(.slick-current) .decoImgBox .decoImg2{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea .slick-slide.slick-current .bigImg{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}@media (max-width:768px){.portfolioArea .slick-slide.slick-current .leftImg{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}}.portfolioArea .slick-slide.slick-current .titleBox.pc .decoTitle{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.portfolioArea .slick-slide.slick-current .titleBox.pc .title{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.portfolioArea .slick-slide.slick-current .textBox{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.portfolioArea .slick-slide.slick-current .btnBox{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}.portfolioArea .slick-slide.slick-current .decoImgBox .decoImg1{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.portfolioArea .slick-slide.slick-current .decoImgBox .decoImg2{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.portfolioArea .slick-dotted.slick-slider{margin-bottom:0px}.portfolioArea .slick-dots{bottom:auto;left:auto;top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.portfolioArea:not(.show) .titleBox .decoTitle{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea:not(.show) .portfolioImgList{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea:not(.show) .portfolioBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.portfolioArea:not(.show) .slick-dots{opacity:0!important}.portfolioArea.show .titleBox.ph .decoTitle{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.portfolioArea.show .titleBox.ph .title{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.portfolioArea.show .portfolioImgList{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.portfolioArea.show .portfolioBox{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.portfolioArea.show .slick-dots{opacity:1!important;-webkit-transition:opacity 0.8s 0.6s;transition:opacity 0.8s 0.6s}.ctaArea{background-color:#000;position:relative}.ctaArea .Img{position:relative;display:block}.ctaArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;min-height:500px;-o-object-fit:cover;object-fit:cover}.ctaArea .Img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(#0d0d0d),to(rgba(13,13,13,0.5)));background:linear-gradient(to bottom,#0d0d0d,rgba(13,13,13,0.5))}.ctaArea .Txt{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ctaArea .textBox{width:100%;max-width:860px;text-align:center;padding:30px 30px}@media (max-width:768px){.ctaArea .textBox{padding:80px 20px 30px}}.ctaArea .textBox .text p{font-size:17px;line-height:35px;color:white;letter-spacing:1px}@media (max-width:1180px){.ctaArea .textBox .text p{font-size:16px;line-height:33px}}@media (max-width:768px){.ctaArea .textBox .text p{font-size:15px;line-height:31px}}.ctaArea .textBox .btnBox{margin-top:40px}.ctaArea .textBox .btnBox .btn{padding:15px 56px;letter-spacing:1px}.ctaArea .textBox .btnBox .btn:after,.ctaArea .textBox .btnBox .btn:before{display:none}.ctaArea:not(.show) .Img{opacity:0}.ctaArea:not(.show) .textBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.ctaArea:not(.show) .btnBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.ctaArea.show .Img{opacity:1;-webkit-transition:all 0.8s;transition:all 0.8s}.ctaArea.show .textBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.ctaArea.show .btnBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}