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

.news-39-1{
	margin:0;
	padding:0;
	min-height: 789px;
	background:url(../images/news-39-1/bg11.jpg) top center no-repeat;
	padding-top: 38px !important;
}
.news-39-1 .news-title{
    width: 100%;
    height: auto;
    font: 40px/65px 'kanit', Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;color: #000;
 }
.news-39-1 .news-title-2{
    width: 100%;
    height: auto;
    font: 19px/20px 'kanit', Arial, sans-serif;
    text-align: center;
    color: #bebebe;
	margin-bottom:15px;
 } 
 
.news-39-1 .news-title .f-orange{
	/* color: #ff780b; */
}

.news-39-1 .news-top{
	height:59px;
	padding-top: 11px;
	position:relative;
	/* background:#29a0ff; */
}
.news-39-1 .news-top .social{
		position:absolute;
		top:0;
		right: 150px;
		width:185px;
		height:58px;
}
.news-39-1 .tab1 {
	font: 16px/30px  'kanit', Arial, sans-serif;
	color:#0d0d0d;
	padding-top: 25px;
	background: #111c68;
	width: 100%;
	}
.news-39-1 .tab {
	/* height: 51px; */
	font: 20px/33px  'kanit', Arial, sans-serif;
	color:#0d0d0d;
	/* border-bottom:1px solid #bebebe; */
	}
.news-39-1 .tab ul{	
	padding:0;
	margin:0;
	color:#0d0d0d;
}
.news-39-1 .tab ul li{
	padding:0px 10px;
	
}	
.news-39-1 .tab .normal{
	width: max-content;
	height: 50px;
	display: inline-block;
	text-align:center;
	/* margin-top: 7px;*/
	color:#3e677c;
	/* padding: 5px 14px 1px 40px; */
	padding: 5px 39px 0px 39px;
	/* letter-spacing:1px; */
	/* border-bottom: #4e4e4e 1px solid; */
	}	
.news-39-1 .tab .active{
	  width: max-content;
	  height: 50px;
	  font-size: 25px;
	  display: inline-block;
	  text-align:
	  center;
	  /* margin-top: 7px;*/
	  color: #000;
	  padding: 5px 39px 0px 39px;
	  border-bottom: 7px solid #1d988b;
	}
.news-39-1 .tab .active a{
		color: #fff;
		/* padding: 0 10px 10px 10px; */
}
.news-39-1 .tab .normal a{
		color: #fff;
}
.news-39-1 .tab .normal a:hover{
	color: #ff8d00d02;
}


.news-39-1 .news-mid{

margin:0;

padding:0;

/* padding-top:10px; */

/* border-top:#e6e6e6 1px solid; */
}
.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: 349px;
    height: 435px;
    background: #ffd9f0;
}
.news-block:hover{
	/* margin-top:-20px; */
	}

.news-block .news-pic{
	margin:0;
	padding:0;
}
.news-block .news-pic img{
	max-width:100%;
	height:auto;
}
.news-block .news-text{
	margin:0;
	padding:0;
	height:200px;
	padding-bottom:20px;
}
.news-block .news-text .news-topic{
	padding: 15px 5px;
	height: 119px;
	overflow:hidden;
	font: 22px/20px 'thaisanslite', Arial, sans-serif;
	color:#1f1f1f;
}
.news-block .news-text .news-topic a{
		color:#1f1f1f;
}
.news-block .news-text .news-topic a:hover{
		color: #000;
}
.news-block .news-text .news-d{
	padding: 6px 15px;
	font: 19px/20px 'thaisanslite', Arial, sans-serif;
	color: #000000;
	width: max-content;
	background: #ffffff;
	margin-top: -32px;
	position: relative;
}
.news-block .news-text .news-date{
	padding:0px 5px;
	 font: 12px/20px 'kanit', Arial, sans-serif;
	 color:#fff;
}
.n-bottom2{
	width:100%;
	height:auto;
	position:relative;
	padding-top: 35px;
	    text-align: center;
	}
.n-bottom{
	width:100%;
	height: 60px;
	position:relative;
	}
.n-bottom3{
	/* height:auto; */
	position:absolute;
	width: 100%;
	text-align: center;
	top: -10px;
	/* right:0; */
	}
.n-bottom .nb-p{
	height: auto;
    position: absolute;
    text-align: center;
    top: -13px;
	}

@media (max-width: 575px) { 

.news-39-1{
	margin-top: 0px;

}

.news-39-1 .tab .active{
	 /* width: 176px; */
}
.news-39-1 .tab .normal{
	    /* width: 213px; */
	    padding: 5px 20px 0px 20px;
}
.news-39-1 .news-mid .btn-left{
	display:none;
}
.news-39-1 .news-mid .btn-right{
	display:none;
}
.news-39-1 .news-top .social{
 display:none;
}
.news-block{
	    width: 289px;	
}
.news-block .news-text{
	padding: 10px;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.news-39-1{
	margin-top: 0px;

}

.news-39-1 .tab .active{
	 width: 213px;
}
.news-39-1 .tab .normal{
	    width: 213px;
    padding: 5px 0px 1px 0px;
}
.news-39-1 .news-mid .btn-left{
	display:none;
}
.news-39-1 .news-mid .btn-right{
	display:none;
}
.news-39-1 .news-top .social{
top: -57px;
    right: 6px;
    z-index: 999;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.news-39-1{
	margin-top: 0px;

}

.news-39-1 .tab .normal{
	    width: 185px;
    padding: 5px 0px 1px 0px;
}
.news-39-1 .news-mid .btn-left{
	display:none;
}
.news-39-1 .news-mid .btn-right{
	display:none;
}
.news-39-1 .news-top .social{
top: -57px;
    right: 6px;
    z-index: 999;	
}
.news-39-1 .tab {
    font: 15px/33px 'kanit', Arial, sans-serif;
}
.news-39-1 .tab .active {
    font-size: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.news-39-1{
	margin-top: 0px;
	/* background:#c5d3dd; */
}
.news-39-1 .tab .active{
	     width: 160px;
}
.news-39-1 .tab .normal{
	    width: 213px;
    padding: 5px 0px 1px 0px;
}
.news-39-1 .news-mid .btn-left{
	display:none;
}
.news-39-1 .news-mid .btn-right{
	display:none;
}
.news-39-1 .news-top .social{
	top: -60px;
    right: 0px;
	z-index:99;	
}
.news-39-1 .tab {
    font: 15px/33px 'kanit', Arial, sans-serif;
}
.news-39-1 .tab .active {
    font-size: 18px;
}
	}
@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-block {
    width: 278px;
    min-height: 385px;
}
.news-39-1 .tab{
	    font: 16px/44px 'kanit', Arial, sans-serif;	
}
.news-39-1 .tab .active{
	    padding: 5px 5px 0px 5px;
}
.news-39-1 .tab .normal{
	    padding: 5px 5px 1px 15px;
}
.news-39-1 .news-top .social{
    z-index: 99;
    top: -48px;	
}
 }
@media (min-width: 1367px) and (max-width: 1440px) { 
.news-block {
    width: 278px;
    min-height: 385px;
}
.news-39-1 .tab{
	    font: 16px/44px 'kanit', Arial, sans-serif;	
}
.news-39-1 .tab .active{
	    padding: 5px 5px 0px 5px;
}
.news-39-1 .tab .normal{
	    padding: 5px 5px 1px 15px;
}
.news-39-1 .news-top .social{
    z-index: 99;
    top: -48px;	
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
.news-block {
    width: 280px;
    min-height: 385px;
}
.news-39-1 .tab{
	    font: 16px/44px 'kanit', Arial, sans-serif;	
}
.news-39-1 .tab .active{
	    padding: 1px 10px 0px 10px;
}
.news-39-1 .tab .normal{
	    padding: 5px 10px 0px 18px;
}
 }