﻿@charset "utf-8";
/* Global
------------------------------------------------------------------*/
html,body{margin:0;	padding:0; background-color: #FFFFFF;
/*scrollbar-arrow-color: #ffffff;
scrollbar-face-color: #DBE3F2;
scrollbar-track-color: #EFF3F5;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #DBE3F2;
scrollbar-3dlight-color: #DBE3F2;
scrollbar-darkshadow-color: #DBE3F2;*/}   

form, h1, h2, h3, h4, h5, h6, ul, li, ol, dl{margin:0;	padding:0;}

/*p{padding:5px 0; margin:5px 0;}	*/

hr {clear:both;	visibility:hidden;	}

@font-face {
 font-family: RSU_Regular;
 src: url("../font/RSU_Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: RSU_Regular;
 src: url("../font/RSU_Regular.ttf") /* TTF file for CSS3 browsers */
}
.clear {clear:both;	}
.clearboth{clear:both; font-size:0px; line-height:0px; height:0px;}
.clear3{clear:both; font-size:0px; line-height:0px; height:0px; padding-top:3px}
.clear5{clear:both; font-size:0px; line-height:0px; height:0px; padding-top:5px}
.clear8{clear:both; font-size:0px; line-height:0px; height:0px; padding-top:8px}
.clear10{clear:both; font-size:0px; line-height:0px; height:0px; padding-top:10px}
.clear15{clear:both; font-size:0px; line-height:0px; height:0px; padding-top:15px}
.clear20{clear:both; font-size:0px; line-height:0px; height:0px; padding-top:20px}

/* *** Float containers fix *** */ 
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

img {border:0;}	
.img_middle{vertical-align:middle;}

/***********************************************/
/*                   Layout Divs               */
/***********************************************/
#pageMain{
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-family: tahoma;
	font-size: 12px;
}

.seo{margin:0; padding:0px; height:0; line-height:0;}
.seo h1, .seo h2, .seo h3, .seo span{ position:relative; text-indent:-9999px;height:0; line-height:0; font-size:0px;}

/* ----------- head -----------*/
#header{
	width: 960px;
	margin: 10px auto;
} 	
#headerLogo{width:335px; float:left; margin-top:10px;}
#headermenu{width:625px; height:100px; float:left; background:url(../images/menu-bg.png) top left no-repeat;}
#headermenu_text{
	font: 12px "tahoma";
	color: #FFFFFF;
	padding: 10px 0 0 0;
	text-align: right;
}
#mainmenu {width:100%; height:40px; float:right; margin:12px auto 0 0; list-style-type:none; display:block;}
#mainmenu ul{list-style-type:none; float:left; padding-left:40px; margin:0;}
#mainmenu li{padding-right:13px; display:block; font:normal 20px/32px "RSU_Regular"; color: #fffeff;text-shadow:#666 1px 1px 0; float:left;}
#mainmenu li a{display:block; font:normal 20px/32px "RSU_Regular"; color: #fffeff; text-shadow:#666 1px 1px 0; float:left; text-decoration:none;}
#mainmenu li a:hover {
	color: #990000;
	text-shadow: #666 0 1px 1px;
	font-family: "RSU_Regular";
	font-size: 15px;
	font-style: normal;
	line-height: 32px;
	font-weight: normal;
	font-variant: normal;
}
#mainmenu li span{
	display: block;
	font: 100 20px/32px "RSU_Regular";
	color: #990000;
	text-shadow: #ddd 1px 1px 0;
	float: left;
}

/* ----------- Body -----------*/
#slidepage{width:960px; height:100%; margin:0 auto; position:relative;}
#bannerMain{width:960px; margin:0 auto; position:relative;}

.content{
	width: 900px;
	position: relative;
	margin: 25px auto;
	padding: 0;
	font: 13px "tahoma";
	color: #5d5d5d;
}
.content h1,.content_L h1 {
	font: normal 28px "RSU_Regular", MS Sans Serif;
	color: #FF6600;
}
.content h2 {font: normal 26px "RSU_Regular", MS Sans Serif; color: #0099ff;}
.content h3 {font: normal 24px "RSU_Regular", MS Sans Serif; color: #ff9900;}

.content_text{width:350px; float:left; font:13px "tahoma"; color:#5d5d5d; padding-right:25px;}
.content_banner{width:280px; float:left;}
.content_width25{width:25px; float:left;}
.content_L{width:655px; float:left; position:relative; margin-bottom:25px;}
.content_R{width:280px; float:right; position:relative;}

.content_promotion{width:655px; float:left; padding:15px 0;}
.content_promotion h1, .content_promotion h2{background:url(../images/icon/car.png) no-repeat; font: normal 22px "RSU_Regular", MS Sans Serif; color: #0099ff; padding-left:40px;}
.content_promotion_car{width:158px; float:left; text-align:center; padding:10px 0 0 5px;}

.box_promotion_accord{background:url(../images/honda-accord-big.jpg) top left no-repeat; width:315px; float:left; height:200px;}
.box_promotion_accord p, .box_promotion_civic p{font:bold 12px "tahoma"; line-height:20px; color:#525252; margin:0; padding:162px 30px 0 0; text-align:right;}
.box_promotion_civic{background:url(../images/honda-civic-big.jpg) top left no-repeat; width:315px; float:left; height:200px;}
.box_promotion_R{width:340px; float:right; }
.box_promotion_R ul{width:100%; margin:0; padding:0;}
.box_promotion_R li{width:100%; float:left; list-style:none; text-align:left; font-size:12px; height:30px; line-height:30px;}
.box_promotion_R li.gray{width:100%; float:left; list-style:none; text-align:left; font-size:12px; height:30px; line-height:30px; background:#F2F2F2;}		
.box_promotion_R li a{font:normal 12px "tahoma"; line-height:30px; color:#2B2B2B; text-decoration:none; width:200px; float:left; background:url(../images/arrow-blue.gif) no-repeat 0 10px; padding-left:15px; margin-left:10px;}
.box_promotion_R li a:hover{text-decoration:underline;}
.box_promotion_R li p{font:bold 12px "tahoma"; color:#DE0000; line-height:30px; text-align:right; width:90px; float:right; margin:0 10px 0 0; padding:0;}		
.box_promotion_R li pre{font:normal 12px "tahoma"; color:#525252; line-height:30px; text-align:left; width:140px; float:left; margin:0 10px; padding:0;}		


.content_why{width:280px; float:left;}
.content_why_H{background:url(../images/why-head.jpg) top left no-repeat; height:32px; width:260px; float:left; padding:20px 0 0 20px}
.content_why_BG{background:url(../images/why-bg.jpg) top left repeat-y; height:100%; width:240px; float:left; padding:0 20px; font:12px "tahoma"; color:#525252;}
.content_why_BG ul{padding:10px 0; list-style:none; text-align:left; display:block;}
.content_why_BG li {margin:0; padding:0 0 3px 23px; display:block; margin-bottom:5px;}	
.content_why_BG li.no01{background:url(../images/icon/no01.png) no-repeat;}
.content_why_BG li.no02{background:url(../images/icon/no02.png) no-repeat;}
.content_why_BG li.no03{background:url(../images/icon/no03.png) no-repeat;}
.content_why_BG li.no04{background:url(../images/icon/no04.png) no-repeat;}
.content_why_BG li.no05{background:url(../images/icon/no05.png) no-repeat;}
.content_why_F{background:url(../images/why-foot.jpg) top left no-repeat; height:10px; width:280px; float:left; list-style-type:none;}

.contact{width:640px; float:left; line-height:20px; padding:15px 0 0 0;}
.contact_form_L{width:18%; float:left; padding-top:10px; color:#5D5D5D; font: normal 13px "tahoma"; text-align:left; margin-left:2%;}
.contact_form_R{width:80%; float:left; padding-top:10px; color:#5D5D5D; font: normal 13px "tahoma"; text-align:left; }
.contact_form_R35{width:35%; float:left; padding-top:10px; color:#5D5D5D; font: normal 13px "tahoma"; text-align:left; }
.contact_form_R input[type="text"], .contact_form_R select, .contact_form_R35 input[type="text"], .contact_form_R35 select{
font: normal 13px "tahoma"; color:#5D5D5D; background-color:#f9eddb;border:1px solid #fbaf62;padding:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;border-radius:3px;-mox-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;box-shadow:inset 0 2px 5px #f9eddb;-moz-box-shadow:inset 0 2px 5px #f9eddb;-webkit-box-shadow:inset 0 2px 5px #f9eddb;-o-box-shadow:inset 0 2px 5px #f9eddb;}
.contact_form_R textarea, .contact_form_R35 textarea{height:100px; background-color:#f9eddb;border:1px solid #fbaf62;padding:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;border-radius:3px;-mox-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;box-shadow:inset 0 2px 5px #f9eddb;-moz-box-shadow:inset 0 2px 5px #f9eddb;-webkit-box-shadow:inset 0 2px 5px #f9eddb;-o-box-shadow:inset 0 2px 5px #fcd39;font: normal 13px "tahoma"; color:#5d5d5d;}
.contact_bg{background:#FFF4DE; padding:5px 0 15px 0; margin:10px 0;}
.btn_send{width:140px; height:35px; background:url(../images/btn-send-th.jpg); border:0; cursor:pointer;}
.btn_send:hover{
	width: 140px;
	height: 35px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/submitkrabi.jpg);
}
.btn_cancel{width:140px; height:35px; background:url(../images/btn-cancel-th.jpg); border:0;  cursor:pointer;}
.btn_cancel:hover{
	width: 140px;
	height: 35px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/canclekrabi.jpg);
}

.currency_block{width:278px; border:1px solid #E6E6E6;}
.currency_head{text-align:left; background-color:#C2C2C2; width:100%; border:1px solid #fff; border-bottom:0px; height:16px; font: bold 13px "tahoma"; color:#f2f2f2; padding:5px 0px;}
.currency_detail{padding:5px; border:1px solid #fff; background-color:#f2f2f2}

.faqs_L{width:3%; float:left; padding-bottom:10px; color:#ff9900; font: bold 13px "tahoma"; text-align:left;}
.faqs_LA{width:3%; float:left; padding-bottom:10px; color:#888; font: bold 13px "tahoma"; text-align:left;}
.faqs_R{width:89%; float:left; padding-bottom:10px; color:#ff9900; font: normal 13px "tahoma"; text-align:left; }
.faqs_RA{width:89%; float:left; padding-bottom:10px; color:#888; font: normal 13px "tahoma"; text-align:left; }

.transfer_L{width:326px; float:left; border-right:1px dotted #737373; margin:50px 0 10px 0;}
.transfer_R{width:326px; float:left;  margin:50px 0 10px 0;}
.transfer_gray{background-color:#f2f2f2; font:12px "tahoma"; color:#2b2b2b; text-align:left; padding:8px 10px 6px 10px;}
.transfer_white{background-color:#fffffd; font:13px "tahoma"; color:#2b2b2b; text-align:left; padding:8px 10px 6px 10px;}
.transfer_gray span, .transfer_white span{ width:70%; float:left; text-align:left; }
.transfer_gray b, .transfer_white b{ width:30%; float:right; color:#de0000; text-align:right;}
.transfer_remark{text-align:right; margin:0 15px;}

.bank_account{width:100%; position:relative;}
.bank_account ul{width:94%; margin:10px 3%; padding:0;}
.bank_account li{list-style:none; margin-bottom:20px; font-size:12px; }
.bank_account li.scb{background:url(../images/bank-scb.jpg) no-repeat; padding-left:7%;width:43%; float:left;}
.bank_account li.kb{background:url(../images/bank-kb.jpg) no-repeat; padding-left:7%;width:43%; float:left;}
.bank_account li.bkk{background:url(../images/bank-bkk.jpg) no-repeat; padding-left:7%;width:43%; float:left;}
.bank_account li.ktb{background:url(../images/bank-ktb.jpg) no-repeat; padding-left:7%;width:43%; float:left;}

.reservation_tab{border-bottom:#d4d4d4 solid 2px; width:100%; margin:10px 0 30px 0; padding:0; height:36px;}
.reservation_tab img{margin:0; padding:0;}

.line_dot_gray{background:url(../images/line-dot-gray.jpg) top left repeat-x; height:5px; width:100%; clear:both; margin:30px 0 15px 0;}
.dashed_gray{border-bottom:1px dashed #E6E6E6; height:5px; width:100%; clear:both; margin:15px 0;}
.dot_gray20{ background:url(../images/dot-gray.gif) center repeat-x; text-align:left; height:20px; clear:both;}

/* ----------- footer -----------*/
#footer{width:100%; background:url(../images/footer-bg.jpg) top left repeat-x; position:relative; height:102px;} 
#footerMain{width:960px; margin:0 auto; font: 12px "Tahoma"; color:#fffeff; line-height:20px; }
#footerMain_L{width:310px; float:left; margin-top:15px;}
#footerMain_R{width:635px; float:left; margin:30px 0 0 15px;}
#footerMain_R a {font: 12px "Tahoma"; color:#fffeff; text-decoration:none}
#footerMain_R a:hover { text-decoration:underline;}


/* ----------- Big Banner Slide -----------*/
.slides_container {
	width: 900px;
	height: 405px;
	margin: 0 auto;
}
.slides_container div {width:960px; height:405px; display:block; margin:0 auto; }
#slides .next,#slides .prev {
position:absolute;	top:400px;	left:116px;	width:24px; height:23px; display:block; z-index:101;}
#slides .next {left:1140px;}
.pagination {margin:5px auto 0;	width:100px;}
.pagination li {float:left;	margin:0 1px; list-style:none;}
.pagination li a {display:block; width:12px; height:0; padding-top:12px;	background-image:url(../images/pagination.png);
background-position:0 0; float:left; overflow:hidden; cursor:pointer;}
.pagination li.current a {background-position:0 -12px; cursor:pointer;}

/* ----------- black color -----------*/
.black12b{font: bold 13px "tahoma"; color:#404040; text-decoration:none}
.blackDB20 {font: normal 20px "RSU_Regular", MS Sans Serif; color: #999;}

.lblackblue_B12:link,.lblackblue_B12:visited,.lblackblue_B12:active {
font:bold 13px "tahoma"; color:#000000; text-decoration:none}
.lblackblue_B12:hover {
 color:#0099ff; text-decoration:none}

/* ----------- red color -----------*/
.red12{font: 13px "tahoma"; color:#ef0000; text-decoration:none}

/* ----------- orange color -----------*/
.orange13 {font: 13px "tahoma"; color: #ff9900;}
.orange13b {
	font: bold 13px "tahoma";
	color: #F16F3E;
}
.orangeDB26 {
	font: normal 15px "RSU_Regular", MS Sans Serif;
	color: #FF6600;
}

/* ----------- blue color -----------*/
.blue12 {font: normal 12px "tahoma"; color: #0099ff;}

.lblue12_:link,.lblue12_:visited,.lblue12_:active {
font:13px "tahoma"; color:#0099ff; text-decoration:underline}
.lblue12_:hover {
text-decoration: none}

.lblue13:link,.lblue13:visited,.lblue13:active {
font:13px "tahoma"; color:#0099ff; text-decoration:none}
.lblue13:hover {
text-decoration: underline}

/* ----------- gray color -----------*/
.lgray12:link,.lgray12:visited,.lgray12:active {
font:13px "tahoma"; color:#2B2B2B; text-decoration:none}
.lgray12:hover {
text-decoration: underline}

/* ----------- White color -----------*/
.lwhite12:link,.lwhite12:visited,.lwhite12:active {
font:13px "tahoma"; color:#FFFFFD; text-decoration:none}
.lwhite12:hover {
text-decoration: underline}
.promotion {
	font-family: tahoma;
	font-size: 15px;
	color: #FFFF00;
}
