@charset "utf-8";
.row_box{	
	width: 96%;
	max-width: 1200px;
	margin:10px auto 30px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #cfd4d0;
}



.order-online{
	width: 90%;
	overflow: hidden;
	margin: 0 auto 20px;
}
	/*h1*/
	.order-online h1{
		margin-bottom: 35px;
		text-align: center;
		border-bottom: 1px solid #e7e7e7;
	}
		.order-online h1 span{
			color: #55b00c;
			font-size: 18px;
			line-height: 40px;
			display: inline-block;
			padding: 0 25px;
			border-bottom: 3px solid #55b00c
		}
	/*text*/
	.order-online .text{
		width: 100%;
		overflow: hidden;	
	}
		.order-online .text h2{
			text-align: center;
			color: #92696b;
			font-size: 16px;
			line-height: 25px;
			margin-bottom: 30px;
		}
		/*table*/
		.order-online .text table{
			width: 40%;
			overflow: hidden;
			margin: 0 auto;
		}
			.order-online .text table tr td{
				padding: 5px 5px;
				line-height: 30px;
				font-size: 14px;
			}
				.order-online .text table tr td input,
				.order-online .text table tr td textarea{
					width: 100%;
					height: 30px;
					border-radius: 5px;
					padding: 0 10px;
					border: 1px solid #a9a9a9;
				}
				.order-online .text table tr td textarea{
					height: 100px;
					padding: 2px 10px;
				}
				.order-online .text table tr td button{
					border: 0;
					color: #fff;
					font-size: 14px;
					padding: 2px 10px;
					margin-right: 20px;
					line-height: 25px;
					border-radius: 5px;
					background: #55b00c;
				}
@media only screen and (max-width: 1050px) {
	/*table*/
	.order-online .text table{
		width: 50%;
	}	
}
@media only screen and (max-width: 960px) {	
	.order-online .text table{
		width: 60%;
	}	
}
@media only screen and (max-width: 710px) {
	.order-online .text table{
		width: 70%;
	}
}
@media only screen and (max-width: 640px) {
	.order-online .text table{
		width: 80%;
	}
	.order-online .text h2{
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and (max-width: 540px) {	
	.order-online .text table{
		width: 90%;
	}
}
@media only screen and (max-width: 480px) {	
	.order-online .text table{
		width: 100%;
	}
}