body {
	background-color: #fff;
}
#home-page-section-container {
	margin-top: 14.4rem;
}
#home-page-vip-box h3,
#home-page-refer-box h3 {
	font-size: 1.8rem;
}
#home-page-refer-box * {
	margin-bottom: 1.6rem;
}
#home-page-vip-box,
#home-page-refer-box {
	padding: 3rem 3rem 0;
}
#home-page-vip-box {
	background-color: #1a475e;
	color: #fff;
	flex-grow: 2;
    flex-basis: 9.6rem;
}
#home-page-vip-box img {
	margin-right: 3.2rem;
	position: relative;
    top: -9.6rem;
	margin-bottom: -4rem;	
    flex-shrink: 0;
    flex-grow: 0;	
}
#home-page-vip-box h3 {
	color:#fff;
	margin-bottom: .8rem;
}
#home-page-vip-box p {
	margin-bottom: 3.2rem;
}
#home-page-vip-box a {
	font-weight: 600;
}
#home-page-refer-box {
	border: 5px solid #f6f7f9;
	border-radius: 1.6rem;
	flex-grow: 1;
	flex-basis: 0;
	min-width: 200px;
	text-align:center;	
}
.home-page-top-banner {
	background: #4499ff;
    text-align: center;
}
.home-page-top-banner a:link,
.home-page-top-banner a:visited {
	color: #fff;
	display: block;
	padding: 1.6rem;
	font-weight: 600;
}

@media (max-width: 1170px) {
	#home-page-vip-box {
		flex-basis: auto;
		padding-bottom: 1.6rem;
		margin-bottom: 3.2rem;
	}
	#home-page-refer-box {
		padding: 3.2rem;
	}	
	#home-page-section-container {
		margin-bottom: 1.6rem;
	}	
}

@media (max-width: 768px) {
	#home-page-section-container {
		margin-top: 11.2rem;
	}
	#home-page-vip-box {
		text-align: center;
	}	
	#home-page-vip-box img {
		margin: 0 auto !important;
	}
	#home-page-vip-box > div {
		margin-top: -6.4rem;
		padding-bottom: 4.8rem;
	}
	#home-page-refer-box {
		margin: 3.2rem !important;
	}
}