@charset "utf-8";
/* ******************************
1. Reset
******************************* */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: 'PT Sans', Arial, Helvetica, sans-serif; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* ******************************
2.1 Main Global Layout Settings 
******************************* */

* { padding: 0px; }
body, html { height: 100%; margin: 0; height: auto; min-height: 100%; }
body { font: 13px 'PT Sans', Arial, Helvetica, sans-serif; background-color: #000; background-repeat: repeat; color: #333; }
a { outline: none; text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #ef7f11 }
a img { border: none; }
.clear { clear: both; }
.clearlast { clear: both; padding-bottom: 35px; }
.clearlastgallery { clear: both; padding-bottom: 55px; }
.ienoclear { clear: both; }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.float-right { float: right; }
.float-left { float: left; }
.align-right { float: right; }
.align-left { float: left; }
.align-center { margin: 0 auto; display: block; }
.single-header-space { margin: 25px 0 0 0; }
.blank-head-space-1 { margin: 24px 0 0 0; }
.gradient { filter: none; }
.type-post, .type-mtheme_portfolio, .type-page { margin: 0; }
strong { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
em { font-style: italic }
p { margin-bottom: 10px }
q { margin-bottom: 10px }
@font-face { font-family: 'PT Sans Narrow'; src: url('../font/pt_sans-narrow-web-regular-webfont.eot'); src: url('../font/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/pt_sans-narrow-web-regular-webfont.woff') format('woff'), url('../font/pt_sans-narrow-web-regular-webfont.ttf') format('truetype'), url('../font/pt_sans-narrow-web-regular-webfont.svg#PT Sans Narrow') format('svg'); font-weight: 400; font-style: normal; }
@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: 'PT Sans'; src: url('../font/pt_sans-web-italic-webfont.eot'); src: url('../font/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/pt_sans-web-italic-webfont.woff') format('woff'), url('../font/pt_sans-web-italic-webfont.ttf') format('truetype'), url('../font/pt_sans-web-italic-webfont.svg#pt_sansitalic') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'PT Sans'; src: url('../font/pt_sans-web-bold-webfont.eot'); src: url('../font/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/pt_sans-web-bold-webfont.woff') format('woff'), url('../font/pt_sans-web-bold-webfont.ttf') format('truetype'), url('../font/pt_sans-web-bold-webfont.svg#pt_sansbold') format('svg'); font-weight: bold; font-style: normal; }
.wrap { width: 94%; max-width: 1500px; background: #deddd8; margin: 0 3% 0 3%; position: absolute; top: 0 }
header { width: 17%; height: 100%; background: #444 url(../images/bg-header.png) left top repeat-x; position: fixed; left: 3%; top: 0; -webkit-box-shadow: -3px 0 8px 3px black; -moz-box-shadow: -3px 0 8px 3px black; box-shadow: -3px 0 8px 3px black; z-index: 10 }
img.logo { margin: 20px 13% 7px 13%; width: 74%; height: auto; }
nav { margin: 0 10%; width: 80%; }
nav ul { width: 100% }
nav li { text-align: right; margin: 5px 0 0 0; display: block; position: relative }
nav a { color: #bcbcbc }
nav a:hover { color: #ef7f11 }
img.icon-new { position: absolute; right: 100px; top: -8px; width: 30px; height: auto }
.book-online { width: 14%; position: fixed; left: 4%; bottom: 3%; z-index: 10; padding: 0.3% 0.5%; background: url(../images/bg-book.png) bottom repeat-x; border-radius: 5px }
.book-online h3 { text-transform: uppercase; color: #eee; font-weight: bold }
.book-online label { color: #eee; font-size: 10px; }
.select-hotel, .promotion-code { width: 98%; float: left; margin: 5px 0 0 0 }
.promotion-code { margin: 10px 0 0 0 }
.promotion-code label { float: left; margin-right: 2%; line-height: 20px; }
.button { width: 100%; float: left; margin: 10px 0 0 0 }
.promotion-code input { width: 55%; border: none; padding: 1px 0; font-size: 11px; float: left }
.checkin, .checkout { position: relative; float: left; min-width: 74px }
.checkin { width: 47%; margin: 10px 2% 0 0 }
.checkout { width: 50%; margin: 10px 0 0 0 }
.checkin input, .checkout input { width: 70%; border: none; padding: 2px 0; font-size: 10px; text-align: center }
.select-hotel select { width: 100%; border: none; font-size: 11px; margin: 0; }
.adultinput, .roominput { width: 25%; float: left; margin: 5px 0 0 0; }
.childinput { width: 25%; float: left; margin: 5px 0 0 0; }
.adultinput select, .roominput select, .childinput select { width: 80%; border: none; font-size: 10px; margin: 0; }
.book-online .submit { display: block; width: 100%; background: #bfbfbf url(../images/bg-btn-book.jpg) repeat-x; color: #fff; font-weight: bold; padding: 5px 0; border-radius: 5px; font-size: 14px; border: none; cursor: pointer; }
.content { width: 82.5%; float: left; margin: 0 0 0 17.5%; border-right: 1px solid #000000; }
.topbar { width: 100%; background: #000; height: 35px; color: #ccc; font-size: 12px; }
.topbar ul { float: right; margin: 12px 160px 0 0; padding-right: 140px; }
.topbar li { display: inline; }
.topbar a { color: #ccc; padding: 0 7px; text-transform: uppercase; font-size: 11px }
.topbar a:hover { color: #ef7f11 }
.main-slide { width: 100%; height: auto; margin: 0; position: relative }
.main-slide img { width: 100%; height: auto; }
img.map { width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 1 }
.intro { width: 100%; background: url(../images/bg-intro.png) }
.in-intro { width: 86%; padding: 15px 7%; position: relative }
img.book-direct { width: 30%; height: auto; float: right; border-left: solid 1px #999; padding: 0 0 0 15px }
.in-intro2 { width: 86%; padding: 15px 7%; position: relative }
.in-intro p { width: 66% }
.in-intro2 p { width: 80%; border-right: solid 1px #999; padding: 0 15px 0 0 }
.in-intro2 a { display: block; width: 80px; background: #333 url(../images/bg-print.png) left no-repeat; color: #eee; padding: 0 0 0 50px; line-height: 40px; position: absolute; right: 7%; top: 15px; border-radius: 10px; font-size: 14px; }
.in-intro2 a:hover { background: #666 url(../images/bg-print.png) left no-repeat; }
.in-intro strong { color: #ef7f11 }
.maincontent { width: 86%; padding: 15px 0 0 0; position: relative; background: url(../images/bg-bottom-line.png) bottom repeat-x; margin: 15px 7%; }
.three-column { background: #fff; width: 32%; margin: 0 2% 2% 0; float: left; position: relative; height: 370px }
.get-to-hotel { height: 390px }
.three-column img { width: 100%; height: auto; margin-bottom: 5px; }
.three-column p { line-height: normal; margin: 0 3% 3% 3% }
.three-column a { color: #ccc }
.three-column a:hover { color: #e8e381 }
.three-column h2 { font-size: 17px; margin: 2% 3%; font-weight: bold; text-transform: uppercase; }
.three-column h3 { font-size: 13px; margin: 3px 3%; font-weight: bold; text-transform: uppercase; }
.three-column table { width: 96%; margin: 0 3% 3% 3% }
.three-column td, .three-column th { padding: 2px 3px 2px 3px; text-align: left; vertical-align: top; font-size: 12px }
.three-column th { font-weight: bold }
.three-column ul { position: absolute; bottom: 5px; left: 7px; width: 95%; display: block }
.three-column ul img { width: 15%; height: auto; position: absolute; bottom: -5px; left: 0 }
.three-column ul li { list-style: disc; margin-left: 21% }
.three-column ul li a { outline: none; text-decoration: none; color: #333; }
.three-column ul li a:hover { text-decoration: none; color: #ef7f11 }
.dining { height: 380px }
.qr-code { width: 60px; padding: 5px; position: absolute; bottom: 10px; right: 10px; text-align: center; font-size: 11px; color: #666; background: #fff; line-height: 12px }
.qr-code img { width: 60px; height: auto; border: none }
.btn-book { display: block; width: 100px; height: 49px; position: absolute; top: 0; left: 0; }
a.btn-detail { display: block; width: 164px; line-height: 27px; position: absolute; bottom: 10px; left: 10px; background: url(../images/bg-btn-more.png) left no-repeat; color: #fff; padding: 0 0 0 15px }
a.btn-detail:hover { background: url(../images/bg-btn-more-over.png) left no-repeat; color: #fff; }
.social { width: 86%; padding: 0 0 0 0; position: relative; background: url(../images/bg-bottom-line.png) bottom repeat-x; margin: 15px 7%; }
.in-social { width: 32%; margin: 0 2% 40px 0; float: left; position: relative; min-height: 36px; }
.in-social a { display: block; width: 70px; line-height: 24px; position: absolute; bottom: -25px; right: 0; background: #a7a5a4; color: #eee; text-align: center; font-size: 11px; border-radius: 5px }
.in-social a:hover { background: #666; color: #eee; }
.in-social p { margin: 5px 0 0 45px; font-size: 11px; color: #666 }
.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 }
.baiyoke-group { width: 86%; padding: 0 0 20px 0; position: relative; margin: 15px 7% 10px 7%; box-shadow: 0 6px 6px -6px black }
.baiyoke-hotel { width: 32%; margin: 0 2% 0 0; float: left; position: relative; }
.baiyoke-hotel a { display: block; width: 70px; line-height: 24px; position: absolute; bottom: -25px; right: 0; background: #a7a5a4; color: #eee; text-align: center; font-size: 11px; border-radius: 5px }
.baiyoke-hotel a:hover { background: #666; color: #eee; }
.baiyoke-hotel p { font-size: 11px; color: #666; float: left; margin: 0 }
.baiyoke-hotel img { width: 80px; height: auto; float: left; margin: 0 5px 0 0; border: 2px solid #fff }
.baiyoke-group h2 { font-weight: bold; color: #666; font-size: 14px; text-transform: uppercase; margin-bottom: 5px }
.baiyoke-group h3 { font-weight: bold; color: #666; font-size: 11px; text-transform: uppercase; margin-bottom: 3px }
.no-margin { margin: 0 0 2% 0 }
.content-footer { width: 86%; padding: 0 0 0 0; position: relative; margin: 15px 7% 10px 7%; font-size: 11px; color: #666 }
.content-footer li { display: inline; float: left; margin: 2px 7px 0 0 }
.content-footer a { padding: 0 5px 0 0; color: #666 }
.content-footer a:hover { color: #333 }
.content-footer img { float: right }
.share { float: right }
.flexslider hgroup { display: block; position: absolute; top: 57%; margin-left: 40px }
.flexslider h1 { color: #fff; font-size: 50px; text-transform: uppercase; font-weight: bold; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; }
.flexslider h2 { color: #fff; font-size: 28px; text-transform: uppercase; font-weight: bold; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; }
/*epand div */
#switch, .switch { margin-bottom: 5px; text-align: right }
.expand { width: 60px; height: 20px; position: absolute; bottom: 10px; right: 0; z-index: 1000; }
.expand a { display: block; padding: 10px 0; }
.expand a:link, .expand a:visited { background-image: url(../images/arrow-down.png); background-repeat: no-repeat; }
.expand a.open:link, .expand a.open:visited { border-style: none; background: url(../images/arrow-up.png) no-repeat }
.expand2 { padding-bottom: 5px }
.expand2 a { display: block; padding: 3px 10px }
.expand2 a:link, .expand2 a:visited { border: solid 1px #ccc; background: #fff url(../images/arrow-down.gif) no-repeat 98% 50%; }
.expand2 a:hover, .expand2 a:active, .expand2 a:focus { text-decoration: none; color: #333 }
.expand2 a.open:link, .expand2 a.open:visited { border: solid 1px #ccc; background: #eee url(../images/arrow-up.gif) no-repeat 98% 50% }
.blue-bg { background: #eee; padding: 10px; margin-bottom: 5px }
.blue-bg p { margin: 0 }
.left-menu { float: left; width: 19%; margin-right: 2% }
.left-menu ul { margin: 0 0 0 5%; font-size: 11px }
.left-menu a { font-size: 13px }
#to-do a, #howtobook a, #caravan a, #fruit a, #floating a, #skyroom a, #kontent a, #pratunam-market a, #get-here a, #get-around a, #print-map a, #book-direct a, #policy a, #contact a, #bar a, #grill a, #balcony a, #stella a, #restaurant a, #coffee a, #claim a { font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 18px; font-weight: bold }
.left-menu li { padding: 7px 0; border-bottom: none }
.left-menu li ul { margin: 0 }
.left-menu li ul li { padding: 7px 0 5px 0; border-bottom: 1px solid #ccc }
.left-menu h1 { font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 22px; font-weight: bold }
.left-menu h2 { font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 18px; font-weight: bold }
.left-menu span { background: #999; padding: 0 5px; color: #fff; line-height: 16px; display: block; font-family: 'PT Sans', sans-serif; font-size: 13px; text-transform: none; font-weight: normal }
ul.dining-list li, ul.meeting-list li { border-bottom: 1px solid #ccc }
.detail { width: 79%; float: left }
.in-detail { width: 98%; border: double #ccc; margin: 30px 0; padding: 1%; background: #fff }
table.tb60 { background: #666; width: 400px; margin-bottom: 10px }
.tb60 td, .tb60 th { padding: 1%; text-align: center; vertical-align: middle; width: 50% }
.tb60 th { background: #dcdcdc; font-weight: bold; text-transform: uppercase; }
.tb60 td { background: #fff }
.in-detail h1 { font-size: 22px; text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0 }
.in-detail h3 { font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0 }
.detail-dining { width: 100%; border: none; margin: 30px 0; padding: 0; background: none }
.detail-dining .three-column { height: 370px; }
.in-detail-slide { border: double #ccc; width: 100%; position: relative }
.top-image { background: url(../images/bg-shuttle-table.jpg) repeat-x; border: double #ccc; width: 100%; position: relative; min-height: 200px; }
.in-detail-slide2 { width: 100%; position: relative; }
.text-slide { background: rgba(0,0,0,.8); position: absolute; height: 100%; width: 40%; top: 0; right: 6%; z-index: 10; color: #eee; padding: 0 2% }
.get-around-text { background: rgba(0,0,0,.8); position: absolute; height: 100%; width: 42%; top: 0; right: 0; z-index: 10; color: #eee; padding: 0 2% }
img.get-around-img { width: 52%; height: auto; margin: 1% }
.text-slide-meeting { width: 30%; top: 3%; right: 6%; height: inherit; padding: 1% 2% }
.text-slide-room { background: rgba(0,0,0,.7); position: absolute; height: 100%; width: 40%; top: 0; left: 0; z-index: 10; color: #eee; padding: 0 2% }
.text-slide hgroup, .text-slide-room hgroup, .get-around-text hgroup { position: static; margin: 4% 0 2% 0 }
.text-slide h3 { font-size: 22px; color: #fff; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: bold; margin: 4% 0 2% 0 }
.text-slide-room h1 { font-size: 22px; color: #fff; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: bold; position: static }
.text-slide-room h2 { font-size: 14px; color: #fff; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: normal; position: static; }
.text-slide a, .text-slide-room a { display: block; line-height: 24px; position: absolute; bottom: 4%; left: 4%; background: #70716c; color: #eee; text-align: center; border-radius: 5px; padding: 0 15px }
.text-slide-room table { width: 100% }
.text-slide-room td { padding: 1% 0; }
img.btn-circle { width: 30px; height: auto; position: absolute; right: -15px; top: 44%; z-index: 11; }
.two-column { width: 48%; margin: 1%; float: left }
.two-column h2 { font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; font-size: 20px; font-weight: bold; margin: 0 0 15px 0 }
.amenities { width: 100%; margin-bottom: 20px }
.best-rate { width: 100%; margin-bottom: 0 }
.amenities img { width: 96%; height: auto; margin: 0 3% 15px 2% }
.list50 { width: 46%; float: left; padding: 0 2% }
.list-full { width: 96%; float: left; padding: 0 2% }
.list50 ul, .list-full ul, .list-sitemap ul { width: 100%; float: left; margin: 0 0 25px 0 }
.list50 li, .list-full li, .list-sitemap li { padding: 8px 0 8px 15px; border-bottom: 1px solid #eee; font-size: 12px; background: url(../images/list.png) top left no-repeat }
.list-full li { font-size: 13px }
.list-sitemap { width: 30%; float: left; padding: 0 2% }
.list-sitemap p { font-size: 13px!important; margin: 0!important }
.list-sitemap h2 { font-size: 14px!important; color: #333!important; margin: 0 0 3px 0!important }
.list-sitemap h3 { font-size: 14px!important; color: #333!important; margin: 0 0 5px 10px !important }
.list-sitemap h4 { font-size: 13px!important; margin: 0 0 7px 10px!important; font-weight: normal!important }
ul.list { width: 100%; margin: 0 0 15px 0 }
.list li { padding: 3px 0 0 12px; background: url(../images/list2.png) top left no-repeat; margin-left: 15px }
.best-rate h2 { margin: 0; line-height: 20px }
.best-rate h3 { margin: 0; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #707070 }
.best-rate hgroup { display: block; height: 40px; padding: 0 0 0 45px; background: url(../images/icon-bestrate.png) left top no-repeat; margin: 0 0 15px 0 }
.best-rate img { width: 90%; height: auto; margin: 0 5% 15px 5% }
.best-rate a { color: #ef7f11; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.best-rate a:hover { text-decoration: underline }
a.book-room { display: block; background: #ef7f11; color: #fff; width: 140px; font-size: 20px; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; text-align: center; margin: 15px 0 0 0; padding: 5px 7px 0 7px }
.book-room:hover { background: #ff8712; color: #fff; text-decoration: none!important }
.policies { width: 100%; margin: 0; padding-top: 100px; background: url(../images/bg-policies.jpg) right top no-repeat }
.two-column2 { width: 68%; margin: 1%; float: left; }
.two-column2 q { text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 5px !important; display: block; font-style: italic }
aside { width: 28%; margin: 1%; float: left; background: #eaeae8; }
aside img { width: 100%; height: auto; margin: 0 0 -5px 0 }
.pavilion { width: 92%; padding: 4% }
.pavilion h3 { font-family: 'PT Sans', sans-serif; margin: 0; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px }
.pavilion h4 { font-size: 12px; font-weight: bold; margin-bottom: 3px; text-transform: uppercase; }
.pavilion ul { margin: -10px 0 0 0 }
.pavilion li { padding: 8px 0 6px 15px; border-bottom: 1px solid #eadbc4; background: url(../images/list.png) top left no-repeat }
.share2 { width: 92%; padding: 4% 4% 0 4%; background: white; font-size: 12px }
.two-column2 h2, .one-column h2 { text-transform: uppercase; font-size: 20px; font-weight: bold; margin: 0 0 5px 0; color: #ef7f11 }
.two-column2 h3 { text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; }
.one-column { width: 98%; margin: 1%; float: left; }
.one-column table { background: #666; width: 100%; margin-bottom: 10px }
.one-column th, .one-column td { padding: 1%; text-align: center; vertical-align: middle }
.one-column th { background: #dcdcdc; font-weight: bold; text-transform: uppercase; }
.one-column td { background: #fff }
.one-column h3 { text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 15px 0 5px 0; color: #333; }
.one-column h4 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #333; }
.one-column a { text-decoration: underline }
img.pic-alone { width: 60%; height: auto; margin: 0 40% 10px 0 }
img.thumb { width: 50%; height: auto; margin: 0 10px 0 0; float: left }
.text-with-thumb { width: 58%; float: left }
.city-line { color: blue; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.accent-u { font-style: italic; text-decoration: underline; }
.accent-i { color: #ef7f11; font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.express-line { color: red; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
td.alt-td { background: #f2f2f2 }
td.a-left, th.a-left { text-align: left }
img.thumb40 { width: 40%; margin-right: 10px; float: left }
ul.menu-hili { width: 100% }
.menu-hili li { width: 19%; display: inline; float: left; margin: 0 .5%; text-align: center; font-size: 11px }
.menu-hili img { width: 100%; border: 2px solid #fff }
.pavilion a { display: block; width: 100%; line-height: 24px; background: #ef7f11 url(../images/bg-reserve.jpg) repeat-x; color: #eee; text-align: center; border-radius: 5px; text-transform: uppercase }
.iframe-rwd { position: relative; padding-bottom: 41%; padding-top: 30px; height: 0; overflow: hidden; }
.iframe-rwd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.note { font-size: 11px }
.accent { font-size: 18px; font-weight: bold; color: #fff }
a.btn-big { display: block; background: #333 url(../images/bg-book3.png) right no-repeat; color: #eee; padding: 0 30px 0 20px; line-height: 40px; border-radius: 10px; font-size: 14px; float: right; margin-left: 10px; text-decoration: none }
.btn-big:hover { background: #666 url(../images/bg-book3.png) right no-repeat; }
a.btn-print { display: block; width: 180px; background: #333 url(../images/bg-print.png) left no-repeat; color: #eee; padding: 0 0 0 50px; line-height: 40px; border-radius: 10px; font-size: 14px; text-decoration: none }
.btn-print:hover { background: #666 url(../images/bg-print.png) left no-repeat }
img.book-your-stay { width: 150px; height: auto; margin: 0; position: absolute; right: 0; top: 0 }
hgroup.text-slide2 { display: block; position: absolute; bottom: 10%; left: 10%; width: 350px; margin: 0 }
.text-slide2 { color: #333; font-size: 35px; font-weight: bold; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; line-height: 40px; font-family: PT Sans Narrow; text-transform:
}
.inside-tips { padding: 15px; margin-bottom: 10px; background: url(../images/bg-head.png) top left no-repeat }
.inside-tips p { padding: 0 10px }
.inside-tips h3 { color: #fff; font-size: 30px; margin: 10px 0 35px 10px; }
.what-else-can-I-book-online { padding: 4% 7% 3% 5%; margin: 0; text-align: center; background: url(../images/bg-head2.png) top left no-repeat; background-size: 100% 100%; width: 88%; color: #eee }
.what-else-can-I-book-online a { color: #ef7f11 }
.what-else-can-I-book-online h3 { color: #ef7f11; font-size: 18px }
img.banner-height { width: 27%; height: auto; position: absolute; right: 0; top: 0 }
.p-h-banner { width: 67%; }
.contact-form { display: block; float: left; width: 100%; }
.contact-field { width: 100%; min-height: 30px; margin-top: 10px; float: left }
.contact-field2 { margin-top: 10px; padding: 0 0 0 27% }
.contact-field label { display: block; float: left; width: 25%; line-height: 20px; text-align: right; padding-right: 15px }
.contact-field input[type="text"], .contact-field select, .contact-field2 input[type="text"], .contact-field input[type="email"] { height: 20px; padding: 0 0 0 5px; background: #eee; width: 37%; font-size: 13px; font-family: 'PT Sans', sans-serif; }
.contact-field select { width: 38%; }
.contact-field textarea { padding: 0 2px; background: #eee; width: 37%; height: 75px; font-size: 13px; font-family: 'PT Sans', sans-serif; }
.contact-field2 input[type="submit"], .contact-field2 input[type="reset"] { display: block; color: #fff; padding: 5px; font-weight: bold; background: #4d4d4d; border: none; cursor: pointer; float: left; margin: 15px 15px 0 0; border-radius: 5px }
.contact-field2 input[type="submit"]:hover, .contact-field2 input[type="reset"]:hover { background: #333; }
.contact-field2 img { margin: 15px 0 5px 0 }
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 }
.promotion-package { width: 96%; background: #fff; margin: 0 0 15px 0; padding: 2% }
.promotion-package a { text-decoration: underline }
.promotion-package h2 { font-family: 'PT Sans', sans-serif; margin: 0; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; color: #ef7f11 }
.promotion-package h3 { font-family: 'PT Sans', sans-serif; margin: 0; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.promotion-package img { width: 34%; height: auto; float: left; margin-right: 2% }
.promotion-detail { width: 35%; float: left; margin-right: 1% }
.promotion-detail strong { font-weight: normal; color: #fc0 }
.promotion-detail ul { margin: 0 0 10px 3px }
.promotion-detail ul strong { color: #000; font-weight: bold }
.promotion-detail li { list-style: url(../images/list3.png); margin: 0 0 0 15px; padding: 0 0 3px 0 }
.promotion-price { width: 25%; float: left; background: #444; border-radius: 5px; position: relative; padding: 1.5%; color: #eee }
.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 }
.price-net2 { font-size: 14px; font-weight: bold }
.price-day { font-size: 13px; float: right; width: 40%; display: block; text-align: right; line-height: 23px; }
.per-day { font-size: 13px; color: #eee; margin-left: 10px; font-weight: normal }
.price-extra { font-size: 12px; float: left; text-align: center; background: rgba(255,190,40,.8); padding: 2%; width: 96%; margin: 7px 0 0 0; border-radius: 3px; font-weight: bold }
.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 }
.promotion-book { width: 100%; float: left; margin-top: 10px }
img.btn-book2 { width: auto; height: 30px; float: right; margin: 15px 0 0 0 }
img.walk { width: auto; height: 20px; }
img.shuttle { width: auto; height: 20px; margin-right: 3px }
img.bts { width: auto; height: 20px }
.gallery { padding-bottom: 25px }
.gallery img { width: 19.4%; height: auto; margin: .06% .1% }
h1.head { font-size: 22px; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc }
img.donmuang { margin: 0 0 0 10px; width: 40%; height: auto; float: right }
img.icon-taxi { float: right; margin: 0 }
li.list-bus { list-style: none; margin-left: 17%; }
li.list-taxi { list-style: none; margin-left: 17%; }
img.btn-mobile-book { display: none }
.x-pc { display: none }
.col-rec { width: 31%; margin: 1%; float: left }
.rec1, .rec2 { width: 100%; margin: 0 0 15px 0; float: left }
.rec1 img { width: 60%; height: auto; margin: 0 20% 10px 20% }
.rec2 img { width: 80%; height: auto; margin: 0 10% 10px 10% }
.rec1 p:first-letter, .rec2 p:first-letter { display: block; margin: -5px 3px 0 0; float: left; color: #ef7f11; font-size: 3.5em; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; }
.rec1 strong, .rec2 strong { font-weight: bold; font-size: 16px; color: #ef7f11 }
.do h2 { color: #fff; padding: 10px 0 5px 10px; font-size: 22px; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; margin-bottom: 10px; background: #006600 }
.dont { background: #ffeee1 }
.dont h2 { color: #fff; background: #900; padding: 10px 0 5px 10px; font-size: 22px; font-weight: bold; font-family: 'PT Sans Narrow', sans-serif; margin-bottom: 10px }
.dont .rec1 p:first-letter, .dont .rec2 p:first-letter { color: #900 }
.how-to-book { }
.how-to-book p { }
/*.how-to-book h2 {background:#ef7f11; color:#fff; clear:both; margin:0 0 15px -25px; padding:10px 10px 7px 10px; float:left}*/
.how-to-book h2 { }
p.p-wide { float: left; width: 100%; margin-top: 15px }
.senior-code { float: right; width: 140px; color: #333; background: url(../images/bg-senior.png) no-repeat; background-size: 100% 100%; font-size: 11px; margin: 15px 0 0 0; padding: 5px 15px 5px 5px }
.senior-code span { font-size: 18px; color: #fff; font-weight: bold }
a.senior-btn { display: block; position: absolute; top: 25px; right: 2%; padding: 5px 10px 3px 10px; border-radius: 10px; background: url(../images/bg-senior2.png) repeat-x top; font-size: 18px; color: #fff; font-family: 'PT Sans Narrow'; font-weight: bold; text-decoration: none; text-transform: uppercase }
a.cash-back-btn { display: block; position: absolute; top: 65px; right: 2%; padding: 5px 10px 3px 10px; border-radius: 10px; background: url(../images/bg-btn2.jpg) repeat-x top; font-size: 18px; color: #fff; font-family: 'PT Sans Narrow'; font-weight: bold; text-decoration: none; text-transform: uppercase }
.senior-btn img, .cash-back-btn img { width: auto; height: 18px; margin-left: 10px; padding-left: 5px; border-left: 1px solid #be5c00; float: right }
footer { width: 100%; max-width: 1500px; margin: 0 auto; position: relative; background: #000; float: left; padding: 20px 0 }
footer p { margin: 0 0 0 20%; font-size: 11px; color: #666; line-height: 18px }
footer span { font-size: 11px; color: #666; position: absolute; right: 0; bottom: 20px }
footer a { color: #666 }
footer a:hover { color: #eee }
/* show hide button */
.menu-toggle { width: 30px; height: 30px; text-indent: -99999px; cursor: pointer; position: absolute; opacity: 1; right: 4%; top: 44%; -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/btn-hide.png) 0 top; }
.menu-toggle-on { background: url(../images/btn-show.png) 0 bottom; right: -15px; }
.clear { clear: both }


/*
shadowbox.css
*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png);}
#add-nav{position: absolute;top: 35%;z-index: 100;height: 100px;display: block;width: 100%;}
#sb-nav-next{background:url(icon-next.png) right no-repeat; float:right; width:40px; height:100%; cursor:pointer}
#sb-nav-previous{background:url(icon-prev.png) left no-repeat; float:left; width:40px; height:100%; cursor:pointer}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/*SimplejQueryDropdowns/css/dd-style.css*/
/*
	LEVEL ONE
*/
ul.dropdown { height: 23px; position: absolute; z-index: 99; background: url(../../images/icon-world.png) no-repeat left #333; border-radius: 5px; right: 0; top: -5px; font-size: 10px; text-transform: uppercase; text-align: left; padding: 0 0 0 20px; }
ul.dropdown a { text-decoration: none }
ul.dropdown li { font-weight: bold; float: left; zoom: 1; line-height: 17px; width: 110px; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a { display: block; padding: 4px 8px; color: #ccc; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { color: black; position: relative; }
ul.dropdown li.hover a { color: #ccc; }
/* 
	LEVEL TWO
*/
ul.dropdown ul { visibility: hidden; position: absolute; top: 99%; left: -20px; margin: 0 0 0 5px }
ul.dropdown ul li { font-weight: normal; line-height: normal; text-align: left; }
ul.dropdown ul li img { width: 15px; height: 10px; float: left; margin-right: 10px }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { color: #ccc !important; text-transform: uppercase; border-right: none; width: 110px; display: inline-block; background: url(http://baiyokesky.baiyokehotel.com/images/bg-ie-black.png); padding: 5px; }
ul.dropdown ul li a:hover { color: #fff !important; text-transform: uppercase; border-right: none; width: 110px; display: inline-block; background: #ef7f11 }
/*
	calendar.css 2015-11-19 merging
*/
/* calendar icon */
img.tcalIcon { cursor: pointer; margin: 0 0 0 1%; vertical-align: bottom; width: 20%; height: 17px; max-width: 23px }
/* calendar container element */
div#tcal { position: fixed; visibility: hidden; z-index: 10000 !important; width: 158px; padding: 2px 0 0 0; margin: 0; }
/* all tables in calendar */
div#tcal table { width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white; }
/* navigation table */
div#tcal table.ctrl { border-bottom: 0; }
/* navigation buttons */
div#tcal table.ctrl td { width: 15px; height: 20px; }
/* month year header */
div#tcal table.ctrl th { background-color: white; color: black; border: 0; }
/* week days header */
div#tcal th { border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white; }
/* date cells */
div#tcal td { border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer; color: #333 }
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth { color: silver; }
div#tcal td.weekend { background-color: #ACD6F5; }
div#tcal td.today { border: 1px solid red; }
div#tcal td.selected { background-color: #FFB3BE; }
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF { position: absolute; visibility: hidden; z-index: 98; border: 0; }

/*

script-flexslider/flexslider.css

 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/

/*text on slide */
.slider { margin-bottom: 30px; }
.flexslider {background:#fff url(../images/bg-logo.gif) center no-repeat; *min-height:240px;}
.flexslider {margin: 0; position: relative; zoom: 1;min-height: 240px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; display:none}
.flex-direction-nav a {width: 25px; height: 57px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 100; cursor: pointer; text-indent: -9999px; opacity:0.5; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 2%; }
.flex-direction-nav .flex-prev {left: 2%;}
.flexslider:hover .flex-next {opacity: 0.8; right: 3%;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 3%;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -25px; text-align:right; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 15px; height: 15px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); color:rgba(0,0,0,0)}
.flex-control-paging li a:hover { background: #333; background: rgba(239,127,17,1); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(239,127,17,1); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/* short screen */
@media only screen and (max-height : 630px) {
}


/* all smartphones */
@media only screen and (max-width : 767px) {
body { background: #000!important; min-width: 275px }
.x-pc, .main-select-menu { display: block; }
.book-online, .x-phone, .x-mobile, #supersized, #thumb-tray { display: none !important }
.topbar ul { padding: 0; }
.topbar { font-size: 10px; height: 20px; position: absolute; top: 0; width: 100%; z-index: 100; }
.topbar ul { float: left; margin: 3px 0 0; }
.topbar li { display: inline; text-align: left; }
.topbar a { font-size: 10px; padding: 0 3px; }
img.book-your-stay { display: none }
.wrap { margin: 53px 0 0 0; position: relative; width: 100%; }
header { height: 150px; top: 20px; left: 0; min-width: 90px; position: absolute; width: 100%; background: url("../images/bg-header.png") repeat-x scroll left bottom #444444; }
img.logo { height: auto; margin: 10px 3% 10px 3%; position: static; width: 150px; }
.content { margin: 325px 0 0 0; width: 100%; }
nav { background: #444; margin: 0; width: 100%; padding: 3px 0 }
nav li { display: inline; float: left; margin: 0; text-align: center; width: 48%; padding: 2px 1% }
nav li a { background: #333; padding: 10px 0; display: block; border-radius: 5px }
.flexslider hgroup { display: none; }
.flexslider { min-height: 140px; }
.in-intro { padding: 15px 3%; width: 94%; }
.in-intro p { width: 100%; }
img.book-direct { display: none }
.maincontent { margin: 0 3%; padding: 3% 0; width: 94%; }
.three-column { background: none repeat scroll 0 0 #FFFFFF; height: inherit; margin: 2% 0; position: relative; width: 100%; padding: 0 0 35px 0 }
.three-column img { display: none }
.social { margin: 3%; padding: 0; position: relative; width: 94%; }
.in-social { margin: 0 0 40px; height: inherit; position: relative; width: 100%; }
.baiyoke-group { margin: 15px 3% 10px 3%; padding: 0 0 20px; width: 94%; }
.baiyoke-hotel { margin: 0 0 15px; width: 100%; }
.content-footer { display: none }
footer p { margin: 0 0 0 3%; text-align: center }
footer span { display: none }
.gallery img { width: 49%; height: auto; margin: .06% .1% }
.left-menu { margin-right: 0; width: 100%; }
.detail { width: 100%; }
.in-detail-slide { border: none }
.text-slide, .text-slide-room { background: #333; padding: 2% 2% 40px 2%; width: 96%; right: 0; position: static }
.menu-toggle { display: none!important }
.in-detail { border: none; width: 98%; }
.two-column { width: 98%; }
.policies { background: none; margin: 0; padding-top: 15px }
.text-slide hgroup, .text-slide-room hgroup, .get-around-text hgroup { display: block !important; }
.promotion-package img { display: none }
.promotion-detail { margin-right: 0; width: 100%; }
.promotion-price { width: 97%; }
img.btn-book2 { display: block; float: right; height: 30px; margin: 15px 0 0; width: auto; }
.detail-dining { width: 100% }
.detail-dining .three-column { height: inherit; }
.two-column2, aside { width: 98%; }
img.thumb40 { margin-right: 0; width: 100%; margin: 0 0 15px 0 }
table.tb60 { width: 100%; }
.in-intro2 { padding: 15px 3%; width: 94%; margin: 0 }
.in-intro2 p { border-right: none; padding: 0; width: 100%; margin: 0 0 40px 0 }
.in-intro2 a { right: 3%; top: inherit; width: 80px; bottom: 10px }
.get-to-hotel { padding: 0 0 50px 0 }
.get-to-hotel img { display: block }
.get-to-hotel a img { display: none }
.get-around-text { background: #333; padding: 2%; position: static; width: 96%; }
.top-image { border: none; }
img.pic-alone { margin: 0; width: 100%; }
.text-with-thumb { width: 100%; }
a.btn-big { background: none #333333; margin: 0 0 15px 0; padding: 0; text-align: center; width: 100%; }
.one-column td img { display: none }
img.donmuang, img.pic-alone, img.icon-taxi { display: none }
img.get-around-img { width: 98%; }
.top-image { min-height: inherit; }
img.banner-height { display: none }
.p-h-banner { width: 100%; }
.contact-field label { padding-right: 0; text-align: left; width: 100%; }
.contact-field input[type="text"], .contact-field select, .contact-field2 input[type="text"], .contact-field input[type="email"] { padding: 0; width: 99%; }
.contact-field textarea { padding: 0; width: 99%; }
.contact-field2 { margin-top: 10px; padding: 0; }
.three-column ul li { margin-left: 55px; }
.three-column ul img { width: 40px; }
img.btn-mobile-book { display: block; width: 100px; height: auto; position: absolute; right: 0; top: 50px }
img.map { display: none }
.col-rec { width: 100%; margin: 0; float: left }
.list-sitemap { width: 96%; float: left; padding: 0 2% }
a.senior-btn { display: none }
img.icon-new { display: none }
ul.dropdown { right: 3%!important; top: 25px!important; }
a.cash-back-btn { top: 50px; right: inherit; left: 2% }
}

/* mini smartphones (portrait) */
@media only screen and (max-width : 320px) {
}

/*  ipad portrait,tablet and small screen*/
@media only screen and (min-width : 768px) and (max-width : 1023px) {
.dropdown { display: none !important }
.topbar ul { margin: 12px 100px 0 0; }
header { width: 20%; }
.content { width: 79%; margin: 0 0 0 21% }
img.book-direct { position: absolute; bottom: 10px; margin: 0; right: 6%; width: 220px; border: none; padding: 0 }
.in-intro2 a { bottom: 15px; right: 7%; top: inherit; width: 130px; width: 75px }
.maincontent { width: 92%; margin: 15px 4%; }
.in-intro, .in-intro2 { width: 92%; padding: 15px 5% 70px 5%; }
.three-column { height: 330px; margin: 0 1% 2% 1%; width: 48%; }
.in-intro p, .in-intro2 p { border-right: none; padding: 0 0 0 0; width: 100%; }
.in-social p { height: 90px; }
footer p { margin: 0 0 0 25% }
footer span { display: none }
.book-online { width: 17%; left: 4%; }
.checkin, .checkout { width: 100%; margin: 10px 0 0 0 }
.checkin input, .checkout input { width: 75%; }
.book-online .submit { font-size: 12px }
.share { float: left; margin-top: 5px }
.flexslider hgroup { top: 50%; }
.flexslider h1 { color: #fff; font-size: 30px; }
.flexslider h2 { color: #fff; font-size: 18px }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { opacity: 1; }
.baiyoke-group { padding: 0 0 25px 0 }
.two-column { width: 98%; margin: 1%; float: left }
.text-slide, .text-slide-room { position: static; height: auto; width: 96%; color: #eee; padding: 2% 2% 50px 2%; margin: 0; background: #333 }
.get-around-text { position: static; height: auto; width: 96%; color: #eee; padding: 15px 2%; margin: 0; background: #333 }
.text-slide a, .text-slide-room a { bottom: 2%; left: 2%; }
.text-slide h3 { margin: 0; }
.text-slide-room hgroup { position: static; margin: 0 }
.menu-toggle { display: none }
.flexslider { background: #fff url(../images/bg-logo.gif) center no-repeat; min-height: 180px }
aside { width: 100%; margin: 15px 0 0 0; float: left; background: #eaeae8; }
.two-column2 { width: 100%; margin: 0; float: left; }
.text-slide-meeting { width: 95%; padding: 2% 1% 30px 4% }
.get-to-hotel { height: 370px }
.three-column { height: inherit; margin: 0 0 15px; padding: 0 0 30px; width: 100%; }
.three-column img { float: left; margin: 0 2% 0 3%; width: 50%; }
.three-column ul { margin: 0; width: 47%; left: inherit; right: 0; bottom: 10px; padding: 0 }
.three-column ul img { display: none }
li.list-taxi { margin: 0 0 0 -100% !important; }
.three-column ul li { list-style: disc; margin-left: 25px }
.three-column table { float: left; margin: 0; width: 45%; }
a.btn-detail { left: inherit; right: 0; }
.left-menu { margin: 0 0 15px; width: 100%; }
.detail { width: 100%; }
.room-menu { width: 30%; float: left; margin: 0 1% }
img.get-around-img { float: right; margin: 25px 10px 0; width: 40%; }
img.banner-height { display: none }
.p-h-banner { width: 100%; }
.adultinput, .roominput, .childinput { width: 33%; }
.promotion-code input { width: 64%; }
.gallery img { width: 19.2%; height: auto; margin: .06% .1% }
ul.dining-list li, ul.meeting-list li { float: left; margin: 0 1%; width: 48%; }
.menu-toggle { display: none !important }
.text-with-thumb { width: 100%; }
img.thumb40 { margin: 0 0 10px; width: 60%; }
.list-sitemap { width: 96%; float: left; padding: 0 2% }
.senior-code { width: 96%; padding: 2% }
}
/*small PC screen*/
@media only screen and (min-width : 768px) and (max-width : 1023px) and (max-height : 730px) {
}

/* ipad landscape, 1024-1100 screen */
@media only screen and (min-width : 1024px) and (max-width : 1100px) {
.maincontent { width: 92%; margin: 15px 4%; }
header { width: 20%; }
img.book-direct { position: absolute; bottom: 10px; margin: 0; right: 6%; width: 220px; border: none; padding: 0 }
.in-intro2 a { bottom: 15px; right: 7%; top: inherit; width: 130px; width: 75px }
.in-intro, .in-intro2 { width: 92%; padding: 15px 5% 70px 5%; }
.in-intro p, .in-intro2 p { border-right: none; padding: 0 0 0 0; width: 100%; }
.in-social p { height: 90px; }
.content { width: 79%; margin: 0 0 0 21% }
.book-online { width: 16%; left: 5%; }
footer p { margin: 0 0 0 23%; }
.flexslider hgroup { top: 50%; }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { opacity: 1; }
.policies { padding-top: 30px; background: none }
.text-slide, .text-slide-room { position: static; height: auto; width: 96%; color: #eee; padding: 2% 2% 50px 2%; margin: 0; background: #333 }
.text-slide a, .text-slide-room a { bottom: 2%; left: 2%; }
.text-slide h3 { margin: 0; }
.text-slide-room hgroup { position: static; margin: 0 }
.menu-toggle { display: none }
.list50 { width: 96%; }
.detail-dining .three-column { height: 400px; }
.flexslider { background: #fff url(../images/bg-logo.gif) center no-repeat; min-height: 200px }
.text-slide-meeting { width: 95%; padding: 2% 1% 30px 4% }
.three-column ul { position: absolute; bottom: 5px; left: 7px; width: 95%; display: block }
.three-column ul img { width: 40px }
.three-column ul li { list-style: disc; margin-left: 55px }
.left-menu { margin: 0 0 15px; width: 100%; }
.detail { width: 100%; }
.room-menu { width: 30%; float: left; margin: 0 1% }
.get-around-text { width: 42%; position: absolute; height: 100%; top: 0; z-index: 10; color: #eee; padding: 0 2% }
.checkin, .checkout { width: 100%; margin: 10px 0 0 0 }
.checkin input, .checkout input { width: 80%; }
.adultinput, .roominput, .childinput { width: 30%; }
.promotion-code input { width: 64%; }
.dining { height: 350px }
ul.dining-list li, ul.meeting-list li { float: left; margin: 0 1%; width: 48%; }
}

/* desktop over 1600 */
@media only screen and (min-width : 1601px) {
.wrap { margin: 0 auto; position: relative; }
header { position: absolute; left: 0; top: 0 !important; width: 17.5% }
img.logo { margin: 20px 10%; width: 80%; }
.book-online { position: static; width: 80%; margin: 40px auto 0 auto; padding: 2% }
}

/* desktop */
@media only screen and (min-width : 1101px) and (max-width : 1279px) {
.get-around-text { width: 42%; right: 0 }
img.get-around-img { width: 52%; height: auto }
.dining { height: 350px }
}

/*super small PC screen*/
@media only screen and (min-width : 768px) and (max-height : 630px) {
header { position: absolute; left: 0; width: 17.5% }
.book-online { position: static; width: 80%; margin: 40px auto 0 auto; padding: 2% }
.checkin, .checkout { width: 100%; margin: 10px 0 0 0 }
.checkin input, .checkout input { width: 80%; }
}