@charset "utf-8";


/* 選項列 */


/**
 *********************************************
 * Prototype of styles for horizontal CSS-nav
 * @data 25.01.2010 Download by http://www.jb51.net
 *********************************************
 * (X)HTML-scheme:
 *  <div id="nav">
 *      <ul class="nav">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* nav::base */
#nav {
	z-index: 100;
	height: 35px;
	display: block;
	width: 71%;
	margin-top: 0px;
	float: left;
	padding-left: 3px;
	
}
#nav .nav {
   	background-image: url(../nav_line.jpg);
	background-repeat: no-repeat;
	background-position: right;

}
#nav * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#nav a {
	display: block;
	white-space: nowrap;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: center;
	width: 170px;	
}
#nav li {
    float:left;
    
}
#nav li li {
    float:none;
}
#nav div {
	visibility: hidden;
	position: absolute;
	z-index: 99;

}
#nav div div {
    margin:-35px 0 0 -1px;
    left:100%;
}
#nav div div div {
    margin:-35px 0 0 -1px;
    left:100%;
}
#nav li:hover>div { visibility:visible; }

/* nav::special styles */
/* nav::level 1 */
#nav a {
    text-decoration:none;
    color:#ffffff;/*1*/
    position:relative;
    z-index:77;	font-weight: bold;	

	
}
#nav a:hover {
	color: #FFF;
	background-image: url(../header.png);
	background-repeat: repeat-x;
	background-position: left -43px;	
}
#nav a:hover span { color:#FFF; }
#nav li.current a {
	background: transparent url(../header_active.gif) repeat-x;


}
#nav li.current span {
    color:#3C4955;
}
#nav>ul>li:hover>a {
    background:url(../header.png) left -43px repeat-x;
    color:#CACFD3;
	
}
#nav>ul>li:hover>a span { color:#FFF; }
#nav span {
	text-decoration: none;
	color: #333333;
	font-family: "微軟正黑體";
	font-size: 16px;
	text-shadow: 1px 1px 1px #FFFFFF;
	font-weight: bold;
}
#nav li {
	background-image: url(../nav_line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/* nav::level >= 2 */
#nav ul ul {	width: 100%;}
#nav li li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#nav li li a {
	position: static;
	white-space: normal;
	text-align: center;
	color: #FFF;
	padding: 0;
	text-transform: none;
	width: 170px;
	background-image: url(../header_bg.png);
	
}
#nav li.current li a {
	color: #FFF;
	
	background-image: none;
}
#nav li.current li span {
	color: #FFF;
	background-image: url(../header_bg.png);
}
#nav li li a:hover {
	background-color: #FFFFFF;
	color: #C02B17;
}
#nav li li a span { color:#fff; line-height: 15px; padding: 10px;	text-shadow:none;}
#nav li li a:hover span {
	background-color: #E7E7E7;
	color: #C02B17;
}
#nav li li a.parent span{
	z-index: 10;
	background-color: #E7E7E7;
	color: #C02B17;
	background-attachment: scroll;
	background-image: url(../arrow.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}

#nav li li span {
    display:block;
    text-transform:none;
    padding:0px 25px 0px 0px;
    font-size:13px;
    letter-spacing: 0;
}