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



.contact{
	width: 90%;
	overflow: hidden;
	margin: 0 auto 20px;
}
	/*h1*/
	.contact h1{
		margin-bottom: 35px;
		text-align: center;
		border-bottom: 1px solid #e7e7e7;
	}
		.contact h1 span{
			color: #55b00c;
			font-size: 18px;
			line-height: 40px;
			display: inline-block;
			padding: 0 25px;
			border-bottom: 3px solid #55b00c
		}
	/*text*/
	.contact .text{
		width: 40%;
		padding-left: 5%;
		overflow: hidden;		
	}
		.contact .text h2{
			font-weight: bold;
			font-size: 16px;
			line-height: 30px;
			margin-bottom: 10px;
		}
		.contact .text p{
			font-size: 14px;
			line-height: 30px;
		}
	/*map*/
	.contact .map{
		width: 56%;
		overflow: hidden;
	}
		.contact .map img{
			display: block;
			width: 100%;
		}
@media only screen and (max-width: 960px) {
	.contact .text{
		padding-left: 0;	
	}	
	.contact .text p{
		font-size: 12px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 720px) {
.contact{
	width: 100%;
}	
}
@media only screen and (max-width: 640px) {
	.pull-left, .pull-right{float: none;}
	/*text*/
	.contact .text,.contact .map{
		width: 100%;		
	}
	.contact .text{
		margin-bottom: 20px;
	}
}