/* Imports */
@import url("reset.css");

/* Body */
  body {
    color: #000305;
    font-size: 87.5%; /* Base font size: 14px/11pt */
    font-family:  "微軟正黑體","Helvetica", "Arial", "Microsoft JhengHei", "黑體-繁","Heiti TC", "sans-serif", ;
    line-height: 1.429em;
    margin: 0;
    padding: 0;
	position:relative;
	background: #f3f1ec;
  }
a img {border: 0px; text-decoration: none;}
a {color:#19a1aa; text-decoration:none}


/* Clearfix hack */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.input1  {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 11px;
	color:#313131;
	border-style:solid; 
    border-width:1px;   
    border-color:#abbe81; 
    background-color:#abbe81;
	padding:5px 10px; margin-left: 2px;
    line-height: 20px; 
}
.input2  {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 12px;
	color:#787878;
	background-color:#ffffff;
	border-style:solid; 
    border-width:1px; 
    padding:2px;
    border-color:#9c9c9c;
}

#img0 {
	width:100%; height: 170px;  background:url(../images/bkg01.jpg) center top ; z-index:-1; position:absolute;}



 /***** Layout *****/
.body {clear: both; margin: 0 auto; max-width: 950px; position:relative;}

/*
  Header
*****************/
#banner {
  margin: 0 auto;
  padding:  0; height: 125px;
}

/*
  menu
*****************/
#menu {
	width:100%;
	height:45px;
	background: url(../images/color-y.gif) repeat-x bottom;
	}
#list figure { padding:0px; position: absolute; left:0; top:0px;}
#list ul {
	 margin:0 auto;padding:10px 0 0;list-style:none; position:relative; float: right;
	}
#list li{ line-height:30px; float:left; overflow:hidden; font-size:0.929em;padding:0 10px 0;  }
#list li a{ height:35px;  float:left; color:#e1e5d8; text-decoration:none; position: relative; }
##list li a:hover{ color:#fab13c;}

#list:after,
#list > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#list > ul > li > ul::after {/* top arrow */
  content: '';
  border: 8px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fab13c;
  position: absolute;
  top: -12px;
  left: 62px;
}
#list ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;/* 位置漸變的起始點 */
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
  width: 130px;
  padding-top: 5px;
}
#list ul ul li {
  position: relative;
  width: 130px; height: 30px; line-height: 33px; overflow:hidden; margin: 0 0 1px; text-align:center;
}
#list > ul > li:hover > ul {
  margin:0 0 0 -40px;
	left: auto;
  top: 41px;
  opacity: 1;
}

#list ul ul li a {
	width:130px; height:30px;font-size:1.1em;
  color: #000;
  background: #fab13c;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  opacity: 0.8;
}

#list ul ul li:hover > a {
  background: #e68d00;
  color: #fff;
  opacity: 1;
}
#list ul ul li:last-child > a,
#list ul ul li.last > a {
  border-bottom: 0;
}



/*----------------------------------------
  content
----------------------------------------*/
#content {
	padding: 0; margin:0 auto;

	}
/*
 bread
***********/
#bread {
	position: relative;
	width:100%;
	font-size: 0.917em;
	}
#bread ul {
	padding:5px 0px 5px 15px;}
#bread li {
	color:#323232; margin-right:8px; list-style:none; display:inline;}
#bread li a {
	color:#323232; padding-right:10px; text-decoration:none;}
#bread li a:hover {
	color:#19a1aa; text-decoration:none;}

/*
 content 
**********/
#sub-menu {width: 196px; position: relative;}
#sub-menu h1 { font-size:1.571em; line-height:1.286em; color:#fff; height: 80px;display: block;text-align: center; background: url(../images/tag-bkg.png) no-repeat; padding-top: 30px;}
#sub-menu ul {margin: 25px 8px 0; padding: 0;}
#sub-menu li {width: 100%; margin:0; padding: 6px 0;border-bottom: solid 1px #9bae72; }
#sub-menu li a {color: #444444; font-size: 1.0em; line-height:1.143em; text-decoration: none; padding: 0px 10px; display: block;}

#H-menu {width: 100%;border-bottom: solid 1px #6e6e6e; height: 30px; position: relative; }
#H-menu span {display: block; width: 150px; font-size: 1.429em; float: left; text-align: center;}
#H-menu ul { position: relative;}
#H-menu li {float: left;padding: 2px 10px 10px;font-size: 0.929em; background: url(../images/H-menu-mid.gif) no-repeat right;color: #6a784b; }
#H-menu .on {background:url(../images/H-menu-mid.gif) no-repeat right, url(../images/H-menu-arw.gif) bottom no-repeat;}
#H-menu li a {color: #313131;}
#H-menu li a:hover {color: #e68d00;}
#H-menu .bkg {background: #dbd8d1; width: 100%;height: 28px;position: absolute;left: 0px;
  top: 31px; }
#H-menu ul ul {
  padding:0 0 0 150px; margin: 0px;
  
}
#H-menu ul ul li {
  position: relative; margin: 3px 0 0; color: #6a784b;
}

#H-menu ul ul li a {
  font-size:1.1em; color: #000;
}

#H-menu ul ul li:hover > a {
  color: #e68d00;
}
#H-menu ul ul li:last-child > a,
#H-menu ul ul li.last > a {
  backface-visibility: hidden ;
}


/* T */
.T01 {
	font-family: "Times New Roman","Times", "serif";
	font-size: 15px;
	color: #000000;
	font-weight: bold;
    line-height: 18px; }
.T01 a {
	color: #000000;	text-decoration: none;}
.T01 a:hover{
	color: #58a4cb;	text-decoration: none;
}

/* text  */
.text01 { 
	font-family: "Helvetica","Arial", "Verdana",  "sans-serif";
	font-size: 12px;
	color: #4f4f4f;
    line-height: 16px; 
}
.text01 a {
	font-size: 12px;
	color: #4f4f4f;	text-decoration: none;}
.text01 a:hover{
	font-size: 12px;
	color: #58a4cb;	text-decoration: none;
}






/*
  Footer
*****************/
footer {
	width: 722px; float: right; border-top: solid 1px #6e6e6e; padding: 10px; position: relative;font-size: 0.857em; color: #454545; text-align: right;}