body{
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 500px) {
	footer {
		font-family: 'Gloock', serif;
		width: 100%;
		max-width: 2000px;
		margin: -96px auto 0 auto;
		overflow: auto;
		box-sizing: border-box;
		padding: 0;
		background-image: url(images/footer_bg_top.png), url(images/footer_bg.png);
		background-repeat: no-repeat;
		background-position: 35% 0%, 0% 150px;
		background-size: 230% 150px, auto 100%;
		position: relative;
		z-index: 0;
	}
	footer .wrap {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		overflow: auto;
		box-sizing: border-box;
		padding: 160px 0px 61px 0px;
	}
	footer .wrap ul {
		margin: 0;
		padding: 20px 10px;
		box-sizing: border-box;
		width: 50%;
		float: left;
	}
	footer .wrap ul li {
		list-style-type: none;
		color: white;
		text-align: center;
	}
	footer .wrap ul li.first {
		padding: 15px 0;
		display: block;
		font-size: 25px;
		color: #00d2ff;
	}
	footer .wrap ul li a {
		color: white;
		text-decoration: none;
		padding: 5px 0;
		display: block;
		font-size: 15px;
	}
	footer .wrap .note {
		width: 90%;
		margin: 0 auto;
	}
	footer .wrap .note img {
		width: 100%;
	}
	footer .wrap .pay_icons {
		width: auto;
		text-align: center;
		padding: 20px 0;
		box-sizing: border-box;
	}
	footer .wrap .pay_icons img {
		height: 50px;
		display: block;
		margin: 0 auto;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	footer {
		font-family: 'Gloock', serif;
		width: 100%;
		max-width: 2000px;
		margin: -96px auto 0 auto;
		overflow: auto;
		box-sizing: border-box;
		padding: 0;
		background-image: url(images/footer_bg_top.png), url(images/footer_bg.png);
		background-repeat: no-repeat;
		background-position: 35% 0%, 0% 150px;
		background-size: 230% 150px, auto 100%;
		position: relative;
		z-index: 0;
	}
	footer .wrap {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		overflow: auto;
		box-sizing: border-box;
		padding: 160px 0px 61px 0px;
	}
	footer .wrap ul {
		margin: 0;
		padding: 20px 10px;
		box-sizing: border-box;
		width: 50%;
		float: left;
	}
	footer .wrap ul li {
		list-style-type: none;
		color: white;
		text-align: center;
	}
	footer .wrap ul li.first {
		padding: 15px 0;
		display: block;
		font-size: 25px;
		color: #00d2ff;
	}
	footer .wrap ul li a {
		color: white;
		text-decoration: none;
		padding: 5px 0;
		display: block;
		font-size: 15px;
	}
	footer .wrap .note {
		width: 90%;
		max-width: 500px;
		margin: 0 auto;
	}
	footer .wrap .note img {
		width: 100%;
	}
	footer .wrap .pay_icons {
		width: auto;
		text-align: center;
		padding: 20px 0;
		box-sizing: border-box;
	}
	footer .wrap .pay_icons img {
		height: 50px;
		display: block;
		margin: 0 auto;
	}
}
@media screen and (min-width: 801px) {
	footer {
		font-family: 'Gloock', serif;
		width: 100%;
		max-width: 2000px;
		margin: -35px auto 0 auto;
		overflow: auto;
		box-sizing: border-box;
		padding: 0;
		background-image: url(images/footer_bg_top.png), url(images/footer_bg.png);
		background-repeat: no-repeat;
		background-position: 0% 0%, 0% 150px;
		background-size: 100% 150px, auto 100%;
		position: relative;
		z-index: 0;
	}
	footer .wrap {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		overflow: auto;
		box-sizing: border-box;
		padding: 200px 50px 50px 50px;
	}
	footer .wrap ul {
		margin: 0;
		padding: 0;
		width: 25%;
		float: left;
	}
	footer .wrap ul li {
		list-style-type: none;
		color: white;
	}
	footer .wrap ul li.first {
		padding: 15px 0;
		display: block;
		font-size: 25px;
		color: #00d2ff;
	}
	footer .wrap ul li a {
		color: white;
		text-decoration: none;
		padding: 10px 0;
		display: block;
	}
	footer .wrap .note {
		float: right;
		max-width: 500px;
		width: 50%;
	}
	footer .wrap .note img {
		width: 100%;
	}
	footer .wrap .pay_icons {
		clear: both;
		width: 100%;
	}
	footer .wrap .pay_icons img {
		height: 50px;
		display: block;
	}
}