@import url('https://fonts.googleapis.com/css?family=Barlow:400,500');

body {
 margin:0; width:100%; min-width:1000px;
 color:#FFF; background:#B8A789; 
 font-size:16px; line-height: 1.8em;
}
body, input, select, textarea {font-family:'Barlow', sans-serif, 'Microsoft JhengHei';}

*  {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline;}
img {border:0; max-width:100%; height:auto; width:auto\9; /* ie8 */}


.clear  {clear:both;}
.clearfix:before, .clearfix:after, .container:before, .container:after {content:''; display:table;}
.clearfix:after, .container:after, nav.greytab:after {clear:both;}

.nofloat {float:none !important;}
.floatL, .float-left  {float:left; }
.floatR, .float-right {float:right; }

.display-inline-block 	{display:inline-block;}

.center {text-align:center !important; }
.right {text-align:right !important; }
.left {text-align:left !important; }

.container {width:1000px; margin:0 auto;}



.topline {background:url(imgs/topline.png) repeat-x; height:151px; padding:20px 0 0;}
.topvisual {background:url(imgs/topvisual.jpg) no-repeat center center; height:750px; padding-top:100px;}

.callus {background:url(imgs/callus-shadow.png) no-repeat center bottom; padding-bottom:80px;}
.callus .colorbar {background:#8DC641; padding:20px 0;}

.main {}

.hr {height:3px; background:#FFFF00; margin:10px 0;}

.form td {padding:15px 10px 15px 10px; vertical-align:top; position:relative;}
.form .field {border:1px solid #E5DE8B; background-color:#807560; padding:5px 10px; color:#FFF; width:100%;}
.form .field.check 		{cursor:pointer;}
.form .field.check.on 	{background-image:url(imgs/form-check.png); background-repeat:no-repeat; background-position:center center; }
.form .field.error 	{border-color:#FF0000; box-shadow:0 0 5px rgba(200,0,0,.5)}
.form .note {position:absolute; font-size:.75em; line-height:1.2em;}
.form .btn 	{border:none; background-color:#FFFFFF; color:#58585A; font-size:1.4em; width:150px; padding:5px 20px; text-align:center; margin:0 15px; cursor:pointer;}
.form label.error {display:none;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #B4ADA1;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #B4ADA1;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #B4ADA1;
}


.back2top {cursor:pointer;}

.footer {background:#58585A; padding:15px 0 20px; margin-top:50px; font-size:1.1em;}
.footer .ico {margin-right:10px;}
.footer h2 {color:#919396; font-weight:normal; font-size:2.2em; margin:1em 0 1em;}
.footer table td {vertical-align:top; padding:5px 0;}
.footer a {color:#FFF; text-decoration:none;}
.footer a:hover {text-decoration:underline;}


.ico {display:inline-block; width:22px; height:26px; background:url(imgs/footer-icon.png) no-repeat;}
.ico.ico-location {background-position:center 0;}
.ico.ico-phone  {background-position:center -50px;}
.ico.ico-whatsapp {background-position:center -100px;}
.ico.ico-fax   {background-position:center -150px;}
.ico.ico-email  {background-position:center -200px;}
.ico.ico-url   {background-position:center -250px;}



.grid-1  {width:1%;}
.grid-2  {width:2%;}
.grid-5  {width:5%;}
.grid-10 {width:10%;}
.grid-15 {width:15%;}
.grid-20 {width:20%;}
.grid-25 {width:25%;}
.grid-30 {width:30%;}
.grid-35 {width:35%;}
.grid-38 {width:38%;}
.grid-40 {width:40%;}
.grid-45 {width:45%;}
.grid-48 {width:48%;}
.grid-49 {width:49%;}
.grid-50 {width:50%;}
.grid-52 {width:52%;}
.grid-55 {width:55%;}
.grid-60 {width:60%;}
.grid-65 {width:65%;}
.grid-70 {width:70%;}
.grid-75 {width:75%;}
.grid-80 {width:80%;}
.grid-85 {width:85%;}
.grid-90 {width:90%;}
.grid-95 {width:95%;}
.grid-98 {width:98%;}
.grid-100 {width:100%;}
.grid-32 {width:32%;}
.grid-33 {width:33.3%;}
.grid-66 {width:66.6%;}


.w15	{width:15px !important;}
.w35	{width:35px !important;}
.w40	{width:40px !important;}