/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

.clearfix:before, .container:before, #main-menu:before, .slider-container:before, .home-image-banner:before, .page-nearby .nearby-tab .tab-header:before, .page-nearby .nearby-tab .tab-body-item .nearby-list:before, .page-gallery .gallery-container:before, .page-gallery .gallery-items:before, .page-facilities .facilities-image:before, .floor-plan-page .floor-item:before, .clearfix:after, .container:after, #main-menu:after, .slider-container:after, .home-image-banner:after, .page-nearby .nearby-tab .tab-header:after, .page-nearby .nearby-tab .tab-body-item .nearby-list:after, .page-gallery .gallery-container:after, .page-gallery .gallery-items:after, .page-facilities .facilities-image:after, .floor-plan-page .floor-item:after { content: " "; display: table; }
.clearfix:after, .container:after, #main-menu:after, .slider-container:after, .home-image-banner:after, .page-nearby .nearby-tab .tab-header:after, .page-nearby .nearby-tab .tab-body-item .nearby-list:after, .page-gallery .gallery-container:after, .page-gallery .gallery-items:after, .page-facilities .facilities-image:after, .floor-plan-page .floor-item:after { clear: both; }

@font-face { font-family: 'DBSurawongX'; src: url("/site/assets/font/DBSurawongX.eot?#iefix") format("embedded-opentype"), url("/site/assets/font/DBSurawongX.woff") format("woff"), url("/site/assets/font/DBSurawongX.ttf") format("truetype"), url("/site/assets/font/DBSurawongX.svg#DBSurawongX") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'helvethaica_x_reg'; src: url("/site/assets/font/DBHelvethaicaX-55Regular.eot?#iefix") format("embedded-opentype"), url("/site/assets/font/DBHelvethaicaX-55Regular.woff") format("woff"), url("/site/assets/font/DBHelvethaicaX-55Regular.ttf") format("truetype"), url("/site/assets/font/DBHelvethaicaX-55Regular.svg#DBHelvethaicaX-55Regular") format("svg"); font-weight: normal; font-style: normal; }
.icon.icon-avshow { background: url("../images/play_ico.png") no-repeat center center; width: 35px; height: 35px; display: inline-block; vertical-align: inherit; }

/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bxslider { list-style: none; padding: 0; margin: 0; }

.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1;margin-top:150px; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

* { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { background: #281D1A url("../images/bg2.jpg") repeat center top fixed;    background-blend-mode: difference; }

.container { width: 980px; margin: 0 auto; position: relative; }

body { font-family: DBSurawongX, "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; font-size: 21px; line-height: 1.42857; color: #9B8B81; padding-top: 0px; }

.html.eng body{
	font-family: "Times New Roman", "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; font-size: 16px;
}

a { text-decoration: none; color: #9B8B81; }

:focus { outline: none; }

::-moz-focus-inner { border: 0; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

#footer { background-color: #100B0B; border-top: solid 7px #2C1C16; text-align: center; color: #402D20; line-height: 85px; position: relative; }
#footer p { padding: 0; margin: 0; }
#footer .js-back-to-top { background: url("../images/top.png") no-repeat center center; width: 32px; height: 16px; display: inline-block; vertical-align: inherit; position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; }

#site-logo { background: url(../images/shadows02.png) no-repeat left bottom; }
#site-logo h1 { margin: 0; }
#site-logo a { background: url("../images/logo.png") no-repeat center center; width: 220px; height: 100px; display: inline-block; vertical-align: inherit; margin-top: 40px; }
.backto a img{
    width: 39px;
    margin: 3px 8px 0 0;
    float: left;
    }
    .backto{
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(90, 63, 43, 0.8), rgba(16, 11, 11, 0.18) 90%);
    padding: 6px 12px 9px 17px;
    border-radius: 0 0 10px 10px;
    }
.backto a span{
    padding: 0 0 0 0;
    float: left;
    display: block;
    margin: 4px 0 0 0;
   }
#header { position: relative; height: 125px; width: 100%; }
#header #access { position: absolute; right: 0; bottom: 3px; }
#header.sticky { top: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#header .container { z-index: 1; }
#header #haderbg { top: -125px; width: 100%; background-repeat: no-repeat; background-color: #160e0e; z-index: 1000; height: 150px; border-top: 4px solid #5f4431; box-shadow: 1px 1px 8px #190f0d; position: absolute; z-index: 0; }

#main-menu { margin: 0; padding: 0; list-style: none; }
#main-menu li { float: left; width: 81px; line-height: 28px; position: relative; text-align: center; margin: 0 1px; }
#main-menu li a.nav-link { display: block; color: #8C6D4D; background: transparent url("../images/u51603-grad.png") repeat-x left top; background: -webkit-gradient(linear, center top, center bottom, from(rgba(90, 63, 43, 0.72)), color-stop(90%, rgba(16, 11, 11, 0.18))); background: -webkit-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -moz-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -ms-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -o-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: linear-gradient(to bottom, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); border-style: solid; border-color: #4D3422; border-width: 2px 0px 1px; }
#main-menu li a.nav-link:hover { background: transparent url("../images/u51603-r-grad.png") repeat-x left top; background: -webkit-gradient(linear, center top, center bottom, from(rgba(112, 80, 57, 0.72)), color-stop(90%, rgba(16, 11, 11, 0.18))); background: -webkit-linear-gradient(top, rgba(112, 80, 57, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -moz-linear-gradient(top, rgba(112, 80, 57, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -ms-linear-gradient(top, rgba(112, 80, 57, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -o-linear-gradient(top, rgba(112, 80, 57, 0.72), rgba(16, 11, 11, 0.18) 90%); background: linear-gradient(to bottom, rgba(112, 80, 57, 0.72), rgba(16, 11, 11, 0.18) 90%); border-color: #755C4C; }
#main-menu li.active a.nav-link { background: transparent url("../images/u51603-grad.png") repeat-x left top; background: -webkit-gradient(linear, center top, center bottom, from(rgba(90, 63, 43, 0.72)), color-stop(90%, rgba(16, 11, 11, 0.18))); background: -webkit-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -moz-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -ms-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: -o-linear-gradient(top, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); background: linear-gradient(to bottom, rgba(90, 63, 43, 0.72), rgba(16, 11, 11, 0.18) 90%); border-style: solid; border-color: #927763; position: relative; border-width: 2px 0px 1px; }
#main-menu li.state-hover .sub-menu { display: block; }
#main-menu li .sub-menu { position: absolute; z-index: 999; left: 0; top: 28px; display: none; margin: 0; padding: 0; list-style: none; }
#main-menu li .sub-menu li { text-align: left; }
#main-menu li .sub-menu a { width: 150px; border-style: solid; border-color: #483323; background-color: #5A3F2B; padding-bottom: 11px; position: relative; border-width: 2px 0px 0px; display: block; padding: 0 5px; color: #9E7F5E; }
#main-menu li .sub-menu a:hover { background-color: #705039; }
#main-menu li.nav-lang-switcher { text-align: right; width: 70px; }

html.thai #main-menu li { width: 95px; }
html.thai #main-menu li a.nav-link { font-size: 0.95em; }
html.thai #main-menu li.nav-lang-switcher { text-align: right; width: 70px; }
html.thai #main-menu li.nav-contact .sub-menu a { width: 170px; }

.lang-switcher { color: #8C6D4D; }
.lang-switcher .lang-switcher-thai, .lang-switcher .lang-switcher-eng { display: inline-block; }
.lang-switcher .lang-switcher-thai a, .lang-switcher .lang-switcher-eng a { color: #8C6D4D; }
.lang-switcher .lang-switcher-thai.selected a, .lang-switcher .lang-switcher-thai a:hover, .lang-switcher .lang-switcher-eng.selected a, .lang-switcher .lang-switcher-eng a:hover { color: #8C6D4D; text-decoration: underline; }
.lang-switcher .lang-switcher-eng:after { content: " | "; padding: 0 1px; text-align: center; }

.btn.btn-discover { display: inline-block; line-height: 25px;    font-size: 22px; color: #845432; border: solid 1px #6D3E1D; padding: 2px 15px;font-family: helvethaica_x_reg; }
.btn.btn-discover:hover { color: #be9265; border-color: #be9265; }

.bxslider .btn.btn-discover { border-color: #BE9265; color: #BE9265; position: absolute; bottom: 30px; right: 81px; }
.bxslider .btn.btn-avshow { vertical-align: middle; position: absolute; bottom: 20px; left: 420px; color: #BE9265;font-family: helvethaica_x_reg;font-size: 22px; }

#bx-pager { margin: 2px -1px; position: relative; background: url(../images/shadows01.png) no-repeat left bottom; padding-bottom: 32px; }
#bx-pager a { display: inline-block; width: 25%; text-align: center; font-size: 22px; }
#bx-pager a span { margin: 0 1px; border: solid 1px #6D3E1D; color: #815434; line-height: 28px; display: block; }
#bx-pager a.active span, #bx-pager a:hover span { border: solid 1px #BE9265; color: #BE9265; }

.textheadgold28, .textheadgold30, .main-container h1.lead-header, .textheadgold23, .textheadgold20 { font-weight: normal; font-family: helvethaica_x_reg; color: #be9265; line-height: 1em; margin: 0; }

.textheadgold28 { font-size: 38px !important; }

.textheadgold30, .main-container h1.lead-header { font-size: 40px !important; }

.textheadgold23 { font-size: 33px !important; }

.textheadgold20 { font-size: 30px !important; }

.textheaddarkgold28 { font-size: 38px !important; font-weight: normal; font-family: helvethaica_x_reg; color: #79553b; line-height: 1em; }

.textheaddarkgold30 { font-size: 40px !important; font-weight: normal; font-family: helvethaica_x_reg; color: #79553b; line-height: 1em; }

.textheaddarkgold20 { font-size: 30px !important; font-weight: normal; font-family: helvethaica_x_reg; color: #79553b; line-height: 1em; }

.textheaddarkgold23 { font-size: 33px !important; font-weight: normal; font-family: helvethaica_x_reg; color: #79553b; line-height: 1em; }

.text-gold, .page-development_team .team-table td { color: #be9265; }

.text-darkgold, .page-development_team .team-table th, .page-development_team .development-box p { color: #79553b; }

.slider-container { position: relative; z-index: 2; }

.main-container { position: relative; top: -30px; z-index: 1; }

.content-bg { z-index: -1; position: absolute; top: 0; width: 100%; left: 0; right: 0; }
.content-bg:before { background-image: url("../images/u11546-sprite.png"); height: 175px; overflow: visible; width: 980px; position: absolute; top: 0; content: " "; }
.content-bg:after { background-image: url("../images/u11546-sprite.png"); background-position: -980px top; height: 35px; overflow: visible; width: 980px; position: absolute; top: 175px; z-index: -1; content: " "; }

.content-bg2 { z-index: -1; position: absolute; top: 210px; width: 100%; left: 0; right: 0; }
.content-bg2:before { border-radius: 25px 25px 0 0; background-image: url("../images/u11546-sprite.png"); height: 500px; overflow: visible; width: 980px; position: absolute; top: 0; content: " "; }
.content-bg2:after { background-image: url("../images/u11546-sprite.png"); background-position: -980px top; height: 35px; overflow: visible; width: 980px; position: absolute; top: 500px; z-index: -1; content: " "; }

.main-container .lead-image img { width: 100%; height: auto; }
.main-container .header-section { padding: 30px 25px; }
.main-container .header-section h1.lead-header { margin: 10px 0 15px 0; text-align: center; }

.content-column { padding-bottom: 20px; }
.content-column h2.sub-header { margin: 10px 0; }
.content-column p { margin: 0 0 10px 0; line-height: 1em; }

.layout-2column { position: relative; }
.layout-2column .content-column { width: 650px; margin-right: 25px; float: right; }
.layout-2column .content-column h1.lead-header { text-align: right; margin: 45px 0 10px 0; }
.layout-2column .sidebar-content { width: 237px; float: left; }
.layout-2column .sidebar-content.sticky { top: 135px !important; }

.sidebar-content { margin: 40px 0 0 25px; }
.sidebar-content .sidebar-content-inner { z-index: 119; width: 240px; min-height: 320px; background: #1D110F url("../images/u46928-grad.png") repeat-x left top; background: -webkit-gradient(linear, center top, center bottom, from(#100B0B), color-stop(100%, #1D110F)); background: -webkit-linear-gradient(top, #100B0B, #1D110F 100%); background: -moz-linear-gradient(top, #100B0B, #1D110F 100%); background: -ms-linear-gradient(top, #100B0B, #1D110F 100%); background: -o-linear-gradient(top, #100B0B, #1D110F 100%); background: linear-gradient(to bottom, #100B0B, #1D110F 100%); border-style: solid; border-color: #36221B; -moz-border-radius: 0px 30px 30px 0px; -webkit-border-radius: 0px 30px 30px 0px; -khtml-border-radius: 0px 30px 30px 0px; border-radius: 0px 30px 30px 0px; padding-bottom: 54px; position: relative; margin-right: -10000px; border-width: 1px 10px 1px 1px; }
.sidebar-content ul { background: url(../images/left_menu_line2.png) no-repeat 9px 54px; list-style: none; padding: 25px 0; margin: 0; }
.sidebar-content ul li { text-align: center; }
.sidebar-content ul a { font-size: 1.1em; color: #815434; line-height: 41px; }
.sidebar-content ul li.active a, .sidebar-content ul a:hover { color: #be9265; }

.layout-1column .content-column h1.lead-header { text-align: center; margin: 40px 0 20px 0; }

.dot-list { list-style: none; padding: 0 0 0 15px; margin: 10px 0; }
.dot-list li { line-height: 1em; color: #79553b; position: relative; }
.dot-list li:before { content: " "; width: 8px; height: 8px; display: block; border-radius: 10px; background: #79553b; position: absolute; left: -15px; top: 7px; }

/* pages */
/* homepage */
.homepage-content { height: 1650px; overflow: hidden; }

.main-slider.bxslider { height: 359px; overflow: hidden; }

.home-image-banner { margin-bottom: 30px; }
.home-image-banner .image-banner-item-image { width: 650px; }
.home-image-banner .image-banner-item-image img { display: block; }
.home-image-banner .image-banner-item-desction { width: 312px; }
.home-image-banner.image-banner-left .image-banner-item-image { float: left; }
.home-image-banner.image-banner-left .image-banner-item-desction { float: right; }
.home-image-banner.image-banner-right .image-banner-item-image { float: right; }
.home-image-banner.image-banner-right .image-banner-item-desction { float: left; }
.home-image-banner.image-banner-middle .image-banner-item-image-1 { width: 326px; height: 254px; float: left; overflow: hidden; }
.home-image-banner.image-banner-middle .image-banner-item-image-2 { width: 326px; height: 254px; float: right; overflow: hidden; }
.home-image-banner.image-banner-middle .image-banner-item-desction { float: left; margin: 0 0 0 15px; width: 300px; }
.home-image-banner .content-box .context-box-header { color: #8d6950; line-height: 0.8em; margin-bottom: 10px; }
.home-image-banner .content-box .content-box-body { line-height: 1em; padding-bottom: 10px; }
.home-image-banner .content-box .content-box-body p { margin: 0 0 5px 0; }

/* map address */
.page-map_address .google-map-section { border-bottom: solid 1px #523f37; padding-bottom: 20px; }
.page-map_address .google-map-section iframe { width: 100%; }
.page-map_address .address-section { padding: 10px 0; }

.page-nearby .address-section { border-bottom: solid 1px #523f37; padding-bottom: 20px; }
.page-nearby .nearby-tab { margin-top: 20px; }
.page-nearby .nearby-tab .tab-header-item { display: inline-block; width: 104px; margin: 0 2px; float: left; text-align: center; border-width: 1px; border-style: solid; border-color: #A67C52; background-color: transparent; }
.page-nearby .nearby-tab .tab-header-item a { display: block; line-height: 33px; }
.page-nearby .nearby-tab .tab-header-item.active { border-color: #A67C52; background-color: #BE9265; }
.page-nearby .nearby-tab .tab-header-item.active a { color: #5F3818; }
.page-nearby .nearby-tab .tab-header-item a:hover { background-color: #C6904F; color: #FFFFFF; }
.page-nearby .nearby-tab.tab-active .tab-body-item { display: none; }
.page-nearby .nearby-tab.tab-active .tab-body-item.active { display: block; }
.page-nearby .nearby-tab .tab-body { padding: 10px 0; }
.page-nearby .nearby-tab .tab-body-item { width: 100%; border-style: solid; border-color: #1D120E; background-color: #241817; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; position: relative; padding: 20px 15px 60px 15px; border-width: 1px 1px 10px; }
.page-nearby .nearby-tab .tab-body-item h2 { margin: 0; }
.page-nearby .nearby-tab .tab-body-item .nearby-list { list-style: none; margin: 0 -10px; padding: 0; }
.page-nearby .nearby-tab .tab-body-item .nearby-list li { text-align: center; float: left; width: 50%; padding: 10px; }
.page-nearby .nearby-tab .tab-body-item .nearby-list li img { border-radius: 20px; overflow: hidden; display: block; width: 100%; height: auto; }
.page-nearby .nearby-tab .tab-body-item .nearby-list li h3 { margin: 5px 0; color: #be9265; font-weight: normal; }
.page-nearby .nearby-tab .tab-body-item .bts-wrap img { margin-right: 10px; margin-bottom: 50px; margin-top: 5px; }

/* enquiry_form */
#frmcontact th, #frmcontact td { text-align: left; }
#frmcontact th { padding-top: 15px; color: #BE9265; }
#frmcontact input { width: 100%; height: 25px; padding-left: 5px; text-align: left; border: 1px solid #79553B; background-color: #4e403c; color: #ececec; opacity: 0.8; }
#frmcontact input#code { width: 150px; }
#frmcontact select { width: 100%; height: 30px; color: #ececec; background-color: #4e403c; border: 1px solid #79553B; opacity: 0.8; }
#frmcontact textarea { width: 100%; height: 90px; padding-left: 5px; text-align: left; border: 1px solid #79553B; background-color: #4e403c; color: #ececec; opacity: 0.8; }
#frmcontact .code-txt { background-color: #F5F5F5; border: 1px solid #2C4465; color: #ecececececec; font-weight: bold; opacity: 0.5; padding: 3px 10px 3px; text-align: center; }
#frmcontact .btn-submit, #frmcontact .btn-clear { width: 70px; height: 23px; font-family: Helvetica; font-size: 12px; margin-left: 0px; text-align: center; background-color: #442A1E; color: #BE9265; border: 1px solid #6D3E1D; cursor: pointer; }
#frmcontact p.error { margin: 0; color: red; }

.video-container { z-index: 80; width: 100%; height: 575px; border-style: solid; border-color: #1D120E; background-color: #241817; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; position: relative; border-width: 8px 1px; padding: 15px 20px 0 20px; }

/* page news */
.page-news .content-bg:before { height: 75px; }
.page-news .content-bg:after { top: 75px; }
.page-news .news-box-wrap { padding-top: 20px; }
.page-news .news-box { background-color: #2e1e1b; border-color: #1d120e; border-radius: 20px; border-style: solid; border-width: 1px 1px 10px; display: block; height: auto; margin: 20px auto auto; padding: 10px 20px 30px 20px; text-align: left; width: 100%; }
.page-news h2 { margin: 0 0 10px 0; border-bottom: 1px dashed #492b25; padding-bottom: 4px; }
.page-news .news-lists { list-style: none; padding: 0; margin: 0; }
.page-news .news-lists .file-icon img { vertical-align: middle; }
.page-news .news-lists a { color: #815434; }
.page-news .news-lists a:hover { color: #be9265; }

.lightbox-container-body { position: relative; }

.lightbox-container { z-index: 10006; position: absolute; top: 150px; max-width: 70%; width: 1000px; margin: 0 auto; left: 0; right: 0; }
.lightbox-container .lightbox-close { cursor: hand; cursor: pointer; position: absolute; width: 30px; height: 30px; border-style: none; border-color: transparent; top: -30px; right: -30px; background: transparent url("../images/close_ico.jpg") no-repeat center center; }
.lightbox-container .lightbox-content { left: 0; right: 0; margin: 0 auto; display: block; }
.lightbox-container .lightbox-content img { width: 100%; height: auto; }

.lightbox-container-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.9); z-index: 10005; }

.page-gallery .gallery-container { overflow: hidden; position: relative; width: 100%; border-style: solid; border-color: #1D120E; background-color: #241817; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; position: relative; border-width: 8px 1px; padding: 15px 20px 0 20px; }
.page-gallery .gallery-container h2 { text-align: center; position: absolute; bottom: 75px; left: 0; right: 0; z-index: 900; width: 100%; }
.page-gallery .gallery-items { overflow: hidden; width: 100%; background-color: #241817; }
.page-gallery .button-wrapper { text-align: center; padding-bottom: 20px; position: absolute; top: 20px; left: 0; right: 0; z-index: 900; }
.page-gallery .btn-gallery { display: inline-block; width: 150px; min-height: 28px; border-width: 1px; border-style: solid; border-color: #BE9265; color: #BC7444; text-align: center; line-height: 28px; }
.page-gallery .btn-gallery.active { background-color: #442A1E; border-color: #6D3E1D; color: #BC7444; }
.page-gallery .fotorama__nav-wrap { position: relative; top: -25px; padding: 20px 0 0 0; }

.project-page .content img { max-width: 100%; }
.project-page .project-list-box { width: 100%; border-style: solid; border-color: #1D120E; background-color: #241817; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; position: relative; border-width: 1px 1px 6px; padding: 10px 20px 20px 20px; margin: 30px 0 20px 0; }
.project-page .project-list-box h3 { margin: 10px 0; }
.project-page .project-list-box ul { margin: 0; padding: 0; list-style: none; }
.project-page .project-list-box ul li { line-height: 1em; }
.project-page .project-group { margin: 10px 0 25px 0; }
.project-page .project-group .dash-list { margin: 0; padding: 0 0 0 25px; list-style: none; line-height: 1em; }
.project-page .project-group .dash-list li { position: relative; }
.project-page .project-group .dash-list li:before { content: "-"; position: absolute; left: -10px; top: -1px; }
.project-page .content-bg:before { height: 90px; }
.project-page .content-bg:after { top: 90px; }
.project-page.page-disclaimer .lead-header, .project-page.page-specifications .lead-header { margin-bottom: 60px !important; }
.project-page.page-disclaimer .sub-header, .project-page.page-specifications .sub-header { margin: 10px 0 5px 0; font-family: inherit; font-size: 30px !important; }

.page-development_team .team-table { margin: 50px 0 40px 0; }
.page-development_team .team-table th { text-align: right; vertical-align: top; padding: 0 5px; line-height: 1.1em; }
.page-development_team .team-table td { text-align: left; vertical-align: top; padding: 0 5px; line-height: 1.1em; }
.page-development_team .development-box { padding: 20px 0; border-style: solid; border-color: #4D3229; background-color: transparent; line-height: 1; text-align: left; position: relative; border-width: 1px 0px 0px; }

.page-facilities .lead-image { padding-bottom: 20px; }
.page-facilities .facilities-image { list-style: none; margin: 0 -5px; padding: 0; }
.page-facilities .facilities-image li { float: left; width: 50%; padding: 5px; }
.page-facilities .facilities-image li img { width: 100%; height: auto; display: block; }

.fancybox-wrap .fancybox-close { top: -15px; right: -15px; cursor: hand; cursor: pointer; width: 30px; height: 30px; background: transparent url("../images/close_ico.jpg") no-repeat center center; }
.fancybox-wrap .fancybox-next, .fancybox-wrap .fancybox-next:hover { width: 40px; min-height: 40px; background: transparent url("../images/right_ico.png") no-repeat center center; right: -30px; }
.fancybox-wrap .fancybox-next span, .fancybox-wrap .fancybox-next:hover span { background-image: none; }
.fancybox-wrap .fancybox-prev, .fancybox-wrap .fancybox-prev:hover { width: 40px; min-height: 40px; background: transparent url("../images/left_ico.png") no-repeat center center; left: -30px; }
.fancybox-wrap .fancybox-prev span, .fancybox-wrap .fancybox-prev:hover span { background-image: none; }

.fancybox-overlay { z-index: 10002 !important; }

.banner-page .lead-image { padding-bottom: 15px; }
.banner-page .banner-page-content { text-align: center; padding: 10px 30px 50px 30px; }
.banner-page.page-langsuan_village .banner-page-content { min-height: 520px; }
.banner-page.page-langsuan_village .content-bg2:before { height: 420px; }
.banner-page.page-langsuan_village .content-bg2:after { top: 420px; }

.floor-plan-page .floor-plan-header { margin: 0; }
.floor-plan-page .floor-plan-sub-header { margin: 0; }
.floor-plan-page .floor-plan-item { margin: 20px -5px 20px -5px; padding: 0 0 10px 0; border-bottom: 1px dashed #523f37; }
.floor-plan-page .floor-item { padding: 0; margin: 10px 0; list-style: none; position: relative; }
.floor-plan-page .floor-item li { width: 50%; padding: 5px; float: left; }
.floor-plan-page .floor-item li .plan-image img { width: 100%; height: auto; }
.floor-plan-page .floor-item li h4 { margin: 0; text-align: center; }
.floor-plan-page .sidebar-content { margin-top: 0; }
.floor-plan-page.page-buildingab .sidebar-content { margin-top: 40px; }
.floor-plan-page.page-buildingab .lead-header { margin-bottom: 60px !important; }
.floor-plan-page.page-buildingab .content-bg:before { height: 90px; }
.floor-plan-page.page-buildingab .content-bg:after { top: 90px; }


/* override for eng */
.html.eng.project-page .project-group .dash-list,
.html.eng.project-page .project-list-box ul li,
.html.eng .content-column p,
.html.eng .home-image-banner .content-box .content-box-body { line-height: 1.4em; }
.html.eng.page-development_team .team-table td,
.html.eng.page-development_team .team-table th{ line-height: 1.5em; }
.html.eng #bx-pager a{font-size: 17px;}
.html.eng.page-news .news-lists li{ line-height: 1.6em; }