@media only screen and (min-width: 1000px) {
	#moreList > .active {
		background-color: #222;
	}
	#moreList {
		padding: 0px;
		max-height: 0vh;
		overflow-x: auto;
		padding-right: 8px;
		list-style-type: none;
  		position: absolute;
  		margin-left: -56px;
  		min-width: 128px;
		background-color: #444;
		border-radius: 16px;
		border: 4px solid #1A7F5F;
		padding: 8px;
		transition: all 0.1s linear;
		opacity: 0.0;
		visibility: hidden;
	}
	#moreList >div {
		margin: 1px;
		margin-right: 8px;
		padding: 8px;
		border-radius: 8px;
		background-color: #444;
		transition: all 0.1s linear;
		border-right: 8px solid transparent;
		width: calc(100% - 20px);
	}
	#moreList > div > a {
		text-decoration: none;
		color: #fff;
	}
	#moreList > div:hover {
		background-color: #666;
	}
	#navigation {
		margin: 0px;
		padding: 16px 256px 16px 128px;
		border-top: 0px;
	}
	#navigation > .active{
		border-bottom: 4px solid #27c18f;
	}
	#navigation > .active:hover{
		border-bottom: 4px solid #fff;
	}
	#navigation > div {
		display: inline-block;
		margin: 0px;
		border-left: 0px;
		border-right: 0px;
	}
	#navigation > div {
		border-top: 4px solid #00000000;
		border-bottom: 4px solid #555;
	}
	#navigation > div:last-child:hover #moreList {
		opacity: 1.0;
		visibility: visible;
		display: block;
		max-height: 50vh;
	}
}