
#NavMenu
{
	width:100%;
	background: #f8f8f8;
	/*border-top:solid 1px #dee0e5;
  	border-bottom:solid 1px #dee0e5;*/
    /*font-family:"微軟正黑體","Microsoft JhengHei";*/
}

#NavMenu .Box {margin:0 auto; width:990px;}

#NavMenu .home a { 
	margin:0;
	padding:6px 19px;
	height:32px;
	background-color:#5f9ea0;
}

#NavMenu .home a:hover {
	background-color:#8cc63f;
}

#NavMenu .Cam a { 
	margin:0;
	color:#fff;
	padding:12px 15px;
	background-color:#34495e;
}

#NavMenu .Cam a:hover { 
	background-color:#d3311a;
}

#NavMenu .Camicon {
	background: url(img/cam.png) no-repeat; 
	padding-left:5px; 
	padding-right:20px;
}

img { border:0;}
ul.navigation,ul.navigation li {list-style: none;}
ul.navigation, ul.navigation li, ul.navigation ul {
    margin: 0;
    padding: 0;
    /*font-family:"微軟正黑體","Microsoft JhengHei";*/
}

ul.navigation li {
	margin:0 auto;
    position: relative;
    float: left;
}
/* 選單 li 裡面連結之樣式 */
ul.navigation li a{
    display: block;
    padding: 12px 15px;
    background: #f8f8f8;
    color: #666;
    font-size:15px;
	text-decoration: none;
    /*font-family:"微軟正黑體","Microsoft JhengHei";*/
}
/* 特定在第一層，以左邊灰線分隔 */
ul.navigation > li > a{
    /*border-left: 1px solid #CCC;*/
}

ul.navigation > li > a:hover{
    color: #fff;
    background: #2479a0;
}

/* 特定在第一層 > 第二層之後下拉部分之樣式 */
ul.navigation li ul{
    display: none;
    float: left;
    position: absolute;
    left: 0;
    margin: 0;
    border-top:3px solid #2479a0;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation li:hover > ul{
	z-index:999;
	display: block;
}
/* 特定在第二層或之後下拉部分 li 之樣式 */
ul.navigation ul li {
	margin:0;
    border-bottom: 1px solid #ddd;
}
/* 特定在第二層或之後下拉部分 li （最後一項不要底線）之樣式 */
ul.navigation ul li:last-child {
    border-bottom: none;
}

/* 第二層或之後 選單 li 之樣式 */
ul.navigation ul a {
	margin:0;
    width: 200px;
    padding: 10px 12px;    
    color: #fff;        
    background: #a3947f;
}
ul.navigation ul a:hover {
	color:#fff;
    background: #2479a0;    
}
/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
ul.navigation ul li:hover > ul{
    display: block;
    position: absolute;
    top: 0;    
    left: 100%;
}



