@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
#bodyContent {background: #fff; overflow: hidden;}



#KV {position: relative;}
#KV:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 1.35%; background: url(../img/KV/border@2x.png) repeat-x left center / auto 100%;}
#KV img {width: 100%;}

@media (max-width: 48em) {
    #KV:after {padding-bottom: 2.5%;}
}


#section2 {background: #edd39b;}
#section2 > .wrapper {background: url(../img/limited-bg-pattern@2x.png); background-size: 33%; padding-top: 3.5rem;}

#introOffer {padding: 0 2rem;}
#introOffer > .row {max-height: 26rem; max-width: 90rem;}
#introOffer > .row > .column:nth-child(1) {order: 1; -ms-flex: 0 0 45%; -webkit-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
#introOffer > .row > .column:nth-child(2) {order: 2; -ms-flex: 0 0 45%; -webkit-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
#introOffer > .row > .column:nth-child(3) {order: 3; -ms-flex: 0 0 54%; -webkit-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; align-self: flex-end; font-size: 0; text-align: right;}
#introOffer .intro { margin: auto; padding: 0 .45rem; line-height: 1.5; letter-spacing: 1px; color: #812e1f;}
#introOffer h3 { font-size: 2.25rem; font-weight: 900; margin-bottom: .85rem;}
#introOffer p { font-size: 1.2rem; font-weight: 600;}
#introOffer .date {display: block; margin: 1.15rem auto 0;}

#introOffer .promoImg {display: inline-block; vertical-align: middle;}
#introOffer .promoImg1 {width: 35.675%;}
#introOffer .promoImg2 {width: 60.325%; margin-left: 2%;}

#limitedOffer {padding-bottom: 4rem;}
#limitedOffer > .wrapper {padding: 0 1rem; opacity: 0; transition: opacity .3s linear;}
#limitedOffer.initiated > .wrapper {opacity: 1;}

#limitedOffer .dateWrapper {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 4rem auto 3.5rem; max-width: 55rem;}
#limitedOffer .dateWrapper > div {display: block;}
#limitedOffer .dateWrapper > div:first-child {-ms-flex: 0 0 23%; -webkit-flex: 0 0 23%;flex: 0 0 23%; max-width: 23%;}
#limitedOffer .dateWrapper > div:last-child {-ms-flex: 0 0 72%; -webkit-flex: 0 0 72%;flex: 0 0 72%; max-width: 72%;}

#limitedOffer .dateTabs {max-width: 45rem; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
#limitedOffer .dateTabs .dateTab {-ms-flex: 0 0 30%; -webkit-flex: 0 0 30%;flex: 0 0 30%; max-width: 30%; padding-bottom: 29%; display: block; position: relative;}
#limitedOffer .dateTabs .dateTab:before, #limitedOffer .dateTabs .dateTab:after {content: ''; display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;}
#limitedOffer .dateTabs .dateTab:before {z-index: 1; opacity: 0; transition: .2s ease-in-out; }
#limitedOffer .dateTabs .dateTab.active:before {opacity: 1;}
#limitedOffer .dateTabs .dateTab1:before {background: url(../img/tabs/flash-offer/date1-on.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab2:before {background: url(../img/tabs/flash-offer/date2-on.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab3:before {background: url(../img/tabs/flash-offer/date3-on.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab1:after {background: url(../img/tabs/flash-offer/date1.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab2:after {background: url(../img/tabs/flash-offer/date2.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab3:after {background: url(../img/tabs/flash-offer/date3.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.hasMenus:not(.active) {cursor: pointer;}
#limitedOffer .dateTabs .dateTab.notStarted.noMenus, #limitedOffer .dateTabs .dateTab.active, #limitedOffer .dateTabs .dateTab.hasEnded {pointer-events: none;}
#limitedOffer .dateTabs .dateTab > span {display: block; position: relative; text-align: center; font-weight: 400; color: #fff; font-family: "Tenor Sans", sans-serif; line-height: 1.15; z-index: 2; letter-spacing: 0;}
#limitedOffer .dateTabs .dateTab.active > span {color: #216e60;}
#limitedOffer .dateTabs .dateTab:not(.active) > span {color: #fff;}
#limitedOffer .dateTabs .dateTab .date {font-size: 3.25rem;}
/* #limitedOffer .dateTabs .dateTab.notStarted.hasMenus .date:after {content: '搶先預覽';}
#limitedOffer .dateTabs .dateTab.notStarted.noMenus .date:after {content: '密切留意'}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after {content: '現正熱賣';}
#limitedOffer .dateTabs .dateTab.hasEnded .date:after {content: '已完結';} 
#limitedOffer .dateTabs .dateTab.notStarted.hasMenus .date:after, #limitedOffer .dateTabs .dateTab.notStarted.noMenus .date:after, #limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after, #limitedOffer .dateTabs .dateTab.hasEnded .date:after {display: inline-block; position: absolute; bottom: 95%; right: 4%; font-family: Noto Sans TC; font-size: 1rem; line-height: 1.25; font-weight: 700; text-align: center; width: 7rem; height: 2rem; font-size: 0;}
#limitedOffer .dateTabs .dateTab.notStarted.noMenus .date:after {content: '密切留意'; background: url(../img/tabs/flash-offer/status-1.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.notStarted.hasMenus .date:after {content: '搶先預覽'; background: url(../img/tabs/flash-offer/status-2.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after {content: '現正熱賣'; background: url(../img/tabs/flash-offer/status-3.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.hasEnded .date:after {content: '已完結'; background: url(../img/tabs/flash-offer/status-4.png) no-repeat center / contain; width: 6rem;}
#limitedOffer .dateTabs .dateTab .time {font-size: 1.5rem;} */
#limitedOffer .dateTabs .dateTab .status {display: block; position: absolute; bottom: 80%; right: -2%; width: 3.75rem; height: 3.75rem;}
#limitedOffer .dateTabs .dateTab.notStarted.noMenus .status {background: url(../img/tabs/flash-offer/status-1.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.notStarted.hasMenus .status {background: url(../img/tabs/flash-offer/status-2.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .status {background: url(../img/tabs/flash-offer/status-3.png) no-repeat center / contain;}
#limitedOffer .dateTabs .dateTab.hasEnded .status {background: url(../img/tabs/flash-offer/status-4.png) no-repeat center / contain; width: 6rem;}


#limitedOffer .ttImg {max-width: 22.5rem; margin: 2.25rem auto 1.5rem;}
#limitedOffer .container {max-width: 70rem; margin: 1rem auto 0; position: relative;}
#limitedOffer .listing {padding-bottom: 4.75rem;}

#limitedOffer .poiItem .imgBox {overflow: visible;}
#limitedOffer .poiItem .imgBox .img {border-radius: 12px;}
#limitedOffer .tagBox {display: none;}
#limitedOffer .tagBox.active {display: block;}
#limitedOffer .tag {position: absolute; bottom: -.25rem; right: 0; z-index: 1; color: #fff; font-size: 1.55rem; line-height: 1; padding: .45rem .5rem .6rem 2rem; border-radius: .25rem 0 .45rem 3rem; min-width: 8.125rem; text-align: center; font-weight: 500;}
#limitedOffer .tag.isUpcoming {background-color: #96734b;}
#limitedOffer .tag.isOnSale {background-color: #fe203e;}
#limitedOffer .tag.isLimited {background-color: #59c98b;}
#limitedOffer .tag.isSoldout {background-color: #6d6d6d;}
#limitedOffer .tag span {color: #fff; font-size: 1.625rem;}
#limitedOffer .tag.isUpcoming span {margin-right: .25rem; font-family: "Anton", sans-serif;font-style: normal; letter-spacing: .5px; display: inline-block; vertical-align: middle;}
#limitedOffer .tag.isUpcoming:before, #limitedOffer .tag.isOnSale:before {content: ''; display: block; position: absolute;}
#limitedOffer .tag.isUpcoming:before {background: url(../img/icons/clock.svg) no-repeat center / contain; width: 3rem; height: 3.5rem; left: -1.5rem; top: -.85rem;}
#limitedOffer .tag.isOnSale:before {background: url(../img/icons/fire.svg) no-repeat center / contain; width: 2.5rem; height: 3.75rem; left: -.8rem; top: -1.25rem;}
#limitedOffer .tag small {font-size: 1.125rem;}
#limitedOffer .poiItem .spaceholder {height: 2.5rem; margin: .25rem 0 .45rem;}
#limitedOffer .poiItem .remainTimeCounter {width: 100%; padding: 0 .45rem; opacity: 0; transition: opacity .3s;}
#limitedOffer .poiItem .remainTimeCounter.loaded {opacity: 1;}
#limitedOffer .poiItem .remainTimeCounter > div:first-child {text-align: right; color: #f86e7e; font-size: 1.1rem; padding-right: .65rem;}
#limitedOffer .poiItem .remainTimeCounter > div:last-child > div {float: left; width: 5%; text-align: center; font-size: 2rem; line-height: .9; }
#limitedOffer .poiItem .remainTimeCounter > div:last-child > div.timerBlock {position: relative; width: 30%;}
#limitedOffer .poiItem .remainTimeCounter .timerBlock > span:not(.num) {color: #707070; font-size: .65rem; display: block; text-align: center; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto .2rem; text-align: center;}
#limitedOffer .poiItem .remainTimeCounter .timerBlock > span.num {display: block;}
#limitedOffer .poiItem .remainTimeCounter .timerBlock > span.num > span {color: #9bb5d1; border-radius: .25rem; box-shadow: 1px 1px 3px 1px rgb(0, 0, 0,.15); font-weight: 600; font-size: 1.65rem; background-color: #333; text-align: center; width: calc(50% - 2px); margin: 0 1px; float: left; line-height: 1; font-family: "Public Sans", sans-serif;font-optical-sizing: auto;font-style: normal; padding: .4rem 0 .3rem;}
#limitedOffer .poiItem:not(.hasStarted) .descBox {flex-grow: 1;}
#limitedOffer .poiItem:not(.hasStarted) .offerBox, #limitedOffer .poiItem:not(.hasStarted) .priceGroup, #limitedOffer .poiItem:not(.hasStarted) .hashtags {display: none;}
#limitedOffer .poiItem.hasEnded .spaceholder {display: none;}
#limitedOffer .poiItem:not(.hasStarted) .btmBox {border: none; padding: .495rem 0;}
#limitedOffer .poiItem .btmBox .btn:not(.soon):not(.soldout), .poiItem.menuItem .btmBox .btn {background: linear-gradient(120deg, #009342, #00672e, #00672e, #a6dabe, #009342, #009342, #00672e, #00672e, #64c690, #009342, #009342);background-size: 350% 350%;-webkit-animation: btnBGCanimate 9s linear infinite;animation: btnBGCanimate 9s linear infinite;}
@-webkit-keyframes btnBGCanimate {
    0% {background-position: 0% 0%;}
    100% {background-position: 350% 0%;}
}
@keyframes btnBGCanimate {
    0% {background-position: 0% 0%;}
    100% {background-position: 350% 0%;}
}
#limitedOffer .poiItem .btmBox .btn:not(.soon):not(.soldout):before, .poiItem.menuItem .btmBox .btn:before {content: ''; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; background: url(../img/icons/cart.svg) no-repeat center / contain; margin: -0.3rem .5rem 0 0;}
#limitedOffer .poiItem .btmBox .btn.soon {background: transparent; border: 1px solid; color: #a0a3a2; width: 100%;}
#limitedOffer .poiItem .btmBox .btn.soldout {background-color: #6d6d6d; color: #adadad; width: 100%;}
#limitedOffer .swiper-navs {bottom: 1rem; display: block; width: auto; text-align: center;}
#limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {position: relative; display: inline-block;vertical-align: middle;text-align: center;top: auto;margin: 0;}
#limitedOffer .swiper-button-prev:after, #limitedOffer .swiper-button-next:after {line-height: 35px; color: #687d83!important;}
#limitedOffer .swiper-pagination {margin: 0 1rem;bottom: auto;display: inline-block;position: relative;width: auto;left: auto;vertical-align: middle;}
#limitedOffer .swiper-pagination-bullet, #limitedOffer .swiper-pagination-bullet-active {background-color: #fff; margin: 0 .15rem; transition: all .3s; opacity: .5;}
#limitedOffer .swiper-pagination-bullet-active {width: 2.5rem; border-radius: .5rem; opacity: .85;}

@keyframes float1 {
    0% {transform: translateY(0)}
    to {transform: translateY(min(.8163265306vw + 6.9387755102px,20px))}
}
@keyframes float2 {
    0% {transform: translate(0) scale(1)}
    to {transform: translate(min(.4081632653vw + 3.4693877551px,10px),-5px) scale(1.03)}
}
@keyframes float3 {
    0% {transform: translate(0) rotate(0)}
    to {transform: translate(min(.8163265306vw + 6.9387755102px,20px),min(.4081632653vw + 3.4693877551px,10px)) rotate(-3deg)}
}

#section2 .decos {max-width: 70rem; }
.decos {margin: auto; max-width: 72rem; width: 100%; position: relative;}
.decos .deco {position: absolute; z-index: 5;}
.decos .deco1 {background: url(../img/decos/left-deco@2x.png) no-repeat center / contain; width: 345px; height: 240px; top: 25rem; right: 88%;}
.decos .deco2 {background: url(../img/decos/right-deco@2x.png) no-repeat center / contain; width: 370px; height: 230px; top: 27rem; left: 91%;}
.decos .deco3 {background: url(../img/decos/left-deco2@2x.png) no-repeat center / contain; width: 350px; height: 250px; top:-13rem; right: 95%;}
.decos .deco4 {background: url(../img/decos/right-deco2@2x.png) no-repeat center / contain; width: 350px; height: 330px; top: -16rem; left: 102%;}
.decos .deco1.aos-animate {animation: float1 2s .5s ease-in-out infinite alternate;}
.decos .deco2.aos-animate {animation: float2 2s .7s ease-in-out infinite alternate;}
.decos .deco3.aos-animate {animation: float2 3s .5s ease-in-out infinite alternate;}
.decos .deco4.aos-animate {animation: float1 3s .6s ease-in-out infinite alternate;}

@media (max-width: 80em) {
    /* .decos .deco1 {width: 250px; height: 260px;top: -13rem; right: 97%;} */
    /* .decos .deco2 {width: 215px; height: 270px; top: 12rem; left: 100%;} */
    /* .decos .deco3 {width: 200px; height: 280px; top: -16rem; right: 103%; } */
    /* .decos .deco4 {width: 210px; height: 260px; top: -15rem; left: 95%; } */
    
}

@media (min-width: 48em) {
    #limitedOffer .dateTabs .dateTab.hasMenu:hover:before {opacity: 1;}
    #limitedOffer .listing {min-height: 30.75rem;}
}
 
@media (max-width: 48em) {
    #limitedOffer > .wrapper {padding: 0;}
    #limitedOffer .dateWrapper {margin: 4rem auto 2.5rem;}
    #limitedOffer .dateWrapper .startSaleTTImg {max-width: 16rem; margin: auto;}
    #limitedOffer .dateWrapper > div:first-child, #limitedOffer .dateWrapper > div:last-child {-ms-flex: 0 0 100%; -webkit-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
    #limitedOffer .dateTabs {padding: 0 2rem; margin-top: 3rem;}
    /* #limitedOffer .dateTabs .dateTab:before, #limitedOffer .dateTabs .dateTab:after {left: -2%; top: -50%; width: 110%; height: 210%; } */
    /* #limitedOffer .dateTabs .dateTab .date {font-size: 2.25rem;}
    #limitedOffer .dateTabs .dateTab.notStarted.hasMenus .date:after, #limitedOffer .dateTabs .dateTab.notStarted.noMenus .date:after, #limitedOffer .dateTabs .dateTab.hasStarted.isCurrent .date:after, #limitedOffer .dateTabs .dateTab.hasEnded .date:after { bottom: 115%; right: 1%;}
    #limitedOffer .dateTabs .dateTab.hasEnded .date:after {padding: 1.5rem 0;}
    #limitedOffer .dateTabs .dateTab .time {font-size: 1.15rem;} */
    #limitedOffer .ttImg {margin-top: 2.5rem;}
    #limitedOffer .swiper-navs {bottom: 0;}
    #limitedOffer .swiper-button-next, #limitedOffer .swiper-button-prev {margin: 0 2rem;}
    #limitedOffer .swiper-pagination {display: none;}
}

@media (min-width: 40em) {
    
}

@media (max-width: 40em) {
    #section2 > .wrapper {padding-top: 2rem;}
    #introOffer > .row {max-height: none;}
    #introOffer > .row > .column {max-width: 100%!important; padding: 0 .75rem;}
    /* #introOffer > .row > .column:nth-child(2) {order: 3}
    #introOffer > .row > .column:nth-child(3) {order: 2} */
    #introOffer .intro {max-width: 34rem; text-align: center;}
    #introOffer p {line-height: 1.65;}
    #introOffer .promoImg {margin-top: 1.5rem;}
    #introOffer .date {max-width: 31rem;}

    .decos .deco1 {width: 110px; height: 80px;top: 34rem; right: 75%;}
    .decos .deco2 {width: 125px; height: 80px; top: 35rem; left: 76%;}
    .decos .deco3 {width: 120px; height: 90px; top: -7rem; right: 81%;}
    .decos .deco4 {width: 65px; height: 60px; top: -5rem; left: auto; right: 0;}
}



#section3 {padding: 4rem 0; background: #f6f0e2; position: relative;}
#section3::before {content: ''; display: block; position: absolute; left: 0; top: 0px; width: 100%; padding-bottom: 1.35%; background: url(../img/KV/border@2x.png) repeat-x left center / auto 100%;}
#section3 .container {width: 90%; max-width: 80rem; padding: 14px 15px; margin: auto;}
#section3 .inner {padding: 1.5rem 0 2rem;}
#section3 .row {max-width: 90rem;}
#section3 .ttImg {max-width: 75%;}
#section3 .prizeImg {position: relative; display: block; z-index: 1;}

@media (min-width: 105em) {
    #section3 .container {max-width: 120rem; padding: 16px;}
}

@media (min-width: 48em) {
    #section3 .medium-4 {-webkit-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 2rem;}
    #section3 .medium-4:before {content: ''; display: block; position: absolute; z-index: 0;}
    #section3 .medium-4:nth-child(1):before {background: url(../img/circle-pattern@2x.png) no-repeat center / contain; width: 80%; padding-bottom: 80%; right: 65%; bottom: 23%;}
    #section3 .medium-4:nth-child(2):before {background: url(../img/circle-pattern2@2x.png) no-repeat center / contain; width: 80%; padding-bottom: 80%; left: 37%; top: 83%;}
    #section3 .medium-4:nth-child(3):before {background: url(../img/circle-pattern@2x.png) no-repeat center / contain; width: 95%; padding-bottom: 95%; right: 11%; top: -6%;}
}

@media (max-width: 40em) {
    #section3 {padding: 1.5rem 0 4rem;}
    #section3::before {padding-bottom: 2.5%;}
    #section3 .container {max-width: 28rem;}
    #section3 .medium-4:before {content: ''; display: block; position: absolute; z-index: 0;}
    #section3 .medium-4:nth-child(1):before {background: url(../img/circle-pattern@2x.png) no-repeat center / contain; width: 80%; padding-bottom: 80%; left: 65%; bottom: 60%;}
    #section3 .medium-4:nth-child(2):before {background: url(../img/circle-pattern@2x.png) no-repeat center / contain; width: 60%; padding-bottom: 60%; right: 85%; top: 2%;}
    #section3 .medium-4:nth-child(3):before {background: url(../img/circle-pattern2@2x.png) no-repeat center / contain; width: 80%; padding-bottom: 80%; left: 60%; top: -3%;}
    #section3 .prizeImg {margin: 1.75rem auto;}
}


.poiItem { padding: .35rem .35rem .365rem;background-image: radial-gradient(circle at 100% 100%, transparent 16px, #ffe59f 16px, #ffe59f 18px, transparent 18px), linear-gradient(to right, #ffe59f, #ffe59f), radial-gradient(circle at 0% 100%, transparent 16px, #ffe59f 16px, #ffe59f 18px, transparent 18px), linear-gradient(to bottom, #ffe59f, #f6e5c8, #ebc276, #e0a335, #f6e5c8, #d99d2f, #eecb8c, #f6e5c8), radial-gradient(circle at 0% 0%, transparent 16px, #f6e5c8 16px, #ffe59f 18px, transparent 18px), linear-gradient(to left, #ffe59f, #ffe59f), radial-gradient(circle at 100% 0%, transparent 16px, #ffe59f 16px, #f6e5c8 18px, transparent 18px), linear-gradient(to top, #f6e5c8, #eecb8c, #d99d2f, #f6e5c8, #e0a335, #ebc276, #f6e5c8, #ffe59f);background-size: 18px 18px, calc(100% - 36px) 2px, 18px 18px, 2px calc(100% - 36px);background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;background-repeat: no-repeat;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);border-radius: 16px;}
.poiItem .wrapper {background-color: #fff; border-radius: 14px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15); padding: .3rem; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between; }
.poiItem .imgBox {border-radius: 12px; overflow: hidden; position: relative; aspect-ratio: 6 / 4;}
.poiItem .imgBox .district {position: absolute; z-index: 1; top: .15rem; left: .625rem; color: #fff; font-size: 1rem;}
.poiItem .imgBox .district i {display: inline-block; vertical-align: middle; width: 1.5rem; height: 2.25rem; background: url(../img/icons/pin.svg) no-repeat center / cover; margin: .2rem .15rem 0 0;}
.poiItem .imgBox .imgs {width: 100%; height: 100%; overflow: hidden; aspect-ratio: 6 / 4; }
.poiItem .imgBox .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease;}
.poiItem .imgBox .img.active {opacity: 1;}
.poiItem .imgBox .hasBooking {position: absolute; bottom: 0; right: 0; z-index: 1; color: #fff; background-color: #f86e7e; font-size: 1.55rem; line-height: 1; padding: .45rem 1rem .6rem; border-top-left-radius: 12px;}
.poiItem .descBox {padding: .45rem .45rem .75rem; }
.poiItem.bookItem .descBox {flex-grow: 1;}
.poiItem .descBox .tt {font-size: 1.425rem; font-weight: 700; color: #2c2c30; margin: 0; line-height: 1.3;}
.poiItem .descBox .tt.en {letter-spacing: -.5px;}
.poiItem .descBox .period {font-size: 1.125rem; color: #5b5a61; line-height: 1.6; margin-top: .25rem;}
.poiItem .descBox .hashtags {margin-top: .75rem;}
.poiItem .descBox .hashtags span {font-size: 1.125rem; color: #a5a5a5; border: 1px solid #d3d3d3; line-height: 1.5; padding: 0 .35rem; margin-right: .25rem; margin-bottom: .25rem; display: inline-block; vertical-align: middle;}
.poiItem .descBox .periodTxt {margin-top: .5rem;}
.poiItem .descBox .periodTxt p {color: #717171; font-size: .875rem; font-weight: 500; line-height: 1.4;}
.poiItem .descBox .astNote {margin-top: .75rem;}
.poiItem .descBox .astNote small {display: block; color: #afafaf; font-size: .675rem; line-height: 1.4;}

.poiItem .btmBox {border-top: 1px dashed #d3d3d3; padding: .85rem 0 .495rem;}
.poiItem.bookItem .btmBox {border: none; padding-top: 0;}

.tmOfferBox {padding: .35rem .45rem 0;}
.tmOfferBox .offerItem {padding: .4rem .65rem; border-radius: 6px; border: 1px solid #d9d9d9;}
.tmOfferBox .offerItem > span.icon i {display: block; width: 80%; padding-bottom: 50%; background: url(../img/icons/booking.svg) no-repeat center / contain;}
.tmOfferBox .offerItem > span.tag span {display: block; background-color: #f86e7e; color: #fff; border-radius: 3px; line-height: 1; text-align: center; width: 100%; padding: .45rem 0 .35rem; font-size: .925rem;}
.tmOfferBox .offerItem > span.tt {display: block; font-size: .875rem; color: #2c2c30; padding-left: .65rem;}

.poiItem .offerBox {padding: 0 .45rem .5rem; flex-grow: 1;}
.poiItem .offerBox .hotsales{font-size: 0.8rem; color: white; position: absolute; top: -13%;  left: 82%; background-color: #8d8d8d; padding: 0 5px; border-radius: 18px;}
.poiItem .offerBox .offerItem {border: 1px solid #ccc; margin-bottom: .5rem; border-radius: .5rem; padding: .35rem .75rem;}
.poiItem .offerBox .offerItem.active {background-color: #009342; border: 1px solid #009342;}
.poiItem .offerBox .offerItem:not(.active) {cursor: pointer;}
.poiItem .offerBox .offerItem .subtt {color: #4d4d4d; font-size: .725rem; font-weight: 500; margin-bottom: .25rem;}
.poiItem .offerBox .offerItem.active .subtt {color: #fefcda;}
.poiItem .offerBox .offerItem .tt {color: #000; font-size: .96rem; font-weight: 600;}
.poiItem .offerBox .offerItem.active .tt {color: #fff;}

.poiItem .btmBox .priceGroup {padding: 0 .65rem;}
.poiItem .btmBox .menuPrice {display: none;}
.poiItem .btmBox .menuPrice.active {display: block;}
.poiItem .btmBox .buttonRow {padding: 0 .65rem;}
.poiItem .btmBox .priceO {color: #009342; font-weight: 700;}
.poiItem .btmBox .priceO span {font-size: 2.2rem; line-height: 1.375rem;}
.poiItem .btmBox .priceO span span{font-size: 1.3rem;}
.poiItem .btmBox .priceO small {font-size: 1.375rem; letter-spacing: 0; line-height: 1;}
.poiItem .btmBox .priceO small:last-child {font-size: 1.1rem;}
.poiItem .btmBox .priceD {color: #f86e7e;}
.poiItem .btmBox .priceD span {font-size: 1.25rem; text-decoration: line-through; float: right; line-height: 1.5;}
.poiItem .btmBox .srvFeeTxt {font-size: .8rem; color: #a0a3a2; font-weight: 600;}
.poiItem .btmBox .btnGroup {padding: 0 .45rem; margin-top: .75rem;}
.poiItem .btmBox .menuBtn {display: none;}
.poiItem .btmBox .menuBtn.active {display: block;}
.poiItem .btmBox .btn {font-size: 1.55rem; color: #fff; background-color: #009342; line-height: 3rem; padding: 0 1.5rem .1rem; border-radius: .45rem; text-align: center; display: inline-block; vertical-align: middle; width: calc(100% - 3.15rem);}
.poiItem .btmBox .ShareBtn {display: inline-block; vertical-align: middle; width: 2.5rem; height: 2.5rem; background: url(../img/icons/share-btn.png) no-repeat center center / contain; margin-left: .35rem;}

.swiper-navs {width: 13rem; position: absolute; margin: auto; left: 0; right: 0; bottom: 2rem;}
.swiper-button-prev, .swiper-button-next {width: 35px!important;height: 35px!important;background-color: #fff;border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); opacity: .8;}
.swiper-button-prev {left: 5px!important;}
.swiper-button-next {right: 5px!important;}
.swiper-button-prev:after, .swiper-button-next:after {font-size: 16px!important; color: #707070!important; font-weight: 700;}

@media (min-width: 48em) {
  
}

@media (max-width: 48em) {
    
}

@media (max-width: 40em) {
    .poiItem .offerBox .hotsales{left: 84%;}
}





#section4 {position: relative; background-color: #ffbe99;}
#section4 .result_wrapper {padding: 0; position: relative; background: url(../img/poi-bg-pattern@2x.png); background-size: 9%;}
#section4 .result_wrapper .inner {padding-bottom: 4rem;}
#section4 .result-container {max-width: 90rem; margin: auto;}

@media (max-width: 48rem) {
    #section4 .result_wrapper .inner {}
  }

.mainCats {font-size: 0; position: absolute; z-index: 1; left: 0; bottom: calc(100% - 1px); width: 100%; display: block; text-align: center; margin: 0 auto; background: #fff; padding-top: .5rem;}
.mainCats .cat {display: inline-block; vertical-align: middle; position: relative; width: 300px; height: 75px; cursor: pointer; opacity: .5;}
.mainCats .cat.active {opacity: 1;}
.mainCats .cat > span {display: block; width: 100%; height: 100%;}
.mainCats .cat1 > span {background: url(../img/tabs/booking-tag1.png) no-repeat center center; background-size: auto 80%;}
.mainCats .cat2 > span {background: url(../img/tabs/booking-tag2.png) no-repeat center center; background-size: auto 80%;}

@media (max-width: 48rem) {
  .mainCats {display: block; margin-bottom: 0;margin-top: 0px;}
  .mainCats .cat {width: 45%; height: 50px; margin: 0 }
  .mainCats .cat1 {margin-right: 3%;}
  .mainCats .cat1 > span {background-size: auto 70%;}
  .mainCats .cat2 > span {background-size: auto 75%;}
}



.anchorNav {height: 160px; margin: 0px auto;text-align: center; padding: 120px 0 0;}
.anchorNav .container {-webkit-transition: all .2s; transition: all .2s; top: -80px; left: 0; text-align: center; font-size: 0; display: none;}
.anchorNav .container.active {display: block;}
.anchorNav.sticky .container {position: fixed; z-index: 5; width: 100%; max-width: 100%; top: -1px; -webkit-transition: all .2s; transition: all .2s; box-shadow: 0px 0px 6px 1px rgba(0,0,0,.2); background: rgba(255, 255, 255, 0.9)}
.anchorNav .filterBtn {display: inline-block; vertical-align: middle; position: relative; cursor: pointer; width: 200px; height: 80px; padding: 0; margin: 0 15px; transition: transform .3s ease;}
.anchorNav .filterBtn:hover {transform: scale(1.05);}
.anchorNav .filterBtn:before, .anchorNav .filterBtn:after {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.anchorNav .filterBtn:after {z-index: 2; opacity: 0; transition: transform .3s ease;}

#tap-1:before {background: url(../img/tabs/tab1-1.png) no-repeat center; background-size: contain;}
#tap-2:before {background: url(../img/tabs/tab1-2.png) no-repeat center; background-size: contain;}
#tap-3:before {background: url(../img/tabs/tab1-3.png) no-repeat center; background-size: contain;}
#tap-1:after {background: url(../img/tabs/tab1-1-on.png) no-repeat center; background-size: contain;}
#tap-2:after {background: url(../img/tabs/tab1-2-on.png) no-repeat center; background-size: contain;}
#tap-3:after {background: url(../img/tabs/tab1-3-on.png) no-repeat center; background-size: contain;}

#tap2-1:before {background: url(../img/tabs/tab2-1.png) no-repeat center; background-size: contain;}
#tap2-2:before {background: url(../img/tabs/tab2-2.png) no-repeat center; background-size: contain;}
#tap2-1:after {background: url(../img/tabs/tab2-1-on.png) no-repeat center; background-size: contain;}
#tap2-2:after {background: url(../img/tabs/tab2-2-on.png) no-repeat center; background-size: contain;}

.anchorNav .filterBtn.active:after {opacity: 1;}

@media (min-width: 769px) {
  .anchorNav.sticky .filterBtn {width: 160px;}
}

@media (max-width: 48rem) {
  .anchorNav {height: 115px; padding: 85px 0 0; position: relative; }
  .anchorNav .container {font-size: 0; width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; white-space: nowrap;overflow-y: scroll;-ms-overflow-style: none;scrollbar-width: none; padding: 25px 15px;}
  .anchorNav .container::-webkit-scrollbar {display: none;}
  .anchorNav .container.up {left: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
  .anchorNav.sticky .container {width:100%; padding: 15px;}
  .anchorNav .filterBtn {width: 135px; height: 50px; margin: 0 10px;}
}


#section4 .line-clamp-4 {height:calc(1em * 1.5 * 4);}
.poiList {margin: auto; font-size: 0; text-align: center; display: none;}
.poiList.active {display: block;}

@media (min-width: 769px) {
  .poiList {padding: 0;}
}

@media (max-width: 48rem) {
  #section4 .result-container {padding:1rem 15px 0 2rem; max-width: 32rem;}
} 





#booking .offerItem {box-shadow: 0px 1px 2px #ddd; position: relative; text-align: left; background-color: #fff; border-radius: 6px; overflow: hidden; border: 1px solid #dfdfdf;}
#booking .offerItem, #booking .offerItem p  {font-size: 1rem;line-height: 1.25;}
#booking .offerItem small {font-size: 0.9em;line-height: 1.5;}
#booking .offerItem .itemTop {padding: 6px 6px 10px; display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;box-sizing: content-box;position: relative;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;height: 200px;}
#booking .offerItem .itemTop .offerImg {display: inline-block;vertical-align: top;position: relative;height: 100%;-ms-flex: 1 0 auto;-webkit-box-flex: 0;-webkit-flex: 1 0 auto;flex: 1 0 auto;max-width: 100%; border-radius: 5px;}
#booking .offerItem .itemTop .badge {position: absolute;top: 10px;left: 15px;z-index: 3;}
#booking .offerItem .itemTop .badge > div {border-radius: 3px; font-weight: 600; display: inline-table; vertical-align: middle; text-align: center; font-size: 1.1em; line-height: 2; padding: 0 8px; letter-spacing: 0; margin-right: 3px;}
#booking .offerItem .itemTop .badge .bookBtnAm {background-color: #ffc600; color: #3f363b; padding: 0 6px;}
#booking .offerItem .itemTop .badge .bookBtnAm .asiaMile-icon {width: 17px;height: 17px; background: url(https://static5.orstatic.com/info/Booking_Offer_Campaign/img/asiamile-icon-yellow.png) no-repeat center center;background-size: cover; margin: -4px 0 0 0;display: inline-block;vertical-align: middle;}
#booking .offerItem .itemTop .badge .bookBtnDollar {background-color: #ffc600; color: #3f363b; padding: 0 6px;}
#booking .offerItem .itemTop .badge .bookBtnDollar .riceDollar-icon {width: 26px;height: 17px; background: url(https://static5.orstatic.com/info/global/img/icon-riceDollar.png) no-repeat center center;background-size: cover; margin: -4px 0 0 1px;display: inline-block;vertical-align: middle;}
#booking .offerItem .itemTop .badge .offerTxt {background-color: #008543; color: #fff;}
#booking .offerItem .itemTop .badge .offerTxt2 {position: relative;  padding: 0;}
#booking .offerItem .itemTop .badge .offerTxt2 span {margin: auto;display: table-cell;vertical-align: middle;font-size: .85em;color: #008543;line-height: 2.6; padding: 0 3px;}
#booking .offerItem .itemTop .badge .offerTxt2 span:first-child {background-color: #008543; border-radius: 3px 0 0 3px;color: #ffffff;padding: 0 8px;}
#booking .offerItem .itemTop .badge .offerTxt2 span:last-child {border-radius: 0 3px 3px 0;background-color: #ffffff;}
#booking .offerItem .itemTop .badge .bookBtnDollar {background-color: #ffc600; color: #3f363b; padding: 0 6px;}
#booking .offerItem .itemTop .badge .bookBtnDollar .riceDollar-icon {width: 26px;height: 17px; background: url(https://static5.orstatic.com/info/global/img/icon-riceDollar.png) no-repeat center center;background-size: cover; margin: -4px 0 0 1px;display: inline-block;vertical-align: middle;}

#booking .offerItem .itemBtm {padding: 0 15px;}
#booking .itemBtm .newJoin {margin-left: -2px;color: #f57144;border: 1px solid #f57144;border-radius: 3px;display: inline-block;margin: 0 3px 0 0;padding: 3px 7px 2px;font-size: 12px;line-height: 1;opacity: 1;}
#booking .itemBtm .orpay {margin-left: -2px;color: #000;border: 1px solid #ffc600;border-radius: 3px;display: inline-block;margin: 0 5px 0 0;padding: 3px 5px 2px;font-size: 12px; font-weight: 600; line-height: 1;opacity: 1; background-color: #ffc600;}
#booking .itemBtm>div {display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;width: 100%;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
#booking .offerItem .itemBtm .poiName {display: block;font-weight: 800; color: #000;padding: 5px 5px 5px 0;line-height: 1.5;font-size: 1.3em;}

#booking .offerDesc strong {color: #4e3e31; font-size: 17px;letter-spacing: .5px;display: block;padding-bottom:0.15em;}
#booking .offerItem .itemBtm small {font-size: 0.95em; color:gray;}
#booking .offerItem .itemBtm1, #booking .offerItem .itemBtm2 {display: block; width: 100%; margin-top: 0.2em; border-top: 1px dashed #ccc;}
#booking .offerItem .itemBtm1 {padding: 0.5em 1em;}
#booking .offerItem .itemBtm2 {padding: 0.5em 1em 0.65em;}
#booking .itemBtm2 p {color: #048544; font-weight: 800; }
#booking .itemBtm2 small span {border: 1px solid; padding: 0.1em 0.2em 0.15em 0.5em; margin-right: 0.5em; border-radius: 0.2em;}
#booking .itemBtm2 .customemark span, #booking .itemBtm2x .customemark > span {font-size: 14px;line-height: 1.8;font-weight: 400;letter-spacing: 1px; color: #000 ;display: block !important;border-top:1px solid #dfdfdf;padding-top: 0.5em;}
#booking.en .itemBtm2 .customemark span, #booking.en  .itemBtm2x .customemark span {letter-spacing: 0;}

#booking .offerItem .item2xDiv {padding: 0 15px;}
#booking .offerItem .item2xDiv .zz {margin: 0;position: relative;height: 12px;z-index: 1;}
#booking .offerItem .item2xDiv .zz:before, .offerItem .item2xDiv .zz:after {content: "";display: block;position: absolute;left: -15px;right: -15px;}
#booking .offerItem .item2xDiv .zz:before {height: 10px;top: 0%;background: linear-gradient(-135deg, #e8e8e8 6px, transparent 0) 0 6px, linear-gradient(135deg, #e8e8e8 6px, transparent 0) 0 6px;background-position: top left;background-repeat: repeat-x;background-size: 12px 12px;}
#booking .offerItem .item2xDiv .zz:after {height: 14px;top: -15%;background: linear-gradient(-135deg, #FFFFFF 6px, transparent 0) 0 6px, linear-gradient(135deg, #FFFFFF 6px, transparent 0) 0 6px;background-position: top left;background-repeat: repeat-x;background-size: 12px 12px;}
#booking .offerItem .itemBtm2x {padding: 10px 0; border-bottom: 2px dashed #e8e8e8;}
#booking .offerItem .itemBtm2x:last-child {border: none;padding-bottom: 2em;}
#booking .offerItem .itemBtm2x p {color: #000; font-size: 16px; letter-spacing: .5px; line-height: 1.8; margin-bottom: 5px;}
#booking .offerItem .itemBtm2x strong {display: block;color: #bd965d;font-size: 17px;}
#booking .offerItem .itemBtm2x .prices {position: relative;}
#booking .offerItem .itemBtm2x .prices .ptag {position: absolute; left: 0; top: 5px; border-radius: 5px; width: 70px; height: 20px;}
#booking.en  .offerItem .itemBtm2x .prices .ptag {left: 0; top: 3px; border-radius: 3px; width: 70px; height: 25px;}
#booking .offerItem .itemBtm2x .prices .ptag-1 {background: url(../images/special-choice.svg) no-repeat center center; background-size: contain;}
#booking.en  .offerItem .itemBtm2x .prices .ptag-1 {background: url(../images/special-choice-en.svg) no-repeat center center; background-size: contain;}
#booking .offerItem .itemBtm2x .prices .ptag-2 {background: url(../images/set-icon.svg) no-repeat center center; background-size: contain;}
#booking.en  .offerItem .itemBtm2x .prices .ptag-2 {background: url(../images/set-icon-en.svg) no-repeat center center; background-size: contain;}
#booking .offerItem .itemBtm2x .prices .op {color: #009245; font-size: 25px;font-weight: 800; margin-right: 8px; letter-spacing: -1px;margin-left:78px;}
#booking .offerItem .itemBtm2x .prices .dp {color: #ee4341; font-size: 14px; text-decoration: line-through;letter-spacing: -1px;}
#booking .offerItem .itemBtm2x .prices a {color: #666; font-size: 12px; display: block; letter-spacing: 1px; line-height: 1.8; padding: 0 5px; border-radius: 5px; position: absolute; top: 4px; right: 0; width: 70px; text-align: center; border: 1px solid #666;}
#booking .offerItem .itemBtm2x .customemark {padding:8px 0 10px; }
#booking .offerItem .itemBtm2x:not(:nth-child(2)) strong {display: none; }

#booking .offerItem .itemBtm3 {bottom: 20px; padding: 3px 15px 0; position: absolute; left: 0; width: 100%; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}
#booking .offerItem .itemBtm3 a.bookBtn {display: inline-block; border-radius: 5px; padding: 0 .8em; line-height: 2.5; font-size: 1.1em; text-align: center; font-weight: 600; color: #fff; background-color: #008543;}
#booking .offerItem .itemBtm3 > a.shareBtn {-ms-flex: 0 0 12%; -webkit-flex: 0 0 12%;flex: 0 0 12%; max-width: 12%; padding-bottom: 12%; background: url(../img/social-icons/share_button.svg) no-repeat center center; background-size: contain;}

@media (min-width:769px) {
    #booking .offerItem {width: 32%; display: inline-block; vertical-align: top; margin: 0 5px 15px; padding: 0 0 90px; max-width: 350px;}
}
@media (min-width:641px) {
    #booking .offerItem {margin: 0 0.5% 1em; padding: 0 0 75px;}
    #booking .offerItem .headfield {font-size: 11px;font-weight: 700;margin-bottom: 4px;position: absolute;bottom: 100%;left: 0;width: 100%;}
    #booking .offerItem .itemBtm2x .prices a:hover {background-color: #fffede;}
    #booking img.catListTTImg {max-width: 500px;}
    #booking .offerItem .itemBtm3 a.bookBtn:hover {background-color: #00d26a;}
}

@media (max-width:640px) {
    #booking .offerItem {padding: 0 0 15px;}
    #booking .offerItem, .offerItem p  {font-size: 1.15rem;}
    #booking .offerItem small {font-size: 1em;}
    #booking .offerItem .headfield {padding-left: 5px; position: absolute; bottom: 100%; left: 0; width: 100%; margin-bottom: 5px;}
    #booking .offerItem .item2xDiv {margin-bottom: 10px;}
    #booking .offerItem .itemBtm3 {position: relative; bottom: auto;padding: 1em 1em 0;}
    #booking .offerItem .itemTop .badge .bookBtnDollar .riceDollar-icon {background: url(https://static5.orstatic.com/info/global/img/icon-riceDollar@2x.png) no-repeat center center;background-size: cover;}
    #booking .offerItem .itemBtm3 > a.shareBtn {padding-bottom: 9%;}
}




  
  




#booking-extra {text-align: center; display: none;}
#booking-extra.active {display: block;}

#booking-extra .poi {display: inline-block; vertical-align: top; margin: 0 0.5% 1em; font-size: 1rem;width: 32%; max-width: 350px; background-color: #fff;border-radius: 6px; overflow: hidden; border: 1px solid #dfdfdf;}
#booking-extra .poi .vw {display: block;}
#booking-extra .poi .vw .v {display: none;}
#booking-extra .poi .vw .v.active {display: block;}
#booking-extra .poi .topImg {display: block; height: 200px; position: relative; padding: 6px 6px 0;}
#booking-extra .poi .topImg .v {height: 100%;}
#booking-extra .poi .topImg .img {height: 100%; border-radius: 5px; overflow: hidden;}
#booking-extra .poi .topImg .img:before {content: "";display: block;width: 100%;height: 100%;position: absolute;background: #ffffff;top: 0;left: 0;padding: 0;margin: 0;z-index: 99;}
#booking-extra .poi .topImg .v.active .img:before {-webkit-animation-name: fadeoutW; -webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-name: fadeoutW; animation-duration: 1s;animation-fill-mode: forwards;opacity: 1;}
#booking-extra .poi .topImg .badge {position: absolute; top: 10px; left: 10px; }
#booking-extra .poi .topImg .badge .am {font-size: 20px;background-color: #FBCF08; border-radius: 4px; text-align: center; padding: 0 8px; color: #222; letter-spacing: -1px; font-weight: 800;display: inline-block;}
#booking-extra .poi .topImg .badge .am > span {display: inline-block; vertical-align: middle; line-height: 2;font-weight: 800;}
#booking-extra .poi .topImg .badge .am .amIcon {width: 16px;height: 16px;background: url(../img/asiamile-icon.png) no-repeat center center;background-size: cover;}
#booking-extra .poi .topImg .badge .badgeIcon {display: inline-block; border-radius: 5px;overflow: hidden;vertical-align: middle;max-width: 39px;}
#booking-extra .poi .topImg .reminder {display:block;;padding:0.4em 1em;background-color: red;font-size:0.8em;color: white;line-height:1.4;position: absolute;bottom: 5%;right: 5%;border-radius: 50px;}
#booking-extra .poi .text {position: relative; text-align: left; padding: .75em 1.25em 1.5em; display: -ms-flexbox;display: -webkit-box;display: -webkit-flex; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; height: calc(100% - 200px);}
#booking-extra .poi .text .top {-ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
#booking-extra .poi .text .subtags {font-size: 0.9em; color: #8c8c8c; line-height: 1; margin: 0.6em 0 .75em;}
#booking-extra .poi .text .name {font-size: 1.5em; color: #000; font-weight: 800; line-height: 1.2; display: block; margin-bottom: .4em;}
#booking-extra .poi .text .offer_intro {margin-bottom: 1em;font-size:0.9em;line-height: 1.5;}
#booking-extra .poi .text .offerTT {position: relative;}
#booking-extra .poi .text .offerTT.extra {border-bottom: 1px dashed #ccc; padding-bottom: .85em; margin-bottom: .75em;}
#booking-extra .poi .text .offerTT .tag, #booking-extra .poi .text .offerTT .tag2 {font-size: 0.85em;line-height: 1.5;border-radius: 3px;border: 1px solid #000;color: #000;font-weight: 800;padding: 0.15em 0.45em 0.2em 0.6em;margin: 0 0.3em 0 0;position: relative;letter-spacing: 0.1em;vertical-align: text-bottom;}
#booking-extra .poi .text .offerTT.extra .tag, #booking-extra .poi .text .offerTT.extra .tag2  {border: 1px solid #00A25A; color: #00A25A;top:0;}
#booking-extra .poi .text .offerTT .tt, #booking-extra .poi .text .offerTT .tt2 {color: #000;font-weight: 800;font-size: 1.2em;margin-bottom: .4em;letter-spacing: 0.05em;line-height: 1.4;}
#booking-extra .poi .text .offerTT.extra .tt {color: #00A25A;font-size: 1em;}
#booking-extra .poi .text .offerTT.extra .tag2 {padding-top: 0; border: 1px solid rgb(229, 1, 1); background-color: rgb(229, 1, 1);color: rgb(255, 255, 255);}
#booking-extra .poi .text .offerTT.extra .tt2{color:rgb(229, 1, 1);font-size: 1em;}
#booking-extra .poi .text .btm {-ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; -ms-flex-align: end;-webkit-box-align: end;-webkit-align-items: flex-end; align-self: flex-end;}
#booking-extra .poi .text .vwPriceBtns {padding-top: 0.5em;padding-bottom: 0.2em;}
#booking-extra .poi .text .vwPriceBtns.vw1 {display: none;}
#booking-extra .poi .text .vwPriceBtns .Btn {cursor: pointer; font-size: 0.9em; text-align: center; border-radius: 4px; line-height: 1.9;border: 1px solid; color: #000; font-weight: 800; display: inline-block; vertical-align: top; margin-right: 0.25%; margin-bottom: .3em;padding: 0 0.8em;}
#booking-extra .poi .text .vwPriceBtns .Btn.active {color: #B90000; border-color: #B90000; cursor: default;}
#booking-extra .poi .text .prices {margin-top: .7em;}
#booking-extra .poi .text .prices .price {display: inline-block; vertical-align: bottom;margin-bottom: 0.5em;}
#booking-extra .poi .text .prices .price > span {display: inline-block; vertical-align: text-bottom; margin-right: .15em;}
#booking-extra .poi .text .prices .price .discount {color: #009245; font-size: 2.2em; position: relative; font-weight: 800; line-height: 1;}
#booking-extra .poi .text .prices .price .original {color: #ed1c24; font-size: .9em; display: block; padding-left: 2px; text-decoration: line-through; font-style: italic; display: inline-block;letter-spacing: -1px;}
#booking-extra .poi .text .desc p {font-size: 0.9em; color: #8a8a8a; -webkit-line-clamp : 3; max-height: calc(1em * 1.6 * 3); display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height: 1.6; overflow: hidden; text-overflow: ellipsis;}
#booking-extra .poi .text .desc ul {margin-top: .5em; padding-left: 1em;}
#booking-extra .poi .text .desc ul li {font-size: .75em; margin-bottom: .25em; color: #555;}
#booking-extra .poi .text .btns {display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; margin-top: 1em; }
#booking-extra .poi .text .btns > a {display: inline-block; border-radius: 5px; margin-top: 1em; border: 1px solid #008543; letter-spacing: 1px; padding: 0 .8em;line-height: 2.5;font-size: 1.1rem;text-align: center; font-weight: 600; -ms-flex: 0 0 42%; -webkit-flex: 0 0 42%;flex: 0 0 42%;max-width: 42%; transition: all .3s;}
#booking-extra .poi .text .btns > a:first-child {margin-right: 1%; color: #fff; background-color: #008543;}
#booking-extra .poi .text .btns > a:nth-child(2) {color: #008543;}
#booking-extra .poi .text .btns > a.shareBtn {-ms-flex: 0 0 12%; -webkit-flex: 0 0 12%;flex: 0 0 12%; max-width: 12%; padding-bottom: 12%; background: url(../img/social-icons/share_button.svg) no-repeat center center; background-size: contain; border: none;}
#booking .offerItem .itemTop .badge .bookBtnDollar {  background-color: #ffc600;  color: #3f363b;  border-radius: 3px;font-weight: 600;  display: inline-table;  vertical-align: middle;  text-align: center;  font-size: 1.1em;  line-height: 2;  padding: 0 8px;  letter-spacing: 0;  margin-right: 3px;}

@media (max-width: 768px) {
    #booking-extra .poi {width: 45%;}
}

@media (min-width: 769px) {
    #booking-extra .poi .text .btns > a:first-child:hover {background-color: #00d26a; border-color: #00d26a;}
    #booking-extra .poi .text .btns > a:nth-child(2):hover {background-color: #00d26a; border-color: #00d26a; color: #fff;}
}

@media (max-width: 680px) {
    #booking-extra .poi {margin: 0 0 1em; width: 100%;}
    #booking-extra .poi .text .tt { font-size: 1.3em; }
    #booking-extra .poi .text .btns > a.shareBtn {padding-bottom: 9%;}
} 

@media (max-width: 320px) {
    #booking-extra .poi .text .name {font-size: 1.3em;}
    #booking-extra .poi .text .offerTT .tt{font-size: 1.2em;}
    #booking-extra .poi .text .tt { font-size: 1.1em; }
    #booking-extra .poi .text .vwPriceBtns .Btn {margin-right: 0.5%;}
    #booking-extra .poi .text .offerTT .tag {top: -0.15em;font-size: 0.8em;}
    #booking-extra .poi .text .offerTT.extra .tag {top: -0.1em;}
}




#whatsappBox{max-width:140px;position:fixed;z-index:999;bottom:2rem;right:-200px;opacity:0;transition:all .3s ease-in-out;margin:auto}
#whatsappBox.show{right:1rem;opacity:1}
#whatsappBox img {-webkit-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.6));filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.6));}
@media screen and (max-width: 40em) {
    #whatsappBox img{width: 9rem;}
}


/*Smoke that Sheet*/
#steam1 {position: absolute; left: 60%; transform: translateX(-50%); bottom: 55%; z-index: 1; }
#anima1 { display: flex; justify-content: center;  }
#anima1 span { position:relative; bottom:-120px; margin: 0 2px 50px; min-width:8px; height:120px; background:white; border-radius:50%; animation: animate 3s linear infinite; opacity: 0; filter: blur(8px); animation-delay: calc(var(--i) * 1s); }
    
    @keyframes animate {
    0% { transform: translateY(0) scaleX(1); opacity: 0; }
    15% { opacity: 1; }
    50% { transform: translateY(-75px) scaleX(5); }
    95% { opacity: 0; }
    100% { transform: translateY(-150px) scaleX(10); } 
}