.web-footer{padding-bottom:8rem}@media screen and (min-width: 1024px){.web-footer{padding-bottom:24px}.u-hidden-lg{display:none!important}}.u-hidden-sm{display:none!important}@media screen and (min-width: 1024px){.u-hidden-sm{display:block!important}}.u-hidden-xs{display:none!important}@media screen and (min-width: 576px){.u-hidden-xs{display:inline!important}}.wrapper{width:90%;max-width:1440px;margin:0 auto;padding:0 1rem}@media screen and (min-width: 1024px){.wrapper{width:83%;padding:0}}.project-show{padding-bottom:0;background-color:#fff}.fab{position:fixed;z-index:5;width:100%;background-color:#ffffff91;padding-block:1rem;display:flex;justify-content:center;gap:1rem;bottom:0;box-shadow:0 -2px 15px #0000001a;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}@media screen and (min-width: 1024px){.fab{flex-direction:column;right:1rem;width:-moz-fit-content;width:fit-content;top:20%;background-color:transparent;bottom:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}.fab__btn{width:40px;height:40px;background-color:#6c6a2d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.fab__btn:hover{background-color:#2d2f26;transform:translateY(-2px)}.fab__btn svg{width:22px;height:22px;fill:currentColor}.fab__btn--fb svg{width:90%;height:90%}.hero-banner{padding-top:90px;background-color:#fff}.hero{width:100%}.hero__img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:780/1080;clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%)}@media screen and (min-width: 1024px){.hero__img{aspect-ratio:1920/1080}}.intro{padding:6rem 1rem 4rem;position:relative;z-index:2}@media screen and (min-width: 1024px){.intro{padding:80px 0}}.intro.wrapper{padding-inline:1.25rem}@media screen and (min-width: 1024px){.intro.wrapper{max-width:676px}}@media screen and (min-width: 1280px){.intro.wrapper{max-width:845px}}@media screen and (min-width: 1600px){.intro.wrapper{max-width:1056px}}@media screen and (min-width: 1920px){.intro.wrapper{max-width:1280px}}.intro__info{margin-bottom:2rem}.intro__header{margin-bottom:20px}.intro__subtitle{color:#b1b479;font-size:14px;display:block;font-weight:300;margin-bottom:5px}.intro__title{font-size:1.5rem;font-weight:400;color:#000;margin:0}@media screen and (min-width: 1024px){.intro__title{font-size:1.75rem}}.intro__content p{font-family:Noto Sans TC;font-size:.875rem;line-height:1.4;color:#333;font-weight:400}.interior{position:relative}.interior__grid{display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 1024px){.interior__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25%;align-items:flex-end;margin-top:-8.5rem;z-index:1}.interior__block--1{margin-top:0}.interior__block--2{margin-bottom:150px}}.interior__block{width:100%;position:relative}.interior__block--1{width:70%;margin-left:auto}.interior__block--2{width:70%;margin-right:auto}@media screen and (min-width: 1024px){.interior__block{width:100%}}.interior__img-box{position:relative;overflow:hidden;width:100%;aspect-ratio:3/4}.interior__img-box--1{aspect-ratio:4/3}.interior__img-box img{top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.interior__decos{position:absolute;right:-50%;bottom:0;z-index:3;display:flex;flex-direction:column}@media screen and (min-width: 1024px){.interior__decos{right:100%;bottom:-10rem}}@media screen and (min-width: 1280px){.interior__decos{right:110%}}@media screen and (min-width: 1600px){.interior__decos{right:120%}}.interior__deco svg{fill:#6c6a2d;width:100%;height:auto}.interior__deco--pinecone{width:1.5rem}@media screen and (min-width: 576px){.interior__deco--pinecone{width:2rem;margin-bottom:2rem;margin-right:20px}}@media screen and (min-width: 1024px){.interior__deco--pinecone{width:2.25rem;margin-left:-2rem}}.interior__deco--branch{width:5rem}@media screen and (min-width: 576px){.interior__deco--branch{width:8rem}}.exterior{margin-bottom:80px}@media screen and (min-width: 1024px){.exterior{margin-bottom:8rem}.exterior.wrapper{max-width:850px}}@media screen and (min-width: 1280px){.exterior.wrapper{max-width:1062px}}@media screen and (min-width: 1600px){.exterior.wrapper{max-width:1328px}}@media screen and (min-width: 1920px){.exterior.wrapper{max-width:1600px}}.exterior__mobile-head{margin-bottom:3rem}.exterior__quote{font-family:Noto Sans TC;font-size:.875rem;color:#1a1a1a;line-height:1.5;margin:0}@media screen and (min-width: 1024px){.exterior__quote{font-size:1rem}}.exterior__container{display:flex;flex-direction:column;gap:30px}@media screen and (min-width: 1024px){.exterior__container{flex-direction:row;justify-content:space-between;gap:0}}.exterior__visual{width:100%;display:flex;flex-direction:column;gap:15px}@media screen and (min-width: 1024px){.exterior__visual{width:70%;flex-direction:row-reverse;max-height:540px;position:sticky;gap:1.25rem;top:120px;height:-moz-fit-content;height:fit-content}}.exterior__main-view{width:100%}@media screen and (min-width: 1024px){.exterior__main-view{height:-moz-fit-content;height:fit-content}}.exterior__main-view img{aspect-ratio:16/9;width:100%;display:block}.exterior__thumbs{width:100%;overflow:hidden}@media screen and (min-width: 1024px){.exterior__thumbs{width:14%;flex-shrink:0;padding-top:2rem}.exterior__thumbs .swiper-wrapper{flex-direction:column}}.exterior__thumbs .swiper-slide{cursor:pointer}@media screen and (min-width: 1024px){.exterior__thumbs .swiper-slide{margin-bottom:10px}}.exterior__thumbs .swiper-slide img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;opacity:.6;transition:opacity .3s;aspect-ratio:16/9}.exterior__thumbs .swiper-slide.swiper-slide-thumb-active img{opacity:1}@media screen and (min-width: 1024px){.exterior__thumbs .swiper-slide:hover img{opacity:1}}.exterior__text{width:100%;display:flex;align-items:flex-end;text-align:justify}@media screen and (min-width: 1024px){.exterior__text{display:block;width:20%}}.exterior__divider{width:25%}.exterior__divider--slash{fill:#4d5139;width:2rem;height:3rem;transform:rotate(220deg)}@media screen and (min-width: 1024px){.exterior__divider--slash{width:3rem;height:4rem}.exterior__divider{margin-block:4rem 1.5rem}}.exterior__desc p{font-family:Noto Sans TC;font-size:.875rem;line-height:1.2;margin-bottom:.625rem;color:#333}.info{margin-bottom:100px}@media screen and (min-width: 1024px){.info.wrapper{max-width:850px}}@media screen and (min-width: 1280px){.info.wrapper{max-width:1062px}}@media screen and (min-width: 1600px){.info.wrapper{max-width:1328px}}@media screen and (min-width: 1920px){.info.wrapper{max-width:1600px}}.info__header{margin-bottom:40px;display:flex;align-items:flex-end;justify-content:center;gap:15px;line-height:1.4}.info__deco-text{font-size:.875rem;margin-bottom:.25rem}.info__title{font-family:Libre Baskerville,serif;font-size:1.1rem;font-weight:400;color:#333;letter-spacing:.5px;text-transform:uppercase}@media screen and (min-width: 425px){.info__title{font-size:1.25rem}}@media screen and (min-width: 1024px){.info__title{font-size:30px}}.info__tabs{display:flex;width:100%;margin-bottom:0;border-bottom:1px solid #ddd;background-color:#6c6a2d}.info__tabs .info__tab{flex:1;background:#6c6a2d;border:none;color:#fff;padding:16px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:all .3s;position:relative}.info__tabs .info__tab:not(:first-child):after{content:"";position:absolute;bottom:0;left:0;width:1px;height:100%;background-color:#fff;transition:background-color .3s}.info__tabs .info__tab:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:.375rem;background-color:#b1b479;transition:background-color .3s}.info__tabs .info__tab.active:before{background-color:#4d5139}.info__tabs .info__tab .icon{width:1.75rem;fill:currentColor}.info__tabs .info__tab .icon--nut{transform:rotateY(180deg)}.info__tabs .info__tab .text{font-family:Noto Sans TC;font-size:.875rem}.info__tabs .info__tab .text small{font-family:Elms Sans,sans-serif;font-size:11px;opacity:.8;margin-left:5px}.info__pane{display:none;background:#f9f9f9;animation:fadeIn .5s;padding:2.5rem 12px}.info__pane.active{display:block}@media screen and (min-width: 375px){.info__pane{padding:4rem 2rem}}@media screen and (min-width: 1280px){.info__pane{padding:4rem 8rem}}@media screen and (min-width: 1024px){.info__pane--container{max-width:960px;margin-inline:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info__table{display:grid;grid-template-columns:1fr;gap:0}@media screen and (min-width: 1024px){.info__table{grid-template-columns:1fr 1fr;-moz-column-gap:40px;column-gap:40px}}.info__row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;align-items:baseline;gap:1rem;flex-direction:column;padding:1.5rem 0}@media screen and (min-width: 375px){.info__row{padding:1rem 0;align-items:center;flex-direction:row}}@media screen and (min-width: 1024px){.info__row:first-of-type,.info__row:nth-of-type(2){grid-column:span 2}}.info__label{font-family:Noto Sans TC;width:35%;text-align:left}.info__label .en{display:block;font-family:Elms Sans;font-size:11px;font-weight:400;color:#999;margin-top:.375rem}.info__value{font-family:Noto Sans TC;font-weight:300;text-align:left;line-height:1.2}@media screen and (min-width: 375px){.info__value{width:60%}}.info__action{text-align:center;margin-top:40px}.info__action .fill-btn{padding:12px 20px;font-size:.875rem;line-height:1;letter-spacing:.5px;border:1px solid #fff;background-color:#6c6a2d;color:#fff}@media screen and (min-width: 1280px){.info__action .fill-btn{padding:12px 24px}}.info__action .fill-btn:before,.info__action .fill-btn:after{background-color:#fff}.info__action .fill-btn .icon{fill:#b1b479;width:14px;margin-left:12px}.info__action .fill-btn:hover{border-color:#6c6a2d;color:#6c6a2d}.info__action .fill-btn:hover .icon{fill:#fff}@media screen and (min-width: 1280px){.info #tab-intro .info__pane--container{max-width:1280px}}.info__editor{line-height:1.4}.info__editor h1{font-size:1.5rem}.info__editor h2{font-size:1.325rem}.info__editor h3{font-size:1.25rem}.info__editor h4{font-size:1.125rem}.info__editor h5{font-size:1rem}.info__editor h6{font-size:.935rem}.info__editor p{font-weight:300;letter-spacing:1px}.info__editor img{width:100%}.info__editor img+p{font-weight:400;margin-top:1rem}.info__slider.swiper{padding-bottom:3rem}.info__slider .swiper-scrollbar{--swiper-scrollbar-border-radius: 0;--swiper-scrollbar-sides-offset: 0;display:none;background:#6c6a2d33;left:0;right:0;width:100%}@media screen and (min-width: 1024px){.info__slider .swiper-scrollbar{display:block}}.info__slider .swiper-scrollbar-drag{background:#6c6a2d80}.info .info__link{display:block;height:100%}@media screen and (min-width: 1024px){.info .swiper{height:460px}}.info .swiper-slide{width:auto!important;height:auto}.info__img-box{position:relative;height:100%;overflow:hidden;display:flex}.info__img-box img{max-width:100%;height:100%;max-height:460px}.info__img-box .hot-item__hover-mask{width:100%;height:100%}.info__desc{font-family:Noto Sans TC;font-size:.875rem;margin-top:.625rem;color:#333}.info__map-embed{position:relative;aspect-ratio:9/16}@media screen and (min-width: 768px){.info__map-embed{aspect-ratio:16/9}}.info__map-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.related{background-color:#6c6a2d;padding:60px 0 80px;color:#fff}.related__title{font-family:Libre Baskerville,serif;font-size:1.25rem;font-weight:400;margin-bottom:40px}@media screen and (min-width: 1280px){.related__title{font-size:1.5rem}}.related__link{display:block;text-decoration:none;color:#fff}.related__img-box{position:relative;overflow:hidden;margin-bottom:15px;aspect-ratio:4/3}.related__img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.related__img-box:hover img{transform:scale(1.05)}.related__name{font-size:1rem;font-family:Noto Sans TC;margin-bottom:.5rem}.related__loc{font-size:.75rem;color:#ffffffb3;font-family:Noto Sans TC}@media screen and (min-width: 425px){.related__loc{font-size:.875rem}}.related__nav--container{z-index:10;cursor:pointer;position:absolute;width:100%;top:45%}.related .swiper-button-prev,.related .swiper-button-next{position:absolute;--swiper-navigation-color: #fff;--swiper-navigation-sides-offset: 10px;width:32px;--swiper-navigation-size: 72px;padding:12px 10px}@media screen and (min-width: 1024px){.related .swiper-button-prev,.related .swiper-button-next{display:block;--swiper-navigation-size: 96px;width:40px;padding:12px}}.related .swiper-button-prev:before,.related .swiper-button-next:before{min-height:150px}.related .swiper-button-prev:after,.related .swiper-button-next:after{background-color:#6c6a2d}.related .swiper-button-prev:hover:before,.related .swiper-button-prev:hover:after,.related .swiper-button-next:hover:before,.related .swiper-button-next:hover:after{background-color:#6c6a2d}@media screen and (min-width: 1024px){.related__slider{padding-bottom:2.5rem}}.related__slider .swiper-scrollbar{--swiper-scrollbar-border-radius: 0;--swiper-scrollbar-sides-offset: 0;background:#f7f8f833;left:0;right:0;width:100%;display:none}@media screen and (min-width: 1024px){.related__slider .swiper-scrollbar{display:block}}.related__slider .swiper-scrollbar-drag{background:#f7f8f880}.read-more-block:hover .hot-item__hover-mask{opacity:1}.hot-item__hover-mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-color:#4d513980;transition:opacity .4s ease-in-out}.hot-item__hover-mask .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;aspect-ratio:1/1}.hot-item__hover-mask .hot-item_outer-circle{position:absolute;top:50%;left:50%;border:1px solid #fff;width:30%;max-width:180px}@media screen and (min-width: 1024px){.hot-item__hover-mask .hot-item_outer-circle{width:50%}}.hot-item__hover-mask .hot-item_inner-circle{width:25%;max-width:150px;display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;position:relative;transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-duration:.3s;will-change:transform}@media screen and (min-width: 1024px){.hot-item__hover-mask .hot-item_inner-circle{width:40%}}.hot-item__hover-mask .hot-item_inner-circle>*{position:relative;z-index:2}.hot-item__hover-mask .hot-item_inner-circle:before,.hot-item__hover-mask .hot-item_inner-circle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6c6a2d}.hot-item__hover-mask .hot-item_inner-circle:before{width:130%;min-width:150px;height:0;padding-bottom:135%;top:0;left:50%;border-radius:50%;transform:translate3d(-50%,68%,0) scale3d(0,0,0)}.hot-item__hover-mask .hot-item_inner-circle:after{transform:translate3d(0,-105%,0);transition:transform .3s cubic-bezier(.1,0,.3,1)}.hot-item__hover-mask .hot-item_inner-circle:hover .text{color:#fff}.hot-item__hover-mask .hot-item_inner-circle:hover:before{transform:translate3d(-50%,-25%,0) scaleX(1);transition:transform .3s cubic-bezier(.1,0,.3,1)}.hot-item__hover-mask .hot-item_inner-circle:hover:after{transform:translateZ(0);transition-duration:.05s;transition-delay:.3s;transition-timing-function:linear}.hot-item__hover-mask .hot-item_inner-circle .text{font-size:12px;text-align:center;font-family:Elms Sans;font-weight:300;color:#4d5139}@media screen and (min-width: 576px){.hot-item__hover-mask .hot-item_inner-circle .text{font-size:14px}}@media screen and (min-width: 1024px){.hot-item__hover-mask .hot-item_inner-circle .text{letter-spacing:.5px}}