/* Theme QTS enhancement */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/** Common **/
html[dir] body{background-color:#fff !important;}
html[dir] .footer{border-top:0 !important;}
::selection{background-color:#B49829; color:#fff;}
.itinerary-title-container{padding-left:20px !important; padding-right:20px !important; margin-bottom:20px !important;}

/* Component {header banner} */
#qts-header, #hot-topic-list-1{position:relative;}
#qts-header:before{display:block; content:''; width:100%; height:95%; position:absolute; left:0; top:0;}
#qts-header :is(h1, h2, h3, h4, h5, h6), #qts-header .desc-container, #qts-header .desc-container p{color:#fff;}
html[dir] #qts-header .header-banner-container .header-banner .swiper-button-prev, html[dir] #qts-header .header-banner-container .header-banner .swiper-button-next{border-radius:50%; box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15); -webkit-box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15); -moz-box-shadow:-1px -1px 19px 0px rgba(0,0,0,0.15);}
#qts-header .header-banner{visibility:hidden; opacity:0; transition:visibility .25s linear, opacity .25s linear; -moz-transition:visibility .25s linear, opacity .25s linear; -ms-transition:visibility .25s linear, opacity .25s linear; -webkit-transition:visibility .25s linear, opacity .25s linear;}
#qts-header .header-banner.ele-loaded{visibility:visible !important; opacity:1 !important;}
#qts-header .header-banner a.banner{padding-bottom:31.25%;}
#qts-header .header-banner .textbox{/*padding-left:13%; width:50%;*/ left:calc(50% - 550px); width:100%; max-width:1100px; height:100%; display:flex; flex-direction:column; justify-content:center;}
@media (max-width: 1099.98px) {
	#qts-header .header-banner .textbox{left:0;}
}
#qts-header .header-banner .textbox
#qts-header .header-banner .hb-title{margin-bottom:15px;}
#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6){font-size:50px; font-weight:800; line-height:1.1; text-shadow:0 0 20px #5A5A5A; font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6) > img {margin-bottom:15px; height:200px;}
#qts-header .header-banner .hb-text{font-weight:600; line-height:1.4;}
#qts-header .header-banner .cover-wrapper:after{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-size:auto 100%; background-position:left center; background-repeat:no-repeat; pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
#qts-header .header-banner .cover-wrapper.pc-cover:after, #qts-header .header-banner .cover-wrapper.mb-cover:after{background-image:url(../png/experience-hong-kong-shadow.png);}

/* QTS figure */
#qts-figure{padding-left:20px; padding-right:20px; margin:20px 0 50px;}
#qts-figure .col.divider{position:relative; flex:0 0 7%;}
#qts-figure .col.divider:after{display:block; content:''; position:absolute; left:50%; width:1px; height:100%; background-color:#D8D7D4;}
#qts-figure .figure-item{text-align:center;}
#qts-figure .figure-item span{display:block; width:100%;}
#qts-figure .figure-item span.icon{display:inline-flex; margin-bottom:18px; height:85px; align-items:center; justify-content:center;}
#qts-figure .figure-item span.icon img{display:inline-block; max-height:100%;}
#qts-figure .figure-item span.desc{font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important; font-weight:700; line-height:1.4;}

/* List of QTS Scheme Merchants */
#qts-new-merchants{padding-left:20px; padding-right:20px;}
#qts-new-merchants .tile{position:relative;}
#qts-new-merchants .tile .thumb{overflow:hidden;}
#qts-new-merchants .tile .thumb img{
	width:100%;
	transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
		-moz-transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
		-ms-transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
		-webkit-transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}
#qts-new-merchants a:hover .tile .thumb img{transform:scale(1.15);}
#qts-new-merchants .tile .topic{position:absolute; left:0; bottom:0; width:100%; padding:0 35px 35px; color:#fff; font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important; font-weight:700; font-size:20px;}
#qts-new-merchants .tile .red-label{display:inline-block; margin-bottom:12px; padding:4px 12px; font-size:20px; text-transform:uppercase; background-color:#CC2121;}

/* QTS Scheme Merchants Finder */
#qts-merchants .articlewithlisting{padding-left:20px; padding-right:20px;}
#qts-merchants .articlewithlisting .article-with-listing-component{margin-top:0; margin-bottom:0; padding:40px; max-width:none !important; border:1px solid #d6d1c7; border-bottom:5px solid #B89531; background-color:#F3F1EB;}
#qts-merchants .articlewithlisting .article-with-listing-component h3.title-Large, #qts-merchants .articlewithlisting .article-with-listing-component h3.title-mobile{letter-spacing:0;}
body:is(.zh-TW, .zh-CN) #qts-merchants .articlewithlisting .article-with-listing-component h3.title-Large, body:is(.zh-TW, .zh-CN) #qts-merchants .articlewithlisting .article-with-listing-component h3.title-mobile{font-weight:bold;}
#qts-merchants .articlewithlisting .article-with-listing-component .owl-article-listing-slider{margin-bottom:0 !important;}
#qts-merchants .articlewithlisting .article-with-listing_right{order:1 !important;}
#qts-merchants .articlewithlisting .article-with-listing_right{display:flex; flex-direction:column; justify-content:center;}
#qts-merchants .articlewithlisting .article-with-listing_right ul.article-list li{min-height:auto; background-position:left center; background-size:auto 24px;}
#qts-merchants .articlewithlisting .article-with-listing_right ul.article-list li a{padding:0 0 0 45px;}
#qts-merchants .articlewithlisting .article-with-listing_left{order:2 !important;}
#qts-merchants .articlewithlisting .article-with-listing_left .owl-article-listing-slider .item a{pointer-events:none;}
#qts-merchants .articlewithlisting .article-with-listing_left .slider-text-area{display:none;}

#qts-finder{padding-left:20px; padding-right:20px;}
.qts-finder-box{display:flex; padding:40px; border:1px solid rgba(136,125,99,.75); border-bottom:5px solid #B89531; background-color:#EBE6DB;}
.qts-finder-box .box-left{flex:1; padding:0 70px 0 30px; display:flex; flex-direction:column; justify-content:center;}
.qts-finder-box .box-right{flex:0 0 48%;}
.qts-finder-box .box-right img{width:100%;}

/* QTS Decal */
#qts-decal{display:flex; flex-direction:row; justify-content:space-between;}
#qts-decal:not(:last-child){margin-bottom:26px;}
#qts-decal .col-decal{display:flex; flex-direction:row; flex:0 0 30%;}
#qts-decal .col-decal .img-left{flex:0 0 76px;}
#qts-decal .col-decal .img-left img{height:78px;}

/* QTS staff awards */
#qts-staff-awards .offer-cross-sell-banner{padding-left:20px; padding-right:20px;}
#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;}
#qts-staff-awards .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;}
#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; width:100%; height:auto; min-height:0; top:auto; object-fit:cover;}
#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:100% !important;}
#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;}
#qts-staff-awards .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;}
@media (min-width: 1500.98px) {
	#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:40px 60px;}
}
#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .offer-name{font-size:1rem; line-height:1.7; font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important; font-weight:700;}
#qts-staff-awards .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}



/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1679.98px) {
	/* Component {header banner} */
	#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6){font-size:50px;}
	/* #qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6) > img{height:170px;} */
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	/* Component {header banner} */
	#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6){font-size:40px;}
	#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6) > img{height:155px;}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	/* Component {header banner} */
	#qts-header .header-banner .textbox{padding-left:5%;}
	#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6){font-size:30px;}
	#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6) > img{height:140px;}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	/* Component {header banner} */
	#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6){font-size:26px;}
	#qts-header .header-banner .hb-title :is(h1, h2, h3, h4, h5, h6) > img{height:95px; margin-bottom:8px;}
	#qts-header .header-banner .hb-text{font-size:15px;}
	/* QTS Scheme Merchants Finder */
	#qts-merchants .articlewithlisting .article-with-listing-component{padding:25px;}
	/* QTS Decal */
	#qts-decal{flex-direction:column; justify-content:flex-start;}
	#qts-decal .col-decal{display:flex; flex-direction:row; flex:0 0 100%;}
	#qts-decal .col-decal:not(:last-child){margin-bottom:15px;}
	/* QTS staff awards */
	#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px 35px;}
	#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:25px 30px;}
	#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details .offer-name{font-size:.875rem !important; line-height:1.4; font-family:'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important; font-weight:700;}
	#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details .see-more-btn .btn-text{font-size:.875rem !important;}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	/** Common **/
	.itinerary-title-container{padding-left:10px !important; padding-right:10px !important;}
	/* Component {header banner} */
	#qts-header{margin-top:-15px;}
	#qts-header:before{width:calc(100% + 60px); left:-30px; top:-15px;}
	#qts-header .header-banner-container{margin-left:-30px; margin-right:-30px;}
	#qts-header .header-banner a.banner{padding-bottom:119.4%}
	/* List of QTS Scheme Merchants */
	#qts-new-merchants{padding-left:10px; padding-right:10px;}
	/* QTS Scheme Merchants Finder */
	#qts-merchants .articlewithlisting{padding-left:10px; padding-right:10px;}
	/* QTS staff awards */
	#qts-staff-awards .offer-cross-sell-banner{padding-left:10px; padding-right:10px;}
	#qts-staff-awards .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details .see-more-btn{padding:0 15px;}
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* Component {header banner} */
	#qts-header .header-banner .cover-wrapper.mb-cover:after{background-image:url(../png/experience-hong-kong-shadow_m.png);}
	#qts-header .header-banner .textbox{padding-left:30px; padding-right:30px;}
	#qts-header .header-banner .textbox .hb-content{padding-left:0; padding-right:0;}
	/* QTS figure */
	#qts-figure{flex-direction:column; padding-left:10px; padding-right:10px; margin:10px 0 35px;}
	#qts-figure .col.divider{flex:0 0 30px;}
	#qts-figure .col.divider:after{left:0; top:50%; width:100%; height:1px;}
	#qts-figure .figure-item{display:flex; align-items:center;}
	#qts-figure .figure-item span.icon{flex:0 0 45%; height:auto; margin-bottom:0;}
	#qts-figure .figure-item span.icon img{transform:scale(.85);}
	#qts-figure .figure-item span.desc{text-align:left;}
	/* List of QTS Scheme Merchants */
	#qts-new-merchants > .col:not(:last-child){margin-bottom:20px;}
	#qts-new-merchants .tile .topic{padding:0 20px 20px; font-size:15px;}
	#qts-new-merchants .tile .red-label{margin-bottom:8px; padding:3px 9px; font-size:13px;}
}