/* #Menu
================================================== */
header {
	background-color:;
}

header nav {
	position:relative;
	width:100%;
	height:48px;
	float:left;
}

header nav ul {
	width:100%;
	float:left;
	position:relative;
	padding:30px 0 0 25px;
	list-style:none;
	font-family: "微軟正黑體";
	font-weight:bold;
	font-size:15px;
	color:#fff;
	z-index:100;
}

header nav ul li {
	float:left;
	position:relative;
	padding:0 0 0 30px;
	z-index:100;
}

header nav ul li:last-child {
	background:none;
}

header nav ul li a {
	color:#333;
	text-decoration:none;
}

header nav ul li a:hover, header nav ul li a.active {
	color:#09F!important;
}


header nav ul li .hasSub > a {
	background:url(../img/sub-menu-idicator.png) no-repeat right center;
}

header nav ul li:hover ul {
	display:block;
	z-index:101;
}

header nav ul li:hover ul ul {
	display:none;
}

header nav ul li ul li:hover ul {
	left:100%;
	margin:-49px 0 0 1px;
	display:block;
	z-index:101;
}
header nav ul li ul li ul {
	left:100%;
	margin:-49px 0 0 1px;
	display:none;
	z-index:101;
	width:auto !important;
	min-width:145px;
	white-space:nowrap;
}

header nav ul li ul li {
	float:left;
	clear:both;
	padding:0;
	margin:0;
	font-weight:normal;
	background-image:none;
	z-index:101;
	text-transform:none;
}

header nav ul li ul li a {
	display:block;
	padding:0 20px;
}


header nav ul li ul li a:hover {
	background:#000;
	color:#fff;
}

header nav ul li .hasSub > a:hover {
	background:#000 url(../img/sub-menu-idicator.png) no-repeat right center;
	color:#fff;
}

header nav select { display:none; height:28px; margin:6px auto 0; }



	/* Tablet Portrait 平板直式 */
	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		header nav ul {padding:0;width:100%;float:left;position:relative;}
		header nav ul li { float: left;padding: 0 0 0 13px; z-index: 100;position:relative;}
		header nav {position:relative;width:100%;height:48px;float:left;}
       
}
	/* Mobile (Portrait) 手機直式*/
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
		header nav {margin: 5px 0 0 10px;width: 280px;}
		header nav ul { display:none; }
		header nav select { display:block !important; position:absolute; left:0px; width:300px;
		margin:0; }
		}

	/* Mobile (Landscape) 手機橫式 */
	/* Note: Design for a width of 480px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		header nav {margin: 5px 0 0 0;width: 280px;}
		header nav ul { display:none; }
		header nav select { display:block !important; position:absolute; top:-45px; left:230px;width:220px; }
		}