#page2 {
    background-color: #1f61a4;
}

#page2 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 1016px;
    background-image: url(../img/pages/page2/img.jpg);
    background-repeat: no-repeat;
}
#page2 .img_green {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 1016px;
    background-image: url(../img/pages/page2/img_green.jpg);
    background-repeat: no-repeat;
}
#page2 .img_purple {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 1016px;
    background-image: url(../img/pages/page2/img_purple.jpg);
    background-repeat: no-repeat;
}

#page2 .img_darkblue{
	 position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 1016px;
	background-image: url(../img/pages/page2/img_darkblue.jpg);
	background-repeat: no-repeat;
}

#page2 .img_lightgreen{
	 position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 1016px;
	background-image: url(../img/pages/page2/img_lightgreen.jpg);
	background-repeat: no-repeat;
}


.page2img{
	width:611px;
	height:723px;
	position: absolute;
	z-index: 10;
	top:162px;
	left:0;
}
.page2img_blue{
	width:626px;
	height:723px;
	position: absolute;
	z-index: 10;
	top:150px;
	left:0;
}
.page2img_darkblue{
	width:640px;
	height:583px;
	position: absolute;
	z-index: 10;
	top:150px;
	left:0;
}


.page2img_lightgreen{
	width:640px;
	height:657px;
	position: absolute;
	z-index: 10;
	top:150px;
	left:0;
}






.page2img_blue img{
	display: block;
	width:100%;
}
.page2img img{
	display: block;
	width:100%;
}
.page2img_green{
	width:625px;
	height:797px;
	position: absolute;
	z-index: 10;
	top:120px;
	left:15px;
}
.page2img_green img{
	display: block;
	width:100%;
}
.page2img_purple{
	width:640px;
	height:768px;
	position: absolute;
	z-index: 10;
	top:100px;
	left:0;
}
.page2img_purple img{
	display: block;
	width:100%;
}
.page2_button{
	display: block;
	width:147px;
	height:47px;
	left:50%;
	margin-left: -73.5px;
	position: absolute;
	/* bottom:50px ; */
	top:860px;
	z-index: 10;
}
.page2_button img{
	display: block;
	width:100%;
}
#page2 .logo {
    position: absolute;
    top: 95px;
    right: 0;
    width: 193px;
    height: 31px;
    background-image: url(../img/pages/page-home/logo.png);
    background-repeat: no-repeat;
}

#page2 .footer {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 640px;
    height: 290px;
}

#page2 .ftbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 101px;
    background: rgba(0, 0, 0, .3);
}

#page2 .ftbar .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 101px;
    background-image: url(../img/pages/page2/text.png);
    background-repeat: no-repeat;
}

#page2 .ftbar .btn-buy {
    position: absolute;
    top: 0;
    right: 0;
    width: 246px;
    height: 101px;
    background-image: url(../img/pages/share/btn-buy.png);
    background-repeat: no-repeat;
}

#page2 .blank {
    position: absolute;
    top: 101px;
    left: 0;
    width: 640px;
    height: 12px;
    background-color: #ffffff;
}

#page2 .register {
    position: absolute;
    top: 110px;
    left: 0;
    width: 640px;
    height: 177px;
    background-color: #1f61a4;
}

#page2 .register .text {
    position: absolute;
    /*top: 45px;*/
    top: 60px;
    left: 0;
    width: 640px;
    height: 56px;
    background-color: #1f61a4;
    background-image: url(../img/pages/page2/text2.png);
    background-repeat: no-repeat;
}

#page2 .bottom-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 640px;
    height: 50px;
    background-color: #bababa;
    background-image: url(../img/pages/page2/bottom-text.png);
    background-repeat: no-repeat;
}
.page2_button_iphonex{
	bottom: 29%;
}
.page2img_purple_iphonex{
	top: 150px;
}