.webboard-portfolio{
	margin:0;
	padding:0;
	padding-top: 50px !important;
	min-height: 641px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,1792d9+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #1792d9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#1792d9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#1792d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1792d9',GradientType=1 ); /* IE6-9 */

	background-size:
	cover;
}
.webboard-block{
	margin:0;
	padding:0;	
}
.webboard-block .wb-top{
	margin:0;
	padding:0;
	color: #000;
	margin-bottom:20px;
	font: 28px/42px 'anakotmai-medium', Arial, sans-serif;
}
.webboard-block .wb-tab-row{
	margin:0;
	padding:0;
	/* background:url(../images/news-120-1/border.jpg) bottom left repeat-x; */
}
.webboard-block .wb-tab-row .wb-tap{
	width: 212px;
	height:45px;
	text-align:center;
	font: 20px/53px 'anakotmai-medium', Arial, sans-serif;
}
.webboard-block .wb-tab-row .wb-tap .select{
	width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#169dde+0,5fb8e4+100 */
background: #169dde; /* Old browsers */
background: -moz-linear-gradient(left,  #169dde 0%, #5fb8e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #169dde 0%,#5fb8e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #169dde 0%,#5fb8e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#169dde', endColorstr='#5fb8e4',GradientType=1 ); /* IE6-9 */

	-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.webboard-block .wb-tab-row .wb-tap .select a{
	color:#fff;
}
.webboard-block .wb-tab-row .wb-tap .normal{
	width:100%;
	background: url(../images/wb-120-1/normal.png) top center no-repeat;
	background-size: 100% 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: #ffffff;
}
.webboard-block .wb-mid{
	margin:0;
	padding:0;
	margin-top: 20px;
}
.webboard-block .wb-mid a{
	color: #fff;
}
.webboard-block .wb-mid a:hover{
	color: #fffc00;
}
.webboard-block .wb-mid table thead{
	/* border-bottom: 3px solid #ffcb8d; */
	color: #000;
	/* background: #ffcb8d; */
}
.webboard-block .wb-mid table thead th{
	text-align:center;
	border-top:none;
}
.webboard-block .wb-mid table tbody{
	/* background: #fa832e; */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4679c0+0,62baed+100 */
	background: #4679c0; /* Old browsers */
	background: -moz-linear-gradient(left,  #4679c0 0%, #62baed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #4679c0 0%,#62baed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #4679c0 0%,#62baed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4679c0', endColorstr='#62baed',GradientType=1 ); /* IE6-9 */
}
.webboard-block .wb-mid .table td{
	border-bottom: 1px solid #fff;
	color: #fff;
}
.webboard-block .wb-bottom{
	margin:0;
	padding:0;
	/* background: #fa832e; */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4679c0+0,62baed+100 */
	background: #4679c0; /* Old browsers */
	background: -moz-linear-gradient(left,  #4679c0 0%, #62baed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #4679c0 0%,#62baed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #4679c0 0%,#62baed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4679c0', endColorstr='#62baed',GradientType=1 ); /* IE6-9 */
}
.webboard-block .table{
	margin-bottom:0px;	
}


.portfolio-block{
	margin:0;
	padding:0;	
}
.portfolio-block .portfolio-top{
	margin:0;
	padding:0;
	color: #fff;
	margin-bottom:20px;
	padding-bottom: 20px;
	font: 28px/42px 'anakotmai-medium', Arial, sans-serif;
	background:url(../images/wb-120-1/line.png) bottom left no-repeat;
}
.portfolio-block .portfolio-mid{
	margin:0;
	padding:0;	
}
.portfolio-block .portfolio-mid .pic{
	margin:0;
	padding:0;
	position:relative;	
}
.portfolio-block .portfolio-mid .alpha{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	/* height:150px; */
	padding-top: 30px;
	
}
.portfolio-block .portfolio-mid .alpha .text{
	padding:20px;
	font: 18px/26px 'Kanit', Arial, sans-serif;
	background: #399ff1;
}
.portfolio-block .portfolio-mid .alpha .text a{
	color:#fff;
}
.portfolio-block .portfolio-mid .alpha .text a:hover{
	color:#fee570;
}
.portfolio-block .portfolio-mid .alpha .view{
	    width: 92px;
	    height: 29px;
	    margin-left:75%;
	    margin-bottom: 10px;
	    padding: 5px;
	    padding-left: 44px;
	    color: #fff;
	    -webkit-border-radius: 50px;
	    -moz-border-radius: 50px;
	    border-radius: 50px;
	    background: #513a2a url(../images/eye.png) 11px 8px no-repeat;
	    font: 16px/22px 'anakotmai-medium', Arial, sans-serif;
}
.portfolio-block .portfolio-mid .pic img{
	max-width:100%;
	height:auto;	
}
.portfolio-block .portfolio-bottom{
	margin:0;
	padding:0;	
}
@media (max-width: 374px) {

.webboard-block .wb-tab-row .wb-tap{
	    width: 159px;
		font-size:16px;	
}
.portfolio-block .portfolio-mid .alpha .view{
	        margin-left: 68%;
}
.portfolio-block .portfolio-mid .alpha .text{
	    font: 15px/20px 'anakotmai-medium', Arial, sans-serif;	
}

	 }
@media (min-width: 375px) and (max-width: 419px) { 

.webboard-block .wb-tab-row .wb-tap{
	    width: 165px;
		font-size:16px;	
}
.portfolio-block{
	    margin-top: 30px;	
}
.portfolio-block .portfolio-top{
	/* color: #fff; */
}
.portfolio-block .portfolio-mid .alpha{
	    padding-top: 8px;	
} 
.portfolio-block .portfolio-mid .alpha .text{
	    font: 16px/23px 'anakotmai-medium', Arial, sans-serif;	
}
.portfolio-block .portfolio-mid .alpha .view{
	    margin-left: 70%;
}



}

@media (min-width: 420px) and (max-width: 575px) { 

.webboard-block .wb-tab-row .wb-tap{
	    width: 191px;
		font-size:18px;		
}
.portfolio-block .portfolio-top{
	color: #fff;
	margin-top: 40px;
}
.portfolio-block .portfolio-mid .alpha{
	    padding-top: 8px;	
}


 }
@media (min-width: 576px) and (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 991px) { 
.portfolio-block .portfolio-mid .alpha .view{
	    margin-left: 85%;	
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 

.portfolio-block .portfolio-mid .alpha{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	
.portfolio-block .portfolio-mid .alpha .p-0{
-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.portfolio-block .portfolio-mid .alpha .d-flex {
    display: -ms-blockbox!important;
    display: block!important;
}
.portfolio-block .portfolio-mid .alpha .text {
	    padding: 10px 20px;
	    font: 14px/20px 'anakotmai-medium', Arial, sans-serif;
}
.portfolio-block .portfolio-mid .alpha .view{
	    margin-top: 11px;	
}
.webboard-portfolio {
    min-height: 790px;
}
 }
@media (min-width: 1200px) and (max-width: 1280px) {
	.portfolio-block .portfolio-mid .alpha .text{
	padding:20px;
	font:15px/24px 'anakotmai-medium', Arial, sans-serif;
}
	 }
@media (min-width: 1281px) and (max-width: 1366px) { 
.portfolio-block .portfolio-mid .alpha .text{
	padding:20px;
	font:15px/24px 'anakotmai-medium', Arial, sans-serif;
}
.webboard-portfolio {
    min-height: 800px;
}
}
@media (min-width: 1367px) and (max-width: 1440px) { 
.portfolio-block .portfolio-mid .alpha .text{
	padding:20px;
	font:15px/24px 'anakotmai-medium', Arial, sans-serif;
}
.webboard-portfolio {
    min-height: 840px;
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
.portfolio-block .portfolio-mid .alpha .text{
	padding:20px;
	font: 18px/26px 'anakotmai-medium', Arial, sans-serif;
}
.webboard-portfolio {
    min-height: 850px;
}
 }