body {
	font-size:16px;
	color: rgb(0,37,97);
}
img { 
	width:100%; 
}
label {
	text-align:right;
}
h5 {
	margin-top:.25rem;
	margin-bottom: 1rem;
}
button {
	float:right;
}
.banner {
	text-align: center;
	padding-right:0;
	padding-left:0;
}
.package {
	margin-top:40px;
	margin-bottom:25px;
}
.package .room {
	margin-bottom:15px;
}
.package .room:nth-child(odd) {
	background-color:#fefefe;
}
.package .room:nth-child(even) {
	background-color:rgba(0,37,97, 0.1);
}
.package .image {
	padding-left:0;
}
.terms, 
#guest-info {
	border-radius:5px;
	background-color:rgba(0,37,97, 0.1);
	margin-bottom:1rem;
	padding:1rem;
}
.terms p {
	padding-left:20px;
}
.terms h6 {
	text-align:center;
}
.sp-deal {
	padding-left: 50px;
}
#guest-info .detail:last-child {
	border-left:1px solid rgba(0,0,0,.1)
}
.box-form {
	width:100%;
}
.cust-address input {
	margin-left:2px;
}
.cust-address input:first-child {
	margin-left:0;
}
.cust-address .w-100 {
	margin-bottom:5px;
}
input[type=checkbox] {
	margin-right:.25rem;
}
label {
	text-align:left;
	padding-left:0 !important;
}
.label-inline {
	float:right;
}
.title {
	text-align:right;
}
.div-control {
	padding-bottom:30px;
	text-align:center;
}
.div-control button {
	width:100%;
	margin-bottom:30px;
}
.thankyou {
	display:none;
}
.thankyou h3 {
	text-align:center;
}
.btnBookNow,
#btnSend {
	text-transform: uppercase;
    border-radius: 0;
	background-color: rgb(0, 37, 97);
    color: white;
}	
.btnBookNow {
	float: right;
	width:100%;
}
.btnBookNow:hover {
	color: rgb(0, 37, 97);
	background-color: rgb(180, 207, 236);
}
/*
#chidlom .btnBookNow {
	width:auto;
}
*/
.btn-navy {
	background-color: rgb(0, 37, 97);
}
.btn-navy:hover {
	color: rgb(0, 37, 97);
	background-color: rgb(180, 207, 236);
}
.btn-orange {
	background-color: rgb(210, 76, 0);
}
.btn-orange:hover {
	color: rgb(210, 76, 0);
	background-color: rgb(254, 228, 213);
}
.btn-green {
	background-color: rgb(43, 92, 34);
}
.btn-green:hover {
	color: rgb(43, 92, 34);
	background-color: rgb(222, 243, 217);
}
.warning {
	color:red;
	padding-top:1rem;
}
.terms .boxes {
	display:flex;
	padding:15px 30px;
}
.column {
	flex: 1;
	border:solid 1px;
	padding-top:1rem;
	padding-right:1rem;
}
.column:first-child {
	margin-right:15px;
}
.column:last-child {
	margin-left:15px;
}
.column .title {
	padding-left: 1em;
	font-weight:bold;
}
textarea {
	resize:none;
}
.error {
	color:red;
}
.thankyou {
    position: relative;
    top: 40%;
}
.superscript {
	font-size: .7rem;
    line-height: inherit;
    vertical-align: top;
}
.calendar {
	width:100px;
	text-align:center;
	float:left;
	/*
	font-size: .875rem;
    line-height: 1.5;
	*/
}
.calendar[readonly] {
    background-color: #fff; /*#e9ecef;*/
    color: #495057; /*#6c757d;*/
}
.txt-dashed {
	display:block;
	float:left;
	padding:0 10px;
}
.font-9 {
	font-size:.9rem;
}
.carousel-item > img {
	/*width: auto !important;*/
	height:100%;
	max-height:455px !important;
}
#pratunam .carousel-item > img {
	max-height:432px !important;
}
/*
#sukhumvit10 .carousel-item > img,
#silom .carousel-item > img {
	max-height:455px !important;
}
*/
#chidlom .carousel-item > img {
	max-height:405px !important;
	margin-left: -10px;
	/*max-width: 555px;*/
}
#t21korat .carousel-item > img {
	max-height: 420px !important;
}
h4 .capacity {
	padding-left:8px;
	font-size:16px;
	font-weight:normal;
}
tr.lightblue > td {
	background-color: rgb(234, 234, 246, 0.8);
}
tr.blue > td {
	background-color: rgb(207, 212, 234);
}
.tb-package {
	width: 100%;
	margin-bottom: 0.5rem;
}
.tb-package td {
	font-size: 13px;
}
.tb-package tr.title > td {
	background-color: rgb(0, 37, 97);
	font-weight:bold;
	color:white;
	text-transform:uppercase;
	vertical-align:top;
}
.tb-package tr.title > td, .tb-package td {
	text-align:center;
	padding:.3rem;
	border-color:white;
	border-left:solid 1px white;
	border-bottom: solid 2px white;
}
.tb-package tr > td:first-child {
	border-left:none;
}
.tb-package tr:last-child > td {
	border-bottom:none;
}	
/*
#pratunam .detail {
	margin-bottom: .75rem;
}
*/
.text-only .form-group {
	margin-bottom: 0;
}

.box-cond {
	padding-left:30px;
}
.box-cond table td {
	vertical-align: top;
}

@media only screen and (min-width:768px) {
	.package .room-detail {
		padding:10px 10px 10px 0px;
	}
}

@media only screen and (max-width:768px) {
	#guest-info .detail:last-child {
		padding-top: 1rem;
		border-left:0;
		border-top:1px solid rgba(0,0,0,.1)
	}
	.title {
		text-align:left;
	}
	.package .image {
		padding-left:15px;
	}
	.boxes {
		display:block !important;
		padding:0 !important;
	}
	.boxes .column {
		flex:0;
		width:100%;
		margin:0;
	}
	.boxes .column:last-child {
		margin-top:15px;
	}
	.package .room-detail {
		padding-top:15px;
		padding-bottom:15px;
	}
	.package .image {
		padding-left:0;
		padding-right:0;
	}
	.w-100 {
		width:100%;
		height:auto;
	}
	.carousel-item > img {
		/*
		width: auto !important;
		height: 280px !important;
		*/
		margin-left:0 !important;
		height:auto;
	}
	#sukhumvit10 .carousel-item > img {
		width: auto !important;
		height: 300px !important;
	}
	h4 .capacity {
		width: 100%;
		padding-left:0;
		padding-top:8px;
		display: block;
	}
	.box-cond {
		margin-top: 15px;
		padding-left:0;
	}
	.box-cond td:first-child {
		width: 40%;
	}
	.box-cond td {
		width: 30%;
	}
}