body, html{
    height: 100%;
}
.top-top{
	width: auto;
	height: 150px;
	background: linear-gradient(to right,#003366,#226da2);
	padding: 1.45rem 0 0 1.75rem;
	position: relative;
	z-index: 1;
}
.top-top:after{
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/dataonline/top-top-bgpic2.png') no-repeat;
	width: 100%;
	height: 100%;
}
.top-text{
	float: right;
	margin-right: 1.5rem;
	color: #fff;
	margin-top: -0.55rem;
	position: relative;
	z-index: 2;
}
.contents{
    height: calc(100% - 198px);
    overflow: auto;
}
.user{
	color: #fcff17;
	text-decoration: none;
	margin-right: 0.25rem;
}
.user:hover{
	color: #fcff17;
	text-decoration: underline;
	cursor: pointer;
}
.top-address{
	color: #FFFFFF;
	text-decoration: none;
}
.top-address:hover{
	color: #fcff17;
	cursor: pointer;
}
.top-logo{
	position: relative;
	z-index: 3;
}
.top-nav{
	margin-top: 1.2rem;
	position: relative;
	z-index: 2;
	
}
.top-nav li button{
	color: #fff;
	position: relative;
	z-index: 3;
}
.top-nav li button:hover{
	color: #F1F1F1;
	border: none; !important
}
.top-nav li button a{
	color: #FFFFFF;
	text-decoration: none;
}
.top-nav li button a:hover{
	text-decoration: underline;
	cursor: pointer;
}