/* Theme DHK Special Information */
@import url('/content/dam/dhk/common/font/manrope/v15/font-manrope.css');
@import url('/content/dam/dhk/common/font/hkremix/font-hkremix.css');
@import url('/content/dam/dhk/common/font/notosanstc/v35/font-notosanstc.css');
@import url('/content/dam/dhk/common/font/notosanssc/v36/font-notosanssc.css');

:root {
	--main-font: 'Manrope', arial, system-ui, sans-serif;
	--title-font: 'HKRemix', 'Noto Sans TC', arial, system-ui, sans-serif;
	--main-font-size: 16px;
	--h1-font-size: 72px;
	--h2-font-size: 60px;
	--h3-font-size: 44px;
	--h4-font-size: 30px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;

	/* Theme color start */
	/* # global */
	--title-font-color:#222;
	--main-font-color: #222;
	--link-color: #222;
	--link-color-hover: #cc0e07;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #b5120d;
	--secondary-button-font-color: #fff;
	--secondary-button-bgcolor: #C48C4A;
	--selection-font-color: #b5120d;
	--selection-bgcolor: #fff;
	--scrollarea-scrollbar-color-thumb: #b5120d;
	--scrollarea-scrollbar-color-track: #ebe5e9;
	--scrollarea-scrollbar-width: 5px;
	--swiper-pagination-bullet-active-color: #b5120d;

	/* #Rounded corner background container (WinterFest 2021 container) */
	--wf2021container-font-color: #222;
	--wf2021container-bgcolor:#F5F2F4;

	/* # intro */
	--intro-font-color: #FDF9C6;
	--intro-bgcolor: hsla(2,87%,38%,1);
	--intro-bg-image:
	radial-gradient(at 53% 57%, hsla(3,94%,43%,1) 0px, transparent 50%),
	radial-gradient(at 14% 18%, hsla(8,88%,60%,1) 0px, transparent 50%),
	radial-gradient(at 80% 81%, hsla(5,99%,51%,1) 0px, transparent 50%),
	radial-gradient(at 27% 59%, hsla(2,93%,49%,1) 0px, transparent 50%),
	radial-gradient(at 4% 93%, hsla(0,92%,38%,1) 0px, transparent 50%);
	--intro-primary-button-font-color: #000;
	--intro-primary-button-bgcolor: #FDF9C6;;
	--intro-video-icon: url(/content/dam/dhk/common/theme/2025/cyclothon/icon-video-play.svg);
	--intro-date-icon: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.69824' y='5.24237' width='26.303' height='23.7576' rx='2' fill='url(%23paint0_linear_261_714)'/%3E%3Cpath d='M9.08165 19.6675V21.9552H6.79395V19.6675H9.08165ZM14.8009 19.6675V21.9552H12.5132V19.6675H14.8009ZM20.5202 19.6675V21.9552H18.2325V19.6675H20.5202ZM9.08165 14.2075V16.4952H6.79395V14.2075H9.08165ZM14.8009 14.2075V16.4952H12.5132V14.2075H14.8009ZM20.5202 14.2075V16.4952H18.2325V14.2075H20.5202Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M7.70996 1V3.51648' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.9111 1V3.51648' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.7921 3.88257H2.52514C1.68283 3.88257 1 4.5654 1 5.40771V24.9295C1 25.7718 1.68283 26.4546 2.52514 26.4546H24.7921C25.6345 26.4546 26.3173 25.7718 26.3173 24.9295V5.40771C26.3173 4.5654 25.6345 3.88257 24.7921 3.88257Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.81561H26.2258' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_261_714' x1='7.95885' y1='6.56224' x2='7.95885' y2='21.7878' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23AD30D8'/%3E%3Cstop offset='0.88' stop-color='%23731C75'/%3E%3Cstop offset='1' stop-color='%23731C75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	--intro-line-table-font-color: #fff;
	--intro-line-table-border-color: #fff;	

	/* # anchors */
	--anchors-font-color: #222;
	--anchors-border-color: #b5849b;
	--anchors-bgcolor: rgb(228, 220, 225, 1);
	--anchors-sticky-bgcolor: rgb(228, 220, 225, .95);	
	--anchors-toggle-color-main: #3b2400;
	--anchors-toggle-color-secondary: #9D8095;
	--anchors-toggle-bgcolor-main: #fff;
	--anchors-toggle-bgcolor-secondary: #EBE5E9;

	/* Theme color end */
}
@-moz-document url-prefix() {
	:root {
		--main-font: 'Manrope', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, system-ui, sans-serif;
	}
}
html[lang="zh-CN"]{
	--title-font: 'HKRemix', 'Noto Sans SC', arial, system-ui, sans-serif;
	--main-font: 'Manrope', 'Noto Sans SC', arial, system-ui, 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-info ::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-info{position:relative; font-weight:400; font-style:normal; background-color:#fff; background-image:url(/content/dam/dhk/common/theme/2025/special-information/bg-gold.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:center top;}
#theme-info *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title), .popup-wrapper *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title){font-family:var(--main-font);}
#theme-info, #theme-info :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .dhk-crowdedness-card, .dhk-crowdedness-card *){font-size:var(--main-font-size); font-weight:500; line-height:1.5; color:var(--main-font-color);}
#theme-info .theme-dark, #theme-info .theme-dark :is(div, span, p, a, li, table th, table td){color:#fff;}
#theme-info .caption .cmp-text p{font-size:0.6875rem;}
#theme-info 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-info a.underlined:hover{color:var(--link-color-hover);}
#theme-info b, #theme-info strong{font-weight:700;}
#theme-info b *, #theme-info strong *{font-weight:inherit !important;}
#theme-info img:not(.iconVideoPlay){max-width:100%;}
#theme-info small{display:inline-block;}
#theme-info :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-info .caption, #theme-info .caption :is(p, a){font-size:14px !important; letter-spacing: 0 !important; line-height:1.3 !important;}
#theme-info .sharing{display:flex; width:100%; justify-content:flex-start;}
#theme-info .sharing .sharing__container{padding:0 !important;}
#theme-info .sharing ul.sharing__list{margin-top:0 !important; margin-bottom:0 !important; flex-wrap:nowrap;}
#theme-info .sharing li.sharing__item:not(:last-child){margin-right:10px;}
#theme-info .sharing li.sharing__item > svg{background-color:transparent; overflow:hidden; border-radius:999px;}
#theme-info .sharing ul.sharing__list .icon-hover__showed path{fill:var(--intro-font-color);}
#theme-info .sharing ul.sharing__list .icon-hover__hidden path{fill:var(--intro-font-color);}
#theme-info :is(.font-hkremix-neon, .font-hkremix-neon *){font-family:var(--neon-font) !important;}

#theme-info .color-red, #theme-info .color-red *{--main-font-color:#cc0e07; --link-color:#cc0e07;}

#theme-info :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-info :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .non-featured-offers-container, .es-btn-group-container):not(.gohk2022-container, .gohk2022-full-width-container){max-width:calc(1500px + 20px + 20px) !important;}
#theme-info .container-cust{max-width:calc(1500px + 20px + 20px);}
#theme-info .container-cust.large, #theme-info .gohk2022-container{max-width:calc(1500px + 20px + 20px);}
#theme-info .container-cust > .row:not(:last-child){margin-bottom:50px;}
#theme-info .container.dhk-container.max-width-1100 .cmp-container, #theme-info .gohk2022-full-width-container{max-width:none !important;}
#theme-info .freeformeditor-v2 .row, #theme-info .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#theme-info :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;}
@media (min-width: 991.98px){
	#theme-info .text.caption :is(p, a, *){font-size:16px !important;}
}
#theme-info .text.caption{position:relative; padding-left:44px; margin-top:15px; width:fit-content; margin:0 auto;}
#theme-info .text.caption:before{display:block; content:''; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:999px; background-image:url("data:image/svg+xml,%3Csvg width='7' height='17' viewBox='0 0 7 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.9584 0.44239C4.5267 0.15395 4.0192 0 3.5 0C2.8038 0 2.1361 0.27656 1.6439 0.76884C1.1516 1.26113 0.875 1.92881 0.875 2.625C0.875 3.1442 1.029 3.6517 1.3174 4.0834C1.6058 4.5151 2.0158 4.8515 2.4955 5.0502C2.9751 5.2489 3.5029 5.3008 4.0121 5.1996C4.5213 5.0983 4.9891 4.8483 5.3562 4.4812C5.7233 4.114 5.9733 3.6463 6.0746 3.1371C6.1759 2.62791 6.1239 2.10011 5.9252 1.62046C5.7265 1.1408 5.3901 0.73083 4.9584 0.44239ZM6.7803 16.4053C6.921 16.2647 7 16.0739 7 15.875V14.375C7 14.1761 6.921 13.9853 6.7803 13.8447C6.6397 13.704 6.4489 13.625 6.25 13.625H5.5V7.375C5.5 7.1761 5.421 6.9853 5.2803 6.8447C5.1397 6.704 4.9489 6.625 4.75 6.625H0.75C0.5511 6.625 0.3603 6.704 0.2197 6.8447C0.0789995 6.9853 0 7.1761 0 7.375V8.875C0 9.0739 0.0789995 9.2647 0.2197 9.4053C0.3603 9.546 0.5511 9.625 0.75 9.625H1.5V13.625H0.75C0.5511 13.625 0.3603 13.704 0.2197 13.8447C0.0789995 13.9853 0 14.1761 0 14.375V15.875C0 16.0739 0.0789995 16.2647 0.2197 16.4053C0.3603 16.546 0.5511 16.625 0.75 16.625H6.25C6.4489 16.625 6.6397 16.546 6.7803 16.4053Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:center; background-color:var(--primary-button-bgcolor);}

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

#theme-info :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){font-weight:800; font-family:var(--title-font); color:var(--title-font-color); line-height:1.2;}
/* html[lang="en"] #theme-info :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){line-height:1;} */
html[lang="en"] #theme-info :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){letter-spacing:0.01px;}
#theme-info :is(h1, h1 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){font-size: var(--h1-font-size); letter-spacing:-1px !important;}
#theme-info :is(h2, h2 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){font-size: var(--h2-font-size);}
#theme-info :is(h3, h3 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){font-size: var(--h3-font-size);}
#theme-info :is(h4, h4 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){font-size: var(--h4-font-size);}
#theme-info :is(h5, h5 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){font-size: var(--h5-font-size);}
#theme-info :is(h6, h6 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){font-size: var(--h6-font-size);}

#theme-info .theme-dark{
	--title-font-color:#fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}
#theme-info .theme-dark :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *):not(.dhk-crowdedness-card, .dhk-crowdedness-card *){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-info .section-head{margin-bottom:40px;}
#theme-info .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.7;}
#theme-info mark{display:inline-block; padding:3px 12px; margin-bottom:3px; background-color:#fee066; border-radius:999px;}

ul.list-circle-arrow{list-style:none; padding-left:0;}
html[dir] #theme-info ul.list-circle-arrow{margin-top:0 !important;}
ul.list-circle-arrow > li{position:relative; padding-left:35px; padding-bottom:6px; min-height:25px;}
ul.list-circle-arrow > li:before{display:block; content:''; position:absolute; left:0; top:0; width:24px; height:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 25C18.6274 25 24 19.4036 24 12.5C24 5.59644 18.6274 0 12 0C5.37258 0 0 5.59644 0 12.5C0 19.4036 5.37258 25 12 25Z' fill='%23FDF9C6'/%3E%3Cpath d='M16.4278 16.428L7.5708 7.57104M16.4278 16.428H10.2278M16.4278 16.428V10.228' stroke='%23ED1C25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:contain;}
/* ul.list-circle-arrow > li, ul.list-circle-arrow > li *{font-weight:700 !important;} */

/* bootstrap button */
#theme-info .btn{position:relative; display:inline-block; border-radius:16px; padding:12px 20px; margin-bottom:4px; border:0; outline:none; line-height:1.15; text-align:center; --main-font-size:18px;}
#theme-info :is(.btn, .btn *){font-weight:700 !important;}
#theme-info .btn:not(:last-child){margin-right:8px;}
#theme-info .btn.arrow{padding-right:38px;}
#theme-info .btn.arrow:after{display:block; content:''; position:absolute; right:20px; top:calc(50% - 8px); width:9px; height:16px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1);}
#theme-info .btn.arrow:hover:after{transform:translateX(3px) scale(.85);}
#theme-info .btn.disabled{padding:12px 20px !important; filter:contrast(0.5) brightness(1.5); pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
#theme-info .btn.disabled:after{display:none !important;}

#theme-info .btn.btn-primary{background-color:var(--primary-button-bgcolor);}
#theme-info :is(.btn.btn-primary, .btn.btn-primary *){color:var(--primary-button-font-color) !important;}
#theme-info .btn.btn-primary.arrow:after{background-color:var(--primary-button-font-color);}

#theme-info .btn.btn-secondary{background-color:var(--secondary-button-bgcolor);}
#theme-info :is(.btn.btn-secondary, .btn.btn-secondary *){color:var(--secondary-button-font-color) !important;}
#theme-info .btn.btn-secondary.arrow:after{background-color:var(--secondary-button-font-color);}


/* Custom component {Anchors} */
.anchors-wrapper{position:relative; transform:translateY(-27px); margin-bottom:-100%; z-index:99;}
ul.anchors{list-style:none; display:flex; flex-direction:row; flex-wrap:wrap; padding-left:0; z-index:999;}
ul.anchors > li{flex:0 0 50%;}
/* @media (min-width: 991.98px) {ul.anchors > li:not(:first-child){margin-left:-1px;}} */
ul.anchors > li > a{
	display:flex; padding:0 30px; height:54px; border-radius:16px; border:1px solid var(--anchors-border-color); background-color:var(--anchors-bgcolor); justify-content:center; align-items:center; text-align:center; line-height:1.2 !important;
	/* transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1); */
	transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1);
}
ul.anchors > li > a, ul.anchors > li > a *{color:var(--anchors-font-color) !important; font-weight:700 !important; font-size:19px !important; font-family:var(--main-font) !important;}
ul.anchors > li > a.active{background-color:var(--anchors-font-color);}
ul.anchors > li > a.active:after{background-color:var(--anchors-bgcolor);}
ul.anchors > li > a.active, ul.anchors > li > a.active *{color:var(--anchors-bgcolor) !important;}
.anchors-toggle{position:relative; padding:12px 54px 12px 18px; width:100%; border-radius:12px !important; border:1px solid var(--anchors-toggle-color-main); outline:0 !important; background:#fff; text-align:left;}
.anchors-toggle, .anchors-toggle *{line-height:1.2 !important;}
.anchors-toggle .toggle-label{display:block; font-size:12px !important; font-weight:600 !important; color:var(--anchors-toggle-color-secondary) !important; margin-bottom:6px;}
.anchors-toggle .toggle-value{font-size:16px !important; font-weight:800 !important; color:var(--anchors-toggle-color-main) !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.anchors-toggle .toggle-arrow{display:block; position:absolute; right:-1px; top:-1px; width:calc(36px + 2px); height:calc(100% + 2px); border-radius:12px; border:1px solid var(--anchors-toggle-color-main); background-color:var(--anchors-bgcolor);}
.anchors-toggle .toggle-arrow:after{display:inline-block; content:''; position:absolute; left:calc(50% - 3.5px); top:calc(50% - 6px); width:7px; height:12px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--anchors-font-color); transform:rotate(90deg);}
.anchors-toggle.show .toggle-arrow:after{transform:rotate(-90deg);}
@media (min-width: 991.98px) {
	ul.anchors > li > a:hover, ul.anchors > li > a:hover *{color:var(--anchors-bgcolor) !important; background-color:var(--anchors-font-color); border-color:var(--anchors-font-color);}
	ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:16px !important;}
	.anchors-wrapper.sticky ul.anchors{border-radius:16px; border:1px solid var(--anchors-border-color); background-color:var(--anchors-bgcolor); overflow:hidden; flex-wrap:nowrap;}
	.anchors-wrapper.sticky ul.anchors > li{flex:1;}
	.anchors-wrapper.sticky ul.anchors > li > a{height:49px; border:0;}
	.anchors-wrapper.sticky ul.anchors > li > a, ul.anchors > li > a *{font-size:15px !important;}
	.anchors-wrapper.sticky ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:14px !important;}
	.anchors-wrapper.sticky ul.anchors > li > a.active, ul.anchors > li > a.active *{--anchors-bgcolor: #fff;}
}
@media (min-width: 1199.98px) {
	ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:17px !important;}
	.anchors-wrapper.sticky ul.anchors > li > a{height:44px; border-radius:12px; --anchors-bgcolor: var(--anchors-sticky-bgcolor);}
	.anchors-wrapper.sticky ul.anchors > li > a.active{box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15);}
	.anchors-wrapper.sticky ul.anchors > li > a, ul.anchors > li > a *{font-size:16px !important;}
	/* .anchors-wrapper.sticky ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:15px !important;} */
}
@-webkit-keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}
@keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}

/* Custom component {Flex wrapper} */
.flex-wrapper{
	--flex-wrapper-gap: 16px;
	display:flex; flex-wrap:wrap; gap:var(--flex-wrapper-gap);
}
.flex-wrapper.flex-nowrap{flex-wrap:nowrap;}
.flex-wrapper.flex-col-3 .flex-item{flex:0 0 calc( 33.3% - ( var(--flex-wrapper-gap) * 2 / 3 ) ); max-width:calc( 33.3% - ( var(--flex-wrapper-gap) * 2 / 3 ) );}
.flex-wrapper.flex-col-4 .flex-item{flex:0 0 calc( 25% - ( var(--flex-wrapper-gap) * 3 / 4 ) ); max-width:calc( 25% - ( var(--flex-wrapper-gap) * 3 / 4 ) );}
.flex-wrapper .flex-item > :is(div, span, a){height:100%;}

/* Custom component {Linebox} */
.linebox{display:flex; flex-direction:column; gap:25px; padding:35px 30px; border-radius:16px; border:1px solid #d8ccd5; background-color:#fff;}
.linebox.direction-row{flex-direction:row; flex-wrap:nowrap; gap:16px;}
.linebox .item-cover{border-radius:12px; overflow:hidden;}
.linebox.direction-row > div{flex:1;}

/* DHK Component {DHK WinterFest 2021 Container} — Event inner page container */
#theme-info .winterfest2021_container{
	padding:12px; padding-top:0;
	--line-table-font-color: var(--wf2021container-line-table-font-color);
	--line-table-border-color: var(--wf2021container-line-table-border-color);
}
#theme-info .winterfest2021_container .heading h1{--title-font: 'Libel Suit Regular', 'Noto Sans', 'Noto Sans TC', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif; letter-spacing:0;}
@media (min-width: 991.98px) {
	#theme-info .winterfest2021_container .heading h1{--h1-font-size:75px;}
}
html[lang="en"] #theme-info .winterfest2021_container .heading h1{font-weight:500;}
html[lang="zh-CN"] #theme-info .winterfest2021_container .heading h1{--title-font: 'Libel Suit Regular', 'Noto Sans', 'Noto Sans SC', 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif}
#theme-info .winterfest2021_container > .sectionBox{
	position:relative; padding:60px 0; background-color:var(--wf2021container-bgcolor); border-radius:16px; overflow:hidden;
	background-image:url(/content/dam/dhk/common/theme/2025/national-day-golden-week/bg-gold-3.jpg); 
	/* background-size: 100% auto; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	/* background-position: center; */
	--event-inner-bgcolor:#f1e6c1;
}
#theme-info .winterfest2021_container > .sectionBox, #theme-info .winterfest2021_container > .sectionBox *:not(.dhk-crowdedness-card, .dhk-crowdedness-card *) {--main-font-color: var(--wf2021container-font-color); color:var(--wf2021container-font-color);}
#theme-info .winterfest2021_container .article-detail__heading{padding-left:0; padding-right:0; padding-top:0;}
#theme-info .winterfest2021_container .article-detail__heading .rainbow-bar--vertical{padding-left:0;}
#theme-info .winterfest2021_container .article-detail__heading .rainbow-bar--vertical .cmp-title__text>*:before{display:none; top:25px; left:-20px; bottom:15px; background-image:none; background-color:var(--wf2021container-font-color); border-radius:99px;}
#theme-info .winterfest2021_container .image > .cmp-image > .cmp-image__image,
#theme-info .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{
	border-radius:12px;
}
#theme-info .winterfest2021_container .colorTable-container{max-width:1060px; margin:0 auto;}
#theme-info .winterfest2021_container .colorTable th, #theme-info .winterfest2021_container .colorTable td{padding:15px 12px; border-radius:4px;}
#theme-info .winterfest2021_container .colorTable.cellwithcolor th, #theme-info .winterfest2021_container .colorTable.cellwithcolor td{background-color:rgba(0,0,0,.15);}
#theme-info .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:10px;}
#theme-info .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;}
#theme-info .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:10px;}
#theme-info .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:10px;}
#theme-info .winterfest2021_container .carousel{margin-top:30px;}
#theme-info .winterfest2021_container .carousel-container{padding-left:0 !important; padding-right:0 !important;}
#theme-info .winterfest2021_container .carousel-container .slick-dots li button:before{border:1px solid #fff;}
#theme-info .winterfest2021_container .carousel-container .slick-dots li.slick-active button:before{background:#fff; border:1px solid #fff;}

/* DHK Component {DHK e-Solution Offer Cross-Sell Banner} */
#theme-info .offer-cross-sell-banner{max-width:1320px; margin:0 auto;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-item{border-radius:16px; overflow:hidden;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-item .item-details .see-more-btn{border-radius:8px;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo-inner-wrapper{height:100%; padding-bottom:0;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; width:auto; height:auto; min-height:0; top:auto; object-fit:cover;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; top:auto; height:auto; min-height:0;}
#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .see-more-btn{height:45px;}
@media (min-width: 1500.98px) {
	#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:40px 85px;}
}
#theme-info .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}
#theme-info .offer-cross-sell-cmp-container .item-details .offer-name{line-height:1.2; font-size:var(--h4-font-size); font-family:var(--main-font) !important; font-weight:700 !important;}
#theme-info .offer-cross-sell-cmp-container .item-details .offer-name > :is(.desc, .desc *, p, p *){font-size:16px !important; color:inherit !important; line-height:1.4;}
#theme-info .offer-cross-sell-cmp-container .item-details .offer-name > .desc:first-child, #theme-info .offer-cross-sell-cmp-container .item-details .offer-name > p:first-child{margin-top:12px;}
#theme-info .offer-cross-sell-banner .swiper-pagination-bullet{border-radius:99px;}
#theme-info .offer-cross-sell-banner .swiper-pagination-bullet-active{width:20px; background-color:var(--swiper-pagination-bullet-active-color);}
#theme-info .offer-cross-sell-banner .swiper-slide{margin-right:0 !important;}



/* Section */
:is(#estimated-time, #opening-hours, #public-transportation, #border-services) .cmp-title__text h2{padding-left:70px; background-repeat:no-repeat; background-position:left top;}
#estimated-time .cmp-title__text h2{background-image:url(/content/dam/dhk/common/theme/2025/special-information/icon-queue.png); background-position:left 2px top 16px;}
#opening-hours .cmp-title__text h2{background-image:url(/content/dam/dhk/common/theme/2025/special-information/icon-time.png); background-position:left 8px top 16px;}
#public-transportation .cmp-title__text h2{background-image:url(/content/dam/dhk/common/theme/2025/special-information/icon-transport.png); background-position:left 8px top 16px;}
#border-services .cmp-title__text h2{background-image:url(/content/dam/dhk/common/theme/2025/special-information/icon-bus.png); background-position:left 8px top 16px;}

/* Section | Intro */
#intro{position:relative; margin:0 12px; padding:55px 0 calc(13.07vw + 30px); min-height:20.36vw; border-radius:16px; background-color:var(--intro-bgcolor); background-image:var(--intro-bg-image); overflow:hidden;}
#intro:after{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; min-height:20.36vw; background-image:url(/content/dam/dhk/common/theme/2025/special-information/bg-skyline-gold-red.png); background-position:bottom center; background-repeat:no-repeat; background-size:84.16vw auto;}
#intro *{
	--title-font-color: var(--intro-font-color);
	--main-font-color: var(--intro-font-color);
	--link-color: var(--intro-font-color);
	--link-color-hover: var(--intro-font-color);
}
#intro *:not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:600 !important;}
#intro .intro-inner{position:relative; z-index:2;}
#intro .offset-left{max-width:57.29vw;}
#intro .main-title{margin-bottom:18px;}
#intro .main-title h1{margin-bottom:8px; line-height:.95;}
#intro .main-title .sub-text{--main-font-size:var(--h3-font-size); font-weight:700; font-family:var(--title-font) !important; line-height:.95;}
#intro .main-title :is(h1, h1 *, .sub-text, .sub-text *) {
	background: linear-gradient(90deg, #FBCB89 0%, #fcf5e0 12.02%, #EAD199 38.94%, #F8F0CF 57.21%, #E7D5A5 71.15%, #FBF0CF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Section | Estimated time */
#estimated-time{margin-top:calc(108px - 27px);}

/* Section | Public transportation */
.linebox.transport-item{padding:8px; gap:6px;}
.linebox.transport-item a.btn.btn-secondary{width:100%; padding-right:20px;}
.linebox.transport-item :is(a.btn.btn-secondary, a.btn.btn-secondary *){--main-font-size:18px;}
.linebox.transport-item a.btn.btn-secondary:after{display:none !important;}

/* Section | Border services */
.linebox.service-item .service-name{font-size:var(--h6-font-size) !important; font-weight:800 !important; line-height:1.35 !important;}
.linebox.service-item .service-info{margin-top:20px;}
.image-label{display:block; width:100%; margin-top:6px; padding:2px 15px; border-radius:10px; font-weight:700 !important; text-align:center; background-color:#C48C4A; --main-font-color:#fff; }



/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1679.98px) {
	
}


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


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

}


@media screen and (max-width: 1023px) {
	.navbar-wrapper{height:88px;}
}


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

	/* common */
	#theme-info .breadcrumb{padding:10px 0;}
	#theme-info .breadcrumb *{font-size:13px;}
	#theme-info .breadcrumb .cmp-breadcrumb > .container{padding-left:0; padding-right:0;}
	#theme-info :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;}
	/* bootstrap button */
	#theme-info .btn{border-radius:12px; --main-font-size:17px;}

	/* Custom component {Anchors} */
	.anchors-wrapper{position:relative; transform:translateY(-8px); margin-bottom:0; z-index:99;}
	ul.anchors{display:none; position:absolute; top:calc(100% + 3px); flex-direction:column; width:100%; border-radius:8px; border:1px solid var(--anchors-toggle-color-main); background-color:var(--anchors-toggle-bgcolor-main); overflow:hidden; box-shadow:0px 8px 20px 0px var(--anchors-toggle-bgcolor-secondary);}
	ul.anchors > li{flex:auto;}
	ul.anchors > li:not(:last-child){border-bottom:1px solid var(--anchors-toggle-color-main);}
	ul.anchors > li > a{padding:0 20px; height:48px; border-radius:0; border:0; background-color:transparent; text-align:left; justify-content:flex-start;}	
	ul.anchors > li > a.active{background-color:var(--anchors-bgcolor);}
	ul.anchors > li > a, ul.anchors > li > a *{color:var(--anchors-toggle-color-main) !important; font-size:15px !important;}
	ul.anchors > li > a.active, ul.anchors > li > a.active *{color:#fff !important;}
	ul.anchors > li > a:after{display:none;}
	.anchors-wrapper.sticky ul.anchors > li > a.active, ul.anchors > li > a.active *{--anchors-bgcolor: #222;}

	/* Custom component {Flex wrapper} */
	.flex-wrapper{
		--flex-wrapper-gap: 10px;
	}
	/* :is(.flex-wrapper.flex-col-3 ,.flex-wrapper.flex-col-4) .flex-item{flex:0 0 calc( 50% - ( var(--flex-wrapper-gap) / 2 ) ); max-width:calc( 50% - ( var(--flex-wrapper-gap) / 2 ) );} */
	.flex-wrapper.flex-col-md-2 .flex-item{flex:0 0 calc( 50% - ( var(--flex-wrapper-gap) / 2 ) ); max-width:calc( 50% - ( var(--flex-wrapper-gap) / 2 ) );}
	.flex-wrapper.flex-col-md-1 .flex-item{flex:auto; max-width:100%;}

	/* Custom component {Linebox} */
	.linebox{gap:20px; padding:20px;}

	/* DHK Component {DHK WinterFest 2021 Container} — Event inner page container */
	#theme-info .winterfest2021_container > .sectionBox{padding:30px 0 35px;}

	/* DHK Component {DHK e-Solution Offer Cross-Sell Banner} */
	#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:2.4% 6%;}
	#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:auto !important;}

	/* Section */
	:is(#estimated-time, #opening-hours, #public-transportation, #border-services) .cmp-title__text h2{padding-left:50px;}
	#estimated-time .cmp-title__text h2{background-position:left top; background-size:auto 33px;}
	#opening-hours .cmp-title__text h2{background-position:left top; background-size:auto 40px;}
	#public-transportation .cmp-title__text h2{background-position:left top; background-size:auto 38px; min-height:38px;}
	#border-services .cmp-title__text h2{background-position:left 8px top 0; background-size:auto 35px;}

	/* Section | Estimated time */
	#estimated-time{margin-top:0;}
}


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

	/* Common */
	#theme-info .copy.copy--small p:not(.dynamic-page-details__list--data):not(:last-child), #theme-info p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;}
	#theme-info :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-info .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;}
	/* bootstrap button */
	#theme-info .btn{border-radius:12px; padding:10px 15px; --main-font-size:16px;}

	/* DHK Component {DHK WinterFest 2021 Container} — Event inner page container */
	#theme-info .winterfest2021_container{padding:6px; padding-top:0;}
	#theme-info .winterfest2021_container > .sectionBox{padding:25px 0 30px; border-radius:12px;}
	#theme-info .winterfest2021_container .image > .cmp-image > .cmp-image__image,
	#theme-info .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{
		border-radius:8px;
	}

	/* DHK Component {DHK e-Solution Offer Cross-Sell Banner} */
	#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px;}
	#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{object-fit:cover !important;}
	#theme-info .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details .see-more-btn .btn-text{font-size:16px;}
	#theme-info .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:15px; margin-top:6px;}

	/* Custom component {Flex wrapper} */
	.flex-wrapper{
		--flex-wrapper-gap: 6px;
	}
	/* :is(.flex-wrapper.flex-col-3 ,.flex-wrapper.flex-col-4) .flex-item{flex:auto; max-width:100%;} */
	.flex-wrapper.flex-col-sm-2 .flex-item{flex:0 0 calc( 50% - ( var(--flex-wrapper-gap) / 2 ) ); max-width:calc( 50% - ( var(--flex-wrapper-gap) / 2 ) );}
	.flex-wrapper.flex-col-sm-1 .flex-item{flex:auto; max-width:100%;}

	/* Section | Intro */
	#intro{margin:0; padding:25px 0 calc(24.93vw + 20px); min-height:24.93vw; border-radius:0;}
	#intro:after{min-height:24.93vw; background-image:url(/content/dam/dhk/common/theme/2025/special-information/bg-skyline-gold-red-mobile.png); background-size:100% auto;}


	#intro .offset-left{max-width:none;}

	
}


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