#menu{
	text-align:center;
	background-color:#FFFEEE;
}
	#menu ul li{
		list-style:none;
	}

	#menu >ul{
		display: inline-block;
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 13px;
		padding:0px;
	}

	#menu>a {
		display: none; 
	}
	#menu >ul a {
		background-color: #fff;
		color: #333;
		display: block;
		padding: 0 30px;
		text-decoration: none;
		line-height: 30px;
	}

	#menu >ul>li{
		position: relative;
		white-space: nowrap;
		float:left;
		border:1px solid #eee;
	}
	#menu >ul>li:hover ul {
		display:block;
	}
	/*第三層不可出現*/
	#menu>ul>li:hover ul>li>ul {
		display:none;
	}

	/*#menu >ul>li:hover #lastMenu{
		left:-52;
	}*/
	
	/*法律/政治 #0099B0
	財經/商管/觀光 #DA0010
	文/史/哲 #498ECC
	理工/醫護 #9CC715
	教育/心理/傳播 #F6AA00
	中等教育 #A492C4
	字體大小為華康儷粗黑 20字級
	*/
	#menu>ul>li>a.link1 {background-color:#0099B0;}
	#menu>ul>li>a.link2 {background-color:#DA0010;}
	#menu>ul>li>a.link3 {background-color:#498ECC;}
	#menu>ul>li>a.link4 {background-color:#9CC715;}
	#menu>ul>li>a.link5 {background-color:#F6AA00;}
	#menu>ul>li>a.link6 {background-color:#A492C4;}
	#menu>ul>li>a.link7 {background-color:#FF00FF;}
	#menu>ul>li>a {
		/*第一層選單顏色*/
		font-family:華康儷粗黑;
		font-size:20px;
	}
	
	
		/* 第二層*/
		#menu>ul>li ul{
			display:none;
			position:absolute;
			z-index:99;
			text-align:left;
			padding:0px;
		}
		#menu>ul>li>ul>li:hover a{
			background-color:#eeeeee;
		}
		#menu>ul>li>ul>li:hover ul{
			display:block;
		}
		#menu>ul>li>ul>li:hover ul>li a{
			background-color:#FFFEEE;	
		}
		#menu>ul>li>ul>li:hover ul>li>ul{
			display:none;
		}
		
			/* 第三層*/
			#menu>ul>li>ul>li ul{
				display:none;
				background-color:#FFFEEE;
				position:absolute;
				z-index:99;
				text-align:left;
				padding:0px;
				left:99%;
				top:0px;
			}
			#menu>ul>li>ul>li>ul>li:hover a{
				background-color:#eeeeee;
			}
			#menu>ul>li>ul>li>ul>li:hover ul{
				display:block;
			}
			#menu>ul>li>ul>li>ul>li:hover ul>li a{
				background-color:#FFFEEE;	
			}
				/* 第四層*/
				#menu>ul>li>ul>li>ul>li>ul>li:hover a{
					background-color:#eeeeee;
				}

		

@media only screen and ( max-width: 480px ) /* 640 */
{
#menu{
	position:;
	text-align:left;
}

	#menu > a{
		width: 20px; /* 50 */
		height: 20px; /* 50 */
		text-align: left;
		/* text-indent: -9999px; */
		/* background-color: #e15a1f; */
		position: relative;
		display:block;
	}
		
		#menu > a:before,
		#menu > a:after
		{
			position: absolute;
			border: 2px solid #fff;
			top: 35%;
			left: 25%;
			right: 25%;
			content: '';
		}
		
		#menu > a:after
		{
			top: 60%;
		}
		#menu:not( :target ) > a:first-of-type,
		#menu:target > a:last-of-type
		{
			display: block;
		}
		
	#menu:target >ul{
		display: block;
		z-index:99;
		background-color:#cccccc;
		position:absolute;
	}
	
	#menu>ul{
		display: none;
	}
	#menu ul {
		height: auto;
		position: absolute;
		left: 0;
		right: 0;
		
	}
	#menu >ul >li {
		width:100%;
		display: block;
		white-space: nowrap;
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 13px;
		border:1px solid #eee;
		position: relative;
		float:left;

	}

	#menu >ul a {
		background-color: #fff;
		color: #333;
		display: block;
		padding: 0 30px;
		text-decoration: none;
		line-height:auto ;
	}
	
	#menu >ul>li:hover ul {
		display:block;
	}
		/*第三層不可出現*/
	#menu>ul>li:hover ul>li>ul {
		display:none;
	}

	#menu >ul>li:hover #lastMenu{
		left:0px;
	}
	
	#menu>ul>li>a {
		/*第一層選單顏色*/
		background-color:#cccccc;
	}
	
	
		/* 第二層*/
		#menu>ul>li ul{
			background-color:#fff;
			display:none;
			position:relative;
			z-index:99;
			text-align:left;
		}
		#menu>ul>li>ul>li:hover a{
			background-color:#22eeee;
		}
		#menu>ul>li>ul>li:hover ul{
			display:block;
		}
		#menu>ul>li>ul>li:hover ul>li a{
			background-color:#FFFEEE;	
		}
		#menu>ul>li>ul>li:hover ul>li>ul{
			display:none;
		}
		
			/* 第三層*/
			#menu>ul>li>ul>li ul{
				display:none;
				background-color:#FFFEEE;
				position:relative;
				z-index:99;
				text-align:left;
				padding:0px;
				left:0px;
				top:0px;
			}
			#menu>ul>li>ul>li>ul>li:hover a{
				background-color:#ee22ee;
			}
			#menu>ul>li>ul>li>ul>li:hover ul{
				display:block;
			}
			#menu>ul>li>ul>li>ul>li:hover ul>li a{
				background-color:#FFFEEE;	
			}
				/* 第四層*/
				#menu>ul>li>ul>li>ul>li>ul>li:hover a{
					background-color:#eeeeee;
				}

	
}

		
	
ul.drop-down-menu {
	list-style: none;
	border: #aaa 1px solid;
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 13px;
}

ul.drop-down-menu li {
	position: relative;
	white-space: nowrap;
	border-right: #ccc 1px solid;
}

ul.drop-down-menu > li:last-child {
	border-right: none;
}

ul.drop-down-menu > li {
	float: left; /* 只有第一層是靠左對齊*/
}

ul.drop-down-menu a {
	background-color: #fff;
	color: #333;
	display: block;
	padding: 0 30px;
	text-decoration: none;
	line-height: 40px;

}
ul.drop-down-menu a:hover { /* 滑鼠滑入按鈕變色*/
	background-color: #ef5c28;
	color: #fff;
}
ul.drop-down-menu li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/
	background-color: #ef5c28;
	color: #fff;
}

	ul.drop-down-menu>li>ul{
		list-style: none;
	}



#menu1
{
/* container */
	display: inline-block;
}

	#menu1 > a{display: none;}
	#menu1 li {position: relative;}

	/* first level */
	#menu1 > ul
	{
		height: 3.75em;
		float: left;
	}
		#menu1 > ul > li
		{
			width: 25%;
			height: 100%;
			
		}

	/* second level */
	#menu1 li ul
	{
		display: none;
		position: absolute;
		top: 100%;
	}
		#menu1 li:hover ul
		{
			display: block;
		}


@media only screen and ( max-width: 480px ) /* 640 */
{
	#menu1
	{
		position: relative;
	}
		#menu1 > a{
			width: 20px; /* 50 */
			height: 20px; /* 50 */
			text-align: left;
			text-indent: -9999px;
			background-color: #e15a1f;
			position: relative;
		}
			#menu1 > a:before,
			#menu1 > a:after
			{
				position: absolute;
				border: 2px solid #fff;
				top: 35%;
				left: 25%;
				right: 25%;
				content: '';
			}
			#menu1 > a:after
			{
				top: 60%;
			}

		#menu1:not( :target ) > a:first-of-type,
		#menu1:target > a:last-of-type
		{
			display: block;
		}

	/* first level */
	#menu1 > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
	}
		#menu1:target > ul
		{
			display: block;
		}

		#menu1 > ul > li
		{
			width: 100%;
			float: none;
		}

	/* second level */
	#menu1 li ul
	{
		position: static;
	}

}