﻿#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 108px; /*第一層目錄的寬度*/
	border-bottom: none;
}
	
#nav ul li {
	position: relative;
}
	
#nav li ul {
	position: absolute;
	left: 50px;
	top: 82px;
	display: none;
	width: 200px; /*第二層目錄的寬度*/
}

/* Styles for Menu Items */
#nav ul li a {
	display: block;
	text-decoration: none;
	background: #FFFFFF; /* IE6 Bug */
	padding: 0;
	border: none; /* IE6 Bug */
	border-bottom: 0;
}

#nav ul li a:link {
	color: #616055;
	font-size:12px;
}

#nav ul li a:visited {
	color: #000000;
	font-size:12px;
}

#nav ul li a:hover, #nav ul li a:active {
	color: #3F7B16;
	font-size:12px;
}
	
/* Holly Hack. IE Requirement \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li:hover ul, #nav ul li.over ul {
	display: block;
} /* The magic */

#nav ul li img {
	border: none;
}

#nav ul li ul li {
	border-bottom: 1px solid #666666;
	padding: 3px;
	background: #FFFFFF;
	font-size: 0.8em;
}

#nav ul li ul {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;	
}

/* Allow setting widths and heights */
#nav .rollover {
	display: block;
} 

/* only set width and height once */
#nav .rollover img {
	width: 100%;
	height: 100%;
	border: 0;
} 

/* sets any property for the :hover state */
#nav .rollover:hover {
	visibility: visible; /* for IE */ 
} 

/* 'rolls over' the image */
#nav .rollover:hover img {
	visibility: hidden;
}

#nav #swap01 {
	background-image: url(../images/index_06_02.jpg);
	width: 108px;
	height: 159px;
}
