@charset "UTF-8";

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

/* 行程名稱 */
	.showselect_grpname{
		width: 100%;
		margin: 1rem auto;
		text-align: center;
		padding: 1rem 0.1rem 0;
		box-sizing: border-box;
		font-size: 2rem;
	}

/* 行程更新日期 */
	.showselect_update{
		width: 100%;
		margin: 0.25rem auto;
		text-align: right;
	}

/* 行程下載 & 合約下載 */
	.showselect_update > a{
		cursor: pointer;
		display: inline-block;
		background-color: #FF8000;
		color: #FFF;
		padding: 0.25rem 0.5rem;
		margin: 0.25rem;
		border-radius: 7px;
		font-weight: bold;
		transition: all .3s;
	}
	.showselect_update > a:hover{ background-color: #00A2E8; }

/* 國家城市 & 旅遊主題 & 特別贈送 */
	.showselect_triptheme,
	.showselect_city,
	.showselect_keywords{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		list-style: none;
	}
	.showselect_freebie{ width: 100%; }

	.showselect_triptheme > span,
	.showselect_city > span,
	.showselect_keywords > span,
	.showselect_freebie > p > span{
		width: 100px;
    	text-align: center;
		display: inline-block;
		padding: 0.5rem;
		box-sizing: border-box;
		margin: 0.5rem 1.5rem 0.5rem 0.25rem;
		color: #FFF;
		position: relative;
	}
	.showselect_triptheme > span{ background-color: #458ACB; }
	.showselect_city > span{ background-color: #DC46F7; }
	.showselect_keywords > span{ background-color: #23CE6B; }
	.showselect_freebie > p > span{ background-color: #333; }

	.showselect_triptheme > span:after,
	.showselect_city > span:after,
	.showselect_keywords > span:after,
	.showselect_freebie > p > span:after{
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 1.2rem 0 1.2rem 1rem;
		border-color: transparent transparent transparent #FFF;
		position: absolute;
		top: 50%;
		left: 100%;
		transform: translate(0,-50%);
	}
	.showselect_triptheme > span:after{ border-color: transparent transparent transparent #458ACB; }
	.showselect_city > span:after{ border-color: transparent transparent transparent #DC46F7; }
	.showselect_keywords > span:after{ border-color: transparent transparent transparent #23CE6B; }
	.showselect_freebie > p > span:after{ border-color: transparent transparent transparent #333; }

	.showselect_triptheme > li,
	.showselect_city > li,
	.showselect_keywords > li{
		display: inline-block;
		padding: 0.25rem 0.5rem;
		box-sizing: border-box;
		margin: 0.25rem;
	}
	.showselect_triptheme > li{
		border: 1px solid #458ACB;
		background-color: #458ACB;
	}

	.showselect_city > li{
		border: 1px solid #DC46F7;
		background-color: #DC46F7;
	}

	.showselect_keywords > li{
		border: 1px solid #23CE6B;
		background-color: #23CE6B;
	}

	.showselect_triptheme > li > a,
	.showselect_city > li > a,
	.showselect_keywords > li > a{
		transition: all .5s;
		color: #fff;
	}
	.showselect_triptheme > li:hover,
	.showselect_city > li:hover,
	.showselect_keywords > li:hover{
		transition: all .5s;
		background-color: #EAEAEA;
	}
	.showselect_triptheme > li:hover > a{
		color: #458ACB;
	}
	.showselect_city > li:hover > a{
		color: #DC46F7;
	}
	.showselect_keywords > li:hover > a{
		color: #23CE6B;
	}
	.showselect_freebie_main{
		width: 100%;
		padding: 0.5rem 1rem;
		box-sizing: border-box;
	}

/* 出發日期 */
#showselect_main table tr .showselect_startdate > a{ white-space: nowrap; }
#showselect_main table tr .showselect_startdate .showselect_startdate_rwd{ display: none; }
/* 行程名稱 */
#showselect_main table tr .showselect_tourname_title,
#showselect_main table tr .showselect_tourname{ display: none; }
/* 售價 */
#showselect_main table tr .showselect_price > a{ white-space: nowrap; }
/* 報名 */
#showselect_main table tr .showselect_signbtn > input[type="button"]{
	cursor: pointer;
	font-size: 1rem;
	transition: all .5s;
}
#showselect_main table tr .showselect_signbtn > input[type="button"]:hover{
	border: 1px solid #FF0000;
	border-radius: 10px;
	background-color: #FF0000;
	color: #FFF;
}