ul, li {list-style: none;}
ul.navigation{width: 700px; margin:0 auto;}
	/* 選單 li 之樣式 */
	ul.navigation li {
		position: relative;
		float: left;
		padding:0 7px;
	}
	/* 選單 li 裡面連結之樣式 */
	ul.navigation li a{
		
	}
	/* 特定在第一層，以左邊灰線分隔 */
	ul.navigation > li > a{
		/*border-bottom: 1px solid #CCC;				
		border-left: 1px solid #CCC;*/
	}
	ul.navigation > li > a:hover{
		/*color: #666;*/
		/*background: #DDD*/
	}
	/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
	ul.navigation ul{
		display: none;
		float: left;
		position: absolute;			
		left: 0;
		z-index:9999;
		margin: 0;
		margin-left: -20px;
		/*margin-top: -49px;*/
	}
	/* 當第一層選單被觸發時，指定第二層顯示 */
	ul.navigation li:hover > ul{
		display: block;
	}			
	/* 特定在第二層或以後下拉部分 li 之樣式 */
	ul.navigation ul li {
		 /*height:40px; line-height:40px;*/
	}
	/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
	ul.navigation ul li:last-child {
		border-bottom: none;
	}
	/* 第二層或以後選單 li 之樣式 */
	ul.navigation ul a {
		width: 250px;
		color: #666;
		height:inherit;
		line-height:inherit;
		display: block; background:url(../images/all/menu_bg1.png);
		border-top:1px solid #bdbdbd;
	
	}
	ul.navigation ul a:hover {		
		background:#9b9b9b;
	}
	/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
	ul.navigation ul li:hover > ul{
		display: block;
		position: absolute;
		top: 0;				
		left: 100%;
	}