/* Theme DHK Discover Sha Tau Kok */
@import url('https://www.discoverhongkong.com/content/dam/dhk/common/font/opensans/v40/font-opensans.css');
@import url('https://www.discoverhongkong.com/content/dam/dhk/common/font/notosans/v36/font-notosans.css');
@import url('https://www.discoverhongkong.com/content/dam/dhk/common/font/notosanstc/v35/font-notosanstc.css');
@import url('https://www.discoverhongkong.com/content/dam/dhk/common/font/notosanssc/v36/font-notosanssc.css');
@import url('https://www.discoverhongkong.com/content/dam/dhk/common/css/plugin/hover-min.css');

:root {
	--main-font: 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--title-font: 'Open Sans', 'Noto Sans TC', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
}
html[lang="zh-CN"]{
	--main-font: 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--title-font: 'Open Sans', 'Noto Sans SC', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, 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:8px;}
html[dir=ltr] li.sharing__item:last-child{margin-right:0;}
html[dir] footer.footer{border-color:#222;}
.pwafooter{display:none !important;}
.footerexperiencefragment{position:relative; -webkit-transform:translate3d(0,0,.01); z-index:101;}
.gsap-marker-start, .gsap-marker-end, .gsap-marker-scroller-start, .gsap-marker-scroller-end{z-index:9999 !important;}
/*.important__notices, .important__notices.show{display:none !important;}*/
.webchat-mobile{display:none !important;}

/* Common */
#theme-stk{/*padding-bottom:120px !important;*/ font-size:18px; background-color:#5588A0; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/bg-blue-pattern.jpg); background-repeat:repeat-y; background-position:top center; background-size:100% auto; color:#fff; overflow:hidden;}
#theme-stk ::selection, #urban-arts ::selection{background-color:#3552c7; color:#fff;}

#theme-stk *:not(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .es-single-banner-title){font-family:var(--main-font) !important;}
#theme-stk, #theme-stk :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:18px;}
#theme-stk :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:800; font-family:var(--title-font) !important; color:#315F88; line-height:1.15;}
#theme-stk .wrapper-cust[data-lang="en"] h1, #theme-stk .wrapper-cust[data-lang="en"] h2, #theme-stk .wrapper-cust[data-lang="en"] h3, #theme-stk .wrapper-cust[data-lang="en"] h4, #theme-stk .wrapper-cust[data-lang="en"] h5, #theme-stk .wrapper-cust[data-lang="en"] h6, #theme-stk .wrapper-cust[data-lang="en"] .title{line-height:1.1;}
#theme-stk h4{font-size:45px;}
#theme-stk .wrapper-cust[data-lang="en"] h4{font-size:40px; text-transform:uppercase;}
#theme-stk img{display:inline-block; max-width:100%;}
#theme-stk a.underlined{color:#fff !important; background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background-position:0% 95%; background-repeat: no-repeat; background-size:0% 1px, 100% 1px;}
#theme-stk .whitebox a.underlined{color:#000 !important; background-image:-webkit-gradient(linear, left top, left bottom, from(#315F88), to(#315F88)),-webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); background-position:0% 95%; background-repeat: no-repeat; background-size:0% 1px, 100% 1px;}
#theme-stk a.underlined:hover, #theme-stk a.underlined:focus{background-size:100% 1px, 100% 1px; color:#fff !important;}
#theme-stk .whitebox a.underlined:hover, #theme-stk .whitebox a.underlined:focus{color:#315F88 !important;}
#theme-stk .separator.separator--default hr{border-color:#FAC2B5 !important;}
#theme-stk .aem-GridColumn.aem-GridColumn--default--8.max-width-1100{float:none !important; max-width:calc(1365px + 80px) !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 40px !important; clear:both !important;}
#theme-stk .container.dhk-container.max-width-1100 .cmp-container{max-width:none !important;}
	#theme-stk .container-cust{max-width:calc(1365px + 80px); padding:0 40px;}
#theme-stk .sharing{display:none;}
#theme-stk .sharing__container{padding:0;}
#theme-stk li.sharing__item{background-color:#fff; border-radius:50%;}
@media (min-width: 1399.98px) {
	#theme-stk .breadcrumb .container{max-width:none !important; padding:0 !important;}
}
#theme-stk .cmp-breadcrumb{border-color:#CCCFE2;}
#theme-stk .breadcrumb__home-icon .cls-100{stroke:#fff;}
#theme-stk .breadcrumb *{font-size:14px !important;}
#theme-stk .cmp-breadcrumb__item:after{border-color:#fff;}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.fancybox-slide--iframe .fancybox-content{background-color:#000 !important; overflow:hidden;}
.video-js .vjs-play-progress, .video-js .vjs-big-play-button{background-color:#FFC855 !important;}
.t--large, .t--large a, .t--large p, a.t--large, p.t--large{font-size:18px; line-height:28px;}
.t--bold, .t--bold a, .t--bold p, a.t--bold, p.t--bold{font-weight:bold;}
a.btn--blue{
	display:inline-block; padding:15px 50px; margin:2px; background-color:#315F88 !important; color:#A5FFF5 !important; font-weight:800; vertical-align:middle;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
a.btn--blue:before{
  content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#A5FFF5;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.btn--blue:after{display:inline-block; content:''; width:17px; height:12px; margin-left:15px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='11.338' viewBox='0 0 17 11.338'%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M18.716,11.469a.772.772,0,0,0-.006,1.086l3.59,3.6H8.637a.768.768,0,0,0,0,1.535H22.295l-3.59,3.6a.777.777,0,0,0,.006,1.086.764.764,0,0,0,1.081-.006l4.866-4.9h0a.862.862,0,0,0,.159-.242.733.733,0,0,0,.059-.3.77.77,0,0,0-.218-.537l-4.866-4.9A.752.752,0,0,0,18.716,11.469Z' transform='translate(-7.875 -11.252)' fill='%23a5fff5'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:100% auto;}
a.btn--blue:hover, a.btn--blue:focus, a.btn--blue:active{color:#315F88 !important;}
a.btn--blue:hover:before, a.btn--blue:focus:before, a.btn--blue:active:before{-webkit-transform:scaleX(1); transform:scaleX(1);}
a.btn--blue:hover:after, a.btn--blue:focus:after, a.btn--blue:active:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='11.338' viewBox='0 0 17 11.338'%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M18.716,11.469a.772.772,0,0,0-.006,1.086l3.59,3.6H8.637a.768.768,0,0,0,0,1.535H22.295l-3.59,3.6a.777.777,0,0,0,.006,1.086.764.764,0,0,0,1.081-.006l4.866-4.9h0a.862.862,0,0,0,.159-.242.733.733,0,0,0,.059-.3.77.77,0,0,0-.218-.537l-4.866-4.9A.752.752,0,0,0,18.716,11.469Z' transform='translate(-7.875 -11.252)' fill='%23315f88'/%3E%3C/svg%3E%0A");}
.wrapper-cust[data-lang="en"] a.btn--blue{font-weight:700;}

/* component {slider} */
#theme-stk ul.slick-dots li{opacity:.35;}
#theme-stk ul.slick-dots li.slick-active{opacity:1;}
#theme-stk ul.slick-dots li:not(:first-child){margin-left:8px !important;}
#theme-stk ul.slick-dots li button{width:10px; height:10px; margin-left:5px; margin-top:5px; background-color:#A5FFF5;}
#theme-stk ul.slick-dots li button:before{display:none;}


/*section common*/
#theme-stk .section--padding--top{padding-top:120px;}
#theme-stk .section--padding--bottom{padding-bottom:120px;}
/*section header*/
#theme-stk .section--header{margin-bottom:45px;}
#theme-stk .section--header .container-cust{display:flex; flex-direction:column;}
#theme-stk .section--header:not(.layout-leftright) .container-cust{max-width:1200px;}
#theme-stk .prelude-title{text-align:center;}
#theme-stk .prelude-title h3{margin-bottom:20px; font-size:55px; font-weight:800; line-height:1.1; color:#A5FFF5;}
#theme-stk .wrapper-cust[data-lang="en"] .prelude-title h3{font-weight:700; letter-spacing:-.5px;}
#theme-stk .prelude-title h4{margin-bottom:20px; font-size:38px; line-height:1.1; color:#A5FFF5;}
#theme-stk .prelude-desc{font-size:18px; text-align:center; line-height:1.4;}
#theme-stk .section--header.layout-leftright .container-cust{flex-direction:row; align-items:center;}
#theme-stk .section--header.layout-leftright .prelude-title{flex:0 0 530px; text-align:left;}
#theme-stk .section--header.layout-leftright .prelude-title h3{margin-bottom:0;}
#theme-stk .section--header.layout-leftright .prelude-desc{flex:1 1 auto; text-align:left;}



/* Section: Intro */
#section-topcontent{position:relative; min-height:1082px; /*padding-bottom:120px;*/}
#section-topcontent .intro-puzzle{position:absolute; left:calc(50% - 960px); top:55px; width:1920px;}
#section-topcontent .intro-puzzle img{width:100%;}
@media (min-width: 1920.98px) {
	#section-topcontent .intro-puzzle{width:100%}
}
#section-topcontent .intro-puzzle.v2{top:-47px;}

.hero-banner{position:relative;}
.hero-banner .hero-banner-title{position:absolute; max-width:42vw; /* width:fit-content; */ bottom:2vw; left:50%; transform:translateX(-50%);}

#section-topcontent .intro-content-container{position:relative; display:flex; /* padding-left:20px; padding-right:20px; */ padding-top:35px; margin-bottom:55px;}
#section-topcontent .intro-content, #section-topcontent .intro-content .whitebox, #section-topcontent .intro-content p, #section-topcontent .intro-content a{color:#061E33;}
.title--greenbg{display:inline-flex; padding:15px 45px; background-color:#A5FFF5; background-color:rgb(165,255,245,.92); color:#315F88; font-size:60px; font-weight:800; line-height:1.1;}
.title--bluebg{display:inline-flex; padding:15px 45px; background-color:#315F88; background-color:rgb(49,95,136,.92); color:#FFFFFF !important; font-size:60px; font-weight:800; line-height:1.1;}
.wrapper-cust[data-lang="en"] .title--greenbg, .wrapper-cust[data-lang="en"] .title--bluebg{
	padding:15px 30px; font-size:40px; text-transform:uppercase; letter-spacing:-1px;
	/* --title-font: var(--main-font); */
}
#section-topcontent .intro-content .whitebox{padding:35px 45px; background-color:rgba(255,255,255,.92);}


#section-topcontent .intro-content ul.infolist{list-style:none; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding-inline-start:0 !important;}
#section-topcontent .intro-content ul.infolist:not(:last-child){margin-bottom:26px;}
#section-topcontent .intro-content ul.infolist > li{position:relative; padding-left:20px; flex:0 0 49.8%; font-size:15px;}
#section-topcontent .intro-content ul.infolist > li:before{display:block; content:''; position:absolute; left:3px; top:10px; width:6px; height:5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' viewBox='0 0 6 5'%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M3,0,6,5H0Z' fill='%237ae0d4'/%3E%3C/svg%3E%0A"); background-position:center; background-size:100% auto; background-repeat:no-repeat;}
#section-topcontent .intro-content ul.infolist > li a{font-size:inherit !important;}
#section-topcontent .intro-content ul.infolist.fluid > li{flex:0 0 99.8%;}

/* Section: History */
#section-history{position:relative;}
@media (min-width: 1340.98px) {
	#section-history .container-cust{max-width:1340px; padding:0 40px;}
}
.papercut-box{position:relative; padding:55px 9.1538% 45px 8.6726%; margin:0 auto; max-width:1260px; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/bg-papercut.jpg); background-repeat:repeat-y; background-size:100% auto;}
.papercut-box, .papercut-box a, .papercut-box p{color:#061E33;}
.papercut-box .topright{position:absolute; right:0; top:0;}
.papercut-box .bottomleft{position:absolute; left:-49px; bottom:-62px;}
.papercut-box .inner{display:flex; flex-direction:row; align-items:center;}
.papercut-box .innerleft{flex:1 0 31%; max-width:31%; text-align:right;}
.papercut-box .innerleft > img{transform:rotate(-6deg);}
.papercut-box .innerright{flex:1 0 calc(69% - 65px); margin-left:65px; padding-right:70px;}
.papercut-box#application .innerright{padding-right:0;}
.papercut-box h4{margin-bottom:15px; margin-right:100px;}
.papercut-box ul.slick-dots li button{background-color:#315F88 !important;}

/* Section: Attraction */
#section-attraction{position:relative; padding-top:120px;}
.imagewithtext-box{display:flex; max-width:1190px; margin:0 auto; flex-direction:row; align-items:center;}
.imagewithtext-box:not(:last-child){margin-bottom:60px;}
.imagewithtext-box .remarks, .imagewithtext-box .remarks p{color:#fff;}
.imagewithtext-box .boxleft{flex:0 0 45%; max-width:45%;}
.imagewithtext-box .boxright{flex:0 0 55%; padding-left:6.3%;}
.imagewithtext-box.image-reverse{flex-direction:row-reverse;}
.imagewithtext-box.image-reverse .boxright{padding-left:0; padding-right:6.3%;}
.imagewithtext-box .boxtitle{display:inline-block; position:relative; margin-bottom:35px;}
.imagewithtext-box .boxtitle:before{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; transform:rotate(-1deg);}
.imagewithtext-box .boxtitle:after{display:block; content:''; position:absolute; right:-15px; bottom:-13px; width:60px; height:42px; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/imagewithtext-box-bottomright.svg); background-position:bottom right; background-size:100% auto; background-repeat:no-repeat;}
.imagewithtext-box .boxtitle h4{display:inline-block; position:relative; padding:16px 32px 8px 22px; font-size:35px !important; color:#315F88; vertical-align:middle;}
.wrapper-cust[data-lang="en"] .imagewithtext-box .boxtitle h4{font-size:32px !important;}
.imagewithtext-box .boxtitle h4:before{display:inline-block; content:''; width:32px; height:42px; margin-right:12px; background-image:url("data:image/svg+xml,%3Csvg id='Group_965' data-name='Group 965' xmlns='http://www.w3.org/2000/svg' width='31.91' height='41.365' viewBox='0 0 31.91 41.365'%3E%3Cpath id='Icon_ionic-ios-pin' data-name='Icon ionic-ios-pin' d='M23.83,3.375c-8.809,0-15.955,6.637-15.955,14.814C7.875,29.712,23.83,44.74,23.83,44.74S39.785,29.712,39.785,18.189C39.785,10.012,32.639,3.375,23.83,3.375Zm0,21.152a5.2,5.2,0,1,1,5.2-5.2A5.2,5.2,0,0,1,23.83,24.527Z' transform='translate(-7.875 -3.375)' fill='%23214e76'/%3E%3Ccircle id='Ellipse_79' data-name='Ellipse 79' cx='9' cy='9' r='9' transform='translate(7 6.64)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto; background-position:center; vertical-align:text-top;}
.imagewithtext-box .boxtitle.no-pin h4:before{display:none;}
.imagewithtext-box .boxright, .imagewithtext-box .boxright p, .imagewithtext-box .boxright a{color:#fff;}

.papercut-box#movie-far-far-away{margin-top:40px; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/bg-papercut-blue.jpg);}
.papercut-box#movie-far-far-away .bottomleft{left:auto; right:-78px; bottom:-77px; transform:scale(.75) scaleX(-1);}
.papercut-box#movie-far-far-away .innerleft > img{transform:rotate(0deg);}
.papercut-box#movie-far-far-away .innerright{padding-right:0;}
.papercut-box#movie-far-far-away h4{margin-right:0;}

/* .papercut-box-holder{display:flex; flex-wrap:wrap; margin-left:-1.5625vw; margin-right:-1.5625vw;}
.papercut-box-holder .papercut-box{max-width:calc(50% - 1.5625vw - 1.5625vw); margin:0 1.5625vw; padding:55px 45px 45px; background-image:url(/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/bg-papercut-blue.jpg);}
.papercut-box-holder .papercut-box .inner{flex-wrap:wrap;}
.papercut-box-holder .papercut-box .innerleft, .papercut-box-holder .papercut-box .innerright{flex:auto; max-width:100%}
.papercut-box-holder .papercut-box .innerleft > img{transform:rotate(0deg);}
.papercut-box-holder .papercut-box .innerright{margin-left:0; margin-top:25px; padding-right:0;}
.papercut-box-holder .papercut-box h4{margin-right:0;} */


/* Section: Must-do */
#section-must-do{position:relative; padding-top:120px;}
.md-slider{margin-left:-6px; margin-right:-6px;}
.md-slider .md-slide{margin:0 6px; padding:20px 20px 35px; height:auto; background-color:#fff; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/bg-papercut-white.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.md-slider .md-slide .main-visual{margin-bottom:20px; text-align:right;}
.md-slider .md-slide h4{color:#315F88; font-size:28px !important;}
.md-slider .slick-track{display:flex;}
.md-slider .slick-list{overflow:visible;}
.md-slider :is(.slick-prev, .slick-next){z-index:99; width:44px; height:44px; background-color:#315F88; background-size:100% auto !important; background-position:center; background-repeat:no-repeat;}
.md-slider .slick-prev:before, .md-slider .slick-next:before{display:none !important;}
.md-slider .slick-prev{background-image:url("data:image/svg+xml,%3Csvg id='Group_3215' data-name='Group 3215' xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Ccircle id='Ellipse_80' data-name='Ellipse 80' cx='35' cy='35' r='35' fill='%23315f88'/%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M18.75,11.635a1.363,1.363,0,0,1,.01,1.919L12.421,19.9H36.549a1.356,1.356,0,0,1,0,2.711H12.431l6.339,6.35a1.372,1.372,0,0,1-.01,1.919,1.35,1.35,0,0,1-1.908-.01L8.261,22.218h0a1.522,1.522,0,0,1-.282-.427,1.294,1.294,0,0,1-.1-.521,1.359,1.359,0,0,1,.386-.949l8.592-8.654A1.328,1.328,0,0,1,18.75,11.635Z' transform='translate(12.106 13.748)' fill='%23a5fff5'/%3E%3C/svg%3E%0A") !important;}
.md-slider .slick-next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg id='Group_3215' data-name='Group 3215' transform='translate(-1516 -3337)'%3E%3Ccircle id='Ellipse_80' data-name='Ellipse 80' cx='35' cy='35' r='35' transform='translate(1516 3337)' fill='%23315f88'/%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M27.018,11.635a1.363,1.363,0,0,0-.01,1.919l6.339,6.35H9.22a1.356,1.356,0,0,0,0,2.711H33.337L27,28.964a1.372,1.372,0,0,0,.01,1.919,1.35,1.35,0,0,0,1.908-.01l8.592-8.654h0a1.522,1.522,0,0,0,.282-.427,1.294,1.294,0,0,0,.1-.521,1.359,1.359,0,0,0-.386-.949l-8.592-8.654A1.328,1.328,0,0,0,27.018,11.635Z' transform='translate(1528.125 3350.748)' fill='%23a5fff5'/%3E%3C/g%3E%3C/svg%3E%0A") !important;}
.md-slider .slick-arrow.slick-disabled{visibility:hidden !important;}

/* Section: Fun fact */
#section-funfact{position:relative; padding-top:120px;}


/* Section: Highlight */
#section-highlight{}
.hl-section{position:relative;}
.hl-section .main-visual{position:relative;}
#section-highlight .whitebox{position:absolute; padding:55px 75px; width:720px; background-color:#fff;}
#section-highlight .whitebox:after{display:block; content:''; position:absolute; right:-24px; bottom:-18px; width:110px; height:77px; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/imagewithtext-box-bottomright.svg); background-position:bottom right; background-size:100% auto; background-repeat:no-repeat; z-index:1;}
#section-highlight .whitebox, #section-highlight .whitebox p, #section-highlight .whitebox a{color:#061E33;}
#section-highlight .whitebox h4{color:#315F88; font-size:35px !important;}
#section-highlight .whitebox h4:before{display:inline-block; content:''; width:32px; height:42px; margin-right:12px; background-image:url("data:image/svg+xml,%3Csvg id='Group_965' data-name='Group 965' xmlns='http://www.w3.org/2000/svg' width='31.91' height='41.365' viewBox='0 0 31.91 41.365'%3E%3Cpath id='Icon_ionic-ios-pin' data-name='Icon ionic-ios-pin' d='M23.83,3.375c-8.809,0-15.955,6.637-15.955,14.814C7.875,29.712,23.83,44.74,23.83,44.74S39.785,29.712,39.785,18.189C39.785,10.012,32.639,3.375,23.83,3.375Zm0,21.152a5.2,5.2,0,1,1,5.2-5.2A5.2,5.2,0,0,1,23.83,24.527Z' transform='translate(-7.875 -3.375)' fill='%23214e76'/%3E%3Ccircle id='Ellipse_79' data-name='Ellipse 79' cx='9' cy='9' r='9' transform='translate(7 6.64)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto; background-position:center; vertical-align:text-top;}
#section-highlight .main-visual{position:relative;}
#section-highlight .main-visual .caption{display:block; position:absolute; right:5px; bottom:6px; font-size:13px !important; color:#fff !important; text-shadow:1px 1px 3px rgba(0,0,0,.3);}

#section-laichiwo{}
#section-laichiwo .whitebox{right:calc(50% - 620px); bottom:3.3854%;}
#section-laichiwo:before{display:block; content:''; position:absolute; top:50%; left:0; width:100%; height:100%; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/bg-greygreen-pattern.jpg); background-repeat:repeat-y; background-size:100% auto; background-position:top center;}
#section-apchau{padding-bottom:9.8958%;}
#section-apchau:before{display:block; content:''; position:absolute; top:70%; left:0; width:100%; height:70%; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/theme/2022/discover-sha-tau-kok/bg-lightbrown-pattern.jpg); background-repeat:repeat-y; background-size:100% auto; background-position:top center;}
#section-apchau .main-visual:after{display:block; content:''; position:absolute; top:100%; left:0; width:100%; height:50px; background:rgb(213,190,174); background:linear-gradient(0deg, rgba(213,190,174,0) 0%, rgba(213,190,174,1) 100%);}
#section-apchau .whitebox{left:calc(50% - 620px); bottom:0;}
#section-kato{}
#section-kato .whitebox{right:calc(50% - 620px); bottom:8.6875%;}
@media (max-width: 1310.98px) {
	/*1240*/
	#section-laichiwo .whitebox{right:35px;}
	#section-apchau .whitebox{left:35px;}
	#section-kato .whitebox{right:35px;}
}

/* Section: Highlight v2 */
#section-highlight.hl-v2{position:relative; padding-top:120px; padding-bottom:120px;}
#section-highlight .hl-row{display:flex; flex-direction:row; flex-wrap:nowrap;}
#section-highlight .hl-col{flex:1;}
#section-highlight .hl-col:not(:last-child){margin-right:20px;}
#section-highlight .hl-col .whitebox{position:relative; width:auto; height:100%; top:auto; bottom:auto; left:auto; right:auto; padding:55px 30px;}
#section-highlight .hl-col .whitebox:after{right:-24px; bottom:-18px; width:4.6875vw; height:3.28125vw;}
#section-highlight .hl-col .main-visual{margin-top:-55px; margin-bottom:55px; margin-left:-30px; margin-right:-30px;}

/* Section: Highlight v3 */
#section-highlight.hl-v3{position:relative; padding-top:120px; padding-bottom:120px;}
#section-highlight.hl-v3 .hl-row{display:flex; flex-direction:row; flex-wrap:wrap; margin-left:-10px; margin-right:-10px; justify-content:center;}
#section-highlight.hl-v3 .hl-col{flex:auto; margin:0 10px 35px; height:inherit !important;}
#section-highlight.hl-v3 .hl-col .whitebox{padding:0;}
#section-highlight.hl-v3 .whitebox:after{display:none !important;}
#section-highlight.hl-v3 .hl-col .main-visual{margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;}
#section-highlight.hl-v3 .hl-col .whitebox .right-content{padding:35px 30px;}
#section-highlight .hl-row .slick-track{display:flex !important;}
#section-highlight :is(.slick-prev, .slick-next){z-index:99; width:44px; height:44px; background-size:100% auto !important; background-position:center; background-repeat:no-repeat;}
#section-highlight .slick-prev:before, #section-highlight .slick-next:before{display:none !important;}
#section-highlight .slick-prev{background-image:url("data:image/svg+xml,%3Csvg id='Group_3215' data-name='Group 3215' xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Ccircle id='Ellipse_80' data-name='Ellipse 80' cx='35' cy='35' r='35' fill='%23315f88'/%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M18.75,11.635a1.363,1.363,0,0,1,.01,1.919L12.421,19.9H36.549a1.356,1.356,0,0,1,0,2.711H12.431l6.339,6.35a1.372,1.372,0,0,1-.01,1.919,1.35,1.35,0,0,1-1.908-.01L8.261,22.218h0a1.522,1.522,0,0,1-.282-.427,1.294,1.294,0,0,1-.1-.521,1.359,1.359,0,0,1,.386-.949l8.592-8.654A1.328,1.328,0,0,1,18.75,11.635Z' transform='translate(12.106 13.748)' fill='%23a5fff5'/%3E%3C/svg%3E%0A") !important;}
#section-highlight .slick-next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg id='Group_3215' data-name='Group 3215' transform='translate(-1516 -3337)'%3E%3Ccircle id='Ellipse_80' data-name='Ellipse 80' cx='35' cy='35' r='35' transform='translate(1516 3337)' fill='%23315f88'/%3E%3Cpath id='Icon_ionic-ios-arrow-round-forward' data-name='Icon ionic-ios-arrow-round-forward' d='M27.018,11.635a1.363,1.363,0,0,0-.01,1.919l6.339,6.35H9.22a1.356,1.356,0,0,0,0,2.711H33.337L27,28.964a1.372,1.372,0,0,0,.01,1.919,1.35,1.35,0,0,0,1.908-.01l8.592-8.654h0a1.522,1.522,0,0,0,.282-.427,1.294,1.294,0,0,0,.1-.521,1.359,1.359,0,0,0-.386-.949l-8.592-8.654A1.328,1.328,0,0,0,27.018,11.635Z' transform='translate(1528.125 3350.748)' fill='%23a5fff5'/%3E%3C/g%3E%3C/svg%3E%0A") !important;}
#section-highlight .slick-arrow.slick-disabled{visibility:hidden !important;}

/* Section: Q&A */
#section-qna{padding-bottom:60px !important;}
#theme-stk .fix-container{position:absolute; left:calc(50% - 960px); top:0; width:1920px; height:100%;}
#theme-stk .container-bgimage{background-position:top center !important; background-size:100% auto !important;}
#section-qna, #section-qna p, #section-qna a{color:#fff;}
#theme-stk .container.dhk-container.max-width-1100 #section-qna.cmp-container{max-width:1190px !important;}
#section-qna .accordion{/*max-width:1190px !important;*/ margin:0 auto; padding:0 !important; border-bottom:1px solid #3CA296;}
#section-qna .accordion:not(:last-child){margin-bottom:15px;}
#section-qna .accordion__main{margin-bottom:0 !important; background-color:#2e766e;}
#section-qna .accordion__head{padding:18px 30px 15px; background-color:transparent; cursor:pointer;}
#section-qna .accordion__head h5{font-weight:700 !important; color:#fff !important;}
#section-qna .accordion__head .title, #section-qna .accordion__head .cmp-title, #section-qna .accordion__head h5{margin-bottom:0 !important;}
#section-qna .accordion__head-btn{padding-top:0;}
#section-qna .accordion__description{padding-top:10px; padding-bottom:18px; padding-left:30px;}
#section-qna .accordion__description .text .cmp-text{border-left:2px solid #fff;}
#section-qna .accordion__plus{width:24px; height:24px; left:auto; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-721.5,3631.5v-9h-9a1.5,1.5,0,0,1-1.5-1.5,1.5,1.5,0,0,1,1.5-1.5h9v-9a1.5,1.5,0,0,1,1.5-1.5,1.5,1.5,0,0,1,1.5,1.5v9h9a1.5,1.5,0,0,1,1.5,1.5,1.5,1.5,0,0,1-1.5,1.5h-9v9a1.5,1.5,0,0,1-1.5,1.5A1.5,1.5,0,0,1-721.5,3631.5Z' transform='translate(732 -3609)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:100% auto; background-color:transparent;}
#section-qna .accordion__plus:after{display:none;}
#section-qna .accordion__minus{width:24px; height:24px; left:auto; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='3' viewBox='0 0 24 3'%3E%3Cpath id='Path_1895' data-name='Path 1895' d='M28.5,19.5H7.5a1.5,1.5,0,0,1,0-3h21a1.5,1.5,0,0,1,0,3Z' transform='translate(-6 -16.5)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:100% auto; background-color:transparent;}
#section-qna .accordion__minus:after{display:none;}
#section-qna a.underlined{background-image:-webkit-gradient(linear, left top, left bottom, from(#3552c7), to(#3552c7)),-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)); background-position:0% 95%; background-repeat: no-repeat; background-size:0% 1px, 100% 1px;}
#section-qna a.underlined:hover{color:#3552c7 !important;}

#section-qna .itinerary-title-container{display:flex; flex-direction:row; justify-content:center; align-items:center;}
#section-qna .itinerary-title-container:after{display:block; content:''; margin-left:3.114%; flex:1 1 auto; height:5px; background-color:#fff; border-radius:3px;}
#section-qna .itinerary-title{font-weight:800; flex:0 1 auto;}








/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	/* Common */
	#theme-stk .aem-GridColumn.aem-GridColumn--default--8.max-width-1100{max-width:1100px !important; padding:0 20px !important;}
	#theme-stk .container-cust{max-width:1100px; padding:0 35px;}

	/* Section: Highlight */
	#section-apchau{padding-bottom:22%;}
}



/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	/* Common */
	#theme-stk .itinerary-title-container{margin-top:0 !important; margin-bottom:10px !important; padding-left:0 !important; padding-right:0 !important;}

	/*section header*/
	#theme-stk .section--header{margin-bottom:40px;}
	#theme-stk .prelude-title h3{font-size:52px;}
	#theme-stk .prelude-desc{font-size:20px;}
	#theme-stk .section--header.layout-leftright .prelude-title{flex:0 0 385px;}


}



/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	/* Common */
	#theme-stk, #theme-stk :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:16px;}
	.t--large, .t--large a, .t--large p, a.t--large, p.t--large{font-size:16px; line-height:24px;}
	#theme-stk h4{font-size:35px;}
	#theme-stk .wrapper-cust[data-lang="en"] h4{font-size:30px;}
	/*section header*/
	#theme-stk .section--header{margin-bottom:30px;}
	#theme-stk .prelude-title h3{font-size:34px;}
	#theme-stk .prelude-desc{font-size:16px;}
	#theme-stk .section--header.layout-leftright .prelude-title{flex:0 0 40%;}

	/* Section: Intro */
	.hero-banner .hero-banner-title{max-width:80vw; width:100%;}
	#section-topcontent:before{height:10%;}
	#section-topcontent .intro-puzzle{position:relative; left:auto; top:auto; width:100%; padding-top:9%;}
	#section-topcontent .intro-content-container{margin-bottom:35px; padding-top:20px; padding-left:35px; padding-right:35px; width:100%;}
	#section-topcontent .intro-content{width:auto;}
	#section-topcontent .intro-content h3{text-align:center;}
	.title--greenbg, .title--bluebg{margin-right:0; font-size:50px;}
	.wrapper-cust[data-lang="en"] .title--greenbg, .wrapper-cust[data-lang="en"] .title--bluebg{font-size:38px; letter-spacing:-0.5px;}
	#section-topcontent .intro-content .whitebox{margin-right:0;}

	/* Section: History */
	.papercut-box{padding-left:30px; padding-right:30px;}
	.papercut-box .topright{width:76.6667%;}
	.papercut-box .bottomleft{left:-20px; bottom:-22px; width:83px;}
	.papercut-box .inner{flex-direction:column; align-items:stretch;}
	.papercut-box .innerleft{flex:1 1 100%; max-width:100%;}
	.papercut-box .innerright{flex:1 1 100%; margin-left:0; padding-right:0; margin-top:20px;}
	.papercut-box h4{text-align:center; margin-right:0;}

	.papercut-box-holder .papercut-box{padding:30px 20px 20px;}

	/* Section: Attraction */
	#section-attraction{padding-top:55px;}
	.imagewithtext-box .boxtitle h4{font-size:28px !important; padding:10px 32px 2px 22px;}
	.wrapper-cust[data-lang="en"] .imagewithtext-box .boxtitle h4{font-size:24px !important;}
	.imagewithtext-box .boxtitle h4:before{margin-top:7px; margin-right:8px; width:17px; height:22px;}

	/* Section: Must-do */
	#section-must-do{padding-top:55px;}

	/* Section: Fun fact */
	#section-funfact{padding-top:55px;}

	/* Section: Highlight */
	#section-apchau{padding-bottom:30%;}
	#section-apchau:before{top:50%;}
	#section-highlight .whitebox{width:65%; padding:35px 45px;}
	#section-highlight .whitebox h4{font-size:26px !important}
	#section-highlight .whitebox h4:before{width:17px; height:22px; margin-right:8px; margin-top:6px;}

	/* Section: Highlight v2 */
	#section-highlight.hl-v2{padding-top:55px; padding-bottom:55px;}
	#section-highlight .hl-row{flex-direction:column;}
	#section-highlight .hl-col:not(:last-child){margin-right:0; margin-bottom:30px;}
	#section-highlight .hl-col .whitebox{padding:35px 30px; margin-left:0; margin-right:0;}
	#section-highlight .hl-col .whitebox:after{right:-15px; width:70px; height:49px;}
	#section-highlight .hl-col .main-visual{margin-top:-35px; margin-bottom:25px; margin-left:-30px; margin-right:-30px;}
	
	/* Section: Highlight v3 */
	#section-highlight.hl-v3{padding-top:55px; padding-bottom:55px;}
	#section-highlight.hl-v3 .hl-row{flex-direction:row; margin-left:-6px; margin-right:-6px;}
	#section-highlight.hl-v3 .hl-col{margin-left:6px; margin-right:6px;}
	#section-highlight.hl-v3 .hl-col .whitebox{padding:0; margin-left:0; margin-right:0;}
	#section-highlight.hl-v3 .hl-col .whitebox .right-content{padding:25px 20px;}
	#section-highlight.hl-v3 .hl-col .main-visual{margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;}
	#section-highlight :is(.slick-prev, .slick-next){top:310px;}

	/* Section: Q&A */
	#section-qna{padding-bottom:55px !important;}


}



/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	/* Common */
	#theme-stk, #theme-stk :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:14px;}
	.responsivegrid > .dhk-content{padding-left:0 !important; padding-right:0 !important; padding-top:0 !important;}
	#theme-stk .prelude-title h3{margin-bottom:15px; font-size:32px;}
	#theme-stk .prelude-desc{font-size:14px;}

	/* Section: Intro */
	#section-topcontent .container-cust.intro-content{padding-left:0 !important; padding-right:0 !important;}

	/* Section: Highlight */
	#section-highlight .main-visual .caption{font-size:11px !important;}
}



/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* Common */
	#theme-stk{}
	#theme-stk .container-cust{padding:0 20px;}
	#theme-stk .dhk-content .cmp-container{padding-top:15px !important;}
	#theme-stk .itinerary-title-container{margin-top:15px !important; margin-bottom:10px !important; padding-left:0 !important; padding-right:0 !important;}
	#theme-stk .itinerary-title{margin-right:-20px;}
	#theme-stk .itinerary-title-container:after{margin-left:40px;}
	#theme-stk h4{font-size:28px;}
	#theme-stk .wrapper-cust[data-lang="en"] h4{font-size:24px;}
	a.btn--blue{padding:8px 18px;}
	a.btn--blue:after{width:13px; height:9px; margin-left:5px;}
	.wrapper-cust[data-lang="en"] a.btn--blue{padding-right:calc(8px + 36px);}
	.wrapper-cust[data-lang="en"] a.btn--blue:after{display:block; position:absolute; right:0; top:0; width:36px; height:100%; margin-left:0; background-size:13px auto;}

	/*section header*/
	#theme-stk .prelude-title h3{font-size:28px;}
	#theme-stk .section--header.layout-leftright .container-cust{flex-direction:column; align-items:flex-start;}
	#theme-stk .section--header.layout-leftright .prelude-title{flex:0 1 100%;}
	#theme-stk .section--header.layout-leftright .prelude-title h3{margin-bottom:15px;}
	#theme-stk .section--header.layout-leftright .prelude-desc{flex:0 1 100%;}

	/* Section: Intro */
	/* #section-topcontent{padding-bottom:35px;} */
	.title--greenbg, .title--bluebg{padding:10px 25px; font-size:25px;}
	.wrapper-cust[data-lang="en"] .title--greenbg, .wrapper-cust[data-lang="en"] .title--bluebg{padding:10px 12px; font-size:19px;}
	#section-topcontent .intro-content-container{padding-left:20px; padding-right:20px;}
	#section-topcontent .intro-content .whitebox{padding:30px;}
	.wrapper-cust[data-lang="en"] #section-topcontent .intro-content .whitebox{padding:22px;}
	#section-topcontent .intro-content ul.infolist > li{flex:1 1 100%;}
	.wrapper-cust[data-lang="en"] #section-topcontent a.btn--blue{padding:8px 10px; padding-right:36px; line-height:1.4;}

	/* Section: Attraction */
	#section-attraction{padding-top:35px;}
	.imagewithtext-box{flex-direction:column; align-items:center;}
	.imagewithtext-box:not(:last-child){margin-bottom:35px;}
	.imagewithtext-box .boxleft{flex:1 1 100%; max-width:100%; position:relative;}
	.imagewithtext-box .boxleft br{display:none;}
	.imagewithtext-box .boxleft span.remarks{position:absolute; right:6px; top:6px;}
	.imagewithtext-box .boxright{flex:1 1 100%; padding-left:0; margin-top:15px; text-align:center;}
	.imagewithtext-box.image-reverse{flex-direction:column;}
	.imagewithtext-box.image-reverse .boxright{right:-13px; bottom:-6px; padding-right:0;}
	.imagewithtext-box .boxtitle{margin-bottom:25px;}
	.imagewithtext-box .boxtitle:after{width:37px; height:26px; right:-10px; bottom:-8px;}
	.imagewithtext-box .boxtitle h4{padding:9px 10px 0px 8px; font-size:17px !important;}
	.wrapper-cust[data-lang="en"] .imagewithtext-box .boxtitle h4{font-size:16px !important;}
	.imagewithtext-box .boxtitle h4:before{margin-top:2px;}

	/* Section: History */
	.papercut-box-holder{flex-direction:column;}
	.papercut-box-holder .papercut-box{max-width:calc(100% - 1.5625vw - 1.5625vw); margin:0 1.5625vw;}

	/* Section: Must-do */
	#section-must-do{padding-top:35px;}

	/* Section: Fun fact */
	#section-funfact{padding-top:35px;}

	/* Section: Highlight */
	#section-highlight .whitebox{position:relative; width:auto; padding:30px 22px; margin-left:35px; margin-right:35px;}
	#section-highlight .whitebox:after{width:37px; height:26px; right:-10px; bottom:-8px;}
	#section-highlight .whitebox h4{font-size:17px !important;}
	#section-highlight .whitebox h4:before{margin-top:0;}
	#section-laichiwo:before{top:25%;}
	#section-laichiwo .whitebox, #section-apchau .whitebox, #section-kato .whitebox{left:auto; right:auto;}
	#section-laichiwo .whitebox{margin-top:-60px;}
	#section-apchau{padding-bottom:55px;}
	#section-apchau:before{top:35%; height:100%;}
	#section-kato:before{display:block; content:''; position:absolute; left:0; top:20%; width:100%; height:100%; background-color:#458f87;}
	#section-kato{padding-bottom:15px;}
	#section-kato .whitebox{margin-top:-95px;}

	/* Section: Highlight v2 */
	#section-highlight.hl-v2{padding-top:35px; padding-bottom:35px;}
	#section-highlight .hl-col:not(:last-child){margin-right:0; margin-bottom:20px;}
	#section-highlight .hl-col .whitebox{padding:35px 15px;}
	#section-highlight .hl-col .main-visual{margin-left:-15px; margin-right:-15px;}

	/* Section: Highlight v3 */
	#section-highlight.hl-v3{padding-top:35px; padding-bottom:35px;}
	#section-highlight.hl-v3 .hl-row{margin-left:-6px; margin-right:-6px;}
	#section-highlight.hl-v3 .hl-col{height:100% !important; margin-left:6px; margin-right:6px;}
	#section-highlight.hl-v3 .hl-col .whitebox{padding:0;}
	#section-highlight.hl-v3 .hl-col .main-visual{margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;}

	/* Section: Q&A */
	#section-qna .accordion__head{padding:18px 55px 15px 20px;}
	#section-qna .accordion__head .title, #section-qna .accordion__head .cmp-title, #section-qna .accordion__head h5{font-size:15px;}
	#section-qna .accordion__plus, #section-qna .accordion__minus{width:16px; height:16px;}
	#section-qna .accordion__description{padding-left:20px;}
		
}





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

}

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