/* Theme DHK Panda */
@import url('font-manrope.css');
@import url('font-opensans.css');
@import url('font-notosanstc.css');
@import url('font-notosanssc.css');
@import url('https://fonts.googleapis.com/css2?family=Bevan:ital@0;1&display=swap');

:root {
	--main-font: 'Manrope', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--title-font: 'Manrope', 'Noto Sans TC', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--main-font-size: 18px;
	--h1-font-size: 55px;
	--h2-font-size: 48px;
	--h3-font-size: 40px;
	--h4-font-size: 32px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;

	--title-font-color:#184867;
	--main-font-color: #184867;
	--link-color: #184867;
	--link-color-hover: #184867;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #333;
	--selection-font-color: #fff;
	--selection-bgcolor: #333;
	--scrollarea-scrollbar-color-thumb: #ff1600;
	--scrollarea-scrollbar-color-track: #ebe5e9;
	--scrollarea-scrollbar-width: 5px;
	--swiper-pagination-bullet-active-color: #007aff;
}
html[lang="zh-CN"]{
	--main-font: 'Manrope', 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--title-font: 'Manrope', 'Noto Sans SC', 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
}

/* DHK style reset */
.navbar-container{height:auto !important;}
.pwafooter{display:none !important;}
.footerexperiencefragment{position:relative; -webkit-transform:translate3d(0, 0, 0);}
.webchat-mobile{display:none !important;}
.remarks, .remarks p{display:inline-block; color:inherit; width:100%;}

/* Common */
html[dir] body{background-color:#fff !important;}
html[dir] .footer{border-top:0 !important;}
#theme-panda ::selection, .popup-content ::selection{background-color:var(--selection-bgcolor); color:var(--selection-font-color);}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}

#theme-panda{position:relative; font-weight:400; font-style:normal; background-color:#DCF1F3;}
#theme-panda *:not(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .es-single-banner-title){font-family:var(--main-font);}
#theme-panda, #theme-panda :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:var(--main-font-size); font-weight:400; line-height:1.5; color:var(--main-font-color);}
#theme-panda .theme-dark, #theme-panda .theme-dark :is(div, span, p, a, li, table th, table td){color:#fff;}
#theme-panda .caption .cmp-text p{font-size:0.6875rem;}
#theme-panda a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(var(--link-color-hover)), to(var(--link-color-hover))),-webkit-gradient(linear, left top, left bottom, from(var(--link-color)), to(var(--link-color)));}
#theme-panda a.underlined:hover{color:var(--link-color-hover);}
#theme-panda b, #theme-panda strong{font-weight:700;}
#theme-panda b *, #theme-panda strong *{font-weight:inherit !important;}
#theme-panda img:not(.iconVideoPlay){max-width:100%;}
#theme-panda small{display:inline-block;}
#theme-panda :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-panda .caption, #theme-panda .caption :is(p, a){font-size:14px !important; letter-spacing: 0 !important; line-height:1.3 !important;}
#theme-panda .sharing{display:flex; width:100%; justify-content:flex-start;}
#theme-panda .sharing .sharing__container{padding:0 !important;}
#theme-panda .sharing ul.sharing__list{margin-top:0 !important; margin-bottom:0 !important; flex-wrap:nowrap;}
#theme-panda .sharing li.sharing__item:not(:last-child){margin-right:10px;}
#theme-panda .sharing li.sharing__item > svg{background-color:transparent; overflow:hidden; border-radius:999px;}
#theme-panda .sharing ul.sharing__list .icon-hover__showed path{fill:var(--intro-font-color);}
#theme-panda .sharing ul.sharing__list .icon-hover__hidden path{fill:var(--intro-font-color);}

#theme-panda :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){float:none !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 20px !important; clear:both !important;}
#theme-panda :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .non-featured-offers-container, .es-btn-group-container):not(.gohk2022-full-width-container){max-width:calc(1360px + 20px + 20px) !important;}
#theme-panda .container-cust{max-width:calc(1360px + 20px + 20px);}
#theme-panda .container-cust.large{max-width:calc(1520px + 20px + 20px);}
#theme-panda .container-cust > .row:not(:last-child){margin-bottom:50px;}
#theme-panda .container.dhk-container.max-width-1100 .cmp-container, #theme-panda .gohk2022-full-width-container{max-width:none !important;}
#theme-panda .freeformeditor-v2 .row, #theme-panda .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#theme-panda :is(.cta.padding-horizontal .multiple-links, .cta.padding-horizontal .cta-link, .text.padding-horizontal .cmp-text, .image.padding-horizontal .cmp-image, .title.padding-horizontal .cmp-title){padding-left:0 !important; padding-right:0 !important;}

#theme-panda .container.dhk-container.gohk2022-container{max-width:calc(1600px + 20px + 20px) !important;}
#theme-panda .container.dhk-container.gohk2022-container .cmp-container{/* width:auto; */ width:100%;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content > .cmp-container > .cmp-container{position:relative; padding:calc(30px + 3.125vw) calc(30px + 5.729vw) !important; background-color:#fff; border-radius:calc(30px + 1.5625vw); -webkit-box-shadow:inset 0px 0px 0px 10px #44A3DA; -moz-box-shadow:inset 0px 0px 0px 10px #44A3DA; box-shadow:inset 0px 0px 0px 10px #44A3DA;}
#theme-panda .container.dhk-container.gohk2022-container .title,
#theme-panda .container.dhk-container.gohk2022-container .text{
	padding-left:10px; padding-right:10px;
}
#theme-panda .container.dhk-container.gohk2022-container .title.rainbow-bar--centered{
	position:absolute; width:auto; padding:8px 40px 14px; left:50%; top:0; transform:translate(-50%, -50%); border-radius:20px; background-color:#44A3DA;
	--title-font-color: #fff;
}
#theme-panda .container.dhk-container.gohk2022-container .title.rainbow-bar--centered .cmp-title__text:before{display:none;}
#theme-panda .container.dhk-container.gohk2022-container .title.rainbow-bar--centered .cmp-title__text>*{padding-bottom:0; margin-bottom:0;}

#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark > .cmp-container > .cmp-container{
	background-color:#44A3DA; box-shadow:none;
	--link-color: #fff;
	--link-color-hover: #fff;
}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .title.rainbow-bar--centered{
	border:8px solid #44A3DA; background-color:#fff;
	--title-font-color: #44A3DA;
}
#theme-panda .container.dhk-container.gohk2022-container .imagewithtext .title,
#theme-panda .container.dhk-container.gohk2022-container .imagewithtext .text{
	padding-left:0; padding-right:0;
}

#theme-panda .breadcrumb{padding:20px 0;}
#theme-panda .breadcrumb *{font-size:14px; font-weight:600; font-family:var(--title-font);}
#theme-panda .breadcrumb .cmp-breadcrumb{border:0; margin-top:0; padding-top:0;}
#theme-panda .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#theme-panda .breadcrumb svg .cls-100{stroke:#2D2D2D; stroke-width:1px;}
#theme-panda .breadcrumb .cmp-breadcrumb__item{padding-right:14px; margin-right:4px;}
#theme-panda .breadcrumb .cmp-breadcrumb__item:after{border-color:#2D2D2D;}

#theme-panda :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:800; font-family:var(--title-font); color:var(--title-font-color); line-height:1.2;}
#theme-panda :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px;}
#theme-panda :is(h2, h2 *){font-size: var(--h2-font-size);}
#theme-panda :is(h3, h3 *){font-size: var(--h3-font-size);}
#theme-panda :is(h4, h4 *){font-size: var(--h4-font-size);}
#theme-panda :is(h5, h5 *){font-size: var(--h5-font-size);}
#theme-panda :is(h6, h6 *){font-size: var(--h6-font-size);}

#theme-panda .theme-dark{
	--title-font-color:#fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}
#theme-panda .theme-dark :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){color:var(--title-font-color);}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content, .has-iframe .fancybox__content{width:80% !important; height:auto !important;}
.has-iframe .fancybox__content{width:80% !important; height:auto !important; padding:0 !important; aspect-ratio:1.77778 / 1; background-color:transparent !important;}

#theme-panda .article-detail__heading{padding-left:0;}

.btn-return{position:relative; display:inline-flex; align-items:center; padding:0 0 0 22px; height:43px; border-radius:4px; background-color:#9f0412; text-decoration:none!important; z-index:99;}
.btn-return:before{display:block; content:''; position:absolute; left:0; top:calc(50% - 6px); width:16px; height:12px; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.45' height='12.922' viewBox='0 0 16.45 12.922'%3E%3Cpath id='Icon_ionic-ios-redo' data-name='Icon ionic-ios-redo' d='M18.7,18.547h-.106a.159.159,0,0,1-.151-.1,7.983,7.983,0,0,0-.786-1.457,8.955,8.955,0,0,0-3.469-3.065,8.575,8.575,0,0,0-3.565-.852.147.147,0,0,0-.154.147v3a.148.148,0,0,1-.228.125l-7.926-5.22a.147.147,0,0,1,0-.246l7.929-5.22a.146.146,0,0,1,.228.125V8.808a.146.146,0,0,0,.139.147,8.546,8.546,0,0,1,6,2.4A7.8,7.8,0,0,1,18.7,17.185C18.7,17.563,18.7,18.114,18.7,18.547Z' transform='translate(-2.25 -5.625)' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.45' height='12.922' viewBox='0 0 16.45 12.922'%3E%3Cpath id='Icon_ionic-ios-redo' data-name='Icon ionic-ios-redo' d='M18.7,18.547h-.106a.159.159,0,0,1-.151-.1,7.983,7.983,0,0,0-.786-1.457,8.955,8.955,0,0,0-3.469-3.065,8.575,8.575,0,0,0-3.565-.852.147.147,0,0,0-.154.147v3a.148.148,0,0,1-.228.125l-7.926-5.22a.147.147,0,0,1,0-.246l7.929-5.22a.146.146,0,0,1,.228.125V8.808a.146.146,0,0,0,.139.147,8.546,8.546,0,0,1,6,2.4A7.8,7.8,0,0,1,18.7,17.185C18.7,17.563,18.7,18.114,18.7,18.547Z' transform='translate(-2.25 -5.625)' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); background-color:var(--main-font-color);}

a.border-button{display:inline-block; padding:12px 36px; border-radius:20px; border:4px solid #44A3DA; background-color:#fff !important;}
a.border-button, a.border-button *{color:#44A3DA !important; font-weight:800 !important;}
a.border-button:after{display:inline-block; content:''; margin-left:8px; width:16px; height:9px; vertical-align:middle; background-image:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00203 6.78584L14.0497 0.828583C14.4966 0.389691 15.2204 0.39059 15.6662 0.830582C16.1121 1.27057 16.1111 1.98303 15.6642 2.42192L8.81183 9.17234C8.37991 9.59613 7.68573 9.61063 7.23592 9.20534L0.335822 2.42692C-0.111145 1.98803 -0.112059 1.27558 0.333791 0.835587C0.77964 0.395595 1.50338 0.394696 1.95035 0.833588L8.00203 6.78584Z' fill='%2344A3DA'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}

.deco{position:absolute; z-index:1;}
.deco > img{display:block; width:100%;}
.deco.intro-deco-panda-left{left:7.5vw; bottom:-65px; width:197px;}
.deco.intro-deco-panda-right{right:19.7vw; bottom:-1px; width:86px;}
.deco.festivities-deco-panda-bottom-right{right:-35px; bottom:-22px; width:151px;}
.deco.social-deco-panda-left{left:0; top:345px; transform:translateX(-100%); width:101px;}
.deco.social-deco-panda-right{right:-64px; top:-66px; width:168px;}



/* Component {DHK Non Featured Offer List} */
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .non-featured-offers-container .non-featured-offers-header{display:none;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark ul.hot-offer-list{}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark ul.hot-offer-list > li{background-color:transparent;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark ul.hot-offer-list > li > a{display:block; padding:10px 10px 30px; height:100%; border-radius:12px; background-color:#DCF1F3;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark ul.hot-offer-list > li > a *{color:#2D2D2D !important;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .hot-offer-content{padding-left:0; padding-right:0; padding-bottom:0; background-color:transparent;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .look-more{}

#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .look-more{display:inline-block; padding:12px 36px; border-radius:20px; border:4px solid #44A3DA; background-color:#fff !important;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark :is(.look-more, .look-more *){color:#44A3DA !important; font-weight:800 !important;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .look-more:after{display:inline-block; content:''; margin-left:8px; width:16px; height:9px; vertical-align:middle; background-image:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00203 6.78584L14.0497 0.828583C14.4966 0.389691 15.2204 0.39059 15.6662 0.830582C16.1121 1.27057 16.1111 1.98303 15.6642 2.42192L8.81183 9.17234C8.37991 9.59613 7.68573 9.61063 7.23592 9.20534L0.335822 2.42692C-0.111145 1.98803 -0.112059 1.27558 0.333791 0.835587C0.77964 0.395595 1.50338 0.394696 1.95035 0.833588L8.00203 6.78584Z' fill='%2344A3DA'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .look-more > i{display:none !important;}



/* Section | Intro */
#intro{
	position:relative; padding-bottom:60px !important; background-color:#44A3DA; border-radius:0px 0px 80px 80px;
	--title-font-color:#fff;
	--main-font-color: #fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}
#intro .text > .cmp-text{max-width:1240px; margin:0 auto;}

.top-visual{position:relative;}
.top-visual-caption{position:absolute; right:15px; bottom:15px; text-shadow:0px 0px 10px #000;}


/* Section | Panda-themed festivities */
#theme-panda .container.dhk-container.gohk2022-container #festivities .title.rainbow-bar--centered:before{
	display:block; content:''; position:absolute; left:130px; top:0; transform:translateY(-100%); width:88px; height:41px; background-image:url(../png/festivities-deco-panda-title.png); background-size:auto 100%; background-repeat:no-repeat; background-position:center bottom;
	/* transform-origin:bottom center;
	animation-name: pandasleep;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite; */
}
/* @keyframes pandasleep {
   0%		{transform:translateY(-100%) scale(1);}
   50%	{transform:translateY(-100%) scale(1.1);}
   100%	{transform:translateY(-100%) scale(1);}
} */

#festivities .dataviewcontainer .dataview-filters{display:none;}
#festivities .dataviewcontainer .dataview-wrapper > .cmp-container{padding-top:0 !important;}
#festivities .dataviewcontainer .upcoming-event-list .list-content{margin-left:-9px; margin-right:-9px; justify-content:flex-start;}
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item{flex:0 0 calc(25% - 18px); margin-top:0; margin-left:9px; margin-right:9px;}
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item *{font-family:var(--main-font) !important;}
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item:nth-child(n + 5){margin-top:40px;}
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:22px;}
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item img.card-img{border-radius:10px;}
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:20px; font-weight:800; font-family:var(--title-font) !important;}
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-weight:600; margin-top:8px; margin-bottom:0; line-height:1.3;}

#past-events .events-listing{display:flex; flex-direction:row; flex-wrap:wrap; margin:0 -9px;}
#past-events .events-listing .item-event{width:calc(25% - 9px - 9px); margin:10px 9px;}
#past-events .event-cover{margin-bottom:10px;}
#past-events .event-cover > img{border-radius:10px;}
#past-events .event-name{margin-bottom:8px;}
#past-events .event-name, #past-events .event-name *{font-weight:800; font-family:var(--title-font) !important; font-size:16px !important; line-height:1.2;}
#past-events .event-date, #past-events .event-date *{font-weight:600; font-size:14px !important;}
#past-events .event-desc{margin-top:25px;}
#past-events .event-desc, #past-events .event-desc *{font-weight:600;}

#past-events .events-listing[data-display-style="row"]{flex-direction:column; margin:-20px 0;}
#past-events .events-listing[data-display-style="row"] .item-event{width:auto; margin:0; padding:20px 0; display:flex; flex-direction:row; gap:30px;}
#past-events .events-listing[data-display-style="row"] .item-event:not(:last-child){border-bottom:1px solid rgba(0,31,63,0.17);}
#past-events .events-listing[data-display-style="row"] .event-cover{flex:0 0 30%;}
#past-events .events-listing[data-display-style="row"] .event-name, #past-events .events-listing[data-display-style="row"] .event-name *{font-size:var(--h5-font-size) !important;}


/* Section | Panda Go! Fest */
#theme-panda .container.dhk-container.gohk2022-container > .dhk-content > .cmp-container > .cmp-container#panda-go{padding-top:0 !important; padding-bottom:35px !important; background-color:#44A3DA; box-shadow:none;}
#panda-go{
	--link-color: #fff;
	--link-color-hover: #fff;
}
#panda-go .imagewithtext{margin-left:-15px; margin-right:-15px;}
#panda-go .imagewithtext:first-child{margin-bottom:-32px; transform:translateY(-32px);}
#panda-go .imagewithtext .half-section-component{padding:0 !important;}
#panda-go .imagewithtext .half-section-component > .container.cmp-container{padding-top:0 !important;}
#panda-go .imagewithtext:first-child .half-section-component .col-30{flex:0 0 275px; max-width:275px;}
#panda-go .imagewithtext:first-child .half-section-component .col-70{flex:0 0 calc(100% - 275px); max-width:calc(100% - 275px);}
#panda-go .half-section-component .half-section__image-wrap{border:10px solid #44A3DA; border-radius:20px; padding-top:0 !important; padding-bottom:0 !important;}
#panda-go .half-section-component .half-section__image-wrap .cmp-image__image{border-radius:10px;}
#panda-go .half-section-component .half-section__main{padding:10px !important;}
#panda-go .imagewithtext:first-child .half-section-component .half-section__main{padding-top:calc(32px + 30px) !important;}

.panda-go-schedule{display:flex; flex-direction:row; flex-wrap:nowrap; gap:20px; padding:0 10px; margin-top:30px; justify-content:center;}
.panda-go-schedule .schedule-item{flex:1; max-width:30%;}
.schedule-cover{position:relative;}
.schedule-cover > img{display:block; border-radius:12px;}
.schedule-cover:after{display:block; content:''; position:absolute; left:0.88vw; top:-45px; width:80px; height:54px; background-image:url(../png/panda-go-deco-panda.png); background-size:contain; background-repeat:no-repeat; background-position:bottom center;}
.schedule-bio{position:relative; margin-top:15px; padding:0 15px; text-align:center;}
.schedule-item:not(:last-child) .schedule-bio:after{display:block; content:''; position:absolute; left:100%; top:10px; transform:translateX(-33%); /* width:1.727vw; height:1.727vw; */ width:25px; height:25px; background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8736 37.5935C18.8682 37.5935 17.8627 37.2279 17.0532 36.5097C15.3426 34.9559 15.212 32.3051 16.7659 30.5946L27.7996 18.4509L17.4318 6.99933C15.878 5.28877 16.0086 2.63806 17.7322 1.08419C19.4427 -0.469672 22.0934 -0.339081 23.6473 1.38453L36.5614 15.6566C38.0108 17.2496 38.0108 19.6914 36.5614 21.2844L22.9683 36.2355C22.1457 37.1495 21.0096 37.6066 19.8606 37.6066L19.8736 37.5935Z' fill='white'/%3E%3Cpath d='M31.4952 22.9819H4.19151C1.8803 22.9819 0 21.1016 0 18.7904C0 16.4792 1.8803 14.5989 4.19151 14.5989H31.4952C33.8064 14.5989 35.6867 16.4792 35.6867 18.7904C35.6867 21.1016 33.8064 22.9819 31.4952 22.9819Z' fill='white'/%3E%3C/svg%3E%0A"); background-size:contain; background-repeat:no-repeat; background-position:center;}
.schedule-bio-poi{font-weight:800 !important; font-size:21px !important; line-height:1.1 !important;}
.schedule-bio-date{margin-top:6px;}
.schedule-bio-date, .schedule-bio-date *{font-size:var(--h4-font-size) !important; font-family:var(--title-font) !important; line-height:1 !important;}
html[lang="en"] .schedule-bio-date, html[lang="en"] .schedule-bio-date *{font-family:'Bevan', 'Noto Sans TC', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
:is(html[lang="zh-TW"], html[lang="zh-CN"]) :is(.schedule-bio-date, .schedule-bio-date *){font-weight:800 !important;}
.schedule-bio-date .text-month{font-size:.87em !important;}

.schedule-item.cny{position:relative;}
.schedule-item.cny .schedule-cover{background-color:#B53F57; border-radius:12px;}
.schedule-item.cny .schedule-cover-label{text-align:center; padding:8px 20px;}
.schedule-item.cny :is(.schedule-cover-label, .schedule-cover-label *){color:#EFD767 !important; font-weight:700 !important; font-family:var(--title-font) !important; font-size:15px !important;}
.schedule-item.cny .schedule-bio{margin-top:20px;}
.schedule-label{position:absolute; right:0; top:-5px; transform:translateY(-100%); display:inline-flex; align-items:flex-end; padding:3px 10px; border-radius:10px; background-color:#B53F57;}
:is(.schedule-label, .schedule-label *){color:#EFD767 !important; font-weight:800 !important; font-family:var(--title-font) !important; font-size:15px !important;}
html[lang="en"] :is(.schedule-label, .schedule-label *){letter-spacing:-.5px;}


/* Section | Gallery */
.swiper .swiper-wrapper .swiper-slide > img{width:100%; max-width:100%;}
.gallery-wrapper{position:relative; padding-bottom:35px; margin:0 auto;}
@media (min-width: 1199.98px) {
	.gallery-wrapper{width:80%;}
}
.main-gallery{border-radius:24px; overflow:hidden;}
.main-gallery-thumb-wrapper{position:absolute; left:calc(5% + 45px); bottom:0; width:calc(90% - 45px - 45px); margin:0 auto;}
.main-gallery-thumb{overflow:hidden;}
.main-gallery-thumb .swiper-slide{border-radius:12px; border:2px solid #5B99BD; overflow:hidden; cursor:pointer;}
.main-gallery-thumb .swiper-slide-thumb-active:after{display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(44,132,183,.55);}
.gallery-caption{margin-top:15px;}
.main-gallery-button-next, .main-gallery-button-prev{width:40px; height:46px; border-radius:12px; background:#fff; outline:0; box-shadow:0px 8px 20px 0px #B7D4AF; opacity:1 !important; background-size:10px 16px; background-position:center; background-repeat:no-repeat;}
.main-gallery-button-next:after, .main-gallery-button-prev:after{display:none;}
.main-gallery-button-prev{left:0; transform:translateX(calc(-50% - 5px)); background-image:url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.41519 0.589651C10.1936 1.36852 10.1951 2.62642 9.41875 3.40719L4.83853 7.99875L9.41431 12.5928C10.1907 13.3736 10.1891 14.6315 9.41076 15.4103C8.62369 16.1979 7.34246 16.1961 6.55738 15.4068L0.536044 9.35397L0.521423 9.33795C-0.195447 8.55227 -0.170552 7.34485 0.580147 6.58929L6.56182 0.593213L6.56256 0.592463C7.3477 -0.196304 8.62832 -0.197731 9.41519 0.589651Z' fill='%2344A3DA'/%3E%3C/svg%3E%0A");}
.main-gallery-button-next{right:0; transform:translateX(calc(50% + 5px)); background-image:url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.584805 15.4101C-0.193561 14.6312 -0.195114 13.3733 0.581255 12.5926L5.16147 8.001L0.585692 3.40694C-0.190678 2.62617 -0.189124 1.36828 0.589243 0.589406C1.37631 -0.19817 2.65754 -0.196393 3.44262 0.592967L9.46396 6.64578L9.47858 6.66181C10.1954 7.44749 10.1706 8.6549 9.41985 9.41046L3.43818 15.4065L3.43744 15.4073C2.6523 16.1961 1.37168 16.1975 0.584805 15.4101Z' fill='%2344A3DA'/%3E%3C/svg%3E%0A");}
.gallery-video-container{position:relative; width:100%; padding-top:56.25%;}
.gallery-video-container > iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
a.lightbox-video{position:relative; display:block;}
a.lightbox-video:after{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:6.8vw; height:6.8vw; min-width:80px; min-height:80px; background-image:url(../svg/video-play-button-blue.svg); background-repeat:no-repeat; background-size:contain; background-position:center;}
.swiper.main-gallery-thumb .swiper-slide.video{position:relative;}
.swiper.main-gallery-thumb .swiper-slide.video:before{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:40px; height:40px; background-image:url(../svg/video-play-button-blue.svg); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:1;}


/* Section | Social follow */
.social-follow{text-align:center;}
ul.social-list{list-style:none; padding-left:0; padding-right:0; display:inline-flex; justify-content:center;}
ul.social-list > li{padding:0 45px;}
ul.social-list > li:not(:first-child){border-left:2px solid #D7E2D4;}
.fanspage-box{position:relative; padding-left:calc(140px / 2); margin:0 auto; width:fit-content;}
.fanspage-box .main-content{padding:24px; padding-left:calc((140px / 2) + 24px); height:140px; border-top-right-radius:16px; border-bottom-right-radius:16px; background-color:#fff;}
.fanspage-box .main-content h5{margin-bottom:14px !important; text-align:left;}
ul.social-badge-list{list-style:none; padding-left:0; padding-right:0; display:inline-flex; justify-content:center; gap:6px;}
ul.social-badge-list > li > a{display:block;}
.item-badge{display:inline-flex; justify-content:center; align-items:center; padding:0 15px; height:45px; border-radius:16px; border:1px solid #D7E2D4;}
.item-badge, .item-badge *{font-size:15px !important; font-weight:700 !important; color:#fff !important;}
.item-badge:before{display:block; content:''; padding-right:10px; margin-right:10px; border-right:1px solid #fff; background-repeat:no-repeat; background-position:left center;}
.item-badge.badge-instagram{background:linear-gradient(270deg, rgba(76,96,202,1) 0%, rgba(238,75,95,1) 100%);}
.item-badge.badge-instagram:before{width:calc(25px + 10px); height:25px; background-image:url(../png/icon-instagram.png); background-size:25px auto;}
.item-badge.badge-xiaohongshu{background-color:#FF2742;}
.item-badge.badge-xiaohongshu:before{width:calc(44px + 10px); height:16px; background-image:url(../png/icon-xiaohongshu.png); background-size:auto 16px;}
.item-badge.badge-douyin{background-color:#000;}
.item-badge.badge-douyin:before{width:calc(27px + 10px); height:27px; background-image:url(../png/icon-douyin.png); background-size:auto 27px;}
.fanspage-box .panda-badge{position:absolute; left:0; top:0;}
.fanspage-box .panda-badge img.img-panda-badge{width:140px; height:140px;}
.fanspage-box .panda-badge img.img-bubble-followus{
	position:absolute; left:64px; top:-25px;
	animation-name: bubblefloat;
   animation-duration: 2s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}
.fanspage-box .panda-badge img.img-bubble-followus.text-en{width:104px;}
.fanspage-box .panda-badge img.img-bubble-followus.text-tc{width:113px;}
.fanspage-box .panda-badge img.img-bubble-followus.text-sc{width:111px;}
@keyframes bubblefloat {
   0%   {transform:translateY(0);}
   25%  {transform:translateY(-3px);}
   50%  {transform:translateY(0);}
   75% {transform:translateY(3px);}
   100% {transform:translateY(0);}
}


/* Section | Media hub */
.media-hub-list{
	--gap: 16px;
	display:flex; gap:var(--gap); flex-direction:row; flex-wrap:nowrap; margin:0 auto;
}
@media (min-width: 1199.98px) {
	.media-hub-list{width:80%;}
}
.media-hub-list .list-col{flex:1; /* max-width:calc((100% - (var(--gap) * 2)) / 3); */ display:flex; flex-direction:column; gap:var(--gap);}
.media-hub-list .item-media{position:relative; border-radius:16px; overflow:hidden;}
.media-hub-list .item-media a.lightbox-video:after{width:80px; height:80px; min-width:0; min-height:0; z-index:2;}
.media-hub-list .item-media[data-type="youtube"]:before,
.media-hub-list .item-media[data-type="video"]:before{
	display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-color:rgba(123, 136, 120, 0.35); z-index:1;
}
.media-hub-list .item-media[data-type="instagram"]:before{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:120px; background:linear-gradient(0deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 100%); z-index:1;}
.media-hub-list .item-media[data-type="instagram"]:after{display:block; content:''; position:absolute; right:12px; bottom:12px; width:26px; height:26px; background-image:url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_521_837)'%3E%3Cpath d='M12.0622 0C21.3882 0 30.7142 0 40.0387 0C40.402 0.0647749 40.767 0.12481 41.1288 0.194325C45.8921 1.09327 49.2288 3.7917 51.063 8.25958C51.5417 9.42553 51.6966 10.7242 51.9999 11.9628V39.9392C51.7945 40.9093 51.6744 41.9062 51.3711 42.8446C49.6032 48.2983 44.6993 51.8768 38.9438 51.8941C30.3461 51.9178 21.7485 51.9068 13.1508 51.8973C10.3892 51.8941 7.84398 51.1311 5.60845 49.4959C1.91313 46.7927 0.102589 43.1195 0.101009 38.5489C0.101009 30.1882 0.0946894 21.8275 0.108908 13.4653C0.108908 12.6074 0.151565 11.7369 0.303233 10.8948C1.1769 6.09832 3.90061 2.75372 8.40009 0.922647C9.55498 0.453424 10.8378 0.298596 12.0622 0ZM26.0899 4.35571V4.33202C21.8669 4.33202 17.6439 4.302 13.4209 4.35255C12.3735 4.36519 11.2834 4.4979 10.2896 4.81704C6.87393 5.91663 4.40143 9.22489 4.42355 13.2283C4.46778 21.7075 4.43303 30.1882 4.44566 38.6674C4.44566 39.3547 4.48516 40.0593 4.63683 40.7276C5.57212 44.8526 8.94199 47.5495 13.2187 47.559C21.7658 47.5795 30.313 47.5621 38.8601 47.5669C40.1619 47.5669 41.4274 47.3678 42.5933 46.7896C45.9506 45.1228 47.6584 42.3991 47.6631 38.6422C47.671 30.1788 47.6679 21.717 47.66 13.2536C47.66 12.6817 47.6142 12.1066 47.5399 11.5394C47.0391 7.75402 43.4322 4.42681 39.62 4.36993C35.111 4.30358 30.6005 4.35413 26.0899 4.35413V4.35571Z' fill='white'/%3E%3Cpath d='M26.0584 38.9233C18.9126 38.9312 13.0592 33.0731 13.0782 25.932C13.0971 18.7878 18.9032 12.9865 26.0426 12.9771C33.19 12.9676 39.0434 18.8258 39.0245 25.9668C39.0055 33.1078 33.1931 38.9154 26.0584 38.9233ZM26.0458 34.5882C30.8202 34.5929 34.6719 30.7538 34.6893 25.9684C34.7067 21.2003 30.8691 17.3407 26.0821 17.3122C21.2998 17.2838 17.4054 21.1671 17.4133 25.9573C17.4197 30.7364 21.2667 34.5834 26.0458 34.5882Z' fill='white'/%3E%3Cpath d='M40.1054 15.1209C38.3202 15.1193 36.892 13.6974 36.8809 11.9153C36.8699 10.1221 38.3312 8.6481 40.1133 8.65284C41.8749 8.65758 43.3268 10.1 43.3521 11.8726C43.3774 13.6437 41.8986 15.124 40.1054 15.1209Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_521_837'%3E%3Crect width='52' height='52' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto; z-index:2;}
.media-hub-list .item-media[data-type="youtube"]:before,
.media-hub-list .item-media[data-type="video"]:before,
.media-hub-list .item-media[data-type="instagram"]:before{
	pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;
}
#embed-content{/* background:none !important; */ padding:10px !important; min-height:50px; border-radius:8px;}


/* Section | News & Press Releases */
#section-news{background-color:#fff;}
.news-head{position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; white-space:nowrap;}
.news-head:after{display:block; content:''; flex:1 1 auto; margin-left:18px; height:1px; background-color:rgba(150, 209, 142, 0.75);}
.news-head > h5{margin-bottom:0 !important; padding-left:34px; min-height:25px; background-image:url(../icon-alarm.html); background-repeat:no-repeat; background-position:left center; background-size:auto 25px;}
.news-scrollarea{overflow-x:auto; overflow-y:hidden;}
.news-scrollarea .os-theme-dark {
	--os-track-bg: #C3E3E7;
	--os-track-bg-hover: #C3E3E7;
	--os-track-bg-active: #C3E3E7;
	--os-handle-bg: #44A3DA;
	--os-handle-bg-hover: #28afbe;
	--os-handle-bg-active: #28afbe;
}
ul.news-list{list-style:none; padding-left:0; padding-top:15px; padding-bottom:15px; display:flex; flex-direction:row; flex-wrap:nowrap;}
ul.news-list > li{flex:0 0 33.3%; max-width:33.3%; padding-right:30px;}
.item-news{display:flex; align-items:flex-start; /* gap:20px; */ gap:16px;}
.item-news .news-cover{position:relative; /* flex:0 0 23%; */ flex:0 0 130px; border-radius:12px; overflow:hidden;}
.item-news .news-cover:after{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:12px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 4px rgba(114,157,123,0), 0 0 1px rgba(0, 0, 0, 0);
}
a:hover .item-news .news-cover:after {box-shadow: inset 0 0 0 6px rgba(60, 194, 210, 0.35), 0 0 1px rgba(0, 0, 0, 0);}
.item-news .news-cover img{width:100%;}
.item-news .news-content{
	--main-font-size: 15px;
}
.item-news .bio-type, .item-news .bio-type *{color:#C7CCC5 !important; font-size:12px !important; font-weight:700 !important;}
.item-news .bio-date{color:#44A3DA !important; font-weight:800 !important;}
.item-news .bio-desc{font-weight:700 !important; line-height:1.2 !important;}

ul.list-press-releases{list-style:none; padding-left:0;}
@media (min-width: 991.98px) {
	ul.list-press-releases{--h5-font-size: 27px;}
}
ul.list-press-releases > li.list-item{padding:10px 0; margin-bottom:30px; border-bottom:1px solid rgba(0,31,63,0.17);}
ul.list-press-releases > li.list-item > a{display:block; padding:10px 0;}
.panda-press-releases .bio-date{margin-bottom:30px;}
.panda-press-releases .bio-title{font-weight:700 !important;}
.panda-press-releases .list-footer{position:relative; display:flex; height:30px; align-items:center; justify-content:center;}
.panda-press-releases .list-pagination{height:10px; text-align:center;}
.panda-press-releases .list-pagination > ul{display:inline-block; padding-left:0; list-style:none;}
.panda-press-releases .list-pagination > ul > li{display:inline-block; margin:0 5px;}
.panda-press-releases .list-pagination > ul > li > a{display:block; width:10px; height:10px; border-radius:99px; background-color:#515d51; opacity:.45;}
.panda-press-releases .list-pagination > ul > li > a.current{opacity:1;}
.panda-press-releases .list-arrow > a{display:block; width:30px; height:30px; background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.45 24.65'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%233e3a39;stroke-miterlimit:10;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='_圖層_2'%3E%3Cpolyline class='cls-1' points='13.39 1.06 2.12 12.33 13.39 23.59'/%3E%3C/g%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:auto 100%; background-position:center;}
.panda-press-releases .list-arrow{position:absolute; top:0;}
.panda-press-releases .list-arrow.arrow-prev{left:0;}
.panda-press-releases .list-arrow.arrow-next{right:0; transform:rotate(180deg);}


/* Section | Panda-tastic picks */
ul.panda-picks-chart{position:relative; display:flex; list-style:none; padding:0; margin:0;}
ul.panda-picks-chart:before{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; height:6px; background-image:url(../png/panda-picks-chart-line.png); background-repeat:repeat-x; background-size:auto 6px; background-position:center;}
ul.panda-picks-chart li{position:relative;}
ul.panda-picks-chart li.chart-item{width:100%; max-width:14.73vw;}
ul.panda-picks-chart li.chart-line{flex:1 1 auto; min-width:60px; margin-bottom:18px; background-image:url(../png/panda-picks-chart-line-panda.png); background-repeat:no-repeat; background-size:auto 46px; background-position:center;}
ul.panda-picks-chart .chart-item-holder{display:flex; flex-direction:column; align-items:center;}
ul.panda-picks-chart .text-capsule{display:inline-flex; margin-top:-30px; padding:0 15px; width:245px; height:58px; background-image:url(../png/panda-picks-capsule-bg.png); background-repeat:no-repeat; background-position:center; background-size:contain; align-items:center; justify-content:center;}
ul.panda-picks-chart :is(.text-capsule, .text-capsule *){font-size:19px !important; font-weight:800 !important;}
ul.panda-picks-chart .text-capsule:after{display:inline-block; content:''; margin-left:8px; width:8px; height:14px; vertical-align:middle; background-image:url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.469549 10.879L3.86183 6.99897L0.465668 3.12034C-0.156202 2.40786 -0.15523 1.30209 0.468636 0.590897C1.16098 -0.19836 2.34373 -0.196446 3.034 0.593529L3.03467 0.594289L7.53521 5.73384C8.13847 6.42555 8.15418 7.48636 7.58409 8.19818L7.57079 8.21478L3.038 13.4057C2.34783 14.1964 1.16454 14.1986 0.471973 13.4091C-0.151893 12.6979 -0.152322 11.5915 0.469549 10.879Z' fill='white'/%3E%3C/svg%3E%0A"); background-size:contain; background-position:center; background-repeat:no-repeat;}

#panda-picks-hero{position:relative;}
#panda-picks-hero .btn-return-holder{position:absolute; left:20px; top:20px; padding:4px 20px; border-radius:999px; background-color:rgba(255,255,255,.75);}
#panda-picks-hero .btn-return-holder .btn-return{height:30px;}
.panda-picks-title{margin-top:-1.25vw;}
.panda-picks-title > img{position:relative; display:block; margin:0 auto; z-index:5;}
html[lang="en"] .panda-picks-title > img{width:62.65625vw;}
html[lang="zh-TW"] .panda-picks-title > img{width:42.65625vw;}
html[lang="zh-CN"] .panda-picks-title > img{width:42.6vw;}

#theme-panda .container.dhk-container.gohk2022-container :is(#panda-picks, #panda-themed-play, #pawsome-shopping, #panda-licious-eats):before{
	display:block; content:''; position:absolute; left:0; top:0; width:33.28125vw; height:4.9479vw; background-image:url(../png/panda-picks-deco-top.png); background-repeat:no-repeat; background-position:0 0; background-size:contain;
}
#theme-panda .container.dhk-container.gohk2022-container :is(#panda-picks, #panda-themed-play, #pawsome-shopping, #panda-licious-eats):after{
	display:block; content:''; position:absolute; right:0; bottom:0; width:21.927vw; height:5.26vw; background-image:url(../png/panda-picks-deco-bottom.png); background-repeat:no-repeat; background-position:right bottom; background-size:contain;
}

:is(#panda-themed-play, #pawsome-shopping, #panda-licious-eats) .title.rainbow-bar--centered{position:relative;}
:is(#panda-themed-play, #pawsome-shopping, #panda-licious-eats) .title.rainbow-bar--centered:after{display:block; content:''; position:absolute; left:0; top:50%; transform:translate(-55%, -60%); background-repeat:no-repeat; background-size:contain;}
#panda-themed-play .title.rainbow-bar--centered{padding-left:110px !important;}
#panda-themed-play .title.rainbow-bar--centered:after{width:240px; height:167px; background-image:url(../png/panda-themed-play-deco-title.png);}
#pawsome-shopping .title.rainbow-bar--centered{padding-left:94px !important;}
#pawsome-shopping .title.rainbow-bar--centered:after{width:163px; height:158px; background-image:url(../png/pawsome-shopping-deco-title.png);}
#panda-licious-eats .title.rainbow-bar--centered{padding-left:90px !important;}
#panda-licious-eats .title.rainbow-bar--centered:after{width:139px; height:157px; background-image:url(../png/panda-licious-eats-deco-title.png);}


/* Section | Panda MTR */
.panda-mtr-list{display:flex; flex-direction:row; gap:20px;}
.panda-mtr-item{flex:1; max-width:calc(33.3% - 10px);}
.panda-mtr-item .cover-box{padding:10px; border-radius:30px; margin-bottom:15px; background-color:#fff; overflow:hidden;}
.panda-mtr-item .cover-box .cover-box-border-black{padding:7px; border-radius:22px; background-color:#111; overflow:hidden;}
.panda-mtr-item .cover-box .cover-box-border-grey{padding:6px; padding-bottom:12px; border-radius:16px; border-bottom-left-radius:0; border-bottom-right-radius:0; background-color:#333; overflow:hidden;}
.panda-mtr-item .cover-box .cover-box-border-grey > span{display:flex; padding:6px 20px; min-height:52px; background-color:#22669b; border-radius:10px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; overflow:hidden; box-shadow:inset 0 0 6px #2c2d30; align-items:center;}
.panda-mtr-item .cover-box :is(.cover-box-border-grey, .cover-box-border-grey *){font-weight:800 !important; font-family:var(--title-font) !important; line-height:1.1 !important;}
.panda-mtr-item .cover-box .cover-box-img{border-radius:16px; border-top-left-radius:0; border-top-right-radius:0; overflow:hidden;}
.mtr-swiper{position:relative;}
.mtr-swiper .mtr-swiper-pagination{position:absolute; left:3% !important; bottom:0 !important; width:94% !important; text-align:right; z-index:10;}
.mtr-swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#fff; opacity:.5;}
.mtr-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#2babff;}





/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1679.98px) {
	/* Section | Intro */
	#intro{padding-bottom:85px !important;}
}


/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	:root {
		--main-font-size: 17px;
		--h1-font-size: 55px;
		--h2-font-size: 44px;
		--h3-font-size: 38px;
		--h4-font-size: 32px;
		--h5-font-size: 21px;
		--h6-font-size: 19px;
	}

	/* Section | Panda Go! Fest */
	.panda-go-schedule .schedule-item{max-width:42%;}
}


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	:root {
		--main-font-size: 16px;
		--h1-font-size: 38px;
		--h2-font-size: 34px;
		--h3-font-size: 28px;
		--h4-font-size: 24px;
		--h5-font-size: 20px;
		--h6-font-size: 17px;
	}

	/* Common */
	#theme-panda .container.dhk-container.gohk2022-container > .dhk-content > .cmp-container > .cmp-container{padding:75px 35px !important; border-radius:30px; -webkit-box-shadow:inset 0px 0px 0px 6px #44A3DA; -moz-box-shadow:inset 0px 0px 0px 6px #44A3DA; box-shadow:inset 0px 0px 0px 6px #44A3DA;}
	#theme-panda .container.dhk-container.gohk2022-container .title.rainbow-bar--centered{width:100% !important; max-width:65%; padding:6px 35px 12px; border-radius:16px;}
	#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .title.rainbow-bar--centered{border:6px solid #44A3DA;}
	
	#theme-panda .breadcrumb{padding:10px 0;}
	#theme-panda .breadcrumb *{font-size:13px;}
	#theme-panda .breadcrumb .cmp-breadcrumb > .container{padding-left:0; padding-right:0;}

	#theme-panda :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) br{display:none;}
	.fancybox__container{max-width:100vw; max-height:100vh;}
	.fancybox-slide{padding:0;}
	
	.deco.intro-deco-panda-left{transform-origin:center; transform:scale(.7);}
	.deco.intro-deco-panda-right{transform-origin:bottom center; transform:scale(.75);}
	.deco.festivities-deco-panda-bottom-right{transform-origin:bottom center; transform:scale(.7);}
	.deco.social-deco-panda-left{display:none;}
	.deco.social-deco-panda-right{right:-40px; transform-origin:center; transform:scale(.65);}

	/* Component {DHK Non Featured Offer List} */
	#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark ul.hot-offer-list > li > a{border-radius:10px; background-color:#DCF1F3;}
	@media (min-width: 767.98px) {
		#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .hot-offer-item {width:calc((100% - 20px) / 2) !important;}
	}
	
	/* Section | Intro */
	#intro{padding-bottom:100px !important; border-radius:0px 0px 60px 60px;}

	/* Section | Panda-themed festivities */
	#theme-panda .container.dhk-container.gohk2022-container #festivities .title.rainbow-bar--centered:before{width:74px; height:35px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content{margin-left:-5px; margin-right:-5px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item{flex:0 0 calc(25% - 10px); margin-left:5px; margin-right:5px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:17px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item img.card-img{border-radius:8px; margin-bottom:10px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-content{padding-top:0;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:15px; font-size:18px; font-weight:800;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:15px;}

	/* Section | Panda Go! Fest */
	.panda-go-schedule{gap:10px; margin-top:30px;}
	.schedule-cover:after{left:6px; top:-30px; width:55px; height:37px;}
	.schedule-bio-poi{font-size:18px !important;}
	
	/* Section | Gallery */
	.main-gallery{border-radius:16px;}
	.main-gallery-thumb-wrapper{left:30px; width:calc(100% - 30px - 30px);}
	.main-gallery-thumb .swiper-slide{border-radius:10px;}

	/* Section | Social follow */
	.fanspage-box .main-content{height:auto; border-radius:16px;}
	ul.social-badge-list{flex-wrap:wrap; justify-content:flex-start;}
	
	/* Section | Media hub */
	.media-hub-list{--gap:12px;}
	.media-hub-list .item-media{border-radius:12px;}
	.media-hub-list .item-media a.lightbox-video:after{width:60px; height:60px;}
	.media-hub-list .item-media[data-type="instagram"]:before{height:80px;}
	.media-hub-list .item-media[data-type="instagram"]:after{right:15px; bottom:15px; width:35px; height:35px;}
	
	/* Section | News & Press Releases */
	ul.news-list{padding-top:25px; padding-bottom:25px;}
	ul.news-list > li{padding-right:20px;}
	.item-news{gap:15px;}
	.item-news .news-cover{flex:0 0 36%; border-radius:10px;}
	.item-news .news-cover:after{border-radius:10px;}
	.item-news .news-content{
		--main-font-size: 15px;
	}

	/* Section | Panda-tastic picks */
	#panda-themed-play .title.rainbow-bar--centered{padding-left:80px !important;}
	#panda-themed-play .title.rainbow-bar--centered:after{width:168px; height:117px;}
	#pawsome-shopping .title.rainbow-bar--centered{padding-left:65px !important;}
	#pawsome-shopping .title.rainbow-bar--centered:after{width:114px; height:111px;}
	#panda-licious-eats .title.rainbow-bar--centered{padding-left:65px !important;}
	#panda-licious-eats .title.rainbow-bar--centered:after{width:98px; height:111px;}

	ul.panda-picks-chart{flex-direction:column; align-items:center;}
	ul.panda-picks-chart:before{transform:translate(-50%, -50%) rotate(90deg);}
	ul.panda-picks-chart li.chart-item{max-width:283px;}
	ul.panda-picks-chart li.chart-line{min-height:100px; margin-bottom:0;}

	/* Section | Panda MTR */
	.panda-mtr-list{gap:12px;}
	.panda-mtr-item{max-width:calc(33.3% - 6px);}
	.panda-mtr-item .cover-box{padding:8px; border-radius:24px; margin-bottom:12px;}
	.panda-mtr-item .cover-box .cover-box-border-black{padding:5px; border-radius:18px;}
	.panda-mtr-item .cover-box .cover-box-border-grey{padding:5px; padding-bottom:10px; border-radius:12px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
	.panda-mtr-item .cover-box .cover-box-border-grey > span{display:flex; padding:6px 16px; box-shadow:inset 0 0 4px #2c2d30;}
	.panda-mtr-item .cover-box .cover-box-img{border-radius:12px; border-top-left-radius:0; border-top-right-radius:0;}
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	:root {
		--main-font-size: 15px;
		--h1-font-size: 30px;
		--h2-font-size: 24px;
		--h3-font-size: 19px;
		--h4-font-size: 17px;
		--h5-font-size: 16px;
		--h6-font-size: 15px;
	}

	/* Common */
	#theme-panda :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){padding:0 15px !important;}
	.aem-GridColumn.aem-GridColumn--default--12:not(.aem-GridColumn--offset--extrasmall--1) > .dhk-content{padding-left:0 !important; padding-right:0 !important; padding-top:0 !important;}
	#theme-panda .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;}
	#theme-panda .container.dhk-container.gohk2022-container > .dhk-content > .cmp-container > .cmp-container{padding:50px 24px !important; border-radius:20px; -webkit-box-shadow:inset 0px 0px 0px 4px #44A3DA; -moz-box-shadow:inset 0px 0px 0px 4px #44A3DA; box-shadow:inset 0px 0px 0px 4px #44A3DA;}
	#theme-panda .container.dhk-container.gohk2022-container .title.rainbow-bar--centered{padding:3px 20px 8px; border-radius:12px;}
	#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .title.rainbow-bar--centered{border:4px solid #44A3DA;}

	.deco.intro-deco-panda-left{left:0; transform-origin:center; transform:scale(.55);}
	.deco.intro-deco-panda-right{right:60px; transform-origin:bottom center; transform:scale(.6);}
	.deco.festivities-deco-panda-bottom-right{transform:scale(.5);}
	.deco.social-deco-panda-right{right:-60px; transform:scale(.4);}

	/* Component {DHK Non Featured Offer List} */
	#theme-panda .container.dhk-container.gohk2022-container > .dhk-content.theme-dark .non-featured-offers-container{padding-left:0 !important; padding-right:0 !important;}

	/* Section | Intro */
	#intro {padding-bottom:75px !important; border-radius:0px 0px 45px 45px;}
	.timeline-wrapper{margin-top:15px; margin-bottom:15px;}
	.timeline-mobile{min-width:193px; width:51.466vw;}
	:is(html[lang="zh-TW"], html[lang="zh-CN"]) .timeline-mobile{min-width:125px; width:33.33vw;}
	.top-visual-caption{right:10px; bottom:10px; text-shadow:0px 0px 6px #000;}
	#theme-panda :is(.top-visual-caption.remarks, .top-visual-caption.remarks *){font-size:11px !important;}

	/* Section | Panda-themed festivities */
	#theme-panda .container.dhk-container.gohk2022-container #festivities .title.rainbow-bar--centered:before{left:140px; width:63px; height:30px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content{margin-left:-8px; margin-right:-8px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item{flex:0 0 calc(50% - 16px); margin-left:8px; margin-right:8px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:12px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{font-size:15px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:13px;}
	#festivities .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text{margin-top:10px;}

	#past-events .event-cover > img{border-radius:6px;}
	#past-events .events-listing[data-display-style="row"] .item-event{gap:15px;}
	#past-events .events-listing[data-display-style="row"] .event-cover{flex:0 0 30%;}
	#past-events .events-listing[data-display-style="row"] .event-name, #past-events .events-listing[data-display-style="row"] .event-name *{font-size:var(--h5-font-size) !important;}

	/* Section | Panda Go! Fest */
	#panda-go .half-section-component .col-30,
	#panda-go .half-section-component .col-70{
		flex:0 0 auto !important; max-width:none !important;
	}
	#panda-go .half-section-component .half-section__image-wrap{border:4px solid #44A3DA; margin:0 auto; border-radius:15px;}
	#panda-go .imagewithtext:first-child .half-section-component .half-section__image-wrap{width:45%;}
	#panda-go .imagewithtext:first-child .half-section-component .half-section__main{padding-top:10px !important;}

	.panda-go-schedule{flex-direction:column; gap:30px; margin-top:-15px; padding:0; width:80%; margin-left:auto; margin-right:auto;}
	.panda-go-schedule .schedule-item{max-width:none;}
	.schedule-item{margin-top:34px;}
	/* .schedule-item:not(:last-child){margin-bottom:45px;} */
	.schedule-cover:after{left:8px; top:-34px; width:60px; height:41px;}
	.schedule-bio{margin-top:10px; padding:0;}	
	.schedule-item:not(:last-child) .schedule-bio:after{left:50%; top:calc(100% + 15px); transform:translateX(-50%); width:28px; height:28px; background-image: url("data:image/svg+xml,%3Csvg width='38' height='39' viewBox='0 0 38 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.034004 20.8527C0.0340041 19.8473 0.399605 18.8418 1.11777 18.0322C2.67164 16.3217 5.32235 16.1911 7.03291 17.745L19.1766 28.7787L30.6282 18.4109C32.3387 16.857 34.9894 16.9876 36.5433 18.7112C38.0972 20.4218 37.9666 23.0725 36.243 24.6264L21.9709 37.5404C20.3779 38.9898 17.9361 38.9898 16.3431 37.5404L1.39202 23.9474C0.477977 23.1247 0.0209348 21.9887 0.0209349 20.8396L0.034004 20.8527Z' fill='white'/%3E%3Cpath d='M14.6457 32.4742L14.6457 5.17051C14.6457 2.8593 16.526 0.979004 18.8372 0.979004C21.1484 0.979004 23.0287 2.8593 23.0287 5.17051L23.0287 32.4742C23.0287 34.7854 21.1484 36.6657 18.8372 36.6657C16.526 36.6657 14.6457 34.7854 14.6457 32.4742Z' fill='white'/%3E%3C/svg%3E%0A");}
	.schedule-bio-poi{font-size:17px !important;}
	.schedule-bio-date{font-size:26px !important; margin-top:4px;}
	.panda-go-schedule.cny{gap:45px; margin-top:0; width:90%;}
	.schedule-item.cny:not(:last-child) .schedule-bio:after{top:calc(100% + 7px);}
	.schedule-item.cny .schedule-cover-label{text-align:center; padding:6px 12px;}
	.schedule-item.cny :is(.schedule-cover-label, .schedule-cover-label *){font-size:14px !important;}
	.schedule-item.cny .schedule-bio{margin-top:15px;}
	:is(.schedule-label, .schedule-label *){font-size:14px !important;}

	/* Section | Gallery */
	.gallery-wrapper{padding-bottom:55px;}
	.main-gallery{border-radius:12px;}
	.main-gallery-thumb .swiper-slide{border-radius:6px;}
	.main-gallery-button-next, .main-gallery-button-prev{width:24px; height:34px; border-radius:8px; background-size:7px auto;}

	/* Section | Social follow */
	ul.social-list > li{padding:0 25px;}
	.fanspage-box{padding-left:0; margin-top:20px; width:100%;}
	.fanspage-box .main-content{padding:15px; height:auto; border-radius:16px;}
	.fanspage-box .panda-badge{left:15px; top:-15px;}
	.fanspage-box .panda-badge img.img-panda-badge{width:calc(35vw - 10px - 10px); height:calc(35vw - 10px - 10px);}
	.fanspage-box .main-heading-wrapper{padding-left:calc(35vw - 8px); height:calc(35vw - 10px - 10px - 15px - 15px); display:flex; flex-direction:column; justify-content:center;}
	ul.social-badge-list{flex-direction:column; gap:5px; align-items:flex-start; width:100%; text-align:left; margin-top:10px !important;}
	ul.social-badge-list > li{width:100%;}
	.item-badge{display:flex; justify-content:flex-start;}
	.fanspage-box .panda-badge img.img-bubble-followus.text-en{width:92px;}
	.fanspage-box .panda-badge img.img-bubble-followus.text-tc{width:98px;}
	.fanspage-box .panda-badge img.img-bubble-followus.text-sc{width:96px;}

	/* Section | Media hub */
	.media-hub-list{--gap:6px;}
	.media-hub-list .item-media{border-radius:6px;}
	.media-hub-list .item-media a.lightbox-video:after{width:30px; height:30px;}
	.media-hub-list .item-media[data-type="instagram"]:before{height:50px;}
	.media-hub-list .item-media[data-type="instagram"]:after{right:8px; bottom:8px; width:22px; height:22px;}

	/* Section | News & Press Releases */
	ul.news-list{padding-top:20px; padding-bottom:20px;}
	ul.news-list > li{flex:0 0 90%; max-width:90%; padding-right:15px;}
	.item-news{gap:12px;}
	.item-news .news-cover{border-radius:8px;}
	.item-news .news-cover:after{border-radius:8px;}
	.item-news .news-content{
		--main-font-size: 14px;
	}
	.item-news .bio-desc{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

	/* Section | Panda-tastic picks */
	ul.panda-picks-chart:before{width:190%;}
	ul.panda-picks-chart li.chart-item{max-width:246px;}
	ul.panda-picks-chart li.chart-line{background-size:auto 37px;}
	ul.panda-picks-chart .text-capsule{width:210px; height:50px;}
	ul.panda-picks-chart :is(.text-capsule, .text-capsule *){font-size:17px !important;}

	:is(#panda-themed-play, #pawsome-shopping, #panda-licious-eats) .title.rainbow-bar--centered:after{transform:translate(-45%, -55%);}
	#panda-themed-play .title.rainbow-bar--centered{padding-left:56px !important;}
	#panda-themed-play .title.rainbow-bar--centered:after{width:120px; height:84px;}
	#pawsome-shopping .title.rainbow-bar--centered{padding-left:56px !important;}
	#pawsome-shopping .title.rainbow-bar--centered:after{width:82px; height:79px;}
	#panda-licious-eats .title.rainbow-bar--centered{padding-left:50px !important;}
	#panda-licious-eats .title.rainbow-bar--centered:after{width:70px; height:79px;}

	.panda-picks-title{margin-top:-13px;}
	.panda-picks-title > img{width:80vw !important;}
	#panda-picks-hero .top-visual-caption{top:10px; bottom:auto;}
	#panda-picks-hero .btn-return-holder{left:5px; top:10px; padding:2px 15px;}
	#panda-picks-hero .btn-return-holder .btn-return{height:28px;}

	/* Section | Panda MTR */
	.panda-mtr-list{flex-direction:column; gap:20px;}
	.panda-mtr-item{max-width:none;}
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}





/* touch device fix */
@media (hover: none) and (pointer: coarse) {

}

/* IE 10 & 11 fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
}