.themeEventContainer{
	--color:#666;
	--highlight-color:#300;
	color:var(--color);
	background: #EEECE0;
	position: relative;
	font-family: 微軟正黑體, sans-serif;
	font-size:clamp(12px, 1.16vw, 1em);
	margin-top:5%;
	padding:4.16% 8.33% 4.16% 5.83%;
}

.themeEventContainer .tabCT{
	justify-content: space-between;
	align-items: flex-start;
	display:none;
}
.themeEventContainer .tabCT.active{
	display:flex;
}

/******************* 圖 start ********************/
.themeEventContainer .tabCT .img{
	position: relative;
	width:42.02%;
}
.themeEventContainer .tabCT .img img{
	display: block;
	width:100%;
}
.themeEventContainer .tabCT .img img:nth-child(2){
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	transition: opacity 0.5s;
}
.themeEventContainer .tabCT .img:hover img:nth-child(2){
	opacity: 1;
}
/******************* 圖 end ********************/

/******************* 文 start ********************/
.themeEventContainer .tabCT .txt{
	display: flex;
	flex-direction: column;
	width:48.54%;
	margin-left:9.7%;
}
.themeEventContainer .tabCT .txt h2,
.themeEventContainer .tabCT .txt h3{
	color:var(--highlight-color);
}
.themeEventContainer .tabCT .txt h2{
	font-size: 2.25em;
	letter-spacing: 0.02em;
}
.themeEventContainer .tabCT .txt h3{
	font-size: 1.5em;
	margin-top: 1.2em;
}
.themeEventContainer .tabCT .txt p{
	line-height: 1.6em;
}
.themeEventContainer .tabCT .txt h3+p{
	margin:0.2em 0 0;
}
.themeEventContainer .tabCT .txt p+p{
	margin:2em 0 0;
}
.themeEventContainer .tabCT .txt a{
	display:block;
	align-self: flex-end;
	margin-top:1em;
	font-size: 1.14em;
	font-weight: bold;
	padding:0.75em 1.75em;
	line-height: 1em;
	color:currentColor;
	border:1px solid;
	transition: color 0.2s;
}
.themeEventContainer .tabCT .txt a:hover{
	color:var(--highlight-color);
}
/******************* 文 end ********************/

/******************* tab start ********************/
.tab{
	position: absolute;
	left:0;
	bottom:0;
	margin:0 0 6% 50.2%;
	font-size: 1.14em;
}
.tab p{
	margin:0;
	font-weight: bold;
}
.tab ul{
	display: flex;
	margin-top:0.75em;
}
.tab li{
	cursor:pointer;
	line-height: 1em;
	transition: color 0.2s;
}
.tab li+li{
	margin-left:0.75em;
	padding-left:0.75em;
	border-left:1px solid var(--color);
}
.tab li:hover,
.tab li.active{
	color:var(--highlight-color);
}
.tab li.active{
	font-weight:bold;
}
/******************* tab end ********************/


@media screen and (max-width:1023px){
	
	.mainContainer > section.themeEventContainer{
		margin-top:10%;
		font-size:1em;
		padding:10% 5%;
	}
	
	.themeEventContainer .tabCT.active{
		display:block;
	}

	/******************* 圖 start ********************/
	.themeEventContainer .tabCT .img{
		width:auto;
	}
	/******************* 圖 end ********************/

	/******************* 文 start ********************/
	.themeEventContainer .tabCT .txt{
		width:auto;
		margin:10% 0 0;
	}
	.themeEventContainer .tabCT .txt h2{
		font-size: 2em;
	}
	/******************* 文 end ********************/

	/******************* tab start ********************/
	.tab{
		position: static;
		margin:2em 0 0;
	}
	.tab ul{
		font-size: 3.31vw;
	}
	/******************* tab end ********************/
	
}