@charset "utf-8";
/* CSS Document */
/*menu01選單連結的顏色及去底線*/
#menubar a {
    text-decoration: none;
	color:#FFF;
}
/*menu01選單整體寬高及顏色置中設定*/
#menubar {
    width: 375px;
    height:24px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    background:#000;
}
/*讓menu01選單的標頭都隱藏起來*/
#menubar ol, #menubar li, #menubar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
/*調整整個選單各主標題連結*/
#menubar li.submenu {
    float: left;            /*讓主標題連結變成水平狀*/
    padding: 0;
    margin: 0;
    width: 75px;           /*各主標題連結的寬度*/
    height:24px;           /*各主標題連結的高度*/
    line-height:24px;
	text-align: center;
}
/*調整子選單的寬度和高度*/
#menubar li {
    padding:0;
    width:155px;     /*各子選單連結的寬度*/
    height:24px;     /*各子選單連結的高度*/
    line-height:24px;
	text-align: center;
}
/*ie8 ff 調整子選單的相對位置*/
#menubar li ul {
    display: none;          /*展現方式為隱藏*/
    position: absolute;      /*子選單的對齊方法為絕對方式*/
    z-index: 999;            /*子選單的圖層層級為999，在最上方*/
    background:#063;
    margin-top: 0px;         /*子選單區塊與主連結的相對往下移點數*/
    margin-left: 0px;       /*子選單區塊與主連結的相對往右移點數*/
}
/*顯示子選單區塊*/
#menubar li:hover ul {       /*當滑鼠移到li時，ul會*/
    display: block;         /*ul會顯示出來，即子選單區塊顯示出來*/
}
/*調整滑鼠移到主選單的項目時會變什麼顏色*/
#menubar li:hover {          /*當滑鼠移到li時*/
    background-color:#666;
}
/*調整滑鼠移到子選單的項目時會變什麼顏色*/
#menubar li li:hover  {          /*當滑鼠移到li裡的li時*/
    background-color:#093;
}