@color-main: #1E2D4B;
@color-main-rev: #FFFFFF;
@color-main2: #E6001E;
@color-main2-rev: #FFFFFF;
@color-main3: #FFFFFF;
@color-main3-rev: #707070;

::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-thumb {
	background: @color-main;
	border: 0px none @color-main-rev;
	border-radius: 50px;
}

.w-accor{ overflow:hidden; position:relative;}
.w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;}
.w-accor ul{ width:101%;}
.w-accor li{ position:relative; overflow:hidden;float:left;}
.accorClick li{ cursor:pointer;}
.w-accor li .item{ position:relative;}
.w-accor li > a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
.w-accor h3{ font-size:30px; margin:0; padding:0; font-weight:normal;}
.w-accor .acr_p{ margin-top:50px; text-align: center; color: #ffffff;}
.w-accor .acr_p p .acr_head{font: normal normal normal 36px/51px Noto Serif TC Medium;letter-spacing: 1.8px;}
.w-accor .acr_p p .acr_head_desc{font: normal normal normal 20px/40px Noto Sans TC Thin;letter-spacing: 0px;}

.w-accor4 li img{ width:100%;}
.w-accor4 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;}
.w-accor4 li .cont_ar:before{ content:'';position:absolute; left:0; top:0; bottom:0; right:0; background:#000; opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s;}
.w-accor4 li h3{width:3.2em; text-align:center; line-height:1.5; position:absolute; z-index:1; left: 50%;right: 50%; margin-left:-0.6em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
:root .w-accor4 li h3{ top:50%;}
.w-accor4 li .dec_ar{ 
	line-height:1.7; 
	max-height:100%; 
	position:absolute; 
	z-index:1; 
	left:40px; 
	right:40px;
	top:50%; 
	top:10%\9; 
	*top:10%; 
	transform:translateY(-50%) scale(0); 
	-webkit-transform:translateY(-50%) scale(0); 
	padding:30px; 
	/* background:rgba(255,255,255,0.75);  */
	color:#fff; 
	opacity:0; 
	*filter:alpha(opacity=0); 
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	transition:all 0.5s; 
	-webkit-transition:all 0.5s; 
}
:root .w-accor4 li .dec_ar{ top:50%;}
.w-accor4 li .i_img{ text-align:center; margin-bottom:1em;}
.w-accor4 li .i_img img{ max-width:80%; max-height:80px;}
.w-accor4 li.cur .cont_ar:before{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-accor4 li.cur h3{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-accor4 li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;}



body {
	margin: 0;
	padding: 0;

	.banner {
		video {
			width: 100%;
		}
	}

	.intro {
		padding: 16px 0;
		background: @color-main3;
		color: @color-main3-rev;
		text-align: center;

		h2 {
			margin: 30px 0 22px;
			font: normal normal bold calc(60vw / 19.2)/calc(74vw / 19.2) Helvetica Neue;
		}
	
		h3 {
			margin: 20px 0;
			font: normal normal normal calc(40vw / 19.2)/calc(60vw / 19.2) Helvetica Neue;
		}
	
		p {
			font: normal normal normal calc(20vw / 19.2)/calc(30vw / 19.2) Helvetica Neue;
		}
	}

	.form-container {
		padding-bottom: 40px;
		background: @color-main;
		color: @color-main-rev;

		h2 {
			padding: 2px 11px;
			background: @color-main2;
			color: @color-main2-rev;
			text-align: center;
			font: normal normal bold calc(60vw / 19.2)/calc(87vw / 19.2) Noto Sans HK;
		}

		h3 {
			margin: 25px 0;
			text-align: center;
			font: normal normal bold calc(40vw / 19.2)/calc(37vw / 19.2) Helvetica Neue;

			span {
				font: normal normal bold calc(30vw / 19.2)/calc(37vw / 19.2) Helvetica Neue;
			}
		}

		h4 {
			font: normal normal bold calc(28vw / 19.2)/calc(29vw / 19.2) Noto Sans HK;
		}

		.form-inner {
			display: block;
			margin: auto;
			width: 1088px;
		}

		.image-grid {
			display: flex;
			display: -webkit-flex;
			align-items: center;
			gap: 5px;

			.item {
				text-align: center;
				img {
					margin-bottom: 11px;
				}
				h4 {
					margin: 0;
				}
				p {
					margin: 0;
					font: normal normal 500 calc(20vw / 19.2)/29px "Noto Sans HK";
				}
			}
			.plus {
				margin-bottom: 60px;
				font: normal normal 500 calc(46vw / 19.2)/66px Noto Sans HK;
			}
		}

		.select {
			position: relative;
			margin: 0;
			padding: 0;
			width: 100%;
			border-radius: 15px;
			overflow: hidden;
			input {
				width: calc(100% - 32px);
			}
			select {
				width: 100%;
			}
			.btn-select {
				position: absolute;
				background: @color-main2;
				right: 0;
				top: 0;
				bottom: 0;
				width: 60px;
				z-index: 1;
				pointer-events: none;
				&:before, &:after {
					content: '';
					position: absolute;
				}
				&:before {
					border-top: @color-main2-rev 23px solid;
					border-left: transparent 13px solid;
					right: 50%;
					top: calc(50% + 1.5px);
					transform: translate(0%, -50%);
					z-index: 2;
				}
				&:after {
					border-top: @color-main2-rev 23px solid;
					border-right: transparent 13px solid;
					right: 50%;
					top: calc(50% + 1.5px);
					transform: translate(100%, -50%);
					z-index: 2;
				}
			}
		}

		input[type=text], input[type=email], input[type=tel], .select select {
			padding: 15px 16px;
			background: @color-main3;
			color: @color-main3-rev;
			border: 2px solid @color-main2;
			border-radius: 15px;
			font: normal normal 500 20px/29px Noto Sans HK;
			outline: none;
			appearance: none;
			-webkit-appearance: none;
		}

		input[data-type="select"], select {
			position: relative;
		}
		
		.input-grid {
			display: flex;
			display: -webkit-flex;
			margin: 22px 0;
			gap: 64px;

			.contact-grid, .booking-grid {
				display: flex;
				display: -webkit-flex;
				flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				gap: 20px;
				&>input, &>select {
					width: 100%;
				}
			}
			.contact-grid {
			}
			.booking-grid {

			}
		}

		input[type=checkbox] {
			position: absolute;
			appearance: none;
			-webkit-appearance: none;

			&+span {
				display: block;
				position: relative;
				padding-left: 25px;
				&:before {
					content: '';
					position: absolute;
					left: 0;
					top: 1px;
					width: 16px;
					height: 16px;
					border: 2px solid @color-main-rev;
					background: transparent;
				}
			}

			&:checked {
				&+span {
					&:after {
						content: '';
						position: absolute;
						left: 5px;
						top: 3px;
						width: 3px;
						height: 6px;
						border: solid @color-main-rev;
						border-width: 0 3px 3px 0;
						-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						transform: rotate(45deg);
						box-sizing: unset;
					}
				}
			}
		}

		.note, input[type=checkbox]+span, input[type=checkbox]+span a {
			color: @color-main-rev;
			font: normal normal normal 18px/26px Noto Sans HK;
		}
		.note {
			padding-left: 25px;
			span {
				vertical-align: middle;
			}
		}

		.submit-div {
			margin-top: 26px;
			text-align: center;
		}
		input[type=submit] {
			width: 300px;
			background: @color-main2;
			color: @color-main2-rev;
			font: normal normal bold 42px/70px Noto Sans HK;
			border-radius: 15px;
			box-shadow: none;
			outline: none;
			border: none;
		}
	}

	.sample, .sample-mb {
		.slider {
			position: relative;
			padding: 0 55px;
			display: inline-block;
			display: -webkit-inline-block;
			text-align: center;
			.slider-top {
				display: flex;
				display: -webkit-flex;
				color: #FFFFFF;
				background-color: #1E2D4B;
				font: normal normal bold 30px/33px Helvetica Neue;
				span {
					flex: 1;
					-webkit-flex: 1;
					padding: 7.5px;
					&.active {
						background-color: #E6001E;
					}
				}
			}
			.slider-banner {
				width: 500px;
			}
			.swiper-slide {
				background: #f3f3f3;
				p {
					margin: 40px 0 0;
					padding: 0 20px;
					text-align: left;
					font: normal normal normal 20px/24px Helvetica Neue;
				}
			}
			.swiper-button-next, .swiper-button-prev {
				display: flex;
				display: -webkit-flex;
				top: 150px;
				background: #FFFFFF 0% 0% no-repeat padding-box;
				width: 80px;
				height: 80px;
				border-radius: 50%;
				transition: 300ms;
				box-shadow: 5px 5px 10px #00000029;
				&:after {
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					font-size: 32px;
					color: #085f9b;
					text-shadow: #085f9b 1px 0px 0px, #085f9b -1px 0px 0px, #085f9b 0px 1px 0px, #085f9b 0px -1px 0px;
					transition: 300ms;
				}
				&.swiper-button-disabled {
					background: #B5B5B5 0% 0% no-repeat padding-box;
					opacity: 1;
					&:after {
						color: #FFFFFF;
						text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px;
					}
				}
			}
			.swiper-button-next {
				right: 0;
			}
			.swiper-button-prev {
				left: 0;
			}
			.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
				top: 260px;
				bottom: auto;
			}
			.swiper-pagination-bullet {
				margin: 0 5px;
				background: #DBDBDB 0% 0% no-repeat padding-box;
				opacity: 1;
			}
			.swiper-pagination-bullet-active {
				background: #707070 0% 0% no-repeat padding-box;
			}
		}
	}

	.sample {
		padding-top: 100px;
		text-align: center;
		.tab-group {
			display: inline-block;
			display: -webkit-inline-block;
			margin: auto;
			ul {
				display: flex;
				display: -webket-flex;
				padding: 0;
				list-style: none;
				li {
					position: relative;
					padding: calc(10.5vw / 19.2) 33px;
					color: @color-main;
					font: normal normal bold calc(30vw / 19.2)/37px Helvetica Neue;
					a {
						position: relative;
						color: @color-main;
						text-decoration: none;
					}
					&+li {
						&:before {
							position: absolute;
							content: '';
							background: @color-main;
							width: calc(3vw / 19.2);
							top: 0;
							bottom: 0;
							left: 0;
							transform: translateX(-50%);
						}
					}
					&.active {
						a {
							color: @color-main2;
							&:after {
								content: '';
								position: absolute;
								left: 0;
								right: 0;
								bottom: 0;
								height: calc(10vw / 19.2);
								transform: translateY(100%);
								background: @color-main2;
							}
						}
					}
				}
			}
		}
		.tab-content {
			height: 0;
			transform: scale(100vw / 19.2vw);
			/*transform-origin: right top;*/
			margin-bottom: calc(1024vw / 19.2);
		}
		.sample-content {
			position: relative;
			display: flex;
			display: -webkit-flex;
			align-items: center;
			padding-top: 115px;
			gap: 30px;
			.slogan {
				flex: 47;
				-webkit-flex: 47;
				position: relative;
				text-align: right;
				img {
					/* position: absolute; */
					right: 90px;
					top: 50%;
					/* transform: translateY(-50%); */
					/* width: 120px; */
				}
			}
			.sample-inner {
				padding: 45px 12px 0;
				flex: 145;
				-webkit-flex: 145;
				background-color: rgba(240, 240, 240, .8);
				/*padding-right: 15vw;*/

				display: flex;
				display: -webkit-flex;
				align-items: top;
				.basic-content {
					flex: 1;
					.profile {
						white-space: nowrap;
						font: normal normal normal 22px/27px Helvetica Neue;
						span+span {
							position: relative;
							margin-left: 20px;
							&:before {
								content: '';
								position: absolute;
								left: -10px;
								top: 0;
								bottom: 0;
								width: 1px;
								background-color: #707070;
								transform: translateX(-50%);
							}
						}
					}
					.period {
						color: #085F9B;
						font: normal normal bold 22px/27px Helvetica Neue;
						span {
							margin-left: 10px;
							font: normal normal bold 40px/49px Helvetica Neue;
						}
					}
					.sample-align {
						display: flex;
						display: -webkit-flex;
						align-items: end;
						flex-direction: column;
						transform: translateX(-54px);
					}
					.sample-title {
						margin: 5px 0 18px;
						padding: 2.73px 54px 4.73px;
						color: #FFFFFF;
						background-color: #1E2D4B;
						white-space: nowrap;
						font: normal normal bold 56px/69px Helvetica Neue;
					}
					.sample-image {
						img {
							width: 200px;
						}
						p {
							margin: 9px 0;
							padding: 0;
							text-align: center;
							&.b {
								font: normal normal normal 20px/24px Helvetica Neue;
							}
							&.a {
								font: normal normal bold 24px/29px Helvetica Neue;
							}
						}
					}

				}
				.model-content {
					position: relative;
					margin-right: -55px;
					z-index: 1;
					pointer-events: none;
					margin-bottom: -260px;
					width: 256px;
					img {
						&:nth-child(1) {
							transform: translate(-10px, -115px);
						}
						&:nth-child(2) {
							position: absolute;
							right: 70%;
							bottom: 155px;
						}
						&:nth-child(3) {
							display: none;
						}
					}
				}
				.issue {
					width: 630px;
					text-align: right;
					.doctor {
						position: relative;
						padding: 38px 57px;
						border: 6px solid #085F9B;
						text-align: left;
						margin-bottom: 27px;
						.say {
							position: absolute;
							top: 0;
							left: 38px;
							padding: 0 20px;
							background: #f3f3f3;
							transform: translateY(-50%);
							color: #085F9B;
							font: normal normal bold 30px/37px Helvetica Neue;
						}
						.say-content {
							color: #707070;
							font: normal normal normal 24px/1.25 Helvetica Neue;
							letter-spacing: 2px;
							text-align: justify;
						}
					}
				}
				
			}
		}
		.tab-pane {
			&:nth-child(2) {
				.sample-content .sample-inner .model-content {
					margin-bottom: -480px;
					img:nth-child(1) {
						transform: translate(-32%, -280px);
					}
					img:nth-child(2) {
						right: 80%;
						bottom: 370px;
					}
				}
			}
			&:nth-child(3) {
				.sample-content .sample-inner .model-content {
					margin-bottom: -480px;
					img:nth-child(1) {
						transform: translate(-35%, -235px);
					}
					img:nth-child(2) {
						right: 92%;
						bottom: 370px;
					}
				}
			}
			&:nth-child(4) {
				.sample-content .sample-inner .model-content {
					margin-bottom: -480px;
					img:nth-child(1) {
						transform: translate(-36%, -220px);
					}
					img:nth-child(2) {
						right: 55%;
						bottom: 370px;
					}
				}
			}
		}
	}

	.sample-mb {
		text-align: center;
		padding: calc(45vw / 10.8) 0;
		overflow: hidden;

		.slogan-mb-div {
			margin-bottom: calc(45vw / 10.8);
		}

		#SampleMbOpt {
			padding: 5px 27px 5px;
			font: normal normal normal calc(40vw / 10.8)/calc(58vw / 10.8) Noto Sans HK;
			border: none;
			outline: none;
			appearance: none;
			-webkit-appearance: none;
		}

		.select {
			display: inline-block;
			display: -webkit-inline-block;
			position: relative;
			margin: 0;
			padding: 0;
			width: calc(385vw / 10.8);
			border-radius: 15px;
			border: 1px solid #707070;
			overflow: hidden;
			input {
				width: calc(385vw / 10.8 - 32px);
			}
			select {
				width: calc(385vw / 10.8);
			}
			.btn-select {
				position: absolute;
				background: transparent;
				right: 0;
				top: 0;
				bottom: 0;
				width: 60px;
				z-index: 1;
				pointer-events: none;
				&:before, &:after {
					content: '';
					position: absolute;
				}
				&:before {
					border-top: #085F9B 23px solid;
					border-left: transparent 13px solid;
					right: 50%;
					top: calc(50% + 1.5px);
					transform: translate(0%, -50%);
					z-index: 2;
				}
				&:after {
					border-top: #085F9B 23px solid;
					border-right: transparent 13px solid;
					right: 50%;
					top: calc(50% + 1.5px);
					transform: translate(100%, -50%);
					z-index: 2;
				}
			}
		}

		.sample-content {
			position: relative;
			margin-top: calc(138vw	/10.8);
			.basic-content {
				padding: calc(43vw / 10.8) 0 calc(40vw / 10.8);
				width: calc(814vw / 10.8);
				background: #F0F0F0 0% 0% no-repeat padding-box;
				.profile {
					text-align: center;
					font: normal normal normal calc(40vw / 10.8)/calc(48vw / 10.8) Helvetica Neue;
					letter-spacing: 0px;
					color: #707070;
					span+span {
						position: relative;
						margin-left: 20px;
						&:before {
							content: '';
							position: absolute;
							left: -10px;
							top: 0;
							bottom: 0;
							width: 1px;
							background-color: #707070;
							transform: translateX(-50%);
						}
					}
				}
				.period {
					color: #707070;
					font: normal normal bold calc(40vw / 10.8)/calc(49vw / 10.8) Helvetica Neue;
					span {
						margin-left: 10px;
						font: normal normal bold calc(70vw / 10.8)/calc(85vw / 10.8) Helvetica Neue;
					}
				}
				.sample-title {
					margin: 5px 0 18px;
					padding: 2.73px 54px 4.73px;
					color: #FFFFFF;
					background-color: #1E2D4B;
					white-space: nowrap;
					font: normal normal bold calc(100vw / 10.8)/calc(123vw / 10.8) Helvetica Neue;
				}
			}
			.sticker {
				position: absolute;
				pointer-events: none;
				img {
					width: 100%;
				}
				&.sticker0 {
					left: calc(600vw / 10.8);
					top: calc(-105vw / 10.8);
					width: calc(256vw / 10.8 * 1.5);
				}
				&.sticker1 {
					left: calc(389vw / 10.8);
					top: calc(753vw / 10.8);
					width: calc(621vw / 10.8);
				}
				&.sticker2 {
					left: calc(298vw / 10.8);
					top: calc(-282vw / 10.8);
					width: calc(700vw / 10.8 * 1.5);
				}
				&.sticker3 {
					left: calc(389vw / 10.8);
					top: calc(725vw / 10.8);
					width: calc(621vw / 10.8);
				}
				&.sticker4 {
					left: calc(320vw / 10.8);
					top: calc(-228vw / 10.8);
					width: calc(695vw / 10.8 * 1.5);
				}
				&.sticker5 {
					left: calc(389vw / 10.8);
					top: calc(725vw / 10.8);
					width: calc(621vw / 10.8);
				}
				&.sticker6 {
					left: calc(320vw / 10.8);
					top: calc(-210vw / 10.8);
					width: calc(660vw / 10.8 * 1.5);
				}
				&.sticker7 {
					left: calc(377vw / 10.8);
					top: calc(715vw / 10.8);
					width: calc(621vw / 10.8);
				}
			}
			.sample-align {
				margin-top: calc(45vw / 10.8);
				padding-left: calc(130vw / 10.8);
				text-align: left;
				.sample-image {
					display: inline-block;
					display: -webkit-inline-block;
					text-align: center;
					width: calc(300vw / 10.8);
					img {
						width: 100%;
					}
					p {
						margin-top: calc(15vw / 10.8);
						margin-bottom: calc(5vw / 10.8);
						font: normal normal normal calc(32vw / 10.8)/calc(38vw / 10.8) Helvetica Neue;
						letter-spacing: 0px;
						color: #707070;
						&.s {
							font: normal normal bold calc(40vw / 10.8)/calc(49vw / 10.8) Helvetica Neue;
						}
					}
				}
			}
			.doctor {
				position: relative;
				margin-left: calc(130vw / 10.8);
				margin-right: calc(130vw / 10.8);
				margin-top: calc(80vw / 10.8);
				margin-bottom: calc(80vw / 10.8);
				padding: calc(59vw / 10.8) calc(29vw / 10.8) calc(35vw / 10.8);
				border: 6px solid #085F9B;
				background-color: #FFFFFF;
				text-align: left;
				.say {
					position: absolute;
					top: 0;
					left: calc(38vw / 10.8);
					padding: 0 calc(20vw / 10.8);
					background: #FFFFFF;
					transform: translateY(-50%);
					color: #085F9B;
					font: normal normal bold calc(60vw / 10.8)/calc(74vw / 10.8) Helvetica Neue;
				}
				.say-content {
					color: #707070;
					font: normal normal normal calc(38vw / 10.8)/calc(45vw / 10.8) Helvetica Neue;
				}
			}
			.slider {
				padding: 0;
				.slider-banner {
					width: calc(800vw / 10.8);
					.swiper-slide {
						img {
							width: calc(800vw / 10.8);
						}
						p {
							margin-top: calc(70vw / 10.8);
							margin-bottom: calc(70vw / 10.8);
							font: normal normal normal calc(38vw / 10.8)/calc(45vw / 10.8) Helvetica Neue;
						}
					}
				}
				.slider-top span {
					padding: calc(7.5vw / 10.8);
					font-size: calc(46vw / 10.8);
					line-height: calc(50vw / 10.8);
				}
				.swiper-button-next, .swiper-button-prev {
					top: calc(250vw / 10.8);
					width: calc(110vw / 10.8);
					height: calc(110vw / 10.8);
					&:after {
						font-size: calc(32vw / 10.8);
					}
				}
				.swiper-button-next {
					right: calc(-65vw / 10.8);
				}
				.swiper-button-prev {
					left: calc(-65vw / 10.8);
				}
			}
		}
	}

	.user-feedback {
		padding: 20px 0;
		background: #085F9B 0% 0% no-repeat padding-box;

		h2 {
			color: #FFFFFF;
			font-size: calc( 47vw / 19.2 );
			b {
				font-size: calc( 94vw / 19.2 );
			}
			&:first-child {
				margin: 15px 0;
				padding-left: calc( 422vw / 19.2 );
			}
			&:last-child {
				margin: 15px 0;
				padding-left: calc( 717vw / 19.2 );
			}
		}
	}

	.step {
		position: relative;
		padding: calc(59vw / 19.2) 0 0;
		text-align: center;
		img {
			width: calc( 1920vw / 19.2 );
		}
		h2 {
			margin: 0;
			color: #000000;
			font-size: calc( 60vw / 19.2 );
			font-weight: bold;
			span {
				color: #085F9B;
				font-size: calc( 120vw / 19.2 );
				vertical-align: sub;
			}
		}
		.text-desktop {
			/* position: absolute; */
			/* top: calc((100% - 132px - 59px) / 2 + 132px + 59px); */
			/* transform: translateY(-50%); */
			display: flex;
			display: -webkit-flex;
			align-items: center;
			left: 0;
			right: 0;
			width: 100%;
			&>div {
				display: inline-block;
				display: -webkit-inline-block;
				text-align: center;
			}
			h3 {
				margin: 0 0 calc( 30vw / 19.2 );
				font-size: calc( 30vw / 19.2 );
				color: #FFFFFF;
				transition: 600ms;
				opacity: 1;
			}
			p {
				font-size: calc( 20vw / 19.2 );
				color: #FFFFFF;
			}
			.txt-1, .txt-2, .txt-3, .txt-4 {
				position: relative;
				flex: 1;
				-webkit-flex: 1;
				background-position: center center;
				background-size: auto 100%;
				background-repeat: no-repeat;
				height: calc( 921vw / 19.2 );
				transition: 600ms;
				h3, div {
					position: absolute;
					top: 50%;
					width: 100%;
					transform: translateY(-50%);
					transition: 600ms;
				}
				div {
					opacity: 0;
					transform: scale(0) translateY(-50%);
					p:first-child {
						position: relative;
						margin: 0 0 calc( 240vw / 19.2 );
						font-size: calc( 30vw / 19.2 );
						color: #FFFFFF;
						&:after {
							content: '';
							position: absolute;
							top: calc( 100% + 30vw / 19.2);
							left: 50%;
							width: 3px;
							height: calc( 180vw / 19.2 );
							background: #FFFFFF;
							transform: translateX(-50%);
						}
					}
				}
				&:hover {
					flex: 2;
					-webkit-flex: 2;
					h3 {
						opacity: 0;
					}
					div {
						opacity: 1;
						transform: scale(1) translateY(-50%);
						transition-delay: 300ms;
					}
				}
			}
			.txt-1 {
				background-image: url('./../img/landing/mobile_image05_open.png');
			}
			.txt-2 {
				background-image: url('./../img/landing/mobile_image06_open.png');
			}
			.txt-3 {
				background-image: url('./../img/landing/mobile_image07_open.png');
			}
			.txt-4 {
				background-image: url('./../img/landing/mobile_image08_open.png');
			}
		}
	}

	.cert {
		position: relative;
		padding: calc(59vw / 19.2) 0 calc(110vw / 19.2);
		text-align: center;
		h2 {
			margin: 0;
			color: #000000;
			font-size: calc( 60vw / 19.2 );
			font-weight: bold;
			span {
				color: #085F9B;
				font-size: calc( 120vw / 19.2 );
				vertical-align: sub;
			}
		}
		img {
			width: calc( 1370vw / 19.2 );
		}
		.text-desktop {
			position: absolute;
			top: calc( 557vw / 19.2 );
			transform: translateY(-50%);
			display: flex;
			display: -webkit-flex;
			align-items: center;
			left: 0;
			right: 0;
			width: calc( 1370vw / 19.2 );
			left: 50%;
			transform: translateX(-50%);
			&>div {
				display: inline-block;
				display: -webkit-inline-block;
				text-align: center;
			}
			h3 {
				font-size: calc( 28vw / 19.2 );
				color: #FFFFFF;
			}
			.txt-1 {
				flex: 1;
				-webkit-flex: 1;
			}
			.txt-2 {
				flex: 1;
				-webkit-flex: 1;
			}
			.txt-3 {
				flex: 1;
				-webkit-flex: 1;
			}
		}
		.txt-4 {
			margin-top: 15px;
			padding-left: calc( 275vw / 19.2 );
			font: normal normal normal 16px/24px Noto Sans HK;
			text-align: left;
		}
	}

	footer {
		position: relative;
		height: calc( 243vw / 19.2 );
		background: #F2F2F2 0% 0% no-repeat padding-box;
		.social {
			position: absolute;
			left: calc( 140vw / 19.2 );
			top: calc( 28vw / 19.2 );
			display: flex;
			display: -webkit-flex;
			gap: 24px;
			align-items: center;
			&>* {
				vertical-align: middle;
			}
			a {
				width: calc( 50vw / 19.2 );
				height: calc( 50vw / 19.2 );
			}
			span {
				font: normal normal normal 22px/32px Noto Sans HK;
			}
		}
		.linkage-div {
			position: absolute;
			right: calc( 140vw / 19.2 );
			top: calc( 28vw / 19.2 );
			text-align: right;

			.linkage a {
				font: normal normal normal 16px/24px Noto Sans HK;
				color: #707070;
				&+a {
					margin-left: 40px;
				}
			}
			.copyright {
				font: normal normal normal 16px/24px Noto Sans HK;
				color: #707070;
			}
		}
	}
}

@media (max-width: 1600px) {
	.sample {
		
	}
}

@media (min-width: 1440px) {
	body .sample .tab-content {
		/* transform: scale(0.75) !important; */
		/* margin-bottom: 780px; */
	}
}

@media (max-width: 1080px) {
	.visible-xs {
		display: block !important;
	}
	.hidden-xs {
		display: none !important;
	}
	body {
		.sample-mb .select {
			width: auto;
		}
		.sample-mb #SampleMbOpt {
			padding: 5px 50px 5px 27px;
			width: auto;
		}
		.intro {
			padding: calc(68vw / 10.8) calc(30vw / 10.8) calc(44vw / 10.8);
			h2 {
				margin-bottom: calc(39vw / 10.8);
				font-size: calc(80vw / 10.8);
				line-height: calc(97vw / 10.8);
			}
			h3 {
				font-size: calc(60vw / 10.8);
				line-height: calc(48vw / 10.8);
				margin: calc(60vw / 10.8) 0;
			}
			p {
				font-size: calc(40vw / 10.8);
				line-height: calc(48vw / 10.8);
			}
		}
		.form-container {
			padding-bottom: 0;
			.form-inner {
				padding: calc(31vw / 10.8) calc(50vw / 10.8) calc(55vw / 10.8);
				width: 100%;
			}
			h2 {
				padding: calc(6vw / 10.8) 0 calc(13vw / 10.8);
				font-size: calc(70vw / 10.8);
				line-height: calc(101vw / 10.8);
				margin-bottom: calc(10vw / 10.8);
			}
			h3 {
				margin: 0 0 calc(36vw / 10.8);
				font-size: calc(70vw / 10.8);
				line-height: calc(70vw / 10.8);
				span {
					font-size: calc(40vw / 10.8);
					line-height: calc(49vw / 10.8);
				}
			}
			.image-grid {
				gap: calc(13.5vw / 10.8);
				.plus {
					margin-bottom: calc(87vw / 10.8);
					font-size: calc(60vw / 10.8);
					line-height: calc(87vw / 10.8);
				}
				.item {
					h4 {
						margin-top: calc(14vw / 10.8);
						font-size: calc(40vw / 10.8);
						line-height: calc(70vw / 10.8);
					}
					p {
						font-size: calc(30vw / 10.8);
						line-height: calc(44vw / 10.8);
					}
					.img-mb {
						display: inline-block;
						display: -webkit-inline-block;
						width: calc(286vw / 10.8);
						height: calc(286vw / 10.8);
						background-position: center center;
						background-size: cover;
						background-repeat: no-repeat;
					}
				}
			}
			.input-grid {
				flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				gap: calc(30vw / 10.8);
				.contact-grid, .booking-grid {
					gap: calc(30vw / 10.8);
				}
			}
			input[type=text], input[type=email], input[type=tel], .select select {
				padding: 19px 29px;
				font-size: 40px;
				line-height: 58px;
				padding: calc(19vw / 10.8) calc(29vw / 10.8);
				font-size: calc(40vw / 10.8);
				line-height: calc(50vw / 10.8);
				border-radius: calc(15vw / 10.8);
			}
			.select {
				border-radius: calc(15vw / 10.8);
				input {
					width: calc(100% - 32vw / 10.8);
				}
				.btn-select {
					width: calc(60vw / 10.8);
					z-index: 1;
					pointer-events: none;
					&:before, &:after {
						content: '';
						position: absolute;
					}
					&:before {
						border-top-width: calc(23vw / 10.8);
						border-left-width: calc(13vw / 10.8);
						top: calc(50% + 1.5vw / 10.8);
					}
					&:after {
						border-top-width: calc(23vw / 10.8);
						border-right-width: calc(13vw / 10.8);
						top: calc(50% + 1.5vw / 10.8);
					}
				}
			}
			input[type=checkbox] + span:before {
				top: calc(12vw / 10.8);
				border-width: 1px;
				width: calc(24vw / 10.8);
				height: calc(24vw / 10.8);
			}
			input[type=checkbox]:checked + span:after {
				border-width: 0px 2px 2px 0;
				left: calc(9vw / 10.8);
				top: calc(13vw / 10.8);
				width: calc(6vw / 10.8);
				height: calc(15vw / 10.8);
			}
			.note, input[type=checkbox]+span, input[type=checkbox]+span a {
				/* font-size: calc(26vw / 10.8);
				line-height: calc(37vw / 10.8); */
				font-size: calc(24vw / 10.8);
				line-height: 2;
			}
			.note {
				/* padding-left: 25px; */
				font-size: calc(24vw / 10.8);
				line-height: 2;
			}
			.submit-div {

			}
			input[type=submit] {
				padding: calc(10vw / 10.8) calc(10vw / 10.8);
				font-size: calc(60vw / 10.8);
				line-height: calc(70vw / 10.8);
				width: 100%;
				max-width: calc(376vw / 10.8);
			}
		}
		.user-feedback {
			h2 {
				margin: calc(17vw / 10.8) 0;
				padding: 0 !important;
				text-align: center;
				font: normal normal bold calc(47vw / 10.8)/calc(57vw / 10.8) Helvetica Neue;
				b {
					font-size: calc(94vw / 10.8);
				}
			}
		}
		.step {
			padding: calc(56vw / 10.8) 0 0;
			h2 {
				margin-bottom: calc(44vw / 10.8);
				font-size: calc(60vw / 10.8);
				line-height: calc(74vw / 10.8);
				span {
					margin-right: calc(10vw / 10.8);
					font-size: calc(120vw / 10.8);
					line-height: calc(146vw / 10.8);
				}
			}
			.text-mobile {
				.item {
					position: relative;
					.a {
						display: none;
					}
					.txt {
						position: absolute;
						top: calc(72vw / 10.8);
						left: 0;
						right: 0;
						letter-spacing: 0px;
						color: #FFFFFF;
						text-align: center;
						h3 {
							font: normal normal normal calc(50vw / 10.8)/calc(60vw / 10.8) Helvetica Neue;
							margin-bottom: calc(13vw / 10.8);
						}
						i {
							&:after {
								font-family: swiper-icons;
								content: 'next';
								position: absolute;
								left: 50%;
								transform: translateX(-50%) rotate(90deg);
								font-size: calc(32vw / 10.8);
								color: #FFFFFF;
								text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px;
								box-sizing: border-box;
								font-style: normal;
							}
						}
						p {
							display: none;
							font: normal normal normal calc(40vw / 10.8)/calc(60vw / 10.8) Helvetica Neue;
						}
					}
					&.active {
						.b {
							display: none;
						}
						.a {
							display: block;
						}
						.txt {
							i {
								display: none;
							}
							p {
								display: block;
							}
						}
					}
				}
			}
		}
		.cert {
			padding: calc(27vw / 10.8) 0 0;
			h2 {
				margin-bottom: calc(44vw / 10.8);
				font-size: calc(60vw / 10.8);
				line-height: calc(74vw / 10.8);
				span {
					margin-right: calc(10vw / 10.8);
					font-size: calc(120vw / 10.8);
					line-height: calc(146vw / 10.8);
				}
			}
			.image-content {
				position: relative;
				img {
					width: calc(960vw / 10.8);
				}
				.text-desktop {
					top: calc(220vw / 10.8);
					width: calc(960vw / 10.8);
					h3 {
						margin: calc(30vw / 10.8);
						font: normal normal bold calc(28vw / 10.8)/calc(40vw / 10.8) Noto Sans HK;
					}
				}
			}
			.txt-4 {
				padding: 0;
				width: calc(960vw / 10.8);
				margin: calc(16vw / 10.8) auto;
				font: normal normal normal calc(26vw / 10.8)/calc(37vw / 10.8) Noto Sans HK;
				color: #707070;
			}
		}
		footer {
			background: transparent;
			height: auto;
			padding: calc(180vw / 10.8) calc(60vw / 10.8) calc(68vw / 10.8);
			font: normal normal normal calc(26vw / 10.8)/calc(37vw / 10.8) Noto Sans HK;
			.social {
				position: relative;
				left: auto;
				right: auto;
				top: auto;
				gap: calc(40vw / 10.8);
				align-items: start;
				span {
					font: normal normal normal calc(26vw / 10.8)/calc(37vw / 10.8) Noto Sans HK;
				}
				a {
					width: calc(85vw / 10.8);
					height: calc(85vw / 10.8);
					img {
						width: calc(85vw / 10.8);
					}
				}
			}
			.linkage-div {
				position: relative;
				text-align: left;
				left: auto;
				right: auto;
				top: auto;
				.linkage {
					display: flex;
					display: -webkit-flex;
					gap: calc(38vw / 10.8);
					margin-top: calc(70vw / 10.8);
					margin-bottom: calc(32vw / 10.8);
					a {
						font: normal normal normal calc(26vw / 10.8)/calc(37vw / 10.8) Noto Sans HK;
						margin: 0;
						&:first-child {
							order: 2;
							margin: 0;
						}
						&:last-child {
							order: 1;
							margin: 0;
						}
					}
				}
				.copyright {
					font: normal normal normal calc(26vw / 10.8)/calc(37vw / 10.8) Noto Sans HK;
				}
			}
		}
	}
}