/* newselastica — mega menu styles (replicates ja_elastica menu/mega.css, CSS-only dropdown)
   J6 mod_menu 输出 <ul class="mod-menu mod-list nav"> + <li class="nav-item ..."> + <a class="mod-menu__...">
   选择器同时兼容旧 ja-megamenu (ul.nav.menu > li.mega > a.mega) 和 J6 mod_menu (ul.mod-menu.nav > li.nav-item > a)
*/

#ja-mainnav { background: #006599; }
.ja-megamenu, ul.megamenu, ul.mod-menu.nav { margin: 0; padding: 0; list-style: none; }

/* lv0 */
.ja-megamenu ul.level0,
ul.mod-menu.nav {
	display: block; list-style: none; margin: 0; padding: 0;
}
.ja-megamenu ul.level0 li.mega,
ul.mod-menu.nav > li.nav-item {
	float: left; height: 50px; list-style: none; position: relative;
	/* margin 归零: J6 侧给 li 加了 5px 下外边距, 会把 #ja-mainnav 撑成 55px(旧站 50px) */
	margin: 0;
}
.ja-megamenu ul.level0 li.mega a.mega,
ul.mod-menu.nav > li.nav-item > a {
	display: block; font-weight: bold; padding: 0 1.5em;font-size: 1.25em;
	color: #FFF; height: 50px; line-height: 50px;
	overflow: hidden; text-decoration: none;font-weight: bold;
}
.en .ja-megamenu ul.level0 li.mega a.mega,
.en ul.mod-menu.nav > li.nav-item > a { padding-left: 1em; padding-right: 1em; }

.ja-megamenu ul.level0 li.mega span.menu-title,
ul.mod-menu.nav > li.nav-item > a > span.menu-title { font-size: 1.25em; }
.ja-megamenu ul.level0 li.mega span.menu-desc { text-transform: none; font-size: .875em; opacity: .5; }

.ja-megamenu ul.level0 li.over,
.ja-megamenu ul.level0 li.haschild-over,
ul.mod-menu.nav > li.nav-item:hover,
ul.mod-menu.nav > li.nav-item.deeper:hover { background: #05496c; }

/* 顶栏"当前项"不高亮: 旧站 mega.css 只有 li.over/haschild-over 有底色,
   level0 li.active 没有任何规则(首页 active 时与普通项同色)。J6 会给当前项加
   active/current 类(实测首页+语言版本同时命中), 若照抄底色会出现"卡住的 hover"深蓝块 */


/* lv1+ dropdown (CSS-only) */
.ja-megamenu li.mega .childcontent,
ul.mod-menu.nav li.nav-item > ul.mod-menu__sub {
	display: none; position: absolute; top: 50px; left: 0;
	z-index: 999; min-width: 200px;
}
.ja-megamenu li.haschild-over .childcontent,
.ja-megamenu li.mega:hover .childcontent,
ul.mod-menu.nav li.nav-item:hover > ul.mod-menu__sub { display: block; left: auto; }

.ja-megamenu .childcontent-inner,
ul.mod-menu.nav li.nav-item > ul.mod-menu__sub {
	background: #05496c; border: 1px solid #444;
}
.ja-megamenu .level1 .childcontent-inner { border: 1px solid #444; }

.ja-megamenu ul.level1,
ul.mod-menu.nav li.nav-item > ul.mod-menu__sub {
	list-style: none; margin: 0; padding: 0; min-width: 200px;
}
.ja-megamenu ul.level1 li.mega,
ul.mod-menu__sub > li.nav-item {
	float: none; height: auto; border-top: 1px solid #1f5571; padding: 0;
}
.ja-megamenu ul.level1 li.first,
ul.mod-menu__sub > li.nav-item:first-child { border-top: 0; }

.ja-megamenu ul.level1 li.mega a.mega,
ul.mod-menu__sub > li.nav-item > a {
	background: #05496c; border: 0; font-weight: normal;
	padding: 1em; height: auto; text-transform: none; color: #fff;
	display: block; line-height: 1.4;
}
.ja-megamenu ul.level1 li.mega a.mega span.menu-title,
ul.mod-menu__sub > li.nav-item > a { font-size: 1.12em; background: none; padding: 1em; margin: 0; }

.ja-megamenu ul.level1 li.haschild,
.ja-megamenu ul.level1 li.haschild-over,
ul.mod-menu__sub > li.nav-item.deeper {
	background-image: url(../images/arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}

.ja-megamenu ul.level1 li.over > a.mega,
.ja-megamenu ul.level1 li.haschild-over > a.mega,
ul.mod-menu__sub > li.nav-item:hover > a,
ul.mod-menu__sub > li.nav-item.deeper:hover > a { color: #FFF; background: #006699; }

.ja-megamenu ul.level1 li.active,
ul.mod-menu__sub > li.nav-item.active { background: none; }
.ja-megamenu ul.level1 li.active a.mega,
ul.mod-menu__sub > li.nav-item.active > a { color: #FFF; background: #006699; }

/* lv2+ nested (right flyout) */
.ja-megamenu ul.level1 .childcontent,
.ja-megamenu li.mega li.haschild-over .childcontent,
ul.mod-menu__sub li.nav-item > ul.mod-menu__sub {
	top: 0; left: 100% !important;
}
.ja-megamenu li.mega li.mega .childcontent,
ul.mod-menu__sub li.nav-item > ul.mod-menu__sub { margin: -1em 0 0 160px; }

/* megacol (multi-column) */
.ja-megamenu .megacol { float: left; }

/* grouped */
.ja-megamenu .group-title { background: #666; overflow: hidden; padding: 1em; }
.ja-megamenu .group-title a.mega { background-image: none !important; padding: 0 !important; color: #FFF !important; }
.ja-megamenu .group-title .menu-title { text-transform: uppercase; font-weight: bold; }

/* childcontent modules */
.ja-megamenu .childcontent .ja-moduletable,
.ja-megamenu .childcontent .moduletable { line-height: 1.5; margin: 0; padding: 0; width: auto !important; }
.ja-megamenu .childcontent .moduletable-inner {
	line-height: 1.5; margin: 1em 0 0; padding: 0; width: auto;
	background: #006599; color: #CCC; border-top: 0;
}
.ja-megamenu .childcontent .ja-moduletable h3 {
	background: none; margin-left: 10px; margin-right: 10px;
	text-indent: 5px; text-transform: none;
}
.ja-megamenu .childcontent .ja-moduletable .ja-box-ct { padding: 0; }
.ja-megamenu .childcontent .ja-moduletable a { text-decoration: none; }
.ja-megamenu .childcontent .ja-moduletable a:hover { color: #CCC; text-decoration: none; }

/* hide mod_menu toggle button (we use CSS hover dropdown) */
.mod-menu__toggle-sub { display: none !important; }

/* normal-screen hide menu button */
#ja-menu-button { display: none; }

/* menu desc hidden in normal */
.ja-megamenu ul.level0 li.mega span.menu-desc { display: none; }