@charset "utf-8";

body {
	margin:0;
	padding:0 15px;
	text-align:center;
	background-color:#fff;
}
div,td,th {
	color:#333;
	font-size:14px;
	font-family:Verdana,Helvetica,SimSun;
}
img {
	border:0;
}

a {
	color:#0069ab;
	text-decoration:none;
}
a:hover {
	color:#f60;
	text-decoration:none;
}
.hand {
	cursor:pointer;
}

#head {
	height:80px;
}
#logo {
	margin:15px 0 0 0;
	float:left;
	width:294px;
	height:48px;
}
#logo img {
	width: 280px;
}
h1 {
	float:left;
	font-size:36px;
	margin:18px 0 0 20px;
}
#button {
	float:right;
	margin:30px 30px 0 0;
}

table {
	width:100%;
	border-collapse:collapse;
}
tr:hover {
	background-color:#F4F8FC;
}
td,th {
	border:1px solid #93BCDF;
	font-size:14px;
	color:#333;
	padding:5px;
}
th {
	background-color:#E1EFFB;
	white-space: nowrap;
}
.gray {
	background-color:#f0f0f0;
}
.left {
	text-align:left;
}

#foot {
	padding:20px 0;
	color:#666;
	line-height:1.8;
}

/*小屏端样式*/
@media (max-width: 800px) {
	body {
		padding:12px;
	}
	#head {
		height: auto;
	}
	#logo {
		float: none;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	#logo img {
		max-width: 100%;
	}
	h1 {
		float:none;
		margin:12px auto;
		font-size:30px;
	}
	#button {
		display: none;
	}
	table {
		overflow-x:auto;
		overflow-y:hidden;
		display:inline-block;
	}
	table td,table th {
		font-size:12px;
	}
	td img {
		width: 80px;
	}
	#foot {
		padding:12px 0 0;
		font-size:12px;
	}
	#foot span {
		white-space: nowrap;
	}
}