    body{
        overflow-x: hidden;
    }
    .topbar {
        position: relative;
        box-shadow: none;
        background: #ffffff;
        color: #9d8f66;
        font-size: 12px;
        padding: 0;
        height: 40px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .topbar a {
        color: #9d8f66;
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 30px;
        cursor: pointer;
    }
    .topbar .footer-ln-switch .links li:nth-child(2),
    .topbar .footer-ln-switch .links li:last-child
    {
        height: 18px;
    }
    .topbar .footer-ln-switch .links a {
        line-height: 20px;
    }

    .topbar a:hover {
        color: #9d8f66
    }

    .topbar i {
        color: #9d8f66;
        font-size: 14px;
        padding-left: 5px;
    }

    .topbar i:hover {
        color: #9d8f66 !important;
    }

    .topbar-inner {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 1260px;
        margin: 0 auto;
    }

    .topbar-inner .container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
        width: 100%;
        padding: 0;
    }

    .topbar-inner .container .block {
        display: inline-block;
        margin-left: 20px !important;
    }

    #nav_langdropdown01 .block-language-blocklanguage-interface {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

    #nav_langdropdown01 .dropdown-menu {
        min-width: 40px;
        padding-right: 20px;
        padding-bottom: 10px;
    }

    header .area-main-menu .navigation ul.gva_menu {
        position: static;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .all-text{
    font-size: 16px;
    font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
    }
    .all-text::after{
    content: '\f105';
    padding-left: 5px;
    color: rgba(92, 93, 93, .5);
    font-size: 17px;
    font-family: "Cormorant Garamond","FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
    }

    @media screen and (min-width:1600px) and (max-width: 2000px){
        #award-slide .award-page{
            position: absolute;
            bottom: 10%;
            left: 190px !important;
            padding-left: 0;
        }
        #award-slide2 .award-page{
            position: absolute;
            bottom: 13% !important;
            left: 170px !important;
            padding-left: 0;
        }
    }
    @media screen and (min-width:1450px) and (max-width: 1600px){
        #award-slide .award-page{
            position: absolute;
            bottom: 35px;
            left: 120px !important;
            padding-left: 0;
        }
        #award-slide2 .award-page{
            position: absolute;
            bottom: 14% !important;
            left: 135px !important;
            padding-left: 0;
        }
    }
    @media screen and (min-width:1400px) and (max-width: 1450px){
        #award-slide2 .award-page{
            position: absolute;
            bottom: 14% !important;
            left: 135px !important;
            padding-left: 0;
        }
    }
    @media screen and (min-width:1280px) and (max-width: 1400px){
        #award-slide2 .award-page{
            position: absolute;
            bottom: 14% !important;
            left: 140px !important;
            padding-left: 0;
        }
    }
    @media screen and (min-width:1023px) and (max-width: 1280px){
        #award-slide .award-page{
            position: absolute;
            bottom: 9% !important;
            left: 100px !important;
            padding-left: 0;
        }
        #award-slide2 .award-page{
            position: absolute;
            bottom: 13% !important;
            left: 100px !important;
            padding-left: 0;
        }
    }
    @media screen and (min-width:992px) and (max-width: 1023px){
        #award-slide .award-page{
            position: absolute;
            bottom: 6% !important;
            left: 85px !important;
            padding-left: 0;
        }
        #award-slide2 .award-page{
            position: absolute;
            bottom: 13.5% !important;
            left: 100px !important;
            padding-left: 0;
        }
    }
    @media screen and (min-width:992px) and (max-width: 1080px) {
        #header .sticky-wrapper {
            height: 55px !important;
        }
        .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a {
            width: 50% !important;
        }
        .paragraph--type--paragraph-advanced-caption-grid  .grid-text-4 .caption-icon{
            margin-right: 0 !important;
        }
        .paragraph--type--paragraph-advanced-caption-grid  .grid-text-4 .caption-title{
            padding-left: 10px !important;
            max-width: 155px !important;
        }
        
        .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret{
            width: 100px !important;
            height: 50px !important;
            right: calc(-100% - 30px) !important;
            top: -10px !important;
            z-index: 999;
        }
        .specialoffer-bg {
            background-size: 100% 47vw;
        }
        header .area-main-menu .navigation ul.gva_menu {
            position: static;
            width: 100%;
            display: block;
            justify-content: space-between;
        }

        .header-main .forweb {
            display: none !important;
        } 

        .header-main .formobile {
            display: block !important;
        } 

        .formobile .hidden-md {
            display: block !important;
        }
        
        /* ---- start ---- 導航欄樣式 */
        .topbar{
            display: block !important;
            /* position: absolute;
            top: 36%;
            right: 5%; */
            /* width: 10%; */
            /* margin: 0  20% 0 79%; */
            z-index: 1000;
            background: transparent !important;
        }
        .topbar-inner {
            padding-top: 18px;
        }
        .menu-bar{
            margin-top: 20px !important;
            background: transparent;
        }
        .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a{
            font-size: 14px !important;
            font-weight: 400 !important;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        }
        div#block-sjmsupremecardentrance{
            display: block !important;
            transform: translateY(-103vh);
            transition: transform 0.35s;
            opacity: 0;
        }
        #block-sjmsupremecardentrance.show-view{
            display: block !important;
            transform: translate(15px,-20px);
            transition: transform 0.35s;
            opacity: 1;
        }
        .formobile .topbar .top-ln-switch {
            display: none !important;
            transform: translate(0,-103vh);
            transition: all .35s;
            opacity: 0;
            pointer-events: none;
        }
        .formobile .topbar .top-ln-switch.show-view{
            display: block !important;
            transform: translate(15px,-20px);
            transition: all 0.35s;
            opacity: 1;
            pointer-events: auto;
        }
        .header-main-inner .branding{
            margin: 15px 0 0;
            display: flex;
            justify-content: flex-end;
        }
        .hidden-branding{
            justify-content: center !important;
        }
        .site-branding-logo img{
            max-height: 42px !important;
            transform: translateX(30px);
        }
        .p-static{
            display: flex;
            justify-content: flex-start;
            padding-left: 5%;
        }
        .stuck.header-main{
            height: 55px;
        }
        .close-offcanvas .menu-bar{
            right: 15px;
            z-index: 9999;
        }
        .gva_menu_main{
            padding-left: 0 !important;
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        .gva-offcanvas-mobile .block .block-content{
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .gva-offcanvas-mobile .gva-navigation .gva_menu>li{
            padding-left: 15px;
            /* padding-right: 20px */
        }
        /* 切换语言文字csss */
        .nav-item-last{
            display: flex;
            justify-content: space-between;
            height: 50px;
            padding-left: 10px;
        }
        .nav-item-lang{
            display: flex;
            line-height: 15px;
            font-size:12px;
            font-weight: 300;
        }
        .nav-item-lang a{
            padding: 0 10px;
            color: #9D8F66 !important;
        }
        .nav-item-lang a:first-child{
            padding: 0 10px 0 0;
        }
        .top-ln-switch .formobile .footer-ln-switch{
            float: initial !important;
            position: absolute;
            top: 415px;
            /* left: 15%; */
            right: 69vw;
        }
        .top-ln-switch .formobile .footer-ln-switch ul {
            display: flex;
        }
        /* .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu .icaret{
            display: block !important;
        } */
        .gva-offcanvas-mobile .gva-navigation .gva_menu {
            margin-left: 0 !important;
        }
        .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu {
            margin-left: 0 !important;
        }
        /* supremecard样式 */
        .nav-item-supremecard {
            display: block;
            /* width: 100vw; */
            width: 97vw;
            height: 72px !important;
            padding: 0px 0 0 15px !important;
            position: absolute;
            top: 350px;
            /* left: 8%; */
            right: -16vw;
            margin-top: -35px;
            z-index: 999;
        }
        .supremecard_img {
            position: absolute;
            width: 100%;
            height: 72px;
        }
        .nav-item-card{
            height: 72px;
            /* background-image: url(../images/supremecard_mobile_bg.png); */
            background-size: cover;
        }
        .nav-item-card-view {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 15px 10px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .nav-item-card-title {
            color: #dfbf93;
            font-size: 14px;
            font-weight: 600;
            line-height: 17px;
            font-family: "Cormorant Garamond", "Noto Sans HK", "Noto Sans SC", sans-serif;
            text-transform: none;
        }
        .nav-item-card-text {
            width: 80%;
            color: #fff;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        } 

    /* ---- end ---- 導航欄樣式 */

    /* book-now */
    .book-now #block-mainnavigation,
    .book-now https://www.98957kf.cc{
        display: none;
    }
    .book-now #block-glroombooking{
        display: block;
        position: fixed;
        bottom: 0;
        /* top: auto; */
        height: auto;
        width: 100vw;
        left: 0;
        background: #fff;
        margin-bottom: -1px !important;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        /* transition: all 0.2s ease; */
    }
    .book-now #block-glroombooking .gl-btn{
            display: block !important;
            width: auto;
            padding: 0;
            font-weight: 500;
            margin: 0 15px;
            /* margin: 16px 14px !important; */
            height: 42px;
            background-color: #9d8f66;
            color: #fff;
            border: 1px solid #9d8f66;
            line-height: 24px !important;
            /* transition: all 0.3s ease; */
    }
    /* .book-now #block-glroombooking .Header_book_one{ */
    .book-now #block-glroombooking .forweb{
        margin: 16px 14px !important;
    }
    #block-glroombooking .gl-btn:hover {
        color: #9d8f66 !important;
        background: #a8996e;
    }
    .book-now #block-glroombooking .gl-btn:hover {
        color: #fff !important;
        background: #a8996e;
    }
    .formobile .area-inner .gva-offcanvas-mobile #block-glroombooking{
        display: none !important;
    }
    .calendar_disabled {
        color: #ccc !important;
    }
    .calendar_selected {
        background: #9d8f66 !important;
        color: #fff !important;
    }
    .calendar_in_range {
        background: #FFF9ED !important;
        color: #333333;
    }
    #special-offers .splide__arrow--prev{
        left: -2em;
    }
    #special-offers .splide__arrow--next{
        right: -2em;
    }
    .Map_wrap_section01 {
        width: 100%;
        max-width: 1260px;
        margin: 0 auto;
        padding:20px 15px 20px 30px;
    }
    .formobile .hidden-branding.branding {
        z-index: 999;
    }
    .header-main-inner .formobile .p-static .branding{
        display: none;
    }
    }


    /* mobile css */
    @media screen and (max-width:991px) {
        header .area-main-menu .navigation ul.gva_menu {
            position: static;
            width: 100%;
            display: block;
            justify-content: space-between;
        }
        :root {
            --vh: 1vh; /* 设置默认的 --vh 值 */
        }
        .py-8{
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        body{
            /* height: calc(var(--vh,1vh) * 100); */
            /* overflow-x: hidden; */
            /* overflow-y: auto; */
        }
        /* ---- start ---- 導航欄樣式 */
        .topbar{
            display: block !important;
            /* position: absolute;
            top: 36%;
            right: 5%; */
            width: 10%;
            margin: 0  20% 0 80%;
            z-index: 1000;
            background: transparent !important;
            padding-right:5px !important; 
        }
        .formobile .hidden-branding.branding {
            z-index: 999;
        }
        .header-main-inner .formobile .p-static .branding{
            display: none;
        }
        .topbar-inner {
            padding-top: 13px;
        }
        .menu-bar{
            margin-top: 20px !important;
            background: transparent;
        }
        .gva-offcanvas-mobile .gva-navigation .gva_menu>li>a{
            font-size: 14px !important;
            font-weight: 400 !important;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        }
        div#block-sjmsupremecardentrance{
            display: block !important;
            transform: translateY(-103vh);
            transition: transform 0.35s;
            opacity: 0;
        }
        #block-sjmsupremecardentrance.show-view{
            display: block !important;
            transform: translate(15px,-20px);
            transition: transform 0.35s;
            opacity: 1;
        }
        .formobile .topbar .top-ln-switch {
            display: block !important;
            transform: translate(0,-103vh);
            transition: all .35s;
            pointer-events: none;
        }
        .formobile .topbar .top-ln-switch.show-view{
            display: block !important;
            transform: translate(15px,-20px);
            transition: all 0.35s;
            pointer-events: auto;
        }
        .header-main-inner .branding{
            margin: 15px 0 0;
            display: flex;
            justify-content: flex-end;
        }
        .hidden-branding{
            justify-content: center !important;
        }
        .site-branding-logo img{
            max-height: 42px !important;
        }
        .p-static{
            display: flex;
            justify-content: flex-start;
            margin-left: 25px;
            width: 28% !important;
        }
        #header .sticky-wrapper {
            height: 55px !important;
            position: relative;
            z-index: 1002;
        }
        .stuck.header-main{
            height: 55px;
        }
        .close-offcanvas .menu-bar{
            right: 15px;
            z-index: 9999;
        }
        .gva_menu_main{
            padding-left: 0 !important;
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        .gva-offcanvas-mobile .block .block-content{
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        .gva-offcanvas-mobile .gva-navigation .gva_menu>li{
            padding-left: 15px;
            padding-right: 8px;
        }
        /* 切换语言文字csss */
        .nav-item-last{
            display: flex;
            justify-content: space-between;
            height: 50px;
            padding-left: 10px;
        }
        .nav-item-lang{
            display: flex;
            line-height: 15px;
            font-size:12px;
            font-weight: 300;
        }
        .nav-item-lang a{
            padding: 0 10px;
            color: #9D8F66 !important;
        }
        .nav-item-lang a:first-child{
            padding: 0 10px 0 0;
        }
        .top-ln-switch .formobile .footer-ln-switch{
            float: initial !important;
            position: absolute;
            top: 440px;
            /* left: 15%; */
            right: 57vw;
        }
        .top-ln-switch .formobile .footer-ln-switch ul {
            display: flex;
        }
        /* .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu .icaret{
            display: block !important;
        } */
        .gva-offcanvas-mobile .gva-navigation .gva_menu {
            margin-left: 0 !important;
        }
        .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu {
            margin-left: 0 !important;
        }
        /* supremecard样式 */
        .nav-item-supremecard {
            display: block;
            /* width: 100vw; */
            width: 93vw;
            height: 72px !important;
            padding: 0px 0 0 4px !important;
            position: absolute;
            top: 350px;
            /* left: 8%; */
            right: -5vw;
            margin-top: 10px;
            z-index: 999;
        }
        .supremecard_img {
            position: absolute;
            width: 100%;
            height: 72px;
        }
        .nav-item-card{
            height: 72px;
            /* background-image: url(../images/supremecard_mobile_bg.png); */
            background-size: cover;
        }
        .nav-item-card-view {
            position: absolute;
            width: 100%;
            height: 100%;
            padding: 15px 10px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .nav-item-card-title {
            color: #9D8F66;
            font-size: 14px;
            font-weight: 600;
            line-height: 17px;
            font-family: "Cormorant Garamond", "Noto Sans HK", "Noto Sans SC", sans-serif;
            text-transform: none;
        }
        .nav-item-card-text {
            width: 80%;
            color: #fff;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        } 

    /* ---- end ---- 導航欄樣式 */

    /* book-now */
    .book-now #block-mainnavigation,
    .book-now https://www.98957kf.cc{
        display: none;
    }
    .book-now #block-glroombooking{
        display: block;
        position: fixed;
        bottom: 0;
        /* top: auto; */
        /* height: auto; */
        width: 100vw;
        left: 0;
        background: #fff;
        margin-bottom: -1px !important;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        /* transition: all 0.2s ease; */
    }
    .book-now #block-glroombooking .gl-btn{
            display: block !important;
            width: auto;
            padding: 0;
            font-weight: 500;
            height: 36px;
            margin: 16px 14px;
            background-color: #9D8F66;
            color: #fff;
            border: none;
            line-height: 35px !important;
            font-size: 14px;
            /* transition: all 0.3s ease; */
            letter-spacing: 1px;
    }
    .book-now #block-glroombooking .gl-btn:hover{
        color: #fff !important;
        background: #a8996e;
    }
    #block-glroombooking .gl-btn:hover {
        color: #fff !important;
        background: #a8996e;
    }
    .formobile .area-inner .gva-offcanvas-mobile #block-glroombooking{
        display: none !important;
    }
    
        
        /* ------ start ---- homepage頁面 */
    #home4{
            /* padding-top: 45px !important; */
            padding-bottom: 0 !important;
        }
        /* #home3 {
            padding-top: 20px;
            padding-bottom: 0;
        } */
        #home5 .mb-9 {
            margin-bottom: 0 !important;
        }
        .gl-subtitle{
            font-size: 14px !important;
            line-height: 16px !important;
            font-weight: 400;
            font-family: Lato !important;
        }
        #center-caption .gl-title{
            margin-bottom: 10px !important;
        }
        .gl-title{
            font-family: Cormorant Garamond;
            font-size: 22px !important;
            font-weight: 400 !important;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: center;
        }
        .text-center .gl-title{
            font-size: 22px !important;
            font-weight: 400 !important;
            line-height: 24px !important;
            margin-bottom: 10px !important;
            padding-left: 0px;
            padding-right: 0px;
            text-align: center !important;
        }
        .paragraph--type--paragraph-center-caption .text-center .gl-title{
            font-weight: 500 !important;
        }
        .gl-text{
            font-size: 14px !important;
            line-height: 21px !important;
            font-weight: 400 !important;
            font-family: Lato !important;  
            margin: 0 15px;
            text-align: center !important;
        }
        #block-awardslidehompage .container-full{
            padding-top: 0px !important;
            padding-bottom: 0 !important;
        }
        .block-awardslidehompage #award-slide .splide__arrows {
            display: block;
        }

        .home-page-context {
            padding-top: 20px !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
            padding-left: 14px;
            padding-right: 14px;
        }
        /* .home-page-context .post-block:first-child{
            padding-left: 0px !important;
            padding-right: 20px !important;
        } */
        .home-page-context .post-block{
            padding-top: 20px !important;
            padding-bottom: 20px !important;
            height: auto !important;
            margin: 0 15px !important;
            padding-left: 0px !important;
            /* padding-right: 20px !important; */
        }
        .first-splide .post-block{
            padding-right: 20px !important;
        }
        .home-page-contex1 .post-block{
            padding-top: 0 !important;
        }
        .home-page-contex1{
            padding-top: 30px !important;
        }
        .home-page-context .col-md-8 .keen-slider_type {
            /* top: 225px; */
            top: calc(100% - 15px);
            height: 30px;
        }
        .home-page-context .keen-slider_type
        {
            top: 263px;
            height: 30px;
        }
        .home-page-context .col-md-8 .keen-slider_type img
        {
            width: 27px !important;
        }

        .home-page-contex1 .keen-slider_type
        {
            margin-right: 14px !important;
        }
        .home-page-contex1 .keen-slider_type img
        {
            width: 27px !important;
        }
        .home-page-context .page-img{
            height: 249px;
        }
        .home-page-context .post-block .highlightname,
        .home-page-context .post-block .p-5 .highlightname
        {
            font-family: Cormorant Garamond;
            font-size: 16px;
            font-style: italic;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: left;
            height: 24px;
            margin: 0 !important;
        }
        .home-page-context .post-block .highlightsum,
        .home-page-context .post-block .p-5 .highlightsum
        {
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 500;
            line-height: 18px;
            letter-spacing: 0em;
            text-align: left;
            color: #5C5D5D;
            height: auto;
        }
        .home-page-context .post-block .p-5 .highlightmore{
            margin-top: 20px !important;
        }
        .home-page-context .post-block .learnmore,
        .home-page-context .post-block .p-5 .highlightmore a {
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 20px;
            margin-top: 15px !important;
        }
        #award-slide .learnmore {
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
        }
        .learnmore a::after{
            background-size: 15px;
        }
        .home-page-context .p-5{
            padding: 20px 20px 0 0 !important;
        }
        .post-block .mb-5{
            height: auto !important;
        }
        .paragraph--type--paragraph-image-caption.paragraph{
            /* padding-top: 45px !important; */
            /* padding-bottom: 0 !important; */
        }
        .paragraph--type--paragraph-image-caption .row{
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .paragraph--type--paragraph-image-caption .row .col-md-8 .col-md-4{
            text-align: center;
        }
        .paragraph--type--paragraph-image-caption .row .col-md-8 .col-md-4 img{
            width: 158px;
            height: 158px;
        }
        .paragraph--type--paragraph-image-caption .col-md-8 .gl-title{
            font-family: Cormorant Garamond;
            font-size: 22px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: center !important;
            margin-bottom: 15px !important;
        }
        .paragraph--type--paragraph-image-caption .col-md-8 .gl-text{
            margin: 0 14px !important;
        }
        .paragraph--type--paragraph-image-caption .col-md-8 .gl-text p{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400 !important;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
        }
        .paragraph--type--paragraph-image-caption .col-md-8 .gl-text p:first-child{
            color: #9d8f66;
        }


    .award-card-2 .award-card, 
    .award-card-1 .award-card{
            width: 90% !important;
            height: 270px !important;
            right: 5% !important;
            top: 50% !important;
            padding: 16px 20px 30px 20px !important;
        }
        .award-photo .pull-left{
            width: 100% !important;
        }
        .award-subtitle{
            font-size: 14px !important;
            line-height: 16px !important;
        }
        .award-goldtitle{
            font-size: 20px !important;
            line-height: 24px !important;
            margin-bottom: 10px !important;
        }
        .award-body{
            font-size: 12px !important;
            line-height: 21px !important;
            font-family: Lato !important;
            font-weight: 500 !important;
            margin-bottom: 15px !important;
        }
        #award-slide .splide__pagination
        {
            left: calc((100% - 26px) / 2);
            top: 91%;
            padding: 0;
            display: block;
        }
        #award-slide2 .splide__pagination
        {
            display: block !important;
            left: 41% !important;
            top: 91%;
        }
        #award-slide .award-page,
        #award-slide2 .award-page
        {
            display: none;
        }
        .award-photo{
            width: 100% !important;
        }
        .award-photo img{
            width: 100% !important;
            /* height: 100%; */
            aspect-ratio: 4 / 3;
            object-fit: cover;
        }
        #award-slide .splide__arrow,
        #award-slide2 .splide__arrow
        {
            width: 50px;
            background: transparent !important;
        }
        #award-slide .splide__arrow--prev
        /* #award-slide2 .splide__arrow--prev */
        {
            left: 34% !important;
        }
        #award-slide .splide__arrow--prev,
        #award-slide .splide__arrow--next,
        #award-slide2 .splide__arrow--prev,
        #award-slide2 .splide__arrow--next
        {
            top: 94% !important;
        }
        #award-slide .splide__arrow span,
        #award-slide2 .splide__arrow span
        {
            font-size: 20px !important;
        }
        #award-slide .splide__list .award-photo{
            height: calc(100vw / 1.333);
        }
        /* #award-slide .learnmore, */
        #award-slide2 .learnmore
        {
            display: none;
        }
        #award-slide2 .splide__arrows{
            color: #5C5D5D;
        }
        #award-slide2 .splide__arrow{
            border: none;
            background: transparent;
            position: absolute;
        }
        #award-slide .award-page,
        #award-slide2 .award-page{
            position: absolute;
            bottom: 25px;
        }
        #award-slide2 .award-card, 
        #award-slide .award-card{
            width: 90% !important;
            height: 330px !important;
            right: 5% !important;
            top: 45% !important;
            padding: 16px 20px 30px 20px !important;
        }
        .award-page{
            display: flex;
        color: #5C5D5D !important;
            font-family: "Cormorant Garamond","FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif !important;
        }
        .owl-carousel .owl-dots .owl-dot.active{
            background: transparent !important;
            transform: scale(1.4);
        }
        .owl-dots .owl-dot{
            width: 100% !important;
            height: 30px !important;
            margin: 0 auto;
        display: none !important;
        color: rgba(92, 93, 93, 0.8) !important;
        font-family: "Cormorant Garamond","FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif !important;
        }
        .owl-dots .active{
            display: block !important;
        }
        .owl-carousel .owl-nav>div{
            color: #5C5D5D !important;
            font-size: 12px !important;
        }
        .owl-nav{
            display: block !important;
            opacity: 1 !important;
        }
        .owl-carousel .owl-nav.disabled>div.owl-prev{
            left: 30% !important;
        }
        .owl-carousel .owl-nav.disabled>div.owl-prev i,
        .owl-carousel .owl-nav.disabled>div.owl-next i{
            font-weight: 600 !important;
        }
        .owl-carousel .owl-nav.disabled>div.owl-next{
            right: 27.5% !important;
        }
        .owl-dots .owl-dot span{
            font-size: 12px;
            font-weight: 600;
        }
        /* more */
        .Index_info_row_more{
            text-align: center;
            width: 100%;
            color: #9d8f66;
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
            /* text-decoration: underline; */
            /* margin-top: 12px; */
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        }
        /* special offer */
        .paragraph--type--paragraph-share-content-block .container{
            padding-left: 0;
            padding-right: 0;
        }
        .paragraph--type--paragraph-share-content-block .so-title{
            font-size: 22px;
            line-height: 24px;
            font-weight: 400;
            margin-bottom: 15px !important;
        }
        .paragraph--type--paragraph-share-content-block .splide__wrapper{
            /* padding-top: 45px; */
            padding-bottom: 0;
        }
        #block-awardsliderestaurantsandbars .py-8{
            padding-bottom: 45px !important;
            padding-bottom: 0 !important;
        }
        #special-offers{
            margin-bottom: 65px;
        }
        /* #more-rooms .splide__track{
            height: 305px;
        } */
        #more-rooms .room-learnmore{
            margin-bottom: 5px;
        }
        #more-rooms .room-learnmore .so-learnmore{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
            margin-top: 15px !important;
        }
        #hotel-amenities .splide__pagination,
        #more-rooms .splide__pagination,
        #special-offers .splide__pagination,
        #other-meeting .splide__pagination
        {
            display: block !important;
            left: 43%;

        }
        #special-offers .splide__pagination__page.is-active {
            background-color: #5F6060;
        }
        #hotel-amenities .splide__pagination .splide__pagination__page,
        #special-offers .splide__pagination .splide__pagination__page,
        #award-slide .splide__pagination .splide__pagination__page,
        #award-slide2 .splide__pagination .splide__pagination__page,
        #other-meeting .splide__pagination .splide__pagination__page,
        #offere .splide__pagination .splide__pagination__page,
        #hotel .splide__pagination .splide__pagination__page
        {
            display: none;
            width: 20px;
            height: 20px;
            background-color: transparent;
            font-family: Cormorant Garamond;
            font-size: 12px;
            font-weight: 600;
            line-height: 15px;
            letter-spacing: 0.1em;
            text-align: left;
            color:#5C5D5D !important;
            opacity: 1;
            z-index: 999;
            text-align: center;
        }
        #more-rooms .splide__pagination .splide__pagination__page
        {
            display: none;
            background-color: transparent;
            font-family: Cormorant Garamond;
            font-size: 16px;
            opacity: 1 !important;
            font-weight: 600;
            line-height: 22px;
            width: 30px;
            height: 20px;
            letter-spacing: 0.1em;
            text-align: center;
        }
        #special-offers .splide__pagination .splide__pagination__page.is-active,
        #award-slide .splide__pagination .splide__pagination__page.is-active,
        #award-slide2 .splide__pagination .splide__pagination__page.is-active,
        #more-rooms .splide__pagination .splide__pagination__page.is-active,
        #hotel-amenities .splide__pagination .splide__pagination__page.is-active,
        #other-meeting .splide__pagination .splide__pagination__page.is-active,
        #offere .splide__pagination .splide__pagination__page.is-active,
        #hotel .splide__pagination .splide__pagination__page.is-active
        {
            display: block;
            border-radius: 0 !important;
        }

        #special-offers .splide__slide img{
            aspect-ratio: 4 / 3;
        }
        #special-offers .splide__arrow, 
        #more-rooms .splide__arrow,
        #hotel-amenities .splide__arrow,
        #other-meeting .splide__arrow
        {
            height: 20px !important;
            top: calc(100% + 25px) !important;
            background: transparent !important;
            box-shadow: none !important;
        }
        #special-offers .splide__arrow svg
        {
            width: 10px !important;
            height: 10px !important;
            fill: #5c5d5d !important;
        }
        #more-rooms .splide__arrow .arrow-icon,
        #hotel-amenities .splide__arrow .arrow-icon,
        #other-meeting .splide__arrow .arrow-icon
        {
            font-size: 13px;
            color: #5c5d5d !important;
        }
        #hotel-amenities,#more-rooms{
            margin-bottom: 35px;
        }
        #special-offers .splide__arrow--prev,
        #more-rooms .splide__arrow--prev,
        #hotel-amenities .splide__arrow--prev,
        #other-meeting .splide__arrow--prev
        {
            left: 25% !important;
        }
        #special-offers .splide__arrow--next,
        #more-rooms .splide__arrow--next,
        #hotel-amenities .splide__arrow--next,
        #other-meeting .splide__arrow--next
        {
            right: 25% !important;
        }

        .paragraph--type--paragraph-share-content-block .splide__arrows{
            display: none;
        }
        #special-offers .splide__arrows,
        #more-rooms .splide__arrows,
        #hotel-amenities .splide__arrows,
        #other-meeting .splide__arrows
        {
            display: block !important;
        }
        #award-slide .splide__arrows{
            display: block;
        }
        #award-slide2 .splide__arrows{
            display: block;
        }
        .paragraph--type--paragraph-first-banner.paragraph{
            padding-bottom: 0 !important;
        }
        .field--name-field-photo-mobile img {
            width: 100%;
            aspect-ratio: 1 / 1;
        }
        .paragraph---home-banner img{
            aspect-ratio: 4 / 5;
        }
        #slick-paragraph-paragraph-slide-paragraph-slider-image-default-662-2 .slick__arrow{
            display: none;
        }
        #gva-view-grid .item-columns .mb-7 {
            margin-bottom: 45px !important;
        }
        #other-meeting .card{
            box-shadow: none;
            margin-bottom: 0 !important;
        }
        .paragraph--type--paragraph-share-content-block .specialoffer-bg{
            background-position: top;
            background-size: 100% 68vw;
            background-repeat: no-repeat;
            margin-top: 0 !important;
        }
        .field--name-field-paragraph-2nd-text{
            padding-left: 14px;
        }
        .field--name-field-paragraph-3rd-text{
            padding-left: 14px;
        }
        .paragraph--type--paragraph-grid-4-caption{
            padding-top: 45px;
            padding-left: 14px;
            padding-right: 14px;
            padding-bottom: 0 !important;
        }
        .paragraph--type--paragraph-grid-4-caption .grid-subtitle{
            /* padding-left: 14px; */
            font-size: 12px !important;
            line-height: 18px;
        }
        .paragraph--type--paragraph-grid-4-caption .field--name-field-paragraph-3rd-text{
            padding-left: 0 !important;
        }
        #block-hotelhighlights .so-subtitle{
            color: #5C5D5D;
            text-align: center;
            font-family: Lato, Garamond,"FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px; /* 109.091% */
            text-transform: uppercase;
            margin-bottom: 10px !important;
        }
        .paragraph--type--paragraph-grid-4-caption .grid-content .field--name-field-paragraph-2nd-text{
            padding-left: 0px;
        }
        .field--name-field-paragraph-2nd-text p{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: left;
        }
        .grid-content{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            color: #5C5D5D;
        }
        .field--name-field-paragraph-left-text ul li {
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: left;
        }
        #special-offers .highlightmore{
            line-height:20px;
        }
        .highlightmore a::after,
        .learnmore a::after
        {
            background-size: 13px !important;
        }

        /* offers */
        #offer2{
            padding-top: 25px !important;
            padding-bottom: 0 !important;
        }
        /* #block-awardslideoffersandpromotion .container-full, */
        /* .offer-select{
            padding-top: 45px !important;
            padding-bottom: 0 !important;
        } */
        .offer-select.pt-5{
            padding-top: 16px !important;
            padding-left: 14px;
            padding-right: 14px;
        }
        .offer-select.portfolio-filter{
            margin-top: 10px;
            margin-bottom: 20px !important;
        }
        .offer-select.portfolio-filter .nav-tabs{
            width: 98%;
            white-space: nowrap;
            display: flex;
            overflow-y: hidden;
            overflow-x: auto;
        }
        .offer-select.portfolio-filter .nav-tabs::-webkit-scrollbar{
            display: none;
        }
        .offer-select .gl-title{
        font-weight: 400 !important;
        }
        .offer-select .viewtop-btn{
            font-size: 14px;
            line-height: 30px;
            font-weight: 700;
        }
        .offer-select.portfolio-filter ul.nav-tabs>li>a{
            font-size: 14px;
            line-height: 30px;
            font-weight: 300;
            padding: 8px 15px !important;
        }
        .offer-select.portfolio-filter ul.nav-tabs>li>a:hover{
            font-size: 14px;
            line-height: 30px;
            font-weight: 700;
            padding: 8px 15px !important;
        }
        .offer-select.portfolio-filter ul.nav-tabs>li>a.active{
            font-size: 14px;
            line-height: 30px;
            font-weight: 700;
            padding: 8px 15px !important;
            background-color: transparent;
        }
        .offer-select .nav>li>a:hover,.offer-select .nav>li>a:focus{
            background-color: transparent;
        }
        .offer-select .gva-portfolio-items .pl-4{
            padding-left: 20px !important;
            padding-top: 20px !important;
            padding-bottom: 20px !important;
            padding-right: 20px !important;
        }
        .offer-select .gva-portfolio-items .isotope-items .mb-7{
            margin-bottom: 25px !important;
        }
        /* .offer-select .gva-portfolio-items .isotope-items .mb-7:last-child{
            margin-bottom: 0px !important;
        } */
        .offer-select .gva-portfolio-items .italic-title{
            font-size: 16px;
            font-weight: 700;
        }
        .offer-select .gva-portfolio-items .offer-content{
            margin-bottom: 15px !important;
        }
        .offer-select .gva-portfolio-items .offer-text{
            font-size: 11px;
            line-height: 15px;
            font-weight: 500;
        }
        .offer-select .gva-portfolio-items .learnmore{
            font-size: 11px;
            line-height: 14px;
            font-weight: 400;
        }
        .room-learnmore a::after{
            background-size: 14px !important;
        }
        .offer-select .gva-portfolio-items .learnmore a::after{
            height: 12px;
        }

        /* Accommodation */
        #accommodation-text{
            padding-top: 25px !important;
            padding-bottom: 0 !important;
        }
        #accommodation-text .gl-title{
            margin-bottom: 10px !important;
        }
        /* #block-awardslideaccomodation{ 
            padding-top: 45px !important;
        } */
        #block-awardslideaccomodation .container-full{
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        /* .paragraph--type--paragraph-share-content-block .splide__wrapper, */
        /* #block-hotelamenitiesshareslide .splide__wrapper, */
        /* #block-moreroomsshareslide .splide__wrapper
        {
            padding-top: 45px !important;
            padding-bottom: 0px !important;
        } */
        #block-hotelamenitiesshareslide {
            padding-bottom: 1px !important;
        }
        #block-moreroomsshareslide {
            padding-bottom: 1px !important;
        }
        #block-othermeetingandbanquetsshareslide .splide__wrapper{
            padding-top: 0px !important;
            padding-bottom: 45px !important;
        }
        #block-othermeetingandbanquetsshareslide .so-title{
            margin: 0 auto 20px;
            width: 50%;
        }
        #block-othermeetingandbanquetsshareslide .so-title
        #block-hotelamenitiesshareslide .so-title,
        #block-moreroomsshareslide .so-title
        {
            font-size: 22px;
            line-height: 24px;
            font-weight: 400;
            margin-bottom: 15px !important;
            width: 50%;
        }
        .paragraph--type--paragraph-slideshow .slick .slick__arrow{
            display: none;
        }
    
        .paragraph--type--paragraph-share-content-block .so-gold-title,
        #block-othermeetingandbanquetsshareslide .so-gold-title,
        #block-hotelamenitiesshareslide .so-gold-title,
        #block-moreroomsshareslide .so-gold-title
        {
            font-size: 18px;
            line-height: 24px;
            font-weight: 600;
            margin-top: 20px !important;
            overflow:hidden;
            text-overflow:ellipsis;
            /* white-space:nowrap; */
            padding-top: 0 !important;
            height: auto;
            font-family: Cormorant Garamond;
            font-style: italic;
        }
        #special-offers .so-gold-title{
            height: 48px !important;
            margin-top: 0px !important;
            padding-top: 20px !important;
            margin-bottom: 0 !important;
        }
        #special-offers .so-item .so-img{
            min-width: 260px;
        }
        .paragraph--type--paragraph-share-content-block .so-date-range{
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            margin-bottom: 10px !important;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3; /* 要显示的行数 */
            -webkit-box-orient: vertical;
            padding-bottom: 0px !important;
            margin-bottom: 15px !important;
        }
        .paragraph--type--paragraph-share-content-block .splide__slide a
        #block-othermeetingandbanquetsshareslide .splide__slide a
        {
            color: #9D8F66;
        }
        /* #block-specialoffersshareslide{
            padding-top: 45px;
            padding-bottom: 0;
        } */
        /* #block-specialoffersshareslide .splide__arrows, */
        #block-othermeetingandbanquetsshareslide .splide__arrows
        {
            display: none;
        }
        #block-specialoffersshareslide .splide__slide a:last-child:after{
            background: url(../image/learn-more-arrow.svg);
            content: "";
            width: 18px;
            height: 15px;
            display: inline-block;
            background-repeat: no-repeat;
            margin-left: 10px;
            margin-top: 2px;
            background-position: center;
            position: absolute;
        }
        .back-img{
            background-position: right top;
            background-size: 100% 85.5%;
            background-repeat: no-repeat; 
        }
        .Phase2_common_wrap_more{
            width: 100%;
            max-width: 1260px;
            margin:10px auto;
            display: flex;
            gap: 30px;
            justify-content: flex-end;
            align-items: center;
            }
        .Phase2_common_wrap_more .more-link{
            margin-top: 0 !important;
        }
        .Phase2_common_wrap_more .more-link a{
            border: none !important;
        }
        .Phase2_common_wrap_more .Phase2_common_more a{
            text-transform: uppercase;
            font-size: 12px;
            color: #4d4e4e;
            line-height: 24px;
            letter-spacing: 1px;
            padding: 5px 25px 5px 0;
        }
        .Phase2_common_wrap_more .Phase2_common_more a::after{
            content: "\f105";
            width: 18px;
            height: 21px;
            display: inline-block;
            background-repeat: no-repeat;
            font-family: "Cormorant Garamond","FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif !important;
        }
        /* our server */
        .our-services.py-8{
            padding-top: 45px !important;
            padding-bottom: 0 !important;
        }
        .our-services .row {
            margin: 0 !important;
            padding: 0 15px;
        }
        .our-services .service-title {
            font-size: 22px;
            line-height: 24px;
            font-weight: 400;
            margin-bottom: 20px !important;
        }
        .servers{
            display: flex;
            height: auto !important;
            margin-bottom: 25px !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
        .servers:last-child{
            margin-bottom: 0 !important;
        }
        .servers img{
            width: 50px;
            height: 50px;
            margin: 0;
        }
        .server-text{
            height: auto !important;
            padding-left: 0;
            padding-right: 0;
            flex: 1;
        }
        .our-services .service-subtitle{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 15px;
            letter-spacing: 0em;
            text-align: left;
            height: auto;
            padding-left: 15px;
            color: #5C5D5D;
        }
        .our-services .service-text{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 11px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0em;
            text-align: left;
            padding: 4px 0 0 15px !important;
        }
        /* room-detail */
        .paragraph--type--paragraph-advanced-caption-grid{
            /* padding-top: 45px !important; */
            padding-top: 10px !important;
            padding-bottom: 0 !important;
        }
        .paragraph--type--paragraph-advanced-caption-grid .grid-title{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 0em;
            text-align: center;
            margin-bottom: 15px !important;
        }

        .paragraph--type--paragraph-advanced-caption-grid .caption-icon img{
            width: 22px !important;
        }
        .room-menu-icon::before {
            content: '\f107' !important;
        }
        .paragraph--type--paragraph-advanced-caption-grid .caption-content,
        .paragraph--type--paragraph-advanced-caption-grid .caption-title{
            font-family: Lato !important;
            font-size: 14px !important;
            font-weight: 400 !important;
            line-height: 28px !important;
            letter-spacing: 0em;
            text-align: left;
        }
        /* .paragraph--type--paragraph-advanced-caption .col-md-12{
            padding-left: 0 !important;
        } */
        .paragraph--type--paragraph-advanced-caption-grid  .grid-text-4{
            padding-left: 0;
        }
        .paragraph--type--paragraph-advanced-caption-grid .caption-content ul{
            margin-left: 28px;
            margin-right: 20px;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .body_android .paragraph--type--paragraph-advanced-caption-grid .caption-content ul{
            margin-left: 25px;
            margin-right: 20px;
        }
        .paragraph--type--paragraph-8icons-roomdetails .room-detail .col-md-3 .detail-title{
            padding-left: 0 !important;
        }
        #slick-paragraph-paragraph-slide-paragraph-slider-image-default-652-2 .slide__content div {
            aspect-ratio: 1 / 1;
        }
        .dining-view.accommodation-list .room-title{
            margin-bottom: 10px !important;
            font-size: 18px;
        }
        .dining-view.accommodation-list .room-learnmore {
            margin-top: 10px !important;
        }
        #block-hotelamenitiesshareslide .container,
        #block-moreroomsshareslide .container{
            margin-bottom: 0 !important;
        }
        #block-hotelamenitiesshareslide .container a,
        #block-moreroomsshareslide .container a{
            font-size: 12px;
            color: #4d4e4e;
            line-height: 24px;
        }
        /* #block-hotelamenitiesshareslide .container .so-title,
        #block-moreroomsshareslide .container .so-title{
            flex: 50%;
            text-align: center;
            width: 50%;
            margin: 0 auto;
        } */
        #block-moreroomsshareslide  .splide__slide .p-4 a,
        #block-moreroomsshareslide .splide__arrows{
            display: none;
        }
        #block-moreroomsshareslide  .splide__slide .p-4 {
            padding: 12px 15px !important;
        }
        #block-moreroomsshareslide  .splide__slide .so-gold-title{
            margin: 0 !important;
        }
    #block-moreroomsshareslide .splide__slide .morerooms-text{
            height: 0;
            font-size: 12px !important;
            font-weight: 400 !important;
            line-height: 0;
            opacity: 0;
            transition: all 0.3s ease;
            margin-bottom: 0 !important;
    }
    #block-moreroomsshareslide .splide__slide .room-learnmore{
        height: 0;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 0;
        opacity: 0;
        transition: all 0.3s ease;
        margin-bottom: 0 !important;
    }
    #block-moreroomsshareslide .splide__slide.is-active .room-learnmore{
        opacity: 1;
        height: auto;
        line-height: normal;
        margin-bottom: 5px !important;
    }
    #block-moreroomsshareslide .splide__slide.is-active .morerooms-text{
        opacity: 1;
        height: auto;
        line-height: normal;
        margin-bottom: 5px !important;
    }
    #block-moreroomsshareslide .splide__slide.is-active .morerooms-text{
        height: auto;
        line-height: 16px;
        opacity: 1;
        margin-bottom: 5px !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        transition: all 0.5s ease;

    }
    #block-moreroomsshareslide  .is-active .morerooms-text p{
        text-overflow: ellipsis;
        /* display: -webkit-box; */
        display: block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    #more-rooms .splide__slide{
        transform: translateY(8%) !important;
        transition: all 0.3s ease;
        margin: 0 7.5px;
    }
    #more-rooms .is-active{
        transform:  translateY(0%) !important;
        transition: all 0.3s ease;
    }
    #more-rooms .card .p-3{
        padding: 8px 14px 5px !important;
    }
    /* more-rooms标题箭头 */
    /* #more-rooms .card .so-gold-title div::after{
        background: url(../image/learn-more-arrow.svg);
        content: "";
        width: 18px;
        height: 21px;
        display: inline-block;
        background-repeat: no-repeat;
        margin-left: 10px;
        background-position: center;
        position: absolute;
        right: 20px;
    } */
    #more-rooms .splide__slide .card .p-3>a:last-child{
        display: none;
    }
    #hotel-amenities .splide__arrows{
        display: none;
    }
    #hotel-amenities .card{
        margin-bottom: 0 !important;
        box-shadow: none !important;
    }
    #hotel-amenities .splide__pagination{
        display: block;
        left: 43%;
    }
    #more-rooms .splide__pagination{
        display: block;
        left: 42%;
    }
    #more-rooms .splide__pagination .splide__pagination__page,
    #hotel-amenities .splide__pagination .splide__pagination__page,
    #offere .splide__pagination .splide__pagination__page
    {
        display: none;
        border-radius: 0 !important;
    }
    #more-rooms .splide__pagination .splide__pagination__page.is-active,
    #hotel-amenities .splide__pagination .splide__pagination__page.is-active
    {
        display: block ;
        background: transparent !important;
        font-family: 'Cormorant Garamond';
    }
    /* center-caption */
    .paragraph--type--paragraph-center-caption .mb-5{
        margin-bottom: 15px !important;
    }
    /* .paragraph--type--paragraph-center-caption .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    } */
    .paragraph--type--paragraph-center-caption .gl-text{
        padding-left: 14px !important;
        padding-right: 14px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 12px;
    }
    /* center-image */
    #center-image.paragraph--type--paragraph-center-image {
        padding-top: 25px;
        /* padding-bottom: 10px !important; */
    }
    /* grid-3-caption */
    #grid-3caption.paragraph--type--paragraph-grid-3-caption{
        padding-top: 25px;
        padding-bottom: 0 !important;
        padding-left: 29px;
        padding-right: 29px;
    }
    .paragraph--type--paragraph-grid-3-caption .col-md-4{
        text-align: left !important;
    }
    .paragraph--type--paragraph-grid-3-caption .grid-title{
        margin-bottom: 0 !important;
    }
    .paragraph--type--paragraph-grid-3-caption .col-md-4 .mb-4 {
        margin-bottom: 14px !important;
    }
    .paragraph--type--paragraph-grid-3-caption .col-md-4  .grid-subtitle{
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 18px !important;
    }
    .paragraph--type--paragraph-grid-4-caption .grid-content{
        padding-left: 14px !important;
        line-height: 18px;
    }
    .paragraph--type--paragraph-grid-3-caption .col-md-4  p{
        font-size: 14px !important;
        font-weight: 400;
        line-height: 28px ;
        color: #5C5D5D !important;
    }
    #grid-4-image .col-md-3 img{
        width: auto;
        height: 120px;
    }

    #grid-4-image .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    /* grid-4-image-text */
    #grid-4-image.paragraph--type--paragraph-grid-4-image-text {
        /* padding-top: 45px !important; */
        /* padding-bottom: 0 !important; */
        padding-left: 20px;
        padding-right: 20px; 
    }
    .paragraph--type--paragraph-grid-4-image-text .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .paragraph--type--paragraph-grid-4-image-text .row .col-md-3 {
        /* flex: 50%; */
    }
    .paragraph--type--paragraph-grid-4-image-text .grid-title{
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 15px;
    }
    .paragraph--type--paragraph-grid-4-image-text .col-md-3 .mb-4{
        height: auto !important;
        margin-bottom: 15px !important;
    }
    .paragraph--type--paragraph-grid-4-image-text .col-md-3 .mb-4 p {
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: center;
        color: #5C5D5D;
    }
    /* .paragraph--type--paragraph-views-reference .container{
        display: flex;
    } */
    .paragraph--type--paragraph-views-reference .container .lg-block-grid-3 .room-script{
        /* display: none; */
    }
    .paragraph--type--paragraph-grid-3-image{
        padding-top: 45px !important;
        padding-bottom: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .paragraph--type--paragraph-grid-3-image .grid-title{
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
        margin-bottom: 15px !important;
    }
    .paragraph--type--paragraph-grid-3-image .row{
        display: flex;
        justify-content: space-between;
    }
    #grid-4-image .col-md-3 .mb-4{
        margin-bottom: 5px !important;
    }
    #grid-4-image .row .col-md-4 .mb-4{
        margin-bottom: 15px !important;
    }
    .paragraph--type--paragraph-grid-3-image .row .text-center .mb-3{
        margin-bottom: 15px !important;
    }
    .paragraph--type--paragraph-grid-3-image .row .text-center img{
        width: 45px;
        height: 45px;
    }

    .paragraph--type--paragraph-grid-3-image .row .text-center .grid-3-image-text,
    .paragraph--type--paragraph-grid-3-image .row .text-center .grid-3-image-text,
    .paragraph--type--paragraph-grid-3-image .row .text-center .grid-3-image-text
    {
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0em;
        text-align: center;
        color: #5C5D5D;
    }
    .field--name-field-paragraph-left-content p{
        font-weight: 400;
    }
    .gva-offcanvas-mobile .gva-navigation .gva_menu>li ul.menu.sub-menu li a{
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
    }
    /* floor-plan */
    .paragraph--type--paragraph-grid-2-floor-plan.paragraph{
        padding-top: 45px;
        padding-bottom: 0 !important;
        padding-left: 14px;
        padding-right: 14px;
    }
    .paragraph--type--paragraph-grid-2-floor-plan img{
        width: 18px;
        height: 16px;
    }
    .paragraph--type--paragraph-grid-2-floor-plan span{
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0em;
        text-align: left;
    }
    .paragraph--type--paragraph-advanced-caption .caption-image img{
        width: auto;
        max-width: 100% !important;
        height: auto !important;
    }
    .all-text{
        font-size: 11px;
        font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
    }
    .all-text::after{
        content: '\f105';
        padding-left: 5px;
        color: rgba(92, 93, 93, .5);
        font-size: 15px;
        font-family: "Cormorant Garamond","FontAwesome", "Noto Sans HK", "Noto Sans SC", sans-serif;
    }
    .paragraph--type--paragraph-8icons-roomdetails{
        padding-left: 20px;
        padding-right: 20px;
    }
    .paragraph--type--paragraph-8icons-roomdetails .col-md-3{
        margin-bottom: 15px;
    }

        /* footer */
        #footer {
            margin-bottom: 70px;
            margin-top: 0px;
        }
    #footer .footer-top .text-center img {
        width: auto !important;
        height: 35px;
        margin: 20px 0 0;
        padding:  0 !important;
    }
    /* #footer .footer-top .container .text-center:first-child img{
        transform: scale(1.5)
    } */
    #footer .footer-top .container .text-center:last-child img{
        transform: scale(1.2)
    }
    #footer hr {
        margin-top: 20px ;
        margin-bottom: 20px;
    }
    #footer .footer-top .container .row{
            display: flex;
            padding: 0 20px !important;
    }
    #footer .footer-top .container .row .text-center img{
        margin: 0;
    }
    #footer .footer-top .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #footer .footer-top .container .row .text-center{
        margin-bottom: 0 !important;
        height: 35px;
        }
        #block-footergroup .text-center.mt-2-5{
            margin-top: 0 !important;
        }
        #block-footerhotels .text-center.mt-2-5{
            margin-top: 0 !important;
        }
        #footer .field--name-field-footer-title {
            position: relative;
        }
        
        #footer .footer-center .formobile .title-footer::before {
            content: "\f107";
            font-family: "FontAwesome";
            position: absolute;
            right: 50px;
            top: 0;
            transition: all .1s linear .1s;
            font-size: 18px
        }
        .footer-menu-icon.title-footer::before {
            transform: rotate(180deg);
        }
        /* .footer-first a, */
        /* .footer-second a, */
        /* .footer-third a, */
        .footer-four .text-footer {
            width: 100%;
            display: block;
            text-decoration: none;
            padding-left: 30px !important; /* 调整箭头与文字之间的距离 */
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-weight: 400 !important;
        }
        .footer a{
            font-weight: 400 !important;
        }
        .footer-center .block{
            margin-bottom: 0px;
        }
        #footer .formobile #block-explore .title-footer,
        #footer .formobile #block-about .title-footer,
        #footer .formobile #block-partnerhotels .title-footer,
        #footer .formobile #block-reservations .title-footer,
        #footer .formobile #block-explore .ul-footer,
        #footer .formobile #block-about .ul-footer,
        #footer .formobile #block-partnerhotels .ul-footer,
        #footer .formobile #block-reservations .text-footer
        {
            padding: 0px 30px 4px;
            margin-bottom: 0px !important;
            font-family: Cormorant Garamond;
            font-size: 14px;
            font-weight: 700 !important;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: left;
        }
        #footer .formobile #block-reservations .text-footer{
            display: none;
        }
        #block-reservations{
            margin-bottom: 20px;
        }
        .copyright-inner .formobile .language-switcher-language-url {
            display: none;
        }
        .copyright{
            padding: 0 14px;
        }
        .copyright-inner .footer-fifth{
            display: none;
        }
        .copyright-inner #block-languageswitcher{
            display: none;
        }
        .follow-us{
            display: flex;
            gap: 20px;
            justify-content: center;
            align-items: center;
            padding-bottom: 15px;
        }
        .follow-us img{
            height: 20px;
            width: auto;
        }
        #block-copyright {
            margin: 0 auto;
        }
        #block-copyright .field--type-text-with-summary p{
            text-align: center;
            font-size: 11px;
            line-height: 15px;
        }
            
        /* Grid 2 Caption */
        .paragraph--type--paragraph-grid-2-caption.paragraph {
            margin-top: 25px !important;
            margin-bottom: 20px !important;
            padding-left: 0px;
            padding-right: 0px;
        }
        .paragraph--type--paragraph-grid-2-caption .grid-title{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 18px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: 0em;
            text-align: center;
            margin-bottom: 15px !important;
            
        }
        .paragraph--type--paragraph-grid-2-caption .col-md-6 {
            margin-bottom: 10px;
        }
        .paragraph--type--paragraph-grid-2-caption .col-md-6:last-child{
            margin-bottom: 0;
        }
        .paragraph--type--paragraph-grid-2-caption .grid-subtitle{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 30px;
            padding-right: 30px;
        }
        .paragraph--type--paragraph-grid-2-caption .grid-content{
            padding-left: 30px;
            padding-right: 30px;
            line-height: 18px;
        }
        .paragraph--type--paragraph-grid-2-caption .col-md-6 ul{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 28px;
            letter-spacing: 0em;
            text-align: left;
            color: #5C5D5D;
            padding-left: 20PX;
            margin-bottom: 0 !important;
        }


        .view-content-wrap {
            padding-left: 15px;
            padding-right: 15px;
        }
        .view-content-wrap .post-block .col-md-8 img {
            aspect-ratio: 4 / 3;
            
        }
        .view-content-wrap .post-block .col-md-4 > div:first-child{
            padding: 15px 20px 20px 14px !important;
        }
        .view-content-wrap .post-block .col-md-4 .room-title,
        .gva-view-grid-inner .post-block  .room-title,
        .post-block  .room-title
        {
            font-family: Cormorant Garamond;
            font-size: 18px;
            font-style: italic;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: left;
            margin-bottom: 5px !important;
        }
        .view-content-wrap .post-block .col-md-4 .room-script{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 500;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
            margin-bottom: 15px !important;
        }
        .view-content-wrap .post-block .col-md-4 .room-learnmore{
            margin-top: 15px;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
            margin-top: 15px !important;
            margin-bottom: 0 !important;
        }
        
        .caption-content-hide.caption-content.policy-advanced {
            padding-left: 7px !important;
        }


        .body_android .caption-content-hide.caption-content.policy-advanced {
            padding-left: 2px !important;
        }

        .node--type-accommodation .caption-content-hide.caption-content.policy-advanced {
            padding-left: 13px !important;
        }

        .node--type-accommodation .caption-content-show.caption-content.policy-advanced {
            padding-left: 13px !important;
        }
        

        /* center_button */
        .paragraph--type--paragraph-center-button {
            padding-top: 20px !important;
            padding-bottom: 0 !important;
        }
        .paragraph--type--paragraph-center-button .text-center {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .Center-Button.pb-8{
            padding-top: 10px;
            padding-bottom: 0 !important;
            margin: 0 14px;
        }
        .center-button{
            font-size: 14px !important;
            line-height: 36px !important;
            height: 36px;
            padding: 0 !important;
            margin: 0 14px !important;
            letter-spacing: 1px !important;
            width:calc(100% - 28px) !important;
        }
        .center-button:hover{
            background: #877754;
        }
        .center-button a{
            font-size: 14px !important;
            line-height: 16px !important;
        }
        .center-button a:hover{
            color: #fff;
        }

        /* view owl */
        .owl-carousel .owl-dots{
            margin-top: 20px !important;
            margin-bottom: 20px;
        }
        .post-highlight{
            margin-bottom: 15px !important;
        }
        .post-highlight .mb5{
            margin-bottom: 15px !important;
        }
        .owl-prev,.owl-next{
            top: calc(100% + 30px) !important;
        }
        .highlightname {
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            height: 24px;
            letter-spacing: 0em;
            text-align: left;
            /* padding-left: 20px; */
            margin-top: 15px;
        }
        .highlightsum {
            font-size: 12px;
            font-weight: 500;
            line-height: 18px;
            height: auto;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 20px;
            margin-top: 0 !important;
            margin-bottom: 15px !important;
        }
        /* .highlightmore {
            font-size: 11px;
            font-weight: 400;
            line-height: 13px;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 20px;
        } */
        .sclick .slick__slide .slick__arrow{
            display: none;
        }
        .card-text,.main-text{
            padding: 14px 20px 20px 14px !important;
        }
        .card-text {
            background: #fff;
            box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px, rgba(0, 0, 0, 0.15) 0px 0px 5px;
        }
        .post-block .main-text{
            padding: 14px 14px 20px !important;
        }
        .post-block .main-text .room-title{
            margin-bottom: 5px !important;
        }
        .card-text .room-script,
        .main-text .room-script
        {
            height: auto !important;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: 0em;
            text-align: left;
            margin-bottom: 15px !important;
            /* overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical */
        }
        .card-text .room-learnmore,
        .main-text .room-learnmore
        {
            margin-top: 15px;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
            margin-top: 15px !important;
            margin-bottom: 0 !important;
        }
        .main-text .mb-2,
        .main-text .mb-5
        {
            display: flex;
            margin-bottom: 0 !important;
        }
        .main-text .mb-2 .mr-3{
            width: 13px;
            height: 24px;
            margin-right: 12px !important;
        }
        /* .field--name-field-paragraph-content, */
        .field--name-field-paragraph-content dl
        {
            padding-left: 14px;
            padding-right: 14px;
        }
        .field--name-field-paragraph-content p{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0em;
            text-align: left;
        }
        .field--name-field-paragraph-content dl ul{
            font-size: 12px;
            font-weight: 400;
            line-height: 21px;
            text-align: left;
        }
        #slick-paragraph-paragraph-slide-paragraph-slider-image-default-672-2 .slick__slide .media{
            height: calc(100vw);
        }
        .portfolio-filter{
            padding-left: 14px;
            padding-right: 14px;
        }
        .field--name-field-paragraph-footer-text .pt-5{
            padding-left: 14px;
        }
        .field--name-field-paragraph-footer-text .pt-5 div,
        .field--name-field-paragraph-header-text .pt-5 div
        {
            padding-bottom: 3px !important;
        }
        .gva-portfolio-items{
            padding-left: 14px;
            padding-right: 14px;
        }
        .gva-portfolio-items .post-block .italic-title{
            margin-bottom: 5px !important;
            height: auto;
            font-family: Cormorant Garamond;
            font-size: 18px;
        }
        .gva-portfolio-items .post-block .offer-content{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            height: auto !important;
        }
        .gva-portfolio-items .post-block .offer-text{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            margin-bottom: 0 !important;
            display: flex;
        }

        .main-text .room-detail,
        .room-detail
        {
            /* overflow: hidden; */
            /* text-overflow: ellipsis; */
            /* white-space: nowrap; */
            font-weight: 500 !important;
        }
        .post-highlight .mb-5{
            margin-bottom: 0 !important;
        }
        .paragraph--type--paragraph-views-reference .mb-5{
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom:  0 !important;
        }
        .paragraph--type--paragraph-views-reference .mb-5 .mb-1{
            margin-bottom: 0px !important;
        }
        .paragraph--type--paragraph-views-reference .card-text .mb-5 .mb-1,
        .paragraph--type--paragraph-views-reference .main-text .mb-5 .mb-1,
        .post-block .main-text .mb-1
        {
            display: flex;
            align-items: flex-start;
            margin-bottom: 5px !important;
        }
        .paragraph--type--paragraph-views-reference .card-text .mb-5 .mb-1 img,
        .paragraph--type--paragraph-views-reference .main-text .mb-5 .mb-1 img,
        .post-block .main-text .mb-1 img
        {
            width: 12px;
            height: 20px;
        }
        .paragraph--type--paragraph-views-reference .mb-5 .mb-1 .mr-3,
        .paragraph--type--paragraph-views-reference .mb-5 .mr-3
        {
            margin-right: 12px !important;
            width: 12px;
        }
        .paragraph--type--paragraph-views-reference .item  .container {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .item-columns .mb-7 {
            margin-bottom: 30px !important;
        }
        .item-columns .accommodation-view{
            margin-top: 20px;
            margin-bottom: 0px !important;
        }
        .gva-view-grid-inner .item-columns .post-block{
            margin-bottom: 30px !important;
        }
        .section-title {
            font-size: 22px !important;
            line-height: 24px !important;
            font-weight:400 !important;
            margin-bottom: 15px;
        }
        .owl-stage-outer{
            padding-left: 15px;
        }
        .init-carousel-owl .owl-stage-outer .owl-item>.item {
            padding-left: 15px !important;
            padding-right: 0 !important;
        }
        .init-carousel-owl .owl-stage-outer .award-subtitle{
            font-size: 14px;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 20px;
            margin-top: 10px;
            color: #5C5D5D;
        }
        .init-carousel-owl .owl-stage-outer .award-goldtitle{
            font-size: 20px;
            font-weight: 600;
            line-height: 22px;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 20px;
        }
        .init-carousel-owl .owl-stage-outer .award-body{
            font-size: 12px;
            font-weight: 500;
            line-height: 18px;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 20px;
            margin-top: 10px;
            color: #5C5D5D;
        }
        .init-carousel-owl .owl-stage-outer .learnmore{
            font-size: 11px;
            font-weight: 400;
            line-height: 13px;
            letter-spacing: 0em;
            text-align: left;
            padding-left: 20px;
            margin-top: 10px;
        }
        .init-carousel-owl .owl-stage-outer .award-page{
            display: none;
        }
        .award-page{
            font-size: 12px !important;
            font-weight: 600 !important;
        }
        .fa-angle-left, .fa-angle-right{
            font-size: 20px !important;
        }

        /* 固定轮播图片宽高 */
        #more-rooms .splide__slide img
        {
            width: 100%;
            height: auto;
        }
        #more-rooms .field--name-field-learn-more1,
        #more-rooms .field--name-field-learn-more2,
        #more-rooms .field--name-field-learn-more3,
        #more-rooms .field--name-field-learn-more4,
        #more-rooms .field--name-field-learn-more5,
        #more-rooms .field--name-field-learn-more6
        {
            display: none;
        }
        #hotel-amenities .splide__slide img
        #special-offers .splide__slide img
        {
            width: 257px;
            height: 193px;
        }
        #special-offers .so-category{
            width: auto;
            top: calc(100% - 15px) !important;
            right: 0 !important;
            height: 30px !important;
            font-size: 14px !important;
            font-weight: 400;
            min-width: 170px;
        }
        #special-offers .so-category img{
            width: 27px !important;
            height: 27px !important;
            aspect-ratio: 1 / 1;
        }
        .calendar_disabled {
            color: #ccc !important;
        }
        .calendar_selected {
            background: #9d8f66 !important;
            color: #fff !important;
        }
        .calendar_in_range {
            background: #FFF9ED !important;
            color: #333333;
        }
        .highlight-background .owl-item .post-highlight img{
            width: 100%;
            aspect-ratio: 4 / 3;
        }
        #special-offers a {
            color: #9d8f66 !important;
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            display: contents;
        }
        .highlight-background .owl-item .post-highlight .highlightname{
            font-family: Cormorant Garamond;
            font-size: 16px;
            font-style: italic;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: left;
            height: 24px;
            margin:15px 0 0 !important;
            padding-left: 0 !important;
        }
        .highlight-background .owl-item .post-highlight .highlightsum{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 12px;
            font-weight: 500;
            line-height: 18px;
            letter-spacing: 0em;
            text-align: left;
            color: #5C5D5D;
            height: 72px;
            margin: 0 0 15px !important;
            padding-left: 0 !important;
        }
        .highlight-background .owl-item .post-highlight .highlightmore a{
            font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
            font-size: 11px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: 0em;
            text-align: left;
            /* padding-left: 20px; */
        }
        .paragraph--type--paragraph-center-caption .row{
            margin-left: 0 !important;
            margin-right: 0 !important;
            /* padding-left: 14px; */
            /* padding-right: 14px; */
        }
        .paragraph--type--paragraph-file-list {
            padding-left: 14px;
            padding-right: 14px;
        }
        .paragraph--type--paragraph-advanced-caption .caption-hide-desc {
            /* margin-left: auto !important; */
            height: 24px !important;
            width: 30px !important;
            line-height: 24px;
        }

        .node--type-accommodation .paragraph--type--paragraph-advanced-caption .caption-hide-desc {
            /* margin-left: auto !important; */
            height: 24px !important;
            width: 30px !important;
            line-height: 30px;
        }
        .paragraph--type--paragraph-advanced-caption .caption-hide-desc .fa-angle-down:before{
            font-size: 20px;
        }
        .paragraph--type--paragraph-slideshow-mobile .slick-arrow {
            background-repeat: no-repeat;
        }
        .paragraph--type--paragraph-slideshow-mobile .slick-prev {
            margin-left: 45px;
            background-size: 20px 35px !important;
            height: 40px !important;
        }
        .paragraph--type--paragraph-slideshow-mobile .slick-next {
            margin-right: 20px;
            background-size: 20px 35px !important;
            height: 40px !important;
        }
        .navigation .gva_menu > li > a > .nav-minus ~ ul.sub-menu{
            display: block;
        }
        /* sitemap */
        .Map_wrap_section01 {
            width: 100%;
            max-width: 1260px;
            margin: 0 auto;
            padding:20px 15px 20px 30px;
        }
        .Sitemap_section {
            padding: 0px;
            margin: 0;
        }
        
        .Sitemap_section_two {
            padding: 0 0px 0px 0 !important;
        }
        .Map_wrap_section01 .Sitemap_top{
            display: none;
            text-align: center;
        }
        .Map_wrap_section01:first-child .Sitemap_top {
            display: block;
        }
        .Sitemap_top_titleone {
            font-size: 22px;
            color: #5C5D5D;
            font-weight: 400;
        }
        .Sitemap_top_titletwo{
            font-size: 28px;
            color: #5C5D5D;
            font-weight: 500;
        }
        .Sitemap_section_wrap_two {
            padding: 0 15px 15px 0;
        }
        
        .Sitemap_section_two_4 {
            padding: 0 0 15px 0;
        }
        
        .Sitemap_bottom {
            padding-bottom: 0px;
            /* display: flex;
            flex-direction: row;
            align-items: flex-start;
            flex-wrap: wrap */
        }
        
        .Sitemap_bottom:last-child {
            padding-bottom: 0;
        }
        
        .Sitemap_bottom_main {
            padding-bottom: 10px;
        }
        
        .Sitemap_section h4 {
            width: 100%;
            font-size: 18px;
        }
        .Sitemap_titleone {
            font-family: 'Lato-Bold';
            font-size: 18px !important;
            line-height: 29px;
            letter-spacing: 1px;
            color: #4D4E4E;
        }
        
        .Sitemap_titleone a {
            font-family: 'Lato-Bold';
            font-size: 18px;
            line-height: 29px;
            letter-spacing: 1px;
            color: #4D4E4E;
        }
        
        .Sitemap_titleone a:hover {
            color: #a8996e;
        }
        
        .Sitemap_titletwo {
            width: 100%;
            font-family: 'Lato-Bold';
            font-size: 18px !important;
            line-height: 18px;
            letter-spacing: 1px;
            text-transform: capitalize;
            padding: 10px 0 10px 0;
            color: #4D4E4E;
        }
        
        .Sitemap_titletwo a {
            font-family: 'Lato-Bold';
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 1px;
            text-transform: capitalize;
            color: #4D4E4E;
        }
        
        .Sitemap_titletwo a:hover {
            color: #a8996e;
        }
        
        .Sitemap_section li a:hover {
            color: #a8996e;
        }
        
        .Sitemap_section .col-md-4:last-child h6 {
            /*padding-bottom:0px;*/
            margin-bottom: 0;
        }

        /* 间距问题 */
        /* .paragraph--type--paragraph-views-reference.paragraph{
            padding-top: 30px !important;
        }
        .paragraph--type--paragraph-views-reference:last-child{
            margin-bottom: 30px !important;
        } */
        .item .amenities-view,
        .item-columns .accommodation-view,
        .item-columns .amenities-view,
        .item-columns .dining-view,
        .paragraph--type--paragraph-views-reference .item .accommodation-view,
        .item-columns .metting-view
        {
            margin-top: 30px !important;
            margin-bottom: 0 !important;
        }


        .item-columns .accommodation-view .post-block,
        .item-columns .amenities-view .post-block,
        .item-columns .metting-view .post-block,
        .item-columns .dining-view .post-block
        {
            margin-bottom: 0 !important;
        }
    
        
        .mobile-row.paragraph{
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        .mobile-10.paragraph {
            padding-top: 10px !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }
        .mobile-first-item{
            padding-top: 25px !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }
        .mobile-first-item.paragraph{
            padding-top: 25px !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }
        .mobile-none{
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
            margin-top: 0 !important;
        }
        .mobile-none.paragraph{
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
            margin-top: 0 !important;
        }
        .mobile-padding.paragraph{
            padding-top: 45px !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
            margin-top: 0 !important;
        }
        #center-caption .text-center{
            padding-left: 14px;
            padding-right: 14px
        }
        .first-img.paragraph img {
            width: auto !important;
            height: 52px !important;
        }

        .file-list-title {
            font-size: 18px !important;
            line-height: 24px !important;
            margin-bottom: 10px !important;
        }

        .metting-view img {
            width: 100%;
        }

        img.unveil-image.image-loaded {
            width: 100%;
            height: auto;
        }
    }

    @media screen and (min-width:350px) and (max-width: 380px){
        .formobile .topbar .top-ln-switch.show-view {
            transform: translate(25px,-20px) !important;
        }
    }
    @media screen and (min-width:411px) and (max-width: 451px){
        .formobile .topbar .top-ln-switch.show-view {
            transform: translate(5px,-20px) !important;
        }
    }
    @media screen and (min-width:750px) and (max-width: 780px){
        .formobile .topbar .top-ln-switch.show-view {
            transform: translate(10px,-20px) !important;
        }
    }
    /* 顶部切换 */
    @media screen and (min-width:360px) and (max-width: 460px){
        .formobile .hidden-branding.branding{
            /* width: 34.5% !important; */
        }
    }
    @media screen and (min-width:461px) and (max-width: 560px){
        .formobile .hidden-branding.branding{
            width: 37.2% !important;
        }
    }
    @media screen and (min-width:561px) and (max-width: 720px){
        .formobile .hidden-branding.branding{
            width: 43.2% !important;
        }
    }
    @media screen and (min-width:721px) and (max-width: 840px){
        .formobile .hidden-branding.branding{
            /* width: 44.8% !important; */
            width: 38.8% !important;
        }
        .formobile .nav-item-supremecard{
            width: 97vw;
            right: -13vw;
        }
    }
    @media screen and (min-width:841px) and (max-width: 991px){
        .formobile .hidden-branding.branding{
            width: 47.8% !important;
        }
    }
    @media screen and (min-width:992px) and (max-width: 1080px){
        .formobile .hidden-branding.branding{
            width: 76.3% !important;
        }
    }

    @media screen and (min-width:768px) and (max-width: 991px) {
        #award-slide .splide__pagination{
            left: 46% !important;
        }
        #hotel .splide__arrows {
            left: 46% !important;
        }
        #hotel .splide__arrow--prev{
            left: -50px !important;
        }
        #hotel .splide__arrow--next{
            left: 60px !important;
        }
        .top-ln-switch .formobile .footer-ln-switch{
            float: initial !important;
            position: absolute;
            top: 415px;
            /* left: 15%; */
            right: 69vw !important;
        }
        .isotope-items .post-block .field__item img{
            width: 100%;
            aspect-ratio: 4 / 3;
        }
        .paragraph--type--paragraph-center-caption .row{
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 14px !important;
            padding-right: 14px !important;
        }
        #hotel-amenities .splide__pagination,
        #more-rooms .splide__pagination,
        #special-offers .splide__pagination,
        #other-meeting .splide__pagination,
        #award-slide .splide__pagination,
        #award-slide2 .splide__pagination
        {
            left: 46.5% !important;

        }
        #hotel-amenities .splide__pagination .splide__pagination__page, 
        #special-offers .splide__pagination .splide__pagination__page,
        #award-slide .splide__pagination .splide__pagination__page, 
        #award-slide2 .splide__pagination .splide__pagination__page,
        #other-meeting .splide__pagination .splide__pagination__page,
        #offere .splide__pagination .splide__pagination__page, 
        #hotel .splide__pagination .splide__pagination__page{
            width: 50px;
            height: 50px;
            text-align: center;
        }
        .calendar_disabled {
            color: #ccc !important;
        }
        .calendar_selected {
            background: #9d8f66 !important;
            color: #fff !important;
        }
        .calendar_in_range {
            background: #FFF9ED !important;
            color: #333333;
        }
        #award-slide2 .splide__pagination{
            left: 44% !important;
        }
        #award-slide2 .splide__slide .award-photo.pull-right{
            display: none;
        }
        #award-slide2 .splide__slide,
        #award-slide .splide__slide{
            height: 800px !important;
        }
        #award-slide .splide__pagination
        {
            top: 90%;
        }
        #award-slide2 .splide__pagination
        {
            top: 91.5%;
            left: 47.5% !important;
        }
        #hotel-amenities .splide__pagination,
        #special-offers .splide__pagination,
        #other-meeting .splide__pagination{
        top:calc(100% - 4px) !important;
        }
        #award-slide .splide__arrow--next,
        #award-slide .splide__arrow--prev{
            top: 94% !important;
        }
        #award-slide2 .splide__arrow--next{
            top: 95% !important;
            right: 36% !important;
        }
        #award-slide2 .splide__arrow--prev{
            top: 95% !important;
            left: 36% !important;
        }
        #award-slide .award-card{
            width: 90% !important;
            height: 270px !important;
            right: 5% !important;
            top: 64% !important;
            padding: 16px 20px 30px 20px !important;
        }
        #award-slide2 .award-card{
            width: 90% !important;
            height: 270px !important;
            right: 5% !important;
            top: 65% !important;
            padding: 16px 20px 30px 20px !important;
        }
    }
    .Chef-Personal_img img{
        border-radius: 50%;
    }
