.news-29-1{
	position: relative;
    overflow: hidden;
	background:#fff url(../images/news-29-1/e-bg.jpg) top center fixed no-repeat;
	}
.news-29-1 .top{
	padding:20px 0 15px 0;
	margin-bottom:15px;
	font: 47px/41px 'thaisanslite', Arial, sans-serif;
	color:#fff;
	text-align:center;
	background: url(file:///Z|/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%84%E0%B9%89%E0%B8%B2%20%E0%B9%80%E0%B8%AD%E0%B8%81%E0%B8%8A%E0%B8%99%20%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B9%81%E0%B8%A5%E0%B9%89%E0%B8%A7/_%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%992018/New%20web%20%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%97%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%B1%E0%B8%97%E0%B8%A1%E0%B9%82%E0%B8%A3%E0%B8%88%E0%B8%99%E0%B9%8C%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%84%E0%B8%A1/design/images/all-15-1/mini-redblue.jpg) bottom center no-repeat;
	}
.news-29-1 .tab{
	padding:10px;
	margin-top:10px;
	margin-bottom:0px;
	overflow-x:scroll;
	padding:0px 0px;
	font: 25px/36px 'thaisanslite', Arial, sans-serif;
	white-space:nowrap;
	margin:0 auto;
	width:100%;
	background:url(../images/news-29-1/bg.png) top center repeat;
	}

.news-29-1 .tab  a{
	color:#fff;
}
.news-29-1 .tab .active{
	font-weight:bold;
	text-align:left;
	padding:0 20px !important;
	padding-bottom:10px !important;
	background:#e8e8e8;
	color:#000;
}
.news-29-1 .tab .active a{
	color:#000;
}
.news-29-1 .tab .normal{
	padding:0 20px !important;
	font-weight: normal;
	padding-bottom:10px !important;
	color:#fff;
}
.news-29-1 .tab .normal a{
	color:#fff;
}
.news-29-1 .tab ul li.active a{
	color:#0da4e6
}
.news-29-1 .mid{
	height: 510px;
	overflow-x:scroll;
	background:#e8e8e8;
	padding: 20px;
	}
.news-29-1 .mid .box-news{
	height: 455px;
	font-size:15px;
	background:#fff;
	width: 345px;
	}
.news-29-1 .mid .box-news .pic{
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
.news-29-1 .mid .box-news .title{
	position:absolute;
		bottom:0;
	z-index:2;
	padding:10px;
	}
.news-29-1 .mid .box-news .title a{
	color:#fff;
}
.news-29-1 .mid .box-news .blur{
	height:70px;
	width:120%;
	background-color: rgba(0,0,0,.58);
		position:absolute;
		bottom:-10px; left:-10px;
	z-index:1;
	-webkit-filter: blur(10px); /* Safari */
    filter: blur(10px);
	}
.news-29-1 .mid .box-news .pic img{
	max-width:100%;
	height:auto;
	max-height: 258px;
}
.news-29-1 .mid .box-news .cat{
	font: 24px/24px 'thaisanslite', Arial, sans-serif;
	padding-left: 10px;
}
.news-29-1 .mid .box-news .cat a{
	color:#000;
}
.news-29-1 .mid .box-news .text{
	padding-top:10px;
	font: 18px/20px 'thaisanslite', Arial, sans-serif;
	padding-left: 10px;
}
.news-29-1 .social{
	padding: 10px;
	position:relative;
	margin-top:15px;
	}
.news-29-1 .bottom{
	padding:20px 0;
	position:relative;
	margin-top:15px;
	}
	

.news-29-1 .carousel-indicators {
    position: relative;
    right: 0;
}
.news-29-1 .more{
		font-size:13px;
	position: relative;
    top: 5px;
	}
	
@media (max-width: 996px){
.news-29-1 .carousel-indicators {
	display:none;
	}
.news-29-1 .mid .box-news{
	width:50vw;
	}
.news-29-1 .top{
	padding:20px 0 15px 0;
	margin-bottom:15px;
	font: 35px/41px 'thaisanslite', Arial, sans-serif;
	background: url(file:///Z|/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%84%E0%B9%89%E0%B8%B2%20%E0%B9%80%E0%B8%AD%E0%B8%81%E0%B8%8A%E0%B8%99%20%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B9%81%E0%B8%A5%E0%B9%89%E0%B8%A7/_%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%87%E0%B8%B2%E0%B8%992018/New%20web%20%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%AD%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%97%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%B1%E0%B8%97%E0%B8%A1%E0%B9%82%E0%B8%A3%E0%B8%88%E0%B8%99%E0%B9%8C%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B8%A2%E0%B8%B2%E0%B8%84%E0%B8%A1/design/images/all-15-1/mini-redblue.jpg) bottom center no-repeat;
	}	
	
.news-29-1 .tab {
	margin:0 -15px;
    padding: 10px;
    overflow-x: scroll;
	width:auto;
}
.news-29-1 .tab a{
	color:#fff;
	}
.news-29-1 .tab .active{
	padding: 8px 20px !important;
    background: #e8e8e8;
    white-space: nowrap;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 6px;
}
.news-29-1 .tab .normal{
	padding: 8px 20px !important;
    background: #0d308b;
    white-space: nowrap;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 6px;
}
}


@media (max-width: 768px){
.news-29-1 .mid .box-news{
	width:50vw;
	}
	
}
@media (max-width: 425px){
.news-29-1 .mid .box-news{
	width:80vw;
	}	
}
