@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Noto+Sans+TC:wght@400;500;700&display=swap";.infoTxtLink::before,.clientArea .clientList .clientItem a img,.brandArea .Txt .brandList li a .btn_more,.teamArea .Img .teaImg{transition:all .5s}.mainContent{position:relative;overflow:hidden}body{font-family:"Noto Sans TC",Helvetica,Arial,"微軟正黑體",Heiti TC,"メイリオ",sans-serif}img{max-width:100%;height:auto;display:block}@keyframes scale-out{0%{transform:scale(1.3)}100%{transform:scale(1)}}@keyframes moveRBtoLT{0%{opacity:0;filter:blur(10px);transform:translate(30px, 30px)}100%{opacity:1;filter:blur(0);transform:translate(0, 0)}}@keyframes moveLTtoRB{0%{opacity:0;filter:blur(10px);transform:translate(-30px, -30px)}100%{opacity:1;filter:blur(0);transform:translate(0, 0)}}@keyframes moveRTtoLB{0%{opacity:0;filter:blur(10px);transform:translate(30px, -30px)}100%{opacity:1;filter:blur(0);transform:translate(0, 0)}}@keyframes bannerTxtAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes moveRtoL{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1}to{opacity:0}}.mainContent .wrap{max-width:1440px}.titleBox .subtitle{display:block;font-family:"Lato";font-size:18px;font-weight:bold;letter-spacing:.18px;padding-bottom:10px;text-align:left;text-transform:none}.titleBox .title{font-size:48px;line-height:1.25;text-align:left;letter-spacing:0}.titleBox .title:after{content:"";width:100px;height:4px;display:block;margin-top:25px;margin-bottom:23px}@media screen and (max-width: 1180px){.titleBox .title{font-size:40px}}@media screen and (max-width: 992px){.titleBox .subtitle{font-size:17px}.titleBox .title{font-size:35px}}@media screen and (max-width: 768px){.titleBox .subtitle{font-size:16px}.titleBox .title{font-size:30px}}.infoTxt{font-size:16px;line-height:1.75;letter-spacing:.8px;text-align:justify}.infoTxtLink{color:#fff;display:inline-block;position:relative}.infoTxtLink::before{content:"";width:0;height:1px;background-color:#c4252b;position:absolute;left:0;bottom:0;z-index:1}.infoTxtLink:hover{color:#c4252b}.infoTxtLink:hover::before{width:100%}@media screen and (max-width: 992px){.infoTxt{font-size:15px}}@media screen and (max-width: 480px){.infoTxt{font-size:14px}}.btnBox{padding-top:40px}.btnBox .btn_more{display:inline-block;max-width:210px;width:100%;color:#fff;font-size:16px;font-weight:500;line-height:1.125;padding:17px 10px;border-radius:26px;text-align:center}.halfBox{display:flex}.halfBox .TxtBox,.halfBox .ImgBox{width:50%}.halfBox .TxtBox{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:30px}.halfBox .TxtBox .Txt{max-width:530px;display:flex;flex-direction:column;justify-content:center}.halfBox .ImgBox{position:relative;overflow:hidden}.halfBox .ImgBox .bg img{width:100%;height:800px;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 768px){.halfBox .ImgBox .bg img{height:700px}}@media screen and (max-width: 600px){.halfBox .ImgBox .bg img{height:600px}}@media screen and (max-width: 480px){.halfBox .ImgBox .bg img{height:500px}}@media screen and (max-width: 375px){.halfBox .ImgBox .bg img{height:400px}}.halfBox .ImgBox .Img img{position:absolute;z-index:5}@media screen and (max-width: 992px){.halfBox{flex-direction:column}.halfBox .TxtBox,.halfBox .ImgBox{width:100%}.halfBox .TxtBox{padding:50px 20px}.halfBox .TxtBox .Txt{max-width:100%}}.halfBox .slogan{position:absolute;color:#fff;font-family:"Lato";font-size:90px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;line-height:1;z-index:10}@media screen and (min-width: 1367px)and (max-width: 1536px){.halfBox .slogan{font-size:5vw}}@media screen and (max-width: 1366px){.halfBox .slogan{font-size:65px}}@media screen and (max-width: 768px){.halfBox .slogan{font-size:60px}}@media screen and (max-width: 600px){.halfBox .slogan{font-size:50px}}@media screen and (max-width: 480px){.halfBox .slogan{font-size:40px}}.bannerArea{position:relative;z-index:10}.bannerArea.show .bannerText .textBox em{animation:bannerTxtAnimation .8s ease-in-out forwards}.bannerArea.show .bannerText .textBox .title{animation:bannerTxtAnimation .8s .2s ease-in-out forwards}.bannerArea.show .bannerText .textBox .subTitle{animation:bannerTxtAnimation .8s .4s ease-in-out forwards}.bannerArea.show .bannerText .textBox .text{animation:bannerTxtAnimation .8s .6s ease-in-out forwards}.bannerArea.show .bannerToggle{animation:bannerTxtAnimation .8s .8s ease-in-out forwards}.bannerArea.show .bannerBg .bgTxt{animation:opacity .8s .8s ease-in-out forwards}.bannerArea .bannerBox{position:relative;display:flex;justify-content:center;flex-wrap:wrap;width:100%;height:880px;transition:all 1s ease-in-out}.bannerArea .bannerText{max-width:980px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 90px;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.bannerArea .bannerText .textBox{max-width:560px;color:#fff}.bannerArea .bannerText .textBox em,.bannerArea .bannerText .textBox .title,.bannerArea .bannerText .textBox .subTitle,.bannerArea .bannerText .textBox .text{opacity:0}.bannerArea .bannerText .textBox em{display:block;font-size:18px;font-family:"Lato";font-weight:bold;letter-spacing:.18px}.bannerArea .bannerText .textBox .title{font-size:48px;font-weight:bold;line-height:1.25;margin-top:9px}.bannerArea .bannerText .textBox .subTitle{font-size:22px;font-weight:500;letter-spacing:1.76px;margin-top:6px}.bannerArea .bannerText .textBox .subTitle:after{content:"";width:100px;height:3px;display:block;background-color:#fff;margin-top:26px}.bannerArea .bannerText .textBox .text{font-size:16px;line-height:1.75;letter-spacing:.8px;margin-top:25px}@media screen and (max-width: 640px){.bannerArea .bannerText .textBox em{font-size:14px}.bannerArea .bannerText .textBox .title{font-size:40px}.bannerArea .bannerText .textBox .subTitle{font-size:18px}.bannerArea .bannerText .textBox .text{font-size:15px}}@media screen and (max-width: 480px){.bannerArea .bannerText .textBox .title{font-size:30px}.bannerArea .bannerText .textBox .subTitle{font-size:16px}}.bannerArea .bannerBg{position:absolute;left:0;top:0;width:100%;height:100%}.bannerArea .bannerBg li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 2s ease-in-out;z-index:0}.bannerArea .bannerBg li.current{opacity:1;z-index:2}.bannerArea .bannerBg li#bgDay .bgTxt{right:75px}@media screen and (max-width: 1180px){.bannerArea .bannerBg li#bgDay .bgTxt{right:30px}}@media screen and (max-width: 768px){.bannerArea .bannerBg li#bgDay .bgTxt{right:20px}}.bannerArea .bannerBg li#bgNight .bgTxt{left:75px}@media screen and (max-width: 1180px){.bannerArea .bannerBg li#bgNight .bgTxt{left:30px}}@media screen and (max-width: 768px){.bannerArea .bannerBg li#bgNight .bgTxt{left:20px}}.bannerArea .bannerBg .bgTxt{position:absolute;bottom:73px;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1.08px;opacity:0}.bannerArea .bannerBg .bgTxt:before{content:"";display:block;width:82px;height:4px;background-color:#fff;margin-bottom:8px}@media screen and (max-width: 1180px){.bannerArea .bannerBg .bgTxt{font-size:16px;bottom:65px}}@media screen and (max-width: 768px){.bannerArea .bannerBg .bgTxt{font-size:15px}}@media screen and (max-width: 600px){.bannerArea .bannerBg .bgTxt{display:none}}.bannerArea .bannerBg img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bannerArea .bannerToggle{position:absolute;left:0;right:0;bottom:67px;margin:auto;z-index:10;max-width:560px;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;opacity:0}@media screen and (max-width: 1180px){.bannerArea .bannerToggle{max-width:400px}}@media screen and (max-width: 768px){.bannerArea .bannerToggle{max-width:250px}}.bannerArea .bannerToggle .toggleBar{display:flex;align-items:center;justify-content:center;position:relative;max-width:calc(100% - 120px);height:44px}.bannerArea .bannerToggle .toggleBar .path_lg,.bannerArea .bannerToggle .toggleBar .path_mb,.bannerArea .bannerToggle .toggleBar .path_sm{display:none}@media screen and (max-width: 1180px){.bannerArea .bannerToggle .toggleBar .path_xl{display:none}.bannerArea .bannerToggle .toggleBar .path_lg{display:block}}@media screen and (max-width: 768px){.bannerArea .bannerToggle .toggleBar .path_lg{display:none}.bannerArea .bannerToggle .toggleBar .path_mb{display:block}}.bannerArea .bannerToggle .toggleBar .togglePath{opacity:.75}.bannerArea .bannerToggle .toggleBar .toggleBall{position:absolute;left:0;top:20px;bottom:0;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0px 0px 10px 0px rgba(0,0,0,.33);offset-path:path("M5 2.5 l433 0");offset-distance:5%;animation-timing-function:linear;animation-fill-mode:both;animation-duration:1s}@media screen and (max-width: 1180px){.bannerArea .bannerToggle .toggleBar .toggleBall{offset-path:path("M5 2.5 l270 0")}}@media screen and (max-width: 992px){.bannerArea .bannerToggle .toggleBar .toggleBall{offset-path:path("M5 2.5 l270 0")}}@media screen and (max-width: 768px){.bannerArea .bannerToggle .toggleBar .toggleBall{offset-path:path("M5 2.5 l120 0")}}.bannerArea .bannerToggle .toggleBtn{width:44px;height:44px;border:none;background-image:url("../../../images/tw/service/hotel-website/bannerIcon.png");background-repeat:no-repeat;background-color:rgba(0,0,0,0);transition:all .5s ease-in-out;cursor:pointer;background-color:#fff;border-radius:50%}.bannerArea .bannerToggle .toggleBtn.day{background-position:0 0}.bannerArea .bannerToggle .toggleBtn.day.current{background-position-y:-44px}.bannerArea .bannerToggle .toggleBtn.night{background-position:-44px 0}.bannerArea .bannerToggle .toggleBtn.night.current{background-position-y:-44px}@keyframes ballToNight{0%{offset-distance:5%}100%{offset-distance:95%}}@keyframes ballToDay{0%{offset-distance:95%}100%{offset-distance:5%}}.serviceArea .innerBox{display:flex}.serviceArea .Img,.serviceArea .Txt{width:50%}.serviceArea .Img{position:relative}.serviceArea .Img img{height:800px;-o-object-fit:cover;object-fit:cover}.serviceArea .Txt{background-image:url(../../../images/tw/service/hotel-website/service/service_bg.png);background-size:cover;background-repeat:no-repeat;background-color:#f8f8f8}.serviceArea .Txt .serviceGroup{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:715px;height:100%;margin:auto;padding:0 20px 15px}.serviceArea .Txt .serviceGroup .serviceTitle{width:100%;color:#1b1b1b;font-size:25px;font-weight:700;padding:20px 20px 0}.serviceArea .Txt .serviceList{display:flex;flex-wrap:wrap}.serviceArea .Txt .serviceList .serviceItem{width:50%;padding:0 20px 40px}.serviceArea .Txt .serviceList .icon{min-height:60px;display:flex;align-items:flex-end;margin-bottom:18px}.serviceArea .Txt .serviceList .title{color:#1b1b1b;font-size:24px;font-weight:bold;line-height:1.5;letter-spacing:.48px;position:relative}.serviceArea .Txt .serviceList .title:after{content:"";display:block;margin-top:18px;margin-bottom:13px;width:60px;height:4px;background-color:#b7b7b7}.serviceArea .Txt .serviceList .txt{color:#676767;font-size:16px;font-weight:500;line-height:1.75;letter-spacing:.8px}@media screen and (max-width: 1440px){.serviceArea .Txt .serviceList .serviceItem{padding:0 20px 20px}}@media screen and (max-width: 1180px){.serviceArea .Txt .serviceList .title{font-size:20px}.serviceArea .Txt .serviceList .txt{font-size:15px}}@media screen and (max-width: 992px){.serviceArea .innerBox{flex-direction:column}.serviceArea .Img,.serviceArea .Txt{width:100%}.serviceArea .Img img{height:auto;-o-object-fit:fill;object-fit:fill}.serviceArea .Txt .serviceGroup{padding:20px 0 30px}}@media screen and (max-width: 640px){.serviceArea .Txt .serviceGroup{max-width:100%}.serviceArea .Txt .serviceGroup .serviceTitle{font-size:22px;line-height:1.25}.serviceArea .Txt .serviceList{width:100%;flex-direction:column}.serviceArea .Txt .serviceList .serviceItem{width:100%;padding:20px}}.strategic_planArea{background-color:#000;position:relative}.strategic_planArea .TxtBox{max-width:1400px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;justify-content:center;flex-direction:column;z-index:1}.strategic_planArea .Txt{max-width:680px;height:100%;padding:0 30px;display:flex;justify-content:center;flex-direction:column}.strategic_planArea .Txt .titleBox .subtitle,.strategic_planArea .Txt .titleBox .title{color:#fff}.strategic_planArea .Txt .titleBox .title{letter-spacing:2.4px}.strategic_planArea .Txt .titleBox .title:after{background-color:#fff}.strategic_planArea .Txt .infoTxtLink,.strategic_planArea .Txt .infoTxt{color:hsla(0,0%,100%,.95)}.strategic_planArea .Txt .infoTxtLink:hover{color:#c4252b}.strategic_planArea .Img img{-o-object-fit:cover;object-fit:cover;height:800px}@media screen and (max-width: 1440px){.strategic_planArea .Txt{max-width:50%;background-color:rgba(33,33,33,.6)}.strategic_planArea .Txt .titleBox .title{letter-spacing:0}}@media screen and (max-width: 992px){.strategic_planArea .TxtBox{position:relative}.strategic_planArea .Txt{padding:50px 20px;max-width:100%;background-color:#212121}.strategic_planArea .Img img{height:410px}}@media screen and (max-width: 640px){.strategic_planArea .Img img{height:350px}}@media screen and (max-width: 480px){.strategic_planArea .Img img{height:300px}}.itinerary_planArea .titleBox .subtitle{color:#5d5d5d}.itinerary_planArea .titleBox .title:after{background-color:#d1435e}.itinerary_planArea .infoTxt{color:#383838}.itinerary_planArea .halfBox .slogan{pointer-events:none}.itinerary_planArea .halfBox .ImgBox{overflow:hidden;background-color:#323232}.itinerary_planArea .halfBox .ImgBox .Img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:5}.itinerary_planArea .halfBox .ImgBox .Img img{left:0;top:0;bottom:0;margin:auto}.itinerary_planArea .halfBox .ImgBox .Img img.mouse-hovered{display:none;position:absolute;bottom:auto;z-index:10}.itinerary_planArea .halfBox .ImgBox .bg{position:relative}.itinerary_planArea .halfBox .ImgBox .bg .shapeBg{content:"";position:absolute;right:0;bottom:0;display:inline-block;width:0;height:0;border-style:solid;border-width:0 0 940px 85vw;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #a92245 rgba(0,0,0,0);transform:translateX(100%)}@media screen and (max-width: 992px){.itinerary_planArea .halfBox .ImgBox .bg .shapeBg{border-width:0 0 940px calc(100vw + 800px)}}@media screen and (max-width: 768px){.itinerary_planArea .halfBox .ImgBox .bg .shapeBg{border-width:0 0 700px 150vw;bottom:auto;top:-100px}}@media screen and (max-width: 600px){.itinerary_planArea .halfBox .ImgBox .bg .shapeBg{border-width:0 0 600px 150vw;top:-70px}}@media screen and (max-width: 480px){.itinerary_planArea .halfBox .ImgBox .bg .shapeBg{border-width:0 0 480px 150vw}}.itinerary_planArea .halfBox .ImgBox .bg img{position:relative;z-index:1;width:0}.itinerary_planArea .halfBox .slogan{left:53px;top:65px}@media screen and (max-width: 768px){.itinerary_planArea .halfBox .ImgBox .Img img{top:70%;transform:translateY(-70%)}.itinerary_planArea .halfBox .slogan{left:30px;top:30px}}@media screen and (max-width: 480px){.itinerary_planArea .halfBox .slogan{left:25px;top:25px}}.deviceArea .titleBox .subtitle{color:#fff}.deviceArea .titleBox .title{color:#fff}.deviceArea .titleBox .title:after{background-color:#a28970}.deviceArea .infoTxt{color:hsla(0,0%,100%,.8)}.deviceArea .Txt .infoTxtLink{color:hsla(0,0%,100%,.8);font-size:12px;line-height:1.8;margin-top:10px}.deviceArea .Txt .infoTxtLink:hover{color:#c4252b}.deviceArea .halfBox .ImgBox .Img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:5}.deviceArea .halfBox .ImgBox .Img img{-o-object-fit:contain;object-fit:contain}.deviceArea .halfBox .ImgBox .Img img:not(.bottom){top:0;bottom:0;margin:auto;height:800px}@media screen and (max-width: 1280px){.deviceArea .halfBox .ImgBox .Img img:not(.bottom){height:700px}}@media screen and (max-width: 1536px){.deviceArea .halfBox .ImgBox .Img img:not(.bottom){top:60px;transform:none}}@media screen and (max-width: 768px){.deviceArea .halfBox .ImgBox .Img img:not(.bottom){top:40%;transform:translateY(-40%)}}.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-120px;height:920px}@media screen and (max-width: 1280px){.deviceArea .halfBox .ImgBox .Img img.bottom{height:820px}}@media screen and (max-width: 1700px){.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-110px}}@media screen and (max-width: 1536px){.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-170px}}@media screen and (max-width: 992px){.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-70px}}@media screen and (max-width: 768px){.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-110px}}@media screen and (max-width: 600px){.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-160px}}@media screen and (max-width: 480px){.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-210px}}@media screen and (max-width: 375px){.deviceArea .halfBox .ImgBox .Img img.bottom{bottom:-265px}}.deviceArea .halfBox .TxtBox{background-color:#212121}.deviceArea .halfBox .TxtBox .Txt{max-width:450px}.deviceArea .halfBox .slogan{right:-3.2%;top:49px}@media screen and (max-width: 992px){.deviceArea .halfBox .TxtBox{order:1}.deviceArea .halfBox .TxtBox .Txt{max-width:100%}.deviceArea .halfBox .slogan{right:20px}}@media screen and (max-width: 768px){.deviceArea .halfBox .slogan{right:20px;top:30px}}@media screen and (max-width: 480px){.deviceArea .halfBox .slogan{top:20px}}.teamArea{position:relative}.teamArea.show .Img .teaImg{opacity:1}.teamArea.show .Img .teaImg.img01 img{animation:moveRBtoLT 1.5s .5s forwards}.teamArea.show .Img .teaImg.img02 img{animation:moveLTtoRB 1.5s .5s forwards}.teamArea.show .Img .teaImg.img03 img{animation:moveRTtoLB 1.5s .5s forwards}.teamArea.show .Img .teaImg.img04 img{animation:moveRTtoLB 1.5s .5s forwards}.teamArea.show .Img .teaImg.img05 img{animation:moveRTtoLB 1.5s .5s forwards}.teamArea .rightBox{max-width:992px;width:100%;position:absolute;right:0;top:0;bottom:0;margin:auto;display:flex;justify-content:center;flex-direction:column;z-index:1}@media screen and (max-width: 992px){.teamArea .rightBox{position:relative}}.teamArea .Img .teaImg{position:absolute;opacity:0}.teamArea .Img .teaImg img{opacity:0}.teamArea .Img .teaImg.img01{right:calc(50% + 175px);top:95px}.teamArea .Img .teaImg.img02{top:0;right:calc(50% - 378px)}.teamArea .Img .teaImg.img03{right:calc(50% + 313px);bottom:93px}.teamArea .Img .teaImg.img04{right:calc(50% - 552px);top:240px}.teamArea .Img .teaImg.img05{right:calc(50% - 287px);bottom:-51px}.teamArea .Txt{max-width:620px;height:100%;padding:0 30px;margin:0 auto;display:flex;justify-content:center;flex-direction:column;position:relative;z-index:2}.teamArea .Txt .titleBox .subtitle,.teamArea .Txt .titleBox .title{color:#fff}.teamArea .Txt .titleBox .title{letter-spacing:2.4px}.teamArea .Txt .titleBox .title:after{background-color:#fff}.teamArea .Txt .infoTxt{color:hsla(0,0%,100%,.8)}.teamArea .bg{position:relative}.teamArea .bg>img{-o-object-fit:cover;object-fit:cover;height:800px}@media screen and (max-width: 1440px){.teamArea .rightBox{max-width:70%}.teamArea .Txt{max-width:500px}.teamArea .Txt .titleBox .title{letter-spacing:0}}@media screen and (max-width: 992px){.teamArea .rightBox{max-width:100%}.teamArea .rightBox .Img{display:none}.teamArea .TxtBox{position:relative}.teamArea .Txt{padding:50px 20px;max-width:100%;background-color:#212121}.teamArea .bg>img{height:410px}.teamArea .bg .Img{display:block}}@media screen and (max-width: 640px){.teamArea .bg>img{height:350px}}@media screen and (max-width: 480px){.teamArea .bg img{height:300px}}.brandArea{position:relative;z-index:2}.brandArea.show:before{animation:moveRtoL 1.5s forwards}.brandArea.show:after{animation:moveRtoL 1.5s .8s forwards}.brandArea.show .brandList li:nth-child(1) .item{animation:moveRtoL 1.5s .2s forwards}.brandArea.show .brandList li:nth-child(2) .item{animation:moveRtoL 1.5s .4s forwards}.brandArea.show .brandList li:nth-child(3) .item{animation:moveRtoL 1.5s .6s forwards}.brandArea.show .brandList li:nth-child(4) .item{animation:moveRtoL 1.5s .8s forwards}.brandArea.show .brandList li:nth-child(5) .item{animation:moveRtoL 1.5s 1s forwards}.brandArea.show .brandList li:nth-child(6) .item{animation:moveRtoL 1.5s 1.2s forwards}.brandArea:before,.brandArea:after{content:"";position:absolute;top:0;width:calc((100% - 1400px)/2);height:100%;background-color:rgba(0,0,0,.5);z-index:2;opacity:0}.brandArea:before{left:0}.brandArea:after{right:0}.brandArea .Img{position:relative;overflow:hidden}.brandArea .Img img{height:800px;-o-object-fit:cover;object-fit:cover}.brandArea .Img ul li{position:absolute;left:0;top:0}.brandArea .Img ul li.close{opacity:1;z-index:1}.brandArea .Img ul li.close img{animation:zoomOut .7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards}.brandArea .Img ul li.open{opacity:1;z-index:1}.brandArea .Img ul li.open img{animation:zoomIn .7s cubic-bezier(0.645, 0.045, 0.355, 1)}.brandArea .Img .bg{position:relative;background-color:rgba(0,0,0,.5)}.brandArea .Img .bg:before{position:absolute;left:0;right:0;top:0;bottom:0;content:"";background-color:rgba(0,0,0,.5);z-index:0}.brandArea .Txt{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:1400px;z-index:3}.brandArea .Txt .boxImg{display:none}.brandArea .Txt .brandList:not(.slick-slider){display:flex}.brandArea .Txt .brandList{height:100%;margin-bottom:0 !important}.brandArea .Txt .brandList .slick-prev,.brandArea .Txt .brandList .slick-next{z-index:5;height:37px}.brandArea .Txt .brandList .slick-prev:before,.brandArea .Txt .brandList .slick-next:before{display:none}.brandArea .Txt .brandList .slick-prev{left:25px}.brandArea .Txt .brandList .slick-next{right:25px}.brandArea .Txt .brandList .slick-dots{bottom:30px}.brandArea .Txt .brandList .slick-dots li{width:auto}.brandArea .Txt .brandList .slick-dots li.active button:before{color:#fff}.brandArea .Txt .brandList .slick-dots li button:before{color:#fff;font-size:18px}.brandArea .Txt .brandList li{width:25%;position:relative}@media screen and (min-width: 1181px){.brandArea .Txt .brandList li.open .item{background-color:rgba(0,0,0,.2)}.brandArea .Txt .brandList li.open a .btn_more{opacity:1;transform:translateY(35px)}.brandArea .Txt .brandList li::before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.3)}.brandArea .Txt .brandList li:last-child:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.3)}}.brandArea .Txt .brandList li .item{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);opacity:0}.brandArea .Txt .brandList li a{display:block;text-align:center}.brandArea .Txt .brandList li a .titleTw{color:#fff;font-size:20px;font-weight:bold;letter-spacing:1.2px}.brandArea .Txt .brandList li a .titleEn{color:#fff;font-size:17px;font-weight:500;font-family:"Lato";letter-spacing:.54px;margin-top:5px}.brandArea .Txt .brandList li a .btn_more{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:auto;border-radius:50%;background-color:#292929;opacity:0}@media screen and (max-width: 1280px){.brandArea .Txt .brandList li a .titleTw{font-size:19px;letter-spacing:.54px}.brandArea .Txt .brandList li a .titleEn{font-size:16px}}@media screen and (max-width: 1180px){.brandArea .Txt{position:relative}.brandArea .Txt .brandList>li{width:100%}.brandArea .Txt .brandList>li:not(:first-child){position:absolute;left:0;top:0;opacity:0}.brandArea .Txt .brandList li .item{position:relative}.brandArea .Txt .brandList li .itemBox{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:auto;z-index:5;display:flex;justify-content:center}.brandArea .Txt .brandList li a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.brandArea .Txt .brandList li a .titleTw{font-size:24px}.brandArea .Txt .brandList li a .titleEn{font-size:18px}.brandArea .Txt .brandList li a .btn_more{opacity:1;margin-top:35px}.brandArea .Txt .boxImg{display:block;position:relative}.brandArea .Txt .boxImg:before{position:absolute;left:0;right:0;top:0;bottom:0;content:"";background-color:rgba(0,0,0,.5)}.brandArea .Txt .boxImg img{height:800px;-o-object-fit:cover;object-fit:cover}.brandArea .Img{display:none}}@media screen and (max-width: 992px){.brandArea .Txt .brandList .slick-prev{left:20px}.brandArea .Txt .brandList .slick-next{right:20px}.brandArea .Txt .boxImg img{height:600px}}@media screen and (max-width: 480px){.brandArea .Txt .boxImg img{height:500px}}.clientArea{padding:102px 0;background-color:#212121}@media screen and (max-width: 992px){.clientArea{padding:50px 0}}.clientArea .titleBox .subtitle,.clientArea .titleBox .title{text-align:center}.clientArea .titleBox .subtitle{color:hsla(0,0%,100%,.4)}.clientArea .titleBox .title{color:#fff}.clientArea .titleBox .title:after{margin:25px auto 23px;background-color:hsla(0,0%,100%,.7)}.clientArea .clientList{display:flex;flex-wrap:wrap;margin:10px -10px 0}.clientArea .clientList .clientItem{width:20%;padding:27.5px 10px}@media screen and (max-width: 1024px){.clientArea .clientList .clientItem{width:33.3333333333%}}@media screen and (max-width: 580px){.clientArea .clientList .clientItem{width:50%;padding:7px 10px}}.clientArea .clientList .clientItem a{display:block}.clientArea .clientList .clientItem a:hover img{opacity:1}.clientArea .clientList .clientItem a img{opacity:.8;margin:auto}