@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

.themeEventContainer{
	font-family: 'Poppins', 微軟正黑體, sans-serif;
	font-size:17px;
	color:#522A28;
	margin-top:5%;
	overflow: hidden;
}

.group{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding:5%;
}
.group+.group{
	margin-top:5%;
}
.group:nth-child(1){ background: #CC9B8C; flex-direction: row-reverse;}
.group:nth-child(2){ background: #EFCFBA;}

.group .img{
	width:40%;
	margin-bottom:0;
}
.group .img:hover .slickPN{
	opacity: 1;
}
.group img{
	display: block;
	width:100%;
}

.group .txt{
	width:53.5%;
}
.group .txt h4{
	color:#FFF;
	font-size:3.3em;
	font-weight: normal;
	line-height: 1em;
}
.group:nth-child(1) .txt h4{
	font-size:5em;
}
.group .txt p{
	margin:2em 0 0;
	line-height: 2em;
}


@media screen and (min-width:1024px) and (max-width:1200px){
	
	.themeEventContainer{
		font-size:1.41vw;
	}
	
}


@media screen and (max-width:1023px){
	
	.themeEventContainer{
		font-size:15px;
	}

	.group{
		display: block;
		padding:10% 5%;
	}
	.group+.group{
		margin-top:10%;
	}

	.group .img{
		width:auto;
	}

	.group .txt{
		width:auto;
		margin-top:8%;
	}
	.group .txt h4{
		font-size:8.5vw;
	}
	.group:nth-child(1) .txt h4{
		font-size:15vw;
	}
	.group .txt p{
		margin:1.5em 0 0;
	}
	
}