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

.news-2{
	margin:0;
	padding:0;	
	
}
.news-2 .container-fluid{
	padding-right: 0px!important;
    padding-left: 0px!important;
}
.news-2 .place{
	text-align:center;
}
.news-2 .place a{
	color: #208e88;
}
.news-2 .place a:hover{
	color: #0078ff;
}
.news-2 .detail{
}
.news-2 .detail a{
	color:#333333;
}
.news-2 .detail a:hover{
	color: #0078ff;
}
/**************ข่าวสารในเครือข่าย อปท.จังหวัดสงขลา******************/
.news-2 .news-province{
	margin:0;
	padding:0;		
}
.news-2 .news-province .news-top{
	margin:0;
	padding:0;
	height:64px;
	padding-left:22px;
	font: 22px/64px 'Kanit', Arial, sans-serif;
	color: #fff;
	background:url(../images/top-bpn.png) top center no-repeat;
	background-size:cover;
}
.news-2 .news-province .news-mid{
	margin:0;
	padding:20px;
	min-height: 380px;
	background: #fff url(../images/bg-sahdow.png) bottom left no-repeat;
}
.news-2 .news-province .news-mid .news-bar{
	margin:0;
	padding:0;
	padding-bottom:8px;
	text-align:center;
	border-bottom: #458fdb 1px solid;
	font-weight:bold;
}
.news-2 .news-province .news-mid .news-list{
	margin:0;
	padding:0;
	padding-top:10px;
}
.news-2 .news-province .news-mid .news-list ul{
	margin:0;
	padding:0;
}
.news-2 .news-province .news-mid .news-list ul li{
	margin:0;
	padding:0;
	padding:5px 0px;
}

.news-2 .news-province .news-bottom{
	margin:0;
	padding:0;
	margin-top:20px;
}
/**************ข่าวสารในเครือข่าย อปท.จังหวัดสงขลา******************/

/**************ข่าวสารในเครือข่าย อปท.******************/
.news-2 .news-network{
	margin:0;
	padding:0;		
}
.news-2 .news-network .news-top{
	margin:0;
	padding:0;
	height:64px;
	padding-left:22px;
	font: 22px/64px 'Kanit', Arial, sans-serif;
	color: #fff;
	background: url(../images/top-bpn-2.png) top center no-repeat;
	background-size:cover;
}

.news-2 .news-network .news-top .country-head-dropdown{
	margin-top:18px;
	width: 135px;
	/* margin-top: -5px; */
	height: 30px;
	text-align: right;
	font: 14px/64px 'Kanit', Arial, sans-serif;
	}
.news-2 .news-network .news-top select {
    border: none;
    background: #ffffff;
	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.news-2 .news-network .news-mid{
	margin:0;
	padding:20px;
	min-height: 380px;
	background: #fafafa url(../images/bg-sahdow.png) bottom center no-repeat;
}
.news-2 .news-network .news-mid .mid-in{
	padding-bottom:10px;
	/* border-bottom:1px solid #989898; */
	background:url(../images/news-in-28-1/bulet.png) 0% 20% no-repeat;
	}
.news-2 .news-network .news-mid .mid-in .country-place{
	    width: 100%;
    padding-left: 20px;
    text-align: left;
    background: url(../images/bullet.png) 0px 8px no-repeat;
	}
.news-2 .news-network .news-mid .mid-in .country-place a{
	color: #ae8900;
	}
	.news-2 .news-network .news-mid .mid-in .country-place a:hover{
	color: #0078ff;
	}
.news-2 .news-network .news-mid .mid-in .country-province{
	width:100%;
	text-align: left;
	color: #ae8900;
	}
.news-2 .news-network .news-mid .mid-in .country-detail{
	width:100%;
	text-align: left;
	}
.news-2 .news-network .news-mid .mid-in .country-detail a{
	color:#333333;
	}
.news-2 .news-network .news-mid .mid-in .country-detail a:hover{
	color: #0078ff;
}
.news-2 .news-network .news-bottom{
	margin:0;
	padding:0;
}
/**************ข่าวสารในเครือข่าย อปท.******************/

/**************หนังสือราชการจากกรมส่งเสริมการปกครองท้องถิ่น******************/
.news-2 .letter{
	margin:0;
	padding:0;		
}
.news-2 .letter .news-top{
	margin:0;
	padding:0;
	height:64px;
	padding-left:22px;
	font: 22px/64px 'Kanit', Arial, sans-serif;
	color: #fff;
	background:url(../images/top-bpn-3.png) top center no-repeat;
	background-size:cover;
}
.news-2 .letter .news-mid{
	margin:0;
	padding:20px;
	min-height: 380px;
	background: #ffffff url(../images/bg-sahdow.png) bottom right no-repeat;
}
.news-2 .letter .news-mid .news-bar{
	margin:0;
	padding:0;
	padding-bottom:8px;
	text-align:center;
	border-bottom: #458fdb 1px solid;
	font-weight:bold;
}
.news-2 .letter .news-mid .news-list{






	margin:0;
	padding:0;
	padding-top:10px;
}
.news-2 .letter .news-mid .news-list ul{
	margin:0;
	padding:0;
}
.news-2 .letter .news-mid .news-list ul li{
	margin:0;
	padding:0;
	padding:5px 0px;
}

.news-2 .letter .news-bottom{
	margin:0;
	padding:0;
		margin-top:20px;
}
/**************หนังสือราชการจากกรมส่งเสริมการปกครองท้องถิ่น******************/


@media (max-width: 374px) { 
.news-2 .news-province .news-mid .news-bar{
	display:none;	
}
.news-2 .news-province{
	margin-top: 20px;
}
.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-province .news-mid{
	min-height:360px;	
}
.news-2 .news-province .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.news-2 .news-network .news-top {
	  font: 24px/66px 'THK2DJuly8', Arial, sans-serif;
}
.news-2 .news-network .news-top .col-lg-8{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;	
}
.news-2 .news-network .news-mid{
	    padding-top: 20px;
		min-height:360px;	
}
.news-2 .news-network .news-mid .mid-in .col-lg-10{
	      -ms-flex: 0 0 70.333333%;
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
}
.news-2 .letter .news-top{
	padding-top: 10px;
	font: 16px/45px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-mid .news-bar{
	display:none;	
}
.news-2 .letter .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.news-2 .news-province .news-mid .news-bar{
	display:none;	
}

.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-province .news-mid{
	min-height: 200px;
}
.news-2 .news-province .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.news-2 .news-network .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-mid{
	    /* padding-top: 60px; */
	    min-height: 200px;
}

.news-2 .letter .news-top{
	padding-top: 10px;
	font: 16px/45px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-mid{
	min-height:200px;
	}
	
.news-2 .letter .news-mid .news-bar{
	display:none;	
}
.news-2 .letter .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.news-2 .news-province .news-mid .news-bar{
	display:none;	
}

.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-province .news-mid{
	min-height:360px;	
}
.news-2 .news-province .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.news-2 .news-network .news-top {
	    font: 22px/64px 'Kanit', Arial, sans-serif;
}

.news-2 .news-network .news-mid{
	    padding-top: 42px;
	    min-height:360px;
}
.news-2 .news-network .news-mid .mid-in .col-lg-10{
	      -ms-flex: 0 0 70.333333%;
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
}
.news-2 .letter .news-top{
	padding-top: 10px;
	font: 18px/45px 'Kanit', Arial, sans-serif;
}

.news-2 .letter .news-mid{
	min-height:200px;
	}
	

.news-2 .letter .news-mid .news-bar{
	display:none;	
}
.news-2 .letter .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

 }
@media (min-width: 576px) and (max-width: 767px) { 
.news-2 .news-province .news-mid .news-bar{
	display:none;	
}
.news-2 .news-province{
	margin-top: 20px;
}
.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-province .news-mid{
	min-height:360px;	
}
.news-2 .news-province .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


.news-2 .news-network .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top .col-lg-8{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;	
}
.news-2 .news-network .news-mid{
	    padding-top: 60px;
		min-height:360px;	
}
.news-2 .news-network .news-mid .mid-in .col-lg-10{
	      -ms-flex: 0 0 70.333333%;
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
}
.news-2 .letter .news-top{
	padding-top: 10px;
       font: 22px/64px 'Kanit', Arial, sans-serif;
}

.news-2 .letter .news-mid {
    min-height:200px;	
}

.news-2 .letter .news-mid .news-bar{
	display:none;	
}
.news-2 .letter .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.news-2 .news-province .news-mid .news-bar{
	display:none;	
}
.news-2 .news-province{
	/* margin-top: 20px; */
}
.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-province .news-mid{
	min-height:360px;	
}
.news-2 .news-province .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.news-2 .news-network .news-top {
    font: 22px/64px 'Kanit', Arial, sans-serif;
}

.news-2 .news-network .news-mid{
	    padding-top: 30px;
	    min-height:360px;
}
.news-2 .news-network .news-mid .mid-in .col-lg-10{
	      -ms-flex: 0 0 70.333333%;
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
}
.news-2 .letter .news-top{
	padding-top: 10px;
       font: 22px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-mid .news-bar{
	display:none;	
}
.news-2 .letter .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
	.news-2 .news-network .news-top .country-head-dropdown{
	margin-top:18px;
	width: 91px;
	/* margin-top: -5px; */
	height: 30px;
	text-align: right;
	font: 14px/64px 'Kanit', Arial, sans-serif;
	}
.news-2 .news-province .news-mid .news-bar{
	display:none;	
}
.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
    font: 17px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top {
	    font: 17px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-top{
	    font: 17px/26px 'Kanit', Arial, sans-serif;
	    padding-top: 9px;
}
.news-2 .news-province .news-mid{
	min-height:510px;	
}
.news-2 .news-province .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.news-2 .news-network .news-mid{
    padding-top: 36px;
		min-height:510px;	
}
.news-2 .news-network .news-mid .mid-in .col-lg-10{
	      -ms-flex: 0 0 70.333333%;
    flex: 0 0 70.333333%;
    max-width: 70.333333%;
}
.news-2 .letter .news-mid{
	min-height:510px;	
}
.news-2 .letter .news-mid .news-bar{
	display:none;	
}
.news-2 .letter .news-mid .news-list .col-lg-3{
		    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
 }
@media (min-width: 1200px) and (max-width: 1280px) { 
.news-2 .place {
   text-align: left;
    font-size: 14px;
}
.news-2 .detail {
	font-size: 14px;
}
.news-2 .news-province .news-top {
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top {
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-top{
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top .col-lg-8 {
	    -ms-flex: 0 0 57.666667%;
    flex: 0 0 57.666667%;
    max-width: 57.666667%;
}
.news-2 .news-network .news-top .country-head-dropdown {
    margin-top: 15px;
}
 }
@media (min-width: 1281px) and (max-width: 1366px) { 
.news-2 .place {
   text-align: left;
    font-size: 14px;
}
.news-2 .detail {
	font-size: 14px;
}
.news-2 .news-province .news-top {
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top {
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-top{
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top .country-head-dropdown{
	width: 115px;	



}
.news-2 .news-province .news-mid {
	    min-height: 290px;
}
.news-2 .news-network .news-mid{
		min-height: 290px;
}
.news-2 .letter .news-mid {
		min-height: 290px;
}



.news-2 .news-network .news-mid .mid-in{
	font-size: 14px;
}
 }
@media (min-width: 1367px) and (max-width: 1440px) { 
.news-2 .place {
   text-align: left;
    font-size: 14px;
}
.news-2 .detail {
	font-size: 14px;
}
.news-2 .news-province .news-top {
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top {
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-top{
    font: 20px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-network .news-top .country-head-dropdown{
	width: 115px;	
}
.news-2 .news-province .news-mid {
	    min-height: 290px;
}
.news-2 .news-network .news-mid{
		min-height: 290px;
}
.news-2 .letter .news-mid {
		min-height: 290px;
}
.news-2 .news-network .news-mid .mid-in{
	font-size: 14px;
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { ... }