@charset "UTF-8";

.travelwant_banner,
.travelwant_nav,
.travelwant_form{
	min-width: 310px;
}

@media screen and (max-width: 800px)
{
	.travelwant_nav ul li .travelwant_nav_icon {
		font-size: 1.5rem;
		margin: 0 auto 0.5rem;
	}
	.travelwant_nav ul li{
		padding: 1rem 0.5rem;
		box-sizing: border-box;
	}
	.travelwant_nav ul li > a{
		width: 100px;
		height: 100px;
		font-size: 1rem;
	}
}
@media screen and (max-width: 768px)
{
	.travelwant_banner_text{
		font-size: 3rem;
	}
	.travelwant_banner_scrolldown{
		display: none;
	}

	.travelwant_table tr{
		display: flex;
		flex-direction: column;
	}
	.travelwant_table th,
	.travelwant_table td{
		width: 100%;
		border: 0;
	}
	.travelwant_table th{
		text-align: left;
		padding: 1.25rem 1rem 0.5rem;
		border-bottom: 1px solid #EEE;
	}
}
@media screen and (max-width: 580px)
{
	.travelwant_nav ul li .travelwant_nav_icon {
		font-size: 1rem;
		margin: 0;
	}
	.travelwant_nav ul li{
		padding: 0;
		width: 45%;
		margin: 0.5rem auto;		
	}
	.travelwant_nav ul li:last-child{ width: 95%; }

	.travelwant_nav ul li > a{
		display: block;
		width: 100%;
		height: auto;
		border-radius: 7px;
		padding: 0.5rem;
		box-sizing: border-box;
	}
	.travelwant_nav > ul > li.travelwant_nav_focus > a:before{
		content:"";
		display: none;
	}
}
@media screen and (max-width: 550px)
{
	/* 聯絡方式 */
	.travelwant_table tr:nth-child(6) > td{
		display: block;
		white-space: normal;
		padding: 1rem;
		box-sizing: border-box;
	}
	.travelwant_table tr:nth-child(6) td > input{
		margin: 0.25rem 0 0.5rem;
	}
}
@media screen and (max-width: 425px)
{
	.travelwant_banner_text{
		font-size: 2rem;
		padding: 1rem 1.5rem 1rem 2rem;
	}

	/* 旅遊期間 */
	.travelwant_table tr:nth-child(11) td > div{
		display: block;
		text-align: center;
	}
	.travelwant_table tr:nth-child(11) td div > select{
		width: 90%;
		margin: 0.5rem;
	}
	.travelwant_table tr:nth-child(11) td div > select:first-child{ margin: 0.5rem; }
}