@charset "utf-8";
/* CSS Document */
.nav_marketing {
	background-color: #5ac20f;
}
nav {
	height: 43px;
}
nav h3{ font-size:15px;}
.nav_bg {
	background: url(../images/menu_bar.png) repeat-x;
	height: 43px;
}
.sitemap {
	float: left;
	color: #b1ff77;
}
.site_down {
	margin: 10px 0px 0px 0px;
	margin: 12px 0px 0px 0px\9;
}
nav ul li ul {/* 讓第二層ul跳脫文件流以利定位 */
	min-width:94px;
	position: absolute;
	/* 固定寬度 */
	/* 避免出現捲軸 */
	overflow: visible;
	/* 讓ul與母階層li相同位置 */
	clear: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
}
/* 修正IE7絕對定位差異 */
*:first-child+html nav ul li ul {
	margin-top: 0;
}
/* 修正IE6絕對定位差異 */
* html nav ul li ul {
	margin-top: 0;
}
nav ul li ul li {
	/* 覆寫繼承自第一層的浮動設定 */
	float: none;
	text-align: center;
}
nav ul li ul li a {
	/* 覆寫繼承自第一層的浮動設定 */
	float: none;
	width: 100%;/* 註：display、height、padding繼承第一層的設定 */
}
nav ul li ul li ul {
	margin-top: -43px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	width: 100%;
}
/* 修正IE7絕對定位差異 */
*:first-child+html nav ul li ul li ul {
	margin-top: -43px;
}
nav ul li ul {
	/* 預先隱藏第二層 */
	visibility: hidden;
}
nav ul li:hover ul {
	/* 觸動第一層時，顯示第二層 */
	visibility: visible;
}
nav ul li:hover ul li ul {
	/* 顯示第二層時，隱藏第三層，避免同時彈出 */
	visibility: hidden;
}
nav ul li ul li:hover ul {
	/* 觸動第二層時，顯示第三層 */
	visibility: visible;
}
nav ul li ul li:hover ul li ul {
	/* 顯示第三層時，隱藏第四層，避免同時彈出 */
	visibility: hidden;
}
nav ul li ul li ul li:hover ul {
	/* 觸動第三層時，顯示第四層 */
	visibility: visible;
}
/* ---------- 以下為美化用，非必需 ---------- */
nav li {
	line-height: 43px;
	float: left;
	font-size: 13px;
}
/* 第一層ul背景色彩與邊框 */
nav ul 
{
	float:left;
}
/* 第一層a字型 */
nav ul li a {
	height: 43px;
	display: block;
	color: #FFF;
	padding: 0px 20px 0px 20px;
	position: relative;
}
/*第二層ul背景色彩與邊框  */
nav ul li ul {
	color: #5ac20f;
	border: 3px solid #499d0d;
	background-color: #FFF;
}
nav ul li:hover ul li {
	border-bottom: 1px solid #499d0d;
	padding: 0px 15px;
}
/* 第二層a字型 */
nav ul li:hover ul li a {
	color: #5ac20f;
	line-height: 43px;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
}
/* 觸動第一層li時，改變背景色 */
nav ul li:hover, nav ul li a:hover {
	color: #FFF;
	background-color: #499d0d;
}
nav ul li:hover a, nav .showMap a{
	color: #FFF;
	background-color: #499d0d;
}
/* 觸動第二層以上li時改變背景色 */
nav ul li ul li:hover, nav ul li ul li a:hover {
	color: #FFF;
	background-color: #5ac20f;
}
