@charset "UTF-8";

@import url('/webobj/TravelTeam/css/style_show_layout_rwd.css');

/* 搜尋方式以及排序方式 */
@media all and (max-width: 768px)
{
	.showgroup_grpsort{
		width: 100%;
		margin: 0.5rem auto;
	}
	.showgroup_grpsort ul{
		flex-wrap: wrap;
		justify-content: center;
		margin: 0.25rem auto;
	}
}

/* 圖示列表 */
@media all and (max-width: 1640px)
{
	.showgroup_grpimgpost{ max-width: 1200px; }
}
@media all and (max-width: 1400px)
{
	.showgroup_grpimgpost{ max-width: 960px; }
}
@media all and (max-width: 1160px)
{
	.showgroup_grpimgpost{ max-width: 720px; }
}
@media all and (max-width: 820px)
{
	.showgroup_grpimgpost{ max-width: 480px; }
}
@media all and (max-width: 550px)
{
	.showgroup_grpimgpost{ justify-content: space-between; }

	.showgroup_grpimgpost > div{
		width: 40vw;
		margin: 1rem 0;
	}
	.showgroup_grpimgpost_item{ padding: 0; }

	.showgroup_grpimgpost > div > a{
		width: 37vw;
		height: 37vw;
		margin: 0.25rem auto;
	}
}

/* 表格轉區塊 */
@media all and (max-width: 1000px)
{
	/* 依【出發日期】搜尋 */
	#showgroup_main .showgroup_grpdate table td:first-child{ width: 50%; }

	#showgroup_main .showgroup_grpdate table td:nth-child(2){ width: 50%; }

	#showgroup_main .showgroup_grpdate table td:nth-child(3){
		width: 50%;
		border-top: 1px solid #DDD;
		box-sizing: border-box;
	}
	#showgroup_main .showgroup_grpdate table td:nth-child(4){
		width: 50%;
		border-top: 1px solid #DDD;
		box-sizing: border-box;
	}
	#showgroup_main .showgroup_grpdate table td:nth-child(5){
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #DDD;
		box-sizing: border-box;
	}
	#showgroup_main .showgroup_grpdate table td:nth-child(5) > a{ font-size: 1.25rem; }

	#showgroup_main .showgroup_grpdate table td:nth-child(6){ width: 100%; }

	#showgroup_main .showgroup_grpdate table td:nth-child(7){ width: 50%; }

	#showgroup_main .showgroup_grpdate table td:nth-child(8){ width: 50%; }

	#showgroup_main .showgroup_grpdate table td:nth-child(9){
		width: 100%;
		color: #FE0000;
	}
	#showgroup_main .showgroup_grpdate table td:first-child:before{
		content: "團號";
		display: block;
		color: #7F7F7F;
	}
	#showgroup_main .showgroup_grpdate table td:nth-child(2):before{
		content: "出發日期";
		display: block;
		color: #7F7F7F;
	}
	#showgroup_main .showgroup_grpdate table td:nth-child(6):before{
		content: "可售";
		display: block;
		color: #7F7F7F;
	}
	#showgroup_main .showgroup_grpdate table td:nth-child(7):before{
		content: "航空";
		display: block;
		color: #7F7F7F;
	}
	#showgroup_main .showgroup_grpdate table td:nth-child(8):before{
		content: "出發地";
		display: block;
		color: #7F7F7F;
	}
	/* 依【旅遊產品】搜尋 */
	#showgroup_main .showgroup_grppd table td:first-child{ width: 50%; }

	#showgroup_main .showgroup_grppd table td:nth-child(2){ width: 50%; }

	#showgroup_main .showgroup_grppd table td:nth-child(3){
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #DDD;
		box-sizing: border-box;
	}
	#showgroup_main .showgroup_grppd table td:nth-child(3) > a{ font-size: 1.25rem; }

	#showgroup_main .showgroup_grppd table td:nth-child(4){
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #DDD;
		box-sizing: border-box;
	}
	#showgroup_main .showgroup_grppd table td:nth-child(5){ width: 50%; }

	#showgroup_main .showgroup_grppd table td:nth-child(6){ width: 50%; }

	#showgroup_main .showgroup_grppd table td:nth-child(7){
		width: 100%;
		color: #FE0000;
	}
	#showgroup_main .showgroup_grppd table td:nth-child(4):before{
		content: "出發日期";
		display: block;
		color: #7F7F7F;
	}
	#showgroup_main .showgroup_grppd table td:nth-child(5):before{
		content: "航空";
		display: block;
		color: #7F7F7F;
	}
	#showgroup_main .showgroup_grppd table td:nth-child(6):before{
		content: "出發地";
		display: block;
		color: #7F7F7F;
	}
}