.event-km{
	padding-bottom:160px;
	background:url(../images/event-km/bg-event.jpg) top center no-repeat;
	}
	
.event-km .top{
	text-align:center;
	padding-top:30px;
	}	
.event-km .top img{
	max-width:100%;
	height:auto;
	}		
.event-km .mid{
	margin-top:25px;

	}		
.event-km .mid .pic{
	position:relative;
	/* width:310px; */
	/* height:310px; */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow:hidden;
	transition: all .15s ease-in-out;
	}	

.event-km .mid .pic:hover{
	transform: scale(1.1, 1.1);
	transition: all .15s ease-in-out;
	border:#b202ef 5px solid;

	}
		
.event-km .mid .pic img{
	max-width:100%;
	height:auto;

	}	
.event-km .mid .pic:hover .text{
	z-index:99;
	display: block;
	

	}	
.event-km .mid .pic .text{
	display:none;
	position:absolute;
		top:0px; bottom:0px;
	width:100%;
	padding:25px;
	background:#e057a2;
	
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
.event-km .mid .pic .text a{
	color:#fff;
}
.event-km .mid .pic .text .title-11{
	font: 27px/30px 'lineseed', Arial, sans-serif;
	color:#fff;

	}	
.event-km .mid .pic .text .title-22{
	margin-top:15px;
	font: 21px/25px 'kanit', Arial, sans-serif;
	color:#fff;
	}	
	
.event-km .bottom{
	margin-top: 40px;
	text-align:right;
	}	
	
	
@media (min-width: 320px) and (max-width: 767px) {
	.event-km{
		padding-bottom:60px;
	}
	.event-km .mid .pic{
		/* width:280px; */
		/* height:auto; */
	}
}