@charset "utf-8";
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
	display: block
}

*,
*:before,
*:after {
	box-sizing: border-box;
	font-smoothing: antialiased;
	outline: none
}

img,
object,
embed {
	max-width: 100%
}

html {
	overflow-y: scroll
}

ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	font-weight: bold;
	vertical-align: bottom
}

td {
	font-weight: normal;
	vertical-align: top
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}

input[type="radio"] {
	vertical-align: text-bottom
}

input[type="checkbox"] {
	vertical-align: bottom
}

.ie7 input[type="checkbox"] {
	vertical-align: baseline
}

.ie6 input {
	vertical-align: text-bottom
}

select,
input,
textarea {
	font: 99% sans-serif
}

table {
	font-size: inherit;
	font: 100%
}

small {
	font-size: 85%
}

strong {
	font-weight: bold
}

img {
	vertical-align: bottom
}

td,
td img {
	vertical-align: top
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

pre,
code,
kbd,
samp {
	font-family: monospace, sans-serif
}

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer
}

button,
input,
select,
textarea {
	margin: 0
}

button,
input[type=button] {
	width: auto;
	overflow: visible
}

.ie7 img {
	-ms-interpolation-mode: bicubic
}

.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

body,
select,
input,
textarea {
	color: #333;
	font: 16px 'Open Sans', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif
}

a {
	color: #333
}

a:hover {
	color: #eebbb0;
    text-decoration: none;
}

::-moz-selection {
	background: #333;
	color: #fff;
	text-shadow: none
}
/*
::selection {
	background: #333;
	color: #fff;
	text-shadow: none
}*/

a:link {
	-webkit-tap-highlight-color: transparent
}

input:-moz-placeholder {
	color: #b5b5b6
}

textarea:-moz-placeholder {
	color: #b5b5b6
}

body {
	text-size-adjust: 100%;
	position: relative
}

input {
	border-radius: 0;
	box-shadow: 0;
	border: 0
}
html.no-scroll {
    overflow-y: hidden;
}
.bg-size {
	-ms-behavior: url('../js/backgroundsize.min.htc');
	behavior: url('../js/backgroundsize.min.htc')
}

.border-radius {
	-ms-behavior: url('../js/border-radius.htc');
	behavior: url('../js/border-radius.htc')
}
.hide {
    display:none!important;
}
#wrapper {
	position: relative
}

#article  {
    margin-top: 94px;
}

#article .top {
	position: relative;
	overflow: hidden;
}

/***  start menu  ***/
#menu {
	transform: translateZ(0);
	background-color: white;
	transition: opacity .9s;
	white-space: nowrap;
	padding-top: 100px;
	visibility: hidden;
	position: fixed;
	z-index: 5001;
	height: 100%;
	width: 100%;
	opacity: 0;
	left: 0;
	top: 0;
    padding-top: 200px;
}


html.open-menu, html.closing-menu {
    overflow: hidden;
}

.rgba #menu {
	background-color: rgba(255, 255, 255, .95)
}

.csscalc #menu {
	height: calc(100% - 100px);
	padding-top: 0;
	top: 100px
}

#menu .outer {
	white-space: nowrap;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
    
    /* new */
    overflow: hidden;
    height: auto;
    padding: 0 38px;
}

#menu .outer:before {
	vertical-align: middle;
	display: inline-block;
	content: ' ';
	height: 100%
}

#menu .inner {
	vertical-align: middle;
	display: inline-block;
	width: 100%;
    
    /* new */
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
}

/* new */
#menu .inner .navbar {
    width: 100%;
    text-align: center;
    margin: 0;
    padding-left: 0;  
    list-style: none; 
    padding: 0;
    align-items: flex-start;
    justify-content: center;
}

/* new */
.cat_menu {
    display: inline-block !important;
    vertical-align: top; 
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.cat_menu a:link,
.cat_menu a:hover{
    text-decoration : none;
}



/* new */
.cat_menu > div {
    font-size: 27px;
    line-height: 25px;
    border-bottom: 1px solid #aaa;
   /* color: #aaa;*/
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: inline-block;
}

.navbar-inverse .navbar-nav>li>a {
    border: 0;
    color: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


#menuBtn {
	backface-visibility: hidden;
	padding: 18px 8px;
	font-size: 0;
	color: black;
	float: left;
    /* new */
	float: right
}

#menuBtn>div {
	vertical-align: middle;
	display: inline-block;
	width: 28px
}

#menuBtn>div>span,
#menuBtn>div>span:before,
#menuBtn>div>span:after {
	backface-visibility: hidden;
	background-color: #333;
	display: inline-block;
	height: 4px;
	width: 100%
}

#menuBtn>div>span {
	position: relative
}

#menuBtn>div>span:before,
#menuBtn>div>span:after {
	transform: rotate(0deg) translateZ(0);
	transition: transform .55s;
	position: absolute;
	content: ' ';
	height: 100%;
	left: 0
}

#menuBtn>span {
	vertical-align: middle;
	display: inline-block;
	margin-left: 16px;
	font-size: 20px
}


#menu a {
	/* new transform: translateY(50px);*/
	padding-bottom: 14px;
	text-align: center;
	padding-top: 18px;
	font-weight: 300;
	font-size: 26px;
	display: block;
	color: #555;
	/*new opacity: 0;*/
     
}

#menu .cat_menu a.root-level {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 27px;
    font-weight : 400;
}


#menu a.eng {
	font-size: 34px
}
/* new 
#menu a:hover,
#menu a.active {
	background-color: #ab9084;
	color: white
}*/
/* new */
.navbar>li>a:hover {
    opacity: 0.7;
    background-color: transparent;
}

#menu .search {
	transform: translateY(50px);
	background-color: #f0f0f0;
	text-align: center;
	display: none;
	font-size: 0;
	opacity: 0
}

#menuMobileSearchForm {
	padding-bottom: 10px;
	position: relative;
	padding-top: 16px
}

#menuMobileSearchForm input {
	text-align: center;
	margin-right: 3%;
	background: none;
	width: 75%;
	border: 0;
	border-bottom: 2px solid #363636
}

#menuMobileSearch {
	position: absolute;
	padding: 8px;
	width: 34px;
	right: 5%;
	top: 0
}

a#menuMobileSearch:hover {
	background-color: transparent
}

.page-loaded #header {
	transition: padding .4s ease-in-out;
	transform: translateZ(0);
    -webkit-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.2);
}

.page-loaded #header .logo {
	transition: width .4s ease-in-out;
	transform: translateZ(0);
    /* new */
    float : left;
}

.open-menu #header {
	transform: translateY(0) translateZ(0);
	position: fixed
}

.open-menu #header,
.open-menu #menuBtn>div>span {
	background-color: transparent
}

.open-menu.csscalc #header {
	background-color: rgba(255, 255, 255, .95)
}

.open-menu #menuBtn>div>span:before {
	transform: rotate(-45deg) translateZ(0);
	top: 0
}

.open-menu #menuBtn>div>span:after {
	transform: rotate(45deg) translateZ(0);
	top: 0
}

.open-menu #menu {
	visibility: visible;
	opacity: 1
}

.open-menu.touch #menu .outer {
	-webkit-overflow-scrolling: touch;
	/*overflow-y: scroll*/
}
/* new 
.open-menu #menu a,
.open-menu #menu .search {
	transition: transform .5s, opacity .5s;
	transform: translateY(0) translateZ(0);
	opacity: 1
}*/

.open-menu #menu a:nth-child(2) {
	transition-delay: .1s
}

.open-menu #menu a:nth-child(3) {
	transition-delay: .2s
}

.open-menu #menu a:nth-child(4) {
	transition-delay: .28s
}

.open-menu #menu a:nth-child(5) {
	transition-delay: .35s
}

.open-menu #menu a:nth-child(6) {
	transition-delay: .40s
}

.open-menu #menu a:nth-child(7) {
	transition-delay: .47s
}

.open-menu #menu a:nth-child(8) {
	transition-delay: .5s
}

.open-menu #menu a:nth-child(9) {
	transition-delay: .52s
}

.open-menu #menu a:nth-child(10) {
	transition-delay: .54s
}

.open-menu #menu .search {
	transition-delay: .53s
}

.closing-menu #header {
	transform: translateY(0) translateZ(0);
	position: fixed
}

.closing-menu #menu {
	transition-delay: .4s;
	pointer-events: none;
	visibility: visible;
	opacity: 0;
    padding-top: 200px;
}

.closing-menu #menuBtn>div>span:before,
.closing-menu #menuBtn>div>span:after {
	transform: rotate(0deg) translateZ(0)
}

.closing-menu #menu a,
.closing-menu #menu .search {
	transform: translateY(50px) translateZ(0);
	transition: transform .5s, opacity .5s;
	transition-delay: 0s;
	opacity: 0
}

.closing-menu #menu a:nth-child(1) {
	transition-delay: .32s
}

.closing-menu #menu a:nth-child(2) {
	transition-delay: .3s
}

.closing-menu #menu a:nth-child(3) {
	transition-delay: .26s
}

.closing-menu #menu a:nth-child(4) {
	transition-delay: .22s
}

.closing-menu #menu a:nth-child(5) {
	transition-delay: .16s
}

.closing-menu #menu a:nth-child(6) {
	transition-delay: .12s
}

.closing-menu #menu a:nth-child(7) {
	transition-delay: .08s
}

.closing-menu #menu a:nth-child(8) {
	transition-delay: .05s
}

.closing-menu #menu .search {
	transition-delay: 0s
}


/***  end menu  ***/

#header {
	-webkit-transform: translateZ(0);
	background-color: white;
    background-color: hsl(0deg 0% 100% / 70%);
	padding: 20px 38px;
	padding: 0px;
	position: fixed;
	z-index: 5000;
	width: 100%;
	left: 0;
	top: 0
}

.rgba #header {
	background-color: rgba(255, 255, 255, .95)
}
 
#menuBtn {
    display:none;
}
.menu-nvbar {
    display: flex;
    height: 93px;
    align-items: center;
    padding-left: 50px;
    padding-left: 200px;
}
ul.top-nav-bar {
    flex: 1;
    display: flex; 
    margin-top: 0;
    justify-content: space-evenly;
}
ul.top-nav-bar > li {
    position: relative;
    margin-left: 1.3%;
    margin-right: 1.3%;
    float:left;
    cursor: pointer;
    height: 100%;
    align-items: center;
    display: flex;
    min-height: 50px;
}

ul.top-nav-bar > li:hover::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff8e10;
}

ul.top-nav-bar > li.selected::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #eebbb0;
}


ul.top-nav-bar > li > a {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 20px;
    font-size: 15px;
    display: inline-block;
    letter-spacing: 3px;
    padding-top: 0;
    padding-bottom: 0;
    color: #6a6b67;
    min-height: 50px;
    display: flex;
    align-items: center;
}

ul.submenu {
    list-style: none;
    border-top: 0;
    background: rgba(255,255,255,0.85);
    font-size: 15px;
    letter-spacing: 2px;
    position: absolute;
    top: 66px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 10px 0px 10px 0px;
    min-width: 190px;
    z-index: 5001;
    opacity: 0; 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
ul.top-nav-bar > li:hover > ul.submenu {
    opacity : 1;
}

ul.submenu > li {
    text-align: center;
    position: relative;
    padding: 10px 0 10px 0;
    display: none;
}
ul.top-nav-bar > li:hover > ul.submenu > li {
    display:block;
}
ul.top-nav-bar > li > ul.submenu > li:hover {
    background-color: rgba(255,255,255,0.6);
}

ul.submenu > li a {
    color: #555;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
ul.top-nav-bar > li:hover > ul.submenu.menu-middle {
    width : 230px;
}
 
 
 .ui-to-top  {
    display: inline-block;
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 90;
    border-radius: 50em;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-indent: -99999px;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}
.ui-to-top {
    text-align: center;
    line-height: 45px;
    text-indent: 0
}

.ui-to-top {
    font-size: 24px !important
}
.ui-to-top.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
 

#footer {
   /* background-color: #31353d;
    padding-bottom: 140px;
    padding-top: 88px;
    font-size: 14px;
    color: #fff;*/
    background-color: #31353d;
    font-size: 14px;
    color: #fff;
    padding: 0 132px;
    padding-top: 88px;
    padding-bottom: 140px;
}

#footer .holder {
    display: flex;
    flex-wrap: wrap;
}
#footer h1 {
	text-transform: uppercase;
	margin-bottom: 18px;
	font-weight: 300;
	font-size: 30px;
	color: #003
}

#footer .desc {
	line-height: 23px
}

#footer .phone {
	margin-top: 32px
}

#footer .phone .sp {
	display: inline-block;
	padding: 0 8px
}

#footer .email {
	margin-top: 14px
}
#footer .contact-link {
    margin-top: 10px;
}
#footer .contact,
#footer .links {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    height: fit-content;
}
 
#footer .links .share .facebook,
#footer .links .share .instagram
#footer .links .share .youtube,
#footer .links .share .whatsapp
{
    margin : 0px;
}

 
 
 #footer .links .share  a {
    margin: 0 10px;
 }
#footer .links a:hover{
    text-decoration:underline;
}
#footer .links a ,
#footer .links a:link ,
#footer .links a:visited 
{
   color : #fff;
}

#footer .bottom {
    font-size: 13px;
    width: 100%;
    margin-top: 30px;
}
#footer .bottom a,
#footer .bottom a:link ,
#footer .bottom a:visited 
{
    color : #fff;
}
#footer .bottom a:hover{
    text-decoration:underline;
}

#footer .links .share {
    margin-top: 50px;
    text-align:center;
    width : 100%;
    display:flex;
    justify-content: center;
    margin-bottom: 15px;
}

#footer .links .item {
    font-size: 20px;
    width: 30%;
    padding: 0;
    margin-bottom: 10px;
}
#footer .holder .social-share {
    width: 40%;
    display: flex;
    flex-direction: column;
    height: fit-content;
    align-items: center;
}
#footer .holder .social-share img {
    width: 200px;
}

#footer .holder .social-share .share img {
    width: 50px;
}
.banner-wrapper .logo {
    position: fixed;
    top: 25px;
    left: 85px;
    z-index: 5001;
    transition: all 0.5s ease 0s;
}

.in-body .banner-wrapper .logo {
    /*top: 0;
    left: 0;
    transition: all 0.5s ease 0s;*/
}   
.in-body ul.top-nav-bar{
    margin-top:0px;
}

.top-whatsapp {
    width: 110px;
    margin-right: 30px;
    margin-left: 30px;
} 
.ease-transform-effect {
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
    opacity: 0;
    transition-property: opacity,transform;
 } 
.ease-fade-effect {
    transition-timing-function: ease-in-out;
    transition-duration: 1s;
    opacity: 0;
    transition-property: opacity;
 } 
.ease-fade-effect.animated {
     opacity: 1;
}

.banner-wrapper {
    position: relative;
}
.home-banner img {
   width : 100%;
}

.home-banner .mobile {
    display:none;
}

.m-menu-contain {
    display:none;
}

html.open-menu  #header {
    z-index:5002;
}

#sections {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 132px;
}
#sections .section{
    margin: 84px 0px;
    height: 100%;
}

.section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#sections .section.booking-form, 
 
#sections .section .title.right{
    text-align: right;
    padding-right: 30px;
}

#sections .section .title img{
    /*max-width:100%;*/
}
        
.booking-form > .title img{
     width: 250px;
}

 .in-body .banner-wrapper .logo {
 
} 
.ui-accordion .ui-accordion-content{
    border:0px;
}

.booking-form.section > .title {
    position: relative;
    top: 3px;
}
.form-container { 
    width: 100%;
    background-color: #eebbb0;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 15px;
    padding-top: 35px;
    padding-bottom: 3px;
}
.form-container.men {
    background-color: #a2b0c9;
}
.form-container .form-title {
    background:url('../images/form-title.png') no-repeat center center;
    background-size: contain;
    height: 63px;
    margin-bottom: 30px;
}
.form-container .step-div.flex {
    display: flex;
    flex-wrap: wrap;
}
.form-container .step-div.hide-step{
    display : none;
}
.form-rowc  { 
    width: 100%;
    clear: both;
    display: inline-block;
}
.form-rowc.error {
    padding-bottom: 15px;
    color: #d23434;
}
.field-row.error { 
 
}
.form-rowc .field-row{
    margin-top:  0px;
    margin-bottom: 9px;
    line-height: 36px;
    height: 36px;
    font-size: 18px;     
    width: 45%;
    float: left;
}
.form-rowc .field-row.textarea{
    line-height: 36px;
    height: auto;
}

.form-rowc .field-row.full{
    width: 100%; 
}
.form-rowc .field-row.hints{
    height: 11px;
    line-height: 9px;
}
.form-rowc #_country-code {
    width : 200px;
}
.form-rowc #_mobile {
    flex: 1;
    width: auto;
    margin-left: 50px;
}
 

.form-rowc #_terms {
    line-height: 20px;
    padding-top: 8px;
}
.form-rowc #_terms  .checkbox_text{
    font-size: 12px!important;
}
.form-rowc .field-row.left{
    margin-right: 2%;
}

.form-rowc .field-row.m6 {
   width: 65%;
}

.form-rowc .field-row.m4 {
   width: 33%;
}

.form-rowc .field-row.m5 {
   width: 49%;
}

.field-row .field {
    -webkit-appearance: none;
    background: none;
    border: 0;
    border-bottom: 1px solid #645f64;
    padding: 0 5px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    color: inherit;
    font-size: 18px;
    font-family: inherit;
    box-sizing: border-box;
    border-radius: 0;
    
    border-radius: 9px;
    border: 0;
    background-color: #fff;
    padding-left: 15px;
}
.field-row textarea.field{
      height: 150px;
}

.checkbox-group   {
    width: 100%;
    padding-left: 5px;
    display: flex; 
}


.checkbox-group .field-label {
    padding-right: 10px;
    white-space: nowrap;
    min-width: 80px;
}

.checkbox-group .input__fake__content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}


label.radioLabel {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    margin-right: 0;
}
 
.single label.radioLabel {
   width : 100%; /* IE Stuff */
}
.input__fake__content label.radioLabel input[type=radio],
.input__fake__content label.radioLabel input[type=checkbox] {
    display: none;
}

input[type=radio], input[type=checkbox] {
    margin: 4px 0 0; 
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.input__fake__content label.radioLabel .radioContent {
    position: relative;
    padding-left: 22px;
    margin-right: 10px;
    min-height: 18px;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    cursor: pointer;
}
 

#_terms .radioContent a,
#_terms .radioContent a:link,
#_terms .radioContent a:visited
{
    text-decoration: underline;
}
#_terms .radioContent a:hover {
    color: #5c5c5c;
}

.input__fake__content.radio-type label.radioLabel .radioContent::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border: 2px solid #786956;
    top: 7px;
    left: 0;
    transition: all .25s;
    border-radius: 50%;
    left: 45px;
}
.input__fake__content.radio-type label.radioLabel .radioContent::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    background-color: #fff; 
    transition: all .25s;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    left: 50px;
    top: 12px;
    
}
.input__fake__content.radio-type label.radioLabel input:checked+.radioContent::before {
    background-color: #fff;
}
.input__fake__content.radio-type label.radioLabel input:checked+.radioContent::after {
     background-color: #786956;
}


.input__fake__content.checkbox-type label.radioLabel .radioContent::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 23px;
    height: 23px;
    background-color: #fff;
    border: 2px solid #bdb2a1;
    top: 0;
    left: 0;
    transition: all .25s;
    border-radius: 4px;
}
.input__fake__content.checkbox-type label.radioLabel .radioContent::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    transition: all .25s;
    border-radius: 4px;
    width: 15px;
    height: 15px;
    left: 4px;
    top: 4px;
    
}
.input__fake__content.checkbox-type label.radioLabel input:checked+.radioContent::before {
    background-color: #fff;
}
.input__fake__content.checkbox-type label.radioLabel input:checked+.radioContent::after {
     background-color: #bdb2a1;
}

.checkbox-group .input__fake__content.checkbox-type {
    margin-bottom : 5px;
}

.checkbox-group .input__fake__content.checkbox-type.single {
   width : 100%;/* fix IE stuff */
}

.input__fake__content.checkbox-type label.radioLabel .radioContent {
    padding-left: 27px;
}
.input__fake__content.radio-type label.radioLabel.auto-text .radioContent {
    padding-left: 30px;
}
.input__fake__content.radio-type label.radioLabel.auto-text .radioContent::before {
    left: 0;
}
.input__fake__content.radio-type label.radioLabel.auto-text .radioContent::after{
    left: 5px;
}

.input__fake__content.radio-type label.radioLabel.alignLeft .radioContent {
    padding-left: 30px;
}
.input__fake__content.radio-type label.radioLabel.alignLeft .radioContent::before {
    left: 0;
}
.input__fake__content.radio-type label.radioLabel.alignLeft .radioContent::after{
    left: 5px;
} 


.form-rowc label {
    position: relative;
}

.form-rowc input[type=checkbox], .form-rowc input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.form-rowc input[type=checkbox], .form-rowc input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


.form-rowc input[type="checkbox"] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.checkbox_button {
    top: 8px;
}
.checkbox_button {
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #645f64;
}
.form-rowc input[type="checkbox"] + .checkbox_button:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.form-rowc input[type="checkbox"]:checked + .checkbox_button:before {
    background: url('../images/m_checkbox_checked.png') no-repeat left top #645f64;
    background-size: cover;
}
.form-rowc input[type="checkbox"] + .checkbox_button:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkbox_text {
    padding-left: 20px;
}
.form-items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.form-rowc .item {
    margin-bottom: 20px; 
    flex-basis: 46%;
    margin-left : 2%;
}

 .form-dots {
    text-align: center;
    padding-bottom: 20px;
}

.form-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #645f64;
    margin-left: 15px;
    margin-right: 13px;
    display: inline-block;
}

.form-dots span.active {
    background: #649ec9;
}

.btn-submit{
   position: relative;
    margin: 12px 0 30px 0;
    text-align: center;
}
.btn-submit a{
    display: inline-block;
}
.btn-submit a .m-label {
    display: inline-block;
    line-height: 73px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 29px;
    letter-spacing: 4px;
    color: #666c7b !important;
    background: #645f64;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 300;
    cursor: pointer;
}


.btn-submit a .m-label:before {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    left: 92%;
    width: 40px;
    height: 150%;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
    background: #649ec9;
    -webkit-transition: all 0.3s cubic-bezier(.6,0,.3,1);
    transition: all 0.3s cubic-bezier(.6,0,.3,1);
}

.btn-submit a .m-label:hover:before {
    transform: rotate(22deg) scale(30);
    left: -10px;
}
.select-box {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #645f64;
    line-height: 34px;
    height: 34px;
    color: inherit;
    font-size: 18px;
    font-family: inherit;
    box-sizing: border-box;
    border-radius: 0;
    padding: 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none; 
    background: url('../images/select-box-arrow.png') no-repeat center right;
    background-size: 28px auto; 
    background-color: #fff;
    border-radius: 9px;
    padding-left: 15px;
    border: 0;
    height: 34px;
}
select.select-box.no {
    background-image: none;
}
select.select-box::-ms-expand {
    display: none;
}
.btn-submit a .m-label .btn-next {
   position: relative;
    z-index: 10;
    color: #fff;
}

.thanks.section {
    padding: 200px;
    font-size: 30px;
    text-align: center;
}

.booking-form.section ~ .title {
    width: 100%;
    text-align: right;
    padding-right: 30px;
    position: relative;
    top: 3px;
}

.booking-form.section ~ .title img {
    width: 308px;
}
.terms .box-top-line {
    background-color: #70d3c0;
    height:18px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    position: relative;
    top: -3px;
}
.terms .box-top-line.end {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    top: 0px;
}
.terms  > .title img {
    max-width: 433px;
}
    
.terms .box {
    margin: 20px 0;
}
.terms .box ul {
    font-size: 15px;
    list-style: circle;
    margin-left: 50px;
}
.terms .box ul > li {
    margin-bottom: 10px;
}

a.form-poplink ,
a:link.form-poplink ,
a:visited.form-poplink ,
a:hover.form-poplink 
{    color: #fff;
}
a:hover.form-poplink {
    text-decoration:underline;
}
 #sections .section.privacy {
    padding: 200px;
    padding-top: 0px;
    margin-top: 120px;
    display:block;
}
.privacy-title {
    font-size: 25px;
    font-weight: bold;
    color: #eebbb0;
    line-height: 50px;
    padding-bottom: 10px;
}

.privacy-content {
    font-size: 18px;
    color: #666666;
    line-height: 35px;
}

.privacy-subtitle {
    color: #eebbb0;
    font-size: 19px;
    line-height: 40px;
    font-weight: bold;
    margin-top: 20px;
}
.privacy-content ul {
    list-style: circle;
}

.privacy-content ol, .privacy-content ul {
    padding-left: 43px;
    padding-top: 7px;
    padding-bottom: 7px;
}
 .modal{
     z-index:5500;
     padding-right: 0px!important;
 }
.bootbox-body .body-wrapper {
    padding: 30px 0;
    font-size: 18px;
    color: #444343;
}
.bootbox-body .body-title {
    font-size: 35px;
    color: #eebbb0;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
.terms-page > ul {
    padding-left: 40px;
    list-style: decimal;
    padding-right: 20px;
}
.terms-page > ul > li {
    margin-bottom: 8px;
}

.notice {
     
}
.care-title {
     
}
.notice-text {
    padding: 0px 50px;
}

.beauty-box{
    width:450px;
    height:270px;
    display:flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    justify-content: center;
} 

.beauty-box.beauty-black{
    color:#fff;
    background-color:#31353d;
} 
.beauty-box.beauty-pink{
    color: #31353d;
    background-color:#eebbb0;
} 
.beauty-box .buttons {
    padding: 20px;
}
.beauty-button {
    padding: 10px 45px;
    outline: none;
}
.beauty-black{color: #31353d;}  
.beauty-pink{color: #eebbb0;}

.beauty-button:active,
.beauty-button:focus
 {
    outline: none;
    box-shadow: none;
}
.beauty-button.r2 {
    padding: 10px 35px;
}
.beauty-button.beauty-pink{
    background-color: #eebbb0;
    border:2px solid #eebbb0;
    color: #31353d;
}
.beauty-button.beauty-pink:hover{
    color: #eebbb0;
    background-color: #31353d;
    border:2px solid #eebbb0;
}
.beauty-button.beauty-black{
    background-color: #31353d;
    border:2px solid #31353d;
    color: #eebbb0;
}
.beauty-button.beauty-black:hover{
    color: #31353d;
    background-color: #eebbb0;
    border:2px solid #31353d;
}


.banner  {
    position:relative;
}
.banner .text {
    position: absolute;
    bottom: 33%;
    font-size: 65px;
    line-height: 80px;
    left: 25%;
}
.banner .buttons {
    position: absolute;
    bottom: 20%;
    left: 25%;
} 

.beauty-box .title{
    font-size:38px;
    text-decoration: underline;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.beauty-box .text {
    font-size: 20px;
    margin-bottom: 10px;
}
.beauty-box .text.center {
    text-align: center;
}

.banner .beauty-button.wide{
    padding: 10px 100px;
}

.beauty-button.beauty-pink.transparent{
    background-color: #eebbb0;
    border:2px solid #eebbb0;
    color: #31353d;
}

.beauty-button.beauty-pink.transparent:hover{
    background: transparent;
    border:2px solid #eebbb0;
    color: #31353d;
}

.beauty-button.beauty-pink.transparent.white:hover{
    color: #fff;
}

.parallax{
    width:50%;
    display: flex;
    align-items: center;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.left-top.parallax {
    background-image: url("/assets/new/home-left-top.webp");
    min-height: 430px; 
    justify-content: flex-end;
}

.left-bottom.parallax {
    background-image: url("/assets/new/home-left-bottom.webp");
    min-height: 430px;
    justify-content: flex-end;
}

.right-bottom.parallax {
    background-image: url("/assets/new/home-right-bottom.webp");
    min-height: 430px;
    justify-content: flex-start;
}

.right-top.parallax {
    background-image: url("/assets/new/home-right-top.webp");
    min-height: 430px;
    justify-content: flex-start;
}


.sections {
    display: flex; 
    flex-wrap:wrap;
    margin: 0 132px;
    margin-top: 80px;
    margin-bottom: 30px;
} 

.template-wrap{
    margin-bottom: 30px;
    padding: 10px 0;
    width: 100%;
}
.template-wrap.center {
    text-align: center;
}
.template-title {
    font-size: 25px;
    margin-bottom: 10px;
}
.template-title.center{
    text-align:center;
}
.template-content {
    padding: 5px;
}
.beauty-island-color {
    color: #dd8c7b;
}
.template-content .text {
    line-height: 1.7;
}
.template-list ul {
    list-style: disc;
    list-style-position: outside;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.template-list ol {
    list-style-position: outside;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.template-list ul li,  
.template-list ol li{
    padding-bottom: 10px;
}
.template-list { 
    margin-left: 20px;
    margin-bottom: 20px;
}
.template-images {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.template-image.r1 {
    width: 100%;
}
.template-image.r2 {
    width: 48%;
}
.template-image.r3 {
    width: 33%;
}
.template-image.r4 {
    width: 24%;
}
.template-image img {
    width: 100%;
}
.template-sections {
    display: flex;   
    flex-wrap:wrap;
    width: 48%;
    height: fit-content;
}
.empty-sections {
    width: 2%;
}
.section-form {
    width: 48%;
}
.template-left {
    width: 48%;
}
.template-right {
    width: 48%;
}


.section-comment {
    background-color: #eebbb0;
    padding: 100px;
    margin-top: 100px;
}

.section-comment.men{
    background-color: #c9d7f0; 
}
.template-comment {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.comment-box {
    flex-direction: column;
    display: flex;
    padding: 30px;
    background-color: #fff;
    box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
    margin-bottom:30px;
}
.comment-box.r4{
    width: 20%;
    margin-right: 2%;
    margin-left: 2%;
}
.comment-box.r3{
    width: 30%;
    margin-right: 1%;
    margin-left: 1%;
}
.comment-box.r2{
    width: 40%;
    margin-right: 5%;
    margin-left: 5%;
}
.comment-box img {
    width: 100%;
}
.comment-box .template-content{
    margin-top: 30px;
}

.home-banner.m {
     display:flex;
     height:fit-content;
}
.home-banner.m.r2 img.desktop {
    width: 50%;
}
.home-banner.m.r3 img.desktop {
    width: 33%;
}

.sections.terms {
    background-color: #eebbb0;
    margin: 0;
    padding: 132px;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (max-width:1540px) {
    #sections{
        margin: 0 80px;
    }
    .sections{
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 5%;
    }
    .sections.terms {  
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media (max-width:1380px) {
    .section-comment{
        padding: 5%;
    }
}
@media (max-width:1240px) {
       
    #sections{
        margin: 0 50px;
    }
 
    .menu-nvbar{
          padding-left: 200px;
    }
    
    .select-box {
        background-size: 17px auto;
        background-position: 95% center;
    }
    
}
@media (max-width:1200px) {
    .comment-box.r3{
        width: 30%;
        margin-right: 1%;
        margin-left: 1%;
    }
    .comment-box.r4{ 
        width:48%;
        margin-right: 1%;
        margin-left: 1%;
    }
  
    #article {
        margin-top: 64px;
    }
    .banner .text .fonts{
        font-size: 0.7em; 
    }
    .banner .text{
        line-height: 1;
    }
   .form-container { 
        padding-left: 15%;
        padding-right: 15%; 
    }
    #menuBtn {
        display:block;
    } 
    #header {
        display:flex;
        align-items: center;
        padding: 10px 0;
    }
    .mtop-whatsapp {
        display:block;
        width: 79px;
        margin-right: 10px;
    }
 
    .m-menu-contain{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 1;
    }
    
    .in-body .banner-wrapper .logo {
        width: 63px;
    }
    .menu-nvbar{
        display: none;
    }
    .banner-wrapper .logo{
        top: 7px;
        left: 20px;
    }
    .home-banner .desktop {
        display:none;
    }
    .home-banner .mobile {
        display:block;
    } 
    .form-container .form-title{
        height: 55px;
    }
    .section-form ,.template-sections{
        width:100%;
    }
    .empty-sections{
       display:none;
    }
}

@media (max-width: 1024px){
    .cat_menu {
       width: 33%;
    }
}


@media (max-width:1000px) {
    .parallax{
        width: 100%;
    }
    .left-top.parallax,
    .left-bottom.parallax,
    .right-top.parallax,
    .right-bottom.parallax{
        justify-content: center;
    }
    .banner .text .fonts{
        font-size: 0.5em;
    }
    .banner .text{
        bottom: 44%;
        line-height: 0.8;
    }
    .banner .buttons{
        bottom: 26%;
    }
}


@media (max-width: 992px){
    .cat_menu {
       width: 50%;
    }
}

@media (max-width:900px) {
    .comment-box.r4,
    .comment-box.r3,
    .comment-box.r2
    {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width:840px) {
	#menuSearchForm {
		width: 140px
	}
    #menu a {
		padding-bottom: 10px;
		padding-top: 14px
	}
    .sections.terms{
        padding: 20px;
    }
     .sections.terms .template-wrap{
         margin-bottom:0;
         margin-top: 5px;
     }
     .sections.terms .template-list{
         margin-bottom:0;
         font-size: 0.9em;
     }
}

@media (max-width:830px) {
	#sections .section.privacy {
		padding:0px;
	}
    .bootbox-body .body-wrapper { 
        font-size: 15px;
    }
    .bootbox-body .body-title {
        font-size: 25px;
    }
    .terms-page > ul {
        padding-left: 20px;
        padding-right: 10px;
    }
    #sections .section.about .title img {
        width: 146px;
    }
    #sections .section.location .title img {
        width: 146px;
    }
    .section.about .box  {
        line-height: 40px;
        font-size: 16px;
    }
    .section.about .box br {
        display:none;
    }

    #header {
        padding: 10px 0;
    }
   #sections .section {
        margin: 20px 0px;
    }
    #sections{
        margin: 0 20px;
    }
    .section.tech .box > div {
   
    }
    .in-body .banner-wrapper .logo {
        width: 63px;
   
    }
    .booking-form > .title img{
         width: 150px;
    }
    .booking-form.section ~ .title img {
        width: 188px;
    }
   .form-container .form-title{
       height: 32px;
    }
        
    .form-rowc .field-row {
        font-size: 14px;
    }
    .field-row .field {
         font-size: 14px;
    }
    .checkbox_text { 
        font-size: 14px;
    }
    
    .checkbox-group .input__fake__content.checkbox-type {
        margin-bottom : 10px;
    }
    .btn-submit a .m-label {
        line-height: 40px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
    }
    .select-box {
        font-size: 14px;  
    }
    #_terms { 
       font-size: 14px;
    }
    
    .btn-submit input {
        height: 50px;
    }
     .section.body-part .parts {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .section.body-part .parts .item {
        margin : 0px;
        width: 25%;
        margin-bottom : 20px;
        text-align: center;
    }
    .section.body-part .item .icon {
        width: 90%;
        margin: 0 auto;
    }
    .section.body-part .item .text{  
        justify-content: center;
    }    
    .terms .box-top-line{
      height:10px;
    }
        
    .terms  > .title img {
        max-width: 265px;
    }
    .notice-text { 
        padding: 0px 10px;
    }
}

@media (max-width:750px) {
    .beauty-box {
        width:100%;
        height:auto;
    }
    .beauty-button{
       display:block;
       margin-bottom:10px;
    }
    .banner-wrapper .logo{
        width: 120px;
    }
    .banner .text , .banner .buttons{
        display:none;
    }
    .template-image,
    .template-image.r2,
    .template-image.r3,
    .template-image.r4
    {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .template-image img {
        max-width: 500px;
    }
    .sections.terms .template-list{
         font-size: 0.8em;
    }
    .sections.terms .template-title .fonts{
         font-size: 0.8em;
    }
}

@media (min-width:641px) {
	#menu .inner {
		padding-bottom: 4%
	}
	#menuBtn>div>span:before {
		top: -10px
	}
	#menuBtn>div>span:after {
		top: 10px
	}
	#menuBtn:hover>div>span:before {
		top: -9px
	}
	#menuBtn:hover>div>span:after {
		top: 9px
	}
	
}
  
@media (max-width:640px) {
    .beauty-box .title .fonts {
        font-size: 0.7em;
    }
	#menuBtn>div {
		width: 19px
	}
	#menuBtn>div>span,
	#menuBtn>div>span:before,
	#menuBtn>div>span:after {
		height: 3px
	}
	#menuBtn>div>span:before {
		top: -7px
	}
	#menuBtn>div>span:after {
		top: 7px
	}
	#menu {
		padding-top: 54px;
        /* new */
       
        padding-top: 0;
	}
	.csscalc #menu {
		height: calc(100% - 54px);
		top: 54px
	}
	#menu a {
		padding-bottom: 8px;
		padding-top: 12px;
		font-size: 18px
	}
	#menu a.eng {
		font-size: 20px
	}
    
    .open-menu #header, .open-menu #menuBtn>div>span{ 
           /*background-color: rgba(255, 255, 255, .95);*/
    }
    .cat_menu {
       width: 100%;
    }
    .open-menu #menu , .closing-menu #menu { 
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }
}
 

@media (max-width:630px) {
    .form-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-height:600px) {
	#menu a {
		font-size: 20px
	}
	#menu a.eng {
		font-size: 22px
	}
}

@media (max-width: 500px){
    .cat_menu {
       width: 50%;
    }
    .cat_menu > div {  
        font-size: 15px;
        margin-bottom: 22px;
    }
    #menu a {
        font-size: 13px;
    }
    #menu .cat_menu a.root-level {
        font-size: 13px;
    }
    .cat_menu {
        margin-top: 0;
        margin-bottom: 25px;
    }
    .open-menu #menu {
        padding-top: 100px;
    }
    .closing-menu #menu {
       padding-top: 100px;
    }
    
    .thanks.section {
        padding: 200px 0;
        font-size: 20px;
    }

    .banner-wrapper .logo{
        width: 80px;
        top: 10px;
        left: 10px;
    }
    .form-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .faq-box .item {
        margin-bottom: 0px;
    }
    #footer .links .item{
        font-size : 15px;
    }
    .privacy-link {
        display:block;
        padding-bottom: 10px;
    }
    #footer .bottom .sp {
        display:none;
    }
}

@media (max-width:480px),
(-webkit-min-device-pixel-ratio:1.25) and (max-width:640px),
(min--moz-device-pixel-ratio:1.25) and (max-width:640px),
(-o-min-device-pixel-ratio:1.25/1) and (max-width:640px),
(min-device-pixel-ratio:1.25) and (max-width:640px),
(min-resolution:200dpi) and (max-width:640px),
(min-resolution:1.25dppx) and (max-width:640px) {
	.open-menu #menu a:nth-child(8) {
		transition-delay: .48s
	}
	.open-menu #menu a:nth-child(9) {
		transition-delay: .49s
	}
}

@media (-webkit-min-device-pixel-ratio:1.25) and (max-width:640px) and (orientation:landscape),
(min--moz-device-pixel-ratio:1.25) and (max-width:640px) and (orientation:landscape),
(-o-min-device-pixel-ratio:1.25/1) and (max-width:640px) and (orientation:landscape),
(min-device-pixel-ratio:1.25) and (max-width:640px) and (orientation:landscape),
(min-resolution:200dpi) and (max-width:640px) and (orientation:landscape),
(min-resolution:1.25dppx) and (max-width:640px) and (orientation:landscape) {
	#header {
		position: relative
	}
}

@media (max-width:375px) {
    #footer .links .share a {
        width: 50px;
    }
}


@media (max-width:280px) {
    label.radioLabel {
        margin-right:0px;
    }
    .btn-submit input {
        height: 40px;
    }
    .terms > .title img {
         max-width : 100%;
    }
}
.slick-dots {
    bottom: 0;
    padding-bottom: 20px;
}

.pswp{
    z-index:5000;
}

/* home new banner */
.home .object-wrapper.mobile{
    display:none;
}
.home .banner-wrapper ,
.home .home-banner {
    width: 100%;
    
}
.home .home-banner{
 position:relative;
}

.home .object-wrapper.wslick0 {
    left : 0px;
    top : 0px;
    max-width : 100%;
    width: 100%;
    height: 100%;
}

.home .relative-wrapper {
    width : 100%;
    height: 100%;
    position:relative;
}
.home .object-wrapper   {
     position:absolute;
    width : 100%;
    height: 100%;
    left : 0px;
    top : 0px;
}
.home .object-wrapper  .object {
    position:absolute;
    width : 100%;
    height: 100%;
    left : 0px;
    top : 0px;
}
.home .object-wrapper  .object.text1 {
    max-width : 100%;
    padding:0px;
    margin:0px;
     transform: translate3d(-50px,0,0);
}
.home .object-wrapper  .object.text2 {
    max-width : 100%;
    padding:0px;
    margin:0px; 
}
.home .object-wrapper .object.text3 {
    max-width : 100%;
    padding:0px;
    margin:0px;
    cursor:pointer;
} 
.home .object-wrapper .object.text1.animated {
    opacity: 1;
     transition-delay: 0.5s; 
    transform: translate3d(0px,0,0)
 }
.home .object-wrapper .object.text2.animated {
    opacity: 1;
    transition-delay: 1.2s; 
    transform: translate3d(0px,0,0)
 }
.home .object-wrapper .object.text3.animated {
    transition-delay: 1.2s; 
    opacity: 1; 
    transform: translate3d(0px,0,0)
}

@media (max-width:1200px) {
    .home .object-wrapper.desktop{
        display:none;
    }
    
    .home .object-wrapper.mobile{
        display:block;
    }
    
}

.about-page .banner-wrapper ,
.about-page .about-page-banner {
    width: 100%;
    
}
.about-page .about-page-banner{
 position:relative;
}

.about-page .object-wrapper.wslick0 {
    left : 0px;
    top : 0px;
    max-width : 100%;
    width: 100%;
    height: 100%;
}

.about-page .relative-wrapper {
    width : 100%;
    height: 100%;
    position:relative;
}
.about-page .object-wrapper   {
     position:absolute;
    width : 100%;
    height: 100%;
    left : 0px;
    top : 0px;
}

.about-page .object-wrapper.mobile{
    display:none;
}
.about-page .object-wrapper  .object {
    position:absolute;
    width : 100%;
    height: 100%;
    left : 0px;
    top : 0px;
}
.about-page .object-wrapper  .object.text1 {
    max-width : 100%;
    padding:0px;
    margin:0px;
     transform: translate3d(-50px,0,0);
}
.about-page .object-wrapper  .object.text2 {
    max-width : 100%;
    padding:0px;
    margin:0px; 
}
.about-page .object-wrapper .object.text3 {
    max-width : 100%;
    padding:0px;
    margin:0px;
    cursor:pointer;
} 
.about-page .object-wrapper .object.text1.animated {
    opacity: 1;
     transition-delay: 0.5s; 
    transform: translate3d(0px,0,0)
 }
.about-page .object-wrapper .object.text2.animated {
    opacity: 1;
    transition-delay: 1.2s; 
    transform: translate3d(0px,0,0)
 }
.about-page .object-wrapper .object.text3.animated {
    transition-delay: 1.2s; 
    opacity: 1; 
    transform: translate3d(0px,0,0)
}

.about-page #sections .section .title {
    font-size: 40px;
    color: #009095;
    font-weight: bold;
    font-family: "Microsoft Jhenghei";
    font-size: 60px;
}
 
.section.about .boxes {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items:center;
}
 
.section.about .box {
    line-height: 50px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.section.about .text-wrapper {
    position: absolute;
    left: 0;
    bottom: 0; 
}

.section.about .box.right .text-wrapper  {
    left: auto;
    right: 0px;
}

.section.about .box.last .text-wrapper {
    bottom: 15%;
}
.section.about .box .text {
    line-height: 56px;
    color: #696a65;
    font-weight: bold;
    font-size: 25px;
    width: 449px;
    position: relative;
    padding-bottom: 26px;
    letter-spacing: 2px;

    line-height: 60px;
    width: 614px;
    font-size: 40px;
        
}
.section.about .box.right .text {
    padding-bottom: 82px;
}


.section.about .box  .bg-image {
  /*  width: 77%;
    position: relative;
    left: 235px;
    
    width: 100%;
    position: relative;
    left: 200px;
    padding: 0 200px;*/
    padding: 0;
    left: 0;
    width: 1200px;
    max-width: 100%;
    display: flex;
    justify-content: flex-end;
    
}

.section.about .box.right .bg-image {
   left: 0px;
    padding-left: 0;
    padding-right: 400px;
}
.section.about .box .bg-image img {
    width: 100%;
    max-width: 800px;
    align-self: center;
}
.section.about .box .text span {
    color: #009095;
    font-weight: bold;
}

@media (max-width:1590px) {
     .about-page #sections .section .title{
         font-size: 40px;
     }
    .section.about .box .text{
        font-size: 22px;
        line-height: 50px;
        width: 480px;
    }
      .section.about .box .bg-image{
        padding: 0;
        left: 0;
        width: 800px;
        max-width: 100%;
        display: flex;
        justify-content: flex-end;
      }
      .section.about .box.right .bg-image{
        padding: 0;
        display: block;
      }
    .section.about .box .bg-image img {
        width: 100%;
        max-width: 500px;
    }
    
}

@media (max-width:890px) {
   
    .section.about .box{       
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .section.about .box.right{       
        justify-content: flex-start;
    }
    .section.about .box .bg-image{
        max-width: 100%;
        width: 80%;
    }
    .section.about .box .bg-image img{
        max-width: 100%;
    }
 
    .section.about .box.right .text {
        padding-bottom: 40px;
    }
    
}


@media (max-width:650px) {
      .about-page #sections .section .title{
         font-size: 30px;
     }
    .section.about .box .text{
        font-size: 16px;
        line-height: 40px;
        width: 300px;
    }
}


@media (max-width:450px) {
    .section.about .box .bg-image {
       padding-bottom: 0;
    }
    .section.about .box .text{
        width: 66%;
        line-height: 23px;
        font-size: 15px;
        letter-spacing: normal;
    }
    .section.about .box.right .text-wrapper {
        display: flex;
        justify-content: flex-end;
        padding-bottom: 20px;
    }
    .section.about .box.right .text{
        padding-bottom: 0;
    }
    .section.about .box.right .bg-image { 
       padding-bottom: 0;
    }
    
    .section.about .box.last .text-wrapper{
        bottom: 0;
    }
}

@media (max-width:375px) {
    .section.about .box .bg-image {
        padding-bottom: 0px;
    }
    .section.about .box.right .text-wrapper {
       padding-bottom: 60px;
    }
    .section.about .box.right .bg-image { 
        padding-bottom: 36px;
    }
    .section.about .box.last .text-wrapper{
        bottom: 0;
    }
}

@media (max-width:350px) {
    .section.about .box .bg-image {
        padding-bottom: 57px;
    } 
    .section.about .box.right .bg-image { 
           padding-bottom: 85px;
    }
    .section.about .box.last .bg-image { 
            padding-bottom: 35px;
    }
}