html, body {
  margin:0;
  padding:0;
  text-align:center;
  background-color:#F4F9E9;
}  

body h1,h2,h3,p,span,ul,li {
  margin:0;
  padding:0;
  text-align:left;
  letter-spacing:0.05em;
  font-family:"Trebuchet MS", Arial, sans-serif;
}

body p {
  line-height:1.7em;
}

body table th,td {
  letter-spacing:0.05em;
  font-family:"Trebuchet MS", Arial, sans-serif;
  font-size:12pt;
}

.top_hr {
  width:100%;
  height:2px;
  border:none;
  border-top:2px groove #CCCCCC;
}

.top_title {
  margin-top:4px;
  margin-bottom:0px;
  margin-left:16px;
}

.top_arrow {
  float:right;
}

.content_hr {
  width:100%;
  height:2px;
  border:none;
  border-top:2px double #CCCCCC;
  margin:12px auto 24px; /*hack for firefox*/
  #margin:4px auto 4px; /*hack for ie7*/
  _margin:4px auto 4px; /*hack for ie6*/
}

a:link { 
  color:#314FC6;
  text-decoration:none;
  font-weight:normal;
}

a:visited {
  color:#314FC6;
  text-decoration:none;
  font-weight:normal;
}

a:hover {
  color:#314FC6;
  text-decoration:underline;
  font-weight:normal;
}

a:active {
  color:#314FC6;
  text-decoration:underline;
  font-weight:normal;
}

#wrapper {
  margin:0 auto;
  width:900px;
  text-align:left;
  background-color:#FFFFFF;
}

/* headers style */

#header_top {
  height:23px;
  text-align:right;
  letter-spacing: 0.05em;
  font:normal 10pt "Trebuchet MS", Arial, sans-serif;
  background:url(../images/bground/sun_top.png) left no-repeat;
  background-color:#F4F9E9;
}

#header_top p {
  text-align:right;
  margin:0 10px 0 0;
}

#header_top span {
  color:#314FC6;
  letter-spacing:0.075em;
  margin:0 1px;
}

#header_ad {
  position:relative;
  height:140px;
  background:url(../images/bground/sunbg_head_01.png) repeat-x;
  background-color:#187573;
}

#sunlogo {
  position:absolute ;
  left:50px;
  top:15px;
  width:228px;
  height:82px;
}

#translang {
  position:absolute ;
  left:84px;
  top:107px;
  width:160px;
  height:11px;
}

#divAD {
  position:absolute ;
  left:340px;
  top:25px;
  width:500px;
  height:90px;
}

/* gsearch, menubar style */

#header_menu {
  position:relative;
  height:34px;
  background:url(../images/bground/sunbg_head_02.png) repeat-x;
  background-color:#42719C;
}

#gsearch {
  position:absolute;
  left:28px;
  top:6px;
  width:230px;
}

#menubar {
  position:absolute ;
  left:262px;
  top:7px;
  width:634px;
}

#menubar a {
  /*text-align:center;*/
  font:bold 15px 新細明體;
  text-decoration:none;
  color:#EEEEEE;
}

#menubar a:hover {
  color:#FFCC00;
}

#menubar span {
  visibility:hidden;
  font:normal 14px Verdana;
  color:white;
  margin:0 1px;
}

/* content wide style */

#content_wide {
  position:relative;
  /*width:880px !important;
  width:900px;*/
  width:880px;
  padding:10px;
}

#content_wide h1 {
  font-size:14pt;
  color:#A20000;
  margin:20px 0;
}

#content_wide h2 {
  font-size:12pt;
  color:#A20000;
  margin:18px 0;
}

#content_wide p {
  font-size:12pt;
  margin-bottom:16px;
}

#content_wide .txt_kai_13pt{
  font-size:18px;
  font-family:"標楷體";
  line-height:1.5em;
}

/* content wide leftbar */

#content_wide_leftbar {
  width:92%;
  margin: 0 auto;
}

#content_wide_leftbar table, #content_wide_leftbar td {
  border-collapse:collapse;
  font-size:11pt;
  text-align:left;
  line-height:1.7em;
}

#content_wide_leftbar tbody td.wide_leftimg img {
  margin:10px auto 6px;
  border:1px solid #D4D0C8;
}

#content_wide_leftbar span {
  color:#A20000;
}

/* content narrow */

#content_narrow {
  float:left;
  width:670px;
  padding:10px;
}

#content_narrow h1 {
  font-size:12pt;
  color:#A20000;
  margin:18px 0;
}

#content_narrow h2 {
  font-size:11pt;
  color:#A20000;
  margin:16px 0;
}

#content_narrow p {
  font-size:11pt;
  margin-bottom:16px;
}

#content_narrow .txt_kai_green {
  font-size:12pt;
  font-family:"標楷體";
  line-height:1.6em;
  color:#006060;
}

/* content narrow leftbar */

#content_narrow_leftbar {
  width:92%;
  margin: 0 auto;
}

#content_narrow_leftbar table, #content_narrow_leftbar td {
  border-collapse:collapse;
  font-size:10pt;
  text-align:left;
  line-height:1.7em;
}

#content_narrow_leftbar tbody td.narrow_leftimg img {
  margin:10px auto 6px;
  border:1px solid #D4D0C8;
}

#content_narrow_leftbar span {
  color:#A20000;
}

/* wide & nawwor style*/

#content_wide .top_path, #content_narrow .top_path  {
  font-family:"細明體";
  font-size:10pt;
  text-align:right;
  line-height:normal;
  margin-right:12px;
  margin-bottom:0;
}

/* rightbar style */

#right_catalog_bar {
  float:right;
  width:190px;
  margin:20px 0 0 0;
  display:inline;/* fix ie6 doubled-margin bug */
}

#right_catalog_bar h3 {
  text-align:left;
  font-size:11pt;
  margin-top:0;
  margin-bottom:1.2em;
}

#right_catalog_bar ul {
  text-align:left;
  list-style-image:url(../images/icon/listmark.jpg);
  /*list-style:none;*/
  margin-left:20px;
  padding-left:0;
  margin-top:0;
}

#right_catalog_bar li {
  font-size:10pt;
  letter-spacing:0.05em;
  margin-bottom:1em;
}

/* leftbar sprites */

.menu_cate01, .menu_cate02, .menu_cate03, .menu_cate04, .menu_cate05, .menu_cate07 {
  width:122px; height:24px;
  background-image:url(../images/icon/menu_cate.gif);
  background-repeat:no-repeat;
  margin-bottom:16px !important;
  margin-bottom:20px;
}

.menu_cate01 { background-position:0 0; }
.menu_cate02 { background-position:0 -24px; }
.menu_cate03 { background-position:0 -48px; }
.menu_cate04 { background-position:0 -72px; }
.menu_cate05 { background-position:0 -96px; }
.menu_cate06 { background-position:0 -120px; }
.menu_cate07 { background-position:0 -144px; }

/* footer style */

#footer {
  clear:both;
  background-color:#336699;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.75em;
  font-style:normal;
  letter-spacing:0.05em;
  color:#FFFFFF;
  line-height:1.6em;
  text-align:center;
  padding:5px 0;
}

#footer a:link { color:#FFFFFF; }
#footer a:visited { color:#FFFFFF; }
#footer a:hover { color:#FFFFFF; }
#footer a:active { color:#FFFFFF; }

/* google search form button style */

.form_btn {
  font-size:13px;
  height:21px;
  color:#333333;
  border:1px solid #333333;
  padding-top:2px;
  padding-left:3px;
  padding-right:2px;
  background:#E6EFF5 url(../images/bground/form_btn_bg.gif);
}

/* anylink(submenubar) css */

.anylinkcss {
  position:absolute;
  visibility:hidden;
  /*border:1px solid white;
  border-bottom-width:0;
  background-color:#777777;*/
  z-index:100;
  font:normal 11pt 細明體;
  line-height:29px;
  margin:8px 0 0 -8px !important;
  margin:6px 0 0 -8px;
  width:auto;
  /* fix the blank space at bottom of page*/
  top:-3000px;
  left:-3000px;
}

.anylinkcss a {
  width:100%;
  display:block;
  /*border-bottom:1px solid white;
  padding:1px 0;
  background-color:#666666;*/
  text-align:center;
  text-decoration:none;
  color:white;
  background-image:url(../images/bground/sub_menubar_bg.png);
  background-position:0 0;
}

.anylinkcss a:hover {
  /*background-color:#006666;*/
  text-decoration:none;
  color:white;
  background-image:url(../images/bground/sub_menubar_bg.png);
  background-position:-160px 0;
}

.anylinkcss a:visited {
  color:white;
}
  
/* border style */

.border_light { border:1px solid #D4D0C8;}
.border_greydot { border:1px dashed #999999;}
.border_grey { border:1px solid #707070; }
.border_green { border:1px solid #DEDECD; }
  
/* line style */

.line_light { border:1px solid #D4D0C8; }
.line_green { border:1px solid #DEDECD; }
.line_grey { border:1px solid #707070; }
.line_greydot {	border:1px dashed #999999; }

/* others style */

.form_margin { margin:0px; }
.doNotDisplay { display:none; }

/* wide content graph */

.graph_left {
  float:left;
  font-size:11pt;
  text-align:center;
}

.graph_right {
  float:right;
  font-size:11pt;
  text-align:center;
}

.graph_left img, .graph_right img {
  margin-bottom:10px;
  border:1px solid #CCC;
}

/*
.graph_left span img, .graph_right span img {
  margin-right:6px;
  margin-bottom:0px;
  border:0;
}
*/

/* narrow content graph */

.graph_left_narrow {
  float:left;
  font-size:10pt;
  font-family:"細明體";
  text-align:center;
}

.graph_right_narrow {
  float:right;
  font-size:10pt;
  font-family:"細明體";
  text-align:center;
}

.graph_left_narrow img, .graph_right_narrow img {
  margin-bottom:10px;
  border:1px solid #CCC;
}

/*
.graph_left_narrow span img, .graph_right_narrow span img {
  margin-right:6px;
  margin-bottom:0px;
  border:0;
}
*/

/* zoomify flash map */

#flashcontent {
  color:#A20000;
  font-weight:bold;
}

#flashmap_table {
  width:100%;
  text-align:center;
  margin: 0 auto 16px;
}

#flashmap_table table, #flashmap_table td {
  border-collapse:collapse;
  line-height:1.7em;
  font-size:11pt;
  text-align:left;
}

#flashmapdesp_table {
  width:100%;
  text-align:center;
  margin: 0 auto 16px;
  background-color:#EEE;
}

#flashmapdesp_table table, #flashmapdesp_table td {
  line-height:1.75em;
  font-size:11pt;
  text-align:center;
  color:#444;
  border:1px solid #CCC;
  border-collapse:collapse;
}

#flashmapdesp_table td {
  padding-top:10px;
  padding-bottom:10px;
}