@charset "utf-8";
.row_box{	
	width: 96%;
	padding-top: 40px;
	margin:10px auto 30px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #cfd4d0;
}


.company{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
		
/*text*/	
.text{
	width: 100%;
	overflow: hidden;
}
	.text p{
		font-size: 16px;
		line-height: 30px;
	}
		.picture{
			width: 65%;
			overflow: hidden;
			margin-bottom: 15px;
		}
			.picture img{
				display: block;
				width: 100%;
			}
			.right{
			width: 33%;
			overflow: hidden;
		}


/*Workshop*/
.workshop{
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
	.workshop h1{
		margin-bottom: 35px;
		border-bottom: 1px solid #e7e7e7;
	}
		.workshop h1 span{
			color: #55b00c;
			font-size: 18px;
			line-height: 40px;
			display: inline-block;
			padding: 0 25px 0 0;
			border-bottom: 3px solid #55b00c
		}
	.flow{
		width: 100%;
		overflow: hidden;
	}	
		.flow img{
			display: block;
			width: 100%;
		}	


@media only screen and (max-width: 1156px) {
	.text p{
		font-size: 14px;
		line-height: 25px;
	}
}
@media only screen and (max-width: 1010px) {
	.pull-left,.pull-right{float: none;}
	.picture,.right{
		width: 100%;
	}
	.text p{
		font-size: 16px;
		line-height: 30px;
	}
}
@media only screen and (min-width: 768px) {
	.p-small{
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.text p{
		font-size: 14px;
		line-height: 25px;
	}
	.workshop h1 span{
		font-size: 16px;
	}
	.p-big{
		display: none;
	}
}