/*only screen (not print)*/

#price .tag, .price .tag{left:auto; right:-9px;}


/*將輪播圖第一張改為一定顯示且有尺寸，以撐開輪播DIV，1.可以不用再人工設定高度、2.RWD寬度縮小後高度能自適應*/
/*但卻發現不手動設定高度，會造成特色高1390px"有可能"會被分成兩頁，而且暫時找不到原因，所以還是持續需要人工設高度，此效果僅為了RWD檢視用，所以放在這檔案裡*/
div[id^=fade], div[class^=fade]{ height:auto !important;}
div[id^=fade] a.ad:first-child, div[class^=fade] a.ad:first-child{ position:relative; display:block !important;}
/*END*/




/*201807 開發M版*/

header.type-top{ position: relative; z-index: 99;}
header.type-top .btn-backup{ position: absolute;top: 0; left:0; padding: 15px 13px; margin-top: 0;}
header.type-top .btn-backup img{width: 16px;}
header.type-top .btn-link{position: absolute;top: 0; right: 0;padding: 12px 13px;}
header.type-top .btn-link img{width: 24px}
.btn-link-dialog{
	position: absolute;
	display: none;
	padding: 5px 7px;
	right: 100%;
	top: 21%;
	background-color: rgba(0, 0, 0, 0.75);
	color: white;
	font-size: 14px;
	white-space: nowrap;
	border-radius: 5px;
	text-align: center;
	pointer-events: none;
}
header.type-top .btn-link.click .btn-link-dialog{ display: block; }
.dep_date_choose{
    color: white;
    font-size: 13px;
    display: inline-block;
    line-height: 1;
    padding: 4px 5px;
    background-color: #7fcae5;
    border-radius: 2px;
}

/*--------------------END-------------------*/




@media screen and (min-width:981px) and (max-width:1160px){
	.aside-function{ right:10px;}
}
@media screen and (min-width:981px){
	.flight_list tr:hover > td{
		background-color: rgba(0, 0, 0, 0.3);
	}

	.e_p_item .v_item:hover i{
		margin-left:10px;
		padding-left:4px;
		padding-right:17px;
	}

	.e_p_item .v_item:hover i:after{
		content:"";
		position:absolute;
		display:block;
		top:4px;
		left:32px;
		background:url(images/type_base.png) 0 -200px no-repeat;
		width:10px;
		height:10px;
	}
	.daily_box_note:hover{
		-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 0 12px rgba(0,0,0,0.1) inset;
		box-shadow: 0 0 12px rgba(0,0,0,0.1) inset;
	}
	.daily_box_13x2 h3{
		color:#fff;
	}

	.daily_box_13.isimg:hover h3{
		color:#fff;
	}

	.daily_box_13x2:hover h3{
		color:#000;
	}

	*.daily_box_13x2:hover *h3+span{/*IE7*/visibility:visible;}
	*.daily_box_13x2 *h3+span{/*IE7*/visibility:hidden;}
	.daily_box_13.isimg:hover *h3+span{ /*IE7*/	visibility:hidden;}
	.daily_box_13.isimg *h3+span{ /*IE7*/	visibility:visible;}

	.daily_box_13.isimg h3+span{
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		transition:800ms ease-out;
	}
	.daily_box_13x2 h3+span{
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		transition:200ms ease-out;
	}
	.daily_box_13x2:hover h3+span{
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		transition:800ms ease-out;
		color:#000;
	}

	.daily_box_13.isimg:hover h3+span{
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		transition:200ms ease-out;
	}



}


@media screen and (max-width:980px){
	.aside-function{ display:none}
	.h1bar{ width:96%; text-align:left;}
	#facebookbar{ display:none}
	.eachdaily{ width:96%;border-bottom-color: #666;}
	.discount{ width:96%}
	.discount_logo{ display:none}
	.discount_main, .discount_notes{ padding-left:22px}
	.discount_slogan{ font-size: 20px;}
	.grup_status {margin-right: 4%; width:auto;vertical-align: middle; position: relative;}
	.btn_order, .btn_close{ width:30%}
	#price .available, .price .available{ font-size:26px}
	.grup_cd{display: none;}
	.type_detail #price.cruises .cruises_calculator~li{ max-width:none}

	.cruises_calculator .cruises_calculator_detailF{max-width: none;}
	.cruises_calculator .cruises_calculator_detailF:after{
		top:auto; bottom:-36px;
		margin-top: 0;
		right: 50%;
		margin-right: -15px;
		-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);
	}
	.cruises_calculator_summary{
		position: relative;
		top: 0;
		width: 100%;
		max-width: 500px;
		margin: 50px auto 0;
	}

	#spec p{ margin: 8px 4% 0;}




	.daily_box, .daily_box_33x2, .daily_box_13, .daily_box_13x2, .daily_box_23, .daily_box_23x2, .daily_box_12{ margin:4px 0}
	.daily_box_12, .daily_box_33x2{width:100%; height:auto;}
	.daily_box_12 .text{height: auto;}
	h4.rl{ width:100%;margin:15px 0 5px;}
	.pic_cover{ display:none !important}

	.daily_box_note{ border:none; background:none; padding:0; margin:0;}
	.daily_box_note_margin{ display:none}
	#daily .image{height:auto; float:none; opacity:1;filter: alpha(opacity=100);}
	#daily .text{vertical-align: bottom; float:none}
	div[class^=daily_box_] .text_inside{ position:relative; width:100%; height:auto; padding:26px;    box-sizing: border-box; margin:0 !important;}
	div[class^=daily_box_1], div[class^=daily_box_2], div[class^=daily_box_3]{ display:table; width:100%; height:auto !important;}
	#tour_nav{ display:none}
	#price{ width:96%!important}
	.col_l{ width:96%!important}
	.col_r{ width:auto; position:relative; top:0; -webkit-transform:none;-ms-transform:none;transform:none; padding: 10px 0;}
	/*
	#price .col_l>li, .price .col_l>li{margin: 5px 0}
	.booking_know~li, .expense_in~li{padding-top: 0}
	*/
	#price h4, .price h4{ display:block;/* font-size:18px;*/ margin:6px 0}
	#price li.dep_date h4, #price li.deposit h4{ display:inline-block; width:auto}
	.selling_price ol, .extra_price ol, #price h4+div, .price h4+div, .people h4+div{ display:block}
	.e_p_item .v_item i{position:static; padding: 2px 5px; background-color: #7fcae5;}
	.e_p_item .v_item i div{left:0; top:100%; width:100%}
	.content_block{ width:92%; word-break: break-all}
	#spec>table:not(.newpage) td{ height:auto !important;}/*前一代輪播語法td也會設高度，透過此方式篩選出來(應可挑出大部分)*/
	/*航班表*/
	#flight{ background:none}
	#flight .gap{ display:none;}
	.flight_th, table.flight_th + .hr{ display:none}
	.flight_list{ color:#000; width:92%; letter-spacing:0; margin-top:0 !important;}
	.flight_list tr {position: relative;display: block; width:100%;float: left;margin-bottom:8px;border-radius: 8px;}
	.flight_list td{ display:block; width:100%; height:auto; line-height:1.5;background: none; box-sizing:border-box;}
	.flight_list tr td:first-child{ text-align:center;font-size: 18px;font-weight: bold;padding:6px 0 4px;border: #333 1px solid;}
	.type .flight_list tr td:nth-child(2){ padding-top:10px}
	.type_detail .flight_list tr td:nth-child(2){ padding-top:10px}
	.flight_list tr td:last-child{ padding-bottom:10px}

	.flight_list td:before{content:attr(title) "："}
	.flight_list tr td:first-child:before{ display:none}
	.flight_list .num{ text-align:left; color:inherit; font-family:inherit;}
	.flight_list .citycode{ font-size: inherit; letter-spacing: 0}
	.flight_note{
		width:92%; margin:0 auto; padding:.5em 0; box-sizing:border-box; 
		border-top:#aaa 1px dashed; color:#666;font-size: 10px;
	}
	.type .flight_note{text-align:left;}

	.eachdaily_mealbar td{ width:auto; font-size:15px;}

	#expense{ width:94%}
	.expense_online{ display:none}

	body.Search-List #tableList, body.Search-List .lockbar_list>table, body.Search-ListV2 #tableList, body.Search-ListV2 .lockbar_list>table{ width:100%;}
	body.Search-List button.compare_0, body.Search-List button.compare_1, body.Search-ListV2 button.compare_0, body.Search-ListV2 button.compare_1{display:none}
	body.Search-List td[data-title=GRUP_FLIGHT], body.Search-ListV2 td[data-title=GRUP_FLIGHT]{display:none!important}

	.sidebar{display: none}



	/*2018.07 開發M版*/
	html.m .margin-bottombar{ margin-bottom: 58px;}
	html.m .lockbar_detail, html.m .lockbar_type{ background: transparent}
	html.m .h1bar{padding-bottom: 0; border: 0 !important}
	.h1_pic{
		position: relative; display: none; width: 22%; max-width: 120px; margin: 0 auto 11px; 
		border-radius: 50%; border: #ccc 2px solid; overflow: hidden;
		background-size: cover; background-position: center center; background-color: #efefef;
	}
	.h1_pic:before{
		content: "";position: relative; display: block; padding-top: 100%;
	}
	.M_tour_nav{
		display: table; width: 100%; height: 42px;
		border-bottom: #e5e5e5 1px solid; background-color: white;
		list-style: none;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    	box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
	}
	.M_tour_nav li{
		position: relative;
		display: table-cell; vertical-align: middle;
		text-align: center;
	}
	.M_tour_nav li.selected:after{
		content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: -1px; 
		background-color: #f0871b; border-radius: 2px;
	}
	html.m #price .expense h4, html.m .price .expense h4, html.m .departure_text h4{
		font-weight: 700;
		font-size: 20px;
		line-height: 1;
		margin: 30px 0 20px 0;
		padding-left: 10px;
		border-left: 3px solid #7fcae5;
	}
	html.m .check_more{display: none}
	
	html.m .cruises_calculator_btn_order{ display: none;}/*遊輪試算表的'我要訂購'按鈕*/
	#price .tag, .price .tag{display: none}
	.m_tag{
		position: absolute;
		left:104%;
		top: 12px;
		border: #f0871b 1px solid;
		color: #f0871b;
		font-size: 13px;
		line-height: 1;
		padding: 4px 7px;
		text-align: center;
		white-space: nowrap;
	}
	body.type_detail #price.cruises .col_l{ margin-top: 40px;}


	.title_block img{ max-height: 80px;}
	.type_detail-bottombar{
		position: fixed; display: table; left: 0; bottom: 0; width: 100%; height: 58px;
		background-color: #7fcae5; color: white; z-index: 99;
		-webkit-transform: translateZ(0); transform: translateZ(0);
		-webkit-box-shadow: 0 -3px 3px 0 rgba(0,0,0,.05);  box-shadow: 0 -3px 3px 0 rgba(0,0,0,.05);
	}
	.type_detail-bottombar>div{ display: table-cell; height: 100%; line-height: 58px; text-align: center;}
	.type_detail-bottombar .type_detail-dateinfo{  width: 60%; font-size: 16px;}
	.type_detail-bottombar .type_detail-dateinfo span{color: #fff061; font-size: 18px; font-weight: 700}
	.btn-main-step{ position: relative;  font-size: 18px; font-weight: 700;}
	.type_detail-bottombar .type_detail-dateinfo+.btn-main-step:after{
		content: "";
		position: absolute;
		display: block;
		width: 1px;
		height: 100%;
		top: 0;
		left: -1px;
		background-color: white;
		opacity: 0.3;
	}

	html.m .btn_order{display: none;}
	html.m #banner{ display: none}/*團票FIT的固定介紹*/
	
	html.m #price, html.m .type .price, html.m .type_detail #price, html.m .type_detail .price{border: 0; margin: 6px auto 0; padding: 0 0 10px;}
	.step{ width:96%; margin: 12px auto 0px;    font-size: 13px;}
	.step>span, .step button i{ display: none}
	.step ol{ width: 100%}
	.step li{ color: white;background-color: #ceeafd; height: 2.6em; padding-right: 0; margin-right: 1.5em; width: 19%;}
	.step li.selected{ color: white;background-color: #68b9f3; width: 40%;/*為了美觀而寫死*/ }
	.step button{font-size: inherit; height: 100%; padding: 0;}
	.step li:before{ position: absolute; content: "";border: 1.3em solid #ceeafd; border-left: 1.3em solid  transparent;border-right: 0; top: 0;left: -1.3em;}
	.step li.selected:before{border-top-color: #68b9f3; border-bottom-color: #68b9f3;}
	.step li:first-child:before{display: none}
	.step li:after{ content: "";border: 1.3em solid transparent; border-left: 1.3em solid #ceeafd; top: 0;right: -2.6em;}
	.step li:last-child:after{ display:block}
	.step li.selected:after{ animation: none; border-left-color: #68b9f3;}

	.search-tabs .cond {
		color: #000;
		font-size: 15px;	
		line-height: 1.5;	
		letter-spacing: 1px;	
		width: 100%;	
		padding: 12px 0;	
		border-bottom: 1px solid #e5e5e5;	
	}
	.search-tabs .cond-name4 { vertical-align: top;display: inline-block;width: calc(5em + 5px);}
	.search-tabs .cond-cont4 { vertical-align: top;display: inline-block;width: calc(100% - 5em - 10px);}
	.search-tabs .input-val {
		letter-spacing: 1px;	
		line-height: 1.5;	
		display: inline-block;	
		width: 100%;	
		border: none;	
	}
	.cnt-tot-frame{vertical-align: top;display: inline-block;	}
	.cnt-sub, .cnt-add{ display: inline-block; vertical-align: top;	padding: 8px 40px 8px 8px; margin: -8px;}
	.cnt-add { padding: 8px 8px 8px 40px;}
	.cnt-sub img, .cnt-add img{vertical-align: middle;}
	.sel-status span {
		font-size: 13px;	
		letter-spacing: 0px;
		text-align: center;	
		box-sizing: border-box;	
		display: inline-block;	
		margin-right: 5px;
		color: #c5c5c5;
		background-image: url(https://www.bwt.com.tw/action/eater/btw_mob/mob_css/imgs/search-tabs/cancel.svg);
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 0px;
		padding: 4px;
		border: 1px solid #c5c5c5;
		border-radius: 2px;
	}
	.sel-status .active.sel {
		color: #f0871b;
		background-position: right 9px center;
		background-size: 9px;
		border: 1px solid #f0871b;
		padding-right:20px;
	}
	html.m #step+#price .cond:nth-child(6){border-bottom: 0}
	html.m .selhtl{ margin-top: -10px;}
	/*要加上分隔線的單元*/
	html.m #expense_include, html.m #accommodation, html.m #step~#flight, html.m #step~#ticket{ border-top: #f6f6f6 8px solid;}
	/*隱藏原標題img 改成文字的*/
	html.m #flight{margin-top: 0}
	html.m .title_block{display: none}
	html.m #flight:before, html.m #accommodation:before, html.m #ticket:before, html.m #remind:before, html.m #departure:before{
		content: attr(title); font-weight: 700; font-size: 20px; line-height: 1;
		display: block; margin: 30px 4% 20px 4%;padding-left: 10px;
		border-left: 3px solid #7fcae5;
	}
	html.m #accommodation:before{ margin-bottom: 0}



	/*關於自由行*/
	.accommodation_row{ width: 100%; display: block; overflow: hidden;}
	.accommodation_box, .accommodation_box.XL{ 
		display: block; width: 50%; padding: 12px 4%; box-sizing: border-box;
		border-right: 0; float: left;border-bottom: #dcd5cd 1px solid;
	}
	.accom_slider{height: auto;}
	.accom_slider>li{position: relative!important; padding: 12px 0;    border-bottom: #dcd5cd 1px solid;}
	.accom_slider>li:last-child{border-bottom: 0}
	
	.accommodation_box.XL{ width: 100%}
	.accommodation_box .image, .accommodation_box.XL .image{
		position: absolute; left: 3%; bottom: 16px; width: 30%; height: 82px!important; float: none;
	}
	.type_detail .accommodation_box .image, .type_detail .accommodation_box.XL .image{left: 0; width: 33%;}
	.accommodation_box .image:after{display: none;}
	.accommodation_box .text, .accommodation_box.XL .text{width: 100%; height: auto; float: none;}
	ol.ol_slider{display: none;}
	.accommodation_wifi:before{
		content: "WIFI";left: 0;top: auto;right: auto;bottom: 60px;
		height: auto;width: auto;padding: 1px 4px;
		background: #7fcae5;  color: white; font-size: 12px; font-weight: 300;
	}
	.accommodation_header{padding: 0;display: block; float:none !important;}
	.accommodation_name{ display: block; padding-right: 110px; }
	.accommodation_header h2{ font-size: 18px; margin-bottom: 3px;}
	h2 .en{text-overflow: ellipsis;overflow: hidden;}
	.accommodation_location{ display: inline; background: none; padding-left: 0; color: #888; font-size: 12px; line-height: 1.6;    margin-right: 1px;}
	.accommodation_location:before{ display: none;}
	.accommodation_location_linkmap{display: none;}
	.accommodation_level{ display: none;}
	.accommodation_star{ display: inline-block; }
	.accommodation_intro{ 
		padding: 0 0 0 36%; font-size: 15px; line-height: 1.5; color: #8d8d8d;
		height:6em; overflow: hidden;
		text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;
	}
	.accommodation_intro{margin: 8px 0 0 !important;}
	.accommodation_price{
		position: absolute;
		width: auto !important; right: 0; top: auto; left: auto; 
		bottom:calc(112px + (100% - 124px)/2) !important;/*下半部+上半部的一半高*/
		-webkit-transform: translateY(43%);transform: translateY(43%);
		padding: 0!important;  /*pointer-events: none;*/
	}
	.accommodation_price>a{
		width: auto !important;
		color: #f0871b; border: 0 !important; background-color: transparent!important; background-image: none!important; 
		font-size: 13px; margin: 0 !important; padding: 8px !important;;
	}
	.accommodation_price>a:hover{ background-color: transparent; color: #f0871b;border: 0 !important;}
	.type .accommodation_price>a:hover{ border-bottom: 0 !important;}
	/*箭頭
	.accommodation_price>a:before{
		content: "";
		position: absolute; display: block; width: 16px; height: 16px; right: 2%; top: 0;
		border-top: #dbdcdf 3px solid; border-right: #dbdcdf 3px solid; 
		transform: rotate(45deg);
	}
	*/
	.accommodation_price>a:after{
		content: "查看"!important;
		background-color: #f0871b;
		padding: 6px 3px;
		border-radius: 2px;
		display: block;
		color: white;
		margin-top: 5px;
	}
	.accommodation_price_num{font-size: 20px !important; margin: 0;}
	.type_detail .accommodation_price_num{display: inline-block;}
	.type_detail .accommodation_price_num:after{content: ""; display: none;}
	.accommodation_price_num:before{content: "$"}
	.m_accom_choose .accom_slider>li{border-bottom: 0}
	/*2018.07 開發M版--------END------*/


}
@media screen and (max-width:700px){
	.eachdaily_mealbar td{display: block; float: left;text-align:left}
	.eachdaily_mealbar tr td:nth-child(2n+1){clear:both;}
	.eachdaily_mealbar tr td:nth-child(2n+0){ width:calc(100% - 80px); padding-top:4px;}
	.eachdaily_mealbar tr:first-child td:nth-child(1), .eachdaily_mealbar tr:first-child td:nth-child(3){ margin-bottom:15px;}
	.expense_child, .slidelist{ display:none}
	.expense_adult{ width:100px;}
	.expense_include, .expense_online, .expense_needbuy{ width:76px;}
	div[class^=daily_box_] .text_inside{padding:21px;}
	td.hr_h{ display:none}
	td.eachdaily_title_day{ position:absolute; width:auto;}
	td.eachdaily_title_summary{padding:52px 0 0;}
	.eachdaily_nth{border: #333 1px solid;padding: .1em .4em; line-height:1}
	.type_detail .eachdaily_nth{font-size: .6em;padding: .3em .4em;margin-right: .4em;font-weight: normal;vertical-align: middle;}
	.eachdaily_date:before{ display:inline-block;}
	.eachdaily_date{font-size: inherit; vertical-align:middle;}

	.accommodation_box, .accommodation_box.XL{width: 100%; float: none;}
	.accommodation_box:last-child{ border-bottom: 0}
}

@media screen and (min-width:550px) and (max-width:980px){
	.flight_list tr{width: 48%;}
	.flight_list tr:nth-child(2n+1){ margin-right:4%;}

	body.Search-List td[data-title=ESTM_QT], body.Search-ListV2 td[data-title=ESTM_QT]{ display:none}

	.pop_price{ width:526px; right:-182px; top:100%;}
	.pop_price:after, .pop_price:before{ right:199px}

}
@media screen and (min-width:500px) and (max-width:980px){
	#daily .image{display:table-cell;width:60%;}
	#daily .text{ display:table-cell;width: auto;}

	div[class^=daily_box_] .image img{min-width: 100%;min-height: 100%;position: absolute;}/*看要不要鋪到全二代版的圖*/

	.eachdaily_style4>div.daily_box_23 .image img, .eachdaily_style3>div.daily_box_23 .image img,  .eachdaily_style2>div.daily_box_23 .image img{ position:relative; width:100%}

}
@media screen and (min-width:500px) and (max-width:700px){
	.daily_box_12 .image{ width:40%;}
}
@media screen and (max-width:549px){
	/*改售價表>其他費用>簽證>詳細按鈕*/
	.extra_price span{ -webkit-transform: translateX(0);transform: translateX(0);z-index: 2;}
	.e_p_item>.v_item{ text-indent: -3000px; display: inline-block; width: 3em; vertical-align: 2px;}
	.e_p_item .v_item i{ position: absolute; left: 0; text-indent: 0;}
	.e_p_item .v_item i div{ position: fixed; width: 80vw;left: 0}


	/*選購項目*/
	.expense_list{border-bottom: #eee 1px dashed;}
	.expense_list tr{margin: 10px 0}
	.expense_list td{  padding: 0; border-bottom: 0;}
	.expense_list td:first-child{ display: block; width: 100%; float: left; font-weight: 700 }
	.expense_list td:nth-child(2){ width:66% !important; display: block; float: left; font-size: 12px; color: #777; padding-bottom: 10px;}
	.expense_list td:nth-child(3), .expense_list td:last-child{ width:17% !important; display: block; float: left; padding-bottom: 10px;}
	.expense_th{font-size: 12px}
	.expense_th td:nth-child(2){display: none}
	.expense_th td:nth-child(3), .expense_th td:last-child{ width: 17% !important}

	.extra_price ol li{padding: 8px 0}
	.e_p_price{ width:20%; margin-right: 1%;}.e_p_price:nth-child(3){display:none}.no, .yes{ width: 18%;margin-right: 0}


	body.Search-List #lockbar-sticky-wrapper, body.Search-ListV2 #lockbar-sticky-wrapper{ display:none}

	body.Search-List #tableList>tbody>tr, body.Search-ListV2 #tableList>tbody>tr{
		position:relative;	display:block; padding:15px 10px;
		border-bottom:#ccc 1px solid; box-sizing:border-box;
	}
	body.Search-List #tableList>tbody>tr:after, body.Search-ListV2 #tableList>tbody>tr:after{ content:""; display:table; clear:both;
	}
	body.Search-List #tableList>tbody>tr>td, body.Search-ListV2 #tableList>tbody>tr>td{
		display:block; float:left; border:none; height:auto; width:auto!important; padding:0; white-space:nowrap;
		font-size: 15px; font-family: inherit; color: #222; clear:left;
	}
	body.Search-List #tableList>tbody>tr#trPager>td, body.Search-ListV2 #tableList>tbody>tr#trPager>td{ white-space:normal;width:100% !important}


	body.Search-List #tableList>tbody>tr>td[data-title=Air_Pt]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=Air_Pt]:before{ content:"出發地:"}
	body.Search-List #tableList>tbody>tr>td[data-title=MinCurr_AM]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=MinCurr_AM]:before{ content:"售價:"}
	body.Search-List #tableList>tbody>tr>td[data-title=ESTM_QT]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=ESTM_QT]:before{ content:"總機位:"}
	body.Search-List #tableList>tbody>tr>td[data-title=Sale]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=Sale]:before{ content:"可報名:"}




	body.Search-List #tableList>tbody>tr>td[data-title=GRUP_SNM], body.Search-ListV2 #tableList>tbody>tr>td[data-title=GRUP_SNM]{ white-space:normal;}
	body.Search-List a.tour-name, body.Search-ListV2 a.tour-name{font-size:18px; font-weight:bold; display:block; padding:5px 0}
	body.Search-List a.tour-name:after, body.Search-ListV2 a.tour-name:after{
		content:"看詳細內容"; display:inline-block; border:#333 1px solid; padding:0 5px; font-size:13px; margin-left:3px; line-height:1.4;
	}
	body.Search-List #tableList>tbody>tr>td[data-title=LEAV_DT], body.Search-ListV2 #tableList>tbody>tr>td[data-title=LEAV_DT]{padding: 2px 8px;background-color: #ffa71d;color: white;border-radius: 3px;}
	/*
	body.Search-List #tableList>tbody>tr>td[data-title=GRUP_SNM]:before, body.Search-List #tableList>tbody>tr>td[data-title=LEAV_DT]:before, body.Search-List #tableList>tbody>tr>td[data-title=GroupMemo]:before, body.Search-List #tableList #trPager td:before, body.Search-List #tableList>tbody>tr>td[data-title=GRUP_STATE]:before{ display:none;}
	*/
	body.Search-List #tableList .price-style, body.Search-ListV2 #tableList .price-style{ font-size:22px}
	body.Search-List #tableList>tbody>tr>td[data-title=GRUP_STATE], body.Search-ListV2 #tableList>tbody>tr>td[data-title=GRUP_STATE]{ position:absolute; right:20px; bottom:20px;}
	body.Search-List #tableList>tbody>tr>td[data-title=GroupMemo], body.Search-ListV2 #tableList>tbody>tr>td[data-title=GroupMemo]{clear: none;margin-left: 12px;color: #76afe9;}
	body.Search-List .tips:hover span, body.Search-ListV2 .tips:hover span{ display:none}
	.pageselect{ width:100%; display:table;}
	.pageselect a{ margin:0; display:table-cell; padding:10px 0;}
	.pageselectButton{ display:none !important}
	td[data-title=MinCurr_AM]:hover .pop_price{ display:none !important}

	.cruisesPriceTable .table_item_name{ width:100%; min-width: auto;}

	#spec:after{ font-size: 10px; background-color: transparent;}

}
@media screen and (max-width:499px){
	.h1bar h1{ font-size:6vw}
	html.m .h1bar h1{ width: 70%;margin: 0 auto;	line-height: 1.4; text-align: justify;}
	#daily .image{display:block;width:100%;}
	#daily .text{ display:block; width:100%; height:auto;}
	div[class^=daily_box_] .image img{width: 100%;}/*看要不要鋪到全二代版的圖*/
	.selling_price ol li{ width:31.5%; margin-bottom:6px;}
	.expense_adult{ width:90px;}
	.expense_needbuy{ display:none}
	.btn_order{ width:95%}

	.cruisesPriceTable thead td.cpt1 img{ max-width:100%}
	
/*20190213 複製行程ICON*/
.copy {
    width: 120px;
    height: 50px;
    right: 55px;
    top: 15px;
    overflow: hidden;
    position: fixed;
}

button#copy {background: none;}
button#copy:hover{background: none;}
	
button#copy span {
    width: 120px;
    padding-top: 15px;
    color: #fff;
}
}


@media screen and (max-width:420px){
	.cruises_calculator_detailF_row{ padding-left:1.4em}
	.cruises_calculator_detailF_row>.cruises_room{ position:relative;display:block; left:auto}


	.cruisesPriceTable td{width: 20%}
	.cruisesPriceTable td:first-child{padding-left: 5px; width: auto}
	.cruisesPriceTable .table_item_name{ display:block; width:auto}
	.table_item_name_memo{ display:block; margin-left:0}
	.cruisesPriceTable .cruisesTableLink{ display:block}
}
/*only screen (not print)*/

#price .tag, .price .tag{left:auto; right:-9px;}


/*將輪播圖第一張改為一定顯示且有尺寸，以撐開輪播DIV，1.可以不用再人工設定高度、2.RWD寬度縮小後高度能自適應*/
/*但卻發現不手動設定高度，會造成特色高1390px"有可能"會被分成兩頁，而且暫時找不到原因，所以還是持續需要人工設高度，此效果僅為了RWD檢視用，所以放在這檔案裡*/
div[id^=fade], div[class^=fade]{ height:auto !important;}
div[id^=fade] a.ad:first-child, div[class^=fade] a.ad:first-child{ position:relative; display:block !important;}
/*END*/




/*201807 開發M版*/

header.type-top{ position: relative; z-index: 99;}
header.type-top .btn-backup{ position: absolute;top: 0; left:0; padding: 15px 13px; margin-top: 0;}
header.type-top .btn-backup img{width: 16px;}
header.type-top .btn-link{position: absolute;top: 0; right: 0;padding: 12px 13px;}
header.type-top .btn-link img{width: 24px}
.btn-link-dialog{
	position: absolute;
	display: none;
	padding: 5px 7px;
	right: 100%;
	top: 21%;
	background-color: rgba(0, 0, 0, 0.75);
	color: white;
	font-size: 14px;
	white-space: nowrap;
	border-radius: 5px;
	text-align: center;
	pointer-events: none;
}
header.type-top .btn-link.click .btn-link-dialog{ display: block; }
.dep_date_choose{
    color: white;
    font-size: 13px;
    display: inline-block;
    line-height: 1;
    padding: 4px 5px;
    background-color: #7fcae5;
    border-radius: 2px;
}

/*--------------------END-------------------*/




@media screen and (min-width:981px) and (max-width:1160px){
	.aside-function{ right:10px;}
}
@media screen and (min-width:981px){
	.flight_list tr:hover > td{
		background-color: rgba(0, 0, 0, 0.3);
	}

	.e_p_item .v_item:hover i{
		margin-left:10px;
		padding-left:4px;
		padding-right:17px;
	}

	.e_p_item .v_item:hover i:after{
		content:"";
		position:absolute;
		display:block;
		top:4px;
		left:32px;
		background:url(images/type_base.png) 0 -200px no-repeat;
		width:10px;
		height:10px;
	}
	.daily_box_note:hover{
		-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 0 12px rgba(0,0,0,0.1) inset;
		box-shadow: 0 0 12px rgba(0,0,0,0.1) inset;
	}
	.daily_box_13x2 h3{
		color:#fff;
	}

	.daily_box_13.isimg:hover h3{
		color:#fff;
	}

	.daily_box_13x2:hover h3{
		color:#000;
	}

	*.daily_box_13x2:hover *h3+span{/*IE7*/visibility:visible;}
	*.daily_box_13x2 *h3+span{/*IE7*/visibility:hidden;}
	.daily_box_13.isimg:hover *h3+span{ /*IE7*/	visibility:hidden;}
	.daily_box_13.isimg *h3+span{ /*IE7*/	visibility:visible;}

	.daily_box_13.isimg h3+span{
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		transition:800ms ease-out;
	}
	.daily_box_13x2 h3+span{
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		transition:200ms ease-out;
	}
	.daily_box_13x2:hover h3+span{
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		transition:800ms ease-out;
		color:#000;
	}

	.daily_box_13.isimg:hover h3+span{
		opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		transition:200ms ease-out;
	}



}


@media screen and (max-width:980px){
	.aside-function{ display:none}
	.h1bar{ width:96%; text-align:left;}
	#facebookbar{ display:none}
	.eachdaily{ width:96%;border-bottom-color: #666;}
	.discount{ width:96%}
	.discount_logo{ display:none}
	.discount_main, .discount_notes{ padding-left:22px}
	.discount_slogan{ font-size: 20px;}
	.grup_status {margin-right: 4%; width:auto;vertical-align: middle; position: relative;}
	.btn_order, .btn_close{ width:30%}
	#price .available, .price .available{ font-size:26px}
	.grup_cd{display: none;}
	.type_detail #price.cruises .cruises_calculator~li{ max-width:none}

	.cruises_calculator .cruises_calculator_detailF{max-width: none;}
	.cruises_calculator .cruises_calculator_detailF:after{
		top:auto; bottom:-36px;
		margin-top: 0;
		right: 50%;
		margin-right: -15px;
		-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);
	}
	.cruises_calculator_summary{
		position: relative;
		top: 0;
		width: 100%;
		max-width: 500px;
		margin: 50px auto 0;
	}

	#spec p{ margin: 8px 4% 0;}




	.daily_box, .daily_box_33x2, .daily_box_13, .daily_box_13x2, .daily_box_23, .daily_box_23x2, .daily_box_12{ margin:4px 0}
	.daily_box_12, .daily_box_33x2{width:100%; height:auto;}
	.daily_box_12 .text{height: auto;}
	h4.rl{ width:100%;margin:15px 0 5px;}
	.pic_cover{ display:none !important}

	.daily_box_note{ border:none; background:none; padding:0; margin:0;}
	.daily_box_note_margin{ display:none}
	#daily .image{height:auto; float:none; opacity:1;filter: alpha(opacity=100);}
	#daily .text{vertical-align: bottom; float:none}
	div[class^=daily_box_] .text_inside{ position:relative; width:100%; height:auto; padding:26px;    box-sizing: border-box; margin:0 !important;}
	div[class^=daily_box_1], div[class^=daily_box_2], div[class^=daily_box_3]{ display:table; width:100%; height:auto !important;}
	#tour_nav{ display:none}
	#price{ width:96%!important}
	.col_l{ width:96%!important}
	.col_r{ width:auto; position:relative; top:0; -webkit-transform:none;-ms-transform:none;transform:none; padding: 10px 0;}
	/*
	#price .col_l>li, .price .col_l>li{margin: 5px 0}
	.booking_know~li, .expense_in~li{padding-top: 0}
	*/
	#price h4, .price h4{ display:block;/* font-size:18px;*/ margin:6px 0}
	#price li.dep_date h4, #price li.deposit h4{ display:inline-block; width:auto}
	.selling_price ol, .extra_price ol, #price h4+div, .price h4+div, .people h4+div{ display:block}
	.e_p_item .v_item i{position:static; padding: 2px 5px; background-color: #7fcae5;}
	.e_p_item .v_item i div{left:0; top:100%; width:100%}
	.content_block{ width:92%; word-break: break-all}
	#spec>table:not(.newpage) td{ height:auto !important;}/*前一代輪播語法td也會設高度，透過此方式篩選出來(應可挑出大部分)*/
	/*航班表*/
	#flight{ background:none}
	#flight .gap{ display:none;}
	.flight_th, table.flight_th + .hr{ display:none}
	.flight_list{ color:#000; width:92%; letter-spacing:0; margin-top:0 !important;}
	.flight_list tr {position: relative;display: block; width:100%;float: left;margin-bottom:8px;border-radius: 8px;}
	.flight_list td{ display:block; width:100%; height:auto; line-height:1.5;background: none; box-sizing:border-box;}
	.flight_list tr td:first-child{ text-align:center;font-size: 18px;font-weight: bold;padding:6px 0 4px;border: #333 1px solid;}
	.type .flight_list tr td:nth-child(2){ padding-top:10px}
	.type_detail .flight_list tr td:nth-child(2){ padding-top:10px}
	.flight_list tr td:last-child{ padding-bottom:10px}

	.flight_list td:before{content:attr(title) "："}
	.flight_list tr td:first-child:before{ display:none}
	.flight_list .num{ text-align:left; color:inherit; font-family:inherit;}
	.flight_list .citycode{ font-size: inherit; letter-spacing: 0}
	.flight_note{
		width:92%; margin:0 auto; padding:.5em 0; box-sizing:border-box; 
		border-top:#aaa 1px dashed; color:#666;font-size: 10px;
	}
	.type .flight_note{text-align:left;}

	.eachdaily_mealbar td{ width:auto; font-size:15px;}

	#expense{ width:94%}
	.expense_online{ display:none}

	body.Search-List #tableList, body.Search-List .lockbar_list>table, body.Search-ListV2 #tableList, body.Search-ListV2 .lockbar_list>table{ width:100%;}
	body.Search-List button.compare_0, body.Search-List button.compare_1, body.Search-ListV2 button.compare_0, body.Search-ListV2 button.compare_1{display:none}
	body.Search-List td[data-title=GRUP_FLIGHT], body.Search-ListV2 td[data-title=GRUP_FLIGHT]{display:none!important}

	.sidebar{display: none}



	/*2018.07 開發M版*/
	html.m .margin-bottombar{ margin-bottom: 58px;}
	html.m .lockbar_detail, html.m .lockbar_type{ background: transparent}
	html.m .h1bar{padding-bottom: 0; border: 0 !important}
	.h1_pic{
		position: relative; display: none; width: 22%; max-width: 120px; margin: 0 auto 11px; 
		border-radius: 50%; border: #ccc 2px solid; overflow: hidden;
		background-size: cover; background-position: center center; background-color: #efefef;
	}
	.h1_pic:before{
		content: "";position: relative; display: block; padding-top: 100%;
	}
	.M_tour_nav{
		display: table; width: 100%; height: 42px;
		border-bottom: #e5e5e5 1px solid; background-color: white;
		list-style: none;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    	box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
	}
	.M_tour_nav li{
		position: relative;
		display: table-cell; vertical-align: middle;
		text-align: center;
	}
	.M_tour_nav li.selected:after{
		content: ""; position: absolute; width: 100%; height: 4px; left: 0; bottom: -1px; 
		background-color: #f0871b; border-radius: 2px;
	}
	html.m #price .expense h4, html.m .price .expense h4, html.m .departure_text h4{
		font-weight: 700;
		font-size: 20px;
		line-height: 1;
		margin: 30px 0 20px 0;
		padding-left: 10px;
		border-left: 3px solid #7fcae5;
	}
	html.m .check_more{display: none}
	
	html.m .cruises_calculator_btn_order{ display: none;}/*遊輪試算表的'我要訂購'按鈕*/
	#price .tag, .price .tag{display: none}
	.m_tag{
		position: absolute;
		left:104%;
		top: 12px;
		border: #f0871b 1px solid;
		color: #f0871b;
		font-size: 13px;
		line-height: 1;
		padding: 4px 7px;
		text-align: center;
		white-space: nowrap;
	}
	body.type_detail #price.cruises .col_l{ margin-top: 40px;}


	.title_block img{ max-height: 80px;}
	.type_detail-bottombar{
		position: fixed; display: table; left: 0; bottom: 0; width: 100%; height: 58px;
		background-color: #7fcae5; color: white; z-index: 99;
		-webkit-transform: translateZ(0); transform: translateZ(0);
		-webkit-box-shadow: 0 -3px 3px 0 rgba(0,0,0,.05);  box-shadow: 0 -3px 3px 0 rgba(0,0,0,.05);
	}
	.type_detail-bottombar>div{ display: table-cell; height: 100%; line-height: 58px; text-align: center;}
	.type_detail-bottombar .type_detail-dateinfo{  width: 60%; font-size: 16px;}
	.type_detail-bottombar .type_detail-dateinfo span{color: #fff061; font-size: 18px; font-weight: 700}
	.btn-main-step{ position: relative;  font-size: 18px; font-weight: 700;}
	.type_detail-bottombar .type_detail-dateinfo+.btn-main-step:after{
		content: "";
		position: absolute;
		display: block;
		width: 1px;
		height: 100%;
		top: 0;
		left: -1px;
		background-color: white;
		opacity: 0.3;
	}

	html.m .btn_order{display: none;}
	html.m #banner{ display: none}/*團票FIT的固定介紹*/
	
	html.m #price, html.m .type .price, html.m .type_detail #price, html.m .type_detail .price{border: 0; margin: 6px auto 0; padding: 0 0 10px;}
	.step{ width:96%; margin: 12px auto 0px;    font-size: 13px;}
	.step>span, .step button i{ display: none}
	.step ol{ width: 100%}
	.step li{ color: white;background-color: #ceeafd; height: 2.6em; padding-right: 0; margin-right: 1.5em; width: 19%;}
	.step li.selected{ color: white;background-color: #68b9f3; width: 40%;/*為了美觀而寫死*/ }
	.step button{font-size: inherit; height: 100%; padding: 0;}
	.step li:before{ position: absolute; content: "";border: 1.3em solid #ceeafd; border-left: 1.3em solid  transparent;border-right: 0; top: 0;left: -1.3em;}
	.step li.selected:before{border-top-color: #68b9f3; border-bottom-color: #68b9f3;}
	.step li:first-child:before{display: none}
	.step li:after{ content: "";border: 1.3em solid transparent; border-left: 1.3em solid #ceeafd; top: 0;right: -2.6em;}
	.step li:last-child:after{ display:block}
	.step li.selected:after{ animation: none; border-left-color: #68b9f3;}

	.search-tabs .cond {
		color: #000;
		font-size: 15px;	
		line-height: 1.5;	
		letter-spacing: 1px;	
		width: 100%;	
		padding: 12px 0;	
		border-bottom: 1px solid #e5e5e5;	
	}
	.search-tabs .cond-name4 { vertical-align: top;display: inline-block;width: calc(5em + 5px);}
	.search-tabs .cond-cont4 { vertical-align: top;display: inline-block;width: calc(100% - 5em - 10px);}
	.search-tabs .input-val {
		letter-spacing: 1px;	
		line-height: 1.5;	
		display: inline-block;	
		width: 100%;	
		border: none;	
	}
	.cnt-tot-frame{vertical-align: top;display: inline-block;	}
	.cnt-sub, .cnt-add{ display: inline-block; vertical-align: top;	padding: 8px 40px 8px 8px; margin: -8px;}
	.cnt-add { padding: 8px 8px 8px 40px;}
	.cnt-sub img, .cnt-add img{vertical-align: middle;}
	.sel-status span {
		font-size: 13px;	
		letter-spacing: 0px;
		text-align: center;	
		box-sizing: border-box;	
		display: inline-block;	
		margin-right: 5px;
		color: #c5c5c5;
		background-image: url(https://www.bwt.com.tw/action/eater/btw_mob/mob_css/imgs/search-tabs/cancel.svg);
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 0px;
		padding: 4px;
		border: 1px solid #c5c5c5;
		border-radius: 2px;
	}
	.sel-status .active.sel {
		color: #f0871b;
		background-position: right 9px center;
		background-size: 9px;
		border: 1px solid #f0871b;
		padding-right:20px;
	}
	html.m #step+#price .cond:nth-child(6){border-bottom: 0}
	html.m .selhtl{ margin-top: -10px;}
	/*要加上分隔線的單元*/
	html.m #expense_include, html.m #accommodation, html.m #step~#flight, html.m #step~#ticket{ border-top: #f6f6f6 8px solid;}
	/*隱藏原標題img 改成文字的*/
	html.m #flight{margin-top: 0}
	html.m .title_block{display: none}
	html.m #flight:before, html.m #accommodation:before, html.m #ticket:before, html.m #remind:before, html.m #departure:before{
		content: attr(title); font-weight: 700; font-size: 20px; line-height: 1;
		display: block; margin: 30px 4% 20px 4%;padding-left: 10px;
		border-left: 3px solid #7fcae5;
	}
	html.m #accommodation:before{ margin-bottom: 0}



	/*關於自由行*/
	.accommodation_row{ width: 100%; display: block; overflow: hidden;}
	.accommodation_box, .accommodation_box.XL{ 
		display: block; width: 50%; padding: 12px 4%; box-sizing: border-box;
		border-right: 0; float: left;border-bottom: #dcd5cd 1px solid;
	}
	.accom_slider{height: auto;}
	.accom_slider>li{position: relative!important; padding: 12px 0;    border-bottom: #dcd5cd 1px solid;}
	.accom_slider>li:last-child{border-bottom: 0}
	
	.accommodation_box.XL{ width: 100%}
	.accommodation_box .image, .accommodation_box.XL .image{
		position: absolute; left: 3%; bottom: 16px; width: 30%; height: 82px!important; float: none;
	}
	.type_detail .accommodation_box .image, .type_detail .accommodation_box.XL .image{left: 0; width: 33%;}
	.accommodation_box .image:after{display: none;}
	.accommodation_box .text, .accommodation_box.XL .text{width: 100%; height: auto; float: none;}
	ol.ol_slider{display: none;}
	.accommodation_wifi:before{
		content: "WIFI";left: 0;top: auto;right: auto;bottom: 60px;
		height: auto;width: auto;padding: 1px 4px;
		background: #7fcae5;  color: white; font-size: 12px; font-weight: 300;
	}
	.accommodation_header{padding: 0;display: block; float:none !important;}
	.accommodation_name{ display: block; padding-right: 110px; }
	.accommodation_header h2{ font-size: 18px; margin-bottom: 3px;}
	h2 .en{text-overflow: ellipsis;overflow: hidden;}
	.accommodation_location{ display: inline; background: none; padding-left: 0; color: #888; font-size: 12px; line-height: 1.6;    margin-right: 1px;}
	.accommodation_location:before{ display: none;}
	.accommodation_location_linkmap{display: none;}
	.accommodation_level{ display: none;}
	.accommodation_star{ display: inline-block; }
	.accommodation_intro{ 
		padding: 0 0 0 36%; font-size: 15px; line-height: 1.5; color: #8d8d8d;
		height:6em; overflow: hidden;
		text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;
	}
	.accommodation_intro{margin: 8px 0 0 !important;}
	.accommodation_price{
		position: absolute;
		width: auto !important; right: 0; top: auto; left: auto; 
		bottom:calc(112px + (100% - 124px)/2) !important;/*下半部+上半部的一半高*/
		-webkit-transform: translateY(43%);transform: translateY(43%);
		padding: 0!important;  /*pointer-events: none;*/
	}
	.accommodation_price>a{
		width: auto !important;
		color: #f0871b; border: 0 !important; background-color: transparent!important; background-image: none!important; 
		font-size: 13px; margin: 0 !important; padding: 8px !important;;
	}
	.accommodation_price>a:hover{ background-color: transparent; color: #f0871b;border: 0 !important;}
	.type .accommodation_price>a:hover{ border-bottom: 0 !important;}
	/*箭頭
	.accommodation_price>a:before{
		content: "";
		position: absolute; display: block; width: 16px; height: 16px; right: 2%; top: 0;
		border-top: #dbdcdf 3px solid; border-right: #dbdcdf 3px solid; 
		transform: rotate(45deg);
	}
	*/
	.accommodation_price>a:after{
		content: "查看"!important;
		background-color: #f0871b;
		padding: 6px 3px;
		border-radius: 2px;
		display: block;
		color: white;
		margin-top: 5px;
	}
	.accommodation_price_num{font-size: 20px !important; margin: 0;}
	.type_detail .accommodation_price_num{display: inline-block;}
	.type_detail .accommodation_price_num:after{content: ""; display: none;}
	.accommodation_price_num:before{content: "$"}
	.m_accom_choose .accom_slider>li{border-bottom: 0}
	/*2018.07 開發M版--------END------*/


}
@media screen and (max-width:700px){
	.eachdaily_mealbar td{display: block; float: left;text-align:left}
	.eachdaily_mealbar tr td:nth-child(2n+1){clear:both;}
	.eachdaily_mealbar tr td:nth-child(2n+0){ width:calc(100% - 80px); padding-top:4px;}
	.eachdaily_mealbar tr:first-child td:nth-child(1), .eachdaily_mealbar tr:first-child td:nth-child(3){ margin-bottom:15px;}
	.expense_child, .slidelist{ display:none}
	.expense_adult{ width:100px;}
	.expense_include, .expense_online, .expense_needbuy{ width:76px;}
	div[class^=daily_box_] .text_inside{padding:21px;}
	td.hr_h{ display:none}
	td.eachdaily_title_day{ position:absolute; width:auto;}
	td.eachdaily_title_summary{padding:52px 0 0;}
	.eachdaily_nth{border: #333 1px solid;padding: .1em .4em; line-height:1}
	.type_detail .eachdaily_nth{font-size: .6em;padding: .3em .4em;margin-right: .4em;font-weight: normal;vertical-align: middle;}
	.eachdaily_date:before{ display:inline-block;}
	.eachdaily_date{font-size: inherit; vertical-align:middle;}

	.accommodation_box, .accommodation_box.XL{width: 100%; float: none;}
	.accommodation_box:last-child{ border-bottom: 0}
}

@media screen and (min-width:550px) and (max-width:980px){
	.flight_list tr{width: 48%;}
	.flight_list tr:nth-child(2n+1){ margin-right:4%;}

	body.Search-List td[data-title=ESTM_QT], body.Search-ListV2 td[data-title=ESTM_QT]{ display:none}

	.pop_price{ width:526px; right:-182px; top:100%;}
	.pop_price:after, .pop_price:before{ right:199px}

}
@media screen and (min-width:500px) and (max-width:980px){
	#daily .image{display:table-cell;width:60%;}
	#daily .text{ display:table-cell;width: auto;}

	div[class^=daily_box_] .image img{min-width: 100%;min-height: 100%;position: absolute;}/*看要不要鋪到全二代版的圖*/

	.eachdaily_style4>div.daily_box_23 .image img, .eachdaily_style3>div.daily_box_23 .image img,  .eachdaily_style2>div.daily_box_23 .image img{ position:relative; width:100%}

}
@media screen and (min-width:500px) and (max-width:700px){
	.daily_box_12 .image{ width:40%;}
}
@media screen and (max-width:549px){
	/*改售價表>其他費用>簽證>詳細按鈕*/
	.extra_price span{ -webkit-transform: translateX(0);transform: translateX(0);z-index: 2;}
	.e_p_item>.v_item{ text-indent: -3000px; display: inline-block; width: 3em; vertical-align: 2px;}
	.e_p_item .v_item i{ position: absolute; left: 0; text-indent: 0;}
	.e_p_item .v_item i div{ position: fixed; width: 80vw;left: 0}


	/*選購項目*/
	.expense_list{border-bottom: #eee 1px dashed;}
	.expense_list tr{margin: 10px 0}
	.expense_list td{  padding: 0; border-bottom: 0;}
	.expense_list td:first-child{ display: block; width: 100%; float: left; font-weight: 700 }
	.expense_list td:nth-child(2){ width:66% !important; display: block; float: left; font-size: 12px; color: #777; padding-bottom: 10px;}
	.expense_list td:nth-child(3), .expense_list td:last-child{ width:17% !important; display: block; float: left; padding-bottom: 10px;}
	.expense_th{font-size: 12px}
	.expense_th td:nth-child(2){display: none}
	.expense_th td:nth-child(3), .expense_th td:last-child{ width: 17% !important}

	.extra_price ol li{padding: 8px 0}
	.e_p_price{ width:20%; margin-right: 1%;}.e_p_price:nth-child(3){display:none}.no, .yes{ width: 18%;margin-right: 0}


	body.Search-List #lockbar-sticky-wrapper, body.Search-ListV2 #lockbar-sticky-wrapper{ display:none}

	body.Search-List #tableList>tbody>tr, body.Search-ListV2 #tableList>tbody>tr{
		position:relative;	display:block; padding:15px 10px;
		border-bottom:#ccc 1px solid; box-sizing:border-box;
	}
	body.Search-List #tableList>tbody>tr:after, body.Search-ListV2 #tableList>tbody>tr:after{ content:""; display:table; clear:both;
	}
	body.Search-List #tableList>tbody>tr>td, body.Search-ListV2 #tableList>tbody>tr>td{
		display:block; float:left; border:none; height:auto; width:auto!important; padding:0; white-space:nowrap;
		font-size: 15px; font-family: inherit; color: #222; clear:left;
	}
	body.Search-List #tableList>tbody>tr#trPager>td, body.Search-ListV2 #tableList>tbody>tr#trPager>td{ white-space:normal;width:100% !important}


	body.Search-List #tableList>tbody>tr>td[data-title=Air_Pt]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=Air_Pt]:before{ content:"出發地:"}
	body.Search-List #tableList>tbody>tr>td[data-title=MinCurr_AM]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=MinCurr_AM]:before{ content:"售價:"}
	body.Search-List #tableList>tbody>tr>td[data-title=ESTM_QT]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=ESTM_QT]:before{ content:"總機位:"}
	body.Search-List #tableList>tbody>tr>td[data-title=Sale]:before, body.Search-ListV2 #tableList>tbody>tr>td[data-title=Sale]:before{ content:"可報名:"}




	body.Search-List #tableList>tbody>tr>td[data-title=GRUP_SNM], body.Search-ListV2 #tableList>tbody>tr>td[data-title=GRUP_SNM]{ white-space:normal;}
	body.Search-List a.tour-name, body.Search-ListV2 a.tour-name{font-size:18px; font-weight:bold; display:block; padding:5px 0}
	body.Search-List a.tour-name:after, body.Search-ListV2 a.tour-name:after{
		content:"看詳細內容"; display:inline-block; border:#333 1px solid; padding:0 5px; font-size:13px; margin-left:3px; line-height:1.4;
	}
	body.Search-List #tableList>tbody>tr>td[data-title=LEAV_DT], body.Search-ListV2 #tableList>tbody>tr>td[data-title=LEAV_DT]{padding: 2px 8px;background-color: #ffa71d;color: white;border-radius: 3px;}
	/*
	body.Search-List #tableList>tbody>tr>td[data-title=GRUP_SNM]:before, body.Search-List #tableList>tbody>tr>td[data-title=LEAV_DT]:before, body.Search-List #tableList>tbody>tr>td[data-title=GroupMemo]:before, body.Search-List #tableList #trPager td:before, body.Search-List #tableList>tbody>tr>td[data-title=GRUP_STATE]:before{ display:none;}
	*/
	body.Search-List #tableList .price-style, body.Search-ListV2 #tableList .price-style{ font-size:22px}
	body.Search-List #tableList>tbody>tr>td[data-title=GRUP_STATE], body.Search-ListV2 #tableList>tbody>tr>td[data-title=GRUP_STATE]{ position:absolute; right:20px; bottom:20px;}
	body.Search-List #tableList>tbody>tr>td[data-title=GroupMemo], body.Search-ListV2 #tableList>tbody>tr>td[data-title=GroupMemo]{clear: none;margin-left: 12px;color: #76afe9;}
	body.Search-List .tips:hover span, body.Search-ListV2 .tips:hover span{ display:none}
	.pageselect{ width:100%; display:table;}
	.pageselect a{ margin:0; display:table-cell; padding:10px 0;}
	.pageselectButton{ display:none !important}
	td[data-title=MinCurr_AM]:hover .pop_price{ display:none !important}

	.cruisesPriceTable .table_item_name{ width:100%; min-width: auto;}

	#spec:after{ font-size: 10px; background-color: transparent;}

}
@media screen and (max-width:499px){
	.h1bar h1{ font-size:6vw}
	html.m .h1bar h1{ width: 70%;margin: 0 auto;	line-height: 1.4; text-align: justify;}
	#daily .image{display:block;width:100%;}
	#daily .text{ display:block; width:100%; height:auto;}
	div[class^=daily_box_] .image img{width: 100%;}/*看要不要鋪到全二代版的圖*/
	.selling_price ol li{ width:31.5%; margin-bottom:6px;}
	.expense_adult{ width:90px;}
	.expense_needbuy{ display:none}
	.btn_order{ width:95%}

	.cruisesPriceTable thead td.cpt1 img{ max-width:100%}
	
/*20190213 複製行程ICON*/
.copy {
    width: 120px;
    height: 50px;
    right: 70px;
    top: 15px;
    overflow: hidden;
    position: fixed;
    transform: scale(0.8);
}
.sticky-wrapper.is-sticky .copy{
	right: 0px;
	top: 145px;
}

button#copy {background: none;}
button#copy:hover{background: none;}
	
button#copy span {
    width: 120px;
    padding-top: 15px;
    color: #fff;
}
}


@media screen and (max-width:420px){
	.cruises_calculator_detailF_row{ padding-left:1.4em}
	.cruises_calculator_detailF_row>.cruises_room{ position:relative;display:block; left:auto}


	.cruisesPriceTable td{width: 20%}
	.cruisesPriceTable td:first-child{padding-left: 5px; width: auto}
	.cruisesPriceTable .table_item_name{ display:block; width:auto}
	.table_item_name_memo{ display:block; margin-left:0}
	.cruisesPriceTable .cruisesTableLink{ display:block}
}