@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 'lineseed', Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	text-align:left;
	}
.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: #bdddab;
}
.portfolio-top {
    color: #53783e;
}
.portfolio-text .portfolio-topic {
    color: #000;
}
}
@media (min-width: 375px) and (max-width: 419px) {  
.block-all-142 {
    height: auto;
    background: #43ccff;
}
.portfolio-top {
    /* color: #53783e; */
}
.portfolio-text .portfolio-topic {
    color: #000;
}
}
@media (min-width: 420px) and (max-width: 575px) { 
.block-all-142 {
    height: auto;
    background: #ff8ec3;
}
.portfolio-top {
    /* color: #53783e; */
}
.portfolio-text .portfolio-topic {
    color: #000;
}
}
@media (min-width: 768px) and (max-width: 991px) { 
.block-all-142 {
    height: auto;
    background: #7fdcff url(../images/block-all-142/bg.jpg) top center no-repeat;
}
.portfolio-top {
    /* color: #53783e; */
}
.portfolio-text .portfolio-topic {
    color: #fff;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.portfolio-top {
    font: 22px/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;
}
	}