@import url("//fonts.googleapis.com/css2?family=Judson:ital,wght@0,400;0,700;1,400&family=Noto+Sans+TC:wght@300;400;500;700&family=Roboto:wght@400;700&display=swap");.aboutArea .aboutImgBox .funcBox .arrowBox .arrow,.aboutArea .aboutImgBox .funcBox .arrowBox .arrow:before,.bannerArea .arrowBox .arrow,.bannerArea .arrowBox .arrow:before,.bannerArea .socialBox .socialList li,.bannerArea .socialBox .socialList li a svg,.newsArea .newsTextBox .arrowBox .arrow,.newsArea .newsTextBox .arrowBox .arrow:before,.roomArea .roomTextBox .arrowBox .arrow,.roomArea .roomTextBox .arrowBox .arrow:before,.roomArea .roomTextBox .roomTextListMain .roomItem .right .more:before,.travelArea .travelTextBox .travelItem,.travelArea .travelTextBox .travelItem .text,.travelArea .travelTextBox .travelItem .title,.travelArea .travelTextBox .travelItem:before{transition:all 0.4s}@-webkit-keyframes bannerTxtAnimation{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bannerTxtAnimation{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes progressBarAnimation{0%{width:0}to{width:100%}}@keyframes progressBarAnimation{0%{width:0}to{width:100%}}@-webkit-keyframes progressCircleAnimation{0%{stroke-dashoffset:153.86}to{stroke-dashoffset:0}}@keyframes progressCircleAnimation{0%{stroke-dashoffset:153.86}to{stroke-dashoffset:0}}@-webkit-keyframes bannerScrollAnimation{0%{height:0}50%{height:100%;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes bannerScrollAnimation{0%{height:0}50%{height:100%;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.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}.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:1200px){.popWin .close{right:0;top:0;border-radius:0}.popWin .popContent{max-height:calc(100vh - 150px)}}.mainArea{padding:0}.bannerArea .bannerBox{position:relative}.bannerArea .bannerList{position:relative;z-index:1}.bannerArea .bannerList.slick-dotted{margin-bottom:0}.bannerArea .bannerItem .Txt{max-width:1160px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:150px 0 80px;text-align:center;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}.bannerArea .bannerItem .Txt .content{position:relative}.bannerArea .bannerItem .Txt .content:before{content:"";width:1px;height:50px;background-color:rgba(102,98,92,0.2);position:absolute;bottom:-65px;left:50%;z-index:1}.bannerArea .bannerItem .Txt img{margin:0 auto 20px;display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bannerArea .bannerItem .Txt .text{color:#44413e;display:block;line-height:1.5;letter-spacing:0.5px;margin-bottom:5px;opacity:0}.bannerArea .bannerItem .Txt .title{color:#66625c;display:block;font-size:45px;font-weight:700;font-family:"Judson","Noto Sans TC",serif;line-height:1;letter-spacing:0.5px;margin-bottom:10px;opacity:0}.bannerArea .bannerItem .Txt .subtitle{color:#66625c;font-size:14px;font-weight:400;line-height:1.2;letter-spacing:0.5px;margin-bottom:15px;opacity:0}.bannerArea .bannerItem .Txt .bannerBtn{opacity:0;padding-top:30px}.bannerArea .bannerItem .Txt .bannerBtn a{background-color:#66625c;color:#fff;display:inline-block;letter-spacing:0.5px;padding:15px 20px;text-align:center}.bannerArea .bannerItem .Txt .bannerBtn a:hover{background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.15);color:#66625c}.bannerArea .bannerItem .Txt .bannerVideo{display:none}.bannerArea .bannerItem .Txt .bannerVideo.show{display:block}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{width:100px;height:100px;border:1px solid #fff;border-radius:50%;cursor:pointer;position:absolute;bottom:150px;right:0}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn:before{content:"";width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #fff;display:block;position:absolute;top:calc(50% - 10px);left:calc(50% - 5px);z-index:1}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn:after{content:"";border:1px dashed #fff;border-radius:50%;z-index:1;width:75%;height:75%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width:1200px){.bannerArea .bannerItem .Txt{-ms-flex-pack:center;justify-content:center;padding:60px 0 30px}.bannerArea .bannerItem .Txt .content{width:calc(100% - 40px);max-width:1024px;background-color:rgba(255,255,255,0.7);margin:0 auto;padding:20px}.bannerArea .bannerItem .Txt .content:before{display:none}.bannerArea .bannerItem .Txt .title{font-size:40px}}@media (max-width:640px){.bannerArea .bannerItem .Txt{background-color:rgba(169,169,169,0.1);padding:20px;position:relative}.bannerArea .bannerItem .Txt .content{width:calc(100% - 40px);max-width:1024px;background-color:transparent;margin:0 auto;padding:0}.bannerArea .bannerItem .Txt .title{font-size:32px}}.bannerArea .bannerItem .Img{position:relative;z-index:1}@media (max-width:640px){.bannerArea .bannerItem .Img{height:360px}.bannerArea .bannerItem .Img img{height:100%;object-fit:cover}}@media (max-width:480px){.bannerArea .bannerItem .Img{height:260px}}.bannerArea .bannerItem.slick-current .Txt .title{-webkit-animation:bannerTxtAnimation 0.8s 0.4s ease-in-out forwards;animation:bannerTxtAnimation 0.8s 0.4s ease-in-out forwards}.bannerArea .bannerItem.slick-current .Txt .subtitle{-webkit-animation:bannerTxtAnimation 0.8s 0.8s ease-in-out forwards;animation:bannerTxtAnimation 0.8s 0.8s ease-in-out forwards}.bannerArea .bannerItem.slick-current .Txt .text{-webkit-animation:bannerTxtAnimation 0.8s ease-in-out forwards;animation:bannerTxtAnimation 0.8s ease-in-out forwards}.bannerArea .bannerItem.slick-current .Txt .bannerBtn{-webkit-animation:bannerTxtAnimation 0.8s 1.2s ease-in-out forwards;animation:bannerTxtAnimation 0.8s 1.2s ease-in-out forwards}.bannerArea .bannerItem.slick-current .Txt .videoBtn:after{-webkit-animation:rotate 50s linear forwards;animation:rotate 50s linear forwards}.bannerArea .socialBox{display:none;position:absolute;top:50%;left:50px;z-index:2;-webkit-transform:translateY(calc(-50% + 0.5px));transform:translateY(calc(-50% + 0.5px))}.bannerArea .socialBox.show{display:block}.bannerArea .socialBox .socialList{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bannerArea .socialBox .socialList li{margin:7.5px 0}.bannerArea .socialBox .socialList li:first-child{margin-top:0}.bannerArea .socialBox .socialList li:last-child{margin-bottom:0}.bannerArea .socialBox .socialList li a{color:#fff;display:block;font-size:18px;line-height:35px;text-align:center}.bannerArea .socialBox .socialList li a svg{width:20px;height:18px;display:inline-block;fill:#fff;margin-top:-2px;vertical-align:middle}.bannerArea .socialBox .socialList li a:hover{color:#66625c}.bannerArea .socialBox .socialList li a:hover svg{fill:#66625c}.bannerArea .arrowBox{width:100%;display:none;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:50%;right:0;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bannerArea .arrowBox.show{display:-ms-flexbox;display:flex}@media (max-width:1200px){.bannerArea .arrowBox{width:100px;padding:0;top:auto;bottom:10px;right:20px;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.bannerArea .arrowBox{width:80px}}@media (max-width:640px){.bannerArea .arrowBox.show{display:none}}.bannerArea .arrowBox .arrow{width:50px;height:50px;overflow:hidden;position:relative;cursor:pointer}.bannerArea .arrowBox .arrow:before{content:"";width:7px;height:10px;display:block;position:absolute;top:50%;left:50%;z-index:2}@media (max-width:768px){.bannerArea .arrowBox .arrow{width:40px;height:40px}}.bannerArea .arrowBox .arrowPrev{background-color:#fff}.bannerArea .arrowBox .arrowPrev:before{background:url("https://www.wallsun.com.tw/images/arrow-black.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px) rotate(-180deg);transform:translate(-5px,-3.5px) rotate(-180deg)}.bannerArea .arrowBox .arrowNext{background-color:#66625c}.bannerArea .arrowBox .arrowNext:before{background:url("https://www.wallsun.com.tw/images/arrow.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px);transform:translate(-5px,-3.5px)}@media (min-width:1201px){.bannerArea .arrowBox .arrow:hover{background-color:#b79b7e}}.bannerArea .arrowBox .progressCircle{width:50px;height:50px;display:none;fill:none;transition:all 0.1s ease-in-out;opacity:1;position:relative;z-index:3;stroke-dashoffset:0;stroke-dasharray:153.86;stroke:#66625c;stroke-width:3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bannerArea .arrowBox .progressCircle.show{display:block}.bannerArea .arrowBox .progressCircle.active{-webkit-animation:progressCircleAnimation linear forwards;animation:progressCircleAnimation linear forwards}.bannerArea .progressBox{width:100%;position:absolute;bottom:100px;left:0;z-index:2}.bannerArea .progressBox .wrap{width:100%;max-width:1160px;margin:0 auto;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.bannerArea .progressBox .progressBar{width:100%;height:2px;background-color:#fff;display:none;margin-left:0;position:relative}.bannerArea .progressBox .progressBar.show{display:block}.bannerArea .progressBox .progressBar.notFull{margin-left:30px}.bannerArea .progressBox .progressBar .path{width:100%;height:2px;display:inline-block;fill:#66625c;vertical-align:middle;position:absolute;z-index:2}.bannerArea .progressBox .progressBar .path rect{width:100%;height:2px}.bannerArea .progressBox .progressBar .path.active rect{-webkit-animation:progressBarAnimation linear forwards;animation:progressBarAnimation linear forwards}.bannerArea .progressBox .slidePageBox{-ms-flex-align:start;align-items:flex-start;display:none}.bannerArea .progressBox .slidePageBox.show{display:-ms-flexbox;display:flex}.bannerArea .progressBox .slidePageBox span{color:#fff;display:inline-block;font-size:20px}.bannerArea .progressBox .slidePageBox span.current{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.bannerArea .progressBox .slidePageBox span.total{-webkit-transform:translateY(10px);transform:translateY(10px)}.bannerArea .progressBox .slidePageBox i{color:#fff;display:inline-block;font-size:30px}.bannerArea .scrollDown{cursor:pointer;display:none;position:absolute;bottom:50px;left:50px;z-index:2}.bannerArea .scrollDown.show{display:block}.bannerArea .scrollDown span{display:block}.bannerArea .scrollDown span.text{color:#fff;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:0.5px}.bannerArea .scrollDown span.line{width:2px;height:calc(100% + 20px);background-color:#fff;overflow:hidden;position:absolute;top:-5px;left:-5px;z-index:1}.bannerArea .scrollDown span.line:before{content:"";width:2px;height:calc(100% + 20px);-webkit-animation:bannerScrollAnimation 2.5s linear infinite forwards;animation:bannerScrollAnimation 2.5s linear infinite forwards;background-color:#66625c;display:block;position:absolute;top:0;left:0;z-index:2}.bannerArea .slick-dots{width:15px;margin:0;bottom:20%;right:50px}.bannerArea .slick-dots li{width:100%;height:15px;margin:5px 0}.bannerArea .slick-dots li button{width:100%;height:100%;padding:0}.bannerArea .slick-dots li button:before{content:"";width:100%;height:100%;border-radius:50%;border:1px solid #fff;background-color:transparent;opacity:1}.bannerArea .slick-dots li.slick-active button:before{border:1px solid #fff;background-color:#fff;opacity:1}.travelArea{background-color:#f9f9f9;padding-bottom:60px;position:relative;z-index:2}.travelArea:before{content:"";width:calc(50% + 50px);height:100%;background-color:#fff;display:block;position:absolute;top:0;left:0;z-index:1}.travelArea .wrap{position:relative;z-index:2}@media (max-width:1680px){.travelArea{padding-bottom:100px}}@media (max-width:1240px){.travelArea:before{width:calc(50% + 30px)}}@media (max-width:1200px){.travelArea{padding-bottom:60px}.travelArea:before{width:50%}}@media (max-width:1024px){.travelArea:before{width:50%}}.travelArea .travelBox{display:-ms-flexbox;display:flex}@media (max-width:1024px){.travelArea .travelBox{-ms-flex-direction:column;flex-direction:column}}.travelArea .travelTextBox{width:calc(100% - 550px);padding:80px 50px 0 0;position:relative;z-index:2}.travelArea .travelTextBox:before{content:"";width:750px;height:605px;background:url("https://www.wallsun.com.tw/images/travel.png") center/contain no-repeat;display:block;position:absolute;bottom:-340px;left:0;z-index:1}@media (max-width:1680px){.travelArea .travelTextBox:before{content:"";width:600px;height:525px;bottom:-280px;left:auto;right:0}}@media (max-width:1280px){.travelArea .travelTextBox:before{content:"";width:495px;height:400px;bottom:-232px;left:auto;right:0}}@media (max-width:1200px){.travelArea .travelTextBox{width:50%;padding:40px 50px 0 0}.travelArea .travelTextBox:before{display:none}}@media (max-width:1024px){.travelArea .travelTextBox{width:100%;padding:40px 0 0 0}}.travelArea .travelTextBox .titleBox{z-index:2}.travelArea .travelTextBox .travelListBox{-webkit-transform:translateY(-15px);transform:translateY(-15px);position:relative;z-index:2}@media (max-width:1024px){.travelArea .travelTextBox .travelListBox{margin-top:20px;-webkit-transform:translateY(0);transform:translateY(0)}}.travelArea .travelTextBox .travelListTitle{color:#66625c;font-size:16px;font-family:"Judson","Noto Sans TC",serif;font-style:italic;line-height:1;letter-spacing:0.5px;margin-bottom:60px}@media (max-width:1024px){.travelArea .travelTextBox .travelListTitle{display:none}}.travelArea .travelTextBox .travelList{width:100%;max-width:360px}@media (max-width:1200px){.travelArea .travelTextBox .travelList{max-width:100%}}.travelArea .travelTextBox .travelItem{border-bottom:1px solid rgba(34,34,34,0.2);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:15px 50px 15px 0;position:relative}.travelArea .travelTextBox .travelItem:before{content:"";width:7px;height:10px;background:url("https://www.wallsun.com.tw/images/arrow-black.png") center/contain no-repeat;display:block;position:absolute;top:50%;right:10px;z-index:1;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.travelArea .travelTextBox .travelItem .title{font-size:16px;font-weight:500;line-height:1;letter-spacing:1px}.travelArea .travelTextBox .travelItem .text{color:rgba(37,37,37,0.7);font-size:14px;line-height:1;letter-spacing:1px}.travelArea .travelTextBox .travelItem .cover{display:block;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width:1201px){.travelArea .travelTextBox .travelItem:hover:before{right:0}.travelArea .travelTextBox .travelItem:hover .text,.travelArea .travelTextBox .travelItem:hover .title{color:#b79b7e}}@media (max-width:480px){.travelArea .travelTextBox .travelItem{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}.travelArea .travelTextBox .travelItem .title{width:100%}.travelArea .travelTextBox .travelItem .text{width:100%;margin-top:15px}}.travelArea .travelImgBox{width:550px;position:relative;z-index:1}.travelArea .travelImgBox .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.travelArea .travelImgBox .btnBox{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding-top:40px}.travelArea .travelImgBox .btnBox a{width:190px;height:48px;display:block;line-height:48px;text-align:center}.travelArea .travelImgBox .btnBox a.spot{background-color:#e1e1e1;color:rgba(37,37,37,0.7)}@media (min-width:1201px){.travelArea .travelImgBox .btnBox a.spot:hover{background-color:#b79b7e;color:#fff}}.travelArea .travelImgBox .btnBox a.location{background-color:#66625c;color:#fff}@media (min-width:1201px){.travelArea .travelImgBox .btnBox a.location:hover{background-color:#b79b7e}}@media (max-width:1200px){.travelArea .travelImgBox{width:50%}}@media (max-width:1024px){.travelArea .travelImgBox{width:100%;max-width:768px;margin:40px auto 0}.travelArea .travelImgBox .btnBox{-ms-flex-pack:center;justify-content:center}}.aboutArea{background-color:#f7f7f7;position:relative;z-index:1}.aboutArea:before{content:"";width:58.5%;max-width:1100px;height:100%;background:url("https://www.wallsun.com.tw/images/about-bg.jpg") center/cover no-repeat;display:block;position:absolute;top:0;right:0;z-index:1}@media (max-width:1200px){.aboutArea:before{width:50%;max-width:initial}}@media (max-width:1024px){.aboutArea:before{display:none}}.aboutArea .aboutBox{width:100%;-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;padding:130px 0 160px 0;position:relative;z-index:2}@media (max-width:1680px){.aboutArea .aboutBox{padding:80px 0 160px 0}}@media (max-width:1440px){.aboutArea .aboutBox{padding:60px 0 120px 0}}@media (max-width:1200px){.aboutArea .aboutBox{-ms-flex-align:center;align-items:center}}@media (max-width:1024px){.aboutArea .aboutBox{-ms-flex-direction:column;flex-direction:column;padding:60px 20px}}.aboutArea .aboutTextBox{width:42.5%;max-width:820px;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.aboutArea .aboutTextBox .titleBox{width:460px;padding-right:100px}.aboutArea .aboutTextBox .btn{padding-top:40px}@media (max-width:1200px){.aboutArea .aboutTextBox{width:50%;max-width:initial}}@media (max-width:1024px){.aboutArea .aboutTextBox{width:100%;margin-bottom:40px}.aboutArea .aboutTextBox .titleBox{width:100%;padding-right:0}.aboutArea .aboutTextBox .btn{display:none}}.aboutArea .aboutImgBox{width:58.5%;max-width:1100px;position:relative;padding-left:140px}@media (max-width:1440px){.aboutArea .aboutImgBox{padding-left:0}}@media (max-width:1200px){.aboutArea .aboutImgBox{width:50%;max-width:initial}}@media (max-width:1024px){.aboutArea .aboutImgBox{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}}.aboutArea .aboutImgBox .funcBox{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}.aboutArea .aboutImgBox .funcBox .progressBox{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.aboutArea .aboutImgBox .funcBox .progressBox .progressBar{width:150px;height:2px;background-color:rgba(0,0,0,0.15);display:block;margin:0 15px;position:relative}.aboutArea .aboutImgBox .funcBox .progressBox .progressBar .path{width:100%;height:2px;display:inline-block;fill:#66625c;vertical-align:middle;position:absolute;z-index:2}.aboutArea .aboutImgBox .funcBox .progressBox .progressBar .path rect{width:100%;height:2px}.aboutArea .aboutImgBox .funcBox .progressBox .progressBar .path.active rect{-webkit-animation:progressBarAnimation linear forwards;animation:progressBarAnimation linear forwards}.aboutArea .aboutImgBox .funcBox .progressBox .slidePageBox{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.aboutArea .aboutImgBox .funcBox .progressBox .slidePageBox span{display:block;font-family:"Judson","Noto Sans TC",serif;font-style:italic;letter-spacing:1.5px;line-height:1}.aboutArea .aboutImgBox .funcBox .progressBox .slidePageBox span.current{color:#b79b7e}.aboutArea .aboutImgBox .funcBox .progressBox .slidePageBox span.total{color:rgba(37,37,37,0.7)}.aboutArea .aboutImgBox .funcBox .arrowBox{display:-ms-flexbox;display:flex;padding-left:30px}.aboutArea .aboutImgBox .funcBox .arrowBox .arrow{width:50px;height:50px;overflow:hidden;position:relative;cursor:pointer}.aboutArea .aboutImgBox .funcBox .arrowBox .arrow:before{content:"";width:7px;height:10px;display:block;position:absolute;top:50%;left:50%;z-index:2}.aboutArea .aboutImgBox .funcBox .arrowBox .arrowPrev{background-color:#fff}.aboutArea .aboutImgBox .funcBox .arrowBox .arrowPrev:before{background:url("https://www.wallsun.com.tw/images/arrow-black.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px) rotate(-180deg);transform:translate(-5px,-3.5px) rotate(-180deg)}.aboutArea .aboutImgBox .funcBox .arrowBox .arrowNext{background-color:#66625c}.aboutArea .aboutImgBox .funcBox .arrowBox .arrowNext:before{background:url("https://www.wallsun.com.tw/images/arrow.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px);transform:translate(-5px,-3.5px)}@media (min-width:1201px){.aboutArea .aboutImgBox .funcBox .arrowBox .arrow:hover{background-color:#b79b7e}}.aboutArea .aboutImgBox .funcBox .btn{width:100%;display:none;text-align:center;padding-top:40px}@media (max-width:1024px){.aboutArea .aboutImgBox .funcBox{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-order:3;order:3;margin-top:40px;margin-bottom:0}.aboutArea .aboutImgBox .funcBox .progressBox .progressBar{width:100px}.aboutArea .aboutImgBox .funcBox .btn{display:block}}@media (max-width:640px){.aboutArea .aboutImgBox .funcBox .progressBox .progressBar{width:70px}}.aboutArea .aboutImgBox .aboutImgList{width:100%}.aboutArea .aboutImgBox .aboutImgList .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:1024px){.aboutArea .aboutImgBox .aboutImgList{-ms-flex-order:1;order:1}}.aboutArea .aboutImgBox .featureBox{width:100%;height:calc(100% - 80px);position:absolute;bottom:0;left:0;z-index:2}.aboutArea .aboutImgBox .featureBox .titleBox{width:140px;height:100%;-ms-flex-align:center;align-items:center;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0 35px;position:relative;z-index:1}@media (max-width:1440px){.aboutArea .aboutImgBox .featureBox .titleBox{display:none}}.aboutArea .aboutImgBox .featureBox .titleBox em{color:#66625c;display:block;font-family:"Judson","Noto Sans TC",serif;font-style:italic;letter-spacing:0.5px;line-height:1.25;padding-left:5px}.aboutArea .aboutImgBox .featureBox .titleBox h2{font-size:14px;font-weight:400;line-height:1.2;letter-spacing:0.5px;padding:10px 0 15px;position:relative}.aboutArea .aboutImgBox .featureBox .titleBox h2:before{content:"";width:15px;height:1px;background-color:rgba(0,0,0,0.2);display:block;position:absolute;bottom:0;left:0}.aboutArea .aboutImgBox .featureBox .featureList{width:100%;display:-ms-flexbox;display:flex;position:absolute;bottom:0;left:0;z-index:2}.aboutArea .aboutImgBox .featureBox .featureList .featureItem{width:140px;height:120px;-ms-flex-align:center;align-items:center;background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:20px 25px}.aboutArea .aboutImgBox .featureBox .featureList .featureItem:not(:last-child){border-right:1px solid #e5e5e5}.aboutArea .aboutImgBox .featureBox .featureList .featureItem img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.aboutArea .aboutImgBox .featureBox .featureList .featureItem .text{max-height:35px;color:rgba(37,37,37,0.7);font-size:13px;line-height:1.25;letter-spacing:0.5px;margin-top:10px;text-align:center}@media (max-width:1440px){.aboutArea .aboutImgBox .featureBox{width:100%;height:auto;position:relative;bottom:auto;left:auto}.aboutArea .aboutImgBox .featureBox .featureList{position:relative;bottom:auto;left:auto}.aboutArea .aboutImgBox .featureBox .featureList .featureItem{width:calc(100%/4);height:auto}}@media (max-width:1024px){.aboutArea .aboutImgBox .featureBox{-ms-flex-order:2;order:2}}@media (max-width:640px){.aboutArea .aboutImgBox .featureBox .featureList{-ms-flex-wrap:wrap;flex-wrap:wrap}.aboutArea .aboutImgBox .featureBox .featureList .featureItem{width:calc(100%/2)}.aboutArea .aboutImgBox .featureBox .featureList .featureItem:nth-child(2n){border-right:none}.aboutArea .aboutImgBox .featureBox .featureList .featureItem:nth-child(n+3){border-top:1px solid #e5e5e5}}.roomArea{background-color:#f9f9f9;position:relative;z-index:2}.roomArea:before{content:"";width:50%;height:100%;background-color:#fff;display:block;position:absolute;top:0;left:0;z-index:1}@media (max-width:1024px){.roomArea:before{display:none}}.roomArea .wrap{position:relative;z-index:2}.roomArea .roomImgBox{display:-ms-flexbox;display:flex;-webkit-transform:translateY(-60px);transform:translateY(-60px)}@media (max-width:1024px){.roomArea .roomImgBox{-webkit-transform:translateY(0);transform:translateY(0);margin-bottom:40px;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.roomArea .roomImgBox .roomImgList{width:calc(100% - 380px)}.roomArea .roomImgBox .roomImgList .roomItem .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width:1024px){.roomArea .roomImgBox .roomImgList{width:100%}}.roomArea .roomImgBox .titleBox{width:380px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:0 50px}.roomArea .roomImgBox .titleBox .text{width:100%;max-width:155px}.roomArea .roomImgBox .titleBox .btn{padding-top:30px}@media (max-width:1024px){.roomArea .roomImgBox .titleBox{width:100%;padding:60px 0 40px}.roomArea .roomImgBox .titleBox .text{max-width:100%}.roomArea .roomImgBox .titleBox .btn{display:none}}.roomArea .roomTextBox{display:-ms-flexbox;display:flex;padding-bottom:50px}@media (max-width:768px){.roomArea .roomTextBox{-ms-flex-direction:column;flex-direction:column}}.roomArea .roomTextBox .roomTextListMain{width:50%;padding-right:50px}@media (max-width:768px){.roomArea .roomTextBox .roomTextListMain{width:100%;padding-right:0;margin-bottom:20px}}.roomArea .roomTextBox .roomTextListMain .roomItem .Txt{display:-ms-flexbox;display:flex}.roomArea .roomTextBox .roomTextListMain .roomItem .left{width:100px}.roomArea .roomTextBox .roomTextListMain .roomItem .left .roomType{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.roomArea .roomTextBox .roomTextListMain .roomItem .left .roomType span{display:inline-block;font-family:"Judson","Noto Sans TC",serif;font-style:italic;letter-spacing:0.5px}.roomArea .roomTextBox .roomTextListMain .roomItem .left .roomType span.num{border-bottom:1px solid rgba(0,0,0,0.2);font-size:24px;line-height:1}.roomArea .roomTextBox .roomTextListMain .roomItem .left .roomType span.text{width:45px;color:#66625c;line-height:1.5}.roomArea .roomTextBox .roomTextListMain .roomItem .left .description{color:#252525;font-size:14px;line-height:1.2;letter-spacing:0.5px;padding-top:40px}.roomArea .roomTextBox .roomTextListMain .roomItem .right{width:calc(100% - 100px);padding-top:20px;padding-left:50px}.roomArea .roomTextBox .roomTextListMain .roomItem .right .title{font-size:16px;font-weight:500;line-height:1.2;letter-spacing:0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roomArea .roomTextBox .roomTextListMain .roomItem .right .text{max-height:50px;color:rgba(37,37,37,0.7);font-size:14px;line-height:1.7;margin-top:20px}.roomArea .roomTextBox .roomTextListMain .roomItem .right .more{width:230px;border-bottom:1px solid rgba(0,0,0,0.2);color:#66625c;display:inline-block;margin-top:50px;padding:15px 0 15px 40px;position:relative}.roomArea .roomTextBox .roomTextListMain .roomItem .right .more:before{content:"";width:18px;height:2px;background-color:#b79b7e;display:block;position:absolute;top:50%;left:0;z-index:1;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.roomArea .roomTextBox .roomTextListMain .roomItem .right .more:after{content:"";width:7px;height:10px;background:url("https://www.wallsun.com.tw/images/arrow-black.png") center/contain no-repeat;display:block;position:absolute;top:50%;right:0;z-index:1;-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (min-width:1201px){.roomArea .roomTextBox .roomTextListMain .roomItem .right .more:hover{padding:15px 0 15px 50px}.roomArea .roomTextBox .roomTextListMain .roomItem .right .more:hover:before{width:28px}}@media (max-width:768px){.roomArea .roomTextBox .roomTextListMain .roomItem .Txt{-ms-flex-direction:column;flex-direction:column}.roomArea .roomTextBox .roomTextListMain .roomItem .right{width:100%;padding-left:0}.roomArea .roomTextBox .roomTextListMain .roomItem .right .more{margin-top:20px}}.roomArea .roomTextBox .roomTextListSec{width:50%;padding-left:30px}@media (max-width:768px){.roomArea .roomTextBox .roomTextListSec{display:none}}.roomArea .roomTextBox .roomTextListSec .roomItem{cursor:pointer;padding:0 15px}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .top{margin-bottom:30px}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .top .roomType{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .top .roomType span{display:inline-block;font-family:"Judson","Noto Sans TC",serif;font-style:italic;letter-spacing:0.5px}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .top .roomType span.num{border-bottom:1px solid rgba(0,0,0,0.2);font-size:24px;line-height:1}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .top .roomType span.text{color:#66625c;line-height:1.5}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .bottom .title{font-size:16px;font-weight:500;letter-spacing:0.5px;line-height:1.2;margin-bottom:15px;padding-bottom:15px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .bottom .title:before{content:"";width:15px;height:2px;background-color:#b79b7e;display:block;position:absolute;bottom:0;left:0}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .bottom .description{color:#252525;font-size:14px;line-height:1.2;letter-spacing:0.5px}.roomArea .roomTextBox .roomTextListSec .roomItem .Txt .bottom .text{max-height:50px;color:rgba(37,37,37,0.7);font-size:14px;line-height:1.7;margin-top:15px;white-space:pre-wrap}.roomArea .roomTextBox .arrowBox{display:none}.roomArea .roomTextBox .arrowBox .arrow{width:50px;height:50px;overflow:hidden;position:relative;cursor:pointer}.roomArea .roomTextBox .arrowBox .arrow:before{content:"";width:7px;height:10px;display:block;position:absolute;top:50%;left:50%;z-index:2}.roomArea .roomTextBox .arrowBox .arrowPrev{background-color:#fff}.roomArea .roomTextBox .arrowBox .arrowPrev:before{background:url("https://www.wallsun.com.tw/images/arrow-black.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px) rotate(-180deg);transform:translate(-5px,-3.5px) rotate(-180deg)}.roomArea .roomTextBox .arrowBox .arrowNext{background-color:#66625c}.roomArea .roomTextBox .arrowBox .arrowNext:before{background:url("https://www.wallsun.com.tw/images/arrow.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px);transform:translate(-5px,-3.5px)}@media (min-width:1201px){.roomArea .roomTextBox .arrowBox .arrow:hover{background-color:#b79b7e}}.roomArea .roomTextBox .btn{display:none;padding-top:20px;text-align:center}@media (max-width:768px){.roomArea .roomTextBox .btn{display:block}}.newsArea{background-color:#f3f3f3;padding:100px 0 80px;position:relative}.newsArea:before{content:"";width:50%;height:100%;background:url("https://www.wallsun.com.tw/images/news-bg.jpg") center/cover no-repeat;display:block;position:absolute;top:0;left:0;z-index:1}@media (max-width:1024px){.newsArea:before{display:none}}.newsArea .wrap{position:relative;z-index:2}.newsArea .newsBox{display:-ms-flexbox;display:flex}@media (max-width:1024px){.newsArea .newsBox{-ms-flex-direction:column;flex-direction:column}}.newsArea .newsTextBox{width:460px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-right:180px}@media (max-width:1440px){.newsArea .newsTextBox{width:380px;padding-right:100px}}@media (max-width:1200px){.newsArea .newsTextBox{width:340px;padding-right:60px}}@media (max-width:1024px){.newsArea .newsTextBox{width:100%;margin-bottom:40px}}.newsArea .newsTextBox .titleBox .btn{padding-top:15px}@media (max-width:1024px){.newsArea .newsTextBox .titleBox .btn{display:none}}.newsArea .newsTextBox .arrowBox{display:-ms-flexbox;display:flex;margin-top:auto;padding-top:20px}.newsArea .newsTextBox .arrowBox .arrow{width:50px;height:50px;overflow:hidden;position:relative;cursor:pointer}.newsArea .newsTextBox .arrowBox .arrow:before{content:"";width:7px;height:10px;display:block;position:absolute;top:50%;left:50%;z-index:2}.newsArea .newsTextBox .arrowBox .arrowPrev{background-color:#fff}.newsArea .newsTextBox .arrowBox .arrowPrev:before{background:url("https://www.wallsun.com.tw/images/arrow-black.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px) rotate(-180deg);transform:translate(-5px,-3.5px) rotate(-180deg)}.newsArea .newsTextBox .arrowBox .arrowNext{background-color:#66625c}.newsArea .newsTextBox .arrowBox .arrowNext:before{background:url("https://www.wallsun.com.tw/images/arrow.png") center/contain no-repeat;-webkit-transform:translate(-5px,-3.5px);transform:translate(-5px,-3.5px)}@media (min-width:1201px){.newsArea .newsTextBox .arrowBox .arrow:hover{background-color:#b79b7e}}.newsArea .newsImgBox{width:calc(100% - 460px)}@media (max-width:1440px){.newsArea .newsImgBox{width:calc(100% - 380px)}}@media (max-width:1200px){.newsArea .newsImgBox{width:calc(100% - 340px)}}@media (max-width:1024px){.newsArea .newsImgBox{width:100%}}.newsArea .newsImgBox .newsList{width:100%;margin:0 -20px}@media (max-width:400px){.newsArea .newsImgBox .newsList{margin:0}}.newsArea .newsImgBox .newsItem{padding:0 20px}.newsArea .newsImgBox .newsItem:nth-child(2n) .item{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.newsArea .newsImgBox .newsItem:nth-child(2n) .Txt{padding-top:0;padding-bottom:20px}@media (max-width:400px){.newsArea .newsImgBox .newsItem{padding:0}.newsArea .newsImgBox .newsItem:nth-child(2n) .item{-ms-flex-direction:column;flex-direction:column}.newsArea .newsImgBox .newsItem:nth-child(2n) .Txt{padding-top:20px;padding-bottom:0}}.newsArea .newsImgBox .newsItem .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.newsArea .newsImgBox .newsItem .Img img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.newsArea .newsImgBox .newsItem .Txt{padding-top:20px}.newsArea .newsImgBox .newsItem .Txt .top{border-bottom:1px solid rgba(0,0,0,0.2);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px;padding-bottom:20px}.newsArea .newsImgBox .newsItem .Txt .top .class{color:rgba(37,37,37,0.7);font-size:14px;line-height:1;letter-spacing:0.5px;padding-bottom:10px;position:relative}.newsArea .newsImgBox .newsItem .Txt .top .class:before{content:"";width:15px;height:1px;background-color:rgba(0,0,0,0.2);display:block;position:absolute;bottom:0;left:0;z-index:1}.newsArea .newsImgBox .newsItem .Txt .top .date{display:-ms-flexbox;display:flex}.newsArea .newsImgBox .newsItem .Txt .top .date span{display:inline-block;font-family:"Judson","Noto Sans TC",serif;letter-spacing:0.5px;position:relative}.newsArea .newsImgBox .newsItem .Txt .top .date span.yearMoth{font-size:16px;font-style:italic;line-height:1.2;margin-right:15px;padding-right:15px;position:relative}.newsArea .newsImgBox .newsItem .Txt .top .date span.yearMoth:before{content:"";width:1px;height:100%;background-color:rgba(0,0,0,0.2);display:block;position:absolute;top:0;right:0;z-index:1}.newsArea .newsImgBox .newsItem .Txt .top .date span.date{color:#b79b7e;font-size:50px;font-weight:700;line-height:38px}.newsArea .newsImgBox .newsItem .Txt .title{color:#252525;font-size:16px;font-weight:500;line-height:1.2;letter-spacing:0.5px}.newsArea .newsImgBox .newsItem .Txt .title a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newsArea .newsImgBox .newsItem .Txt .text{max-height:50px;color:rgba(37,37,37,0.7);font-size:14px;font-weight:500;line-height:1.7;letter-spacing:0.5px;margin-top:10px;white-space:pre-wrap}.newsArea .newsImgBox .btn{display:none;padding-top:40px}@media (max-width:1024px){.newsArea .newsImgBox .btn{display:block;text-align:center}}
/*# sourceMappingURL=home.css.map */