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



.detail{
	width: 100%;
	overflow: hidden;
	margin: 0 auto 100px;
}
	.detail .big-picture{
		width: 40%;
		overflow: hidden;
		margin: 0 auto;
		padding-top:30px;
	}
		.detail .big-picture img{
			display: block;
			width: 100%;
			margin-bottom: 20px;
		}
		.detail .big-picture h3{
			display: block;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			color: #000;
		}
	.detail table{
		width: 50%;
		margin: 0 auto;
	}
		.detail table tr td{
			padding: 0 5px;					
		}
			.detail table tr td span{
				display: block;
				padding: 0 5px;
				font-size: 12px;
				border: 1px solid #cfd4d0;
			}
				.detail table tr td span.top{
					font-size: 20px;
					padding: 5px;
					background: #c8e5d3;
				}
@media only screen and (max-width: 768px) {
	.detail table{
		width: 70%;
	}	
}
@media only screen and (max-width: 480px) {
	.detail .big-picture{
		width: 80%;
	}
	.detail table{
		width: 100%;
	}	
}