@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Allura&family=Montserrat:wght@600;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Poppins:wght@400;500;600;700&display=swap");.roomArea .Txt{box-sizing:border-box}.mainArea{position:relative;padding:0}.mainArea.show .deckLeaf{opacity:1}.mainArea .wrap{margin-top:0px;background-color:transparent}.deckLeaf{transition:all 0.4s ease;opacity:0}.deckLeaf .deck{position:absolute}.deckLeaf .pic01{top:-55px;left:0}@media (max-width:1440px){.deckLeaf .pic01{top:-10px}}@media (max-width:1180px){.deckLeaf .pic01{display:none}}.deckLeaf .pic02{top:470px;left:0}.deckLeaf .pic03{top:-290px;right:0}@media (max-width:1440px){.deckLeaf .pic03{top:0}}@media (max-width:1180px){.deckLeaf .pic03{display:none}}.popWin{position:fixed;left:0;top:0;z-index:500;width:100%;height:100vh;font-size:15px;line-height:1.8;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.7s}.popWin .mask{position:absolute;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.7);opacity:0;transition:all 0.7s}.popWin .inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px;max-width:90%;max-height:85vh;opacity:0;background-color:#fff;transition:all 0.7s}.popWin .popContent{max-height:85vh;overflow-y:auto}.popWin img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.popWin .Txt{padding:30px;text-align:left}.popWin .Txt .popTitle{font-size:25px;margin-bottom:25px}.popWin .close{position:absolute;right:-23px;top:-23px;z-index:1;width:46px;height:46px;background-color:rgba(0,0,0,0.7);border-radius:50%}.popWin .close:after,.popWin .close:before{content:"";position:absolute;left:11px;top:23px;width:25px;height:1px;background-color:#bca480}.popWin .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popWin.show{opacity:1;visibility:visible;pointer-events:auto}.popWin.show .inner,.popWin.show .mask{opacity:1}.popWin .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width:1180px){.popWin .close{right:0;top:0;border-radius:0}.popWin .popContent{max-height:calc(100vh - 150px)}}.arrowBox{width:240px;height:240px;border:8px solid #f8c630;box-sizing:border-box;padding:5px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.arrowBox>div{cursor:pointer;position:relative;padding:15px 25px;font-size:14px;font-weight:600;font-family:"Montserrat","Noto Sans TC","微軟正黑體",sans-serif;color:#767676;transition:all 0.4s ease}.arrowBox>div:hover{color:#000000}.arrowBox>div:not(:first-child):before{content:"";position:absolute;top:calc(50% - 6px);left:0;width:1px;height:12px;background-color:#c6c6c6}.arrowBox>div:first-child:before{content:"";position:absolute;top:50%;right:calc(100% + 5px);width:157px;height:1px;background-color:rgba(52,8,98,0.5)}@media (max-width:960px){.arrowBox>div:first-child:before{display:none}}.arrowBox span{display:inline-block;width:1px;height:12px;background:#c6c6c6}.bannerBox{overflow:hidden;position:relative}.bannerBox li.view .ImgZoom{-webkit-transform:scale(1);transform:scale(1)}.bannerBox li.view .Txt .bottom:before{transition:all 0.8s 1.2s ease;height:105px}@media (max-width:1650px){.bannerBox li.view .Txt .bottom:before{height:50px}}@media (max-width:960px){.bannerBox li.view .Txt .bottom:before{height:25px}}.bannerBox li.view .Txt .title{transition:all 0.8s 0.6s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.bannerBox li.view .Txt .title:before{transition:all 0.8s 1.2s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.bannerBox li.view .Txt .enTitle{transition:all 0.8s 0.6s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.bannerBox li.view .Txt .subTitle{transition:all 0.8s 1.8s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.bannerBox li.view .Txt .text{transition:all 0.8s 2.4s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.bannerBox li.view .Txt .front{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all 1s ease}.bannerBox .front,.bannerBox .Img{position:relative}@media (max-width:480px){.bannerBox .front,.bannerBox .Img{height:250px}}.bannerBox .front img,.bannerBox .Img img{width:100%;display:block;position:relative;z-index:1}@media (max-width:480px){.bannerBox .front img,.bannerBox .Img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;width:auto}}.bannerBox .ImgZoom{-webkit-transform:scale(1.03);transform:scale(1.03);transition:-webkit-transform 6s ease;transition:transform 6s ease;transition:transform 6s ease,-webkit-transform 6s ease}@media (max-width:640px){.bannerBox .ImgZoom{-webkit-transform:scale(1);transform:scale(1);transition:none}}.bannerBox .Txt{width:100%;height:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center;line-height:1.8;z-index:2}.bannerBox .Txt .front{width:100%;display:block;opacity:0;position:absolute;top:0;left:0;z-index:2;-webkit-transform:scale(1.03);transform:scale(1.03)}.bannerBox .Txt .top{padding-top:185px;position:relative;z-index:1;transition:all 0.4s ease}@media (max-width:1650px){.bannerBox .Txt .top{padding-top:60px}}.bannerBox .Txt .bottom{padding-top:130px;position:relative;z-index:3;transition:all 0.4s ease}@media (max-width:1650px){.bannerBox .Txt .bottom{padding-top:60px}}@media (max-width:960px){.bannerBox .Txt .bottom{padding-top:30px}}.bannerBox .Txt .bottom:before{content:"";position:absolute;top:15px;left:50%;width:1px;background-color:rgba(255,255,255,0.55);height:0}@media (max-width:960px){.bannerBox .Txt .bottom:before{top:5px}}.bannerBox .Txt .title{display:inline-block;font-size:160px;font-weight:700;font-family:"Poppins","Noto Sans TC","微軟正黑體",sans-serif;color:rgba(255,255,255,0.5);line-height:1;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;position:relative}.bannerBox .Txt .title:before{content:"";position:absolute;top:-110px;left:-125px;width:172px;height:154px;background-repeat:no-repeat;background-image:url(../images/bird.png);background-size:contain;-webkit-transform:translate(20px,20px);transform:translate(20px,20px);opacity:0}@media (max-width:640px){.bannerBox .Txt .title:before{display:none}}@media (max-width:1650px){.bannerBox .Txt .title{font-size:120px}}@media (max-width:1366px){.bannerBox .Txt .title{font-size:90px}}@media (max-width:960px){.bannerBox .Txt .title{font-size:70px}}@media (max-width:640px){.bannerBox .Txt .title{font-size:40px}}.bannerBox .Txt .enTitle{font-size:50px;font-weight:400;font-family:"Allura",cursive;color:#340862;line-height:1;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}@media (max-width:960px){.bannerBox .Txt .enTitle{font-size:36px}}@media (max-width:640px){.bannerBox .Txt .enTitle{font-size:25px}}.bannerBox .Txt .subTitle{font-size:30px;font-weight:600;font-family:"Poppins","Noto Sans TC","微軟正黑體",sans-serif;color:rgba(255,255,255,0.9);-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}@media (max-width:960px){.bannerBox .Txt .subTitle{font-size:26px}}@media (max-width:640px){.bannerBox .Txt .subTitle{font-size:18px}}.bannerBox .Txt .text{margin:0 auto;max-width:620px;font-size:14px;font-weight:400;color:#fff;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}@media (max-width:1180px){.bannerBox .Txt .text{display:none}}.bannerBox .Txt.hideDeco .title:before{display:none}@media (max-width:640px){.bannerBox .Txt.hideText .bottom,.bannerBox .Txt.hideText .top{display:none!important}}.bannerPageBox{width:594px;font-size:0;position:absolute;bottom:60px;left:calc(50% - 297px)}@media (max-width:1366px){.bannerPageBox{bottom:30px}}@media (max-width:1180px){.bannerPageBox{bottom:20px}}@media (max-width:960px){.bannerPageBox{display:none}}.bannerPageBox .dot{cursor:pointer;position:absolute;top:-6.5px;left:-6.5px;width:13px;height:13px;background-color:rgba(255,255,255,0.3);box-shadow:0px 3px 15px 0px rgba(162,162,162,0.25);border-radius:50%}.bannerPageBox .dot.current:before{background-color:#f8c630}.bannerPageBox .dot:before{content:"";position:absolute;top:2.5px;left:2.5px;width:8px;height:8px;background-color:#fff;border-radius:50%;transition:all 0.3s ease}#path{fill:none;stroke:#f8c630;stroke-width:1.5;stroke-dashoffset:0;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear;transition-property:all;transition-duration:6.8s}#path.zero{transition-property:all;transition-duration:0s}.newsArea{padding:130px 0 100px;background-repeat:no-repeat;background-image:url(../images/bg_news.jpg);background-size:cover;overflow:hidden}.newsArea.show .leftBox{transition:all 0.6s ease;-webkit-transform:translate(0px);transform:translate(0px);opacity:1}.newsArea.show .newsBox{transition:all 0.6s 0.6s ease;-webkit-transform:translate(0px);transform:translate(0px);opacity:1}.newsArea.show .newsBox .arrowBox{transition:all 0.6s 1.2s ease;-webkit-transform:translate(0px);transform:translate(0px);opacity:1}@media (max-width:1180px){.newsArea{padding:60px 0 40px}}.newsArea .wrap{display:-ms-flexbox;display:flex;width:100%;padding-left:calc(50% - (1280px/2))}@media (max-width:1320px){.newsArea .wrap{padding:0 20px}}@media (max-width:1180px){.newsArea .wrap{-ms-flex-direction:column;flex-direction:column}}.newsArea .leftBox{width:325px;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}@media (max-width:1180px){.newsArea .leftBox{width:100%;-webkit-transform:translateY(20px);transform:translateY(20px)}}.newsArea .rightBox{width:72vw}@media (max-width:1180px){.newsArea .rightBox{margin-top:20px;width:100%}}.newsArea .pageNumber{position:relative;margin-top:100px;display:-ms-flexbox;display:flex;font-size:30px;font-weight:600;font-family:"Poppins","Noto Sans TC","微軟正黑體",sans-serif;color:#cbcbcb}.newsArea .pageNumber>div{width:40px;text-align:center}@media (max-width:1180px){.newsArea .pageNumber{margin-top:0;-ms-flex-pack:center;justify-content:center}}.newsArea .pageNumber .nowPage{color:#340862}.newsArea .pageNumber span{position:relative;display:inline-block;width:30px}.newsArea .pageNumber span:before{content:"";position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-14px;width:28px;height:2px;background-color:#cbcbcb;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.newsArea .newsBox{position:relative;-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}@media (max-width:1180px){.newsArea .newsBox{padding:10px;-webkit-transform:translateY(20px);transform:translateY(20px)}}.newsArea .newsBox .arrowBox{position:absolute;top:-50px;left:750px;-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}@media (max-width:1180px){.newsArea .newsBox .arrowBox{padding:10px;-webkit-transform:translateY(20px);transform:translateY(20px)}}@media (max-width:1420px){.newsArea .newsBox .arrowBox{left:auto;right:20px}}@media (max-width:960px){.newsArea .newsBox .arrowBox{position:relative;top:auto;right:auto;height:auto;width:auto;margin:10px auto 0;padding:0;border:none;-ms-flex-pack:center;justify-content:center}}.newsArea .newsBox .btnBox{margin-top:45px}.newsArea .newsList{position:relative;margin:0 -15px;z-index:1}@media (max-width:1180px){.newsArea .newsList{margin:0 -10px}}.newsArea li{padding:10px 15px;box-sizing:border-box;width:445px}.newsArea .item{background-color:#fff;box-shadow:0px 3px 15px 0px rgba(162,162,162,0.25)}.newsArea .Img img{display:block;width:100%}.newsArea .Txt{padding:25px;font-size:14px;font-weight:400;color:#4c4c4c;line-height:1.8;letter-spacing:0.5px;box-sizing:border-box}.newsArea .Txt .top{display:-ms-flexbox;display:flex}@media (max-width:1180px){.newsArea .Txt .top{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.newsArea .Txt .title{margin-top:20px;margin-bottom:10px}@media (max-width:1180px){.newsArea .Txt .title{margin-top:5px}}.newsArea .Txt .title a{display:block;padding-left:15px;position:relative;font-size:18px;font-weight:700;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.newsArea .Txt .title a:hover{color:#340862}.newsArea .Txt .title a:before{content:"";position:absolute;top:calc(50% - 9px);left:0;width:5px;height:18px;background-color:#340862}.newsArea .Txt .textBox{width:calc(100% - 36px);padding-right:20px;box-sizing:border-box}.newsArea .Txt .date{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:36px;font-size:30px;font-weight:700;color:#340862;line-height:1;display:none}@media (max-width:1180px){.newsArea .Txt .date{-ms-flex-direction:row;flex-direction:row;margin-bottom:5px}}.newsArea .Txt .date span{position:relative;display:inline-block;padding:0 15px;height:30px}.newsArea .Txt .date span:before{content:"";position:absolute;top:50%;left:calc(50% - 15px);width:30px;height:1px;background-color:rgba(52,8,98,0.5);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.newsArea .Txt p{display:block;width:100%;height:50px}.newsArea .newIcon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:13px;font-weight:500;color:#4b4a4a;height:20px}.newsArea .newIcon .className{position:relative;padding-right:20px;font-size:13px;font-weight:500;font-family:"Poppins","Noto Sans TC","微軟正黑體",sans-serif}.newsArea .newIcon .className:before{content:"";position:absolute;top:50%;right:5px;margin-top:-0.5px;width:10px;height:1px;background-color:#222}.newsArea .btnBox{margin-top:115px}@media (max-width:1180px){.newsArea .btnBox{margin-top:20px}.newsArea .btnBox .viewBtn.deep{margin:0 auto}}@media (min-width:1181px){.newsArea .pcHide{display:none}}@media (max-width:1180px){.newsArea .mHide{display:none}}.roomArea{padding:100px 0 80px;background-repeat:no-repeat;background-image:url(../images/bg_room.jpg);background-size:cover;overflow:hidden}@media (max-width:1180px){.roomArea{padding:60px 0 40px}}.roomArea.show .titleBox{transition:all 0.6s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.roomArea.show .roomBox{transition:all 0.6s 0.6s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.roomArea.show .roomBox .arrowBox{transition:all 0.6s 1.2s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.roomArea .titleBox{margin-bottom:20px;-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}@media (max-width:1180px){.roomArea .titleBox{width:100%;-webkit-transform:translateY(20px);transform:translateY(20px)}}.roomArea .roomBox{position:relative;margin-left:calc((1280px - 100vw - 70px) / 2);width:1180px;transition:all 0.8s 0.8s ease;-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}@media (max-width:1280px){.roomArea .roomBox{margin-left:0;width:100%}}@media (max-width:1180px){.roomArea .roomBox{width:100%;-webkit-transform:translateY(20px);transform:translateY(20px)}}.roomArea .roomBox .arrowBox{position:absolute;top:-45px;left:60%;transition:all 0.8s 1.6s ease;-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}@media (max-width:1280px){.roomArea .roomBox .arrowBox{left:40%}}@media (max-width:1180px){.roomArea .roomBox .arrowBox{-webkit-transform:translateY(20px);transform:translateY(20px)}}@media (max-width:960px){.roomArea .roomBox .arrowBox{position:relative;top:auto;left:auto;height:auto;margin:10px auto 0;padding:0;border:none;-ms-flex-pack:center;justify-content:center}}.roomArea .roomList{position:relative;margin:0 -10px;z-index:1}.roomArea .item{box-shadow:0px 3px 15px 0px rgba(162,162,162,0.25)}.roomArea .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.roomArea .Txt{position:relative;padding:25px;background-color:#fff}.roomArea .Txt p{height:50px;font-size:14px;font-weight:400;color:#4c4c4c;line-height:1.8;letter-spacing:0.5px}.roomArea .Txt .enTitle{font-size:14px;font-weight:400;font-family:"Poppins","Noto Sans TC","微軟正黑體",sans-serif;color:rgba(34,34,34,0.7)}.roomArea .Txt .title a{padding-left:15px;position:relative;font-size:18px;font-weight:700;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roomArea .Txt .title a:before{content:"";position:absolute;top:calc(50% - 9px);left:0;width:5px;height:18px;background-color:#340862}.roomArea .Txt .title a:hover{color:#340862}.roomArea .arrowButton{display:inline-block;position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:10px}.deckBox .deck{position:absolute}.deckBox .picl01{top:115px;left:14.5%}@media (max-width:1180px){.deckBox .picl01{left:70px}}.deckBox .picl02{top:457px;left:11%}@media (max-width:1180px){.deckBox .picl02{left:10px}}.deckBox .picr01{top:-58px;right:17.5%}@media (max-width:1180px){.deckBox .picr01{right:50px}}.deckBox .picr02{top:365px;right:13.5%}@media (max-width:1180px){.deckBox .picr02{right:5px}}.travelArea{position:relative;padding:75px 0;background-repeat:no-repeat;background-image:url(../images/bg_travel.jpg);background-size:cover;background-position:center center;min-height:1100px;box-sizing:border-box}.travelArea.show .titleBox{transition:all 0.6s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.travelArea.show .travelDeckBox{transition:opacity 0.6s 0.6s ease,height 0.6s 0.6s ease,width 0.6s 1.2s ease;opacity:1;height:560px;width:190px}.travelArea.show .travelPicBox{transition:all 1s 1.8s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.travelArea.show .travelDataBox{transition:all 1s 1.8s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.travelArea .titleBox{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.travelArea .titleBox .title{color:#340862}.travelArea .titleBox .enTitle{margin-top:20px;margin-bottom:10px}.travelArea .titleBox p{color:#340862}.travelArea .travelBox{position:relative;display:-ms-flexbox;display:flex;padding:100px 0 0px}@media (max-width:1180px){.travelArea .travelBox{-ms-flex-direction:column;flex-direction:column}}.travelArea .travelDeckBox{position:absolute;top:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:190px;height:560px;border:8px solid #f8c630;box-sizing:border-box;width:0px;height:0px;opacity:0}.travelArea .travelDeckBox:after,.travelArea .travelDeckBox:before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-46px);transform:translate(-50%,-46px);width:1px;height:80px;background-color:#340862}.travelArea .travelDeckBox:after{top:auto;bottom:0;-webkit-transform:translate(-50%,57px);transform:translate(-50%,57px)}.travelArea .travelPicBox{position:relative;width:50%;-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}@media (max-width:1180px){.travelArea .travelPicBox{-webkit-transform:translateY(20px);transform:translateY(20px);width:100%;max-width:640px;margin:0 auto}}.travelArea .travelDataBox{position:relative;width:50%;padding-top:25px;-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}@media (max-width:1180px){.travelArea .travelDataBox{-webkit-transform:translateY(20px);transform:translateY(20px);width:100%;max-width:640px;margin:0 auto;padding-top:0}}.travelArea .travelPicList{background-color:#fff}.travelArea .travelDataList{background-color:#fff}.travelArea .travelDataList .item{position:relative}@media (max-width:640px){.travelArea .travelDataList .Img{opacity:0.6;min-height:350px}}.travelArea .travelDataList .Txt{padding:55px 44% 50px 45px;position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box}@media (max-width:640px){.travelArea .travelDataList .Txt{padding:30px 45px 30px}}@media (max-width:480px){.travelArea .travelDataList .Txt{padding:20px 30px}}.travelArea .travelDataList .Txt p{height:100px;font-size:14px;font-weight:400;color:rgba(0,0,0,0.9);line-height:1.8}.travelArea .travelDataList .title{margin-bottom:20px}.travelArea .travelDataList .title a{display:block;padding-left:15px;position:relative;font-size:22px;font-weight:700;color:#212121;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.travelArea .travelDataList .title a:before{content:"";position:absolute;top:calc(50% - 9px);left:0;width:5px;height:18px;background-color:#340862}.travelArea .travelDataList .title a:hover{color:#340862}.travelArea .travelDataList .subTitle{padding-bottom:20px;margin-bottom:20px;margin-right:25px;font-size:18px;font-weight:500;color:#000000;border-bottom:1px solid rgba(0,0,0,0.2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.travelArea .travelDataList .btnBox{margin-top:60px}@media (max-width:1320px){.travelArea .travelDataList .btnBox{margin-top:30px}}.travelArea .Img{position:relative}.travelArea .Img img{display:block;width:100%}.aboutOutArea{position:relative}.aboutArea{padding:120px 0 80px;background-repeat:no-repeat;background-image:url(../images/bg_about.jpg);background-size:cover;min-height:640px;box-sizing:border-box}@media (max-width:1680px){.aboutArea{background-position:center center}}@media (max-width:1180px){.aboutArea{background-position:left center}}@media (max-width:767px){.aboutArea{padding:50px 0 40px;min-height:auto}}.aboutArea.show .titleBox{transition:all 0.8s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.aboutArea.show .right .title{transition:all 0.8s 0.5s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.aboutArea.show .right .Txt p{transition:all 0.8s 1s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.aboutArea.show .btnBox{transition:all 0.8s 1.5s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.aboutArea .aboutBox{width:50%}@media (max-width:767px){.aboutArea .aboutBox{width:100%}}.aboutArea .titleBox{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.aboutArea .titleBox .enTitle{margin-bottom:20px}.aboutArea .right .title{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.2);font-size:20px;font-weight:700;color:#212121;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.aboutArea .right .Txt{width:100%;max-width:400px;font-size:14px;font-weight:400;color:#000;line-height:1.8;letter-spacing:0.5px}.aboutArea .right .Txt p{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.aboutArea .btnBox{margin-top:55px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.locationArea{position:absolute;top:50%;right:calc((100vw - 1280px) /2);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:345px;box-shadow:0px 3px 15px 0px rgba(162,162,162,0.25);background-color:#fff}@media (max-width:1320px){.locationArea{right:20px}}@media (max-width:767px){.locationArea{right:auto;position:relative;-webkit-transform:translate(0);transform:translate(0);margin:20px auto}}@media (max-width:385px){.locationArea{width:100%;box-shadow:none;overflow:hidden;margin:0 auto}}.locationArea.show .mapBox .stationBox .stationName{transition:all 0.4s 0.8s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.locationArea.show .mapBox .stationBox .icon{-webkit-animation:ir both 3s 1.5s ease-in-out infinite;animation:ir both 3s 1.5s ease-in-out infinite}.locationArea.show .mapBox .stationBox .icon img{transition:all 0.4s 0.4s ease;-webkit-transform:scale(1);transform:scale(1)}.locationArea.show .mapBox .stationBox .point{transition:all 0.4s ease;-webkit-transform:scale(1);transform:scale(1)}.locationArea.show .mapBox .stationBox .point:before{-webkit-animation:btnAni 2s infinite cubic-bezier(0.66,0,0,1);animation:btnAni 2s infinite cubic-bezier(0.66,0,0,1)}.locationArea.show .mapBox .stationBox .point:after{-webkit-animation:btnAni 2s 0.25s infinite cubic-bezier(0.66,0,0,1);animation:btnAni 2s 0.25s infinite cubic-bezier(0.66,0,0,1)}.locationArea.show .mapBox .pathBox .path01{transition:all 0.8s 1s linear;height:100%}.locationArea.show .mapBox .pathBox .path02{transition:all 0.8s 1.4s linear;width:100%}.locationArea.show .mapBox .pathBox .path03{transition:all 0.8s 1.8s linear;height:100%}.locationArea.show .mapBox .desBox .stationName{transition:all 0.4s 3.4s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.locationArea.show .mapBox .desBox .icon{-webkit-animation:ir both 3s 2s ease-in-out infinite;animation:ir both 3s 2s ease-in-out infinite}.locationArea.show .mapBox .desBox .icon img{transition:all 0.4s 3s ease;-webkit-transform:scale(1);transform:scale(1)}.locationArea.show .mapBox .desBox .point{transition:all 0.4s 2.6s ease;-webkit-transform:scale(1);transform:scale(1)}.locationArea.show .mapBox .desBox .point:before{-webkit-animation:btnAni 2s infinite cubic-bezier(0.66,0,0,1);animation:btnAni 2s infinite cubic-bezier(0.66,0,0,1)}.locationArea.show .mapBox .desBox .point:after{-webkit-animation:btnAni 2s 0.25s infinite cubic-bezier(0.66,0,0,1);animation:btnAni 2s 0.25s infinite cubic-bezier(0.66,0,0,1)}.locationArea.show .mapBox .workBox{transition:all 0.4s 3.4s ease;-webkit-transform:scale(1);transform:scale(1)}.locationArea.show .right .title{transition:all 0.6s 3.8s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.locationArea.show .right .transportBox{transition:all 0.6s 4.4s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.locationArea.show .right .arrowButton{transition:all 0.6s 5s ease;-webkit-transform:translate(0);transform:translate(0);opacity:1}.locationArea>.wrap{width:100%}@media (max-width:1320px){.locationArea>.wrap{padding:0}}.locationArea .mapBox{position:relative;width:345px;margin:0 auto}.locationArea .mapBox img{display:block;max-width:100%}.locationArea .pathBox{position:absolute;top:151px;left:104px;width:143px;height:52px}.locationArea .pathBox>div{position:absolute;top:0;left:0;overflow:hidden}.locationArea .pathBox>div img{max-width:none;width:143px;height:52px}.locationArea .pathBox .path01{height:0%}.locationArea .pathBox .path02{width:0%}.locationArea .pathBox .path03{height:0%}.locationArea .stationBox{position:absolute;top:20px;left:78px}.locationArea .stationBox .iconBox{position:relative;width:105px;height:100px;margin:0 auto}.locationArea .stationBox .icon{position:absolute;top:0;left:calc(50% - 27.5px);-webkit-transform-origin:bottom center;transform-origin:bottom center;z-index:1}.locationArea .stationBox .icon img{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scale(0);transform:scale(0)}.locationArea .stationBox .point{position:absolute;bottom:0;left:0;z-index:1;-webkit-transform:scale(0);transform:scale(0)}.locationArea .stationBox .point img{position:relative;z-index:2}.locationArea .stationBox .point:after,.locationArea .stationBox .point:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:50%;background-color:transparent;z-index:1}.locationArea .desBox{position:absolute;top:83px;left:168px}.locationArea .desBox .iconBox{position:relative;width:105px;height:90px;margin:0 auto}.locationArea .desBox .icon{position:absolute;top:0;left:calc(50% - 29.5px);-webkit-transform-origin:bottom center;transform-origin:bottom center;z-index:1}.locationArea .desBox .icon img{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scale(0);transform:scale(0)}.locationArea .desBox .point{position:absolute;bottom:0;left:0;z-index:1;-webkit-transform:scale(0);transform:scale(0)}.locationArea .desBox .point img{position:relative;z-index:2}.locationArea .desBox .point:after,.locationArea .desBox .point:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:50%;background-color:transparent;z-index:1}.locationArea .workBox{position:absolute;top:180px;left:82px;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:scale(0);transform:scale(0)}.locationArea .stationName{text-align:center;margin-bottom:5px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.locationArea .stationName .tw{font-size:14px;font-weight:400;color:#340862}.locationArea .stationName .en{font-size:12px;font-weight:400;font-family:"Poppins","Noto Sans TC","微軟正黑體",sans-serif;color:#340862}.locationArea .right{padding:20px 20px 10px}.locationArea .title{padding-bottom:20px;margin-bottom:5px;border-bottom:1px solid rgba(0,0,0,0.2);-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.locationArea .title a{padding-left:15px;position:relative;font-size:22px;font-weight:700;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.locationArea .title a:before{content:"";position:absolute;top:calc(50% - 9px);left:0;width:5px;height:18px;background-color:#340862}.locationArea .title a:hover{color:#340862}.locationArea .transportBox{font-size:14px;font-weight:400;color:#000;line-height:1.8;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.locationArea .transportBox .item{padding:5px 0;display:-ms-flexbox;display:flex}.locationArea .transportBox .transport{-ms-flex-negative:0;flex-shrink:0;padding-right:20px;font-size:16px;font-weight:700;color:#340862}.locationArea .arrowButton{position:relative;left:calc(100% - 40px);margin-top:10px;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}@-webkit-keyframes btnAni{0%{-webkit-transform:scale(0);transform:scale(0);background-color:white}to{-webkit-transform:scale(1);transform:scale(1);background-color:transparent}}@keyframes btnAni{0%{-webkit-transform:scale(0);transform:scale(0);background-color:white}to{-webkit-transform:scale(1);transform:scale(1);background-color:transparent}}@-webkit-keyframes btnAni02{0%{-webkit-transform:scale(0);transform:scale(0);background-color:white}to{-webkit-transform:scale(1);transform:scale(1);background-color:transparent}}@keyframes btnAni02{0%{-webkit-transform:scale(0);transform:scale(0);background-color:white}to{-webkit-transform:scale(1);transform:scale(1);background-color:transparent}}@-webkit-keyframes ir{0%,40%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}10%,30%{-webkit-transform:rotateZ(-5deg);transform:rotateZ(-5deg)}20%{-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg)}}@keyframes ir{0%,40%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}10%,30%{-webkit-transform:rotateZ(-5deg);transform:rotateZ(-5deg)}20%{-webkit-transform:rotateZ(5deg);transform:rotateZ(5deg)}}
/*# sourceMappingURL=home.css.map */