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

.news-39-1 {
	margin: 0;
	padding: 0;
	min-height: 740px;
	background:
		url(../images/news-39-1/bg11.jpg) top center no-repeat;
	/* margin-bottom: 17px; */
}

.news-39-1 .news-title {
	width: 100%;
	height: auto;
	font: 28px/70px 'kanit', Arial, sans-serif;
	text-align: center;
	color: #ff6c00;
	padding-top: 20px;
}


.news-39-1 .owl-carousel .owl-dots {
	bottom: -5px;
}

.news-39-1 .news-mid .news-top {
	width: 100%;
	margin-bottom: 34px;
	/* padding-left: 30px; */
	/* padding-right: 30px; */
	padding: 20px;
	/* height: 60px; */
	background: url(../images/news-86-1/bar-news.jpg) repeat-x;
	/* border: #6a6d89 1px solid; */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.news-39-1 .news-mid .news-top .select {
	background: #ffffff;
	background-size: 100% 100%;
	font: 23px/20px 'Kanit', Arial, sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.news-39-1 .news-mid .news-top .select-2 {
	background: url(../images/news-86-1/select-2.png) top center no-repeat;
	font: 20px/57px 'Kanit', Arial, sans-serif;
}

.news-39-1 .news-mid .news-top .normal {
	font: 20px/20px 'Kanit', Arial, sans-serif;
}

.news-39-1 .news-mid .news-top .news-block-1 {

	width: 153px;

	padding: 15px 0px;

	height: auto;

	text-align: center;
}

.news-39-1 .news-mid .news-top .news-block-2 {
	width: 445px;
	padding: 15px 0px;
	height: auto;
	text-align: center;
}

.news-39-1 .news-mid .news-top .select a {
	color: #000;
}

.news-39-1 .news-mid .news-top .select a:hover {
	color: #ff9c00;
}

.news-39-1 .news-mid .news-top .select-2 a {
	color: #503900;
}

.news-39-1 .news-mid .news-top .select-2 a:hover {
	color: #0baa00;
}

.news-39-1 .news-mid .news-top .normal a {
	color: #fff;
}

.news-39-1 .news-mid .news-top .normal a:hover {
	color: #000;
}


.news-39-1 .news-mid {

	margin: 0;

	padding: 0;

	padding-top: 6px;
}

.news-39-1 .news-bottom {
	position: relative;

	margin: 0;
	padding: 20px 0px;
}

.news-39-1 .news-mid .btn-left {
	margin: 0;
	padding: 0;
	margin-top: 200px;
}

.news-39-1 .news-mid .btn-right {
	margin: 0;
	padding: 0;
	margin-top: 200px;
}

.news-39-1 .p-4 {
	padding: 1.3rem !important;
}

/************************************************/
.news-block {
	width: 100%;
	height:
		auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
}

.news-block:hover {
	/*margin-top:-20px;*/
}

.news-block .news-pic {
	margin: 0;
	padding: 0;
}

.news-block .news-pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.news-block .news-text {
	margin: 0;
	padding: 0 10px;
	/* height:200px; */
	padding-bottom: 20px;
}

.news-block .news-text .news-topic {
	padding: 10px 5px;
	height: auto;
	overflow: hidden;
	font: 16px/23px 'kanit', Arial, sans-serif;
	color: #1f1f1f;
}

.news-block .news-text .news-topic a {
	color: #1f1f1f;
}

.news-block .news-text .news-topic a:hover {
	color: #ff9400;
}

.news-block .news-text .news-d {
	padding: 15px 19px 0px 5px;
	font: 12px/20px 'kanit', Arial, sans-serif;
	color: #0b0a0a;
}

.news-block .news-text .news-date {
	padding: 20px 5px;
	font: 12px/20px 'kanit', Arial, sans-serif;
	color: #fff;
}

/************************************************************/
/***********************บล็อคข่าวใหม่*************************/
.news-block-s {
	/* width: 425px; */
	height: auto;
	padding: 10px;
	position: relative;
	background: url(../images/news-39-1/bg.png) bottom right no-repeat;
}

.news-block-s:after {
	content: "";
	width: 30px;
	height: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 23px solid #ff5800;
	border-right: 33px solid transparent;

}

.news-block-s:hover {
	/*margin-top:-20px;*/
}

.news-block-s .news-pic {
	margin: 0;
	padding: 0;
}

.news-block-s .news-pic img {
	max-width: 100%;
	height: auto;
}

.news-block-s .news-text {
	margin: 0;
	padding: 0 10px;
	/* height:200px; */
	padding-bottom: 20px;
}

.news-block-s .news-text .news-topic {
	padding: 10px 5px;
	height: auto;
	overflow:
		hidden;
	font: 14px/20px 'kanit', Arial, sans-serif;
	color: #1f1f1f;
}

.news-block-s .news-text .news-topic a {
	color: #1f1f1f;
}

.news-block-s .news-text .news-topic a:hover {
	color: #ff9400;
}

.news-block-s .news-text .news-d {
	padding: 5px;
	font: 12px/18px 'kanit', Arial, sans-serif;
	color: #ffffff;
	background: #ff5800;
}

.news-block-s .news-text .news-date {
	padding: 20px 0px;
	font: 12px/20px 'kanit', Arial, sans-serif;
	color: #fff;
	/* width: 108%; */
}

/******************บล็อคข่าวใหม่**************************/

.n-bottom2 {
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 25px;
	text-align: center;
	margin-top: 20px;
}

.n-bottom {
	width: 100%;
	height:
		auto;
	position:
		relative;
	margin-top: 40px;
}

.n-bottom3 {
	height: auto;
	position: absolute;
	top: -40px;
	right: 0;
}

.n-bottom .nb-p {
	height: auto;
	position: absolute;
	text-align: center;
	top: -13px;
}

@media (min-width: 360px) and (max-width: 375px) {
	.news-39-1 .col-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.news-block-s {
		/* width: 341px !important; */
	}
}

@media (max-width: 575px) {
	.news-39-1 .tab .active {
		font-size: 20px;
		line-height: 28px;
		height: 45px;
	}

	.news-39-1 .tab .normal {
		width: 223px;
		padding: 0px 10px;
		height: 45px;
		font-size: 20px;
		line-height: 42px;
		font: 18px/20px 'Kanit', Arial, sans-serif;
	}

	.news-39-1 .news-mid .news-top .normal {
		font: 18px/20px 'Kanit', Arial, sans-serif;
	}

	.news-39-1 .news-mid .news-top .select {
		font: 18px/20px 'Kanit', Arial, sans-serif;
	}

	.news-39-1 .news-mid .btn-left {
		display: none;
	}

	.news-39-1 .news-mid .btn-right {
		display: none;
	}

	.news-39-1 .news-mid .news-top .news-block-1 {
		width: 223px;
	}

	.news-block-s {
		/* width: 380px; */
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.news-39-1 {
		min-height: 834px;
	}

	.news-39-1 .tab .active {
		font-size: 28px;
		line-height: 28px;
	}

	.news-39-1 .tab .normal {
		width: 177px;
		padding: 0px 10px;
	}

	.news-39-1 .news-mid .btn-left {
		display: none;
	}

	.news-39-1 .news-mid .btn-right {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.news-39-1 .tab .active {
		font-size: 20px;
		line-height: 28px;
		height: 45px;
	}

	.news-39-1 .tab .normal {
		width: 200px;
		padding: 0px 10px;
		height: 45px;
		font-size: 20px;
		line-height: 42px;
	}

	.news-39-1 .news-mid .btn-left {
		display: none;
	}

	.news-39-1 .news-mid .btn-right {
		display: none;
	}

	.news-39-1 .container-cv-5 {
		width: 100%;
	}

	.news-39-1 .news-mid .news-top .news-block-1 {
		width: 223px;
	}

	.news-39-1 .news-mid .news-top .normal {
		font: 18px/20px 'Kanit', Arial, sans-serif;
	}

	.news-39-1 .news-mid .news-top .select {
		font: 18px/20px 'Kanit', Arial, sans-serif;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.news-39-1 .news-mid .news-top .justify-content-lg-center {
		justify-content: left !important;
	}

	.news-39-1 .tab .active {
		font-size: 20px;
		line-height: 28px;
		height: 45px;
	}

	.news-39-1 .tab .normal {
		width: 200px;
		padding: 0px 10px;
		height: 45px;
		font-size: 20px;
		line-height: 42px;
	}

	.news-39-1 .news-mid .btn-left {
		display: none;
	}

	.news-39-1 .news-mid .btn-right {
		display: none;
	}

	.news-39-1 .container-cv-5 {
		width: 100%;
	}

	.news-39-1 .news-mid .news-top .normal {
		font: 18px/20px 'Kanit', Arial, sans-serif;
		padding: 15px 15px;
	}

	.news-39-1 .news-mid .news-top .select {
		font: 18px/20px 'Kanit', Arial, sans-serif;
		padding: 15px 15px;
	}
}

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

	.news-39-1 .tab .normal {
		width: auto;
		padding: 0px 10px;
		font-size: 18px;
		line-height: 50px;
	}
}

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

	.news-39-1 .tab .normal {
		width: 180px;
	}

	.news-39-1 .tab .active {
		width: 180px;
	}

	.news-39-1 .container-cv-5 {
		width: 100%;
	}

	.news-39-1 .news-mid .news-top .normal {
		font: 18px/20px 'Kanit', Arial, sans-serif;
		padding: 15px 10px;
	}

	.news-39-1 .news-mid .news-top .select {
		font: 18px/20px 'Kanit', Arial, sans-serif;
		padding: 15px 10px;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.news-39-1 .tab .normal {
		width: 190px;
	}

	.news-39-1 .tab .active {
		width: 190px;
	}

	.news-39-1 .container-cv-5 {
		width: 100%;
	}

	.news-39-1 .news-mid .news-top .normal {
		font: 18px/20px 'Kanit', Arial, sans-serif;
		padding: 15px 10px;
	}

	.news-39-1 .news-mid .news-top .select {
		font: 18px/20px 'Kanit', Arial, sans-serif;
		padding: 15px 10px;
	}
}

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




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

@media (min-width: 375px) and (max-width: 419px) {
	.news-39-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 50px !important;
	}
	.news-39-1 {
		min-height: 970px;
	}

}

@media (min-width: 420px) and (max-width: 575px) {
	.news-39-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 10px !important;
	}
}

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

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

@media (min-width: 992px) and (max-width: 1199px) {
	.news-39-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 20px !important;
	}
	.news-39-1 {
		min-height: 659px;
	}
	.news-block-s {
		min-height: 280px;
	}
}

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

@media (min-width: 1367px) and (max-width: 1440px) {
	.news-39-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 20px !important;
	}
	.news-39-1 {
		min-height: 670px;
	}
}

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

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