@charset "UTF-8";
/* CSS Document */
#mainContainer {
	background-color: #EACA69;
	text-align:center;
}
#enquiry {
	padding:10px;
}
#formContainer {
	width:48%;
	min-width: 300px;
	max-width: 500px;
	display:inline-block;
	vertical-align:top;
	padding:0 4px 0 4px;
}
#formContainer2 {
	width:48%;
	min-width: 300px;
	max-width: 500px;
	display:inline-block;
	vertical-align:top;
	padding: 0 4px 0 4px;
}
#buttonContainer {
	width:100%;
	margin: auto;
	padding-top:10px;
}

/* form จัดการ form */
.roomType {
	appearance:none;
    -moz-appearance:none;  /*Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding-left: 4px;
	padding-right:0px;
  	padding-top: 4px;
  	padding-bottom: 4px;
	width:92%;
	color:#999;
	background-color:#F6F6F6;
	cursor:pointer;
	vertical-align:middle;
	border:none;
	margin-bottom:0px;
	line-height: 20px;
}
.roomType:hover {
	background-color: inherit;
}

#nOfRoom {
    -moz-appearance:none;  /*Firefox */
	font-size: 14px;
}
input, select, textarea {

	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
	text-align: left !important;
	padding:4px !important;
	width:100%;
	/* margin-top:4px;
	margin-bottom:4px;*/
	font-size: 14px;
	font-family:Arial,Helvetica,sans-serif;
}

#message {
	/* margin-top:4px; */
}

/* จัดการปุ่ม + - ของ Adult Child */
.qty {
    width: 16px;
    text-align: center;
	/*margin-right:4px;*/
	border: none;
	padding:0px;
}
input.qtyplus { 
	/*border: none;
    text-align: center;
	font-size: 18px;
	background-color: inherit;*/
	border: none;
	background-color: inherit;
	float: right;
	margin: 0px;
	width:inherit;

}
input.qtyminus {
	margin: 0px;
	border: none;
	background-color: inherit;
	float: left;
	clear: left;
	width:inherit;
}

/* แก้ปัญหา Chrome โชว์เอฟเฟคของปุ่ม + - */
input[type="button"]:focus {
	outline:0;
}

/* จัดการสี accordian ตอนเปิดปิด */
.accordion {
	font-size: 14px;
	font-family:Arial,Helvetica,sans-serif;
	text-align:left;
	margin-bottom:10px;
}
.accordion .ui-accordion-header {
	padding:2px;
	color: #999999;
	/*margin-top:4px;
	margin-bottom:10px;*/
	margin:0px;

}
.accordion .ui-accordion-content {
	/* padding:4px;*/
	margin-bottom:10px;
}

.accordion .ui-accordion-header.ui-state-active { 
	background-color: #EDEDED;
	color:#000000;
}
/* ย้าย icon ของ Accordian ให้อยู่ทางขวา */
.accordion span.ui-icon {
	margin-top: 5px;
	float:right;
    position: static;   
    height: 20px;
}
.iconRight span.ui-icon {
	width:20px;
	margin-top: 5px;
	float:right;
    /*position: static;*/
}


.selectItem {
	width:100%;
	padding:0px;
	text-align:left;
}

.remark {
	font-size:10px;
	padding: 2px;
	margin: 0;
	text-align: left;
}

/* ควบคุมขนาด selectmenu จะเข้าไปทับอันเก่าที่ซื่อเหมือนกัน */
.ui-selectmenu-button.ui-button {
	width: 38px;
	padding:4px;
	margin: 4px;
}
.ui-menu .ui-menu-item-wrapper {
	font-size:14px;
}
.childAge1 {
	padding:0px;
}

.ui-button {
	/*padding: 2px;
	margin-top:4px;*/
	line-height: 20px;
	margin-bottom:10px;
}
.roomOption {
	padding:0px;
}
#resultContainer {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:10px;
	text-align: center;
	width: 80%;
	margin:auto;
	border:1px solid #D6D6D6;
	border-radius:3px;
	display:none;
	background-color: #EACA69;
  	line-height: 20px;
}
#resultContainer h3 {
  padding-bottom: 10px;
  line-height: 30px;
  font-weight: bold;
  font-size: 18px;
}