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

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/peggy/fonticons/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@700&display=swap');

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

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

.grp_title{
	width: 100%;
	max-width: 1200px;
	margin: 0.5rem auto 0;
	border-bottom: 1px #d9d9d9 solid;
}
.grp_title span{
	border-bottom: 3px #E5A940 solid;
	padding-bottom: 5px;
	width: 30%;
	margin: 0 auto;
	text-align: center;
	display: block;
}
/*圖示團體行程*/
	.travelteam_main{
		width: 100%;
		max-width: 1200px;
		margin: 2rem auto;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
	}
	.travelteam{
		width: 100%;
		max-width: 280px;
		margin: 10px;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,.3);
		border-radius: 5px;
	}
	.travelteam_img{
		width: 100%;
		overflow: hidden;
		border-radius: 5px 5px 0 0;
	}
	.travelteam_img_img{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 280px;
		height: 210px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.travelteam_img_noimg{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 280px;
		height: 210px;
		background-color: #DDD;
	}
	.travelteam_img a{
		width: auto;
    	height: 210px;
    	background-position: center top;
	    background-repeat: no-repeat;
	    background-size: cover;
	    -webkit-transition: all 0.4s ease;
    	-text-decoration-linemoz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
    	transition: all 0.4s ease;
	}
	.travelteam_img:hover a{
		-moz-transform: scale(1.1);
	    -webkit-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	}
	.travelteam_img_noimg > span{
		font-size: 3rem;
		color: #FFF;
	}

	.travelteam_title{
		color: #444;
    	font-size: 1rem;
    	transition: all .5s;
    	padding: 10px 10px 0;
	    box-sizing: border-box;
	    width: 100%;
	    text-overflow: ellipsis;
	    display: -webkit-box;
		-webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    text-align: justify;
	    overflow: hidden;
	}
	.travelteam_title:hover{ color: #FF0000; }
	.travelteam_price{
		color: #b01d37;
		font-weight: bold;
		padding: 0 10px 10px;
		box-sizing: border-box;
		text-align: end;
	}
@media all and (max-width: 1250px){
	.travelteam_main{ max-width: 900px; }
}
@media all and (max-width: 950px){
	.travelteam_main{ max-width: 600px; }
	.grp_title span {width: 100%;}
}
@media all and (max-width: 650px){
	.travelteam{
		width: 48%;
		margin: 10px 1%;
	}
	.travelteam_img a{ height: 35vw; }
}