body, div, h1, p {
	margin:0;padding:0;
}
h1 {
	font-size:100%;font-weight:normal;
	font:normal 30px Trebuchet MS;
}
table, td {
	border-color: #DDD;
	border-style: solid;
}
table {
	margin:0 auto;
	border-spacing:0;
	border-width:0 0 1px 1px;
}
td {
	border-width:1px 1px 0 0;
	padding:0;
}
td.known:hover {
	background-color:yellow;
}
.num {
	padding-left:1px;
	padding-top:3px;
	font:normal 1.1vw Arial;
	vertical-align: super;
	color:#C07200;
	text-align:left;
}
.num .han {
	padding-right:0;
	padding-bottom:0;
	float:right;
	font:normal 3.8vw Arial;
	color:black;
	text-align:right;
}
#examples {
	color:#0e5013;
	height:100px;
	padding-top:10px;
	font:normal 20px Arial;
}
#tip {
	position:absolute;
	border:2px solid #00FF00;
	width:320px;
	height:320px;
	padding:1px;
	background-color:#FFFFFF;
	text-align:left;
	visibility:hidden;
	z-index:100;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=115);
}
.index {
	font:normal 20px Helvetica;
	padding:3px 10px;
	color:#C07200;
}
.index .lines {
	float:right;
	color:#000000;
}
.v, .w {
}
.v {
	color:#a044d0;
}
.w {
	color:blue;
}
#l_t {
	text-align:center;
	width:140px;
	height:230px;
	float:left;
}
#pinyin {
	padding:15px 5px;
	text-align:center;
	font:normal 30px Helvetica;
}
#main {
	font:normal 144px AR PL UKai CN;
	color:blue;
}
#c_t {
	margin:0px; /* clearing needed */
	margin-left:161px; /* l_t div width + 1px*/
	height:230px;
	width:180px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#c_t span {
	font:normal 60px Helvetica;
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}
.cl {
	clear:left;
}
#f_t {
	padding:5px 10px;
	font:normal 16px Arial;
}