body, div, h1, p {
    margin:0;padding:0;
}
h1 {
    font-size:100%;font-weight:normal;
    font:normal 30px Trebuchet MS;
}
#hanzi td {
    line-height:16px;
    padding:0;
}
.known {
    background-color:#ffcc00;
}
#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);
}
#l_t {
    text-align:center;
    font:normal 144px AR PL UKai CN;
    line-height:147px;
    width:150px;
    height:150px;
    float:left;
}
#c_t {
    font:normal 30px Helvetica;
    margin:0px; /* clearing needed */
    margin-left:161px; /* l_t div width + 1px*/
    height:150px;
    width:170px;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}
#c_t span {
    display:inline-block;
    vertical-align:middle;
    line-height:normal;
}
#cl_t {
    clear:left;
}
#f_t {
    padding:5px 10px;
    font:normal 16px Arial;
}