.webboard-portfolio{
	margin:0;
	padding:0;
	min-height: 635px;
	background:#fff url(../images/wb-120-1/bg-webb.jpg) top center no-repeat;
	background-size:cover;
}
.webboard-block{
	margin:0;
	padding:0;
	margin-top: 20px;	
}
.webboard-block .wb-top{
	width:100%;
	height:auto;
	font: 24px/36px 'Kanit', Arial, sans-serif;
	font-weight: bold;
	color: #4d4d4d;
	text-align:left;
}
.webboard-block .wb-tab-row{
	margin:0;
	padding:0;
	    margin-top: 10px;
	/* background:url(../images/news-120-1/border.jpg) bottom left repeat-x; */
}
.webboard-block .wb-tab-row .wb-tap{
	width: 185px;
	height:45px;
	text-align:center;
	font: 19px/44px 'Kanit', Arial, sans-serif;
	font-weight:bold;
}
.webboard-block .wb-tab-row .wb-tap .select{
	width:100%;
	height:44px;
	background: #1082c8;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.webboard-block .wb-tab-row .wb-tap .select a{
	color: #fff;
}
.webboard-block .wb-tab-row .wb-tap .normal{
	width:100%;
}
.webboard-block .wb-tab-row .wb-tap .normal:hover{
	cursor:pointer;
}
.webboard-block .wb-tab-row .wb-tap .normal a{
	color: #000;
}
.webboard-block .wb-tab-row .wb-tap .normal:hover a{
	color: #000;
}
.webboard-block .wb-mid{
	margin:0;
	padding:0;	
	    margin-top: 10px;
}
.webboard-block .wb-mid a{
	color: #000;
}
.webboard-block .wb-mid a:hover{
	color: #005a6d;
}
.webboard-block .wb-mid table thead{
	border-bottom: 1px solid #749b5e;
	color: #000;
}
.webboard-block .wb-mid table thead th{
	text-align:center;
	border-top:none;
	border-bottom: 1px solid #ed5c0d;
}
.webboard-block .wb-mid table tbody{
	/*background: #5c1a80 top left repeat;*/
}
.webboard-block .wb-mid .table td{
	/* border-bottom: 1px solid #bed9b0; */
border: none;
    padding-top: 4px;
}


.webboard-block .wb-bottom{
	margin:0;
	padding:0;	
}



@media (min-width: 320px) and (max-width: 767px) {
	.webboard-block .wb-mid .table th:last-child {
		display:none;
		}
	.webboard-block .wb-mid .table td:last-child {
		display:none;
	}
}

@media (max-width: 374px) {

.webboard-block .wb-tab-row .wb-tap{
	    width: 140px;
	    font-size: 15px;
}
.webboard-block .wb-mid a {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-mid .table td {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    /* color: #fff; */
}
.webboard-block .wb-mid table thead {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-top{
		
/* color: #ffffff; */
		
font: 20px / 36px 'Kanit', Arial, sans-serif;
		
font-weight: bold;
}
	 }
@media (min-width: 375px) and (max-width: 419px) { 

.webboard-block .wb-tab-row .wb-tap{
	    width: 150px;
	    font: 16px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    /* color: #fff; */
}
.webboard-block .wb-mid a {
    /* color: #fff; */
}
.webboard-block .wb-mid .table td {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-mid table thead {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-top{
		
/* color: #ffffff; */
		
font: 22px / 36px 'Kanit', Arial, sans-serif;
		
font-weight: bold;
}
.webboard-block{
		
margin-top: 50px;
}
}
@media (min-width: 420px) and (max-width: 575px) { 

.webboard-block .wb-tab-row .wb-tap{
	    width: 145px;
	    font: 16px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    /* color: #fff; */
}
.webboard-block .wb-mid a {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-mid .table td {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-mid table thead {
    /* color: #fff; */
}
.webboard-block .wb-top{
		
/* color: #ffffff; */
		
font: 20px / 36px 'Kanit', Arial, sans-serif;
		
font-weight: bold;
}


 }
@media (min-width: 576px) and (max-width: 991px) {
	.webboard-block .wb-tab-row .wb-tap{
	    width: 165px;
	    font: 18px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    /* color: #fff; */
}
.webboard-block .wb-mid a {
    /* color: #fff; */
}
.webboard-block .wb-mid .table td {
    /* color: #fff; */
    font-size: 14px;
}
.webboard-block .wb-mid table thead {
    /* color: #fff; */
    font-size: 15px;
}
.webboard-block .wb-top{
		
/* color: #ffffff; */
		
/* font-size: 18px; */
		
font: 22px / 50px 'Kanit', Arial, sans-serif;
		
font-weight: bold;
}
	}
@media (min-width: 992px) and (max-width: 1199px) { 
.webboard-portfolio{
	    /* min-height: 934px; */
}

.webboard-block .wb-top {
    font: 27px/36px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
}
.webboard-block .wb-mid {
    margin-top: 0px;
}
.webboard-block .wb-tab-row .wb-tap{
	    width: 165px;
	    font: 17px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    
}
.webboard-block .wb-mid a {
    
}
.webboard-block .wb-mid .table td {
    font-size: 13px;
}
.webboard-block .wb-mid table thead {
    font-size: 14px;
}
.webboard-block .wb-top{
	font: 20px / 50px 'Kanit', Arial, sans-serif;
	font-weight: bold;
}
}
@media (min-width: 1200px) and (max-width: 1280px) {
.webboard-block .wb-top {
    font: 27px/36px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
}
.webboard-block .wb-mid {
    margin-top: 0px;
}
.webboard-block .wb-tab-row .wb-tap{
	    width: 165px;
	    font: 17px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    
}
.webboard-block .wb-mid a {
    
}
.webboard-block .wb-mid .table td {
    font-size: 14px;
}
.webboard-block .wb-mid table thead {
    font-size: 14px;
}
.webboard-block .wb-top{
	font: 20px / 50px 'Kanit', Arial, sans-serif;
	font-weight: bold;
}
}
@media (min-width: 1281px) and (max-width: 1366px) { 
.webboard-block .wb-top {
    font: 27px/36px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
}
.webboard-block .wb-mid {
    margin-top: 0px;
}
.webboard-block .wb-tab-row .wb-tap{
	    width: 165px;
	    font: 17px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    
}
.webboard-block .wb-mid a {
    
}
.webboard-block .wb-mid .table td {
    font-size: 14px;
}
.webboard-block .wb-mid table thead {
    font-size: 14px;
}
.webboard-block .wb-top{
	font: 20px / 50px 'Kanit', Arial, sans-serif;
	font-weight: bold;
}
}
@media (min-width: 1367px) and (max-width: 1440px) { 
.webboard-block .wb-top {
    font: 27px/36px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
}
.webboard-block .wb-mid {
    margin-top: 0px;
}
.webboard-block .wb-tab-row .wb-tap{
	    width: 165px;
	    font: 17px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    
}
.webboard-block .wb-mid a {
    
}
.webboard-block .wb-mid .table td {
    font-size: 14px;
}
.webboard-block .wb-mid table thead {
    font-size: 14px;
}
.webboard-block .wb-top{
	font: 20px / 50px 'Kanit', Arial, sans-serif;
	font-weight: bold;
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
.webboard-block .wb-top {
    font: 27px/36px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
}
.webboard-block .wb-mid {
    margin-top: 0px;
}
.webboard-block .wb-tab-row .wb-tap{
	    width: 165px;
	    font: 17px / 44px 'Kanit', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .normal a {
    
}
.webboard-block .wb-mid a {
    
}
.webboard-block .wb-mid .table td {
    font-size: 14px;
}
.webboard-block .wb-mid table thead {
    font-size: 14px;
}
.webboard-block .wb-top{
	font: 20px / 50px 'Kanit', Arial, sans-serif;
	font-weight: bold;
}
 }