.nav, .nav ul, .nav a { margin: 0; padding: 0; font-family: 'Microsoft JhengHei UI' }
.nav li { margin: 0; padding: 5px; }
.nav a {text-decoration: none;}
.container {
	width: 100%;
	max-width: 982px;
	margin: auto;
	background-color: #5f8b03;
	background-image: linear-gradient(to bottom, #b5dd61, #5f8b03);/*CSS3標準指令，可被IE9+,FF支援*/
	background-image: -webkit-linear-gradient(top, #b5dd61, #5f8b03);/*Chrome10-25*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b5dd61, endColorstr=#5f8b03);/*IE7,8*/
}
.container .LoginBtn {
	float: right;
	display: block;
	padding: 6px 4px;
	margin: 5px 10px;
	border: solid 1px white;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}
.toggleMenu {
	display: none;
	/*background: #666;*/
	padding: 10px 15px;
	color: #fff;
	float: right;
}
.toggleMenu img { padding: 5px }
.nav {
	list-style: none;
	*zoom: 1;
	/*background:#175e4c;*/
	vertical-align: middle;
}
.nav:before,
.nav:after {
	content: " "; 
	display: table; 
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width: 9em;
	text-align: center;
}
.nav a {
	padding: 10px 15px;
	color: #fff;
	text-shadow: 2px 2px 2px #444;
	color: white;
}
.nav a:hover {
	background-color: #446502;
	border-radius: 5px;
	text-shadow: 2px 2px 2px #222;
	box-shadow: 2px 2px 5px #222 inset;
}
.nav li {
	position: relative;
}
.nav > li {
	float: left;
	/*border-top: 1px solid #104336;*/
}
.nav > li > .parent {
	background-image: url("/images/downArrow.png");
	background-repeat: no-repeat;
	background-position: right;
}
.nav > li > a {
	display: block;
}
.nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #5f8b03;
	z-index: 1;
	/*background-image: linear-gradient(to bottom, #fafcec, #e7ec9b);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafcec), to(#e7ec9b));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafcec, endColorstr=#e7ec9b);*/
}
.nav li ul li {
	display: block;
}
.nav > li.hover > ul {
	left: 0;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;
}
.nav li li a {
	display: block;
	/*background: #1d7a62;*/
	position: relative;
	z-index:100;
	/*border-top: 1px solid #175e4c;*/
}
.nav li li li a {
	background:#249578;
	z-index:200;
	border-top: 1px solid #1d7a62;
}

@media screen and (min-width: 982px) {
	.nav { display: inline-block; }
}
@media screen and (max-width: 982px) {
	.container .LoginBtn { display: none }
	.active {
		display: block;
	}
	.nav { display: block }
	.nav > li {
		float: none;
		border-top: solid 1px darkgreen;
	}
	.nav > li > .parent {
		background-position: 95% 50%;
	}
	.nav li li .parent {
		background-image: url("/images/downArrow.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.nav ul {
		display: block;
		width: 100%;
	}
	.nav > li.hover > ul , .nav li li.hover ul {
		position: static;
	}

}