.themeEventContainer{
	font-size:14px;
	color:currentColor;
	margin-top:5%;
}

.themeImage .tabBlock .tabBtn,
.themeImage .tabBlock .tabCT > section > h3{
	display: none;
}

/************************************** productImg start ***************************************/
.productImg{
	margin:5% auto 0;
	width:85%;
}

.productImg > ul{
	margin-bottom:0;
}
.productImg .slick-track{
	padding: 5% 0 3%;
}
.productImg .slick-slide{
	position: relative;
	transform-origin: center 70%;
	transform: scale(0.95);
	opacity: 0.5;
	transition: all 0.2s;
}
.productImg .slick-slide:not(.slick-active){
	cursor: pointer;
}
.productImg .slick-center{
	position: relative;
	transform: scale(1.05);
	opacity: 1;
	z-index: 1;
}
.productImg img{
	display: block;
	width:100%;
}
.productImg .slick-slide em{
	position: absolute;
	right:0;
	bottom:0;
	max-width:100%;
	padding:0.5em 1em;
	font-style: normal;
	font-size: 0.9em;
	line-height: 1em;
	text-align: right;
	color:#FFF;
	background: rgba(0, 0, 0, 0.3);
}

.productImg .slickPN{
	transition: all 0.2s;
}
.productImg:hover .slickPN{
	opacity: 1;
}

.productImg h3,
.productImg p{
	width:50%;
	text-align: center;
	margin:0.5em auto 0;
	transition: opacity 0.2s;
	opacity: 0;
}
.productImg h3{
	font-size: 1.35em;
	text-decoration: underline;
}
.productImg p{
	font-size: 1em;
}
.productImg h3.done,
.productImg p.done{
	opacity: 1;
}
/************************************** productImg end ***************************************/


@media screen and (min-width:1024px) and (max-width:1200px){
	
	.themeEventContainer{
		font-size:1.16vw;
	}
	
}


@media screen and (max-width:1023px){
	
	.mainContainer > section.themeEventContainer{
		margin-top:10%;
	}
	
	/************************************** productImg start ***************************************/
	.productImg{
		width:auto;
	}
	/************************************** productImg end ***************************************/
	
}


@media screen and (max-width:767px){
	
	/************************************** productImg start ***************************************/
	.productImg{
		margin-top:10%;
	}
	
	.productImg .slick-slide em{
		font-size: 0.75em;
	}
	
	.productImg .slickPN{
		opacity: 1;
	}
	
	.productImg h3,
	.productImg p{
		width:80%;
	}
	.productImg h3{
		font-size: 1.2em;
	}
	/************************************** productImg end ***************************************/
	
}
