#page-home {
    background-color: #1f61a4;
}

#page-home .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 640px;
    height: 300px;
}

#page-home .register {
    position: absolute;
    top: 100px;
    left: 0;
    width: 640px;
    height: 215px;
    background-color: #1f61a4;
    background-image: url(../img/pages/page-home/register.png);
    background-repeat: no-repeat;
}

#page-home .register .btn-details {
    position: absolute;
    top: 111px;
    left: 200px;
    width: 237px;
    height: 84px;
    /*border: 1px solid red;*/
}

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

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

#page-home .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;
}

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

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














.page1_img{
	width:640px;
	height:580px;
	position: relative;
	z-index: 10;
	top:220px;
	left:0;
}
.page1_img img{
	display: block;
	width:100%;
}
.page1_lightgreenimg{
	width:640px;
	height:625px;
	position: relative;
	z-index: 10;
	top:184px;
	left:0;
}
.page1_lightgreenimg img{
	display: block;
	width:100%;
}



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

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

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






.page_video{
	position: absolute;
	z-index: 9;
	top:26%;
	left:4.6875%;
	width:90.625%;
}
.page_video img{
	display: block;
	width:100%;
}
.page_videolightgreen{
	position: absolute;
	z-index: 9;
	top:39%;
	left:5.9375%;
	width:88.125%;
}
.icon{
	display: block;
	width:100px;
	position: absolute;
	z-index: 2;
	top:50%;
	left:50%;
	margin-top: -50px;
	margin-left: -50px;
}
.icon img{
	display: block;
	width:100%;
}
.video_mp4{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 20;
	top:0;
	left:0;
	display: none;
	
}
.video_mp4 video{
	display: block;
	width:100%;
	height:100%;
}

.page_homeimg{
	width:611px;
	height:690px;
	position: absolute;
	z-index: 10;
	top:140px;
	left:0;
}
.page_homeimg img{
	display: block;
	width:100%;
}
.page_homeimg_green{
	width:640px;
	height:696px;
	position: absolute;
	z-index: 10;
	top:140px;
	left:0;
}
.page_homeimg_green img{
	display: block;
	width:100%;
}

.page_homeimg_darkblue{
	width:487px;
	height:626px;
	position: absolute;
	z-index: 10;
	top:140px;
	left:50%;
	margin-left:-243.5px ;
}

.page_homeimg_darkblue img{
	display: block;
	width:100%;
}

.page_homeimg_lightgreen{
	width:640px;
	height:668px;
	position: absolute;
	z-index: 10;
	top:140px;
	left:0;
	margin-left:0;
}

.page_homeimg_lightgreen img{
	display: block;
	width:100%;
}

.page1_img_green{
	width:640px;
	height:579px;
	position: absolute;
	z-index: 10;
	top:220px;
	left:0;
}
.page1_img_green img{
	display: block;
	width:100%;
}

.page1_img_purple{
	width:640px;
	height:638px;
	position: absolute;
	z-index: 10;
	top:200px;
	left:0;
}
.page1_img_purple img{
	display: block;
	width:100%;
}







.page_homeimg_purple{
	width:619px;
	height:665px;
	position: absolute;
	z-index: 10;
	top:140px;
	left:20px;
}
.page_homeimg_purple img{
	display: block;
	width:100%;
}
.more_button{
	display: block;
	width:172px;
	height:47px;
	left:50%;
	margin-left: -86px;
	position: absolute;
	top:860px;
	z-index: 10;
}
.more_button img{
	display: block;
	width:100%;
}
.page1_button{
	display: block;
	width:208px;
	height:47px;
	left:50%;
	margin-left: -104px;
	position: absolute;
	top:860px;
	z-index: 10;
}
.page1_button img{
	display: block;
	width:100%;
}
#page-home .logo {
    position: absolute;
    top: 180px;
    right: 0;
    width: 193px;
    height: 31px;
    background-image: url(../img/pages/page-home/logo.png);
    background-repeat: no-repeat;
}

#page-home .play {
    position: absolute;
    top: 396px;
    left: 255px;
    width: 130px;
    height: 131px;
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
}

.page_homeiphonex{
	top: 230px;
}
.page1_button_iphonex{
	bottom: 29%;
}
.arrow-up_iphonex{
	bottom: 26%;
}