﻿

.ddsmoothmenu {font:  16px 微軟正黑體;background: #414141; align:left; /*background of menu bar (default state)*/ width: 100%;}



.ddsmoothmenu ul{z-index:100;margin:0;padding: 0;list-style-type:none;} /*Top level list items*/



/*Top level menu link items style*/
/*
.ddsmoothmenu ul li{position: relative;display: inline; float: right;} 
*/

.ddsmoothmenu ul li{position: relative;margin: 0 auto; float: left;} /*Top level menu link items style*/



.ddsmoothmenu ul li a{display: block;background: #414141;  /*background of menu items (default state)*/ 
                      color: white;padding: 8px 10px;border-right: 0px solid #778;color: #2d2b2b;text-decoration: none;}* html 


.ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.ddsmoothmenu ul li a:link, 
.ddsmoothmenu ul li a:visited{color: white;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/background: black; color: white;}
.ddsmoothmenu ul li a:hover{background: black; /*background of menu items during onmouseover (hover state)*/color: white;}	/*1st sub level menu*/

.ddsmoothmenu ul li ul{position: absolute;left: 0px;display: none; /*collapse all sub menus to begin with*/
visibility: hidden;}/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li{display: list-item;float: none;}/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul{top: 0;}/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{text-align:left;font: normal 15px 微軟正黑體;width: 180px;opacity: 0.8; filter:alpha(opacity=80);/*width of sub menus*/
padding: 5px;margin: 0;border-top-width: 0;border-bottom: 1px solid gray;}/* Holly Hack for IE \*/* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*//* ######### CSS classes applied to down and right arrow images  ######### */

/*160*/

.downarrowclass{position: absolute;top: 12px;right: 7px;}

.rightarrowclass{position: absolute;top: 6px;right: 5px;} /* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/ position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/opacity: 0.8;filter:alpha(opacity=80);}


