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

img {display:block; margin:0 auto;}
#page{
    position: relative ;
	width : 100% ;
    height : auto ;
}

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



.section{
	   position: relative ;
	   width: 100% ;
	   height : 100% ;
	   
}

.section{
	   position: relative ;
	   width: 100% ;
	   height : 520px ;
	   
	   
    }
	
	#section1{
      height : 540px ;
    }
	
	#section2{
      height : 420px ;
    }

     

     #section4{
      height : 460px ;
    }
	


.wrapper{
	    position : absolute ;
		top : 0 ;
		width:100%;
		margin: auto ;
		height : 100% ;
		
	}
	
	
	
	
	.part{
	   position: relative ;
	   width: 100% ;
	   height: 100% ; margin-top : 0 ; 
	   overflow: hidden ;
	}
	
	.left{ 
        position : relative ;
		float: left ;
		width: 50% ;
		height : 100% ;
	  }
	  .right{ 
        position : relative ;
		float: right ;
		width: 50% ;
		height : 100% ;
	  }
	  
	   .words{
	    position : relative ;
		width : 85% ;
		margin : auto ;
		
		top : 70px ;
	  }
	  .words p{
	  
	    margin : 0 ;
		font-size : 14px ;
	  }
	
	  .words h2{
	    font-size : 24px ;
		margin: 8px auto 16px auto;
		text-align : center ;
	  }
	  
	  .words img{
	      width : 90% ; margin-top : 16px ;
	  }
	  
	 
	
	 #part1{
	     color : white ;
	     background: url('http://www.touchpal.com/en/company/phone_images/mc_bg1.jpg') ;
		 background-size : 100% 100% ;
	 }
	 
  
	  #part2{
	    
	     
		 background-color : white ;
	 }
	 
	  #section2 .left{
	     background : url(../phone_images/mc_android.jpg) no-repeat ;
		 background-size : 90% auto ;
		 background-position :20% 20% ;
	 }
	  #section2 .right{
	     background : url(../phone_images/mc_iphone.jpg) no-repeat ;
		 background-size : 90% auto ;
		 background-position : 20%  20% ;
	 }
	 .pbox{
	      position : relative ;
		  top : 340px ;
		  margin : auto ;
		  text-align : center ;
	   }
	  .pbox p{
	       margin : 0 ;
	       line-height : 22px ;
		   font-size : 16px ;
	   }
	 
	
	

	 
	 #part3{
	     color : white ;
	     
		background : url('../phone_images/mc_bg2.jpg') no-repeat  ;
		 background-size : 100% auto ;
	 }
	 #change{
	    position : absolute ;
		bottom : 0 ;
		width:100%;
		height : 200px ;
		background-color : white ;
	} 
	 
	  .arrow-left {
  background: url(../images/c_left_button.png) no-repeat ;
  background-size : 100% auto ;
  position: absolute;
  left: 2%;
  top: 46%;
  margin-top: -15px;
  width: 25px;
  height: 50px;
}
.arrow-right {
  background: url(../images/c_right_button.png) no-repeat ;
    background-size : 100% auto ;
  position: absolute;
  right: 2%;
  top: 46%;
  margin-top: -15px;
  width: 25px;
  height: 50px;
}	 
.swiper-container {
  width: 80% ;
  height: 200px;
  
  color: #fff;
  text-align: center;
}
#slide1{
  background: url('../img/1.jpg') no-repeat;
  background-size : 90% auto  ;
  background-position :center center ;
}
#slide2{
  background: url('../img/2.jpg') no-repeat;
   background-size :90% auto  ;
   background-position :center center ;
}
#slide3{
  background: url('../img/3.jpg') no-repeat;
   background-size :90% auto  ;
   background-position :center center ;
}
#slide4{
  background: url('../img/4.jpg') no-repeat;
 background-size : 90% auto  ;
 background-position :center center ;
}
#slide5{
  background: url('../img/5.jpg') no-repeat;
 background-size : 90% auto  ;
 background-position :center center ;
}
#slide6{
  background: url('../img/6.jpg') no-repeat;
   background-size :90% auto  ;
   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;
}
	 
	
	 
	
	 
	 
	
	 
	 
	 
	
	  #part4{
	     color : white ;
	     background-color : white ;
		  background : url('../phone_images/mc_bg3.jpg') no-repeat  ;
		 background-size : 100% auto ;
		
	 }
	 
	
	 
	 
	
	
	
	  
	  #footer{
	    position : absolute ;
		bottom : 0 ;
		width : 100% ;
		height : 200px ;
		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{
	     display : none ;
	 }
	
	.menu-icon{
	    position : relative ;
		
		width : 100% ;
		height : 60px ;
		padding : 0 ;
		margin-top  : 0 ;
		margin-left : 0 ;
	}
	 
	  
	.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 : 50px ;
		height  : 50px ;
	}
	
	#tw-icon{
	    background : url('../images/twitter_button.png') ;
		background-size : 100% 100% ;
		width : 50px ;
		height  : 50px ;
	}
	#gp-icon{
	    background : url('../images/googleplus_button.png') ;
		background-size : 100% 100% ;
		width : 50px ;
		height  : 50px ;
	}
	#yt-icon{
	    background : url('../images/youtube_button.png') ;
		background-size : 100% 100% ;
		width : 50px ;
		height  : 50px ;
	}
	.clear {
  clear: both;
  }