@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic);

* {
	border:0;
	margin:0;
	padding:0;
	outline:0;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	vertical-align:baseline;
	background:transparent;
	position:relative;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

html,body {
	width:100%;
	height:100%;
}

body {
	font:16px/1.4 "Fira Sans",SimSun,微软雅黑,宋体,STXihei,华文细黑,sans-serif;
	color:#786661;
	background:#C7E6E0;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
}
#contentsthankyou ul {
    list-style-type: none;
    
    
    
}
#contentsthankyou .reviewtext{
    margin-left: 17%;
}

input.chk{
    width: 5%;
}
a {
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	transition-property:background-color;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	transition-duration:.3s;
}

a,a:visited {
	text-decoration:none;
	color:#009A8E;
}

b,strong {
	font-weight:700;
}

small {
	font-size:80%;
}

sub,sup {
	font-size:50%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

figure {
	margin:1em 40px;
}

@-ms-viewport {
	width:extend-to-zoom;
	zoom:1;
}

.notxt {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.hide {
	display:none;
}

.group:after {
	content:"";
	display:table;
	clear:both;
}

.clear {
	clear:both;
}

img {
	vertical-align:bottom;
	max-width:100%;
}

/* typography */
h1,h2,h3,h4,h5,h6 {
	font-weight:500;
	line-height:1.2;
	color:#009A8E;
	margin-bottom:10px;
	font-family:"Fira Sans","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
}

h1 {
	font-size:1.875em;
	letter-spacing:-1px;
	font-style:italic;
	font-family:"Playfair Display","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
}

h2 {
	font-size:1.5em;
	letter-spacing:-1px;
	font-style:italic;
	font-family:"Playfair Display","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
}

.tagline h2 {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-bottom:5px;
	margin:0 auto 20px;
	text-align: center;
}

h3 {
	font-size:1.125em;
	color:#937d77;
}

h4 {
	font:1em/1.4 "Playfair Display",SimSun,微软雅黑,宋体,STXihei,华文细黑,sans-serif;
	color:#A69B93;
	font-style:italic;
	font-weight:400;
}


.chinese h1, .chinese h2, .chinese h4 {
	font-style:normal;
}

.chinese h4,.chinese h3 {
	font-weight:700;
	color:#6c615a;
}

h5 {
	font-size:.688em;
	margin-bottom:20px;
	font-weight:400;
}

h6 {
	font-size:.625em;
	color:#786661;
	font-weight:400;
}

p {
	font-size:.875em;
	margin-bottom:20px;
	font-weight:400;
}

.chinese p, .chinese h4, .chinese h3, .chinese li {	
	font-family: "Playfair Display",SimSun,微软雅黑,宋体,STXihei,华文细黑, sans-serif !important;
}

.chinese .footer p{
	font-family: "Fira Sans",SimSun,微软雅黑,宋体,STXihei,华文细黑, sans-serif !important;
}

.tagline p {
	color:#fff;
}

.footer p {
	font-size:.688em;
	color:#fff;
}

strong,b {
	color:#8C7671;
}

.main ul,.main ol {
	margin-bottom:20px;
}

.main ul li,.main ol li {
	margin-left:20px;
	font-size:.875em;
	color:#786661;
}

.share{ 
	display: none;	
}

.footer a:link,.footer a:visited {
	color:#fff;
}

hr {
	display:block;
	height:0;
	line-height:0;
	margin:0 auto 20px;
	width:100%;
	clear:both;
	font-size:1px;
	overflow:visible;
	border-top:1px dotted #84706b;
	opacity:.4;
}

/* buttons */

.tel-num a,.tel-num{ font-weight: bold;}

a:link.button,a:visited.button,button,p a.button {
	font-size:1.063em;
	font-family:"Fira Sans","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
	background-color:#009A8E;
	color:#fff!important;
	padding:6px 15px 3px;
	display:inline-block;
	border-radius:20px;
	margin:0 6px 10px 0;
	text-align:center;
	font-weight:500 !important;
}

.button-sml{
	font-size: 0.813em !important;
	padding:4px 10px 2px;
}
a:hover.button,button:hover {
	color:#89D0CB!important;
	background-color:#fff;
}

.btn-group {
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}

.btn-group img {
	width:30px;
	vertical-align:middle;
}

.btn-group button {
	font-size:.875em;
	font-family:"Fira Sans","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
	background-color:transparent;
	color:#937d77!important;
	padding:0;
	display:inline-block;
	border-radius:0;
	margin:20px 0 0;
	text-align:left;
	font-weight:500!important;
	position:absolute;
	width:200px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.7);
}

.btn-group button:hover {
	background-color:transparent;
	color:#8BD0CB!important;
}

#btn1 {
	top:90px;
	left:430px;
}

#btn2 {
	top:155px;
	left:175px;
}

.chinese #btn2 {
	left:220px;
}

#btn3 {
	top:40px;
	left:345px;
}

#btn4 {
	top:200px;
	left:405px;
}

#btn5 {
	top:205px;
	left:215px;
}

#btn6 {
	top:240px;
	left:360px;
}

.age-info {
	display:none;
	margin-bottom:30px;
}

.age-info:after {
	content:"";
	display:table;
	clear:both;
}

.age-info img {
	border:1px solid #ccc;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	padding:5px;
	background:#fff;
	-moz-box-shadow:2px 2px 8px #ccc;
	-webkit-box-shadow:2px 2px 8px #ccc;
	box-shadow:2px 2px 8px #ccc;
	float:left;
	margin-right:30px;
	width:28%;
}

.age-info-guide{
	height: 35px;
	background: transparent url(../global/i/spot.png) 0 50% no-repeat;
	background-size: 35px auto;
	line-height: 35px;
	padding-left: 45px;
}

ol.arrow {
	list-style:none;
	text-align:center;
}

ol.arrow li {
	background:transparent url(i/arrow-down.png) 50% 0 no-repeat;
	background-size:contain;
	padding-bottom:50px;
}

ol.arrow li:nth-last-child(1) {
	background-image:none;
	padding-bottom:20px;
}

ol.arrow li em {
	background:#f3eadf;
	border-radius:20px;
	padding:6px 20px;
	min-width:230px;
	display:inline-block;
}

/* navigation */
.nav {
	width:100%;
	list-style:none;
	margin-top:30px;
	padding:0 10%;
}

.nav li a,.nav li a:link,.nav li a:visited {
	font:1.125em/1.4 "Playfair Display",SimSun,微软雅黑,宋体,STXihei,华文细黑,sans-serif;
	font-style:italic;
	margin-bottom:20px;
}

.nav li a:hover,.nav li.current a,.ageing .nav li:nth-child(3) a,.treatments .nav li:nth-child(4) a {
	color:#fff;
}

.nav li:nth-child(7) {
	border-top:2px dotted rgba(255,255,255,0.3);
	border-bottom:2px dotted rgba(255,255,255,0.3);
	padding:10px 0;
	margin:10px 0;
}

/* layout */
.container {
	background:#fff;
	width:1024px;
	margin:0 auto;
}

.banner {
	width:100%;
}

.header{
	z-index: 999;
}

.section {
	width:100%;
	display:table;
}

.sidebar {
	width:30%;
	background:#89D0CB;
	display:table-cell;
	vertical-align:top;
	overflow: hidden;
}

.main {
	width:70%;
	display:table-cell;
	vertical-align:top;
	background:#fefaf4;
}

.main p{
	max-width: 580px;
}

.main img{
	max-width: 717px;
}

.main .content img{
	max-width: 580px;
}

.main .content {
	padding:20px 50px 100px 30px;
}

img.framed {
	padding:7px;
	background:#fff;
	-moz-box-shadow:2px 2px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 8px rgba(0,0,0,0.1);
	box-shadow:2px 2px 8px rgba(0,0,0,0.1);
	margin-right:10px;
}

img.framed2 {
	padding:4px;
	background:#fff;
	-moz-box-shadow:2px 2px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.1);
	box-shadow:2px 2px 6px rgba(0,0,0,0.1);
	width:75%;
}

img.framed3 {
	padding:3px;
	background:#fff;
	margin-right:5px;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	width: 49%;
}

.main .stripes {
	padding-left:0;
	padding-right:0;
}

.stripes h4 {
	margin-bottom:0;
}

.stripes h1,.stripes .fb-like,.stripes p,.stripes h4 {
	padding-left:30px;
	padding-right:30px;
}

.stripes .stripe {
	background:#FDF0E0;
	padding:15px 0 5px;
	margin-bottom:10px;
}

.tagline {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	width:40%;
	height:100%;
	background:#89D0CB;
	overflow: hidden
}

.tagline div {
	padding:30px;
}

.feature-list{
	overflow: hidden;
}

.logo img {
	width:65%;
	margin:0 auto;
	display:block;
}

.cyc {
	z-index:1;
	visibility:hidden;
	width:60%;
	float:right;
}

.cyc img {
	height:auto;
	vertical-align:middle;
}

.social {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	z-index:1000;
}

.social a {
	display:inline-block;
	width:40px;
	height:40px;
	background:#AEDDDA;
}

.social img {
	width:20px;
	height:20px;
	display:inline-block;
	margin:10px;
}

.social a.share-twitter {
	background:#89D0CB;
}

.social a.share-facebook img {
	width:30px;
	height:30px;
	margin:3px 5px 5px;
}

.fb-like {
	clear:both;
	margin-top:30px;
}

.section {
	clear:both;
}

.features {
	width:100%;
	background:#DAEFED;
	display: block;
	overflow: hidden;
}

.features div {
	display:block;
	float:left;
	height:120px;
	color:#009A8E;
	overflow:hidden;
	background-size:cover!important;
}

.features .col1 {
	width:30%;
	background:#fff;
}

.features .col2 {
	width:50%;
	background:#DAEFED;
	padding:20px;
}

.features .col2 p {
	color:#009A8E;
	font-weight:500;
}

.features .col2 h4 {
	color:#009A8E;
	font-weight:500;
	font-family:"Fira Sans","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
	font-style:normal;
}


.features .col2:hover {
	background:#009A8E;
}

.features .col2:hover h3,.features .col2:hover h4,.features .col2:hover p {
	color:#fff;
}

.features .col3 {
	width:20%;
}

.f1 .col3 {
	background:#fff url(../datavf19/uploads/feature1.jpg);
}

.f1 button{
	background: #fff;
	color: #159388 !important;
}

.f3 .col3 {
	background:#fff url(../data/uploads/feature3.jpg);
}

.f2 .col1 {
	width:20%;
	padding:0;
	background:#fff url(../data/uploads/feature2.jpg);
}

.f2 .col2 {
	background:#86d0cb;
}

.f2 .col2 p {
	color:#fff;
}

.f2 .col3 {
	width:30%;
	background:#fff;
	text-align:right;
}

.features .col1,.f2 .col3 {
	padding:40px 20px;
	font:1.5em/1.4 "Playfair Display",SimSun,微软雅黑,宋体,STXihei,华文细黑,sans-serif;
	font-style:italic;
}

.chinese .features .col1,.chinese .f2 .col3 {
	font-style: normal;
}


.f2 .col2 div h4 {
	color:#fff;
}

.col1-3, .col2-3{
	display: inline-block;
}

.footer {
	text-align:center;
	width:100%;
	clear:both;
	margin:0 auto;
	background:#009A8E;
	padding:20px;
}

.footer a:visited.button,.footer a:link.button {
	background:#8BD0CB;
}

.footer a:hover.button {
	background:#fff;
}

/* map */
.map-box{ font-family: sans-serif;}

#myMap,#myMap1,#myMap2,#myMap3,#myMap4,#myMap5,#myMap6 {
	width:100%;
	height:400px;
	border:5px solid #fff;
	margin-bottom:20px;
}

#myMap img,#myMap1 img,#myMap2 img,#myMap3 img,#myMap4 img,#myMap5 img,#myMap6 img{
	max-width: none;
}

/* form */
button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0;
}

button {
	overflow:visible;
}

button,select {
	text-transform:none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	cursor:pointer;
}

input {
	line-height:normal;
}

textarea {
	overflow:auto;
	display:block;
}

input,textarea,select {
	margin-bottom:10px;
	width:100%;
	font-size:.875em;
	font-family:"Fira Sans","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;
	padding:4px 10px;
	background:#DAEFED;
	color:#009A8E;
	max-width:400px;
}

.main input,.main textarea,.main select {
	background:#eee;
	border:1px solid #ddd;
}

::-webkit-input-placeholder {
	color:#009A8E;
}

::-moz-placeholder {
	color:#009A8E;
}

:-ms-input-placeholder {
	color:#009A8E;
}

.main ::-webkit-input-placeholder {
	color:rgba(0,0,0,.15);
}

.main ::-moz-placeholder {
	color:rgba(0,0,0,.15);
}

.main :-ms-input-placeholder {
	color:rgba(0,0,0,.15);
}

.main label {
	color:#999;
	font-size:.925em;
}

select {
	color:#786661;
	background:#eee;
}

input[type="submit"] {
	width:auto;
}

button[type="submit"] {
	display:block;
	margin:30px 0;
}

label {
	display:block;
	font:.875em/1.8 "Fira Sans",SimSun,微软雅黑,宋体,STXihei,华文细黑,sans-serif;
	color:#fff;
}

.cbox {
	display:inline-block;
	padding-left:25px;
	text-indent:-25px;
	font:.75em/1.3 "Fira Sans",SimSun,微软雅黑,宋体,STXihei,华文细黑,sans-serif!important;
	text-transform:none;
	max-width:440px;
	margin-top:10px;
}

.chinese .cbox {
	font-size:12px!important;
	max-width:400px;
}

.cbox input {
	width:23px;
	height:12px;
	padding:0;
	margin:0;
	vertical-align:bottom;
	position:relative;
	top:-1px;
	*overflow:hidden;
	background:#fff;
}

label.error {
	font-size:11px!important;
	color: red;
}

input.error {
	background:#F3E5FC;
}

.pay label.error{ position: absolute; top:3.2rem;}

form br {
	display:none;
}

.pro-wrap input{ max-width:20px; padding-right: 10px;}

/* cms */
.main .image-right {
	float:right;
	margin:0 0 10px 20px;
	max-width:20% !important;
}

.main .image-left {
	float:left;
	margin:0 20px 10px 0;
	max-width:20% !important;
}

.size30 {
	width:30%;
	max-width:30%;
}

.size50 {
	width:50%;
	max-width:50%;
}

.size75 {
	width:75%;
	max-width:75%;
}

/* popup */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(22, 154, 142, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 999999;
  overflow: auto;
}
.popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.popup-contents {
  position: relative;
  width: 90%;
  max-width: 700px;
  margin: 4em auto;
  padding: 30px 20px 10px;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.popup-contents ol li{
	margin-left: 25px;
	font-size: 0.813em;
}

.popup-contents a.button{
	margin-top: 20px;
	font-size: 0.813em;
}

.is-visible .popup-contents {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

/*----corporate page----*/

.corporate-wrap{
    border: 1px solid rgba(204, 204, 204, 0.3);
    padding: 1.2rem;
    background: #fff;
    transition: transform .2s;
    width: 250px;
    display: inline-block;
    margin-right: 25px;
    margin: 0 auto;
    text-align: center;
    height: 203px;
    margin-bottom: 2em;
}


.corporate-wrap:hover{
     transform: scale(1.2)
}

.corporate-wrap:hover button#c3{
background-color: #009A8E;
}

.corporate-wrap #c3 h2{ color: #fff; font-size: 1rem; letter-spacing: 0.1px;}
.main .corporate-pic img{
    max-width: 50%;
    height: auto;
    border: 0;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}

.corporate-item .corporate-pic{
    padding-bottom: 10px;
}

.corporate-item button {
    border: 0;
    margin: 0 auto;
    display: block;
    background: none;
}

.corporate-item h2 {
    font-size: 1.1rem;
    letter-spacing: normal;
    text-align: center;
    padding: 0;
    font-weight: 300;
    margin: 0;
    
}

.pad.accordion-left{ padding: 0;}

/* chinese */
.chinese h1,.chinese h2,.chinese h3,.chinese h4,.chinese 5,.chinese h6 {
	font-weight:700;
}

.chinese.nav li a,.chinese .nav li a:link,.chinese .nav li a:visited {
	font-style:normal;
	font-size:1.25em;
}

.whatsapp{position:fixed;bottom:.75rem;right:.75rem;z-index:999;animation:5s ring ease infinite;animation-fill-mode:both}.whatsapp img{max-width:80px}@media only screen and (min-width:48em){.whatsapp{bottom:1rem;right:1rem}.whatsapp img:hover{animation:none}}@keyframes ring{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}1%,2%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}3%,5%,7%,9%{-webkit-transform:scale3d(1.2,1.2,1.2) rotate3d(0,0,1,3deg);transform:scale3d(1.2,1.2,1.2) rotate3d(0,0,1,3deg)}4%,6%,8%{-webkit-transform:scale3d(1.2,1.2,1.2) rotate3d(0,0,1,-3deg);transform:scale3d(1.2,1.2,1.2) rotate3d(0,0,1,-3deg)}10%,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

@media screen and (max-width: 768px) {
	.container {
		width:100%;
		overflow: hidden;
	}
	
	.tagline {
		position:relative;
		width:100%;
	}
	
	.cyc {
		float:none;
		width:100%;
	}
	
	.features {
		height:auto;
		overflow:auto;
	}
	
	.features div {
		display:block;
		height:auto;
	}
	
	.features .col1 {
		width:100%;
		padding:10px 20px;
		font:1.5em/1.4 "Playfair Display",SimSun,微软雅黑,宋体,STXihei,华文细黑,sans-serif;
		background:#169A8E;
		color:#fff;
	}
	
	.features .col2 {
		width:100%;
	}
	
	.features .col3,.f2 .col1 {
		display:none;
	}
	
	.f2{
		background: #fff;
	}
	.f2 .col2 {
		width:50%;
	}
	
	.f2 .col3 {
		width:50%;
		display:block;
	}
	
	.sidebar {
		display:none;
	}
	
	.main {
		width:100%;
		display: block;
	}
	
	.main .content {
	padding:20px 20px 20px 20px;
	}
	
	a[href^=tel] {
		font-size:1em;
		display:inline-block;
		text-align:center;
		font-weight:bold;
	}
	
	i a[href^=tel] {
		font-size:inherit;
		padding:0;
		margin:inherit;
		text-align:left;
		font-weight:bold;
	}
	
	.footer a.button {
		display:block!important;
		width:100%;
		background:transparent!important;
		color:#fff!important;
		font-size:1.25em;
	}
	
	.image-right,.image-left {
		min-width:100px;
	}
	
	ol.arrow {
		max-width:100%;
	}
	img.framed2, img.framed3{
			width: 100%;
			margin: 0;
	}
	.social {
		display: none;
	}
	
.popup-contents {
  position: relative;
  width: 90%;
  max-width: 100%;
  margin: 5%;
  padding: 8px;
}

.popup-contents ol li{
	margin-left: 15px;
	font-size: 0.75em;
}
.main img{
	max-width: 100%;
}

.main .content img{
	max-width: 100%;
}

.share {
	width:100%;
	z-index:9;
	text-align: center;
	background:#169A8E;
	display: block;
	padding: 10px;
}

.share p {
	color: #fff;
	margin-bottom: 0;
}

.share img {
	width:30px;
	height:30px;
	margin: 0 5px;
}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
}

@media screen and (max-width: 1023px) {
	.container {
		max-width:100%;
		min-width:100%;
		width:100%;
	}
	
	.btn-group,.age-info-guide {
		display:none;
	}
	
	.age-info {
		display:block;
	}
}

@media screen and (max-width: 520px) {
    p.outlet-name{font-size: .75em;}
    
.corporate-wrap{
    height: auto;
    margin-bottom: 2em;
    }
}

#form-iframe {
    width: 100%;
    height: 530px;
    border: none;
    overflow: auto;
}