@charset "utf-8";
/* CSS Document */

.gallery{
	margin:0;
	padding:0;
	background:#f8f8f8;	
}
.gallery .g-top{
	margin:0;
	padding:75px;
	font: 45px/50px 'Kanit', Arial, sans-serif;
	font-weight:bold;
	text-align:center;
}
.gallery .g-top span{
	color:#4a9bed;
}
.gallery .g-mid{
	margin:0;
	padding:0;

}


/*****************block-1******************/


.gallery .g-mid .g-pic{
	width: 260px;
		
}
.gallery .g-mid .g-pic img{
	max-width:100%;
	height:auto;

}

.gallery .g-mid .g-text{
	padding:15px;
	background:#fafafa;	
	height:100%;
}
.gallery .g-mid .g-text:hover{
	background:#daecff;
		height:100%;
}
/*****************block-1******************/

/*****************block-2******************/
.gallery .g-mid .g-block-1{
	box-shadow:#51b4f4 0px 2px 8px 0px;
	margin-right:30px;
	margin-bottom:30px;
	
	-webkit-border-top-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	border-top-left-radius: 50px;
	overflow:hidden;

}

.gallery .g-mid .g-block-2{
	box-shadow:#51b4f4 0px 2px 8px 0px;
	margin-bottom:30px;
	
	-webkit-border-top-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	border-top-right-radius: 50px;
	
	overflow:hidden;
	
}

.gallery .g-mid .g-block-3{
	box-shadow:#51b4f4 0px 2px 8px 0px;
	margin-right:30px;
	
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-left-radius: 50px;
	
	overflow:hidden;


}

.gallery .g-mid .g-block-4{
	box-shadow:#51b4f4 0px 2px 8px 0px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	border-bottom-right-radius: 50px;
	overflow:hidden;

	
}

/*****************block-2******************/


.gallery .g-mid .date{
	margin:20px 0px;
	font: 16px/20px 'Kanit', Arial, sans-serif;	
}
.gallery .g-mid .topic{
	margin:20px 0px;
	font: 20px/28px 'Kanit', Arial, sans-serif;	
	color:#3c85e1;
}
.gallery .g-mid .detail{
	min-height:120px;
	font: 14px/22px 'Kanit', Arial, sans-serif;	
	color:#333;
}
.gallery .g-mid .social{
	
}






.gallery .g-bottom{
	margin:0;
	padding:40px 0px;
	text-align:center;
}

@media (min-width: 320px) and (max-width: 767px) { 
	.gallery .g-top{
		padding: 50px 0px;
		font: 45px/50px 'Kanit', Arial, sans-serif;
	}
	.gallery .g-mid .g-pic{
		width:100%;	
	}
	.gallery .g-mid .g-block-3{
		margin-bottom:30px;	
	}
	
}

@media (min-width: 768px) and (max-width: 991px) { 
.gallery .g-mid .g-pic{
		width:100%;	
	}
}