.bannerArea.ins .bannerItem .videoWrap,.bannerArea.ins .bannerItem .videoWrap #bannerVideo,.bannerArea.ins .bannerItem .videoWrap .videoBtnBox,.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn,.benefitArea .tab .tabItem a:after,.contentBox .rightBox,.moduleBoxFilter .filterBox .filterList .filterItem a:after,.moduleBoxFilter .filterBox .filterList .filterItem a:before,.rangeBox,.videoArea .videoWrap,.videoArea .videoWrap #video{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}header{-webkit-transition-duration:0.3s;transition-duration:0.3s}header.bg{background-color:black;-webkit-transition-duration:0.3s;transition-duration:0.3s}.mainArea{padding-bottom:0}@media (max-width:768px){.mainArea.withoutTopintro{padding-top:0px}}.mainArea.ins .wrap{max-width:1600px}@media (min-width:1181px){.mainArea .contentBox.flex .rightBox{margin-top:0px}}.mainArea .contentBox.withoutTopintro{margin-top:0px}@media (max-width:1180px){.mainArea .contentBox.withoutTopintro{margin-top:0px}}@media (max-width:768px){.mainArea .contentBox.withoutTopintro{margin-top:0px}}@media (max-width:1180px){.classBoxColumn{margin-top:0}}.classBoxColumn .classLink a .openList,.classBoxColumn .classLink span .openList{position:absolute;top:0;right:0;width:40px;height:100%;z-index:10}.contentBox .rightBox.ajaxDisabled{opacity:0.15;pointer-events:none}.filterFuncList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}@media (max-width:1180px){.filterFuncList:not(.pop){display:none}}.moduleBoxFilter .moduleTitle{font-size:22px;line-height:1.2;letter-spacing:1px;text-align:center}.moduleBoxFilter .filterBox{margin:30px 0 40px;position:relative}@media (max-width:640px){.moduleBoxFilter .filterBox{margin:15px 0 20px}}.moduleBoxFilter .filterBox .filterTitle{width:100%;border-bottom:1px solid #e1e1e1;line-height:1.2;letter-spacing:1px;margin:15px 0;padding-bottom:15px}@media (max-width:640px){.moduleBoxFilter .filterBox .filterTitle{margin:10px 0;padding-bottom:10px}}.moduleBoxFilter .filterBox .filterList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:640px){.moduleBoxFilter .filterBox .filterList{padding:0}}.moduleBoxFilter .filterBox .filterList .filterItem{width:25%;line-height:1.2;letter-spacing:1px}@media (max-width:1180px){.moduleBoxFilter .filterBox .filterList .filterItem{width:33.3333333333%}}@media (max-width:640px){.moduleBoxFilter .filterBox .filterList .filterItem{width:50%}}@media (max-width:480px){.moduleBoxFilter .filterBox .filterList .filterItem{width:100%}}.moduleBoxFilter .filterBox .filterList .filterItem a{display:block;position:relative;padding:10px 10px 10px 35px}.moduleBoxFilter .filterBox .filterList .filterItem a:after,.moduleBoxFilter .filterBox .filterList .filterItem a:before{content:"";width:14px;height:14px;border:1px solid #626262;border-radius:3px;display:block;position:absolute;top:12px;left:10px;z-index:1}.moduleBoxFilter .filterBox .filterList .filterItem a.selected{color:#000}.moduleBoxFilter .filterBox .filterList .filterItem a.selected:before{border-color:#000}.moduleBoxFilter .filterBox .filterList .filterItem a.selected:after{background-color:#000;border-color:#000}.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden{background-color:rgba(248,248,248,0.5);color:rgba(47,47,47,0.3);pointer-events:none}.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden:after,.moduleBoxFilter .filterBox .filterList .filterItem a.forbidden:before{border-color:rgba(98,98,98,0.1)}@media (max-width:480px){.moduleBoxFilter .filterBox .filterList .filterItem a{padding-left:30px}.moduleBoxFilter .filterBox .filterList .filterItem a:after,.moduleBoxFilter .filterBox .filterList .filterItem a:before{left:5px}}.moduleBoxFilter .filterFuncList{max-width:400px;margin-left:auto;margin-right:auto}.sideClassList{width:100%}.sideClassList .rangeBox{background-color:#fff}@media (min-width:1181px){.sideClassList .rangeBox:hover{background-color:#fff}}.rangeBox{background-color:#f1f1f1;-webkit-animation:aniSlideLeft 0.5s 0.3s ease-out both;animation:aniSlideLeft 0.5s 0.3s ease-out both}@media (min-width:1181px){.rangeBox:hover{background-color:#e8e8e8}}.rangeBox label{cursor:pointer;position:relative;padding:15px 15px 15px;padding-left:45px;display:block;line-height:1.2;letter-spacing:1px}.rangeBox label input{display:none}.rangeBox label.selected{color:#000}.rangeBox label.selected:before{background-color:#000}.rangeBox label.selected:after{background-color:#000;border-color:#000}.rangeBox label:before{content:"";width:14px;height:14px;border:1px solid #626262;background-color:#fff;border-radius:3px;display:block;position:absolute;top:50%;left:16px;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.rangeBox label:after{content:"";width:14px;height:14px;border:1px solid #626262;background-color:#fff;border-radius:3px;display:block;position:absolute;top:50%;left:16px;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.rangeBox .rangeBar{padding:10px 22px;height:100%}.rangeBox .rangeBar.selected .noUi-connects{background-color:#000}.rangeBox .rangeBar.selected .noUi-connect{cursor:pointer;background-color:#fff}.rangeBox .noUi-vertical{-ms-flex-negative:0;flex-shrink:0;width:4px}.rangeBox .noUi-vertical .noUi-handle{cursor:pointer;width:12px;height:12px;top:-6px;right:-4px;background-color:#000;-webkit-box-shadow:none;box-shadow:none;border-radius:50%;border:1px solid #fff}.rangeBox .noUi-vertical .noUi-handle:after,.rangeBox .noUi-vertical .noUi-handle:before{display:none}.rangeBox .noUi-horizontal{height:4px}.rangeBox .noUi-horizontal .noUi-handle{cursor:pointer;width:12px;height:12px;top:-4px;right:-6px;background-color:#000;-webkit-box-shadow:none;box-shadow:none;border-radius:50%;border:1px solid #fff}.rangeBox .noUi-horizontal .noUi-handle:after,.rangeBox .noUi-horizontal .noUi-handle:before{display:none}.rangeBox .noUi-target{border-radius:0;border:none}.rangeBox .noUi-tooltip{right:auto;left:120%;font-size:12px;padding:2px 3px;border:none;display:none}.rangeBox .noUi-active .noUi-tooltip{display:block}.rangeBox.noUi-target{background-color:#d2d2d2;border:none}.rangeBox .noUi-connects{cursor:pointer}.rangeBox .noUi-connect{background-color:#000}.rangeBox .rangeInput{padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.rangeBox .rangeInput input{padding:5px;width:calc(50% - 10px);border:1px solid #bbb}.classBoxColumn.filter{z-index:3}@media (max-width:1180px){.classBoxColumn.filter{margin-bottom:20px}.classBoxColumn.filter:not(.pop){display:none}}.classBoxColumn.filter .classLink .linkHasItems+ul>li a{padding-left:45px}.classBoxColumn.filter .classLink .linkHasItems+ul>li a:after,.classBoxColumn.filter .classLink .linkHasItems+ul>li a:before{content:"";width:14px;height:14px;border:1px solid #626262;background-color:#fff;border-radius:3px;display:block;position:absolute;top:50%;left:16px;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.classBoxColumn.filter .classLink .linkHasItems+ul>li a.selected{color:#000}.classBoxColumn.filter .classLink .linkHasItems+ul>li a.selected:before{border-color:#000}.classBoxColumn.filter .classLink .linkHasItems+ul>li a.selected:after{background-color:#000;border-color:#000}.classBoxColumn.filter .classLink .linkHasItems+ul>li a.forbidden{background-color:rgba(248,248,248,0.5);color:rgba(47,47,47,0.3);pointer-events:none}.classBoxColumn.filter .classLink .linkHasItems+ul>li a.forbidden:after,.classBoxColumn.filter .classLink .linkHasItems+ul>li a.forbidden:before{border-color:rgba(98,98,98,0.1)}.noData{color:#8B8B8B}.catalogBox{-webkit-transition:all 0.4s;transition:all 0.4s}.catalogBox.hide{pointer-events:none;opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all 0.2s;transition:all 0.2s}.catalogList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.catalogList .catalogItem{width:33.3333333333%;padding:0 15px 30px}@media (max-width:1180px){.catalogList .catalogItem{width:50%}}@media (max-width:640px){.catalogList .catalogItem{width:100%}}.catalogList .Img{position:relative}.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:1px;padding:8px 25px;position:absolute;top:12px;left:12px;z-index:2;text-align:center;-webkit-transform-origin:top left;transform-origin:top left}.catalogList .Img.statusNew:before{content:"NEW";background-color:#000;border:1px solid #000}.catalogList .Img.statusHot:before{content:"HOT";background-color:#000;border:1px solid #000}.catalogList .Img a{display:block;overflow:hidden}.catalogList .Img img{display:block;width:100%;width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.catalogList .Txt{padding:15px;padding-top:0;text-align:center}.catalogList .Txt .seriesTitle{padding-top:5px;cursor:default;height:30px;color:white;font-size:14px;letter-spacing:1px}.catalogList .Txt .title a{display:block;font-size:20px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1180px){.catalogList .Txt .title a{font-size:18px}}@media (min-width:1181px){.catalogList .Txt .title a:hover{color:white;opacity:0.6}}.catalogList .Txt .text{height:60px;color:#8B8B8B;font-size:16px;padding-top:10px}@media (max-width:1180px){.catalogList .Txt .text{font-size:15px}}.catalogList .Txt .btnBox{margin-top:15px}.catalogList .price{margin-top:10px}.catalogList .price strong{display:inline-block;margin:0 5px}.catalogList .price .discount b{font-style:italic;font-size:18px;color:#fff}.bannerArea.ins .bannerItem .Img img{min-height:300px!important}.bannerArea.ins .bannerItem .Txt{z-index:3;min-height:300px!important}.bannerArea.ins .bannerItem .Txt .textBox{width:100%;max-width:1600px;padding:0 50px;margin:0 auto;color:white;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1}@media (max-width:1180px){.bannerArea.ins .bannerItem .Txt .textBox{padding:0 30px}}@media (max-width:768px){.bannerArea.ins .bannerItem .Txt .textBox{padding:0 20px;padding-top:40px}}.bannerArea.ins .bannerItem .Txt .textBox .seriesTitle{font-size:25px;font-weight:500;opacity:0.8}@media (max-width:1180px){.bannerArea.ins .bannerItem .Txt .textBox .seriesTitle{font-size:20px}}@media (max-width:768px){.bannerArea.ins .bannerItem .Txt .textBox .seriesTitle{font-size:16px}}.bannerArea.ins .bannerItem .Txt .textBox .title{font-size:42px;font-weight:500;margin-bottom:10px}@media (max-width:1180px){.bannerArea.ins .bannerItem .Txt .textBox .title{font-size:38px}}@media (max-width:768px){.bannerArea.ins .bannerItem .Txt .textBox .title{font-size:34px}}.bannerArea.ins .bannerItem .Txt .textBox .classBox{margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:20px;letter-spacing:1px}.bannerArea.ins .bannerItem .Txt .textBox .classM2Title{padding-left:20px;position:relative}.bannerArea.ins .bannerItem .Txt .textBox .classM2Title:before{content:"";position:absolute;top:-3px;left:8px;width:1px;height:21px;background-color:rgba(255,255,255,0.6)}.bannerArea.ins .bannerItem .Txt .textBox .bread .wrap{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.bannerArea.ins .bannerItem .videoWrap{pointer-events:none;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.bannerArea.ins .bannerItem .videoWrap:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:block;background-color:#000;opacity:0.1}.bannerArea.ins .bannerItem .videoWrap .Img{position:relative;z-index:1;height:100%}.bannerArea.ins .bannerItem .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.ins .bannerItem .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.ins .bannerItem .videoWrap #bannerVideo{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.ins .bannerItem .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.ins .bannerItem .videoWrap .videoBtnBox{bottom:30px;left:30px}}@media (max-width:768px){.bannerArea.ins .bannerItem .videoWrap .videoBtnBox{bottom:20px;left:20px}}.bannerArea.ins .bannerItem .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.ins .bannerItem .videoWrap .videoBtnBox .videoBtn svg{width:20px}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn svg .s0{fill:#ffffff;-webkit-transition-duration:0.3s;transition-duration:0.3s}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.play{position:relative}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.play:after,.bannerArea.ins .bannerItem .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.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.play:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.play:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.check{background-color:white}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.check:after,.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.check:before{background-color:#000}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.check svg{width:20px}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn.check svg .s0{fill:#000}@media (min-width:1181px){.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn:hover{background-color:white}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn:hover:after,.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn:hover:before{background-color:#000;-webkit-transition-duration:0.3s;transition-duration:0.3s}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn:hover svg{width:20px}.bannerArea.ins .bannerItem .videoWrap .videoBtnBox .videoBtn:hover svg .s0{fill:#000;-webkit-transition-duration:0.3s;transition-duration:0.3s}}.bannerArea.ins .bannerItem .videoWrap.playing{opacity:1;pointer-events:auto}.bannerArea.ins .bannerItem .videoWrap.playing .videoBox{opacity:1;pointer-events:auto}.bannerArea.ins .bannerItem .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.ins .bannerItem .videoWrap.paused #video{opacity:0}.bannerArea.ins .bannerItem .videoWrap.hide{opacity:0}.topintroArea{position:relative;overflow:hidden;padding:100px 0}@media (max-width:1180px){.topintroArea{padding:70px 0}}@media (max-width:768px){.topintroArea{padding:40px 0}}.topintroArea .topintroBox{width:100%}.topintroArea .item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1180px){.topintroArea .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.topintroArea .Img{position:relative;display:block}.topintroArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.topintroArea .ImgBox{position:relative;width:68%;max-width:1020px;padding-left:16%}@media (max-width:1180px){.topintroArea .ImgBox{width:100%;padding-left:0;max-width:none}}.topintroArea .ImgBox .Img{max-width:780px}@media (max-width:1180px){.topintroArea .ImgBox .Img{width:95%;margin-left:auto;max-width:500px}}.topintroArea .ImgBox .title{position:absolute;top:70px;left:0;color:white;font-size:75px;line-height:1;letter-spacing:8px;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:1180px){.topintroArea .ImgBox .title{top:40px;font-size:60px}}@media (max-width:768px){.topintroArea .ImgBox .title{top:20px;font-size:45px}}.topintroArea .TxtBox{position:relative;margin-top:11.667%;width:32%;padding-left:5%}@media (max-width:1180px){.topintroArea .TxtBox{width:100%;padding-left:0px;margin-top:40px;z-index:1;padding-bottom:20px}}@media (min-width:1181px){.topintroArea .TxtBox:not(:has(.Img)){margin-top:calc(11.667% + 2rem)}}.topintroArea .TxtBox .Img{max-width:230px}@media (max-width:1180px){.topintroArea .TxtBox .Img{width:70%}}.topintroArea .TxtBox .text{margin-top:20px;color:white;font-size:16px;font-weight:300;letter-spacing:1px;line-height:2}.topintroArea .slick-arrow:before{border-top:1px solid #fff;border-right:1px solid #fff}.topintroArea .slick-dots{left:50%;-webkit-transform:translateX(-58%);transform:translateX(-58%)}@media (max-width:1180px){.topintroArea .slick-dots{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.topintroArea .slick-slide:not(.slick-current) .ImgBox .title{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.topintroArea .slick-slide:not(.slick-current) .ImgBox .Img{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.topintroArea .slick-slide:not(.slick-current) .TxtBox .Img{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.topintroArea .slick-slide:not(.slick-current) .TxtBox .text{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.topintroArea .slick-slide.slick-current .ImgBox .title{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.topintroArea .slick-slide.slick-current .ImgBox .Img{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.15s;transition:all 0.8s 0.15s}.topintroArea .slick-slide.slick-current .TxtBox .Img{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.topintroArea .slick-slide.slick-current .TxtBox .text{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.45s;transition:all 0.8s 0.45s}.topintroArea:not(.show) .topintroBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.topintroArea:not(.show) .slick-dots{opacity:0}.topintroArea.show .topintroBox{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.topintroArea.show .slick-dots{opacity:1;-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.texteditorArea{overflow:hidden;background-color:white;padding:100px 0}@media (max-width:1180px){.texteditorArea{padding:70px 0}}@media (max-width:768px){.texteditorArea{padding:40px 0}}.texteditorArea:not(.show) .textEditor{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.texteditorArea.show .textEditor{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.texteditorArea .textEditor{color:#000}.texteditorArea .textEditor .h2Title,.texteditorArea .textEditor .h3Title,.texteditorArea .textEditor .h4Title,.texteditorArea .textEditor .h5Title,.texteditorArea .textEditor .h6Title{color:#000}.texteditorArea .textEditor .template_timeline_002 .content:before,.texteditorArea .textEditor .template_timeline_003 .content:before{content:"";position:absolute;background-color:var(--timeline-circle-color,#000)}.texteditorArea .textEditor .template_timeline_002 .content:after,.texteditorArea .textEditor .template_timeline_003 .content:after{content:"";position:absolute;background-color:var(--timeline-circle-color,rgba(0,0,0,0.5))}.texteditorArea .textEditor .template_timeline_002 .circle,.texteditorArea .textEditor .template_timeline_003 .circle{background-color:var(--timeline-circle-color,#000)}.texteditorArea .textEditor .template_timeline_002 .circle .text,.texteditorArea .textEditor .template_timeline_003 .circle .text{color:#fff}.texteditorArea .textEditor .template_timeline_001 .text:after{content:"";position:absolute;background-color:rgba(0,0,0,0.5)}.masterArea .masterBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:#ebebeb}@media (max-width:768px){.masterArea .masterBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.masterArea .Img{position:relative;display:block;width:43%}@media (max-width:1180px){.masterArea .Img{width:50%}}@media (max-width:768px){.masterArea .Img{width:100%}}.masterArea .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}@media (max-width:768px){.masterArea .Img img{min-height:1px}}.masterArea .Txt{position:relative;width:57%;padding:30px 130px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1380px){.masterArea .Txt{padding:30px 50px 30px 70px}}@media (max-width:1180px){.masterArea .Txt{padding:30px;width:50%}}@media (max-width:768px){.masterArea .Txt{width:100%;padding:30px 20px}}.masterArea .textBox{padding-right:95px}@media (max-width:1750px){.masterArea .textBox{padding-right:40px}}@media (max-width:1380px){.masterArea .textBox{padding-right:0px}}.masterArea .textBox .text{font-size:16px;line-height:2;color:#404040;letter-spacing:1px}.masterArea .titleBox{position:relative;left:-50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 22px;margin-bottom:30px}@media (max-width:1380px){.masterArea .titleBox{left:-30px}}@media (max-width:1180px){.masterArea .titleBox{left:0;display:block;margin-bottom:10px}}.masterArea .titleBox .decoTitle{font-size:54px;color:#000;font-weight:500;line-height:1.25;margin-right:3px}@media (max-width:1180px){.masterArea .titleBox .decoTitle{font-size:47px}}@media (max-width:768px){.masterArea .titleBox .decoTitle{font-size:40px}}.masterArea .titleBox .title{position:relative;top:-9px;font-size:25px;color:#000;font-weight:500}@media (max-width:1180px){.masterArea .titleBox .title{font-size:22px;top:0}}@media (max-width:768px){.masterArea .titleBox .title{font-size:20px}}.masterArea .awardsList{margin-top:35px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.masterArea .awardsItem{width:auto;max-height:40px}.masterArea:not(.show) .Img{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.masterArea:not(.show) .Txt .decoTitle{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.masterArea:not(.show) .Txt .title{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.masterArea:not(.show) .Txt .text{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.masterArea:not(.show) .Txt .awardsList{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.masterArea.show .Img{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.masterArea.show .Txt .decoTitle{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.masterArea.show .Txt .title{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.masterArea.show .Txt .text{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.masterArea.show .Txt .awardsList{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.6s;transition:all 0.8s 0.6s}.videoArea{position:relative;height:615px;overflow:hidden}@media (max-width:1180px){.videoArea{height:500px}}@media (max-width:768px){.videoArea{height:400px}}@media (max-width:550px){.videoArea{height:300px}}@media (max-width:400px){.videoArea{height:250px}}.videoArea .videoWrap{pointer-events:none;z-index:10;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.videoArea .videoWrap .videoBox{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.videoArea .videoWrap #video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:56.25vw;min-width:100%;min-height:100%;pointer-events:none}.videoArea .videoWrap .linkWrap{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.videoArea .Img{position:relative;display:block;height:100%}.videoArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;-o-object-fit:cover;object-fit:cover}.downintroArea{background-color:#ebebeb;padding:100px 0}@media (max-width:1180px){.downintroArea{padding:70px 0}}@media (max-width:768px){.downintroArea{padding:40px 0}}.downintroArea .titleBox{text-align:center;margin-bottom:40px}.downintroArea .titleBox .decoTitle{color:#000;font-weight:400;letter-spacing:1px}.downintroArea .titleBox .title{margin-top:10px;position:relative;color:#000}.downintroArea .slick-slide>div:nth-child(2n) .downintroItem .item{margin-top:30px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width:768px){.downintroArea .slick-slide>div:nth-child(2n) .downintroItem .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.downintroArea .downintroItem:nth-child(2n) .item{margin-top:30px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width:768px){.downintroArea .downintroItem:nth-child(2n) .item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.downintroArea .downintroItem .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px}@media (max-width:1180px){.downintroArea .downintroItem .item{gap:30px}}@media (max-width:768px){.downintroArea .downintroItem .item{-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}}.downintroArea .Img{position:relative;display:block}.downintroArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.downintroArea .Img.big{max-width:695px}.downintroArea .Img.small{max-width:520px}.downintroArea .Txt{width:60%;max-width:640px}@media (max-width:768px){.downintroArea .Txt{width:100%;max-width:none}}.downintroArea .Txt .title{font-size:24px;letter-spacing:1px;font-weight:500}.downintroArea .Txt .text{margin-top:15px;font-size:16px;line-height:32px;letter-spacing:1px;color:#4c4c4c}.downintroArea .slick-slide:not(.slick-current)>div:nth-child(odd) .Img{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.downintroArea .slick-slide:not(.slick-current)>div:nth-child(odd) .title{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.downintroArea .slick-slide:not(.slick-current)>div:nth-child(odd) .text{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.downintroArea .slick-slide:not(.slick-current)>div:nth-child(2n) .Img{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.downintroArea .slick-slide:not(.slick-current)>div:nth-child(2n) .title{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.downintroArea .slick-slide:not(.slick-current)>div:nth-child(2n) .text{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.downintroArea .slick-slide.slick-current>div:nth-child(odd) .Img{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.downintroArea .slick-slide.slick-current>div:nth-child(odd) .title{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.downintroArea .slick-slide.slick-current>div:nth-child(odd) .text{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.3s;transition:all 0.8s 0.3s}.downintroArea .slick-slide.slick-current>div:nth-child(2n) .Img{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.downintroArea .slick-slide.slick-current>div:nth-child(2n) .title{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}.downintroArea .slick-slide.slick-current>div:nth-child(2n) .text{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.5s;transition:all 0.8s 0.5s}.downintroArea .slick-dotted.slick-slider{margin-bottom:50px}.downintroArea .slick-dotted.slick-slider .slick-dots{bottom:-40px}.downintroArea .slick-dotted.slick-slider .slick-dots li button:before{background-color:white}.downintroArea .slick-dotted.slick-slider .slick-dots li.slick-active button:before{background-color:#534e4d}@media (min-width:1181px){.downintroArea .slick-dotted.slick-slider .slick-dots li:hover button:before{background-color:#534e4d}}.downintroArea:not(.show) .titleBox .decoTitle{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.downintroArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.downintroArea:not(.show) .downintroBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.downintroArea.show .titleBox .decoTitle{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.downintroArea.show .titleBox .title{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.downintroArea.show .downintroBox{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.2S;transition:all 0.8s 0.2S}.closeupArea{background-color:white;overflow:hidden;padding:120px 0}@media (min-width:1181px){.closeupArea{min-height:640px}}@media (max-width:1180px){.closeupArea{padding:80px 0 60px}}@media (max-width:768px){.closeupArea{padding:40px 0 60px}}.closeupArea .wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1180px){.closeupArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0}}.closeupArea .titleBox{width: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-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:1181px){.closeupArea .titleBox{max-width:370px;height:400px}}@media (max-width:1180px){.closeupArea .titleBox{padding:0 30px}}@media (max-width:768px){.closeupArea .titleBox{padding:0 20px}}.closeupArea .titleBox .title{font-size:24px;letter-spacing:1px;position:relative;color:#000;font-weight:500}.closeupArea .titleBox .text{padding-top:10px;font-size:16px;letter-spacing:1px;line-height:2;color:#404040}@media (min-width:1181px){.closeupArea .closeupBox{position:absolute;top:0;left:70px;-webkit-transform:translateX(30%);transform:translateX(30%);width:90%;max-width:1330px}}@media (max-width:1400px){.closeupArea .closeupBox{-webkit-transform:translateX(35%);transform:translateX(35%)}}@media (max-width:1250px){.closeupArea .closeupBox{-webkit-transform:translateX(38%);transform:translateX(38%)}}@media (max-width:1180px){.closeupArea .closeupBox{width:100%;-webkit-transform:translateX(30px);transform:translateX(30px)}}@media (max-width:768px){.closeupArea .closeupBox{-webkit-transform:translateX(20px);transform:translateX(20px)}}@media (max-width:640px){.closeupArea .closeupBox{-webkit-transform:translateX(0px);transform:translateX(0px)}}.closeupArea .closeupList{position:relative}.closeupArea .closeupList.ph{display:none}@media (max-width:1180px){.closeupArea .closeupList.ph{display:block;margin:0 -15px}}.closeupArea .closeupItem{position:relative;height:auto;-ms-flex-negative:0;flex-shrink:0;width:50%;-webkit-transition:all 0.8s ease;transition:all 0.8s ease}@media (max-width:1180px){.closeupArea .closeupItem{padding:0 15px;width:100%}}.closeupArea .closeupItem.swiper-slide-active+.swiper-slide+.swiper-slide{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.closeupArea .closeupItem.swiper-slide-active{width:100%;-webkit-transition:width 0.8s ease;transition:width 0.8s ease}.closeupArea .closeupItem.swiper-slide-active .Img{width:100%;-webkit-transition:width 0.8s ease;transition:width 0.8s ease}.closeupArea .Img{position:relative;display:block;overflow:hidden;width:50%;right:0;-webkit-transition:all 0.8s ease;transition:all 0.8s ease}@media (max-width:1180px){.closeupArea .Img{width:100%}}.closeupArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover;height:400px;-webkit-transition:-webkit-transform 0.8s ease;transition:-webkit-transform 0.8s ease;transition:transform 0.8s ease;transition:transform 0.8s ease,-webkit-transform 0.8s ease}@media (max-width:768px){.closeupArea .Img img{height:300px}}@media (max-width:640px){.closeupArea .Img img{height:auto}}.closeupArea .closeupSwiper{width:100%;padding:0 0 60px;-webkit-transition-duration:0.3s;transition-duration:0.3s}@media (max-width:1180px){.closeupArea .closeupSwiper{display:none}}.closeupArea .closeupSwiper .swiper-pagination{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px}.closeupArea .swiper-pagination-bullet{margin:0 7px!important}.closeupArea .swiper-pagination-bullet-active{background-color:#534e4d}@media (max-width:1180px){.closeupArea .slick-dots{bottom:-35px}}.closeupArea .slick-dots .slick-active button:before{background-color:#534e4d!important}.closeupArea .slick-dots button:before{background-color:rgba(0,0,0,0.2)!important}.closeupArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.closeupArea:not(.show) .titleBox .text{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.closeupArea:not(.show) .closeupBox{opacity:0}.closeupArea.show .titleBox .title{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.closeupArea.show .titleBox .text{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.closeupArea.show .closeupBox{opacity:1;-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.benefitArea{padding:100px 0}@media (max-width:1180px){.benefitArea{padding:70px 0}}@media (max-width:768px){.benefitArea{padding:40px 0}}.benefitArea .titleBox{text-align:center}.benefitArea .tab{margin-top:20px;border-top:none;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.benefitArea .tab .tabItem{border-bottom:none;-webkit-box-flex:initial;-ms-flex:initial;flex:initial;width:100%;max-width:215px}.benefitArea .tab .tabItem a{padding:25px 5px;color:rgba(255,255,255,0.6);background-color:transparent}.benefitArea .tab .tabItem a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,rgba(255,255,255,0.8)),to(transparent));background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.8) 50%,transparent 100%);opacity:0}.benefitArea .tab .tabItem a.current{color:white}.benefitArea .tab .tabItem a.current:after{opacity:1}.benefitArea .tabContent{border-top:1px solid rgba(255,255,255,0.2)}.benefitArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.benefitArea:not(.show) .benefitBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.benefitArea.show .titleBox .title{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.benefitArea.show .benefitBox{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.colorArea{background-color:white;padding:95px 0 15px}@media (max-width:1180px){.colorArea{padding:70px 0 15px}}@media (max-width:768px){.colorArea{padding:40px 0 15px}}.colorArea.noCustom{padding-bottom:100px}@media (max-width:1180px){.colorArea.noCustom{padding-bottom:70px}}@media (max-width:768px){.colorArea.noCustom{padding-bottom:40px}}.colorArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:70px}@media (max-width:1180px){.colorArea .wrap{gap:45px}}@media (max-width:768px){.colorArea .wrap{gap:20px}}.colorArea .titleBox{margin:0}.colorArea .titleBox .title{color:#000;font-weight:500}.colorArea .titleBox .text{color:#4c4c4c;font-size:18px;line-height:2;letter-spacing:1px}.colorArea .colorList{padding-bottom:80px}@media (max-width:1180px){.colorArea .colorList{padding-bottom:70px}}@media (max-width:768px){.colorArea .colorList{padding-bottom:40px}}.colorArea .colorItem{padding-right:20px}.colorArea .colorItem .item{width:100%;max-width:240px}@media (max-width:768px){.colorArea .colorItem .item{margin:0 auto}}.colorArea .Img{position:relative;display:block}.colorArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.colorArea .Txt{margin-top:5px}.colorArea .Txt .title{text-align:center;font-size:18px;font-weight:500;color:#000;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif}.colorArea .swiper-pagination{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0px}.colorArea .swiper-pagination-bullet{margin:0 7px!important}.colorArea .swiper-pagination-bullet-active{background-color:#534e4d}.colorArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.colorArea:not(.show) .titleBox .text{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.colorArea:not(.show) .colorBox{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.colorArea.show .titleBox .title{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.colorArea.show .titleBox .text{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.colorArea.show .colorBox{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.customArea{background-color:white;padding:90px 0}@media (max-width:1180px){.customArea{padding:70px 0}}@media (max-width:768px){.customArea{padding:40px 0}}.customArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:70px}@media (max-width:1180px){.customArea .wrap{gap:45px}}@media (max-width:768px){.customArea .wrap{gap:20px}}.customArea .titleBox{margin:0}.customArea .titleBox .title{color:#000;font-weight:500}.customArea .titleBox .text{color:#4c4c4c;font-size:18px;line-height:2;letter-spacing:1px}.customArea .customList{padding-bottom:80px}@media (max-width:1180px){.customArea .customList{padding-bottom:70px}}@media (max-width:768px){.customArea .customList{padding-bottom:40px}}.customArea .customItem{padding-right:20px}.customArea .customItem .item{width:100%;max-width:305px}@media (max-width:768px){.customArea .customItem .item{margin:0 auto}}.customArea .Img{position:relative;display:block}.customArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.customArea .Txt{margin-top:5px}.customArea .Txt .title{text-align:center;font-size:18px;font-weight:500;color:#000;font-family:"Baloo Da 2","Noto Sans TC","Microsoft JhengHei",sans-serif}.customArea .swiper-pagination{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0px}.customArea .swiper-pagination-bullet{margin:0 7px!important}.customArea .swiper-pagination-bullet-active{background-color:#534e4d}.customArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.customArea:not(.show) .titleBox .text{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.customArea:not(.show) .customBox{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.customArea.show .titleBox .title{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.customArea.show .titleBox .text{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.1s;transition:all 0.8s 0.1s}.customArea.show .customBox{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.workArea{overflow:hidden;padding:120px 0 40px;background-color:#0d0d0d}@media (max-width:1180px){.workArea{padding:80px 0 40px}}@media (max-width:768px){.workArea{padding:40px 0}}.workArea .wrap{position:relative;max-width:none;padding:0}@media (max-width:768px){.workArea .wrap{padding:0 20px}}.workArea .titleBox{width:100%;text-align:center;margin-bottom:45px}.workArea .titleBox .title{font-size:30px;letter-spacing:1px;position:relative;color:#fff;font-weight:400}.workArea .workBox{position:relative;width:100%;overflow:hidden}.workArea .workItem{position:relative;-webkit-transition-duration:0.2s;transition-duration:0.2s}.workArea .workItem.swiper-slide-active .Img{padding:15px;border:1px solid #333333}@media (min-width:769px){.workArea .workItem:not(.swiper-slide-active) .Img{-webkit-transform:scale(0.6875);transform:scale(0.6875);-webkit-transition:all 0.6s ease-in;transition:all 0.6s ease-in}.workArea .workItem:not(.swiper-slide-active) .Txt{-webkit-transform:translateY(-70px);transform:translateY(-70px);-webkit-transition:all 0.6s ease-in;transition:all 0.6s ease-in}.workArea .workItem.swiper-slide-prev .Img{-webkit-transform:scale(0.6875) translateX(45px);transform:scale(0.6875) translateX(45px);-webkit-transition:all 0.6s ease-in;transition:all 0.6s ease-in}.workArea .workItem.swiper-slide-next .Img{-webkit-transform:scale(0.6875) translateX(-45px);transform:scale(0.6875) translateX(-45px);-webkit-transition:all 0.6s ease-in;transition:all 0.6s ease-in}}.workArea .ImgBox{overflow:hidden}.workArea .Img{position:relative;display:block;overflow:hidden;-webkit-transition:all 0.8s 0.6s ease-in-out;transition:all 0.8s 0.6s ease-in-out}@media (max-width:768px){.workArea .Img{max-width:670px;margin:0 auto}}.workArea .Img a{color:#000;font-size:0}.workArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}@media (min-width:1181px){.workArea .Img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}}.workArea .Txt{position:relative;margin-top:20px;text-align:center;color:white;font-size:20px;letter-spacing:1px;-webkit-transition:all 0.8s 0.6s ease-in-out;transition:all 0.8s 0.6s ease-in-out}@media (min-width:1181px){.workArea .Txt a:hover{color:white;opacity:0.6}}.workArea .workSwiper{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:112.5%;padding-bottom:80px}@media (max-width:768px){.workArea .workSwiper{width:100%}}.workArea .swiper-pagination-bullet{margin:0 7px!important;background:white!important}.workArea .swiper-pagination-bullet-active{background-color:#534e4d}.workArea .swiper-pagination{left:50%;bottom:20px;-webkit-transform:translate(-44%,0);transform:translate(-44%,0)}.workArea:not(.show) .titleBox .title{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.workArea:not(.show) .workBox{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.workArea:not(.show) .swiper-pagination{opacity:0;-webkit-transform:translate(-44%,30px);transform:translate(-44%,30px)}.workArea.show .titleBox .title{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s;transition:all 0.8s}.workArea.show .workBox{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 0.8s 0.2s;transition:all 0.8s 0.2s}.workArea.show .swiper-pagination{opacity:1;-webkit-transform:translate(-44%,0);transform:translate(-44%,0);-webkit-transition:all 0.8s 0.4s;transition:all 0.8s 0.4s}