@charset "utf-8";
/* CSS Document */

.news-2{
	margin:0;
	padding:0;	
}

.news-2 .place{
	text-align:center;
}
.news-2 .place a{
	color: #2b2b2b;
}
.news-2 .place a:hover{
	color:#009cff;
}
.news-2 .detail{
}
.news-2 .detail a{
	color:#333333;
}
.news-2 .detail a:hover{
	color:#009cff;
}
/**************ข่าวสารในเครือข่าย อปท.จังหวัดสงขลา******************/
.news-2 .news-province{
	margin:0;
	padding:0;
	    background: #fff;
	border:#dcdcdc 1px solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.news-2 .news-province .news-top{
	margin:0;
	padding:0;
	height:64px;
	padding-left:30px;
	background: url(../images/news-bar.png) top left no-repeat;
    background-size: 100% 100%;

	font: 22px/64px 'Kanit', Arial, sans-serif;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45b3e0+0,2d90d8+48,1974d2+99 */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.news-2 .news-province .news-mid{
	margin:0;
	padding:20px;
	min-height:310px;
}
.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;
	    background: #fff;
	border: #dcdcdc 1px solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.news-2 .news-network .news-top{
	margin:0;
	padding:0;
	height:64px;
	padding-left:30px;
	background: url(../images/news-bar2.png) top left no-repeat;	
    background-size: 100% 100%;
	font: 22px/64px 'Kanit', Arial, sans-serif;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.news-2 .news-network .news-top .country-head-dropdown{
	margin-top:18px;
	width: 90%;
	/* 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:310px;
}
.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%;
	    text-align: left;
	}
.news-2 .news-network .news-mid .mid-in .country-place a{
	color: #2b2b2b;
	}
	.news-2 .news-network .news-mid .mid-in .country-place a:hover{
	color:#009cff;
	}
.news-2 .news-network .news-mid .mid-in .country-province{
	width:100%;
	text-align: left;
	color: #2b2b2b;
	}
.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:#009cff;
}
.news-2 .news-network .news-bottom{
	margin:0;
	padding:0;
}
/**************ข่าวสารในเครือข่าย อปท.******************/

/**************หนังสือราชการจากกรมส่งเสริมการปกครองท้องถิ่น******************/
.news-2 .letter{
	margin:0;
	padding:0;
	    background: #fff;
	border: #dcdcdc 1px solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.news-2 .letter .news-top{
	margin:0;
	padding:0;
	height:64px;
	padding-left:30px;
	background: url(../images/news-bar3.png) top left no-repeat;
	background-size: 100% 100%;
	font: 22px/64px 'Kanit', Arial, sans-serif;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.news-2 .letter .news-mid{
	margin:0;
	padding:20px;
	min-height:310px;
}
.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: 18px/22px 'Kanit', Arial, sans-serif;
	    padding-top: 12px;
}
.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: 18px/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: 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: 18px/22px '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 .news-province{
	margin-top: 20px;
}
.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
	    font: 18px/22px 'Kanit', Arial, sans-serif;
	    padding-top: 12px;
}
.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: 18px/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 .letter .news-top{
	padding-top: 10px;
	font: 18px/22px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-mid .news-bar{
	display:none;	
}

 }
@media (min-width: 420px) and (max-width: 575px) { 
.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: 18px/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: 18px/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: 20;
	    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/52px '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: 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: 24px/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/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: 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: 24px/52px '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: 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: 24px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .news-province .news-mid{
	min-height:360px;	
}

.news-2 .news-network .news-top {
	font: 24px/64px 'Kanit', Arial, sans-serif;
}

.news-2 .news-network .news-mid{
	    padding-top: 30px;
	    min-height:360px;
}

.news-2 .letter .news-top{
	padding-top: 10px;
	font: 24px/52px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-mid .news-bar{
	display:none;	
}

 }
@media (min-width: 992px) and (max-width: 1199px) { 
.news-2 .news-province .news-mid .news-bar{
	display:none;	
}
.news-2 .place {
	text-align:left;	
}
.news-2 .news-province .news-top {
	    /* font: 18px/64px 'Kanit', Arial, sans-serif; */
	    padding-top: 10px;
	    font: 18px/23px 'Kanit', Arial, sans-serif;
}
.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-province .news-mid .news-list{
	    padding-top: 0;	
}

.news-2 .news-network .news-top {
	font: 18px/23px 'Kanit', Arial, sans-serif;
	padding-top: 10px;
}
.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-top .country-head-dropdown{
	    margin-top: 0;	
}
.news-2 .news-network .news-mid{
	        padding-top: 24px;
		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-top{
	padding-top: 10px;
    font: 18px/23px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .news-mid .news-list{
	    padding-top: 0;	
}
.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%;
}
 }
@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: 18px/64px 'Kanit', Arial, sans-serif;	
}
.news-2 .news-province .col-lg-3{
	    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.news-2 .news-province .col-lg-9{
	    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.news-2 .news-network .news-top {
	font: 18px/64px 'Kanit', Arial, sans-serif;	
}
.news-2 .letter .news-top{
	font: 16px/64px 'Kanit', Arial, sans-serif;
}
.news-2 .letter .col-lg-3{
		    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.news-2 .letter .col-lg-9{
		    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.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 .col-lg-3{
	    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.news-2 .news-province .col-lg-9{
	    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.news-2 .news-province .news-top {
	font: 18px/64px 'Kanit', Arial, sans-serif;	
}
.news-2 .news-network .news-top {
	font: 18px/64px 'Kanit', Arial, sans-serif;	
}
.news-2 .letter .news-top{
	font: 18px/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 .col-lg-3{
		    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
.news-2 .letter .col-lg-9{
		    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.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) { 
.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;	
}
 }