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

.block-all-142{
	width:100%;
	height:450px;
	background:url(../images/block-all-142/bg.jpg) top center no-repeat;
	}
.portfolio-block{
	width:100%;
	height:auto;
	margin-top: 20px;
	}
.portfolio-top{
	width:100%;
	height:auto;
	font: 24px/36px 'Kanit', Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	text-align:left;
	margin-top: 20px;
	background:url("../images/block-all-142/t.png") top left no-repeat;
	}
.portfolio-box{
	width:100%;
	height:auto;
	margin-top: 10px;
	}
.portfolio-pic{
	margin:0;
	padding:0;
	}
.portfolio-pic img{
	max-width:100%;
	height:auto;
	border:1px solid #fff;
	
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.portfolio-text{
	margin:0;
	padding:0;
	height:auto;
	padding-bottom:20px;
}
.portfolio-text .portfolio-topic{
	padding:10px 5px;
	height: auto;
	overflow:hidden;
	font: 17px/20px 'Tahoma', Arial, sans-serif;
	color:#fff;
}
.portfolio-text .portfolio-topic a{
		color:#fff;
}
.portfolio-text .portfolio-topic a:hover{
		color: #fff;
}
.portfolio-bottom{
	width:100%;
	height:auto;
	}
@media (max-width: 374px) {  
.block-all-142 {
    height: auto;
    background: #2e6c91;
    /* background-size: cover; */
    background: url(../images/block-all-142/bg-m.jpg) 0% -44% no-repeat;
}
.portfolio-top {
    color: #fff;
    font: 20px / 36px 'Kanit', Arial, sans-serif;
}
.portfolio-text .portfolio-topic {
    color: #fff;
    font: 14px / 20px 'Tahoma', Arial, sans-serif;
}

}
@media (min-width: 375px) and (max-width: 419px) {  
.block-all-142 {
    height: auto;
    background: #2e6c91;
}
.portfolio-top {
    /* color: #53783e; */
    font: 22px / 36px 'Kanit', Arial, sans-serif;
}
.portfolio-text .portfolio-topic {
    color: #fff;
    font: 15px / 20px 'Tahoma', Arial, sans-serif;
}
.block-all-142 {
    height: auto;
    /* background: #2e6c91; */
    /* background-size: cover; */
    background: url(../images/block-all-142/bg-m.jpg) 0% -17% no-repeat;
}
}
@media (min-width: 420px) and (max-width: 575px) { 
.block-all-142 {
    height: auto;
    /* background: #2e6c91; */
	background:url(../images/block-all-142/bg-m.jpg) top center no-repeat;
}
.portfolio-top {
    /* color: #53783e; */
    font: 20px / 36px 'Kanit', Arial, sans-serif;
}
.portfolio-text .portfolio-topic {
    color: #fff;
    font: 15px / 20px 'Tahoma', Arial, sans-serif;
}
}
@media (min-width: 768px) and (max-width: 991px) { 
.block-all-142 {
    height: auto;
     background: url(../images/block-all-142/bg-m1.jpg) 0% 0% no-repeat;
}
.portfolio-top {
    /* color: #53783e; */
    font: 22px / 36px 'Kanit', Arial, sans-serif;
}
.portfolio-text .portfolio-topic {
    color: #fff;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.portfolio-top {
    font: 20px/36px 'Kanit', Arial, sans-serif;
    font-weight: bold;
}
.block-all-142 {
    height: auto;
    background: url(../images/block-all-142/bg.jpg) top center repeat-y;
}
.portfolio-text .portfolio-topic{
	
font: 15px / 20px 'Tahoma', Arial, sans-serif;
}
}
@media (min-width: 1200px) and (max-width: 1280px){
.portfolio-top {
    font: 20px/36px 'Kanit', Arial, sans-serif;
    font-weight: bold;
}
.portfolio-text .portfolio-topic{
	
font: 15px / 20px 'Tahoma', Arial, sans-serif;
}	
}
@media (min-width: 1281px) and (max-width: 1366px){
.portfolio-top {
    font: 20px/36px 'Kanit', Arial, sans-serif;
    font-weight: bold;
}
.portfolio-text .portfolio-topic{
	
font: 15px / 20px 'Tahoma', Arial, sans-serif;
}	
}
@media (min-width: 1367px) and (max-width: 1440px){
.portfolio-top {
    font: 20px/36px 'Kanit', Arial, sans-serif;
    font-weight: bold;
}
.portfolio-text .portfolio-topic{
	
font: 15px / 20px 'Tahoma', Arial, sans-serif;
}	
}
@media (min-width: 1441px) and (max-width: 1600px){
.portfolio-top {
    font: 20px/36px 'Kanit', Arial, sans-serif;
    font-weight: bold;
}
.portfolio-text .portfolio-topic{
	
font: 15px / 20px 'Tahoma', Arial, sans-serif;
}
}