.cmp-image__image{width:100%}
.cmp-breadcrumb{display:inline-block;list-style:none;padding:0}
.cmp-breadcrumb__item{display:inline-block;vertical-align:top}
.cmp-search{position:relative}
.cmp-search__field{position:relative;height:2rem}
.cmp-search__input{padding-left:2rem;padding-right:2rem;height:100%;width:100%}
.cmp-search__icon{display:block;position:absolute;left:.5rem;top:.5rem;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");background-size:contain;width:1rem;height:1rem;pointer-events:none}
.cmp-search__loading-indicator{display:none;position:absolute;top:.5rem;left:.5rem;border:3px solid #ccc;border-top-color:#333;border-radius:50%;width:1rem;height:1rem;animation:cmp-search__loading-indicator-spin 2s linear infinite}
@keyframes cmp-search__loading-indicator-spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.cmp-search__clear{display:none;margin:0;padding:0;border:0;background:transparent}
.cmp-search__clear-icon{position:absolute;top:.5rem;right:.5rem;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");background-size:contain;width:1rem;height:1rem}
.cmp-search__results{display:none;overflow-y:auto;min-width:100%;max-height:10rem;position:absolute;top:100%;left:0;z-index:999999;border:1px solid #ccc;background:#fff}
.cmp-search__item{display:block}
.cmp-search__item--is-focused{background-color:#ccc}
.carnival-homepage-navigation-bar .navigation-bar-pc-container{display:flex;justify-content:center;padding:25px 5%;flex-wrap:wrap;row-gap:10px}
.carnival-homepage-navigation-bar .navigation-bar-pc-container .navigation-bar-item{background-color:#fe548a;color:#fff;font-size:20px;padding:10px 20px;margin:0 5px;border-radius:10px;font-weight:bold;text-decoration:none}
.carnival-homepage-navigation-bar .navigation-bar-mb-container{display:none}
@media screen and (max-width:768px){.carnival-homepage-navigation-bar .navigation-bar-pc-container{display:none}
.carnival-homepage-navigation-bar .navigation-bar-mb-container{display:block}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-menu{width:60px;height:60px;border:2px solid #fff;background-color:#fe548a;border-radius:50%;position:fixed;right:20px;bottom:20px;cursor:pointer;z-index:997}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-menu .menu-line-box{position:absolute;left:50%;bottom:50%;transform:translate(-50%,50%);text-align:center;font-size:0}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-menu .menu-line-box .menu-line{display:block;width:22.5px;height:3px;background-color:#fff}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-menu .menu-line-box .menu-line:not(:last-child){margin-bottom:4px}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-mb-box{display:none;position:fixed;left:0;bottom:0;width:100%;background-color:#ffd9e9;padding:30px 7.7% 21px 7.7%;box-sizing:border-box;z-index:996}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-mb-box .navigation-bar-list{display:flex;justify-content:space-between;flex-direction:column;align-items:center;flex-wrap:wrap;width:100%}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-mb-box .navigation-bar-list .navigation-bar-item{font-size:18px;line-height:22px;color:#fafafa;text-decoration:none;padding:18px 0;background-color:#fe548a;border-radius:12px;width:100%;text-align:center}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-mb-box .navigation-bar-list .navigation-bar-item:not(:last-child){margin-bottom:8px}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-mb-box .navigation-bar-close{text-align:center;margin-top:25px;cursor:pointer}
.carnival-homepage-navigation-bar .navigation-bar-mb-container .navigation-bar-mb-box .navigation-bar-close span.close-btn{display:inline-block;height:38px;width:38px;background:url("https://www.discoverhongkong.com/content/dam/dhk/e-solution/images/carnival/navigation-bar-md-close-circle.svg");background-repeat:no-repeat;background-size:100%;background-position:center}
}
.carnival-text-image-banner-container{width:100%;padding:0 14.5%;margin:0 auto;display:flex}
.carnival-text-image-banner-container .banner-left{width:50%;padding:40px;background-color:#ffdcb7;border-top-left-radius:16px;border-bottom-left-radius:16px;overflow:hidden}
.carnival-text-image-banner-container .banner-left .banner-left-title{font-size:30px;line-height:42px;font-weight:bold;margin-bottom:13px;color:#002e63;font-family:"Open Sans Bold",arial,sans-serif}
.carnival-text-image-banner-container .banner-left .banner-left-waves-icon{margin-bottom:30px}
.carnival-text-image-banner-container .banner-left .banner-left-desc{font-size:15px;line-height:25px;margin-bottom:40px}
.carnival-text-image-banner-container .banner-left .banner-left-btn{display:inline-block;font-size:18px;line-height:22px;padding:13px 32px;background-color:#002e63;color:#fff;border-radius:43px;margin-right:15px;margin-bottom:15px;cursor:pointer}
.carnival-text-image-banner-container .banner-right{width:50%;position:relative;border-top-right-radius:16px;border-bottom-right-radius:16px;overflow:hidden;padding-top:35.2%;transform:translate3d(0,0,0)}
.carnival-text-image-banner-container .banner-right .carnival-swiper-container{width:100%;height:100%;position:absolute;top:0}
.carnival-text-image-banner-container .banner-right .carnival-swiper-container .swiper-slide .banner-right-slide-image{width:100%;height:100%;object-fit:cover}
.carnival-text-image-banner-container .banner-right .carnival-swiper-pagination{position:absolute;bottom:20px;text-align:center;z-index:10}
.carnival-text-image-banner-container .banner-right .carnival-swiper-pagination .swiper-pagination-bullet{opacity:1;background:#fff}
.carnival-text-image-banner-container .banner-right .carnival-swiper-pagination .swiper-pagination-bullet-active{background:#fe548a}
@media screen and (max-width:1024px){.carnival-text-image-banner-container{flex-direction:column;justify-content:flex-end}
.carnival-text-image-banner-container .banner-left{width:100%;padding:30px;order:2;border-top-left-radius:unset;border-bottom-right-radius:16px}
.carnival-text-image-banner-container .banner-right{width:100%;order:1;border-top-left-radius:16px;border-bottom-right-radius:unset;padding-top:66.5%}
}
@media screen and (max-width:768px){.carnival-text-image-banner-container{padding:0 10%}
}
.carnival-top-table-container tbody tr td:nth-child(1){font-family:"Open Sans Bold";font-weight:bold !important;width:20%}
@media screen and (max-width:768px){.webchat-mobile{display:none}
}
.homepage-happenings-list-container{padding:0 14.5%;margin:10%}
.homepage-happenings-list-container .homepage-happenings-list-title{text-align:center}
.homepage-happenings-list-container .homepage-happenings-list-title p.title{font-family:"Open Sans";text-align:center;font-size:30px;color:#fff;line-height:40px;font-weight:bold}
.homepage-happenings-list-container .homepage-happenings-list-title img.title-icon{margin-top:13px;display:inline-block}
.homepage-happenings-list-container .homepage-happenings-list-content{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item{width:calc((100% - 58px) / 3);border-radius:20px;overflow:hidden;background-color:#fedee9}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item.blue-bgc{background-color:#bad7fc}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item.yellow-bgc{background-color:#f8e4aa}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-img-box{width:100%;position:relative;padding-bottom:75%}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-img-box img.item-img{position:absolute;left:0;top:0;height:100%;width:100%}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content{padding:30px 40px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .text .text-title{font-family:"Open Sans Bold",arial,sans-serif;font-size:20px;font-weight:bold;line-height:36px;color:#002e63}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .text .text-icon{display:none}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .text .text-main{margin-top:20px;font-size:15px;line-height:25px;color:#333}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .see-more-btn{margin-top:49px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .see-more-btn a{display:inline-block;text-decoration:none;line-height:22px;font-size:18px;color:#fafafa;background-color:#002e63;border-radius:43px;padding:13px 32px}
@media screen and (max-width:768px){.homepage-happenings-list-container{width:80%;margin:0 auto;padding:0;margin-top:55px}
.homepage-happenings-list-container .homepage-happenings-list-title{display:none}
.homepage-happenings-list-container .homepage-happenings-list-content{width:100%;flex-direction:column;margin-top:0}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item{width:100%}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item:not(:last-child){margin-bottom:20px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-img-box{width:100%;position:relative;padding-bottom:75%}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-img-box img.item-img{position:absolute;left:0;top:0;height:100%;width:100%}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content{padding:30px 24px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .text .text-title{font-family:"Open Sans";font-size:30px;font-weight:bold;line-height:40px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .text .text-icon{display:block;margin-top:13px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .text .text-main{font-family:"Open Sans";margin-top:20px;font-size:15px;line-height:25px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .see-more-btn{margin-top:25px}
.homepage-happenings-list-container .homepage-happenings-list-content .homepage-happenings-item .item-content .see-more-btn span{display:inline-block;font-family:"Open Sans";line-height:22px;font-size:18px;color:#fff;background-color:#002e63;border-radius:43px;padding:13px 32px}
}
@media screen and (min-width:1024.1px){html[dir] .dhk-cmp .hide-component-in-desktop{display:none}
}
@media screen and (max-width:1024px){html[dir] .dhk-cmp .hide-component-in-mobile{display:none}
}