#menu {
    margin:0px;
    padding:0px;
    top:0px;
    list-style: none;
    position: relative;
    display:inline-block;
    width: 100%;
    border: 0px solid #666;
    background-color:  rgba(100%,100%,100%,0.3);
}
#menu li {
    margin: 0px;
    float: left;
    width:25%;
    /* position: absolute;
    position: relative;
    padding: 1.5% 1.5% 0.2% 1.5%; */
    color: #fff;
    border-right: 0px solid #939;
    border: 0px solid #939;
}
#menu li a {
    padding-right:5%;
    color: #000;
    text-decoration: none;
}
#menu li a:hover {
    text-decoration: none;
    font-weight:bold;
}

ul.news
{
    list-style: none;
    margin:0;
    left:0%;
    /* //float:left; */
    padding:0%;
    width:50%;
    border: 0px solid #383;
}
ul.news li {
    list-style: none;
    /* //float: left; */
    display: inline-block;
    margin:0;
    padding-top:2%;
    padding-bottom:2%;
    padding-left:8%;
    border: 0px solid #666;
    width:40%;
}


ul.map{
    position: relative;
    list-style: none;
    float: left;
    top:0;
    margin: 0;
    width:70%;
    border: 3px solid #383;
}
ul.map li {
    margin: 0;
    display:inline-block;
    padding:0%;
    width:50%;
    color: #fff;
    float:left;
    border-right: 1px solid #666;
}

/* 選單 li 裡面連結之樣式 */
ul.map li a{
    display: block;
    padding: 12px 20px;
    background: #888;
    color: #FFF;
}
/* 特定在第一層，以左邊灰線分隔 */
ul.map > li > a{
    border-bottom: 1px solid #CCC;    
    border-left: 1px solid #CCC;
}
ul.map > li > a:hover{
    color: #666;
    background: #DDD
}			
        
.n1 { font-size: 16px; line-height: 16px}