<style>

  .body {

   }
   
   .all{
	   width:widows.width();
	   overflow-x:hidden;
   }
   
   .banner{
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	
}

   .banner_phone{
	   display:none;
   }
   
   .text{
	width:810px;
	height:auto;
	display:block;
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-405px;
	
	float:left;
	   
   }
   
   .text h1{
	   color:white;
	   font-family:微軟正黑體;
	   font-size:26pt;
   }
   
   .text p{
	   color:white;
	   font-family:微軟正黑體;
	   font-size:18pt;
	   line-height:40px;
   }
   
   .download{
	   width:100%;
	   height:350px;
	   position:relative;
       top:-30px;
	   
	   display:block;
	   background-color:white;

   }
   .btn{
	   width:400px;
	   position:relative;
	   left:50%;
	   margin-left:-200px;
	   top:30px;
	   z-index:90;
   }
   

   
   .download h2{
	   color:#126454;
	   font-family:微軟正黑體;
       padding-top:70px;
	   font-size:24pt;
   }
   
   .step{
	   width:100%;
	   height:auto;
	   position:relative;
	   top:30px;
	   left:0px;
	   display:block;
	   
   }
   
      .step h1{
	  font-size:18pt;
	  line-height:35px;
	  letter-spacing:2.5px;
	  
	  padding-left:15px;
	  padding-right:15px;
   }
   
       .step h2{
	  color:white;
	  font-family:微軟正黑體;
	  font-size:24pt;
	  line-height:35px;
	  letter-spacing:2.5px;
	 
   }
   
   .step_phone{
	   width:100%;
	   height:auto;
	   position:absolute;
	   top:1100px;
	   left:0px;
	   display:none;
	   
   }
   
      .step_phone h1{
	  font-size:16pt;
	  line-height:35px;
	  letter-spacing:2.5px;
	  
	  padding-left:15px;
	  padding-right:15px;
   }
   
       .step_phone h2{
	  color:white;
	  font-family:微軟正黑體;
	  font-size:24pt;
	  line-height:35px;
	  letter-spacing:2.5px;
	 
   }
   
   
   .step1{
	   width:800px;
	   position:absolute;
	   top:120px;
	   left:50%;
	   margin-left:-400px;
   }
   
      .step2{
	   width:800px;
	   position:relative;
	   top:720px;
	   left:50%;
	   margin-left:-400px;
   }
   
      .step3{
	   width:800px;
	   position:relative;
	   top:830px;
	   left:50%;
	   margin-left:-400px;
   }
 
  .banner2{
	  width:100%;
	  position:relative;
	  left:0px;
	  top:900px;
  }
  
        .step4{
	   width:800px;
	   position:relative;
	   top:1020px;
	   left:50%;
	   margin-left:-400px;
   }
   
       .null{
		display:block;
		width:100%;
		height:80px;
		position:absolute;
		top:6000px;
		left:0px;
		
	}
	
	@media only screen and (max-width:1440px){
		
		       .null{
		display:block;
		width:100%;
		height:80px;
		position:absolute;
		top:5650px;
		left:0px;
		
	}
	}


	@media only screen and (max-width:768px){
	
   .step1{
	   width:600px;
	  
	   margin-left:-300px;
   }
   
      .step2{
	   width:600px;
	   top:580px;
	   margin-left:-300px;
   }

      .step3{
	   width:600px;
	  top:650px;
	   margin-left:-300px;
   }

  .banner2{
	  top:700px;
  }

      .step4{
	   width:600px;
	  top:750px;
	   margin-left:-300px;
   }

	
	.null{
		display:block;
		width:100%;
		height:80px;
		position:absolute;
		top:4200px;
		left:0px;
		
	}
	
	
	}

   
@media only screen and (max-width:480px){
	
	.banner{
		display:none;
	}      
	
	.banner_phone{
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		left:0px;
		top:0px;
	}
	
	.text{
		width:300px;
		margin-left:-150px;
		top:50px;
	}
	
	.text h1{
		font-size:16pt;
	}
	
	.text p{
		font-size:12pt;
		line-height:30px;
	}
	
	.download{
		height:200px;
	    top:-30px;
		
	}
	
	   .download h2{
       padding-top:30px;
	   font-size:20pt;
   }
	
	.btn{
		width:250px;
	    top:10px;
		margin-left:-125px;
		z-index:99;
	}
	
	 
   .step_phone{
	   top:600px;
	   display:block;
   }
   
    .step_phone h2{
	  font-size:20pt;
	  line-height:35px;
	  letter-spacing:2.5px;
	 
   }
   
	
	   .step1{
	   width:340px;
	   top:100px;
	   margin-left:-170px;
   }
   
      .step2{
	   width:340px;
	   top:380px;
	   margin-left:-170px;
   }

      .step3{
	   width:340px;
	   top:430px;
	   margin-left:-170px;
   }
   

  .banner_phone02{
	  width:100%;
	  position:relative;
	  left:0px;
	  top:480px;
  }

         .step4{
	   width:300px;
	   top:520px;
	   margin-left:-150px;
   }
    .null{
		display:block;
		width:100%;
		height:50px;
		position:absolute;
		top:3020px;
		left:0px;
		
	}

}
	
</style>