body {
	color: #000;
	background-color: #ccc;
	padding: 2em 4em;
	margin: 0;
}
#home {
	position: absolute;
	top: 1ex;
	left: 6em;
}
#home, #home a {
	color: #777;
}
.page {
	background-color: #fff;
	padding: 2em;
}
#author {
	float: right;
	position: relative;
	margin: 0 0 2em 0;
}
#author, #author a {
	color: #777;
}
#title {
	clear: both;
	width: 100%;
	text-align: center;
}
#dedication {
	width: 15em;
	float: right;
	margin: 3em 0 2em 0;
	color: #777;
}
blockquote {
	clear: both;
	width: 70%;
	float: right;
	margin: 0 0 2em 0;
}
blockquote cite {
	display: block;
}
#toc {
	clear: both;
	margin: 2em;
	border: #ccc 1ex solid;
	padding: 1ex 2em;
	width: 35em;
}
#toc h2 {
	margin: 1em 0 0 0;
}

a, a:visited {
	color: #009;
}
a:hover , a:active{ 
	color: #009;
}

#head {
	padding-bottom: 1em;
}
#head img {
	float: left;
	margin-bottom: 1em;
}
#head h1, #head p {
	margin-left: 180px;
}

h1, h2 {
	color:#333;
	font-weight: lighter;
	padding: 0;
	margin: 0;
}
h1 {
	margin-bottom: 1ex;
}
h2 {
	margin: 3em 0 1ex 0;
	clear: both;
}
.author h2 {
	margin: 1em 0 0 0;
}

ul { list-style-type: square; }
li  { margin-top: 1em; }

p {
	margin: 0 0 1em 0;
}

hr {
	margin: 3em 5em;
}

.illu img{
	display: block;
	margin: 0 auto;
}
.caption {
	text-align: center;
	width: 70%;
	margin: 0 auto 1em auto;
	font-size: 90%;
}
.tabequ {
	width: 100%;
}
.tabequ td {
	text-align: center;
}
.tabequ img  {
	vertical-align: middle;
	line-height: 2em;
}
.equnum {
	width: 2em;
	text-align: right;
}