#mainMenuBar {position:absolute; z-index:99; /*width: 100%;*/ margin-top:50px; /*background-color: #00BCD4;border-top: 1px solid #fff;border-bottom: 1px solid #fff; */ right:50px;}
#mainMenuBar ul { list-style-type: none; margin:0px; padding:0px; float:left; white-space: nowrap;}
#mainMenuBar ul a {
    color:White;
    display:block;
    text-decoration: none;
    font-family: Microsoft JhengHei, Arial, sans-serif;
    font-size:20px;
    text-shadow: 1px 2px rgba(0, 0, 0, .2);
    -webkit-transition: color .3s linear;
       -moz-transition: color .3s linear;
         -o-transition: color .3s linear;
        -ms-transition: color .3s linear;
            transition: color .3s linear;
}
#mainMenuBar ul li 
{
    display: inline-block; width:100px; padding: 10px 3px; position: relative; text-align:center;
    -o-transition: background .2s ease-out;
    -ms-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out;
}
#mainMenuBar ul li img{    border-bottom:4px solid hidden;}
#mainMenuBar ul li.current-menu-item {/*background: #497EAD;*/}
#mainMenuBar ul li:hover img{/*background: #FFC107;*/ border-bottom:4px solid #f38493;}
#mainMenuBar ul ul { display:none; position: absolute; top: 100%; left:0; padding:0px; background: #84A3BF; white-space: normal;}
#mainMenuBar ul li:hover > ul{ display: block;}
#mainMenuBar li ul li{padding-top: 8px;  padding-bottom: 8px;  border-bottom: 1px solid #ffffff;  cursor: pointer; clear:both;}         
#mainMenuBar li ul li:hover{  background-color: transparent; color:#ffffff; background-color:#497EAD;}






#mainMenuSubBar {position:fixed; z-index:99; width: 100%; margin-top:0px; background-color: #497a6a; font-size:20px; }
#mainMenuSubBar li a { color:white; text-decoration:none}
#mainMenuSubBar li:hover {background-color: #a4bdb5;}
#mainMenuSubBar ul li.current-menu-item a { color:yellow; }
#mainMenuSubBar ul { list-style-type: none; margin:0px; padding:0px; float:left; white-space: nowrap;}
#mainMenuSubBar>ul>li>a:after {
    content: "";
    height: 25px;
    width: 1px;
    background: #ffffff;
    top: 18px;
    right: 0px;
    position: absolute;
    display: block;
    margin-right: -3px;
}
#mainMenuSubBar>ul>li:last-child>a:after {
    display: none;
}
#mainMenuSubBar ul li 
{
    display: inline-block; padding: 15px 20px; position: relative; text-align:center;
    -o-transition: background .2s ease-out;
    -ms-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out;
}