h1 {font-size: 22pt; vertical-align: middle;}
h2 {font-size: 16pt; margin: 0 0 10pt 0;}
h3 {font-size: 12pt;}

html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  width: 100%;
  overflow: visible;

  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  margin: 0;
  padding: 0;
}


#content {
  height: 100%;
  margin-left: 200px;
  padding-left: 10px;
  overflow: auto;
  overflow-x: visible;
  overflow-y: auto;
background-image: url('bg01.gif');
}


#content a:link {color: #0000FF;}
#content a:visited {color: #0000FF;}
#content a:hover {color: #F54C00;}
#content a:active {color: #F54C00;}



a.popup:link {color: #000000;}
a.popup:visited {color: #000000;}
a.popup:hover {color: #F54C00;}
a.popup:active {color: #F54C00;}

#content a.popup:link {color: #000000;}
#content a.popup:visited {color: #000000;}
#content a.popup:hover {color: #F54C00;}
#content a.popup:active {color: #F54C00;}

/*
#content a.popup {
text-decoration: none;
background: url(wavy.gif) bottom repeat-x;
}
*/

#menubar {
  overflow: auto;
  overflow-x: visible;

  position: absolute;
  left:0;
  background-color: #CCCCCC;
  width: 200px;
  height: 100%;
background-image: url('bg01.gif');
}

.centeredImage {
  vertical-align: middle;
  border:0;
}

#language {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#search {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#categories {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#options {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

#menu {
  background-color: #BBBBBB;
  margin: 10px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

.menuitem {
  font-size: 11pt;
  font-weight: bold;
}
a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:hover {color: #F54C00;}
a:active {color: #F54C00;}



#ad {
  float: right;
  display: block;
  width: 240px;
  height: 62px;
}


#ad2 {
  width: 468px;
  height: 15px;
}


#ad3 {
  width: 468px;
  height: 15px;
}

#ad4 {
  float: right;
  display: block;
  width: 160px;
  height: 600px;
  padding: 50px 0 0 0;
}


#ref1 {
  width: 110px;
  height: 32px;
}

#ref2 {
  width: 110px;
  height: 32px;
}


#footer {
  display: block;
  width: 100%;
  font-size: 10pt;
}

#content2 {
  display: block;
/*  min-height: 750px;*/
  width: 100%;
}
#spacer {
  float: right;
  height: 750px;
}

.ctext {
  font-size: 14pt;
  font-weight: bold;
}
.mctext {
  font-size: 14pt;
  font-weight: normal;
}

.etext {
  font-size: 10pt;
  font-weight: normal;
  font-family: Arial, Helvetica;
}

.rowtitle {
  font-weight: normal;
}

.refs {
  font-size: 14pt;
  font-weight: normal;
}

.props {
  font-size: 10pt;
  font-weight: normal;
  color: #888888;
}

.original {
  font-size: 20pt;
  font-weight: bold;
  background-color: #EEEEEE;
}



.listhead {
  width: 150px;
  background: #AAAAAA;
  padding: 1px 1px 1px 1px ;
  border: 0;
  font-weight: normal;
}
.listhead a:link {color: #000000;}
.listhead a:visited {color: #000000;}
.listhead a:hover {color: #F54C00;}
.listhead a:active {color: #000000;}


.refindex {
  font-size: 70%;
}


.subcontents {
  display: none;
}

.menuselected {
  font-size: 11pt;
  font-weight: bold;
}
.menuselected:before {content: "["}
.menuselected:after {content: "]"}


a.menuselected:link {color: #1111FF;}
a.menuselected:visited {color: #000099;}
a.menuselected:hover {color: #F54C00;}
a.menuselected:active {color: #000000;}


.text {
  font-size: 14pt;
  font-weight: normal;
}


.htmltext {
  font-size: 12pt;
  font-weight: normal;
  font-family: 新細明體, Arial;
}
div.htmltext {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
}



.booklistbox {
  width: 145px;
}

.searchbox {
  width: 145px;
}



#source {
  background-color: #DDDDDD;
  margin: 30px 10px 10px 10px;
  padding: 5px 5px 5px 5px;
  border: solid 1px;
}

/*.restable {
border-left: 1px solid #000000;
}*/

th.colhead {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #C1DAD7;
white-space: nowrap;
}

.restable {
  font-size: 10pt;
}

td.resrow {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #EEEEEE; /*#E1FAF7;*/
}

td.resrowalt {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #DDDDDD;	
}


.scubox {
  background: #CCCCCC;
  border: solid 1px #000000;
  padding: 5px 10px 10px 10px;

/*vertical-align: top;*/

  font-size: 12pt;
}

td {
  border: #000000;
}

h2 {
  background: #EEEEEE;
  background-image: url('headback.gif');
  border-bottom: solid 2px #444444;
  border-left: solid 1px #999999;
  border-right: solid 1px #CCCCCC;

  padding: 1px 1px 1px 10px;
  margin: 10px 10px 10px 0px  ;
}


/* for internet explorer */

* html body {
  padding:0 0 0 0px; 
  }

* html #contents {
  height:100%; 
  width:100%; 
  }