#page3 {
    background-color: #10ad9f;
}

#page3 .footer {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 640px;
    height: 300px;
}

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

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

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

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

#page3 .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;
}
#page3 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 1016px;
    background-image: url(../img/pages/page2/img.jpg);
    background-repeat: no-repeat;
}
#page3 .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;
}
#page3 .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;
}


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

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







/*
#page3 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 640px;
    height: 885px;
}
 */
.page3_top{
	width:640px;
	height:650px;
	position: relative;

	margin-top: 253px;
}
.page3_text{
	width:578px;
	height:115px;
	margin:0 auto;
}
.page3_text img{
	display: block;
	width:100%;
}

.page3_darkbluetext{
	width:585px;
	height:122px;
	margin:0 auto;
}
.page3_darkbluetext img{
	display: block;
	width:100%;
}

.page3_lightgreentext{
	width:584px;
	height:116px;
	margin:0 auto;
}
.page3_lightgreentext img{
	display: block;
	width:100%;
}




.page3_button{
	display: block;
	width:279px;
	height:58px;
	margin:32px auto 178px;
	
}
.page3_button img{
	display: block;
	width:100%;
}
.page3_logo{
	width:158px;
	height:88px;
	margin: 0 auto;
}
.page3_logo img{
	display: block;
	width:100%;
}
.page3_bot{
	width:640px;
	height:194px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left:0;
}
.page3_bot img{
	display: block;
	width:100%;
}


.page3_darkbluebot{
	width:640px;
	height:211px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left:0;
}

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


.page3_lightgreenbot{
	width:640px;
	height:146px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left:0;
}

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


#page3 .logo {
    position: absolute;
    top: 95px;
    right: 0;
    width: 193px;
    height: 31px;
    background-image: url(../img/pages/page-home/logo.png);
    background-repeat: no-repeat;
}

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