@media screen and (min-width: 769px){
	.panel{
		width:920px;
		height: auto;
		zoom:1;
		overflow: hidden;
		margin:20px auto;
		border-radius: 16px;
		box-shadow: 8px 8px 8px #ccc;
		border:1px solid #eee;
		box-sizing: border-box;
		padding:40px 80px;
	}
	.table{
		width:100%;
		border:1px dashed #ccc;
		border-radius: 16px;
		box-sizing: border-box;
		padding:20px;
	}
	.table td, .table th{
		width:50%;
		text-align: center;
		height: 30px;
		line-height: 30px;
	}
	.search_form{
		width:450px;
		height: 30px;
		margin:20px auto;
		border:1px solid #ccc;
	}
	.search_num{
		width:390px;
		height: 30px;
		outline: none;
		border:0;
		float: left;
		box-sizing: border-box;
		padding:0 10px;
	}
	.search_sub{
		width:60px;
		height: 30px;
		outline: none;
		border:0;
		float: left;
		cursor: pointer;
		background: #ddd;
		color:#858585;
	}
	.search_sub:hover{
		background: #ccc;
		color:#666;
	}
	.empty_num{
		width:100%;
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	.panel{
		width:100%;
		margin:70px 0 40px 0;
		height: auto;
		zoom:1;
		overflow: hidden;
		box-sizing: border-box;
		box-shadow: 0 4px 4px #ccc;
		padding:20px 4%;
	}
	.table{
		width:100%;
		border:1px dashed #ccc;
		box-sizing: border-box;
		padding:20px;
		border-radius: 14px;
	}
	.table td, .table th{
		text-align: center;
		height:26px;
		line-height: 26px;
	}
	.search_form{
		width:100%;
		height: 30px;
		margin:20px auto;
		border:1px solid #ccc;
	}
	.search_num{
		width:90%;
		height: 30px;
		outline: none;
		border:0;
		float: left;
		box-sizing: border-box;
		padding:0 10px;
	}
	.search_sub{
		width:10%;
		height: 30px;
		outline: none;
		border:0;
		float: left;
		cursor: pointer;
		background: #ddd;
		color:#858585;
	}
	.search_sub:hover{
		background: #ccc;
		color:#666;
	}
	.empty_num{
		width:100%;
		text-align: center;
	}
}