.top-nav { width:80%; text-align:right;position: absolute;right: 0px;bottom: 0px;}

.top-nav li.active> a, .top-menu li> a:hover { background: #0a44a7; color:#FFF; }

/*.top-menu ul li { display:inline-block; float:left; }

.top-nav li.active> a, .top-menu li> a:hover { background: #0a44a7; 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:12.5%;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: #0a44a7; color:#FFF;}

.menu li.selected a,.menu li a.selected{background: #0a44a7; color:#FFF; }

.menu li.selected .submenu{display:block;}

.menu li .submenu{display:none;position:absolute;top:40px;left:0px; z-index:99999; width:100%; }

.menu li .submenu{ background:#0a44a7; 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}

}