/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
.hotelsearch_mainContainer img, .hotelsearch_mainContainer object,
.hotelsearch_mainContainer embed, .hotelsearch_mainContainer video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
 
body .hotelsearch_mainContainer {line-height:1 !important;}
.hotelsearch_mainContainer ul,.hotelsearch_mainContainer li,.hotelsearch_mainContainer p{margin:0; list-style:none; padding:0;}
.hotelsearch_mainContainer a {outline: none !important;}
.hotelsearch_mainContainer a, .hotelsearch_mainContainer a:hover,
.hotelsearch_mainContainer a:active, .hotelsearch_mainContainer a:visited {
    color: #333;
    text-decoration: none;
}	
/*
.fluid {clear: both; margin-left: 0; width: 100%; float: left; display: block;}
.fluidList {list-style:none; list-style-image:none; margin:0; padding:0;}
.heightnone {max-height: none !important;}
.displaynone {display: none !important;}
*/


/*防止input 在iphone的時後畫面zoomin*/
input[type='text'],
input[type='number'],
textarea {
	/*font-size: 16px;*//*一定要16，其他數字不行*/
}

/* tablet Layout: 640px to a max of 768px. */

.hotelsearch_mainContainer{
	width: 100%;
	/*min-width: 418px;*/
	/*max-width: 418px;*/	
	/*margin:0 auto;*/
	/*padding-top: 15px;*/
	clear: none;
	float: none;
	font-family: verdana, "新細明體";
	font-size: 13px;
	line-height: 1;
	color:#333;
	position: relative;
}
.hotelsearch_mainContainer .cola_hotel:before, .hotelsearch_mainContainer .cola_hotel:after { content: ""; display: table; }
.hotelsearch_mainContainer .cola_hotel:after { clear: both; }
.hotelsearch_mainContainer .cola_hotel:before { *zoom: 1; }

.hotelsearch_mainContainer .cola_hotel .jqTransformInputInner div input {
	background-color: transparent !important;
	/*font-family: verdana, "新細明體" !important;*/
	font-family: verdana, "微軟正黑體" !important;
	/*font-size: initial; 防止input放大*/
	line-height: 18px;
	margin: 5px 0 0;
	padding: 0;
	border-radius: 0;
}
.hotelsearch_mainContainer .cola_hotel .search_inputname .jqTransformInputInner div input {
	margin-top: 3px !important;
}

/*月曆按鈕*/
.hotelsearch_mainContainer .calendar_icon a{
	*display:block;
	display:inline-block;
	text-indent:-9999px;
	margin-left:2px;
	margin-top: -5px;
	background:url("../Hotel/images/calendar_icon_search.png") left top;
	width:18px;
	height:20px;
	vertical-align:middle;
}
.hotelsearch_mainContainer .calendar_icon a:hover{
	background:url("../Hotel/images/calendar_icon_search.png") right top;
}


/* -------------
 * 紫色底線標題(只有手機有)
 * ------------- */
.hotelsearch_mainContainer .purple_title {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 20px;
	margin-top: 20px;
}
.hotelsearch_mainContainer .purple_title p {
	font-size: 20px;
	color: #84329b;
	padding: 0 10px 5px;
	display: inline-block;
	border-bottom: 3px solid #b583c2;
	margin-bottom: -2px;
}



/*===============================================================*/


.hotelsearch_block_roomdata {width: 100%;}
/*.hotelsearch_block_roomdata_area {padding-right: 100px;}*/
/*.hotelsearch_block_peoplenum {margin-bottom: 5px;}*/

.hotelsearch_area {
	/*display: inline-block;*/
	width: 100%;
	/*margin-bottom: 6px;*/
	position: relative;
}
.hotelsearch_title {
	/*display: none;*/
	/*color: #999999;*/
	position: absolute;
	top: 9px;
}
.hotelsearch_title:before {
	content: "*";
	font-size: 13px;
	color: #d6001c;
	font-family: Arial;
    padding-right: 3px;
}	
.hotelsearch_title_date {top: 20px;}
.hotelsearch_content {padding-left: 40px;}
.hotelsearch_content_phone {
	font-size: 13px;
	font-family: verdana, "新細明體";
	margin: 0 3.5% 0 1.5%;
	width: 95%;
}
/*.destination_typebox_pc {display: none;}
.destination_typebox_phone {display: none;}
.destination_typebox_phone_box {
	margin: 0px;
    padding: 0 5px;
    display: inline-block;
    outline: none;
    width: 93.5%;
    border: solid 1px #d4d4d4;
    height: 31px;
    box-shadow: inset 0px 1px 3px #eeeeee !important;
    border-radius: 2px;
    cursor: text;
    background-color: white;
	overflow: hidden;
}
.destination_typebox_phone_box:hover {
	border: 1px solid #00a3e0;
	outline: none;
	box-shadow: 0px 1px 3px #d4d4d4;
}
.destination_typebox_phone_box span {
    display: inline-block;
	margin-top: 9px;
	white-space: nowrap;
	line-height: 1;
}
.destination_typebox_phone_box_point {color: #999;}
.destination_typebox_phone_box_input {color: #333;}
*/


.hotelsearch_content_block {display: inline;}

.search_date {margin-right: 3px;}
.hotelsearch_content_checkout {
	border-left: 2px solid #ccc;
	margin-left: 2px;
	margin-top: 8px;
	margin-bottom: 10px;
	padding-left: 6px;
}

.hotelsearch_block_peoplenum .hotelsearch_content_block {
	position: relative;
	padding-bottom: 6px;
	/*margin-right: 35px;*/
	margin-left: 3px;
	display: inline-block;
	width: 40%;
	top: 1px;
}
.hotelsearch_content_roomstyle {width: 100%; position: relative; top: -13px;}
.cola_hotel .hotelsearch_block_peoplenum .hotelsearch_area .jqTransformSelectWrapper {
	/*margin-top: 19px;*/
	/*max-width: 53px !important;*/
	top: -1px;
	width: 63px !important;
}
.cola_hotel .hotelsearch_block_peoplenum .hotelsearch_area .jqTransformSelectWrapper ul {
	/*max-width: 51px !important;*/
	top: 31px !important;
	width: 61px !important;
}
.hotelsearch_content_night {
	position: relative;
	top: -13px;
}

.hotelsearch_mainContainer .btn_blue {
	font-family: verdana, "微軟正黑體";
	font-size: 15px;
	/*width: 100%;*/
	/*margin-top: 15px;
	margin-bottom: 10px;*/
	margin-top: -5px;
	width: 100px;
	float: right;
}
.hotelsearch_mainContainer .btn_blue span {
	font-family: verdana, "微軟正黑體" !important;
}	
.hotelsearch_mainContainer .btn_blue img {margin: -2px 0 0 5px;}

.hotelsearch_mainContainer .btn_blue.searching {padding: 0 !important;}
.hotelsearch_mainContainer .btn_blue.searching img {width: 20px;}

.cola_hotel .search_inputname .jqTransformInputWrapper {
	width: 94% !important;
	height: 30px !important;
}
.cola_hotel .search_date .jqTransformInputWrapper {
	/*width: 80px !important;*/
	/*width: 98px !important;*/
	width: 110px !important;
	height: 30px !important;
	position: relative;
	top: 2px;
}
.cola_hotel .hotelsearch_area .jqTransformSelectWrapper {
	float: none;
	display: inline-block;
	top: 12px;
	z-index: auto !important;
	height: 30px !important;
}
.cola_hotel .hotelsearch_area .jqTransformSelectWrapper div span {
	line-height: 15px !important;
	height: 22px !important;
	width: 39px !important;
}	
.cola_hotel .search_nightnum .jqTransformSelectWrapper {margin-right: 5px; width: 54px !important;}


/* P1_搜尋結果頁 */
.search_intro {display: none;}

/* P2_飯店介紹頁 */
.hotel_intro .search_default{display: none;}
.hotel_intro .search_intro{display: inline-block;}
.hotel_intro .hotelsearch_mainContainer .btn_blue {padding: 0;}
.hotel_intro .cola_hotel .search_inputname .jqTransformInputWrapper {width: 94.5% !important;}


/* -------------
* 目的地搜尋視窗
* ------------- */
.htl_search .colaweb-search-block {padding: 0 !important;}
.htl_search .destination_popup_box_topfix {display: none;}

.htl_search .destination_popup_box_htl {
    position: absolute;
    top: 38px;
    left: 1px;
	width: 520px;
    /*max-width: 680px;*/
    background: #fff;
    z-index: 60;
    border: 1px solid #00a3e0;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	font-size: 15px;
	font-family: verdana, "微軟正黑體";
	text-shadow: #333 0em 0em 0em !important;
	/*font-weight: 300;*/
}
.htl_search .destination_popup_box_close {
	position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    text-align: left;
    cursor: pointer;
	background: url(../Hotel/images/icon_close.png) 6px 7px no-repeat !important;
}
.htl_search .hotelsearch_mainContainer .destination_popup_box_close,
.htl_search .hotelsearch_mainContainer .popbox_content .close {
	background: url(../Hotel/images/icon_close.png) 6px 23px no-repeat !important;
    width: 32px !important;
    height: 42px !important;
}

.htl_search .pop_title, .htl_search a.close_btn_htl{ display:none;}
.htl_search .destination_popup_box_htl:after, .htl_search .destination_popup_box_htl:before {
    content: '';
    position: absolute;
	left: 60px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid transparent;
}
.htl_search .destination_popup_box_htl:before {
    border-bottom: 10px solid #00a3e0;
    bottom: 100%;
    top: -22px;
}
.htl_search .destination_popup_box_htl:after {
    border-bottom: 10px solid #fff;
    z-index: 2;
    top: -18px;
}

/* 目的地搜尋視窗_地點列表 */
.htl_search .location_list_htl {}
.htl_search .destination_tab_htl {
    clear: left;
	padding: 15px 0 1px;
}
.htl_search .destination_tab_htl ul.destination_tab_menu_htl {
    width: 98%; 
	padding: 0 1%;
	display:block;
    overflow: hidden;
    border-bottom: 1px solid #d5d5d5;
}
.htl_search .destination_tab_htl ul.destination_tab_menu_htl li {
    float: left;
    display: inline-block;
    width: 90px;
    text-align: center;
	margin-bottom: -1px;
}
/*.destination_tab_htl ul.destination_tab_menu_htl li.list_mb{ display:none;}*/
.htl_search .destination_tab_htl ul.destination_tab_menu_htl li a {
    display: inline-block;
    width: 100%;
    height: 100%;
	padding: 7px 0;
	font-family: verdana,"微軟正黑體" !important;
}
.htl_search .destination_tab_htl ul.destination_tab_menu_htl li a:hover{color:#00a3e0;}
.htl_search .destination_tab_htl ul.destination_tab_menu_htl li.active a {
    border-bottom: 2px solid #00a3e0;
    color: #00a3e0;
    position: relative;
    top: -1px;
}
.htl_search .destination_tab_htl ul.destination_tab_menu_htl li.active a,
.htl_search .destination_tab_htl ul.destination_tab_menu_htl li a:hover {
	text-shadow: #00a3e0 0em 0em 0em !important;
}

.htl_search .destination_tab_htl ul.destination_tab_menu_htl li.active{line-height: 17px;}
.htl_search .destination_tab_htl .destination_tab_container_htl{margin:20px 0 0;}
.htl_search .destination_tab_container_htl .place_box_htl{margin-bottom:10px; overflow:hidden;}
.htl_search .destination_tab_container_htl .place_label_htl {float: left; width: 50px;}
.htl_search .destination_tab_container_htl .place_region_htl {}
.htl_search .place_label_htl p {
    color: #00a3e0;
    display: inline-block;
    background: #ccedf9;
    line-height: 25px;
    padding: 3px 2px 3px 5px;
    float: left;
    font: 13px verdana,新細明體;
	position: relative;
}
.htl_search .place_label_htl p:after {
	content:"";
	width: 9px;
	height: 24px;
	display: inline-block;
	background: url(../Hotel/images/arrow_bg_blue.png) 0 0 no-repeat;
	position: absolute;
	right: -9px;
	top: 0;
}
.htl_search .place_region_htl ul.place_region_htl_box{margin-left: 50px;}
.htl_search .place_region_htl ul.place_region_htl_box li {
    width: 24%;
	min-width: 150px;
    font: 13px verdana,新細明體;
    display: inline-block;
    margin-bottom: 3px;
}
.htl_search .place_region_htl ul.place_region_htl_box li a {
    display: block;
    cursor: pointer;
	line-height:25px;
}
.htl_search .place_region_htl ul.place_region_htl_box li a:hover{ color:#00a3e0;}


/* 目的地搜尋視窗_地點列表：近期搜尋 */
.htl_search .recent_searches_htl {
    padding: 20px 0 0 0;
    margin: 0;
    border-top: 1px solid #d5d5d5;
}
.htl_search .recent_searches_htl .place_box_htl{margin-bottom:15px; overflow:hidden;}
.htl_search .recent_searches_htl .recent_search_label_htl {float: left; width: 77px;}
.htl_search .recent_searches_htl .place_recent_search_htl {}
.htl_search .recent_search_label_htl p {
    color: #84329b;
    display: inline-block;
    background: #e6d6eb;
    line-height: 25px;
    padding: 3px 2px 3px 5px;
    float: left;
    font: 13px verdana,新細明體;
	position: relative;
}
.htl_search .recent_search_label_htl p:after {
	content:"";
	width: 9px;
	height: 24px;
	display: inline-block;
	background: url(../Hotel/images/arrow_bg_purple.png) 0 0 no-repeat;
	position: absolute;
	right: -9px;
	top: 0;
}
.htl_search .place_recent_search_htl ul.recent_search_box_htl {margin-left: 77px; margin-right: 10px;}
.htl_search .place_recent_search_htl ul.recent_search_box_htl li {
    width: 100%;
    font: 13px verdana,新細明體;
	line-height: 22px;
    display: inline-block;
    margin-bottom: 6px;
}
.htl_search .place_recent_search_htl ul.recent_search_box_htl li a {display: block; cursor: pointer;}
.htl_search .place_recent_search_htl ul.recent_search_box_htl li a:hover{ color:#00a3e0;}
.htl_search .remarks_htl {background: #f2f2f2; text-align: center; padding: 10px;}
.htl_search .remarks_htl p{color:#999; font: 13px verdana,新細明體; line-height:1.6;}


/* -------------
* 目的地搜尋視窗_文字搜尋
* ------------- */
.htl_search .input_keyword_htl  {padding: 25px 0 0 0;}
.htl_search .input_keyword_htl .place_box_htl {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 20px;
	padding-bottom: 11px;
}
.htl_search .input_keyword_htl .place_box_htl:last-child {border-bottom: 0; margin-bottom: 10px;}
.htl_search .input_keyword_htl .place_region_htl ul.place_region_htl_box {margin-right: 35px;}
.htl_search .input_keyword_htl .place_region_htl ul.place_region_htl_box li {width: 100%; display: inherit;}
.htl_search .input_keyword_htl .place_region_htl ul.place_region_htl_box li a span {color: #00a3e0;}


/* -------------
* 目的地搜尋視窗_文字搜尋無結果
* ------------- */
.htl_search .input_noresult_htl {padding: 20px 40px 20px 10px;}
.htl_search .input_noresult_htl p {font-size: 13px; font-family: verdana, "新細明體";}



/*.location_list_htl, .input_keyword_htl, .input_noresult_htl{display:none;}*/

.htl_search .cola_hotel .search_nightnum .jqTransformSelectWrapper ul{
	width: 53px !important;
	top: 31px !important;
}


/* -------------
* 日曆調整
* ------------- */
#ui-datepicker-div {
    margin-top: 5px;
    margin-left: -6px;
}

/*搜尋 loading 小圖*/
.hotelsearch_mainContainer .btn_blue .searching img {width: 20px; margin-left: 0;}

/*搜尋框下拉不要空*/
/*.destination_popup_box_htl {min-width: 360px; min-height: 50px;}*/
.input_typing_htl {padding: 20px 40px 20px 10px}
.input_typing_htl img {margin-left: 10px;}





/*退房日期改成 textbox*/
.hotelsearch_content_checkout {
	border-left: 0;
    margin-left: 0;
    padding-left: 0;
	display: inline-block;
}
.cola_hotel .hotelsearch_content_checkout .jqTransformInputWrapper {
	width: 142px !important;
	border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.cola_hotel .hotelsearch_content_checkout .jqTransformInputWrapper input {
	border-left: 2px solid #ccc !important;
    padding-left: 4px !important;
}
.cola_hotel .hotelsearch_content_checkout .jqTransformInputWrapper:hover,
.cola_hotel .hotelsearch_content_checkout .jqTransformInputWrapper_hover,
.cola_hotel .hotelsearch_content_checkout .jqTransformInputWrapper:focus,
.cola_hotel .hotelsearch_content_checkout .jqTransformInputWrapper_focus{ 
	border:none !important;
	outline: none;
	box-shadow:0px 0 0 #d4d4d4 !important;
}
.hotelsearch_mainContainer .cola_hotel .jqTransformInputInner div input {
	font-family: verdana, "新細明體" !important;
	font-size: 13px;
}


/*固定title*/
.htl_search{
	min-width:418px;
	color:#666666;
	font-size:13px;
	}
.htl_search .title{
	height:30px;
	margin-bottom:10px;
	line-height:26px;
	vertical-align:middle;
	overflow:hidden;
	border-bottom:solid 1px #d5d5d5;
	}
.htl_search .title p{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#00a3e0;	
	font-family:微軟正黑體;
	float:left;
	}

.htl_search .title a,.htl_search .title span{
	display:block;
	float:right;
	text-decoration:none;
	color:#00a3e0;
	}

.htl_search .title a:hover{
	color:#ff9e1b;
	}


/* 20181018 修改被其他CSS衝到 */
.cola_hotel .hotelsearch_content_checkout .jqTransformInputWrapper {width: 145px !important;}
.hotelsearch_mainContainer .cola_hotel .jqTransformInputInner div input{
	box-shadow: none !important;
    vertical-align: baseline !important;
}


/*↓↓↓  20181112_因新大首頁，所以把所有下拉選單改成 uniform START  ↓↓↓*/
.hotelsearch_area {margin-bottom: 10px;}
.cola_hotel input.uniform-input {
	font-family: Verdana, '新細明體' !important;
	text-shadow: #333 0em 0em 0em !important;
}
.cola_hotel .search_inputname input.uniform-input {
	width: calc(100% - 6px) !important;
	height: 30px !important;
}
.cola_hotel .search_date input.uniform-input {
	width: 100px !important;
	height: 30px !important;
}
.cola_hotel .hotelsearch_content_checkout {margin-bottom: 6px !important;}
.hotelsearch_block_peoplenum .hotelsearch_content_block {padding-bottom: 10px;}
.cola_hotel .hotelsearch_content_checkout input.uniform-input {
	width: 150px !important;
	height: 30px !important;
}
.cola_hotel div.selector {
	width: 50px !important;
	height: 30px !important;
}
.cola_hotel div.selector {background-position: 0 3px !important;}
.cola_hotel div.selector select {
	width: calc(100% + 2px) !important;
	height: calc(100% + 2px) !important;
	top: -1px !important;
	left: -1px !important;
}
.cola_hotel div.selector span {
	width: 100% !important;
	height: 100% !important;
}

.cola_hotel div.selector * {
	font-family: Verdana, '新細明體' !important;
	text-shadow: #333 0em 0em 0em !important;
}

.hotelsearch_content_block {display: inline-block;}
.hotelsearch_content_roomstyle, .hotelsearch_content_night {top: auto !important;}

.cola_hotel .hotelsearch_content_checkout {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.hotelsearch_title_date {top: 9px !important;}
.cola_hotel .hotelsearch_content_checkout input.uniform-input {
	height: 22px !important;
	border: none !important;
	border-left: 2px solid #ccc !important;
	box-shadow: none !important;
	padding: 0 0 0 2px !important;
	border-radius: 0 !important;
	font-size: 13px !important;
}	



/*---for大首頁---*/
.colaweb-index .cola_hotel .search_date input.uniform-input {width: 110px !important;}
.colaweb-index .cola_hotel .hotelsearch_content_checkout input.uniform-input {width: 170px !important;}

.colaweb-index .cola_hotel div.selector span {
	font-size: 15px !important;
	line-height: 28px !important;
	height: 30px !important;
}
.colaweb-index .cola_hotel div.selector * {font-size: 15px !important;}

.colaweb-index .cola_hotel .search_inputname input.uniform-input,
.colaweb-index .search_date input.uniform-input {
	height: 32px !important;
}
.colaweb-index .cola_hotel .search_inputname input.uniform-input {font-size: 13px !important;}
.colaweb-index .hotelsearch_block_peoplenum .hotelsearch_content_block {padding-bottom: 6px;}

/*↑↑↑  20181112_因新大首頁，所以把所有下拉選單改成 uniform END  ↑↑↑*/



/*20190223選擇房型改成選擇房間數+人數*/
.hotelsearch_block_peoplenum .hotelsearch_content {padding-left: 0;}
.hotelsearch_block_peoplenum .hotelsearch_content_roomstyle_faketitle {
	display: inline-block;
	width: 36px;
}
.hotelsearch_block_peoplenum .hotelsearch_content_roomstyle_faketitle:before {
	content: "*";
    font-size: 13px;
    color: #d6001c;
    font-family: Arial;
    padding-right: 3px;
}
.hotelsearch_block_peoplenum .hotelsearch_content_block {
	width: auto;
	margin-left: -3px;
}
.hotelsearch_block_peoplenum div.hotelsearch_content_block:first-child {
	margin-left: 0;
}	
.hotelsearch_block_peoplenum div.selector {
	margin-right: 0;
}
.hotelsearch_block_peoplenum .hotelsearch_content_childage {
	margin-bottom: 20px;
	margin-left: 40px;
}
.hotelsearch_block_peoplenum .hotelsearch_content_childage div {
	text-align: left;
}