.input{
	width: 10%;
	height: 35px;
	background: transparent;
	border: 1px solid #C59A6D;
}
.table{
	border: 1px solid #C59A6D;
}
.table tr td{
	border: 1px solid #C59A6D;
}
.table tr th{
	border: 1px solid #C59A6D;
	color: white;
}
.table thead{
	background: #C59A6D;
}
.btn{
	width: 80px;
	height: 35px;
	border: 1px solid #C59A6D;
	background: #C59A6D;
	color: white;
	display: block;
	
}
.querybtn{
	float: left;
	margin-left: 1%;
}
.x{
	float: left;
}
.title_span{
	float: left;
	margin-left: 10%;
}
[name=name]{
	float: left;
}
.table{
	width: 80%;
	margin-left: 10%;
	margin-top: 3%;
}
.table tr td{
	text-align: center;
}
.table tr th{
	text-align: center;
}
			.page_div{
				text-align: center;
			}
			
			.page_div button{
				margin-left: 1%;
			}
			
			.page_div span{
				margin-left: 1%;
			}
	.page_div{
		padding-left: 40%;
	}		
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.table{
		width: 100%;
		margin-left: 0%;
		margin-top: 3%;
	}	
	.title_span{
		float: left;
		margin-left: 5%;
	}
	[name=name]{
		float: left;
		height: 30px;
		width: 20%;
	}
	.querybtn{
		float: left;
		margin-left: 1%;
		height: 30px;
		width: 20%;
	}
	.big_div{
		width: auto;
	}
	h3{
		font-size: 18px;
	}
	.page_div{
		padding-left: 8%;
	}	
}