html {
	font-size: 52.5%;
}

body {
	font-size: 1.6rem; /* =16px */
}

.header-div {
	height: 125px;
}

.header {
	text-align: center;
}

.header h1 {
	font-size: 200%;
	color: #333;
	margin-top: 30px;
}

.header p {
	font-size: 14px;
}

.head-bg {
	position: absolute;
	z-index: -999999;
	width: 100%;
	height: 125px;
}

.head-bg-div {
	position: absolute;
	z-index: -999999;
	width: 100%;
	height: 125px;
}

.head-yellow {
	margin-top: 35px;
}

.head-yellow-pic {
	z-index: 2;
	position: relative;
	width: 100%;
	max-width: 200px;
	height: 85px;
}

.head-yellow-div {
	z-index: 2;
	width: 100%;
	position: relative;
}

.head-yellow-div1 {
	z-index: 2;
	width: 23%;
	position: absolute;
	margin-left: 10%;
}

.head-yellow-text {
	position: absolute;
	z-index: 2;
	left: 23%;
	top: 15%;
	text-align: center;
}

.function-item {
	background-color: #eff1f2;
	max-width: 100%;
}

.function-item-list {
	width: 95%;
	margin: auto;
}

.function-item-a {
	margin-left: 20px !important;
	padding-right: 20px !important;
}

.function-item-number {
	float: right;
}

.day-style {
	font-size: 18px
}

.date-style {
	color: #fff;
}

.statistics-style {
	font-size: 20px;
	color: #0e90d2;
}

.navbar {
	background-color: #fff !important;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	border-style: groove none none none;
	border-top-width: 1px;
}

.navbar-a-active {
	color: #4f8aed !important;
}

.navbar-a {
	color: #a6a6a6 !important;
}