BODY { 
    margin : 0; 
    padding : 0; 
    background-color : #ffffff; 
    color : #00008B; 
    font-size: 100%;
    width: 100%;
}

.header { 
    POSITION : FIXED; 
    width : 100%; 
    height : 165px; 
    top : 0; 
    bottom : AUTO; 
    LEFT : 0; 
    RIGHT : 0; 
    padding-top: 10px;
    padding-left: 30px;
    background-image: url('hd.png');
    background-repeat: repeat;
/*
    background-size: 100% 100%;
*/
    font : 10pt Arial, Helvetica, geneva;
    font-color: darkblue;
}

.content { 
    POSITION : fixed;     
    top : 200px; 
    left : 0px;
    margin : 0px 0px 0px 0px; 
    height : 60%; 
    padding : 0px 0px 0px 0px; 
    color : #00008B; 
    OVERFLOW : hidden; 
}

#content h1, #content h2 { 
    color : #cc0000; 
} 

.footer { 
    POSITION: FIXED; 
    width: 100%; 
    height: 80px; 
    top: AUTO; 
    RIGHT: 0; 
    LEFT: 0;
    bottom: 0; 
    background-color : #80b5ea; 
    margin : 0px 0px 0px 0px; 
    font : 8pt Arial, Helvetica, geneva;
    font-color: darkblue;
    overflow: HIDDEN;
}

.target {
    width:80%;
    height:60%;
    border:solid black 1px; 
}

.target > div {
    display:none;
}

.target > div:target{
    display:block;
}

th.container > div {
    width: 100%;
    height: 100%;
    overflow:hidden; 
}

th.container { 
    height: 16px; 
    font-family: arial;
    color: #330099;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-top: 3px;
    vertical-align: top;
}

td.container > div {
    width: 100%;
    height: 100%;
    overflow:hidden; 
}

td.container { 
    height: 16px; 
    font-family: arial;
    color: #330099;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding-top: 3px;
    vertical-align: top;
}

td.inputbox { 
    height: 24px; 
    font-family: arial;
    color: #330099;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding-top: 0em;
    vertical-align: top;
}

td.inputbox input {
    vertical-align: top;
    margin-left: 0px;
    padding-left: 0em;
    padding-top: 0em;
}

td.inputbox textarea {
    vertical-align: top;
    margin-left: 0px;
    padding-left: 0em;
    padding-top: 0em;
}

P, ul, ol, li { 
    font-family: arial;
    color: #330099;
    font-size: 12px;
} 

li {
    text-indent: 50px;
}

h1 { 
    font-family: arial;
    color: #990000;
    font-size: 24px;
    font-weight: bold;
}

h2 { 
    font-family: arial;
    color: #CC0000;
    font-size: 14px;
    font-weight: bold;
} 

cn { 
    font-family: arial;
    color: #330099;
    font-size: 14px;
}

/* unvisited link */
a:link {
    color: #330099;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #330099;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: ##330099;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #330099;
    text-decoration: none;
}

br[class='50%space']
{
   line-height: 50%;
}

input{
   margin: 0 2em;
}

table.chinese {
	font-family: verdana,arial,sans-serif;
	font-size:14px;
	color:darkblue;
}

table.chinese th {
	padding: 8px;
	font-size: 1.25em;
}

table.chinese td {
	padding: 1px;
	font-size: 1em;
}

table.chinese B {
	font-size: 1.25em;
}