/* Theme DHK Night Bus Tour 2025 */
@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{
	--list-green: #EBFF96;
	--list-blue: #96FFFB;
	--list-orange: #FFAA96;
	--list-pink: #fe80b0;

	--main-font: 'Manrope', arial, system-ui, sans-serif;
	--title-font: 'HKRemix', 'Noto Sans TC', arial, system-ui, sans-serif;
	--main-font-size: 16px;
	--main-font-size-lg: calc(var(--main-font-size) * 1.125);
	--main-font-size-xl: calc(var(--main-font-size) * 1.25);

	--title-font-color: #fff;
	--main-font-color: #fff;
	--link-color: #fff;
	--link-color-hover: #F05858;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #F05858;
	--selection-font-color: #fff;
	--selection-bgcolor: #F05858;
}
@-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 */
html[dir] .sharing__list{margin-top:0 !important; margin-bottom:0 !important;}
html[dir=ltr] li.sharing__item{margin-right:15px;}
html[dir=ltr] li.sharing__item:last-child{margin-right:0;}
ul.sharing__list .icon-hover__showed path{fill:#fff;}
ul.sharing__list .icon-hover__hidden path{fill:#5ecbaa;}
.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] .footer{border-top:0 !important;}
#theme-nbt ::selection, .prgmlist-detail ::selection{background-color:#ffeb58; color:#222;}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.video-js .vjs-play-progress, .video-js .vjs-big-play-button{background-color:#FFC855 !important;}

#theme-nbt{position:relative; color:#fff; font-weight:400; font-style:normal; background-color:#071a43 !important; background-image:url(/content/dam/dhk/common/theme/2023/night-bus-tour/bg_desktop.jpg); background-size:100% auto; background-position:top center; background-repeat:no-repeat;}

#theme-nbt *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title){font-family:var(--main-font);}
#theme-nbt, #theme-nbt :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:500; line-height:1.5; color:var(--main-font-color);}
#theme-nbt 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-nbt a.underlined:hover{color:var(--link-color-hover);}

#theme-nbt :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:800; font-family:var(--main-font); color:var(--title-font-color); line-height:1.2;}
html[lang="en"] #theme-nbt :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){letter-spacing:0.01px;}

#theme-nbt b, #theme-nbt strong{font-weight:800;}
#theme-nbt b *, #theme-nbt strong *{font-weight:inherit !important;}
#theme-nbt img{display:inline-block; max-width:100%;}
#theme-nbt .sharing{display:flex; width:100%; justify-content:center;}

#theme-nbt :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-nbt :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(1530px + 20px + 20px) !important;}
#theme-nbt .container-cust{max-width:calc(1380px + 20px + 20px);}
#theme-nbt .container-cust.large, #theme-nbt .gohk2022-container{max-width:calc(1530px + 20px + 20px);}
#theme-nbt .container-cust > .row:not(:last-child){margin-bottom:50px;}
#theme-nbt .container.dhk-container.max-width-1100 .cmp-container, #theme-nbt .gohk2022-full-width-container{max-width:none !important;}
#theme-nbt .freeformeditor-v2 .row, #theme-nbt .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#theme-nbt :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-nbt .remarks, #theme-nbt .remarks *{--main-font-size:14px !important;     font-size:var(--main-font-size) !important;}
#theme-nbt .breadcrumb{padding-bottom:30px;}
#theme-nbt .breadcrumb .cmp-breadcrumb{border-top-color:#DBDBDB !important;}
#theme-nbt .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#theme-nbt .breadcrumb .cls-100{stroke:#fff; stroke-width:1px;}
#theme-nbt .breadcrumb .cmp-breadcrumb .cmp-breadcrumb__item:after{border-color:#fff;}


/* Main */
/* welcome */
#welcome{position:relative; margin-top:3.4vw; padding-top:13vw;}
#welcome .neon-deco{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;}
#welcome .neon-border{position:relative; flex:0 1 calc((100% - 24.4vw - 20px) / 2 ); height:3px;}
#welcome .neon-border > span{display:block; position:relative; width:100%; height:100%; background-color:#fff; filter: blur(1px); z-index:1; border-radius:99px;}
#welcome .neon-border:before, #welcome .neon-border:after{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% + 20px); border-radius:99px;}
#welcome .neon-border:before{height:10px; filter:blur(5px);}
#welcome .neon-border:after{height:7px; filter:blur(5px);}
#welcome .neon-border.border-left:before{background-color:#F4827D;}
#welcome .neon-border.border-left:after{background-color:#E52D25;}
#welcome .neon-border.border-right:before{background-color:#A4DD7A;}
#welcome .neon-border.border-right:after{background-color:#72B242;}
#welcome .neon-bus{position:absolute; left:50%; top:0; transform:translateX(-50%); width:38.4vw; max-width:738px; z-index:99;}

/* content */
#blue-wrapper{padding:calc(8vw + 20px) 30px 55px !important; background-color:rgba(25, 56, 98, .75); border-radius:4px;}

.dropdown-container{display:none; margin-top:0; margin-bottom:30px;}
#theme-nbt .dropdown{z-index:20; --main-font-size:15px !important;}
#theme-nbt .dropdown .dropdown-toggle{display:flex; justify-content:center; align-items:center; width:100%; height:44px !important; padding-top:2px !important; padding-bottom:2px !important; padding-left:40px !important; padding-right:40px !important; border-radius:999px; background-color:#102D55; border:2px solid #fff; font-weight:800; white-space:break-spaces; line-height:1.1;}
#theme-nbt .dropdown .dropdown-toggle::after{position:absolute; width:12px; height:7px; right:20px; top:50%; transform:translateY(-50%); border:0; margin:0; background-position:center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath id='Icon_ionic-ios-arrow-down' data-name='Icon ionic-ios-arrow-down' d='M12.19,16.136,16.727,11.5a.842.842,0,0,1,1.211,0,.9.9,0,0,1,0,1.239L12.8,17.992a.844.844,0,0,1-1.183.026L6.438,12.746a.893.893,0,0,1,0-1.239.842.842,0,0,1,1.211,0Z' transform='translate(-6.188 -11.246)' fill='%23fff'/%3E%3C/svg%3E%0A");}
#theme-nbt .dropdown .dropdown-menu{width:100%; background-color:#102D55; border-color:#fff; border-width:2px; border-radius:12px;}
#theme-nbt .dropdown .dropdown-item{
	padding-top:8px !important; padding-bottom:8px !important; font-weight:800; white-space:pre-wrap;
	transition:background-color .4s cubic-bezier(0.25, 1, 0.5, 1), color .4s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:background-color .4s cubic-bezier(0.25, 1, 0.5, 1), color .4s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:background-color .4s cubic-bezier(0.25, 1, 0.5, 1), color .4s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:background-color .4s cubic-bezier(0.25, 1, 0.5, 1), color .4s cubic-bezier(0.25, 1, 0.5, 1);
}
#theme-nbt .dropdown .dropdown-item:hover, #theme-nbt .dropdown .dropdown-item:focus{background-color:rgba(255,255,255,.1);}
#theme-nbt .dropdown .dropdown-item.active{color:#222 !important;}

.tours-list{
	display:flex; flex-direction:row; flex-wrap:nowrap; gap:8px; margin-bottom:50px;
	--main-font-size:15px;
}
.tours-list, .tours-list :is(p, a, td, span, div){line-height:1.4;}
.tours-list p:not(:last-child){margin-bottom:18px !important;}
.tours-list .list-col{flex:0 0 calc(25% - (8px * 3 / 4)); max-width:calc(25% - (8px * 3 / 4)); background-color:rgba(0,0,0,.25); border-radius:6px; padding:20px 20px 55px;}
.tours-list .list-row:not(:last-child){margin-bottom:38px; padding-bottom:23px; border-bottom:1px dashed rgba(255,255,255,.5);}
.tours-list .list-row:nth-child(2){margin-top:15px; padding-top:23px; border-top:1px dashed rgba(255,255,255,.5);}
.tours-list .list-row.tour--intro{margin-left:-20px; margin-right:-20px; margin-bottom:0; border-bottom:0;}
.tours-list .list-item-margin{margin-bottom:15px;}
.tours-list .list-row-heading{min-height:35px; margin-bottom:26px;}
.tours-list .list-col:not(:first-child) .list-row-heading{visibility: hidden;}
.tours-list .tour--thumb{margin-bottom:15px;}
.tours-list .tour--head{
	padding:10px 20px; z-index:99; border-bottom:2px solid transparent;
	transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), border-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), border-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), border-color .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: background-color .5s cubic-bezier(0.25, 1, 0.5, 1), border-color .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.tours-list .tour--head.sticky{background-color:rgba(18,41,71,.95); border-color:#fff; height:auto !important;}
.tours-list .tour--title h4, .tours-list .list-row-heading h5{font-size:24px; font-weight:800; line-height:1.2;}
.tours-list .tour--title h4{margin-bottom:0;}
@media (min-width: 991.98px) {
	.tours-list .tour--head.sticky .tour--title h4 {font-size: 20px;}
}
.tours-list .tour--thumb, .tours-list .tour--desc{padding:0 20px;}
.tours-list .tour--desc--para.hidden{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.tours-list .tour--price{font-size:20px;}
.reminder-box{border-radius:6px; padding:10px; border:1px solid rgba(255,255,255,.2); margin-bottom:25px; font-size:14px;}

ol.circle-list{list-style:none; padding-left:0; counter-reset:my-awesome-counter;}
ol.circle-list li{position:relative; padding-left:36px; padding-bottom:10px; min-height:24px; counter-increment:my-awesome-counter;}
ol.circle-list li::before{display:inline-block; content:counter(my-awesome-counter); position:absolute; left:0; top:0; width:24px; height:24px; font-weight:800; color:#1A3862; line-height:22px; border-radius:50%; border:1px solid #2B015C; text-align:center;}
p:not(.dynamic-page-details__list--data) + ol.circle-list{margin-top:-12px !important;}

.tour--purchase ol.circle-list > li{padding-bottom:30px;}

/* color theme */
.tours-list .list-col.color-green :is(.tour--title h4, .tour--title h4 *, a.btn-desc-more),
#theme-nbt .dropdown .color-green {
	color: var(--list-green) !important;
}
#theme-nbt .dropdown .dropdown-item.active.color-green{background-color:var(--list-green);}
.tours-list .list-col.color-green ol.circle-list li::before{background-color:var(--list-green);}
.tours-list .list-col.color-green .reminder-box{border-color:rgba(235,255,150,.2);}
.tours-list .list-col.color-green .tour--head.sticky{border-color:var(--list-green);}

.tours-list .list-col.color-blue :is(.tour--title h4, .tour--title h4 *, a.btn-desc-more),
#theme-nbt .dropdown .color-blue {
	color: var(--list-blue) !important;
}
#theme-nbt .dropdown .dropdown-item.active.color-blue{background-color:var(--list-blue);}
.tours-list .list-col.color-blue ol.circle-list li::before{background-color:var(--list-blue);}
.tours-list .list-col.color-blue .reminder-box{border-color:rgba(150,255,251,.2);}
.tours-list .list-col.color-blue .tour--head.sticky{border-color:var(--list-blue);}

.tours-list .list-col.color-orange :is(.tour--title h4, .tour--title h4 *, a.btn-desc-more),
#theme-nbt .dropdown .color-orange {
	color: var(--list-orange) !important;
}
#theme-nbt .dropdown .dropdown-item.active.color-orange{background-color:var(--list-orange);}
.tours-list .list-col.color-orange ol.circle-list li::before{background-color:var(--list-orange);}
.tours-list .list-col.color-orange .reminder-box{border-color:rgba(255,170,150,.2);}
.tours-list .list-col.color-orange .tour--head.sticky{border-color:var(--list-orange);}

.tours-list .list-col.color-pink :is(.tour--title h4, .tour--title h4 *, a.btn-desc-more),
#theme-nbt .dropdown .color-pink {
	color: var(--list-pink) !important;
}
#theme-nbt .dropdown .dropdown-item.active.color-pink{background-color:var(--list-pink);}
.tours-list .list-col.color-pink ol.circle-list li::before{background-color:var(--list-pink);}
.tours-list .list-col.color-pink .reminder-box{border-color:rgba(255,170,150,.2);}
.tours-list .list-col.color-pink .tour--head.sticky{border-color:var(--list-pink);}

/* document box */
.docbox{position:relative; margin-top:95px; padding:85px 70px 50px; border:2px solid #57C0EF; background-color:#17326F; border-radius:10px;}
.docbox:not(:last-child){margin-bottom:55px;}
.docbox .heading{position:absolute; top:0; left:50%; padding:10px; width:auto; max-width:95%; min-height:50px; transform:translate(-50%, -50%);}
.docbox .heading:before{display:block; content:''; position:absolute; left:0; top:0; filter:blur(8px); background:#17326F; width:100%; height:100%; z-index:-1;}
.docbox .heading h3{font-size:32px; font-weight:800; color:#57C0EF !important; text-align:center; white-space:nowrap;}
.docbox-row:not(:first-child){margin-bottom:40px;}
.docbox-row .row-heading{margin-bottom:23px;}
.docbox-row .row-heading h5{margin-bottom:2px; font-size:20px; font-weight:800;}
ol.docbox-list{list-style:none; padding-left:0; counter-reset:my-awesome-counter;}
ol.docbox-list > li{position:relative; padding:32px 60px 32px 84px; border-radius:15px; background-color:#1A4988; counter-increment:my-awesome-counter; }
ol.docbox-list > li:not(:last-child){margin-bottom:10px;}
ol.docbox-list > li::before{display:inline-block; content:counter(my-awesome-counter); position:absolute; left:45px; top:32px; width:24px; height:24px; font-weight:800; color:#1A3862; line-height:21px; border-radius:50%; border:1px solid #2B015C; background-color:#fff; text-align:center;}
ul.docbox-list{list-style:none; padding-left:0;}
ul.docbox-list > li{padding:32px 60px; border-radius:15px; background-color:#1A4988;}
ul.docbox-list > li:not(:last-child){margin-bottom:10px;}
ul.docbox-list span.li-heading{display:block; --main-font-size:20px; font-weight:800 !important;}
ul.docbox-list > li > ul{list-style:disc;}
ul.docbox-list > li > :is(ul, ol){padding-left:22px;}
ul.docbox-list li > img:not(:first-child){margin-top:10px;}

/* rounded button */
a.btn-round{display:inline-flex; justify-content:center; align-items:center; padding:12px 45px; border:2px solid #D7EBC9; background-color:#1B2A57 !important; border-radius:10px; color:#C7FF96 !important; font-weight:800 !important; font-size:20px !important; line-height:1.1 !important;}

/* terms */
.terms > h5{--main-font-size:15px; font-weight:800;}
.terms ol{margin-bottom:0 !important; padding-left:26px;}
.terms ol > li{--main-font-size:14px;}
.terms ol > li:nth-child(n + 4){display:none;}
.terms ol.expand > li:nth-child(n + 4){display:list-item;}
a.btn-expand-terms{color:#C7FF96 !important; --main-font-size:14px;}



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


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.tours-list{flex-wrap:wrap;}
	.tours-list .list-col{flex:0 0 calc(50% - (8px / 2)); max-width:calc(50% - (8px / 2));}
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	:root {
		--main-font-size: 15px;
	}
	#theme-nbt{background-size:145% auto;}

	/* Main */
	/* welcome */
	#welcome{padding-top:24vw;}
	#welcome .neon-border{flex:0 1 calc((100% - 44vw - 20px) / 2 );}
	#welcome .neon-bus{width:64vw; max-width:100%;}

	/* content */
	#blue-wrapper{padding-left:20px !important; padding-right:20px !important;}
	.dropdown-container{display:block;}
	.tours-list{flex-direction:column; justify-content:flex-start; gap:40px; margin-bottom:30px;}
	.tours-list .list-col{flex:0 0 100%; max-width:100%; border-radius:12px; padding:20px; overflow:hidden;}
	.tours-list .tour--title h4, .tours-list .list-row-heading h5{font-size:22px;}
	.tours-list .list-col:not(:first-child) .list-row-heading{visibility: visible;}
	.tours-list .list-row-heading{min-height:0;}
	.tours-list .tour--thumb{padding:0; margin-top:-20px;}

	/* document box */
	.docbox{padding:60px 35px 25px; margin-top:55px;}
	.docbox .heading{width:100%; max-width:80%;}
	.docbox .heading h3{font-size:22px; white-space:wrap; line-height:1.2;}
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	:root {
		--main-font-size: 14px;
	}

	/* Common */
	.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-nbt :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){padding:0 10px !important;}

	/* Main */
	#blue-wrapper{padding-left:10px !important; padding-right:10px !important;}
	.tours-list .tour--title h4, .tours-list .list-row-heading h5{font-size:19px;}
	.tours-list .tour--price{font-size:16px;}

	/* document box */
	.docbox{padding:45px 10px 25px;}
	.docbox .heading{max-width:90%;}
	.docbox-row .row-heading{margin-bottom:12px;}
	ol.docbox-list > li{padding: 20px 20px 20px 40px}
	ol.docbox-list > li::before{left: 12px; top:20px; width:20px; height:20px; font-size:13px;}
	ul.docbox-list > li{padding:20px 10px;}
}


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