@charset "utf-8";

<!--
* html {
	margin:0;
	padding:0;
}
* html ul li {
	margin-bottom:0px;
}
* html ul li a {
	margin-bottom:0px;
}
-->
header, footer, section, article, aside, nav, figure, figcaption { display: block; }
body {
  margin:0px auto;
  padding:0px;
  text-align:center;
  font-family:"Open Sans","微軟正黑體","Microsoft JhengHei",Verdana,Helvetica, Arial, sans-serif;
  font-size:100%;
  line-height:1.4em;
  vertical-align:baseline;
  /*background-color:#fff;*/
  overflow-y: scroll; 
  overflow-x: auto;
  background:#f7f7f7 url('../images/bg.png') repeat;
  /*min-width:350px;*/
}
img, a {
  border:0px;
  margin:0px;
  padding:0px;
}
textarea:focus, input:focus{
    outline: 0;
}
/*
 ******************
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
 ******************
 */
.content_block {
  display:inline-block;
  vertical-align:top;
  margin-bottom:20px;
}
.content_2col {
  /* 2 columns */
  width:460px;
  margin-left:50px;
}
.content_3col {
  /* 3 columns */
  width:299px;
  margin-left:38px;
}
.content_block_first {
  margin-left:0px;
}
.content_block .content_text {
  padding-left:10px;
  padding-right:10px;
}
.content_block .footer {
  text-align:right;
  padding:3px 10px;
}
.content_block  .footer .btn {
  display:block;
}
.line, .line2 {
  width:100%;
  height: 5px;
  border-bottom:1px solid #999; 
  margin: 5px 0px;
}
.line2 {
  border-bottom-width:2px;
}
/*
 ******************
 */
#site_container {
  width:980px;
  min-width:230px;
  margin:0 auto;
  padding:0px;
  text-align:left;
  /*background-color:#fff ;*/
  border:0px;
  color:#666;
  visibility: visible; 
  position:relative;
}
#site_header {
  width:100%;
  height:100%;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  vertical-align:bottom;
}
#site_content {
  display:block;
  position:relative;
}
#site_header_container {
  position:relative;
}
#site_logo {
  float:left;
  width:250px;
  margin-top:40px;
}
#site_menu {
  /*left:650px;  /* 480px;*/
  display:block;
  text-align:right;
  width:100%;
  font-size:120%;
  padding-top:100px;
}
#site_banner {
  position:relative;
  /*min-height:450px;*/
  margin-bottom:50px;
}
#banner_img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}
#site_content h1 {
  font-size:150%;
  font-weight:normal;
  letter-spacing:0em;
  line-height:1.2em;
  border:none;
  padding:0px;
  margin:16px 0px 8px 0px;
  color:#ABDA4E;
}
#site_content h2 {
  font-size:125%;
  font-weight:normal;
  letter-spacing:0em;
  line-height:1.2em;
  border:none;
  padding:0px;
  margin:16px 0px 8px 0px;
  color:#669999;
}
#site_content h2.blue {
  color:#3366CC;
}
#site_content h2.red {
  color:#993333;
}
#site_content a {
  color:#3399FF;
  /*background-color:#fff;*/
  font-weight:normal;
  text-decoration:none;
}
#site_content a:hover {
  color:#000;
  /*background-color:#fff;*/
  text-decoration:underline;
}
#site_content_detail {
  position:relative;
  width:100%;
  padding-bottom:30px;
}
#site_footer {
  color:#999;
  margin-top:20px;
  font-size:90%;
  line-height:1.2em;
}
#site_footer a {
  color:#999;
  /*background-color:#fff;*/
  font-weight:normal;
  text-decoration:none;
}
#site_footer a:hover {
  color:#000;
  /*background-color:#fff;*/
  text-decoration:underline;
}
/*
 ******************
 */
ul.menu {
  list-style-type:none;
  margin:2px 0px;
  padding:0px;
  color:#ccc;
}
ul.menu li {
  /*border-left:1px solid #CCCCCC;*/
  display:inline;
  margin:2px 0px;
  padding:0px 0px 0px 5px;
}
ul.menu li.first {
  border-left:0px none;
  display:inline;
  margin:2px 0px;
  padding:0px 2px 0px 0px;
}
ul.menu li a {
  color:#999;
  /*background-color:#fff;*/
  font-weight:normal;
  padding:2px;
  text-decoration:none;
}
ul.menu li a:hover {
  color:#000;
  /*background-color:#fff;*/
  text-decoration:none;
}
ul.menu li.current {
  color:#000;
  text-decoration:underline;
}
ul.menuList {
  margin: 2px 0px 0px 0px;
  padding-left:3px;
  padding-right:0px;
  list-style-type: none;
  display: list-item;
}
ul.menuList li {
  padding: 2px 0px 2px 0px;
  margin: 2px 0px 2px 0px;
  list-style-type:none;
}
ul.menuList li a {
  color:#0066CC;
  /*background-color:#fff;*/
  font-weight:normal;
  padding:2px;
  text-decoration:none;
}
ul.menuList li a:hover {
  color:#000;
  text-decoration:underline;
}
ul.menuList li.current {
  color:#000;
  text-decoration:underline;
}