/* CSS Document */

/* BASIC */


/* MAIN */

body {
	width: 100%;
	background-color: #F4F4F5;
	margin: 0;
	padding: 0;
}
#container {
	width: 1024px;
	margin: 0 auto;
}

/* HEADER */

.header {
	width: 100%;
	height: 427px;
	background-image: url(../img/bg01.jpg);
}
.header .download-wrapper {
	position: relative;
}
.header .download-wrapper .iphone {
	position: absolute;
	margin-top: 320px;
	margin-left: 19px;
}
.header .download-wrapper .android {
	position: absolute;
	margin-top: 321px;
	margin-left: 213px;
}
.header .qrcode-wrapper {
	position: absolute;
	margin-top: 298px;
	margin-left: 418px;
}
.header .qrcode-wrapper img{
	width: 90px;
}
.header .qrcode-wrapper2 {
	position: absolute;
	margin-top: 298px;
	margin-left: 520px;
}
.header .qrcode-wrapper2 img{
	width: 90px;
}

/*CONTENT*/

#content {
	width: 1024px;
}
#content .bg {
	margin-bottom: 2px;
}
#content #bg02, #content #bg03, #content #bg04 {
	width: 1024px;
	height: 427px;
	margin-bottom: 2px;
}
#content #bg02 {
	background-image:url(../img/bg02.jpg);	
	margin-top: 10px;
}
#content #bg03 {
	background-image:url(../img/bg03.jpg);
}
#content #bg04 {
	background-image:url(../img/bg04.jpg);
}
#footer-download {
	width: 1024px;
	height: 160px;
	background-image:url(../img/download.jpg);
}

/*FOOTER*/

#footer-download .iphone {
	position: absolute;
	margin-top: 22px;
	margin-left: 285px;
}
#footer-download .android {
	position: absolute;
	margin-top: 90px;
	margin-left: 288px;
}
#footer-download .qrcode {
	position: absolute;
	margin-top: 14px;
	margin-left: 150px;
}
#footer-download .qrcode2 {
	position: absolute;
	margin-top: 14px;
	margin-left: 25px;
}
#footer {
	width: 100%;
	height: auto;
}
#footer .text {
	width: 550px;
	font-size: 20px; 
	margin-top: 10px;
	margin-left: 260px;
	
}
#footer .logo {
	width: 220px;
	margin: 0 auto;
	margin-top: 70px;
}