@charset "UTF-8";

@import url('/webobj/TravelTeam/css/style_show_layout.css?210121');

/* 排序篩選 */
	.showgroup_grpsort{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 1rem 0;
	}
	.showgroup_grpsort ul{
		display: flex;
		align-items: center;
		margin: 0.25rem 1.25rem 0.25rem 0;
		list-style: none;
	}
	.showgroup_grpsort ul li a{
		cursor: pointer;
		white-space: nowrap;
		display: block;
		text-align: center;
		background-color: #FFF;
		color: #42BFC0;
		border: 1px solid #42BFC0;
		padding: 0.5rem;
		box-sizing: border-box;
		font-size: 0.95rem;
		font-weight: bold;
	}
	.showgroup_grpsort ul li > .showgroup_grpsort_focus{
		background-color: #42BFC0;
		color: #FFF;
	}

/* 圖示列表(含滑入效果) */
	.showgroup_grpimgpost{
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.showgroup_grpimgpost_item{
		width: 268px;
		margin: 10px;
		border: 1px solid #DDD;
		padding: 9px;
		box-sizing: border-box;
		box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
	}
	.showgroup_grpimgpost_item > a{
		display: block;
		width: 248px;
		height: 248px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		border-radius: 7px;
		position: relative;
	}
	.showgroup_grpimgpost_item > h3{
		padding: 0.5rem 0;
		box-sizing: border-box;
	}
	.showgroup_grpimgpost_item > h3 > a{ color: #333; }

	.showgroup_grpimgpost_item > p{
		padding: 0 0 0.5rem;
		box-sizing: border-box;
		text-align: right;
		color: #FF7F27;
	}
	.showgroup_grpimgpost_imghover{
		border-radius: 7px;
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0,0,0,0.4);
		color: #FFF;
		font-size: 2rem;
		opacity: 0;
		transition: all .8s;
	}
	.showgroup_grpimgpost_imghover:hover{ opacity: 1; }

	.showgroup_grpimgpost_imghover > span{
		display: inline-block;
		width: 90%;
		text-align: center;
		border: 1px solid #FFF;
		padding: 0.5rem 0;
		box-sizing: border-box;
		font-size: 1.15rem;
	}

/* 依【出發日期】搜尋 */
	#showgroup_main .showgroup_grpdate table .showgroup_dateGrpid{ width: 13%; }

	#showgroup_main .showgroup_grpdate table .showgroup_dateStartdate{ width: 9%; }

	#showgroup_main .showgroup_grpdate table .showgroup_dateArea{ width: 8%; }
	#showgroup_main .showgroup_grpdate table .showgroup_dateArea .showgroup_dateArea_box .showgroup_dateArea_boxRwd{ display: none; }

	#showgroup_main .showgroup_grpdate table .showgroup_dateTrarea{ width: 8%; }

	#showgroup_main .showgroup_grpdate table .showgroup_dateTravelname{ width: 24%;text-align: left; }

	#showgroup_main .showgroup_grpdate table .showgroup_dateSqty{ width: 6%; }

	#showgroup_main .showgroup_grpdate table .showgroup_dateAirline{ width: 10%; }

	#showgroup_main .showgroup_grpdate table .showgroup_dateDeparture{ width: 10%; }

	#showgroup_main .showgroup_grpdate table .showgroup_datePrice{ width: 12%; }

/* 依【旅遊產品】搜尋 */
	#showgroup_main .showgroup_grppd table .showgroup_pdArea{ width: 8%; }

	#showgroup_main .showgroup_grppd table .showgroup_pdTrarea{ width: 8%; }

	#showgroup_main .showgroup_grppd table .showgroup_pdTravelname{ width: 26%;text-align: left; }

	#showgroup_main .showgroup_grppd table .showgroup_pdAreaRwd{ display: none; }

	#showgroup_main .showgroup_grppd table .showgroup_pdStartdate{ width: 26%;text-align: left; }

	#showgroup_main .showgroup_grppd table .showgroup_pdAirline{ width: 10%; }

	#showgroup_main .showgroup_grppd table .showgroup_pdDeparture{ width: 10%; }

	#showgroup_main .showgroup_grppd table .showgroup_pdPrice{ width: 12%; }