/*font*/
@font-face {
  font-family: 'PT Sans Narrow';
  src: url('../font/pt_sans-narrow-web-bold-webfont.eot');
  src: url('../font/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-narrow-web-bold-webfont.woff') format('woff'),
         url('../font/pt_sans-narrow-web-bold-webfont.ttf') format('truetype'),
         url('../font/pt_sans-narrow-web-bold-webfont.svg#pt_sans_narrowbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: url('../font/pt_sans-web-regular-webfont.eot');
  src: url('../font/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/pt_sans-web-regular-webfont.woff') format('woff'),
       url('../font/pt_sans-web-regular-webfont.ttf') format('truetype'),
       url('../font/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
}
@font-face {
    font-family: 'RingbearerMedium';
    src: url('../font/tha0134.eot');
    src: url('../font/tha0134.eot') format('embedded-opentype'),
         url('../font/tha0134.woff') format('woff'),
         url('../font/tha0134.ttf') format('truetype'),
         url('../font/tha0134.svg#RingbearerMedium') format('svg');
}

/*font*/
body{ 
	font: 12px Arial, Helvetica, sans-serif;
	background-repeat: repeat;
	color:#323130;
	}
header {width:100%; height:110px; /*background-image:url(../images/guarantee-banner.png); background-repeat:no-repeat; background-position:top center;*/ background-color:#1c1c1c; position:fixed; top:0; z-index:150}
.in-header {width:1000px; height:90px; margin:0 auto; position:relative; font-size:16px}
.in-header img { display:block; float:left; margin:10px 0 0 0}
.in-header ul {width:67%; float:left; position: relative; top:78px} 
.in-header li { display:inline; float:left; color:#fff; font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif;  }
.in-header li a {color:#fff; font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; text-decoration:none;padding:6px 6.5px 14px; font-weight:normal; font-size:15px }
.in-header li a:hover {background:#f9b845; color:#000 }
.in-header h2 {font-family: 'PT Sans',Arial, Helvetica, sans-serif;text-transform: uppercase;position: relative;text-align: center;font-size: 13px; color:#000;
font-weight: bold;}
/*.btn-booking {position:relative; float:right; margin: 60px 0 0 0;}*/
nav {display:none}
/*.reservation {position:absolute; right:0; bottom:-20px; width:226px;  z-index:100; }*/
.guarantee {width:650px; height:65px; position:absolute;left:110px; margin:0}
.benefits {    width: 90%;height: auto;background:;  float: left;margin: 20px 0 0 20px;position: relative;}
.benefits h3 {color:#fab746; font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; font-weight:normal; font-size:20px}
.benefits p  {font-family: 'PT Sans',Arial, Helvetica, sans-serif; color: #ccc; font-size: 14px; }
.guarantee-group {    width: 31.33%;float:right;margin:20px 2% 20px 0}
.guarantee-group h4 {color:#fab746; font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; font-weight:normal; font-size:15px}
.guarantee-group p {font-family: 'PT Sans',Arial, Helvetica, sans-serif; color: #ccc; font-size: 14px; }
.img-border { width: 90px; height: 90px;border: 1px solid #fab746;border-radius: 50%;text-align: center;display: table;float: none; margin: 15px auto;}
.img-border img { width: 90px;height: auto;}
.reservation {position:absolute; top:70px; right:0; width:226px; min-height:40px; z-index:100; font-family:Arial, Helvetica, sans-serif;}
#switch, .switch {margin-bottom:5px; text-align:right}
.expandbox {position:relative; /*width:90%;*/ padding:40px 5% 55px 5%; background: url(../images/btn-booking2.png) top no-repeat; z-index:1002}
.expand{width:226px; position:absolute; bottom:0; right:0; z-index:99 }
.expand a {display:block;padding:0 }
.expand a:link, .expand a:visited {background:url(../images/btn-booking.png) no-repeat right;height:40px;}
.expand a.open:link, .expand a.open:visited {border-style: none;background:url(../images/btn-make-reservation-close.png) no-repeat;height:10px;}
.expandbox label,.expandbox input[type='text'] { width:100%;font-size:11px; border:none; text-align:left;}
.expandbox label {color:#000; text-transform:uppercase}
.expandbox input[type='text']{ padding:2px 0 0 0;border:none; background:rgba(255,167,72,0.6) url(../images/cal2.png) no-repeat right; margin-bottom:5px; height:20px}
.expandbox select {border:none; background:rgba(255,167,72,0.6); font-size:12px; width:95%; padding:0 0 0 2px; float:left; margin-bottom:5px}
input.access-code2 {background-image:none !important}
.expandbox input[type='text'] { width:100%}
.expandbox input[type="submit"] {display:block; color:#fff; font-size:20px; font-weight:bold; padding:4px 5px 2px 5px; background:#ff8b23 url(../images/bg-submit.png) bottom repeat-x; border:none; cursor:pointer; margin:0; position:absolute; bottom:20px; left:5%; width:90%; font-family:PT Sans Narrow, serif; text-align:center; text-transform:uppercase}
.hasDatepicker {}
.clear {clear:both}
.collapse {background:rgba(255, 255, 255, 0.9)}

.border-dot {width:90%; height:40px; margin:5px auto 10px auto; border:solid; border-width:1px 0 0 0; border-style:dotted; border-color:#999;}
.in-dot {width:50%; height:40px; margin-top:7px; background:url(../images/bg-dot01.png) no-repeat; float:left}
.in-dot p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-left:35px; line-height:14px; color:#000}

.in-dot2 {width:50%; height:40px; margin-top:7px; background:url(../images/bg-dot02.png) no-repeat; float:left}
.in-dot2 p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-left:35px; line-height:14px; color:#000}

.in-dot3 {width:50%; height:40px; margin-top:7px; background:url(../images/bg-dot03.png) no-repeat; float:left}
.in-dot3 p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-left:35px; line-height:14px; color:#000}

.in-dot4 {width:50%; height:40px; margin-top:7px; background:url(../images/bg-dot04.png) no-repeat; float:left}
.in-dot4 p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-left:35px; line-height:14px; color:#000}

.main-content {width:100%; position:absolute; top:100%; left:0}
.main-content2 {width:100%; position:absolute; z-index:100}
.con-promotion {width:1000px; height:110px;  margin:-240px auto 0 auto; z-index:100; }
.promotion-slide {width:350px; height:110px; float:left;}
.content {width:1000px; height:125px;  margin:150px auto 10px auto; position:relative}
.content-l {width:66%; height:185px; position:static;	left: 0;bottom: 0;z-index: 101;overflow: hidden;cursor: pointer; background:#221c17; float:left;  }
.content-l h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:24px; color:#d9a056; font-weight:bold; padding:10px 20px 5px 15px;}
.content-l p {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#ccc; font-size:14px; padding:0 20px 10px 15px}
.content-r {width:31%; height:177px; background:url(../images/bg-newsletter.jpg) no-repeat; float:right; margin:0 0 10px 0; border: solid;border-width: 4px;border-color: #a5a5a4;}
.content-r h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:18px; color:#fff; font-weight:bold; padding:20px; text-transform:uppercase }
.content-r p {font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; padding:58px 6px 10px 20px; font-style:italic}
.content-l img {position: relative;float: left;z-index: 100;margin: 145px 0 0 15px;}
.p-right {float:right !important; margin-top:135px !important; margin-right: 0px !important;}

.main-content-other {width:100%; height:100%;  position:absolute}
.in-main-content-other {width:1000px; height:auto; margin:110px auto 0 auto; }
.tag-name {width:170px; height:180px; background:#f9b746; margin:0 0 0 0; float:left; position:fixed}
.tag-name h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:40px; padding:15px 15px 0 15px; color:#333; line-height:1; font-weight:bold; text-transform:uppercase;}
.menu-room {width:810px; height:auto; background:url(../images/bg-content.png) repeat-y; float:left; margin:20px 0 0 190px; position:relative }
.menu-room-acc {width:585px; height:auto; background:url(../images/bg-content.png) repeat-y; float:left; margin:20px 0 0 190px; position:relative }
.menu-room-acc img {width:100%}
.menu-room-acc p {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#fff; padding:0 20px 10px 20px; font-size:14px; line-height:1.3; width:545px }
.menu-room-acc h3 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:20px; padding:15px 15px 0 20px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room-wedding {width:810px; height:auto; background:url(../images/bg-other.png); float:left; margin:20px 0 0 190px; position:relative }
.menu-room-wedding img {width:100%}
.menu-room-wedding p {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#fff; padding:0 20px 10px 20px; font-size:14px; line-height:1.4; width:95% }
.menu-room-wedding h3 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:20px; padding:15px 15px 0 20px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room-gallery {width:100%; height:auto; background:url(../images/bg-other.png); float:left; margin:20px 0 0 0; position:relative; /*padding:10px */}
.menu-room-gallery img {width:18%; margin:0.5% 0 0.5% 1.4%}
.menu-room-gallery p {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#fff; padding:0 20px 10px 20px; font-size:14px; line-height:1.4; width:95% }
.menu-room-gallery h3 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:20px; padding:5px 15px 0 10px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room3 {width:585px; height:auto; background:url(../images/bg-content.png) repeat-y; float:left; margin:10px 0 0 190px; position:relative }
.menu-room3 p {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#fff; padding:0 20px 10px 20px; font-size:14px; line-height:1.4; width:545px }
.menu-room3 h3 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:20px; padding:15px 15px 0 20px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room-promotion {width:100%; height:auto; background:url(../images/bg-other.png); float:left; margin:20px 0 0 0; position:relative }
.menu-room-list {width:31%; margin:15px 0 5px 10px; float:left; background:none}
.menu-room-list:hover {background:#222}
.menu-room-list h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:16px; padding:6px; color:#d8a055; font-weight:bold; text-transform:uppercase; text-align:center}
.menu-room-list h1 a {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:16px; color:#d8a055; text-decoration:none}
.menu-room p {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#fff; padding:0 20px 0 20px; font-size:14px; line-height:1.4; width:545px }
.menu-room h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:16px; padding:10px 15px 0 15px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room h2 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:14px; padding:15px 15px 0 20px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room h3 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:20px; padding:15px 15px 0 20px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room img {width:100%}
.menu-room2 {width:585px; height:auto; background:url(../images/bg-content.png) repeat-y; float:left; margin:20px 0 0 190px;}
.menu-room2 h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:18px; padding:15px 15px 0 15px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
.menu-room2 p {font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px; padding:5px 5px 5px 15px; color:#ccc;}
.menu-room2 h2 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:14px; padding:5px 15px 0 15px; color:#d8a055; font-weight:bold; text-transform:uppercase; }
li-amenties {width:90%}
.li-amenties ul {width:35%; float:left; margin:5px 0 0 35px}
.li-amenties li {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#ccc; font-size:14px; line-height:1.4; list-style-image:url(../images/li-ament.png)}
.li-amenties a {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#ccc; font-size:14px; line-height:1.4; list-style-image:url(../images/li-ament.png); text-decoration:none}
.li-amenties a:hover {text-decoration:underline}
.for-pic-room2 {width:30% !important; margin:10px 10px 10px 15px; float:left}
.promo-detail { width:30%; float:left; margin-right:1%}
.promo-detail h2 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:16px; padding:10px 15px 0 15px; color:#d8a055; font-weight:bold; text-transform:uppercase;}
.promo-detail h3 {}
.promo-detail ul { width:95%; margin:5px 10px 10px 15px;font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:16px; color:#fff; }
.promo-detail li {font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3; color:#ccc; list-style-image:url(../images/list-promo.png)}
.promotion-price {width: 30%;float: left;background: #444;border-radius: 5px;position: relative;padding: 1.5%;color: #eee; margin:15px}
.price-from {font-size: 12px;width: 100%;display: block;}
.price-net {font-size: 18px;float: left;width: 100%;display: block;font-weight: bold;color: #febf00;}
.per-day {font-size: 13px;color: #eee;margin-left: 10px;font-weight: normal;}
.promotion-price table {width:100%; margin:7px 0 0 0; font-size:12px; float:left; padding:0}
.promotion-price td {border-bottom:1px solid #666; padding:5px 2px}
.list-room {width:225px; height:338px; position:absolute; top:5px; right:0}
.list-room ul { width:100%; margin:5px 0 0 0}
.list-room li {width:90%; font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; color:#000; font-size:18px; font-weight:bold; text-transform:uppercase; margin:5px 0 0 5px; padding:6px 0 3px 10px; line-height:1;  background:rgba(0,0,0,0.1);}
.list-room li a {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; color:#000; font-size:18px; font-weight:bold; text-transform:uppercase; text-decoration:none}
.list-room li:hover { background:#d39e3d}
.list-room span {font-size:14px; text-transform:capitalize; font-weight:normal}
#slideshow-content-left {width: 66%;position: absolute;	left: 0;bottom: 0;z-index: 101;overflow: hidden;cursor: pointer;}
#slideshow-content-left-inner {	/*margin: 15px 30px 15px 20px;*/height: 70px;overflow: hidden; padding-bottom:50px; background:#221c17	}
#slideshow-content-left h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:24px; color:#d9a056; font-weight:bold; /*padding:10px 20px 5px 20px;*/}
#slideshow-content-left p {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#ccc; font-size:14px; /*padding:0 20px 10px 20px*/ line-height:1.4}
#slideshow-content-left-inner h2 {font-size:20px;margin: 0 0 4px 0;	height: 24px;line-height: 24px; color:#ff6002; 	font-family:'BankGothicMdBTMedium',Arial, Helvetica, sans-serif; text-transform:uppercase}
#slideshow-content-left-inner p.intro {	text-overflow: ellipsis;color: #fff;font-size: 14px;	margin: 0;width: 100%;line-height: 18px; color:#000; font-family:'PT Sans',Arial, Helvetica, sans-serif	}
#slideshow-content-left-close{position: absolute;top: 15px;right: 30px;width: 10px;	height: 10px;overflow: hidden;
background:url(../images/arrow-close.png) 0 0 no-repeat;}
#slideshow-content-left.open #slideshow-content-left-close {background-position: 0 -10px;}
.pic-panorama {width:96.7% !important; margin:0 0 0 1.4%}
.promo-mobile {margin-top:10px}

.pop-up {position: fixed;right: 3%;top: 20%;z-index: 2;}
.social { width:100%; float:left; border: solid;border-width: 0 0 1px 0;border-color: #535353;}
.in-social {width: 30%;margin: 1% 2% 45px 1.3%;float: left;position: relative;min-height: 36px;}
.in-social p {margin: 5px 0 0 45px;font-size: 11px;color: #666;}
.in-social a {display: block;width: 70px;line-height: 24px;position: absolute;bottom: -30px;right: 0;background: #757575;color: #eee;text-align: center;font-size: 11px;border-radius: 3px; text-decoration:none}
.in-social a:hover {background: #666;color: #eee;}
.bg-fb {background: url(../images/bg-facebook.png) left no-repeat;}
.bg-trip {background: url(../images/bg-trip.png) left no-repeat;}
.bg-twitter {background: url(../images/bg-twitter.png) left no-repeat;}
.bg-instargram {background: url(../images/bg-instargram.png) left no-repeat;}

.thumb-slide {width:515px; margin: 0 auto 20px 55px; position:relative}
.main-box {width:1000px; height:200px; position:relative; margin:30px auto 20px auto}
.box1 {width:32%; height:400px; margin:0 20px 20px 0; position:relative; float:left}
.box2 {width:32%; height:400px; margin:0 ; position:relative; float:left}
.box1 h1, .box2 h1 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#d9a056; text-transform:uppercase}
.box1 h2, .box2 h2 {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; padding:10px 10px 5px 10px}
.box1 p, .box2 p {font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px;  color:#ccc; padding:0 10px 10px 10px; line-height:1.4}
.box1 img, .box2 img {width:100%; margin-top:10px}
.box1 b, .box2 b {font-weight:bold; color:#fff;}
.box1 span img, .box2 span img {width:29%; position:absolute; right:10px; bottom:10px}
.box1:hover, .box2:hover {background:url(../images/bg-box.png) repeat-x bottom }
.bg-none {background:none !important}
.code {width:100%; }
.code img {width:30%; border:0; float:right; margin:3px 0 0 10px}
.code p {margin:10px 0 0 0}
/*  Contact */
.contactform {float:left;width:100%; position:relative; margin:10px 0 0 0; padding-top:10px}
.contact-package {float:left;width:49%; margin:0 0 10px 2%}

#commentForm { width: 290px;position: absolute;right: 1%;bottom: 4px;} 
.contactform label {font-size:12px; color:#5a564e !important}
#commentForm label.error { margin:0 ; color:#f00; font-size:12px; display:block }
.contactform-field {width:90%;  margin:0 1% 9px 1%}
.contactform-field select {width:100%; font-size: 12px; line-height: 20px; height: 20px; border:none; background:#666; color:#eee}
.contactform-field input {width:98%; font-size: 12px; line-height: 20px; height: 20px; border:none; background:#868686; padding:0 1%; color:#eee}
.contactform-field textarea {width:100%; font-size: 12px; height:95px; border:none; background:#666; color:#eee}
.contactform-field input[type="submit"] {width:120px; height:28px; float:left; cursor:pointer; font-weight:bold; text-transform:uppercase;background:#2d5fbe; color:#eee}
.contactform-field input[type="submit"]:hover {background:#2b6be4;}
.error {color:#F00;margin:0 0 10px 3px;}
.accept {color:#339966;margin:0 0 10px 0;}
.contact-detail {width:49%; float:left; margin:0 0 10px 0}
.contact-detail img {width:100%; height:auto; }

.share {position:absolute; right:0; top:10px}

/*End Contact */

.mobile-slide {display:none}
.for-mobile {display:none}
.menu-mobile {display:none}
.btn-mobile {display:none}

/* show hide button */
.menu-toggle {width:105px;height:30px;text-indent:-99999px;cursor:pointer;position:fixed;opacity:1;/*bottom: 110px;*/ top:250px;
 -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;
z-index:100}
.menu-toggle:hover {opacity:1;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;}
.menu-toggle-off {background: url(../images/menu_toggle.png) 0 top; top: }
.menu-toggle-on {background: url(../images/menu_toggle.png) 0 bottom;}
.clear {clear:both}
.table {width:95%; border:solid; border-width:1px; border-color:#616161; margin:20px auto 20px auto; background:#333}
.table th { font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px; color:#d8a055; text-align:center; text-transform:uppercase; font-weight:bold; padding:5px; background:#222; vertical-align:middle}
.table td { font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; text-transform:uppercase; border: solid;border-width: 1px; border-color:#616161; vertical-align: middle;}
.table td span {color:#ccc; font-size:10px; text-transform:capitalize; margin-left:10px}
.td-left {text-align:left !important; padding:4px 10px 2px 10px}
.table th img {width:auto; height:30px}

.table-about { width:95%; border:none; margin:10px 0 20px 20px}
.table-about th { width:25%; font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-align:left; padding-bottom:10px; text-transform:uppercase}
.table-about td { font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px; color:#ccc; text-align:left; padding-bottom:10px}

.bkk-guide {width:97%; float: left; background:#363636; margin:10px auto 10px 1.5%;}
.bkk-guide:hover {background:#302f2f;}
.bkk-guide p {width:96%; color:#ccc; padding: 5px 20px 10px 10px;}
.bkk-guide h1 {font-family:'RingbearerMedium',"Times New Roman", Times, serif; color:#fff; font-size:18px; padding:0 10px 0 30px; background:url(../images/li-guide.png) left no-repeat}
.bkk-pic { width:40%; height:; background:; float:left; margin:15px 0 10px 10px; position:relative}
.bkk-detail { width:57%;  background:; float:left; margin:15px 0 10px 5px; position:relative}
.sub-bkk {color:#f9b746 !important; padding:0 0 0 25px !important}
.bkk-map {width:90%; height:50px; float:left; margin:0 0 0 20px;}
.bkk-map p {padding: 12px 20px 10px 30px; font-size:12px}
.bkk-map ul {width:100%; float:left}
.bkk-map li {width:36%; float:left; display:inline; color:#ccc;  background:url(../images/list-map.png) left no-repeat; padding: 12px 20px 10px 30px;}
.bkk-map li a {color:#ccc; text-decoration:none}
.bkk-map li a:hover {color:#f4c400}
.bkk-map img {width: initial}
.li2 {background:url(../images/list-bts.png) left no-repeat !important; padding: 12px 20px 10px 35px !important;}

.bkk-pic2 { width:56%; height:; background:; float:left; margin:15px 0 10px 15px; position:relative}
.bkk-detail2 { width:40%;  background:; float:left; margin:15px 0 10px 5px; position:relative}
.sub-bkk2 {color:#f9b746 !important; padding:0 0 0 25px !important}
.bkk-map2 {width:90%; height:50px; float:left; margin:0 0 0 20px;}
.bkk-map2 p {padding: 12px 20px 10px 30px; font-size:12px}
.bkk-map2 ul {width:100%; float:left}
.bkk-map2 li {width:55%; float:left; display:inline; color:#ccc;  background:url(../images/list-map.png) left no-repeat; padding: 12px 20px 10px 30px;}
.bkk-map2 img {width: initial}
.li2 {background:url(../images/list-bts.png) left no-repeat !important; padding: 12px 20px 10px 35px !important;}
.bkk-pic3 { width:40%; height:; background:; float:right; margin:15px 15px 10px 15px; position:relative}
.bottom-space {display: block;height: 50px;margin-bottom: 40px;position: relative;min-width: 100px;}
.bkk-detail3 { width:55%;  background:; float:left; margin:15px 0 10px 5px; position:relative}
.bkk-detail3 ul { width:90%; margin:0 0 0 15px}
.bkk-detail3 li {font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px; color:#ccc; line-height:1.5}
.bkk-detail3 li a {font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px; color:#ccc; line-height:1.5; text-decoration:none; padding:0 0 0 10px}
.bkk-detail3 li a:hover {color:#f4c400; }
.bkk-detail3 img {width:inherit}

.location-in {width:100%; float:left; }
.for-ul {width:90% ; float:left; display:inline; margin:0 0 0 10px;}
.for-ul li { list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#959595; line-height:30px; display: inline;margin: 15px;}
.for-ul li img {padding-right:10px; width:inherit}
.for-ul li a {font-family:'PT Sans',Arial, Helvetica, sans-serif; font-size:14px; color:#ccc; line-height:16px; text-decoration:none}
.for-ul li a:hover {color:#f4c400}
.btn-book2 {margin:15px 0 0 0; float:right}
.contact {margin:0; width:60%; float:left;}
.contact h1 { font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; font-size:18px; padding:15px 15px 0 15px; color:#d8a055; font-weight:bold; text-transform:uppercase; text-align:center}
.contact p {padding-left:0; color:#ccc}
.contact-l {margin:0; width:36%; float:left; margin:10px 20px 0 0}
.contact-l img {width:80%; margin:0 0 0 20px}
.contact-l h3 {font-size:14px; line-height:16px; font-weight:bold; margin-bottom:10px}
.contact-l p {width:100%; margin: 0 0 10px 0; color:#ccc}
.contact-address {float:left;}
.wrap-map-thumb {margin:0 0 20px 0; width:100%; float:left}
.map-thumb {width:94%; margin:0;float:left; font-weight:bold}
.map-thumb img {width:100%; height:auto; margin-bottom:3px}
ul.download {}
.download li {list-style: url(../images/icon-download2.png); padding:3px 0; margin:0 0 0 5px}
p.gps { display:block}
.gps img {width:auto; height:15px; margin-right:5px; float:left}
.sub-li {position: absolute; top:100%; left:0; width:120px !important; line-height:16px;zoom: 1; font-size:18px; text-transform:uppercase; background:#1c1c1c; }
.sub-li li {background:#1c1c1c; padding-bottom:0 !important}
ul.sub-li { height:30px !important; }

.sub-li:hove {background:#fff}
.contact-form { display:block;float:left;width:100%;}
.contact-field {width:100%; min-height:30px; margin-top:10px; float:left; border-bottom:1px dotted #666; padding-bottom:5px}
.contact-field2 {margin-top:0; padding:0 0 0 39%}
.contact-field label { display:block;float:left;width:35%; line-height:30px; text-align:left; padding-right:15px; font-size:12px; color:#ccc}
.contact-field input[type="text"],.contact-field select,.contact-field2 input[type="text"],.contact-field input[type="email"] {height:20px; padding:3px; background:#999; width:59%; font-size:13px; border:none}
.contact-field select {width:60%;padding:5px; height:27px; line-height:27px}
.contact-field textarea {padding:3px; background:#999; width:59%;height:55px; font-size:13px;border:none}
.contact-field2 input[type="submit"],.contact-field2 input[type="reset"] {font-family:'PT Sans Narrow',Arial, Helvetica, sans-serif; display:block; width:100px; color:#333; padding-top:5px; font-size:18px; font-weight:bold; text-transform:uppercase;background:#f9b746; border:none; cursor:pointer; float:left; margin:15px 15px 15px 0; border-radius:2px}
.contact-field img {margin:0 15px 0 0; float:left; width:35%; height:42px}
.div-captcha {float:left;width:59%; font-size:11px}
form {margin:0;padding:0;}
.contact-button {width:60px;}
.error {color:#ff0000;margin:0 0 10px 0;}
.accept {color:#339966;margin:0 0 10px 0;}
.address { display:block;float:right; margin:0; width:30%; line-height:20px}
.shwdow {box-shadow: 5px 5px 15px #aaa;}
.service-top {width:300px; height:35px; background:#2b2b2b; position:absolute; right:0; top:0; -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}
.service-top img {margin:2px 0 0 10px}
.service-top p {font-family:Arial, Helvetica, sans-serif; color:#ccc; font-size:12px; padding:0 0 0 20px}
.pp-partner {width:100%; height:; background:#363636; float:left; border-radius:5px; margin:0 0 20px 0; padding:0 0 20px 0}
.box-partner {width:31%; height:100px; background:; float:left; margin:10px 5px 0 12px}
.box-partner img {width:30%; border:solid; border-width:2px; border-color:#fff; margin:5px 10px 0 5px; float:left}
.pp-partner h1 {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#ccc; font-size:14px; padding:10px 0 0 15px; font-weight:bold; text-transform:uppercase}
.box-partner h2 {font-family:'PT Sans',Arial, Helvetica, sans-serif; color:#ccc; font-size:12px; padding:0 0 0 5px; font-weight:bold}
.box-partner p {color:#ccc; font-size:11px; padding:3px 0 0 0 }
.box-partner p a {color:#ccc; font-size:11px; padding:3px 0 0 0; text-decoration:none }
.box-partner p a:hover {color:#999; font-size:11px; padding:3px 0 0 0; text-decoration:underline }

/*.flex-direction-nav a {background:none !important}*/

footer {width:100%; height:40px; position:fixed; bottom:0; z-index:150; clear:both; background:#2f2e2d}
.footer-first { position:static !important}
.in-footer {width:1000px; height:40px; margin:0 auto; position:relative}
.in-footer p {font-family:Arial, Helvetica, sans-serif; color:#ccc; font-size:11px; line-height:1.5; padding-top:5px}
.in-footer img { float:right; margin:-30px 10px 10px -5px; padding:0 2px}
footer a {font-family:Arial, Helvetica, sans-serif; color:#ccc; font-size:11px; line-height:1.5; padding-top:5px; text-decoration:none}
footer a:hover {text-decoration:underline}

.btn-change3 {width: 350px; height:270px; cursor: pointer;position: absolute;opacity: 1;right: 0 !important;top: 25px;-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;z-index: 100;display: block; }
.btn-change3 p {font-size:16px; color:#d9a056; font-weight:bold;  padding:5px}

.btn-change4 {width: 600px; height:260px; cursor: pointer;position: absolute;opacity: 1;right: 0 !important;top: 25px;-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;z-index: 100;display: block; }
.btn-change4 p {font-size:16px; color:#d9a056; font-weight:bold;  padding:5px}