.hot-banner{padding-top:90px;background-color:#fff}.hot-hero{text-align:center;aspect-ratio:780/700;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 1024px){.hot-hero{aspect-ratio:1920/500;margin-top:0}}.hot-hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hot-hero__container{position:relative;max-width:800px;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.hot-hero__title{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;color:#4d5139;align-self:flex-end}@media screen and (min-width: 1024px){.hot-hero__title{margin-bottom:3rem}}.hot-hero__title-zh{font-size:1.25rem;letter-spacing:2px;margin-bottom:12px;font-weight:300;font-family:"Noto Serif TC"}@media screen and (min-width: 1024px){.hot-hero__title-zh{font-size:1.75rem;margin-bottom:16px}}.hot-hero__title-en-container{display:flex;align-items:center}.hot-hero__title-en{font-family:Baskerville;font-size:1.375rem;font-weight:300;margin-inline:.75rem}@media screen and (min-width: 1024px){.hot-hero__title-en{font-size:2rem;margin-inline:1rem}}.hot-hero__brush{width:7px;align-self:flex-end;fill:#4d5139}@media screen and (min-width: 1024px){.hot-hero__brush{width:10px}}.hot-hero__desc{font-family:Noto Sans TC,serif;font-size:.75rem;line-height:2;color:var(--custom03)}@media screen and (min-width: 1024px){.hot-hero__desc{font-size:1rem}}.hot-hero__desc p{margin:0}.hot-hero__desc p:first-child{font-weight:500}.hot-hero__deco{width:30px;margin:0 auto;padding-top:2rem;stroke:#6c6a2d;transform:rotate(180deg)}@media screen and (min-width: 425px){.hot-hero__deco{padding-top:4rem}}@media screen and (min-width: 1024px){.hot-hero__deco{width:36px}}.hot-header{display:flex;justify-content:center;align-items:center;padding:90px 20px;font-family:Baskerville}@media screen and (min-width: 1024px){.hot-header{gap:60px;padding:90px 20px 60px}}.hot-header__text{font-family:serif;font-size:1.5rem;font-weight:400;line-height:1.2;color:#4d5139}@media screen and (min-width: 1024px){.hot-header__text{font-size:1.5rem}}.hot-header__mid{color:#fff;font-size:.5rem;display:flex;margin-inline:1rem;flex-direction:column;align-items:center}@media screen and (min-width: 1024px){.hot-header__mid{font-size:.75rem}}.hot{position:relative;width:100%;min-height:100vh;padding-bottom:60px;background-size:cover;overflow:hidden}@media screen and (min-width: 1024px){.hot{padding-bottom:8rem}}.hot__description{font-family:Noto Sans TC,serif;font-size:.875rem;line-height:2;color:var(--custom03)}@media screen and (min-width: 1024px){.hot__description{font-size:1rem}}.hot__description p{margin:0}.hot__gallery{position:relative;width:100%;padding-block:4rem}@media screen and (min-width: 1024px){.hot__gallery{max-width:1920px;overflow:hidden;margin-inline:auto;padding-block:6rem 1.5rem}}.hot__slide{width:85%;aspect-ratio:3/4;transition:transform .6s ease,opacity .6s ease;opacity:.5;transform:scale(.9);margin-inline:10px}@media screen and (min-width: 1024px){.hot__slide{max-width:960px;width:100%;aspect-ratio:3/2;margin:0 30px}}.hot__slide.swiper-slide-active{opacity:1;transform:scale(1);z-index:2}.hot .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 .hot-item__hover-mask .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;aspect-ratio:1/1}.hot .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 .hot-item__hover-mask .hot-item_outer-circle{width:50%}}.hot .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 .hot-item__hover-mask .hot-item_inner-circle{width:40%}}.hot .hot-item__hover-mask .hot-item_inner-circle>*{position:relative;z-index:2}.hot .hot-item__hover-mask .hot-item_inner-circle:before,.hot .hot-item__hover-mask .hot-item_inner-circle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6c6a2d}.hot .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 .hot-item__hover-mask .hot-item_inner-circle:after{transform:translate3d(0,-105%,0);transition:transform .3s cubic-bezier(.1,0,.3,1)}.hot .hot-item__hover-mask .hot-item_inner-circle:hover .text{color:#fff}.hot .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 .hot-item__hover-mask .hot-item_inner-circle:hover:after{transform:translateZ(0);transition-duration:.05s;transition-delay:.3s;transition-timing-function:linear}.hot .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 .hot-item__hover-mask .hot-item_inner-circle .text{font-size:14px}}@media screen and (min-width: 1024px){.hot .hot-item__hover-mask .hot-item_inner-circle .text{letter-spacing:.5px}}.hot__link:hover .hot-item__img-box{transform:scale(1.05)}.hot__link:hover .hot-item__hover-mask{opacity:1}.hot__link:hover .hot-item__read-more{transform:scale(1)}.hot__link{display:block;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.hot__cover{width:100%;height:100%}.hot__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .8s ease}@media screen and (min-width: 1024px){.hot__cover:hover img{transform:scale(1.05)}}.hot__nav--container{z-index:10;cursor:pointer;position:absolute;width:80%;top:50%;left:50.5%;transform:translate(-50%,-50%);max-width:940px}.hot .swiper-button-prev,.hot .swiper-button-next{display:none;--swiper-navigation-color: #fff;--swiper-navigation-sides-offset: 10px;width:32px;padding:12px 10px}@media screen and (min-width: 1024px){.hot .swiper-button-prev,.hot .swiper-button-next{display:block;--swiper-navigation-size: 96px;width:40px;padding:12px}}.hot .swiper-button-prev:before,.hot .swiper-button-next:before{min-height:150px}.hot .swiper-button-prev:after,.hot .swiper-button-next:after{background-color:#6c6a2d}.hot .swiper-button-prev:hover:before,.hot .swiper-button-prev:hover:after,.hot .swiper-button-next:hover:before,.hot .swiper-button-next:hover:after{background-color:#6c6a2d}.hot__info{display:flex;align-items:center;padding:0 20px;margin-top:20px;gap:1.25rem}@media screen and (min-width: 1024px){.hot__info{flex-direction:row;justify-content:center;align-items:flex-end;width:100%;max-width:960px;padding-inline:.875rem 0;gap:40px;margin:0 auto}}.hot .pager{display:flex;align-items:flex-end;gap:.175rem;position:relative;font-weight:300}@media screen and (min-width: 1024px){.hot .pager{gap:.5rem}}.hot .pager__current{font-size:1.25rem;color:#6c6a2d;padding-bottom:1.25rem}@media screen and (min-width: 1024px){.hot .pager__current{padding-bottom:.875rem;font-size:1.75rem}}.hot .pager__divider{width:2rem;align-self:center;margin-top:.5rem;height:1px;background-color:#2d2f26;transform-origin:center center;transform:rotate(35deg)}@media screen and (min-width: 1024px){.hot .pager__divider{width:2.5rem}}.hot .pager__total{font-size:.875rem}@media screen and (min-width: 1024px){.hot .pager__total{font-size:1rem}}.hot .hot-info-swiper{width:100%}@media screen and (min-width: 1024px){.hot__name-item{display:flex;align-items:center;justify-content:space-between}}.hot__name-item__name{font-family:Noto Sans TC,serif;font-size:1rem;color:var(--custom01);margin-bottom:.75rem}@media screen and (min-width: 1024px){.hot__name-item__name{font-size:1.25rem;margin-bottom:0}}.hot__name-item__address{font-family:Noto Sans TC,serif;font-size:.75rem;color:var(--custom02);letter-spacing:.05em}@media screen and (min-width: 1024px){.hot__name-item__address{font-size:.875rem}}