body{
    position: relative;
}
.page { 
	background: url(../images/home_bg.png) no-repeat;
}
.page0{ 
	background-position: 50% -2px;
}
.page1{ 
	background-position: 50% -1028px; 
}
.page2{
	background-position: 50% -2054px;
}
.page3{
	background-position: 50% -3088px;
}

.page_container { 
	padding-top: 300px;  
	height: 700px; 
	/* border: 1px solid #ccc; */ 
}

.page_layer { 
	position: fixed;
	height: 100%;
	width: 100%;
    max-width: 1440px;
	color: #000; 
	text-align: center; 
	top:0px; 
	background: url(../images/layer_bg.png) top center no-repeat;
	//z-index: 2;
	-moz-opacity:0;
	opacity:0;
}

#page_layer_0 {
	background-position: 0 0;
}
#page_layer_1 {
	background-position: -100px -980px;
}
#page_layer_2 {
	background-position: 0 -2000px;
}
#page_layer_3 {
	background-position: 0 -3000px;
}


.element { 
	/*display: inline-block;*/
	position : relative;
}
.element[data-source=animate] {
	-moz-opacity : 0;
    opacity : 0;
}

.image {
	background: url(../images/home_image_bg.png) no-repeat; 
}

.text {
	background: url(../images/home_text_bg.png) no-repeat; 
	
} 

#image_0_1 { 
	width:510px;  
	height:340px; 
	background-position: 0 0;
}
#text_0_2 { 
	width:450px;  
	height:140px; 
	background-position: -60px 0; 
}
#image_0_3 { 
	width:220px;  
	height:80px; 
	background-position: -516px -65px;
	z-index: 5;
}
#text_0_4 { 
	width:220px;  
	height:30px; 
	z-index: 5;
}

#text_1_1 { 
	width:500px;  
	height:200px; 
	background-position: -560px 0; 

}
#image_1_2 { 
	width:390px;  
	height:510px; 
	background-position: -740px 0;
}

#image_2_1 { 
	width:300px;  
	height:519px; 
	background-position: 0 -348px;
}
#text_2_2 { 
	width:510px;  
	height:150px; 
	background-position: 0px -280px; 
}

#text_3_1 { 
	width:580px;  
	height:250px; 
	background-position: -560px -280px; 

}
#image_3_2 { 
	width:200px;  
	height:200px; 
	background-position: -535px -148px;
}

.arrow {
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	/*
	position: relative;
	bottom: 200px;
	*/
	position: absolute;
	bottom: 0px;

	z-index: 1002;
	display: block;
}
#arrow_btn {
	width: 50px;
	height: 50px;
	margin:0 auto;
	background: url(../images/down_arrow.png) no-repeat center top;
}

#footer {
	text-align: center;
	padding-bottom: 20px;
	line-height: 50px;
	background: #000;
	color: #636363;
}


.onepage-pagination {
	width:30px;
	right: 30px;
}
.onepage-pagination li {
	list-style: none;
}
.onepage-pagination li a{
	padding: 0;
    display: inline-block; 
    width: 12px;
    height: 12px;
    background: #fff;
    margin: 0 5px;
    text-align: center;
    font-size: 0;
    cursor: pointer;
    border-radius: 100px;
    outline: none;
}
.onepage-pagination li a::before, .onepage-pagination li a.active::before{
	background:none;
	border: none;
}
.onepage-pagination li a.active{
    background: #00CCFF;
}