@charset "utf-8";
/*ไทย*/
form {
display:inline;
}

input,select,textarea {
font:13px "tahoma", "arial", "verdana";
vertical-align:middle;
border:1px solid #7f9db9;
background:#fff url(../images/bg-input.gif) no-repeat top left;
padding:2px;
}

a {
outline:none;
}

.green {
color:green;
}

.gray {
color:gray;
}

.blue {
color:#36c;
}


.cal-distance h5 {
background:url(../images/top-distance.gif) no-repeat left top;
width:170px;
height:15px;
font-size:12px;
margin:10px 0 0 5px;
padding:6px 10px 6px 25px;
color:#fff;
}
* html .cal-distance h5{
margin:10px 0 0 5px;
padding:6px 10px 6px 20px;
}
.cal-distance fieldset {
border:1px solid #3ba5e6;
width:198px;
margin:0 0 0 5px;
}
* html .cal-distance fieldset{
margin:10px 0 0 5px;
}

html>/**/body .cal-distance fieldset{
width:183px;
}

.cal-distance legend {
display:none;
}
.cal-distance p {
width:100%;
float:right;
margin:5px 0 0 0 ;
}
.cal-distance p label {
width:70px;
float:left;
text-align:right;
font-size:11px;
color:#333;
margin:0 5px 0 0;
}
html>/**/body .cal-distance p label{
width:58px;
}
.cal-distance #result_distance{
width:107px;
}
html>/**/body .cal-distance #result_distance{
width:110px;
}
.cal-distance div#btn-cal{
text-align:right;
margin:10px 0px;
}
* html .cal-distance div#btn-cal{
margin:8px;
}
*:first-child+html .cal-distance div#btn-cal{
margin:8px;
}

#visitor h5 {
background:url(../images/top-visitor.gif) no-repeat left top;
width:170px;
height:15px;
font-size:12px;
margin:10px 0 0 5px;
padding:6px 10px 6px 25px;
color:#333;
}
* html #visitor h5{
margin:10px 0 0 5px;
padding:6px 10px 6px 20px;
}
#visitor .box {
border:1px solid #e6df3b;
width:198px;
margin:0 0 0 5px;
color:#333;
font-size:11px;
padding:5px 0;
}
#visitor .box dt{
float:left;
padding:5px 10px;
width:120px;
}
#visitor .box dd{
padding:5px;
}
#visitor dd.more{
font-size:10px;
text-align:right;
border-top:1px dotted #ddd;
margin:5px 3px 0 3px;
padding:3px;
}
#visitor dd.more img{
vertical-align:middle;
}
#visitor dd.more a{
color:#fb3;
text-decoration:underline;
}
#visitor dd.more a:hover{
color:#f00;
}

#side-banner{
padding:5px 0 0 5px;
margin:0;
list-style:none;
}
#side-banner li{
margin-top:5px;
}

#new-tour h5 {
background:url(../images/top-tour.gif) no-repeat left top;
width:170px;
height:15px;
font-size:12px;
margin:10px 0 0 5px;
padding:6px 10px 6px 25px;
color:#333;
}
* html #new-tour h5{
margin:10px 0 0 5px;
padding:6px 10px 6px 20px;
}
#new-tour h5 span{
float:right;
font-size:10px;
color:#fff;
margin-bottom:-14px;
}
/*#new-tour h5 span, x:-moz-any-link { position:relative; top:-14px; }*/	/* FireFox 2 */
/*#new-tour h5 span, x:-moz-any-link, x:default { position:relative; top:-14px; }*/	/* FireFox 3 */
* html #new-tour h5 span{ position:relative; top:-14px; }	/* IE 6 */
*:first-child+html #new-tour h5 span{ position:relative; top:-14px; }	/* IE 7 */

#new-tour .box {
border:1px solid #fe91e5;
width:198px;
margin:0 0 0 5px;
color:#333;
}
#new-tour .box p {
margin:5px;
padding:5px;
border-bottom:1px dotted #ccc;
line-height:14px;
font-size:11px;
}
#new-tour .box p strong{
display:block;
}
#new-tour .box p strong a{
color:#cc3399;
}
#new-tour .box p strong a:hover{
color:#f00;
}
#new-tour .box p strong a img{
border:none;
vertical-align:middle;
margin-left:2px;
}
#new-tour .box p span{
color:#999;
font-size:10px;
display:block;
}
#new-tour .box div.more{
text-align:right;
font-size:10px;
padding:5px;
}
#new-tour .box div.more img{
vertical-align:middle;
}
#new-tour .box div.more a{
color:#ff66cc;
text-decoration:underline;
}
#new-tour .box div.more a:hover{
color:#f00;
}
#register {
width:735px;
float:right;
margin:7px 5px 0 10px;
padding:0;
}

#search-nav {
padding-left:7px;
margin-bottom:15px;
}

#search-nav input,#search-nav select {
font-size:12px;
}

#search-nav div {
float:right;
font-size:10px;
color:#666;
margin:3px 2px 0 0;
}

#search-nav div a {
text-decoration:none;
color:#333;
}

#search-nav div a:hover {
text-decoration:underline;
color:red;
}

#search-nav div a.profile-link span {
color:#666;
}

#search-nav div a.profile-link {
color:#36c;
text-decoration:none;
}
#search-nav div a.profile-link:hover {
color:#36c;
text-decoration:none;
}

#secondary_nav img {
margin:0 2px;
}

#cse-search-box{
margin-left:-10px;
}
html>/**/body #cse-search-box{
margin:0;
}

#accommodation-vdo {
width:270px;
float:right;
margin:0 0 10px 10px;
padding:0;
}

* html #accommodation-vdo {
margin:0 0 10px 5px;
}

#accommodation-vdo div {
height:20px;
margin:0;
padding:5px 0 0 30px;
font-weight:bold;
}
#accommodation-vdo div.have {
background:#000 url(../images/top-vdo.gif) no-repeat left top;
}
#accommodation-vdo div.none {
background:#000 url(../images/top-vdo-none.gif) no-repeat left top;
}
#ads-accommodation {
float:right;
clear:right;
font-size:10px;
background:url(../images/bottom-resort.gif) no-repeat center bottom;
height:auto !important;
margin:0 0 10px 10px;
padding:0 0 13px;
line-height:16px;
}

* html #ads-accommodation {
margin:0 0 10px 5px;
}

#ads-accommodation #box {
width:260px;
border:0;
background:url(../images/bg-resort.gif) repeat-y center center;
height:auto !important;
padding:5px;
}
* html #ads-accommodation #box{
margin-top:-7px;
}
#ads-accommodation h3 {
color:#333;
font-size:14px;
height:25px;
width:225px;
background:url(../images/top-resort.gif) no-repeat left top;
text-align:left;
display:block;
margin:0;
padding:12px 5px 0px 40px;
}

#ads-accommodation h3 a {
color:#333;
text-decoration:none;
}
#ads-accommodation h3 a:hover {
color:#fff;
text-decoration:underline;
}
#ads-accommodation h3 span{
float:right;
font-size:10px;
color:#fff;
}
/*#ads-accommodation h3 span, x:-moz-any-link { position:relative; top:-16px; }*/	/* FireFox 2 */
/*#ads-accommodation h3 span, x:-moz-any-link, x:default { position:relative; top:-16px; }*/	/* FireFox 3 */
* html #ads-accommodation h3 span{ position:relative; top:-16px; }	/* IE 6 */
*:first-child+html #ads-accommodation h3 span{ position:relative; top:-16px; }	/* IE 7 */
#ads-accommodation .accommodation {
clear:both;
border-bottom:1px dotted #d7d7d7;
height:auto !important;
min-height:75px;
height:75px;
padding:5px 0;
}
html>body #ads-accommodation .accommodation{
overflow:hidden;
}
#ads-accommodation strong {
display:block;
}

#ads-accommodation strong a {
color:#06c;
text-decoration:none;
font-size:11px;
}

#ads-accommodation strong a:hover {
color:#f60;
text-decoration:underline;
}

#ads-accommodation p {
line-height:14px;
margin:0;
}

#ads-accommodation span {
color:#666;
display:block;
}

#ads-accommodation a img {
float:left;
background-color:#fff;
border-color:#ccc #888 #888 #ccc;
border-style:solid;
border-width:1px;
margin:0 5px;
padding:2px;
}

#ads-accommodation strong a img {
float:none;
border:none;
padding:0;
}

#ads-accommodation a {
color:red;
text-decoration:none;
}

#ads-accommodation a:hover {
color:#333;
}

#ads-accommodation div.more {
height:5px;
border:none;
text-align:right;
margin:7px 5px 0 0;
padding:0;
}

#ads-accommodation .more img {
border:0;
vertical-align:middle;
float:none;
margin:3px 0 0;
padding:0;
}

#ads-accommodation .more a {
color:#333;
text-decoration:none;
}
#ads-accommodation #box span.amenity {
margin-top:2px;
}

#ads-accommodation #box span.amenity img {
border:none;
margin:0;
padding:0;
}

#land-nav {
overflow:hidden;
width:500px;
height:150px;
float:right;
}

#land-nav ul {
display:block;
width:750px;
list-style-type:none;
height:200px;
margin:0;
}

#land-nav ul li {
float:left;
}

#land-nav ul li a {
border-right:#fff 2px solid;
display:block;
background:#fff;
overflow:hidden;
width:98px;
cursor:pointer;
text-indent:-1000px;
height:200px;
}

#land-nav ul li.north a {
background:url(../images/north.jpg) 0 0;
}

#land-nav ul li.central a {
background:url(../images/central.jpg) 0 0;
}

#land-nav ul li.northeast a {
background:url(../images/northeast.jpg) 0 0;
}

#land-nav ul li.east a {
background:url(../images/east.jpg) 0 0;
}

#land-nav ul li.south a {
background:url(../images/south.jpg) 0 0;
}



#success,#failed,#notfound {
width:350px;
height:100px;
border:1px dotted #ddd;
margin:70px auto auto;
padding:40px 0 0 110px;
}

#success {
background:#fff url(../images/icon-success.gif) no-repeat 25px center;
color:#090;
border-color:#0c0;
}

#failed {
background:#fff url(../images/icon-failed.gif) no-repeat 25px center;
color:#c00;
border-color:red;
}

#notfound {
background:#fff url(../images/icon-notfound.gif) no-repeat 25px center;
color:#f60;
border-color:#fc0;
}

#success h3,#failed h3,#notfound h3 {
font-size:18px;
margin:5px 0;
}

#success a,#failed a,#notfound a {
font-size:12px;
color:#666;
}

input.btn-blue-80,input.btn-blue-120 {
background:transparent url(../images/button-blue-80.gif) repeat-x scroll left top;
border:medium none;
color:#fff;
font-weight:700;
font-size:11px;
cursor:pointer;
width:80px;
height:25px;
}

input.btn-blue-120 {
background:transparent url(../images/button-blue-120.gif) repeat-x scroll left top;
width:120px;
margin-bottom:10px;
}

input.btn-blue-80:hover,input.btn-blue-120:hover {
background-position:left bottom;
color:#ff0;
}

#frm_login legend,#frm_forget legend {
color:#c00;
font-size:16px;
margin:5px 0 15px;
padding:5px 5px 5px 35px;
}
#frm_login legend {
background:url(../images/headline-login.gif) no-repeat 5px center;
}
#frm_forget legend {
background:url(../images/headline-forget.gif) no-repeat 5px center;
}

#frm_login img,#frm_forget img {
float:right;
cursor:pointer;
margin:5px;
}

#frm_login p,#frm_forget p {
width:100%;
float:right;
margin:0 0 5px;
}

#frm_login p label,#frm_forget p label {
width:100px;
float:left;
text-align:right;
font-size:12px;
font-weight:700;
color:#333;
margin:3px 5px 0 0;
}

#frm_login p .text,#frm_forget p .text {
width:140px;
}

#frm_login .btn-blue-80,#frm_forget .btn-blue-80 {
float:right;
}

#frm_login h3,#frm_forget h3 {
font-size:14px;
color:#36c;
text-align:center;
margin:70px 0;
}

#frm_login h3 span,#frm_forget h3 span {
color:#555;
}

#frm_login h3 div.tip,#frm_forget h3 div.tip {
color:red;
font-size:11px;
font-weight:400;
margin-top:10px;
}

#frm_login #message,#frm_forget #message {
text-align:center;
color:red;
margin-top:10px;
}

#profile-nav {
position:absolute;
visibility:hidden;
z-index:2;
background-color:#FFF;
width:120px;
border:2px solid #f90;
line-height:22px;
padding:5px;
}

#page {
font-size:11px;
font-weight:700;
color:#555;
clear:both;
border-top:1px dotted #36c;
margin:10px 0 5px 10px;
padding:10px 5px;
}

#page strong {
border:1px solid #36c;
background-color:#dff;
color:#36c;
margin:0 2px;
padding:2px 5px;
}

#page a {
border:1px solid #666;
background-color:#eee;
color:#666;
font-weight:400;
text-decoration:none;
margin:0 2px;
padding:2px 5px;
}

#page a:hover {
border:1px solid #f60;
background-color:#fec;
color:#f60;
text-decoration:underline;
}

div#found {
text-align:right;
font-size:11px;
color:#666;
}
#found span{
color:red;
}

.captcha {
vertical-align:top;
}

.red,#ads-accommodation .more a:hover,#success a:hover,#failed a:hover,#notfound a:hover {
color:red;
}

#search-nav img,#success img,#failed img,#notfound img {
vertical-align:middle;
}


#frm_login fieldset,#frm_forget fieldset,#profile-nav img {
border:0;
}

*:first-child+html #frm_login p label,*:first-child+html #frm_forget p label,* html #frm_login p label,* html #frm_forget p label {
width:120px;
}

/* BOOKMARK BUTTON */
.addthis_toolbox,.addthis_default_style{
height:20px;
}
/* BOOKMARK BUTTON */

/* BUTTON BOOKING*/
.btn_booking{
background-image:url(../images/booking_btn1.gif); background-repeat:no-repeat; width:240px; height:26px;
text-align:center; 
padding-top:3px; 
padding-right:6px;
font-size:11px;
cursor:pointer;
color:#FFFFFF;
float:right;
text-decoration:none;
}
.btn_booking:hover{
background-image:url(../images/booking_btn_hover1.gif); background-repeat:no-repeat; width:240px; height:26px;
font-size:11px;
cursor:pointer;
color:#ff0;
float:right;
text-decoration:none;
}


-->

/*bouy22*/
.add_banner{ width:99%; margin:auto; margin:0px; padding:0px; overflow:hidden; margin-left:5px; }
.add_banner li{ width:100%; display:inline-block; padding:3px 0px; margin:0px; list-style:none; margin-bottom:5px; }
.add_banner li label.title{ width:15%; text-align:right; display:inline-block; margin-right:3px; vertical-align:top; display:inline-block;}
.add_banner li input[type=radio]{ vertical-align: bottom;}
.add_banner li input[type=text]{ width:50%; padding:3px 0px; text-indent:5px;}
.add_banner li input[type=file]{ width:40%; padding:3px 0px;}
.add_banner li input.rank{ width:5%; padding:3px 0px; margin-right:5px; text-align:center;}
.add_banner li a { cursor:pointer;}
.add_banner li a img{ vertical-align: text-bottom; padding-right:3px;}
.add_banner li.li_banner{}
.add_banner li.li_banner ul{ background:#CCC; width:98%; display:inline-block; padding:5px; margin-top:10px;}
.add_banner li.li_banner ul li{ background:#6F9; width:99%; display:inline-block; background:#eaeaea; padding:5px 3px; }
.add_banner li.li_banner ul li img.imgs{ display: inline-block; width:200px; max-width:200px; height:auto; max-height:132px; padding:5px; margin-left:10px; vertical-align:middle; border:1px #999 solid;}

.red{ color:#F00;}
.blues{ color:#039;}
.pink{ color:#F0F;}
.green{ color: #060;}
.black{ color: #333;}

table tr.not_found{}
table tr.not_found td{ padding:20px 0px; text-align:center; color:#999;}

.tb_banner_hd{ width:99%; margin:auto; border:none; border-spacing:0px; border-collapse:collapse;}
.tb_banner_hd form{ display:inline;}
.tb_banner_hd form div{ width:auto; display: inline-block; }
.tb_banner_hd form select{ width:120px;}
.tb_banner_hd tr.tr_select{ height:60px; color:#039; }
.tb_banner_hd tr.tr_select td img{ vertical-align: text-bottom;}
.tb_banner_hd tr.tr_select td:first-child{ }
.tb_banner_hd tr.tr_select td:nth-child(2){ text-align:right;}

.tb_banner_hd tr.title{ height:40px; color:#039; background:#FF3;}
.tb_banner_hd tr.title td{ border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif;}
.tb_banner_hd tr.title td:first-child{ width:5%; text-align:center; }
.tb_banner_hd tr.title td:nth-child(2){ width:20%; text-indent:5px;}
.tb_banner_hd tr.title td:nth-child(3){ width:5%; text-align:center; }
.tb_banner_hd tr.title td:nth-child(4){ width:12%; text-align:center; }
.tb_banner_hd tr.title td:nth-child(5){ width:15%; text-indent:5px;}
.tb_banner_hd tr.title td:nth-child(6){ width:15%; text-indent:5px;}
.tb_banner_hd tr.title td:nth-child(7){ width:10%; text-align:center; }
.tb_banner_hd tr.title td:nth-child(8){ width:5%; text-align:center; }
.tb_banner_hd tr.title td:nth-child(9){ width:5%; text-align:center; }
.tb_banner_hd tr.title td:nth-child(10){ width:5%; text-align:center; }

.tb_banner_hd tr.detail td{ padding:10px 0px; border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif;}
.tb_banner_hd tr.detail td a{ cursor:pointer;}
.tb_banner_hd tr.detail td:first-child{ text-align:center; }
.tb_banner_hd tr.detail td:nth-child(2){  text-indent:5px;}
.tb_banner_hd tr.detail td:nth-child(3){  text-align:center; }
.tb_banner_hd tr.detail td:nth-child(4){ text-indent:5px;}
.tb_banner_hd tr.detail td:nth-child(5){ text-indent:5px;}
.tb_banner_hd tr.detail td:nth-child(6){  text-indent:5px;}
.tb_banner_hd tr.detail td:nth-child(7){ text-align:center; }
.tb_banner_hd tr.detail td:nth-child(7) img{ width:80%; margin:auto; height:auto;}
.tb_banner_hd tr.detail td:nth-child(8){ text-align:center; }
.tb_banner_hd tr.detail td:nth-child(9){ text-align:center; }
.tb_banner_hd tr.detail td:nth-child(10){ text-align:center; }

.tb_banner_img{ width:99%; margin:auto; border:none; border-spacing:0px; border-collapse:collapse;}
.tb_banner_img tr.title{ height:40px; color:#039; background:#FF3;}
.tb_banner_img tr.title td{ border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif;}
.tb_banner_img tr.title td:first-child{ width:5%; text-align:center; }
.tb_banner_img tr.title td:nth-child(2){ width:65%; text-align:center; }
.tb_banner_img tr.title td:nth-child(3){ width:10%; text-align:center; }
.tb_banner_img tr.title td:nth-child(4){ width:10%; text-align:center;}
.tb_banner_img tr.title td:nth-child(5){ width:10%; text-align:center;}

.tb_banner_img tr.detai td{ padding:10px 0px; border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif;}
.tb_banner_img tr.detai td:first-child{ text-align:center; }
.tb_banner_img tr.detai td:nth-child(2){ text-align:center; }
.tb_banner_img tr.detai td:nth-child(2) img{ width:200px; max-width:200px; height:auto;}
.tb_banner_img tr.detai td:nth-child(3){ text-align:center; }
.tb_banner_img tr.detai td:nth-child(3) input{ text-align:center; width:50%; }
.tb_banner_img tr.detai td:nth-child(4){ text-align:center;}
.tb_banner_img tr.detai td:nth-child(5){ text-align:center;}
.tb_banner_img tr.detai td:nth-child(5) a{ cursor: pointer; display:inline-block; width:auto;}

.tb_banner_img tr.tr_save td{ padding:10px 0px; text-align:right;}
.tb_banner_img tr.tr_save td input{ display:inline-block;}

table tr.tr_total{}
table tr.tr_total td{ padding:10px 0px; color:#333;}
table tr.tr_total td:first-child{}
table tr.tr_total td:nth-child(2){ text-align:right;}

table tr.tr_page{}
table tr.tr_page td{ padding:20px 0px; text-align:center; color:#999;}

/*KG Pages*/
#pager_links { padding-bottom:10px; text-align:center; margin:auto; font-size:13px; font-family:Arial; padding-top:20px;}
#pager_links a { text-decoration:none; color:#039; background:none; border:1px solid #039; padding:3px 6px 3px 6px; margin:2px; }
#pager_links a:hover { text-decoration:none; color: #C00; background:none; border:1px solid #C00; padding:3px 6px 3px 6px; margin:2px; }
#current_page { border:1px solid #333; padding:3px 6px 3px 6px; margin:2px; color:#333; }