*{
  margin:0;
  padding:0;
 }

body{
  font-family:Arial,Verdana,Sans-Serif;
  font-size:1.0em;
  background:#ffffff;
  padding:.2em 1em;
  }

#header{
  background: black;
  height :60px;
  margin-top: 0px;
  text-align: center;
  padding-top: 1px;
/*
  border-style: dotted;
*/
  }

#header h1{
  margin: 0;
  padding-top: 5px;
  color: white;
  font-family:標楷體;
  }

#contentwrapper{
  float: left;
  width: 100%;
  }

#contentcolumn{
  margin-left: 200px; /*Set left margin to LeftColumnWidth*/
  }

#sidemenu{
  float: left;
  width: 200px; /*Width of left column*/
  margin-left: -100%;
/*
  background:#cccddd;
*/
  font-size: 80%;
  }


#info{
  width:180px;
  margin-right: 5px; 
  padding:.5em;
  float: right;
  border-style: dotted;
  font-family:"trebuchet ms",Helvetica,Arial,Sans-Serif;
}

#uparea{
  margin-top: 5px; 
  margin-left: 20%; 
  margin-right: 20%; 
  width:210px;
/*
  margin: 20 20 auto;
  padding:.5em;
*/
  border-style: ridge;
  font-family:"trebuchet ms",Helvetica,Arial,Sans-Serif;
}

#itsthetable{
/*
  background:url(whiteroundtop.gif) top left no-repeat #fff;
*/
  margin-left: 10%; 
  margin-right: 10%;
  width: 80%;
  padding:2em;
  }

h1{
  padding:5px 20px;
  color:#000;
  text-transform:uppercase;
  font-family:"trebuchet ms",Helvetica,Arial,Sans-Serif;
  letter-spacing:-1px;
  }

/*
  project: CSS - table design
  type: stylesheet
  description: golden style
  edited: 14.09.2005, Michael Horn
http://www.australien-panorama.de/several/golden.css

*/

table {

  border-collapse: collapse;
  border: 2px solid #996;
  font: normal 80%/140% verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #fffff0;
  }

caption {
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: transparent;
  }


td, th {
  border: 1px solid #cc9;
  padding: .3em;
  }

thead th, tfoot th {
  border: 1px solid #cc9;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  color: #444;
  background: #dbd9c0;
  }

tbody td a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  border-bottom: 1px dotted #cc9;
  }

tbody td a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }

tbody th a {
  background: transparent;
  color: #72724c;
  text-decoration: none;
  font-weight:bold;
  border-bottom: 1px dotted #cc9;
  }

tbody th a:hover {
  background: transparent;
  color: #666;
  border-bottom: 1px dotted #72724c;
  }

tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }

tfoot td {
  border: 1px solid #996;
  }

.odd {
  color: #333;
  background: #f7f5dc;
  }

tbody tr:hover {
  color: #333;
  background: #fff;
  }

tbody tr:hover th,

tbody tr.odd:hover th {
  color: #333;
  background: #ddd59b;
  }


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: -2 auto; /* center for now */
	width: 15em; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

#footer{
clear: left;
width: 100%;
background: blue;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

#footer h3 {
margin: 0;
padding: .5em;
color: white;
}