#top
{
	float:left;
	position:relative;
	background-color:rgb(13,39,77);
	border-radius:5px;
	color:rgb(255,255,255);
	z-index:99;
	width:48px;
	height:48px;
	box-sizing:border-box;
	jwidth:3.375em;
	jheight:3.375em;
}
#top>.acgMenuItem
{
	border-radius:5px;
}

.acgMenuItem
{
	background-color:rgb(13,39,77);
	border:1px solid rgb(0,80,115);
	font-weight:200;
}
#top .acgMenuItem:not([data-id='toc'],[data-id='close'])
{
	padding:0.5em 1.5em;
	color:rgb(255,255,255);
	font-size:1.25em;
}
/*
#top .acgMenuItem a:active
{
	color:rgb(255,255,255) !important;
}
*/

#top>.acgMenuItem:hover
{
	jbackground-color:#393838;
	jbackground-color:rgb(0,80,115);
	background-color:rgb(36,60,94);
	jborder-radius:12px;
}
#top>.acgMenuItem:last-of-type:hover
{
	jborder-bottom-left-radius:12px;
}

#toc
{
	position:absolute;
	left:0;
	top:0;
	jbackground-color:#1e4471;
	jbackground-color:(13,39,77);
	jborder-radius:12px;
	color:rgb(255,255,255);
	z-index:99;
	white-space:nowrap;
	text-align:left;
}
.acgMenuItem[data-id='close']
{
	width:48px;
	height:48px;
	box-sizing:border-box;
	text-align:left;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	text-align:center;
	padding:0;
}
#toc>.acgMenuItem:first-of-type
{
	jborder-top-left-radius:12px;
	jborder-top-right-radius:12px;
	border-color:#0d98be;
}
#toc>.acgMenuItem:last-of-type
{
	jborder-bottom-left-radius:12px;
	jborder-bottom-right-radius:12px;
}
/*
#toc .acgMenuItem:first-of-type:hover
{
	jbackground-color:#0a7998 !important;
	background-color:green !important;
}
*/
#toc .acgMenuItem:hover
{
	background-color:rgb(36,60,94);
	jcolor:rgb(255,255,255) !important;
}
#toc>.acgMenuItem:last-of-type:hover
{
	jborder-bottom-left-radius:12px;
}

#topPortrait>.acgMenuItem:hover
{
	background-color:rgb(232,232,232);
}

#tocPortrait
{
	position:absolute;
	left:0;
	bottom:60px;
	width:100%;
	jbackground-color:rgb(11,69,117);
	background-color:rgb(13,39,77);
	border:1px solid rgb(0,80,115);
	text-align:left;
}
#tocPortrait .acgMenuItem
{
	padding:1em;
	color:rgb(255,255,255);
	text-align:center;
}
#topPortrait > .acgMenuItem
{
	background-color:initial;
	border:0;
}

.acgMenuItem.acgMenuItemSelected
{
	background-color:rgb(242,242,242) !important;
	color:#424242 !important;
}
