.top-nav { width:80%; text-align:right;position: absolute;right: 0px;bottom: 0px;}
.top-nav li.active> a, .top-menu li> a:hover { background: #e80118; color:#FFF; }
/*.top-menu ul li { display:inline-block; float:left; }
.top-nav li.active> a, .top-menu li> a:hover { background: #e80118; color:#FFF; }
.top-menu ul li a { font-family:"΢ÈíÑźÚ"; font-size: 0.975em; color: #FFF; padding: 15px 18px; display: block; text-transform: uppercase; overflow:hidden; font-weight:bold; }*/

.menu li{position:relative;display: inline-block; width:13%;float:left}
.menu li a{font-family:"΢ÈíÑźÚ"; font-size: 0.975em; color: #FFF; text-align:center; line-height:40px; display: inline-block; text-transform: uppercase;  font-weight:bold;width:100%; font-size:14px}
.menu li a:hover{background: #e80118; color:#FFF;}
.menu li.selected a,.menu li a.selected{background: #e80118; color:#FFF; }
.menu li.selected .submenu{display:block;}
.menu li .submenu{display:none;position:absolute;top:40px;left:0px; z-index:99999; }
.menu li .submenu{ background:#e80118; color:#FFF}
.menu li .submenu li{float:none;padding:0;background:none;height:auto; width:100%}
.menu li .submenu li.last{border:none;}
.menu li .submenu li a{ text-align:center;height:30px;line-height:30px; display:block; overflow:hidden; font-size:12px}
.menu li .submenu a:hover{background: #000; color:#FFF;}

@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.menu li a{ line-height:50px;font-size:16px}
	.menu li .submenu{ top:50px;}
	.menu li{width:12%;float:left}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.menu li{width:12.5%;float:left}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.menu li{width:13%; font-size:14px;float:left}
}