/*
 * Below are the style developed by gardens&co. team.
 */

@font-face {
	font-family: 'interstatebold';
	src: url('font/interstate-bold-webfont-webfont.eot');
	src: url('font/interstate-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
		 url('font/interstate-bold-webfont-webfont.woff') format('woff'),
		 url('font/interstate-bold-webfont-webfont.ttf') format('truetype'),
		 url('font/interstate-bold-webfont-webfont.svg#interstatebold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'interstateregular';
    src: url('font/interstate-regular-webfont.eot');
    src: url('font/interstate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/interstate-regular-webfont.woff') format('woff'),
         url('font/interstate-regular-webfont.ttf') format('truetype'),
         url('font/interstate-regular-webfont.svg#interstateregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
/* ==========================================================================
   Base styles	
   ========================================================================== */
   
html{	
	width:100%;
	height:100%;
	position:relative;	
    font-size: 13px;
	color:#5d5d5d;	
}

.main{ 
	opacity:0; 
	filter: alpha(opacity=0);	
}

h1,h2,h3,h4{ 
	font-family: 'interstatebold';
	margin:0;
}

h5,h6{ 
	font-family: 'interstateregular';
	font-weight:normal;
	margin:0;
}

.sc { letter-spacing:1px; }
.sc h1,.sc h2,.sc h3,.sc h4,.sc h5,.sc h6{ font-family: arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif; font-weight:normal;}
.sc h1{ font-weight:bold;}

h1{ font-size:40px; line-height:40px; text-transform:uppercase; }
h2{ font-size:35px; text-transform:uppercase; }
h3{ font-size:25px; line-height:35px; }
h4{ font-size:15px; }
.sc h4{ font-size:16px; }
h5{ font-size:18px; text-transform:uppercase;}
.sc h5{ font-size:20px; }
h6{ font-size:13px; }

h6 .en { font-family: 'interstateregular' !important; text-transform:normal; }

#menu h5{ font-size:15px; }
#section-4 h3{ font-size:17px; line-height:32px; }
.sc #section-4 h3{ font-size:20px; line-height:35px; }
#section-1 .container { margin-top:-88px; top:50%;} 
.promotion-page .container { margin-bottom:100px; }
.promotion-page .logo{ margin-bottom:20px; }
#promotion .checkbox{ margin-top:30px; }
#promotion .checkbox input{ margin:10px 5px 0 0; }
#promotion .checkbox input+input{ margin:10px 3px 0 15px; }

p{
	font-family: 'interstateregular';
	line-height: 22px;
	margin:30px 0 0 0;
}

#section-2 p{
	font-size:12px;
	line-height: 20px;
}

.sc #section-2 p,.sc p{ 
	font-size:15px;
	line-height: 24px;
	font-family: arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif;
}

.indent{
	width:60px;
	height:1px;
	border-bottom:1px solid #fec39f;
	display:inline-block;
	vertical-align:15%;
	margin-right:10px;
}

.black{ color:#000; }
.gray{ color:#9e9e9e; }

.grid-830{ width:830px; }
.grid-610{ width:610px; }

div[id^="section-"]{
	width:100%;
	height:100%;
	position:absolute;
	display:none;
}

#login #section-6 .container {
	top:50%;
	left:50%;
	margin:-200px 0 0 -415px;
	width:830px;
	height:400px;
}

.clearfix {
	clear:both;
}

.desktop{ display:block; }
.mobile{ display:none; }	

/* #travischatwidget{
	left:50%;
	transform: translate(-50%,0);
} */

/* ------------------------------------------------------------------------------------------
	Menu
------------------------------------------------------------------------------------------ */
#menu{
	background-color:#6b6b6b;
	position:fixed;
	z-index:5;
	top:0;
	right:0;
	padding:34px 90px 37px 45px;
	display:none;
}

#blocker{
	position:fixed;
	z-index:10;
	top:0;
	right:0;
	height:100%;
	width:100%;
	display:none;
}

#menu h5{
	display:inline;
	color:#fff;
	cursor:pointer;
}

#menu h5 label{
	font-size:15px;
	margin:0px 5px 0 10px;
	vertical-align:3%;
}

.button{
	border:1px solid #fff;
	padding:3px 15px;
	color:#fff;
	font-size:10px;
	cursor:pointer;
	text-align:center;
}

.sub-menu{
	display:inline-block;
	margin:0 0 0px 20px;
	vertical-align:16%;
}

#menu .button.second{
	margin:-5px 0 0 10px;
}

.container{
	z-index:1;
	position:absolute;
}

#section-1{
	margin-top:0;
}

#section-1 .container{
	text-align:center;
	color:#fff;
}

#section-1 .container h2{ letter-spacing:9px; }

.logo.white{
	bottom:30px;
	left:30px;
	z-index:5;
	cursor:pointer;	
	position:fixed;
	width:45px;
	height:61px;	
	background:url(../img/img-logo-white.png) 0 0px;	
}

.logo.pink{
	bottom:30px;
	left:30px;
	z-index:5;
	cursor:pointer;	
	position:fixed;
	width:45px;
	height:61px;	
	background:url(../img/img-logo-pink.png) 0 0px;	
}

.btn-menu.white{
	top:0px;
	right:0px;
	z-index:10;	
	cursor:pointer;	
	position:fixed;	
	width:90px;
	height:90px;		
}

.btn-menu.pink{
	top:0px;
	right:0px;
	z-index:10;	
	cursor:pointer;	
	position:fixed;	
	width:90px;
	height:90px;	
}

.btn-next.white{
	bottom:0px;
	left:50%;
	-webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%); /* Only for graceful degradation in IE9, cannot be transitioned */
      -o-transform: translate(-50%,0%);
         transform: translate(-50%,0%);
	z-index:5;
	cursor:pointer;
	position:fixed;
	width:90px;
	height:90px;	
}

.btn-next.pink{
	bottom:0px;
	left:50%;
	-webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%); /* Only for graceful degradation in IE9, cannot be transitioned */
      -o-transform: translate(-50%,0%);
         transform: translate(-50%,0%);
	z-index:5;
	cursor:pointer;
	position:fixed;
	width:90px;
	height:90px;	
}

#btn-next-team.btn-next.pink{
	bottom:auto;
	left:50%;
	-webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
     -ms-transform: translate(-50%,0%); /* Only for graceful degradation in IE9, cannot be transitioned */
      -o-transform: translate(-50%,0%);
         transform: translate(-50%,0%);
	position:absolute;
	width:90px;
	height:90px;	
}

.pink{ display:none; }
#login .pink{ display:block; }

/* ------------------------------------------------------------------------------------------
	Home Section
------------------------------------------------------------------------------------------ */

#section-1 span{
	font-style:italic;
	font-family: 'interstateregular';
	font-size:18px;
	margin-top:20px;
	display:block;
}

.img-home{
	position:fixed;
	left:50%;
}

/* ------------------------------------------------------------------------------------------
	About Section
------------------------------------------------------------------------------------------ */ 

.section-tag{
	top:29px;
	left:30px;
	z-index:2;	
	position:absolute;
}

.section-tag h1{
	color:#fec39f;
}

#section-1 .section-tag h3{
	color:#ffffff;
}

#section-2 .col2-left{
	width:330px;
	float:left;
	border-right:2px solid #fec39f;
	padding:0 60px 0 0;
}

#section-2 .col2-left-top{
	border-bottom:2px solid #fec39f;
}

#section-2 .img-about-logo{
	display: block;
	margin: 0 auto;
	margin-top:85px;
	margin-bottom:85px;
}

#section-2 .col2-left-bot{
	padding:40px 0px 40px 20px;
}

#section-2 .col2-right{
	width:380px;
	padding:30px 0 0px 58px;
	float:left;	
}
 
.img-about-logo{
	width:164px;
	height:97px;		
}
 
.img-about-logo.loading{
	width:130px;
	height:77px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-38px -65px;
	z-index:99;
}

#section-2 h4{
	font-size:17px;
	line-height:24px;
}

.sc #section-2 h4{
	font-size:20px;
	line-height:30px;
}

#section-2 h6{
	margin-top:10px;
	font-size:11px;
}

.sc #section-2 h6{
	font-size:12px;
	line-height:20px;
}

#section-2 h4+img{
	margin-top:20px;
}

/* ------------------------------------------------------------------------------------------
	Services Section
------------------------------------------------------------------------------------------ */ 
/* 
#section-3 .row2-top{
	float:left;
	width:100%;
	text-align:center;
	padding:0 0 45px 0;
	border-bottom:2px solid #fec39f;
} */

#section-3 .row2-bot:first-child{
	float:left;
	margin-top:0px;
	padding:0 0 0px 0;
	border-bottom:2px solid #fec39f;	
}

#section-3 .clearfix+.row2-bot{
	margin-bottom:300px;
	margin-top:10px;
}

#section-3 .row2-bot-left{
	float:left;
	width:385px;
	padding-right:60px;
}

#section-3 .row2-bot-right{
	float:left;
	width:385px;
}

#section-3 h5{
	text-transform:none;
	margin:20px 0px;
}

#section-3 h3{
	text-transform:uppercase;
	font-size:19px; 
	line-height:30px;
}

.sc #section-3 h3{
	font-size:26px; 
}

#section-3 h5{ font-size:16px; }

#section-3 h3+h3{
	margin-top:25px;
}

#section-3 h5+h3{
	margin-top:25px;
}

#section-3 .row2-bot-right img{
	margin-bottom:40px;
}
 
/* ------------------------------------------------------------------------------------------
	Section-4
------------------------------------------------------------------------------------------ */ 

#section-4 .row2-bot-full{
	margin-top:40px;
}

#section-4 .row2-bot-left{
	float:left;
	width:280px;
	padding-right:60px;
}

#section-4 .row2-bot-right{
	float:left;
	width:490px;
}

/* ------------------------------------------------------------------------------------------
	Team Section
------------------------------------------------------------------------------------------ */ 

#section-5 .col3-left{
	min-height:350px;
	float:left;
	width:130px;
	padding:0 70px 0px 0;
}

#section-5 .col3-left img{
	width:130px;
	height:168px;
}

#section-5 .group img{
	width:497px;
	height:301px;
}

#section-5 .jenny .col3-left{
	min-height:450px;
}

#section-5 .col3-mid{
	float:left;
	width:290px;
	padding:0 50px 0 0;
}

#section-5 .col3-right{
	float:left;
	width:290px;
}

#section-5 .divider{
	font-family: 'interstatebold';
	color:#fec39f;
	font-size:20px;
	letter-spacing:9px;
	text-align:center;
	margin-top:70px;
}

#section-5 .col3{
	margin-bottom:40px;
	min-height:350px;
}

#section-5 p{
	margin:0;
}

#section-5 h5{
	margin-top:20px;
}

#section-5 h6{
	margin-top:8px;
}

#section-5 p+p{
	margin-top:22px;
}

#section-5  .group{
	margin-bottom:300px;
}

#section-5  .group img{
	float:right;
}

#section-5  #img-group{
	width:260px; 
	float:left; 
	margin-top:80px;
}

#section-5  .group{
	width:100%;
}

/* ------------------------------------------------------------------------------------------
	Contact Section
------------------------------------------------------------------------------------------ */ 

#section-6 .col2-left{
	width:385px;
	float:left;
	padding:0 60px 0 0;
}

#section-6 .col2-right{
	width:385px;
	float:left;
}

#section-6 span{
	font-size:12px;
	font-family: 'interstatebold';
	font-weight:normal;
}

.sc #section-6 span{
	font-size:14px;
	font-family: arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif; font-weight:normal;
}

#section-6 .black+span{
	color:#000;
	font-size:12px;
}

#section-6 span[label="Name"]+span{
	margin: 0 10px 0 42px;
}

.sc #section-6 span[label="Name"]+span{
	margin: 0 10px 0 41px;
}

.fr #section-6 span[label="Name"]+span{
	margin: 0 10px 0 46px;
}

#section-6 span[label="Email"]+span{
	margin: 0 10px 0 43px;
}

#section-6 span[label="Password"]+span{
	margin: 0 10px 0 9px;
}

.sc #section-6 span[label="Password"]+span{
	margin: 0 10px 0 41px;
}

.fr #section-6 span[label="Password"]+span{
	margin: 0 10px 0 43px;
}

#section-6 span[label="Subject"]+span{
	margin: 0 10px 0 32px;
}

.sc #section-6 span[label="Subject"]+span{
	margin: 0 10px 0 41px;
}

.fr #section-6 span[label="Subject"]+span{
	margin: 0 10px 0 42px;
} 

#section-6 span[label="Message"]+span{
	margin: 0 10px 0 26px;
}

.sc #section-6 span[label="Message"]+span{
	margin: 0 10px 0 41px;
}

.fr #section-6 span[label="Message"]+span{
	margin: 0 10px 0 23px;
}

input[type="text"],input[type="password"]{
	border:0;
	width:254px;
}

#section-6  .section-forget span[label="Email"]+span{
	margin: 0 10px 0 97px;
}

.sc #section-6  .section-forget span[label="Email"]+span{
	margin: 0 10px 0 66px;
}

#section-6  .section-forget span[label="EName"]+span{
	margin: 0 10px 0 9px;
}

.sc #section-6  .section-forget span[label="EName"]+span{
	margin: 0 10px 0 36px;
}

#section-6  .section-forget span[label="Account-number"]+span{
	margin: 0 10px 0 36px;
}

#section-6  .section-forget span[label="Phone"]+span{
	margin: 0 10px 0 19px;
}

.sc #section-6  .section-forget span[label="Phone"]+span{
	margin: 0 10px 0 36px;
}

#section-6 h3.black+div {
	margin-top:30px;
}

#section-6 .col2-left .google-map {
	margin-left:20px;
	width:355px;
	height:459px;
}

#section-6 .divider{
	margin-top:100px;
	border-bottom:1px solid #c0c0c0;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
}

.section-forget input[type="text"]{
	border:0;
	width:237px;
}

.inputs{
	margin-top:15px;
	padding-bottom:5px;
	border-bottom:1px solid #c0c0c0;
}

textarea{
	border:0;
	height:100px; 
	max-height:100px; 
	width:293px; 
	max-width:293px;
	margin-left:-4px; 	
	padding:0; 	
}

#btn-submit,#btn-google,#btn-forget,#btn-password,#btn-back-login,#btn-back-login2,#promotion #btn-home,#btn-change{
	margin-top:10px;
	cursor:pointer;
	float:left;
}

#promotion #btn-home{ margin-left:10px; }

#contact-us-done h4 {
	margin-top:13px;
	margin-left:20px;
	float:left;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	font-family: 'interstateregular';	
	color:#b86f58;
	display:none;
}

#promotion-done h4{
	margin-top:13px;
	float:left;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	font-family: 'interstateregular';	
	color:#b86f58;
	display:none;
}

#btn-back input{
	position:fixed;
	z-index:10;
	top:30px;
	right:30px;
	width:138px;
	height:12px;
	border:0;
	background:url(../img/btn-back.png) no-repeat;
}

.sc #btn-back input{
	position:fixed;
	z-index:10;
	top:30px;
	right:30px;
	width:78px;
	height:15px;
	border:0;
	background:url(../img/btn-back-ch.png) no-repeat;
}

.fr #btn-back input{
	position:fixed;
	z-index:10;
	top:30px;
	right:30px;
	width:186px;
	height:12px;
	border:0;
	background:url(../img/btn-back-fr.png) no-repeat;
}

#btn-back-login,#btn-back-login2{
	width:114px;
	height:15px;
	border:0;
	background:url(../img/btn-back-to-login.png) no-repeat;
}

.sc #btn-back-login,.sc #btn-back-login2{
	width:114px;
	height:15px;
	border:0;
	background:url(../img/btn-back-to-login-ch.png) no-repeat;
}

.fr #btn-back-login,.fr #btn-back-login2{
	width:114px;
	height:15px;
	border:0;
	background:url(../img/btn-back-to-login-fr.png) no-repeat;
}

#btn-submit input{
	width:41px;
	height:11px;
	border:0;
	background:url(../img/btn-submit.png) no-repeat;
}

#promotion #btn-submit input{
	width:122px;
	height:31px;
	border:0;
	display:block;
	background:url(../img/promotion/btn-submit.png) no-repeat;
}

#promotion #btn-home {
	width:150px;
	height:31px;
	border:0;
	display:block;	
	background:url(../img/promotion/btn-cancel.png) no-repeat;
}

.sc #btn-submit input{
	width:48px;
	height:15px;
	border:0;
	background:url(../img/btn-submit-ch.png) no-repeat;
}

.fr #btn-submit input{
	width:81px;
	height:15px;
	border:0;
	background:url(../img/btn-submit-fr.png) no-repeat;
}

#btn-password input{
	width:150px;
	height:15px;
	border:0;
	background:url(../img/btn-password.png) no-repeat;
}

.sc #btn-password input{
	width:150px;
	height:15px;
	border:0;
	background:url(../img/btn-password-ch.png) no-repeat;
}

.fr #btn-password input{
	width:150px;
	height:15px;
	border:0;
	background:url(../img/btn-password-fr.png) no-repeat;
}

#btn-forget input{
	width:228px;
	height:15px;
	border:0;
	background:url(../img/btn-forget.png) no-repeat;
}

.sc #btn-forget input{
	width:228px;
	height:15px;
	border:0;
	background:url(../img/btn-forget-ch.png) no-repeat;
}

.fr #btn-forget input{
	width:228px;
	height:15px;
	border:0;
	background:url(../img/btn-forget-fr.png) no-repeat;
}

#btn-change input{
	width:151px;
	height:16px;
	border:0;
	background:url(../img/btn-change.png) no-repeat;
}

.sc #btn-change input{
	width:150px;
	height:15px;
	border:0;
	background:url(../img/btn-change-ch.png) no-repeat;
}

.fr #btn-change input{
	width:150px;
	height:15px;
	border:0;
	background:url(../img/btn-change-fr.png) no-repeat;
}

#btn-submit h4,#btn-google h4{
	display:inline-block;
	margin-left:10px;
	color:#bf7d67;
	vertical-align:-2px;
}

/* ------------------------------------------------------------------------------------------
	Login Section
------------------------------------------------------------------------------------------ */ 

#login #section-6 .col2-left{
	width:385px;
	height:300px;
}

#login #section-6 h3.black+input, #login #section-6 h3.black+div{
	margin-top:50px;
}

#login #section-6 h3.black+img {
	margin-top:40px;
}

#btn-remember{
	float:right;
	margin-top:10px;
}

#login input+span{
	font-size:11px;
	vertical-align:2px;
	text-transform:capitalize;
	color:#767676;
	margin-left:8px;
}

#login span+input[type="radio"]{
	margin-left:20px;
}

#login input[type="radio"]+span{
	text-transform:uppercase;
	color:#000;
}

form+h4{
	margin-top:80px;
}

form+h4+h6{
	margin-top:10px;
	line-height:20px;
}

.sc form+h4+h6{
	font-size:14px;
	margin-top:20px;
}

form+h4+h6+h6{
	margin-top:30px;
	font-size:10px;
}

.sc form+h4+h6+h6{
	font-size:12px;
}

.none{ display:none !important; }  
.block{ display:block !important; }  
a { color:inherit; text-decoration:none;} 
a:hover{ text-decoration:underline;} 
#menu a:hover{ text-decoration:none;} 
 
.mobile-720{ display:none; } 
.mobile-320{ display:none; }  
.desktop{ display:block; } 
.section-forget,.section-change{ display:none }

#loadingmessage, #promotion-loadingmessage{
	display:none;
}

#loadingmessage img, #promotion-loadingmessage img{
	margin:10px 0 0 15px;
	float:left;
}

	
.btn-next-m{
	display:none;
	cursor:pointer;
	float:none !important;
	width:90px !important;
	height:90px !important;
}

.center {
	text-align:center;
}

.fancybox-image{
	cursor:pointer;
}
 
#img-youtube {
	margin: 0 auto;
	display: block;
}
 
.html5-video-container{
	display:none;
} 
 
/* ------------------------------------------------------------------------------------------
	Prevent skype telephone highlight
------------------------------------------------------------------------------------------ */ 
 
span.skype_pnh_container {
    display: none !important;
}

span.skype_pnh_print_container {
    display: inline !important;
}