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

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

.video-top {
	padding-left: 45px;
	font: 28px/28px 'Kanit', Arial, sans-serif;
	color: #ff7600;
	color: #6f3581;
}

.video-top img {
	max-width: 100%;
	height: auto;
}

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

.video-box {
	margin-right: 15px;
	width: 313px;
	height: 408px;
	padding: 0px;
	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;
	position: relative;
}

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

.arrow-down {
	position: absolute;
	top: 0;
	left: 15px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-top: 10px solid #fff;
}

.video-title {
	/* width:100%; */
	height: auto;
	font: 18px/20px 'tahoma', Arial, sans-serif;
	color: #7db800;
	padding: 10px;
}

.video-title a {
	color: #0b24ab;
}

.video-text {
	/* width:100%; */
	height: auto;
	font: 21px/24px 'thaisanslite', Arial, sans-serif;
	color: #342222;
	padding: 10px;
}

.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: 25px;
	top: 137px;
}

.right-bottom {
	/* width:100%; */
	height: auto;
	position: absolute;
	z-index: 1;
	left: 25px;
	top: 208px;
}

@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;
	}

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

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

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

@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: 21px;
		top: 185px;
	}

	.right-bottom {
		left: 21px;
		top: 251px;
	}
}

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

/* ------------------------------------------------ */

@media (min-width: 375px) and (max-width: 419px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: 0px !important; */
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		/* margin-top: 0px !important; */
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.video-132-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}