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

.news-in-22-1 {
	position:relative;
	width:100%;
	height:537px;
	padding-top:40px !important;
	background:url(../images/wb-120-1/bg.jpg) top center no-repeat;
	}
.news-in-22-1 .top{
	width:100%;
	height:auto;
	font:22px/20px 'Kanit', Arial, sans-serif;
	color:#125308;
	text-align:left;
	border-bottom:4px solid #6f9968;
	padding-bottom:15px;
	}
.news-in-22-1 .title{
	width:100%;
	margin-top: 14px;
    padding-bottom: 10px;
	font:24px/20px 'thaisanslite', Arial, sans-serif;
	color:#000;
	text-align:center;
	}
.news-in-22-1 .mid{
	width:100%;
	height:auto;
	padding: 10px 10px;
	}
.news-in-22-1 .mid .mid-in{
	padding-bottom:10px;
	border-bottom:1px solid #989898;
	}
.news-in-22-1 .mid .mid-in .text{
	width:100%;
	font:20px/20px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
	color:#2a4c89;
	text-align: left;
	}
.news-in-22-1 .mid .mid-in .text2{
	width:100%;
	font:20px/20px 'thaisanslite', Arial, sans-serif;
	color:#000;
	text-align: left;
	}


/**********************************************************************/
.wb-22-1 {
	position:relative;
	width:100%;
	height:auto;
	}
.wb-22-1 .top1{
	width:100%;
	height:auto;
	font:22px/20px 'Kanit', Arial, sans-serif;
	color:#125308;
	text-align:left;
	border-bottom:4px solid #6f9968;
	padding-bottom:15px;
	}
.wb-22-1 .top1 .tab{
	font:24px/20px 'thaisanslite', Arial, sans-serif;
	color:#fff;
	text-align:center;
	}
.wb-22-1 .top1 .tab ul{
    margin:0;
    padding:0;
}
.wb-22-1 .top1 .tab ul li{display: inline-block;padding: 0px 0px;text-align:center;font: 24px/32px 'thaisanslite', Arial, sans-serif;}
.wb-22-1 .top1 .tab ul li span.tab-select{
    width:221px;
    height:36px;
    display:block;
    font: 24px/32px 'thaisanslite', Arial, sans-serif;
    background:url(../images/news-in-22-1/tab1.png) top center no-repeat;
    color:#fff;
	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.wb-22-1 .top1 .tab ul li span.tab-select a{
    color:#fff;
}
.wb-22-1 .top1 .tab ul li span.tab-normal{
    display:block;
    width: 290px;
    height:37px;
    color:#636363;
}
.wb-22-1 .top1 .tab ul li a{
    color:#007eff;
    text-decoration: none;
}
.wb-22-1 .top1 .tab ul li span.tab-normal a:hover{
    color:#00746b;
}	
.wb-22-1 .title{
	width:100%;
	margin-top: 14px;
    padding-bottom: 10px;
	font:24px/20px 'thaisanslite', Arial, sans-serif;
	color:#000;
	text-align:center;
	}
.wb-22-1 .mid{
	width:100%;
	height:auto;
	padding: 10px 10px;
	background:url(../images/news-in-22-1/line.png) top center no-repeat;
	}
.wb-22-1 .mid .mid-in{
	padding-bottom:10px;
	border-bottom:1px solid #989898;
	}
.wb-22-1 .mid .mid-in .text{
	width:100%;
	font:20px/20px 'thaisanslite', Arial, sans-serif;
	color:#000;
	text-align: left;
	}
.wb-22-1 .mid .mid-in .text2{
	width:100%;
	font:20px/20px 'thaisanslite', Arial, sans-serif;
	color:#0144d8;
	text-align: center;
	}
.wb-bottom{
	width:100%;
	height:auto;
	position:relative;
	}
@media (max-width: 575px) {
.news-in-22-1 .mid .mid-in .text{
	padding-top: 10px;
	}
.news-in-22-1 .mid .mid-in{
	padding-bottom:10px;
	}
.news-in-22-1 .top{
	background-size:auto;
	}
.news-in-22-1 {
    height: auto;
    background: #f7f7f9 url(../images/wb-120-1/bg.jpg) bottom center no-repeat;
	padding-bottom: 40px !important;
}
}
@media (min-width: 576px) and (max-width: 991px) { 
.news-in-22-1 .mid .mid-in .text{
	padding-top: 10px;
	}
.news-in-22-1 .mid .mid-in{
	padding-bottom:10px;
	}
.news-in-22-1 .top{
	background-size:auto;
	}
.news-in-22-1 {
    height: auto;
    background: #f7f7f9 url(../images/wb-120-1/bg.jpg) bottom right no-repeat;
	padding-bottom: 40px !important;
}
}