
.mainBody .slide{ 
    position: relative; 
/*    width:100%; */
    height:910px; 
    overflow: hidden;
} 
  
.mainBody .slide .slideContain{ 
    height:910px; 
} 
  
.mainBody .slide img{ 
    z-index: 1;
} 
  
/*slide 1 image*/
  
.mainBody #slide1{ 
/*    background:url('../images/home/slide1_bg.jpg') center center no-repeat; */
} 
  
.mainBody #slide2{ 
    background:url('../images/home/slide2_bg.jpg') center center no-repeat; 
} 
  
.mainBody #slide3{ 
    background:url('../images/home/slide3_bg.jpg') center center no-repeat; 
} 
  
.mainBody #slide4{ 
    background:url('../images/home/slide4_bg.jpg') center center no-repeat; 
} 
  
.mainBody #slide5{ 
    background:url('../images/home/slide5_bg.jpg') center center no-repeat; 
} 
  
  
  
.mainBody #slide1 #girl{ 
    left: 106px; 
    position: absolute; 
    top: 0px; 
} 
  
.mainBody #slide1 #play_btn{ 
    position: absolute; 
    left: 288px; 
    top: 275px; 
} 
  
/*slide 2 image*/
  
  
.mainBody #slide2 #slide2_tagline{ 
    z-index: 999; 
    left: 80px; 
    top: 290px; 
    opacity: 1;
    display: none;
} 
.mainBody #slide2 #slide2_bird1{ 
    z-index: 999; 
    left: 85px; 
    top: 594px; 
} 
.mainBody #slide2 #slide2_bird2{ 
    z-index: 999; 
    left: 286px; 
    top: 540px; 
} 

.mainBody #slide2 #soundBtn{
	z-index: 999;
	left: 1052px;
	top: 200px;
}

.mainBody #slide2 #btnSoundText{
	z-index: 999;
	left: 1169px;
	top: 226px;
}


.mainBody #circleMask{
	position: relative;
	display: block;
	width: 573px;
	height: 575px;
	left: 615px;
	top: 159px;
	overflow: hidden;
}

.mainBody #circleContainer1{
	position: absolute;
	display: block;
	width: 573px;
	height: 575px;
	left:0;
	top:0;
}

.mainBody #circleContainer2{
	position: absolute;
	display: block;
	width: 573px;
	height: 575px;
	left:0;
	top:800px;
}

.mainBody #circleContainer3{
	position: absolute;
	display: block;
	width: 573px;
	height: 575px;
	left:0;
	top:800px;
}


.mainBody .outerCircle{ 
	left: 0;
	top: 0;
    z-index: 1; 
} 
  
.mainBody .innerCircle{ 
	left: 26px;
	top: 28px;
    z-index: 1; 
} 
  
.mainBody .raindrop{ 
	left: 40px;
	top: 41px;
/*	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;*/
	z-index: 1;
} 



  
.mainBody #leftArrow{ 
    top: 422px; 
    left: 561px; 
    z-index: 0; 
    background-image: url('../images/home/slide2_arrow_left.png');
    width: 57px;
    height: 60px;
    cursor: pointer;

} 
  
.mainBody #rightArrow{ 
    top: 422px;
    left: 1184px;
    z-index: 0;
    background-image: url('../images/home/slide2_arrow_right.png');
    width: 56px;
    height: 60px;
    background-position: 58px;
    cursor: pointer;

} 
  
/*slide3*/
.mainBody #slide3 #birdSing{
    top: 170px;
    left: 447px;
    display: none;
}

.mainBody #slide3 #girl1{
top: 300px;
left: 30px;
display: none;
}

.mainBody #slide3 #girl2{
top: 300px;
left: 880px;
display: none;
    }


.mainBody #slide3 #tagline1{
top: 132px;
left: 10px;
    opacity: 1;
display: none;
}

.mainBody #slide3 #tagline2{
top: 260px;
left: 60px;
display: none;
}

.mainBody #slide3 #tagline3{
left: 949px;
top: 261px;
display: none;
}

.mainBody #slide3 #tryme{
    top: 620px;
    left: 520px;
}

.mainBody #slide3 #bigButton{
    top: 660px;
    left: 310px;
    cursor: pointer;
}

.mainBody #slide3 #bigButton2{
    top: 660px;
    left: 676px;
    cursor: pointer;
}
.mainBody #slide3 #shadow{
    top: 485px;
    left: 492px;
}

.mainBody #slide3 #girl1_blow{
    top: 466px;
    left: 213px;
    display: none;
}

.mainBody #slide3 #girl2_blow{
    top: 482px;
    left: 1007px;
        display: none;
}



/*slide 4*/

.mainBody #slide4 #stair{
     top: 525px;
    left: 12px;
}

.mainBody #slide4 #slide4tagline{
    top: 150px;
    left: 30px;

    opacity: 1;
display: none;
}

.mainBody #slide4 #bird1{
    top: 650px;
    left: 10px;
}

.mainBody #slide4 #bird2{
top: 650px;
left: 260px;
}

.mainBody #slide4 #bird3{
top: 650px;
left: 510px;
}

.mainBody #slide4 #bird4{
top: 650px;
left: 760px;
}

.mainBody #slide4 #bird5{
top: 650px;
left: 970px;
}

.mainBody #slide4 #bird6{
top: 500px;
left: 180px;
}

.mainBody #slide4 #bird7{
top: 500px;
left: 420px;
}

.mainBody #slide4 #bird8{
top: 500px;
left: 660px;
}

.mainBody #slide4 #bird9{
top: 500px;
left: 900px;
}

.mainBody #slide4 #bird10{
top: 378px;
left: 282px;
}

.mainBody #slide4 #bird11{
top: 378px;
left: 512px;
}

.mainBody #slide4 #bird12{
top: 378px;
left: 742px;
}


/*slide5*/

.mainBody #slide5 #ipad{
    top: 220px;
    left: 660px;
}

.mainBody #slide5 #iphone{
    top: 1384px;
    left: 70px;
}

.mainBody #slide5 #slide5tagline{
    top: 160px;
    left: 10px;
    opacity: 1;
    display: none;
}

.mainBody #slide5 #ipadAnimation{
    right: 187px;
top: 270px;
position: absolute;
}



/*for mobile version*/

#mobContainer .mainBody #slide1{ 
    background:url('../images/mobile_image/home/bg01.jpg') top center repeat; 
} 
  
#mobContainer #slide2{ 
    background:url('../images/mobile_image/home/white-bg.jpg') top center repeat; 
} 
  
#mobContainer .mainBody #slide3{ 
    background:url('../images/mobile_image/home/bg02.jpg') top center repeat; 
} 
  
#mobContainer .mainBody #slide4{ 
    background:url('../images/mobile_image/home/bg03.jpg') top center repeat; 
} 
  
#mobContainer .mainBody #slide5{ 
    background:url('../images/mobile_image/home/bg05.html') top center repeat; 
} 

#mobContainer .mainBody #slide1 img{ 
top: 1000px;
margin: 0 auto;
left: 50px;
position: relative;
}

#mobContainer  .slide{
    width: 100%;
    height:1385px;
}

#mobContainer #slide2{
padding: 40px 30px 100px 30px;
}

#mobContainer #slide2 > *{
    float: left;
}

#mobContainer #slide2 > .appDescContainer{
    width: 540px;
    margin-left: 40px;

}

#mobContainer #slide2 .GothamRounded-Bold{
    font-size: 60px;
}

#mobContainer #slide2 .GothamRounded-Book{
    font-size: 35px;
    line-height: 48px;
    margin-top: 10px;
}


#mobContainer .mobappsinstall{
height: 294px;
z-index: 101;
position: relative;
}

#mobContainer .mobappsinstall img{
    margin-left: 15px;
}

button.close{
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
margin-top: 130px;
}
.close {
float: right;
font-size: 51px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
}



#mobContainer  .mainBody #slide3 #tagline1 {
top: 0px;
left: 0px;
opacity: 1;
display: block;
margin: 261px auto 0 auto;
}

#mobContainer .mainBody #slide3 #birdSing {
top: 0px;
left: 0px;
 display: block; 
margin: 0 auto;
}

#mobContainer .mainBody #slide4 * {
    display: block;
    margin: 0 auto;
}


#mobContainer .mainBody #slide4 #tagline2{
width: 560px;
top: 70px;
z-index: 10;
left: 190px;

}

#mobContainer .mainBody #slide4 #girl1{
margin-top: 70px;
}

#mobContainer .mainBody #slide4 #girl2{
margin-top: 30px;
}


#mobContainer .mainBody #slide4 #tagline3{
width: 560px;
top: 830px;
z-index: 10;
left: 290px;
}


  
  
