@charset "utf-8";

#nav { width:100%; clear:both;height:60px;}
#topmenu {  position:relative; margin:0;padding: 0;}

#topmenu h3 { display: none; }
#topmenu > ul {  position: relative; width:100%; top:0px; line-height:60px;}
#topmenu > ul > li {float: left; width:20%;}

#topmenu > ul > li > a { display: block;text-align: center;color: #fff; height: 60px;  line-height: 60px;}
#topmenu > ul > li.on > a, 
#topmenu > ul > li:hover > a { margin-top:0px;}
#topmenu > ul > li:hover > ul, 
#topmenu > ul > li.on > ul {display: block;}
#topmenu > ul > li > ul { display: none; position: absolute; top: 40px;width:20%; height: 280px; line-height: 20px; background:#f5f5f5; padding-top:10px; z-index:9999; word-break: break-all;}

#topmenu > ul > li > ul > li  { display:block; margin-bottom:8px;}

#topmenu > ul > li > ul > li a { display: block; font-size: 0.8em; padding: 0 15px; color: #5b5b5b;padding-left: 80px;}
#topmenu > ul > li > ul > li:first-child a { margin-left:0; }

#topmenu > ul > li > ul > li a span { display: block; padding: 0; }

* html #topmenu > ul > li > ul > li a { width: 1%; }
#topmenu > ul > li > ul > li a.on, 
#topmenu > ul > li > ul > li a:hover, 
#topmenu > ul > li > ul > li a:focus { color:#3b3b3b; font-weight: bold; }
#topmenu > ul > li > ul > li a.on {/* color: #85ba1a; *//* border-bottom: 4px solid #89c21b; */border-bottom: 4px solid #25a5d4;}

#topmenu > ul > li > ul#top2m1 { left: 0%;}
#topmenu > ul > li > ul#top2m2 { left: 20%;}
#topmenu > ul > li > ul#top2m3 { left: 40%;}
#topmenu > ul > li > ul#top2m4 { left: 60%;}
#topmenu > ul > li > ul#top2m5 { left: 80%;}