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

.event-3 {
	margin: 0;
	padding: 0;
	padding-top: 102px !important;
	padding-bottom: 33px !important;
	height: 1024px;
	background: url(../images/event-3/bg.jpg) top center no-repeat;
}

.event-3 .event-left {
	margin: 0;
	padding: 0;
}

.event-3 .event-left .top {
	background: url(../images/event-3/line.png) bottom left no-repeat;
	font: 50px/50px 'Kanit', Arial, sans-serif;
	color: #fff;
	padding-bottom: 30px;
	margin-top: 113px;
	margin-left: 200px;
}

.event-3 .event-left .bottom {
	margin-top: 125px;
	margin-left: 200px;
}

.event-3 .event-right {
	margin: 0;
	padding: 0;
	padding-top: 70px;
}

.event-3 .event-right .e-block {
	width: 434px;
	padding: 30px;
	background: #cae3f49c;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.event-3 .event-right .e-block .text {}

.event-3 .event-right .e-block .text .detail {
	font: 20px/24px 'Kanit', Arial, sans-serif;
}

.event-3 .event-right .e-block .text .detail a {
	color: #fff;
}

.event-3 .event-right .e-block .text .detail a:hover {
	color: #fff47c;
}

.event-3 .event-right .e-block .text .more {

	position: relative;

	left: 50px;

	top: -11px;
}

.event-3 .event-right .e-block .text .view {
	font: 16px/20px 'lineseed', Arial, sans-serif;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 10px;
}

.event-3 .event-right .e-block .pic {}

.event-3 .event-right .e-block .pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}






@media (min-width: 320px) and (max-width: 767px) {
	.event-3 {
		background-size: cover;
	}

	.event-3 .event-left .top {
		margin-left: 0px;
		margin-top: 0;
	}

	.event-3 .event-left .bottom {
		margin-left: 0px;
		margin-top: 35px;
	}

	.event-3 .event-right .e-block {
		width: 300px;
		padding: 24px;
	}

	.event-3 .event-right .e-block .text .detail {
		font: 15px / 22px 'Kanit', Arial, sans-serif;
	}

	.event-3 .event-right .e-block .text .more {

		left: 20px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.event-3 {
		background-size: cover;
	}

	.event-3 .event-left .top {
		margin-left: 0px;
		margin-top: 0;
		font: 39px / 50px 'Kanit', Arial, sans-serif;
	}

	.event-3 .event-left .bottom {
		margin-left: 0px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.event-3 {
		background-size: cover;
	}

	.event-3 .event-left .top {
		margin-left: 0px;
	}

	.event-3 .event-left .bottom {
		margin-left: 0;
	}
}

@media (min-width: 1200px) and (max-width: 1280px) {}

@media (min-width: 1281px) and (max-width: 1366px) {}

@media (min-width: 1367px) and (max-width: 1440px) {}

@media (min-width: 1441px) and (max-width: 1600px) {}