/*****************************************
BannKhun Stylesheet by CMNice Solutions. *
*****************************************/

/*** Reset Documents ***/
@import url('reset.css');

/******** Fonts ********/
@import url('fonts.css');

/* Page Container */
.container {
    width: 100%;
    height: auto;
    position: relative;
}

/* Page Header */
.header_contain {
    width: 100%;
    height: 100px;
    position: relative;
    background: #20161e;
}

/* Logo */
.logo {
    width: 255px;
    height: 140px;
    background: url('../images/logo.png') center no-repeat #cd814f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.dd {
    width: 110px !important;
}
.ddlabel {
    font: 20px 'kittithada_roman_55regular';
}

.ddChild li {
    height: 34px !important;
}

/* Contact Top */
.contact_top {
    width: 100%;
    height: 30px;
    position: relative;
    background: #99533b;
}

.top_text1 {
    font: 20px/30px 'kittithada_roman_55regular';
    color: #ffd3b5;
    margin-left: 287px;
    float: left;
}
.top_text1 a{ text-decoration:none; color:#ffd3b5;}
.top_text1 img {
    vertical-align: middle;
}
.top_text2 {
    font: 20px/30px 'kittithada_roman_55regular';
    color: #ffd3b5;
    float: right;
}
.top_text2 img {
    vertical-align: middle;
}

/* Main Menu */
.main_menu {
    width: auto;
    height: 70px;
    position: relative;
    float: right;
    list-style: none;
}
.main_menu li {
    width: auto;
    height: 70px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
}
.main_menu li:last-child {
    padding-right: 0;
    padding-top: 20px;
}
.main_menu li a {
    font: 26px/70px 'ThaiSansNeue_Regular';
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
}

/* Slider Container */
.slider_container {
    width: 100%;
    height: 757px;
    position: relative;
    margin-bottom: 20px;
}
#slides {
    width: 100%;
    height: 757px;
    position: relative;
}

/* Reserv Bar */
.reserv_bar {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: rgba(0,0,0,.3);
    padding-top: 30px;
    box-sizing: border-box;
}
.reserv_bar table tr td{
	box-sizing: border-box;
	padding:0 10px;
}

.reserv_bar_form {
    width: 1110px;
    height: 100%;
    position: relative;
    margin: 0 auto;
	display:block;
	text-align:center;
}
.reserv_bar_form input[type="text"] {
    width: 100%;
    height: 38px;
    border: 1px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: url('../images/ico3.png') 96% center no-repeat rgba(255,255,255,.18);
    outline: none;
    padding-left: 10px;
    box-sizing: border-box;
    color: #fff;
}
.reserv_bar_form select {
    width: 100%;
    height: 38px;
    border: 1px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgba(255,255,255,.18);
    outline: none;
    padding-left: 10px;
    box-sizing: border-box;
    color: #fff;
}
.reserv_bar_form select option{
	background: rgba(255,255,255,0.2);
    color:#000;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
.reserv_bar_form input[type="submit"] {
    border: none;
    width: 159px;
    height: 40px;
    background-color: #902b08;
    -moz-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    outline: none;
    cursor: pointer;
    font: 22px/40px 'ThaiSansNeue-Bold';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
}

.reserv_bar_table {
    width: 100%;
    height: auto;
    position: relative;
}

/* Content Container */
.content_container {
    width: 1110px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

/* Headings */
.headings {
    font: 32px 'SegoeScript';
    color: #625b2c;
    text-align: center;
    margin-bottom: 20px;
}

.heading_index {
	font-family:'JSTinaas','thaisans_neuesemi_bold';
    font-size: 64px;
    color: #625b2c;
    margin-bottom: 0;
}
.detail_index {
    font: 22px 'thaisans_neuesemi_bold';
    color: #333;
}

.detail_about {
    font: 22px 'thaisans_neuesemi_bold';
    color: #cd8250;
}
.detail_about span {
    color: #902b08;
}

.map_contain {
    width: 100%;
    height: 300px;
    position: relative;
    margin-bottom: 30px;
}
.map_contain aside {
    width: 446px;
    height: 100%;
    background-color: #cd814f;
    float: left;
    padding: 30px;
    box-sizing: border-box;
}
.map_contain aside p {
    font: 24px 'thaisans_neuesemi_bold';
    color: #fff;
    text-align: center;
}

.heading_index2 {
	font-family:'JSTinaas','thaisans_neuesemi_bold';
    font-size: 64px ;
    color: #625b2c;
    margin-bottom: 10px;
    text-align: center;
}
.heading_index3 {
    font: 24px/24px 'thaisans_neuesemi_bold';
    color: #cd8250;
    margin-bottom: 10px;
    text-align: center;
}

/* Container grey */
.container_grey {
    width: 100%;
    height: auto;
    padding: 20px 0;
    box-sizing: border-box;
    background: #ece7dd;
}

/* Room List */
.room_list {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
}
.room_list::after {
    width: 100%;
    height: 1px;
    display: inline-block;
    content: "";
}
.room_list li {
    width: 350px;
    height: 340px;
	display:inline-block;
    margin-right: 25px;
    margin-bottom: 65px;
    background: #fff;
    position: relative;
    border-top: 8px solid #20161e;
    border-bottom: 3px solid #d0651d;
    vertical-align: top;
}
.room_list li:nth-child(3n) {
    margin-right: 0;
}
.room_list li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 229px;
    display: block;
    border: 8px solid rgba(0,0,0,.25);
    border-top: 0;
    box-sizing: border-box;
}
.room_list li img {
    width: 100%;
    height: 229px;
    display: block;
    margin-bottom: 10px;
}
.room_list li h1 {
    font: 32px 'thaisans_neuesemi_bold';
    color: #4b3500;
    padding: 0 20px;
    box-sizing: border-box;
}
.room_list li p {
    font: 24px 'thaisans_neuesemi_bold';
    color: #333;
    padding: 0 20px;
    box-sizing: border-box;
}
.room_list li p span {
    color: #902b08;
}
.room_list li i {
    width: 34px;
    height: 34px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: url('../images/ico4.png') center no-repeat #99533b;
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
}
.room_list li button {
    width: 100%;
    height: 45px;
    background: #99533b;
    position: absolute;
    bottom: -45px;
    z-index: 4;
    border: none;
    cursor: pointer;
    font: 24px 'thaisans_neuesemi_bold';
    color: #fff;
    text-transform: uppercase;
}

/* Promotion Label */
.promo_label {
    width: 150px;
    height: 50px;
    background: rgba(153,83,59,.7);
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
    box-sizing: border-box;
}
.promo_label h2 {
    font: 26px/50px 'thaisans_neuesemi_bold';
    color: #fff;
    text-align: center;
}

/* Room Detail */
.room_content{
	padding:22px 0;
	background-color:#fff4ee;
}

.room_detail_block {
    width: 100%;
    height: auto;
    position: relative;
	padding:30px 0;
}

.room_detail_block .room_detail_text{
	width:825px;
	height:auto;
	float:left;
	font:20px 'ThaiSansNeue_Regular';
	color:#666;
}
.room_detail_block .room_detail_text h1{
	font: 32px 'thaisans_neuesemi_bold';
    color: #660000;
	margin-bottom:10px;
}
.room_detail_block .room_detail_text p{
	margin-bottom:15px;
}

.room_detail_block .room_details_feature{
	width:825px;
	height:auto;
	float:left;
}
.room_detail_block .room_details_feature h2{
	font: 24px 'thaisans_neuesemi_bold';
    color: #000;
	margin-bottom:10px;
}

.room_detail_block .room_details_feature ul{ list-style:none;}
.room_detail_block .room_details_feature ul li{
	display:inline-block;
	width:49%;
	font:20px 'ThaiSansNeue_Regular';
	color:#666;
    vertical-align: top;
}
.room_img_contain {
    width: 730px;
    height: auto;
    position: relative;
    float: left;
}
.room_img_contain img {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 400px;
	margin-bottom:5px;
}
.room_img_contain ul li a{ display:block; width:100%; height:100%; position:relative; z-index:9;}
/* Reserve Box */
.reserve_box {
    width: 202px;
    height: auto;
    position: relative;
    box-sizing: border-box;
	display:block;
	margin:0 auto;
}
.reserve_box h1 {
	width:100%;
	margin:0 auto;
    font: 26px/50px 'Cambria-Bold';
    color: #ffd6bb;
    text-align: center;
}
.reserve_box h1 span {
    font-size: 18px;
}
.reserve_box input[type="text"] {
    width: 100%;
    height: 35px;
    opacity: .85;
    border: 1px solid #989898;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background:#ffd6bb;
    margin-bottom: 5px;
    outline: none;
    color: #8f2b09;
    padding-left: 10px;
    box-sizing: border-box;
    font: 20px 'ThaiSansNeue-Bold';
}
.reserve_box select {
    width: 100%;
    height: 35px;
    opacity: .85;
    border: 1px solid #989898;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #ffd6bb;
    margin-bottom: 5px;
    outline: none;
    color: #fff;
    padding-left: 10px;
    box-sizing: border-box;
    font: 20px 'ThaiSansNeue-Bold';
    color: #8f2b09;
}
.reserve_box input[type="submit"] {
    outline: none;
    width: 158px;
    height: 38px;
    opacity: .85;
    border: 1px solid #8f2b09;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #8f2b09;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35);
    box-shadow: 0 1px 1px rgba(0,0,0,.35);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE2MCA0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDkxOTI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ5MTkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1MzU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTYwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(bottom, #8f2b09 0%, #8f2b09 0.51%, #8f2b09 100%);
    background-image: -o-linear-gradient(bottom, #8f2b09 0%, #8f2b09 0.51%, #8f2b09 100%);
    background-image: -webkit-linear-gradient(bottom, #8f2b09 0%, #8f2b09 0.51%, #8f2b09 100%);
    background-image: linear-gradient(bottom, #8f2b09 0%, #8f2b09 0.51%, #8f2b09 100%);
    font: 20px 'ThaiSansNeue-Bold';
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    margin: 30px auto 0;
}
.room_reserv_contain {
    width: 242px;
    height: 475px;
    position: relative;
    float: right;
    box-sizing: border-box;
	background-color:#99533a;
}
.room_reserv_contain > h1 {
	width:224px;
	margin:5px auto 42px;
    font: 26px/50px 'Cambria-Bold';
    color: #ffd6bb;
    text-align: center;
}

.room_reserv_contain > h1 > span{ font-size:17.95px;}
#carousel {
    margin:0 auto;
}

#carousel img {
    border:0;
}

/* Room Thumb Nav */
#ui-carousel-next-p,#ui-carousel-prev-p {
    width:18px;
    height:27px;
    background:url('../images/arrow-left.png') center center no-repeat;
    display:block;
    position:absolute;
    bottom: 6.5%;
    margin-top: -13.5px;
    z-index:100;
    opacity: .3;
    transition: opacity .3s;
}
#ui-carousel-next-p:hover,#ui-carousel-prev-p:hover {
    opacity: 1;
}

#ui-carousel-next-p {
    right: 0;
    background-image:url('../images/arrow-right.png');
}

#ui-carousel-prev-p {
    left:0;
}

#ui-carousel-next-p > span,#ui-carousel-prev-p > span {
    display:none;
}

/* Display Rooms */
.display_rooms {
    width: 100%;
    height: auto;
    display: table;
    margin: 30px 0;
}
.display_rooms_l {
    width: 402px;
    height: auto;
    display: table-cell;
    vertical-align: top;
}
.display_rooms_r {
    width: 513px;
    height: auto;
    display: block;
    vertical-align: top;
    padding-left: 20px;
    position: relative;
}

/* More Details Box */
#service_table {
    width: 100%;
    font: 14px Arial;
    color: #333;
    margin-top: 20px;
}
#service_table tr td:nth-child(odd) {
    padding-left: 20px;
}
#service_table tr td {
    height: 46px;
    vertical-align: middle;
}
/* Card List */
#card_list {
    width: 100%;
    list-style: none;
}
#card_list > li {
    margin: 20px 0;
    height: 71px;
}
#card_list > li img {
    float: left;
    margin-right: 20px;
}
#card_list > li p {
    font: 16px Arial;
    color: #333;
    line-height: 71px;
}

.facilities_list{
	width:100%;
	list-style:none;
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.facilities_list li{
	vertical-align:top;
	font: 14px Arial;
    color: #333;
	padding:0.6em 0;
}
.facilities_list li img{ vertical-align:middle;}

/* Page Banner */
.page_banner {
    width: 100%;
    height: 418px;
    position: relative;
    background: #99533b;
}
.page_banner i {
    width: 779px;
    height: 150px;
    position: absolute;
    top: 109px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(153,83,59,.8);
    z-index: 5;
}
.page_banner img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.page_banner h1 {
	font-family:'JSTinaas','thaisans_neuesemi_bold';
    font-size: 64px;
    color: #fff;
    text-align: center;
    border-bottom: 3px solid #fff;
    width: 740px;
    position: absolute;
    top: 145px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 20;
}
.page_banner p {
    font: 22px 'ThaiSansNeue_Regular';
    color: #fff;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 200px;
    z-index: 20;
}

/* Album List */
.album_list {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
}
.album_list::after {
    width: 100%;
    height: 1px;
    display: inline-block;
    content: "";
}
.album_list li {
    width: 349px;
    height: 265px;
    position: relative;
    float: left;
    margin-right: 31.5px;
    margin-bottom: 60px;
}
.album_list li:nth-child(3n-3) {
    margin-right: 0;
}
.album_list li img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 20px;
}
.album_list li p {
    font: 32.19px/0px 'thaisans_neuesemi_bold';
    color: #cd8250;
    text-align: center;
}

/* Contact */
.contact_list {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
    text-align: justify;
}
.contact_list::after {
    width: 100%;
    height: 1px;
    display: inline-block;
    content: "";
}
.contact_list li {
    width: 360px;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.contact_list li .img {
    width: 100%;
    height: 87px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}
.contact_list li .img img {
    vertical-align: middle;
}
.contact_list li h1 {
    font: 25.94px 'TrajanPro-Bold';
    color: #625b2c;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contact_list li p {
    font: 23.85px 'thaisans_neuesemi_bold';
    color: #cd8250;
}

.contact_form {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 30px;
}
.contact_form td {
    width: 33.33%;
    height: auto;
    vertical-align: top;
    padding: 10px 0;
    box-sizing: border-box;
}
.contact_form td:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
}
.contact_form td input[type="text"] {
    width: 100%;
    height: 53px;
    border: 1px solid #d0c9c9;
    background-color: #fff;
    outline: none;
}
.contact_form td textarea {
    width: 100%;
    height: 170px;
    border: 1px solid #d0c9c9;
    background-color: #fff;
    outline: none;
    resize: none;
    padding: 0;
}
.contact_form td input[type="submit"] {
    border: none;
    width: 159px;
    height: 40px;
    background-color: #902b08;
    -moz-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    outline: none;
    cursor: pointer;
    font: 22px/40px 'ThaiSansNeue-Bold';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
}

/* Reservation */
.reserv_container {
    width: 540px;
    height: auto;
    position: relative;
    margin: 0 auto;
}
.reserv_container input[type="text"] {
    width: 100%;
    height: 53px !important;
    border: 1px solid #ccc;
    background-color: #fdfdfd;
    outline: none;
    margin-bottom: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}
.reserv_container select {
    width: auto;
    height: 53px !important;
    border: 1px solid #ccc;
    background-color: #fdfdfd;
    outline: none;
    margin-bottom: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}
.reserv_container input[type="submit"] {
    border: none;
    width: 159px;
    height: 40px;
    background-color: #902b08;
    -moz-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    outline: none;
    cursor: pointer;
    font: 22px/40px 'ThaiSansNeue-Bold';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    display: block;
    margin: 20px auto;
}

/* Room Block */
.room_block {
    width: 920px;
    height: 185px;
    border-bottom: 2px solid #8f2b07;
    background-color: #f9f5ec;
    position: relative;
    padding: 5px;
    box-sizing: border-box;
	display:block;
	margin:0 auto 10px;
}
.room_block .img {
    width: 245px;
    height: 100%;
    display: block;
    float: left;
    margin-right: 15px;
}
.room_block a{
	position: absolute;
    top: 5px;
    left: 5px;
    width: 245px;
    height: 173px;
    display: block;
    border: 8px solid rgba(0,0,0,.25);
    box-sizing: border-box;
}
.room_block_detail {
    width: 300px;
    height: 100%;
    float: left;
    position: relative;
	font:25.4px/28px 'ThaiSansNeue_Regular';
	color:#00;
}
.room_block_detail h1 {
    font: 32px/32px 'ThaiSansNeue-Bold';
    color: #902b08;
    margin-bottom: 0px;
}
.room_block_detail p {
    font: 20px/22px 'ThaiSansNeue_Regular';
    color: #555;
    margin-bottom: 7px;
}

.room_block_person {
    width: 110px;
    height: 100%;
    float: left;
    text-align: center;
}
.room_block_person h1 {
    font: 24px 'ThaiSansNeue_Regular';
    color: #000;
	font-weight:bold;
}
.room_block_person select {
    width: 100%;
    margin-bottom: 10px;
}
.room_block_person select option {
    text-align: center;
}

.room_block_price {
    width: 140px;
    height: 100%;
    float: right;
    position: relative;
    padding-top: 10px;
    box-sizing: border-box;
}
.room_block_price p {
    font: 32px/25px 'ThaiSansNeue-Bold';
    color: #902b08;
    text-align: center;
}
.room_block_price p span {
    font-size: 21px;
}

.paymentconfirm {
	width:600px;
	height:auto;
	margin:0 auto;
	font: 20px/20px CordiaDSE;
	color:#333;
}

.btn-submit1{
	border: none;
    width: 159px;
    height: 40px;
    background-color: #902b08;
    -moz-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    -webkit-box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    box-shadow: 1px 2px 0 rgba(0,0,0,.35);
    outline: none;
    cursor: pointer;
    font: 22px/40px 'ThaiSansNeue-Bold';
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    display: block;
    margin: 20px auto;	
}

.btn-pm_confirm{
    border: none;
    outline: none;
	width: 154px;
    height: 29px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #2775a3;
    color: #fff;
    cursor: pointer;
    margin: 20px auto;
}
.paymentconfirm tr:nth-child(even) {background: #fafafa}
.paymentconfirm tr:nth-child(odd) {background: #f2f2f2}

.paymentconfirm tr td{
	padding:5px 0;
}

/* Blog List */
.blog_list {
    width: 100%;
    height: auto;
    position: relative;
    list-style: none;
}
.blog_list::after {
    width: 100%;
    height: 1px;
    display: inline-block;
    content: "";
}
.blog_list li {
    width: 345px;
    height: 423px;
    border: 1px solid #ebe9e9;
    background-color: #f9f9f9;
    box-sizing: border-box;
    float: left;
    margin-right: 37.5px;
    margin-bottom: 35px;
    position: relative;
}
.blog_list li:nth-child(3n-3) {
    margin-right: 0;
}
.blog_list li a .img {
    width: 100%;
    height: 220px;
    display: block;
    position: relative;
    margin-bottom: 25px;
}
.blog_list li h1 {
    font: 21.53px Cardo, serif;
    color: #1a2954;
    margin-bottom: 15px;
    padding: 0 15px;
    box-sizing: border-box;
}
.blog_list li p {
    font: 24.08px/20px 'kittithada_roman_55regular';
    color: #555;
    margin-bottom: 15px;
    padding: 0 15px;
    box-sizing: border-box;
}
.blog_list li h2 {
    font: 24.08px/20px 'kittithada_roman_55regular';
    color: #99533B;
    padding: 0 15px;
    box-sizing: border-box;
}
.blog_list li h2 a {
    color: #99533B;
    text-decoration: none;
}

/* Blog Details */
.res_contain {
    width: 980px;
    height: auto;
    position: relative;
    margin: 0 auto;
}

.res_table {
    width: 100%;
    height: auto;
}
.res_table td {
    vertical-align: top;
}
.res_table td:first-child {
    width: 90px;
}
.res_table td:first-child div {
    width: 67px;
    height: 108px;
    background-color: #cd8250;
    position: relative;
}
.res_table td:first-child div p {
    font: 25.48px Cardo, serif;
    color: #fff;
    text-align: center;
}
.res_table td:last-child h1 {
    font: 32px Cardo, serif;
    color: #5d1800;
    margin-bottom: 20px;
}
.res_table td:last-child h2 {
    font: 22px 'kittithada_roman_55regular';
    color: #999;
    margin-bottom: 10px;
}
.res_table td:last-child p {
    font: 22px 'kittithada_roman_55regular';
    color: #333;
    margin-bottom: 15px;
}
.res_table td:last-child button {
    width: 135px;
    height: 35px;
    border: none;
    background: #87ab40;
    border-radius: 5px;
    outline: none;
    color: #fff;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 10px;
}
/* term*/
.term h1{
	font: 38px/38px 'thaisans_neuesemi_bold';
    color: #625b2c;
	font-weight:bold;
}

.term h2{
	font: 28px/32px 'thaisans_neuesemi_bold';
    color: #625b2c;
	font-weight:bold;
	margin-top:1em;
}

.submit1 {
    outline: none;
    cursor: pointer;
    display: block;
    margin: 20px auto;
    width: 158px;
    height: 38px;
    opacity: .85;
    border: 1px solid #ffd3b5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffd3b5;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35);
    box-shadow: 0 1px 1px rgba(0,0,0,.35);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE2MCA0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDkxOTI5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ5MTkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1MzU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTYwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(bottom, #ffd3b5 0%, #ffd3b5 0.51%, #ffd3b5 100%);
    background-image: -o-linear-gradient(bottom, #ffd3b5 0%, #ffd3b5 0.51%, #ffd3b5 100%);
    background-image: -webkit-linear-gradient(bottom, #ffd3b5 0%, #ffd3b5 0.51%, #ffd3b5 100%);
    background-image: linear-gradient(bottom, #ffd3b5 0%, #ffd3b5 0.51%, #ffd3b5 100%);
    font: 20px 'ThaiSansNeue-Bold';
    color: #000;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
}

/* Footer */
.footer {
    width: 100%;
    height: 40px;
    background-color: #99533b;
    position: relative;
}
.footer p {
    font: 16px/40px 'thaisans_neuesemi_bold';
    color: #ffd3b5;
}
.footer p a {
    color: #ffd3b5;
    text-decoration: none;
}
.footer p a:hover {
    text-decoration: underline;
}
.footer p img {
    vertical-align: middle;
}
.footer p span {
    margin-left: 400px;
}

.footer_content {
    width: 100%;
    height: 170px;
    background: #20161e;
    position: relative;
    padding-top: 15px;
    box-sizing: border-box;
}
.footer_table {
    width: 100%;
    height: auto;
    position: relative;
}
.footer_table td {
    position: relative;
    vertical-align: top;
}
.footer_table td h1 {
    font: 23.98px 'kittithada_medium_65regular';
    color: #cd8250;
}
.footer_table td p {
    font: 17.97px 'thaisans_neuesemi_bold';
    color: #fff;
    margin-bottom: 10px;
}
.footer_table td p a {
    color: #fff;
    text-decoration: none;
}
.footer_table td input[type="text"] {
    width: 248px;
    height: 33px;
    border: 1px solid #e3e3e3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    outline: none;
    display: inline-block;
}
.footer_table td input[type="submit"] {
    width: 88px;
    height: 32px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #cd814f;
    outline: none;
    border: none;
    display: inline-block;
    color: #fff;
    cursor: pointer;
}

/* Clearfix */
.clearfix {
    clear: both;
}

/* Pager */
/* Simple Pager Nav */
ul.simplePagerNav{
    position: relative;
    z-index: 2;
    margin-top: 5px;
    text-align: center;
}
ul.simplePagerNav li{
    display:inline-block;
    padding: 3px 5px;
    margin-bottom: 10px;
    font-family: georgia;
    min-width: 20.9375px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 7px;
}

ul.simplePagerNav li a{
    color: #000;
    text-decoration: none;
}

li.currentPage {
    background: #045372;	
}

ul.simplePagerNav li.currentPage a {
	color: #fff;	
}

label.error {
    display: none;
	font: 17.97px 'thaisans_neuesemi_bold';
}
input.error {
    background: red !important;
}

/* Booking */
.booking_left {
    width: 725px;
    height: auto;
    position: relative;
    float: left;
    border-right: 0px solid #e8e8e8;
    margin-bottom: 120px;
}

/* Reserv Tag */
.re_tag {
    width: 242px;
    height: 475px;
    position: relative;
    float: right;
    box-sizing: border-box;
    background: url(../images/bg-reserv.png) repeat;
	padding:7px;
}
.re_tag_box{
	width:100%;
	height:100%;
	background-color:#fff;
	box-sizing: border-box;
	padding:10px;
}
.re_tag h1 {
    font: 24px 'ThaiSansNeue-Bold';
    text-align: center;
    margin-bottom: 20px;
    color: #4B3500;
	padding-top:10px;
}

.re_table {
    width: 100%;
}
.re_table td {
    vertical-align: top;
    padding: 5px;
}
.re_table td p {
    font: 20px/22px 'ThaiSansNeue-Bold';
	color:#99533B;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.re_table td p span{ color: #4B3500; }
.r_reserv_result{
	list-style:none;
	width:100%;
}
.r_reserv_result li{
	width:350px;
	display:inline-block;
	margin-right:16px;
	vertical-align:top;
	background-color:#fafafa;
	border:1px solid #ebebeb;
	margin-bottom:15px;
    vertical-align: top;
    position: relative;
}
.r_reserv_result li img{
	width:100%;
	height:190px;
}
.r_reserv_result li:nth-child(2n){
	margin-right:0;
}
.r_reserv_details{
	width:100%;
	box-sizing: border-box;
	padding:20px;
	border-bottom:2px solid #4b3500;
	font:18px 'ThaiSansNeue_Regular'; color:#666;
	margin-bottom:0em;
	text-align:center;
}
.r_reserv_details h3{ font: 26px 'thaisans_neuesemi_bold'; color:#4b3500; text-align:center;}
.r_reserv_result li .room_list_price {
    width: 138px;
    display: block;
    margin: 0 auto;
    border: 1px solid #4b3500;
    font: 28px 'ThaiSansNeue_Regular';
    color: #4b3500;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-color: #fff;
    position: relative;
    z-index: 2;
	margin-bottom:-38px;
	margin-top:0.5em;
	text-align:center;
}
.r_reserv_select{
	width:100%;
	box-sizing: border-box;
	padding:20px;
	text-align:center;
	font: 20px 'ThaiSansNeue_Regular';
}
.r_reserv_select table{ width:100%; text-align:center; margin-bottom:1em;}
.r_reserv_select table th{ font:18px 'ThaiSansNeue_Regular'; color:#666;}
.r_reserv_select table td{
	width:30%;
	text-align:center;
}

.r_reserv_select_extra{
	width:258px;
	height:70px;
	border:1px solid #dcdcdc;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	padding:5px;
	display:block;
	margin:0 auto;
	margin-bottom:1em;
	text-align:left;
}
.r_reserv_select_extra input[type="text"]{
	line-height:12px;
	margin:0;
}

/* Breadcrumb */
.breadcrumb {
	/*centering*/
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
    margin-bottom: 35px;
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font: 14px Arial;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 30px 0 40px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {
	padding-left: 10px;
    padding-right: 10px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
    background: #4B3500;
    color: #fff;
}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.breadcrumb a.active, .breadcrumb a:hover{
	
}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
	
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px #e5e5e4, 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {
	content: none;
}


.flat a, .flat a:after {
	background: #99533B;
	color: white;
	transition: all 0.5s;
}
.flat a:first-child:after {
	background: #4B3500;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.flat a.active, .flat a.active:after{
	background: #4B3500;
}

/* Sum Table */
.sum_table {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}
.sum_table th {
    height: 30px;
    vertical-align: middle;
    background: #99533B;
    color: #fff;
    font: 22px 'ThaiSansNeue_Regular';
    padding: 5px;
}
.sum_table td {
    height: 30px;
    vertical-align: middle;
    background: #eee;
    color: #333;
    font: 22px 'ThaiSansNeue_Regular';
    padding: 5px;
    text-align: center;
}
.sum_table tr:nth-child(even) td {
    background: #fff;
}

/* cus_table */
.cus_table {
    width: 100%;
    margin-bottom: 20px;
}
.cus_table td {
    width: 50%;
    padding: 5px;
    color: #333;
    font: 22px 'ThaiSansNeue_Regular';
}
.cus_table td input[type="text"], .cus_table td select {
    width: 100%;
    height: 25px;
    outline: none;
    color: #333;
    font: 22px 'ThaiSansNeue_Regular';
}
.cus_table td textarea {
    width: 100%;
    height: 55px;
    outline: none;
    color: #333;
    font: 22px 'ThaiSansNeue_Regular';
    resize: none;
}

.book_head1 {
    font: 28px 'ThaiSansNeue_Regular';
    color: #003659;
    margin-bottom: 15px;
}

.bank_container {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 5px;
}
.bank_container p {
    text-align: left !important;
    font:20px 'ThaiSansNeue_Regular';
}

/* Transfer Detail */
.transfer_container {
    width: 100%;
    height: auto;
    position: relative;
}
.transfer_container h1 {
    font: bold 24px/24px CordiaDSE;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}
.transfer_container p {
    font: 24px/24px CordiaDSE;
    color: #000;
    margin-bottom: 10px;
}

.tran_table {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #000;
    margin-bottom: 20px;
}
.tran_table td {
   padding: 30px 20px;
}
.tran_table td:first-child {
    width: 50%;
    font: bold 28px/24px CordiaDSE;
    color: #000;
    text-align: right;
}
.tran_table td:last-child {
    font: 26px/24px CordiaDSE;
    color: #333;
    text-align: left;
}

.bank_table {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.bank_table td {
    padding: 5px;
    vertical-align: middle;
    font: 21.69px/20px CordiaDSE;
    color: #000;
}

.tipsy {
    font: 14px Arial !important;
}
.tipsy-inner {
    max-width: 300px !important;
}
/* Booking Payment*/
.booking_container h4{
	text-align:center;
	font:22px 'kittithada_roman_55regular';
	color:#333;
	margin-bottom:10px;
}
.booking_form{
	width:100%;
	margin-bottom:50px;
}
.booking_form tr td{
	font:25px 'kittithada_medium_65regular';
	color:#333;
}
.booking_form tr td:first-child{
	width:278px;
	text-align:right;
	padding-right:5px;
	box-sizing:border-box;
	vertical-align:middle;
}
.booking_form tr td input[type="text"],
.booking_form tr td select,
.booking_form tr td input[type="tel"],
.booking_form tr td input[type="number"],
.booking_form tr td textarea{
	width:100%;
	border:1px solid #515151;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;
	padding:5px 10px;
	margin-bottom:6px;
}
.booking_form tr td input[type="text"],
.booking_form tr td input[type="tel"],
.booking_form tr td input[type="number"],
.booking_form tr td select{
	font:22px/24px 'kittithada_medium_65regular';
	color:#333;
}
.booking_form tr td textarea{
	height:8em;
	resize: none;
}
.booking_form tr td h3{
	font:28px 'kittithada_bold_75regular';
	color:#333;
}
.booking_form_box{
	width:100%;
	box-sizing:border-box;
	padding:35px 20px;
	background:rgba(255,255,255,0.65);
	border:1px solid #626263;
	margin-bottom:18px;
}
.booking_form_box h5{
	font:24px/20px 'kittithada_roman_55regular';
	color:#333;
	text-transform:uppercase;
}
.booking_form_box .b_span1{
	color:#ff6600;
}
.booking_form_box .b_span2{
	display:block;
	font:24px/20px 'kittithada_bold_75regular';
	color:#ff6600;
}

.booking_form_box .booking_bank tr td{
	text-align:left;
	box-sizing:border-box;
	padding:0 20px;
	width:50%;
}
.booking_form_box .booking_bank tr td input[type="text"]{
	width:100%;
}
.booking_form_box .booking_bank tr td img{
	display:block;
}
.booking_complete h3{
	font:25px 'kittithada_medium_65regular';
	color:#4c2323;
	text-align:center;
}
.booking_complete p{
	font:24px 'kittithada_roman_55regular';
	color:#4c2323;
	text-align:center;
	margin-bottom:1em;
}
.booking_complete img{
	display:block;
	margin:30px auto 10px;
}