@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');


@media screen and (max-width: 980px)
{
	.showg_bodywrap,.shows_bodywrap{
	width: 100%;
	}
	/*搜尋器-2灰*/
	.showgrp_searchbox_top_graybox{
	padding:0;
	}
	.showgrp_searchbox_top_graybox_sorting,
	.showgrp_searchbox_top_graybox_filter{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0.5em;
	box-sizing: border-box;
	font-size: 1em;
	margin: 0 0 0.5em 0;
	}
	.showgrp_searchbox_top_graybox_filter span{
	display: flex;
	align-items: center;
	}
	.showgrp_searchbox_top_graybox_sorting > input,
	.showgrp_searchbox_top_graybox_filter span > input{
	margin: 0 0.2em 0 0.5em;
	width: 2em;
	height: 2em;
	}
	/*搜尋器-選擇區塊*/
	.showgrp_searchbox_top_selectbox{
	padding: 0 0.5em;
	box-sizing: border-box;

	margin: 0;
	box-shadow: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px dashed black;

	}
	.showgrp_searchbox_top_selectbox_line1 > span,
	.showgrp_searchbox_top_selectbox_line3 > span,
	.showgrp_searchbox_top_selectbox_line4 > span,
	.showgrp_searchbox_top_selectbox_line5 > span{
	display: flex;
	align-items: center;
	white-space: nowrap;
	padding: 0.3em 0;
	box-sizing: border-box;
	}
	.showgrp_searchbox_top_selectbox_line2{
	padding: 0.4em 0.3em;
	line-height: 1.5em;
	box-sizing: border-box;
	}
	.showgrp_searchbox_top_selectbox_line1 span > input,
	.showgrp_searchbox_top_selectbox_line1 span > select,
	.showgrp_searchbox_top_selectbox_line2 span > input,
	.showgrp_searchbox_top_selectbox_line2 span > select,
	.showgrp_searchbox_top_selectbox_line3 span > input,
	.showgrp_searchbox_top_selectbox_line3 span > select,
	.showgrp_searchbox_top_selectbox_line4 span > input,
	.showgrp_searchbox_top_selectbox_line4 span > select,
	.showgrp_searchbox_top_selectbox_line5 span > select{
	padding: 0.5em 0.3em;
	box-sizing: border-box;
	border: 1px solid lightgray;
	width: 100%;
	margin: 5px 0;
	}
	.showgrp_searchbox_top_selectbox_line3 > span.travelplacelinebox
	/*,
	.showgrp_searchbox_top_selectbox_line4 > span.ddatelinebox*/{
	flex-wrap: wrap;
	}
	/*主內容表單-隱藏*/
	.shows_pdlist_title_tournumber, .shows_pdlist_title_ddate,
	.shows_pdlist_title_week, .shows_pdlist_title_pdtitle,
	.shows_pdlist_title_howlong, .shows_pdlist_title_price,
	.shows_pdlist_title_deposit, .shows_pdlist_title_totalseat,
	.shows_pdlist_title_registered, .shows_pdlist_title_overage,
	.shows_pdlist_title_waiting, .shows_pdlist_title_booking,
	.shows_pdlist_title_destination, .shows_pdlist_title_air,
	.shows_pdlist_title_marks, .shows_pdlist_data_howlong,
	.shows_pdlist_data_totalseat, .shows_pdlist_data_overage,
	.shows_pdlist_data_waiting, .shows_pdlist_data_booking,
	.shows_pdlist_data_air, .shows_pdlist_data_marks,
	.showg_triplist_data_country, .showg_triplist_title_country,
	.showg_triplist_data_air, .showg_triplist_title_air,
	.showg_triplist_data_ddate, .showg_triplist_title_ddate,
	.showg_triplist_data_destination, .showg_triplist_title_destination,
	.showg_triplist_title2_tournumber, .showg_triplist_title2_ddate,
	.showg_triplist_title2_place, .showg_triplist_title2_triptitle,
	.showg_triplist_title2_overage, .showg_triplist_title2_destination,
	.showg_triplist_title2_country, .showg_triplist_title2_air,
	.showg_triplist_title2_price, .showg_triplist_data2_country,
	.showg_triplist_data2_place, .showg_triplist_data2_air{
	display: none;
	}
	/*主內容表單-標題區塊*/
	.showg_triplist_titlebox{
	background-color: #14B9D5;
	color: white;
	font-size: 1em;
	display: flex;
	text-align: center;
	padding: 0.5em 0;
	box-sizing: border-box;
	}
	/*主內容表單-內容區塊(showg依團體日期排序&shows)*/
	.showg_triplist_databox2_line1,
	.showg_triplist_databox2_line2,
	.shows_pdlist_databox_line1,
	.shows_pdlist_databox_line2{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 90%;
	margin: 0 auto 1em;
	padding: 5%;
	box-sizing: border-box;
	border-radius: 15px;
	}
	.showg_triplist_databox2_line1,
	.shows_pdlist_databox_line1{
	background-color: #ECECEC;
	}
	.showg_triplist_databox2_line2,
	.shows_pdlist_databox_line2{
	background-color: #DBF0FB;
	}
	.showg_triplist_data2_tournumber, .showg_triplist_data2_ddate,
	.showg_triplist_data2_triptitle, .showg_triplist_data2_overage,
	.showg_triplist_data2_destination, .showg_triplist_data2_price,
	.shows_pdlist_data_tournumber, .shows_pdlist_data_ddate,
	.shows_pdlist_data_week, .shows_pdlist_data_pdtitle,
	.shows_pdlist_data_price, .shows_pdlist_data_deposit,
	.shows_pdlist_data_registered, .shows_pdlist_data_destination {
	padding: 0.5em 0;
	box-sizing: border-box;
	text-align: center;
	}
	.shows_pdlist_data_tournumber, .shows_pdlist_data_ddate,
	.shows_pdlist_data_week,
	.shows_pdlist_data_price, .shows_pdlist_data_deposit,
	.shows_pdlist_data_registered, .shows_pdlist_data_destination {
	text-align: left;
	}
	.showg_triplist_data2_triptitle,
	.shows_pdlist_data_pdtitle{
	width: 100%;
	border: 1px dashed white;
	border-left: none;
	border-right: none;
	font-size: 1.1em;
	font-weight: bold;
	}
	/*頁數資訊及頁數選擇*/
	.showgrp_thelastline_pagebox{
	text-align: center;
	padding: 0.5em;
	box-sizing: border-box;
	font-size: 0.8em;
	border-top: 1px solid lightgray;
	}
	.showgrp_thelastline_pageinfo,
	.showgrp_thelastline_changepage{
	display: block;
	padding: 0.5em 0;
	}
	/*跳出視窗*/
	.modal-content {
	width: 90%;
	margin: 0.5em auto;
	}
	/*~~~~~~~ShowgroupA CSS~~~~~~~*/
	/*主內容表單-標題區塊(依產品排序)*/
	.showg_triplist_titlebox{ background-color: #14B9D5; }
	/*主內容表單-標題區塊(依團體日期排序)*/
	.showg_triplist_titlebox2 { background-color: #0777FF; }
	/*依產品排序-內容區塊*/
	.showg_triplist_databox_line1,
	.showg_triplist_databox_line2{ 
	display: flex;
	align-items: center;
	}
	.showg_triplist_databox_line1{ background-color: white; }
	.showg_triplist_databox_line2{ background-color: rgba(20,185,213,0.1); }
	/*依產品排序-顯示的標題及內容設定*/
	.showg_triplist_data_place,
	.showg_triplist_title_place{ width: 25%; text-align: center; padding: 0.1em; box-sizing: border-box; }
	.showg_triplist_data_triptitle,
	.showg_triplist_title_triptitle{ width: 50%; padding: 0.1em; box-sizing: border-box; }	
	.showg_triplist_data_price,
	.showg_triplist_title_price{ width: 25%;text-align: center; padding: 0.1em; box-sizing: border-box; }	
	/*依團體日期排序-顯示的內容設定*/
	.showg_triplist_data2_tournumber{ width: 100%; }
	.showg_triplist_data2_ddate{ width: 100%; }
	.showg_triplist_data2_ddate a{ color: red; }
	.showg_triplist_data2_overage{ width: 50%; }
	.showg_triplist_data2_destination{ width: 50%; }
	.showg_triplist_data2_price{ width: 100%; background-color:#FFAE4E; border-radius:10px; }
	.showg_triplist_data2_tournumber:before{ content: "團號："; }
	.showg_triplist_data2_ddate:before{ content: "出發日："; }
	.showg_triplist_data2_overage:before{ content: "可售："; }
	.showg_triplist_data2_destination:after{ content: "出發"; }
	.showg_triplist_data2_triptitle	{
	text-align: left;
	}


	.shows_updatedate{
	text-align: center;
	/*margin: -0.5em 0 -2em 0;*/
	}

	.shows_pdtopinfo{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	}
	.shows_currentposition{
	margin-bottom: 1em;
	}

	.shows_pdlist_data_tournumber{ width: 100%; }
	.shows_pdlist_data_ddate{ width: 70%; }
	.shows_pdlist_data_week{ width: 30%; }
	.shows_pdlist_data_pdtitle{ width: 100%; }
	.shows_pdlist_data_price{ width: 55%; }
	.shows_pdlist_data_deposit{ width: 45%; }
	.shows_pdlist_data_registered{ width: 55%; }
	.shows_pdlist_data_destination{ width: 45%; }
	.shows_pdlist_data_tournumber:before{ content: "團號："; }
	.shows_pdlist_data_ddate:before{ content: "出團日期："; }
	.shows_pdlist_data_week:before{ content: "星期"; }
	.shows_pdlist_data_price:before{ content: "售價："; }
	.shows_pdlist_data_deposit:before{ content: "訂金："; }
	.shows_pdlist_data_registered:before{ content: "已報名："; }
	.shows_pdlist_data_destination:after{ content: "出發"; }
}

/* 圖示列表
@media all and (max-width: 1300px)
{
	.showgroup_grpimgpost{ max-width: 1000px; }
}
@media all and (max-width: 1050px)
{
	.showgroup_grpimgpost{ max-width: 750px; }
}
@media all and (max-width: 800px)
{
	.showgroup_grpimgpost{ max-width: 500px; }
} */
@media all and (max-width: 980px)
{
	.showgroup_grpimgpost_item{
		width: 45%;
		margin: 1rem 2.5%;
	}
	.showgroup_grpimgpost_item > a{
		width: 40vw;
		height: 40vw;
		margin: 0 auto;
	}
}