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

.video-132-1 {
	width        : 100%;
	height       : 590px;
	/* background:url(../images/video-132-1/bg.jpg) top center no-repeat; */
}

.video-top {
	width      : 100%;
	height     : auto;
	padding-top: 45px;
}

.video-block {
	width      : 100%;
	height     : auto;
	padding-top: 68px;
}

.video-box {
	width         : 100%;
	height        : auto;
	padding       : 13px;
	padding-bottom: 25px;
	background    : #fff;

	-webkit-box-shadow: 1px 4px 19px -2px rgba(0, 0, 0, 0.46);
	-moz-box-shadow   : 1px 4px 19px -2px rgba(0, 0, 0, 0.46);
	box-shadow        : 1px 4px 19px -2px rgba(0, 0, 0, 0.46);
}

.video-pic {
	width : 100%;
	height: auto;
}

.video-pic img {
	max-width: 100%;
}

.video-text {
	width      : 100%;
	height     : 68px;
	font       : 16px/24px 'thaisanslite', Arial, sans-serif;
	color      : #342222;
	padding-top: 20px;
}

.video-text a {
	color: #342222;
}

.video-bottom {
	width     : 100%;
	height    : auto;
	margin-top: 30px;
}

.link-bottom {
	width : 100%;
	height: auto;
}

.left-bottom {
	width   : 100%;
	height  : auto;
	position: absolute;
	z-index : 1;
	left    : -10px;
	top     : 175px;
}

.right-bottom {
	width   : 100%;
	height  : auto;
	position: absolute;
	z-index : 1;
	left    : -10px;
	top     : 250px;
}

@media (max-width: 374px) {
	.video-132-1 {
		height    : auto;
		background: #f3f3f3;
	}

	.video-block {
		padding-top: 30px;
	}
}

@media (min-width: 375px) and (max-width: 413px) {
	.video-132-1 {
		height    : auto;
		background: #f3f3f3;
		position  : relative;
		top       : 10px;
	}

	.video-block {
		padding-top: 30px;
	}

	.box1 {
		width : 320px;
		height: auto;
	}

	.news-block {
		width: 100% !important;
	}

	.calendar-bottom img {
		width: 82%;
		float: right;
	}

	.download-bottom img {
		width: 82%;
		float: right;
	}
}

@media (min-width: 414px) and (max-width: 575px) {
	.video-132-1 {
		height    : auto;
		background: #f3f3f3;
		position  : relative;
		top       : 10px;
	}

	.video-block {
		padding-top: 30px;
	}

	.news-block {
		width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.video-132-1 {
		height    : auto;
		background: #f3f3f3;
	}

	.video-block {
		padding-top: 30px;
	}

	.video-132-1 .container-cv-5 {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.video-132-1 .container-cv-5 {
		width: 100%;
	}

	.video-132-1 {
		height    : 450px;
		background: url(../images/video-132-1/bg.jpg) 33% 0px no-repeat;
	}

	.left-bottom {
		left: -39px;
		top : 125px;
	}

	.right-bottom {
		left: -39px;
		top : 191px;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.video-132-1 .container-cv-5 {
		width: 100%;
	}

	.video-block .owl-theme .owl-nav {
		left: 90px !important;
	}
}


@media (min-width: 1367px) and (max-width: 1440px) {
	.video-block .owl-theme .owl-nav {
		left: 50px !important;
	}
}