html,body{
    margin: 0 ;
    height:auto;
	width : 100% ;
	position : absolute ;
}
#page{
    position: relative ;
	width : 100% ;
    height : 100% ;
}

#content{
    position: relative ;
	width : 100% ;
    height : 100% ;
}

.mm-page{
    position: relative ;
	width : 100% ;
   height : auto ;
}

.section{
	   position: relative ;
	   width: 100% ;
	   height : 100% ;
	   -webkit-transition:  1s all ;transition:  1s all ; 
}


.wrapper{
	    position : absolute  ;
		width:100%;
		margin: auto ;
		height : 100% ;
		top : 0 ;
	}
	
	
	
	.part{
	   position: relative ;
	   width: 100% ;
	   height: 100% ;top : 0 ; 
	   overflow: hidden ;
	}
	
	 .left{ 
        position : relative ;
		float: left ;
		width: 50% ;
		height : 100% ;
	  }
	  .right{ 
        position : relative ;
		float: right ;
		width: 50% ;
		height : 100% ;
	  }
	  
	  #section2 .wrapper{
	      position : relative ;
		width:70%;
		margin: auto ;
		height : 100% ;
	  }
	  
	 #section2 .left{
	     background : url(../images/c_aphone.png) no-repeat ;
		 background-size : 60% auto ;
		 background-position :center center ;
	 }
	  #section2 .right{
	     background : url(../images/c_iphone.png) no-repeat ;
		 background-size : 60% auto ;
		 background-position : center  center ;
	 }
	   
	   .pbox{
	      position : relative ;
		  top : 84% ;
		  margin : auto ;
		  text-align : center ;
	   }
	   /*
	   .left .pbox{
	       margin-left : 70% ;
	   }
	   
	   .right .pbox{
	       margin-left : 30% ;
	   }
	   */
	   
	   
	   
	   .pbox p{
	       margin : 0 ;
	       line-height : 24px ;
		   font-size : 16px ;
	   }
	  
	   .words{
	    position : relative ;
		top : 22% ;
		width : 60% ;
		left : 20% ;
		
		color : white ;
	  }
	  .words h2{
	      text-align : center ;
		   font-size : 36px ;
	  }
	  
	  .words p{
	    font-size : 20px ;
		
		margin: 10px auto;
	  }
	  
	  .words img{
	      width : 70% ; margin-top : 30px ;
	  }
	  
	  #section4 .words{
	    position : relative ;
		top : 20% ;
		width : 70% ;
		height : 50% ;
		left : 15% ;
		color : white ;
		text-align:center;
	  }
	  
	  #section1{
	      background : url('../images/c_bg1.jpg') no-repeat  ;
		  background-size : auto 100% ;
		  background-position: center;
	  }
	  
	  #section2{
	      background-color : white ;
	  }
	  #section3{
	     background-color : white ;
	     background : url('../images/c_bg2.jpg') no-repeat  ;
		 background-size : auto 100%;
		 background-position: center;
	  }
	  #section4{
	      background-color : white ;
		  background : url('../images/c_bg3.jpg') no-repeat  ;
		 background-size : auto 100%;
	  }
	   #section5{
	      background-color : purple ;
	  }
	  
	
	
	  .words h1{
	    font-size : 40px ;
		margin: 8px auto 24px auto;
	  }
	  
	  .upup{
	    -webkit-transition:  1s all ;transition:  1s all ; -webkit-transition-delay : .6s ;
	}
	
	#change{
	    position : absolute ;
		bottom : 0% ;
		width:100%;
		height : 250px ;
		background-color : white ;
	} 
 .arrow-left {
  background: url(../images/c_left_button.png) no-repeat ;
  background-size : 100% auto ;
  position: absolute;
  left: 13%;
  top: 48%;
  margin-top: -15px;
  width: 30px;
  height: 60px;
}
.arrow-right {
  background: url(../images/c_right_button.png) no-repeat ;
    background-size : 100% auto ;
  position: absolute;
  right: 13%;
  top: 48%;
  margin-top: -15px;
  width: 30px;
  height: 60px;
}	 
.swiper-container {
  width: 60% ;
  height: 150px;
  margin-top : 50px ;
  color: #fff;
  text-align: center;
}
#slide1{
  background: url('../img/1.jpg') no-repeat;
  background-size : auto 85%  ;
  background-position :center center ;
}
#slide2{
  background: url('../img/2.jpg') no-repeat;
  background-size : auto 85%  ;
   background-position :center center ;
}
#slide3{
  background: url('../img/3.jpg') no-repeat;
   background-size : auto 85%  ;
   background-position :center center ;
}
#slide4{
  background: url('../img/4.jpg') no-repeat;
 background-size : auto 85%  ;
 background-position :center center ;
}
#slide5{
  background: url('../img/5.jpg') no-repeat;
background-size : auto 85%  ;
 background-position :center center ;
}
#slide6{
  background: url('../img/6.jpg') no-repeat;
background-size : auto 85%  ;
   background-position :center center ;
}


.pagination {
  position: absolute;
  z-index: 20;
  left: 50px;
  bottom: 4px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
	 
	 #back6{
	   position: fixed  ;
	   width: 100% ;
	   height: 100% ; 
	   bottom : 0 ;
	   background : url('http://www.touchpal.com/en/company/images/an_bg2.jpg') no-repeat  ;
	   background-size : 100% auto ;
	   background-position : bottom center ;
	}
	
	#part6 h1{
	    position : relative ;
	    margin : auto ;
		top : 30% ;
		font-size : 48px ;
		text-align : center ;
		color : white ;
	}
	
	 .smallBox{
	   position : relative ;
	   margin : auto ;
	   top : 35% ;
	   width : 15% ;
	   height : 200px;
	}
	
	  
	
	  #button2{
	    position : absolute ;
		
		
		width : 100%  ;
		height :100% ;
		background: url('http://www.touchpal.com/en/company/images/googleplay_button.png') no-repeat ;
		background-size : 100% auto ;
	  }
	  
	  #footer{
	    position : absolute ;
		bottom : 0 ;
		width : 100% ;
		height : 150px ;
		background-color : rgba(238,238,238,1) ;
		
	}
	
	.foot-wrap{
	   margin-top : 10px ;
	   
	}
	
	 .line{
	      
	      position : relative ;
		  top: 10px ;
		  width : 100% ;
		  height : 1px ;
		   border-top:1px solid rgb(0,0,0) ;
	 }
	 
	 .bottomLine{
	     top: -10px ;
	 }
	 
	  .footer-nav1{
		     display : none ;
		 }
	.menu{
	    position : relative ;
		float : left ;
		width : 60% ;
		height : 30px ;
		padding : 0 ;
		margin-top  : 0 ;
		margin-left : 0 ;
	}
	.sep{
	    position : relative ;
		float : left ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-right : 25px;
		margin-left : 0 ;
	}
	
	
	 .li-item-left{
	    position : relative ;
		float : left ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-right : 25px;
		margin-left : 0 ;
		color : black ;
		padding-right : 25px ;
		border-right:2px solid #bcbcbc;
		
	}
	
	.li-item-left a {
	   color : black ;
	 
	}
	.li-item-right{
	    position : relative ;
		float : right ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-right : 0px;
		margin-left : 25px ;
		
	}
	
	.footer-nav1 ul{
	    border-bottom:1px solid black;
	}
	
	.footer-nav1 .li-item-right{
	    position : relative ;
		float : left  ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-left  : 14% ;
		
		
	}
	
	.footer-nav1 .lastOne{
	    position : relative ;
	    float: right ;
		margin-left : 0  ;
		margin-right : 0  ;
	}
	
	.footer-nav1 .firstOne{
	    position : relative ;
	    float: left ;
		margin-left : 0  ;
		margin-right : 0  ;
	}
	
	#fb-icon{
	    background : url('../images/facebook_button.png') ;
		background-size : 100% 100% ;
		width : 30px ;
		height  : 30px ;
	}
	
	#tw-icon{
	    background : url('../images/twitter_button.png') ;
		background-size : 100% 100% ;
		width : 30px ;
		height  : 30px ;
	}
	#gp-icon{
	    background : url('../images/googleplus_button.png') ;
		background-size : 100% 100% ;
		width : 30px ;
		height  : 30px ;
	}
	#yt-icon{
	    background : url('../images/youtube_button.png') ;
		background-size : 100% 100% ;
		width : 30px ;
		height  : 30px ;
	}
	.clear {
  clear: both;
  }