html, body {
		  height: 100%;
		  margin: 0;
		  padding: 0px;
		}
		.banner01{
			background-image: url('../assets/01.jpg');
			background-size: 100%;
			background-repeat: no-repeat;
			width: 100%;
			height: 62.5rem;
		}
			
		.banner02{
			background-image: url('../assets/02.jpg');
			background-size: 100%;
			background-repeat: no-repeat;
			width: 100%;
			height: 54.3125rem;
		}	
		
		.banner03{
			background-image: url('../assets/03.jpg');
			background-size: 100%;
			background-repeat: no-repeat;
			width: 100%;
			height: 50rem;
		}	
		
		.banner04{
			background-image: url('../assets/bottom.png');
			background-size: 100%;
			background-repeat: no-repeat;
			width: 100%;
			height: 6.3125rem;
		}
		
		.top1{
			height: 700px;
		}
		
		.b1_row1{
			margin: 0px auto;
			width: 500px;
		}
		
		.b1_col1{
			float: left;
		}
		.b1_col2{
			float: left;
		}
		
		.b1_and{
			display: block;
			margin-top: 20px;
		}
		
		.b1_ios{
			display: block;
		}
		
		.b1_qr{
			display: block;
		}
		
		.top2{
			height: 600px;
		}
		
		.b2_row2{
			width: 500px;
			float: right;
			margin-right: 300px;
		}
		
		.top3{
			height: 480px;
		}
		
		.b3_row3{
			width: 500px;
			float: right;
			margin-right: 300px;
		}
		
		
			@media screen and (max-width: 1860px) {
		.banner01{
					background-image: url('../assets/01.jpg');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height: 56.25rem;
				}
					
				.banner02{
					background-image: url('../assets/02.jpg');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height: 48.9375rem;
				}	
				
				.banner03{
					background-image: url('../assets/03.jpg');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height: 45rem;
				}	
				
				.banner04{
					background-image: url('../assets/bottom.png');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height:5.75rem;
				}
				
				.top1{
					height: 600px;
				}
				
				.b1_row1{
					margin: 0px auto;
					width: 389px;
				}
				
				.b1_col1{
					float: left;
				}
				.b1_col2{
					float: left;
				}
				
				.b1_and{
					display: block;
					height: 80px;
					margin-top: 20px;
				}
				
				.b1_ios{
					height: 80px;
					display: block;
				}
				
				.b1_qr{
					height: 180px;
					display: block;
				}
				
				.top2{
					height: 540px;
				}
				
				.b2_row2{
					width: 500px;
					float: right;
					margin-right: 240px;
				}
				
				.top3{
					height: 430px;
				}
				
				.b3_row3{
					width: 500px;
					float: right;
					margin-right: 240px;
				}
			}
		@media screen and (max-width: 1665px) {
		.banner01{
					background-image: url('../assets/01.jpg');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height:47.5625rem;
				}
					
				.banner02{
					background-image: url('../assets/02.jpg');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height: 41.375rem;
				}	
				
				.banner03{
					background-image: url('../assets/03.jpg');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height: 608px;
				}	
				
				.banner04{
					background-image: url('../assets/bottom.png');
					background-size: 100%;
					background-repeat: no-repeat;
					width: 100%;
					height:5.0625rem;
				}
				
				.top1{
					height: 450px;
				}
				
				.b1_row1{
					margin: 0px auto;
					width: 349px;
				}
				
				.b1_col1{
					float: left;
				}
				.b1_col2{
					float: left;
				}
				
				.b1_and{
					display: block;
					height: 70px;
					margin-top: 20px;
				}
				
				.b1_ios{
					height: 70px;
					display: block;
				}
				
				.b1_qr{
					height: 160px;
					display: block;
				}
				
				.top2{
					height: 470px;
				}
				
				.b2_row2{
					width: 500px;
					float: right;
					margin-right: 100px;
				}
				
				.top3{
					height: 390px;
				}
				
				.b3_row3{
					width: 500px;
					float: right;
					margin-right: 100px;
				}
			}
		
				
				
			@media screen and (max-width: 1470px) {
			.banner01{
						background-image: url('../assets/01.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:46rem;
					}
						
					.banner02{
						background-image: url('../assets/02.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height: 39.8125rem;
					}	
					
					.banner03{
						background-image: url('../assets/03.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height: 36.4375rem;
					}	
					
					.banner04{
						background-image: url('../assets/bottom.png');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:4.1875rem;
					}
					
					.top1{
						height: 450px;
					}
					
					.b1_row1{
						margin: 0px auto;
						width: 349px;
					}
					
					.b1_col1{
						float: left;
					}
					.b1_col2{
						float: left;
					}
					
					.b1_and{
						display: block;
						height: 70px;
						margin-top: 20px;
					}
					
					.b1_ios{
						height: 70px;
						display: block;
					}
					
					.b1_qr{
						height: 160px;
						display: block;
					}
					
					.top2{
						height: 420px;
					}
					
					.b2_row2{
						width: 500px;
						float: right;
						margin-right: 100px;
					}
					
					.top3{
						height: 350px;
					}
					
					.b3_row3{
						width: 500px;
						float: right;
						margin-right: 100px;
					}
				}
			
			
			@media screen and (max-width: 1350px) {
			.banner01{
						background-image: url('../assets/01.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:38.4375rem;
					}
						
					.banner02{
						background-image: url('../assets/02.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height: 536px;
					}	
					
					.banner03{
						background-image: url('../assets/03.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height: 30.75rem;
					}	
					
					.banner04{
						background-image: url('../assets/bottom.png');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:4rem;
					}
					
					.top1{
						height: 380px;
					}
					
					.b1_row1{
						margin: 0px auto;
						width: 18.75rem;
					}
					
					.b1_col1{
						float: left;
					}
					.b1_col2{
						float: left;
					}
					
					.b1_and{
						display: block;
						height: 60px;
						margin-top: 20px;
					}
					
					.b1_ios{
						height: 60px;
						display: block;
					}
					
					.b1_qr{
						height: 140px;
						display: block;
					}
					
					.top2{
						height: 380px;
					}
					
					.b2_row2{
						width: 300px;
						float: right;
						margin-right:  200px;
					}
					
					.top3{
						height: 300px;
					}
					
					.b3_row3{
						width: 300px;
						float: right;
						margin-right: 200px;
					}
				}
			
				@media screen and (max-width: 1185px) {
				.banner01{
							background-image: url('../assets/01.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:33.5rem;
						}
							
						.banner02{
							background-image: url('../assets/02.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height: 29.375rem;
						}	
						
						.banner03{
							background-image: url('../assets/03.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height: 27rem;
						}	
						
						.banner04{
							background-image: url('../assets/bottom.png');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:57px;
						}
						
						.top1{
							height: 340px;
						}
						
						.b1_row1{
							margin: 0px auto;
							width: 15.4375rem;
						}
						
						.b1_col1{
							float: left;
						}
						.b1_col2{
							float: left;
						}
						
						.b1_and{
							display: block;
							height: 50px;
							margin-top: 10px;
						}
						
						.b1_ios{
							height: 50px;
							display: block;
						}
						
						.b1_qr{
							height: 110px;
							display: block;
						}
						
						.top2{
							height: 340px;
						}
						
						.b2_row2{
							width: 247px;
							float: right;
							margin-right:  180px;
						}
						
						.top3{
							height: 270px;
						}
						
						.b3_row3{
							width: 247px;
							float: right;
							margin-right: 180px;
						}
					}
				
				
				
				@media screen and (max-width: 1035px) {
				.banner01{
							background-image: url('../assets/01.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:29.625rem;
						}
							
						.banner02{
							background-image: url('../assets/02.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:25.8125rem;
						}	
						
						.banner03{
							background-image: url('../assets/03.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height: 23.75rem;
						}	
						
						.banner04{
							background-image: url('../assets/bottom.png');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:3.1875rem;
						}
						
						.top1{
							height: 320px;
						}
						
						.b1_row1{
							margin: 0px auto;
							width: 13.75rem;
						}
						
						.b1_col1{
							float: left;
						}
						.b1_col2{
							float: left;
						}
						
						.b1_and{
							display: block;
							height: 45px;
							margin-top: 10px;
						}
						
						.b1_ios{
							height: 45px;
							display: block;
						}
						
						.b1_qr{
							height: 100px;
							display: block;
						}
						
						.top2{
							height: 300px;
						}
						
						.b2_row2{
							width: 220px;
							float: right;
							margin-right:  160px;
						}
						
						.top3{
							height: 240px;
						}
						
						.b3_row3{
							width: 220px;
							float: right;
							margin-right: 160px;
						}
					}
										
										@media screen and (max-width: 915px) {
										.banner01{
													background-image: url('../assets/01.jpg');
													background-size: 100%;
													background-repeat: no-repeat;
													width: 100%;
													height:26.25rem;
												}
													
												.banner02{
													background-image: url('../assets/02.jpg');
													background-size: 100%;
													background-repeat: no-repeat;
													width: 100%;
													height:22.9375rem;
												}	
												
												.banner03{
													background-image: url('../assets/02.jpg');
													background-size: 100%;
													background-repeat: no-repeat;
													width: 100%;
													height: 21.25rem;
												}	
												
												.banner04{
													background-image: url('../assets/bottom.png');
													background-size: 100%;
													background-repeat: no-repeat;
													width: 100%;
													height:2.8125rem;
												}
												
												.top1{
													height: 290px;
												}
												
												.b1_row1{
													margin: 0px auto;
													width: 12.5rem;
												}
												
												.b1_col1{
													float: left;
												}
												.b1_col2{
													float: left;
												}
												
												.b1_and{
													display: block;
													height: 40px;
													margin-top: 10px;
												}
												
												.b1_ios{
													height: 40px;
													display: block;
												}
												
												.b1_qr{
													height: 90px;
													display: block;
												}
												
												.top2{
													height: 260px;
												}
												
												.b2_row2{
													width: 200px;
													float: right;
													margin-right:  140px;
												}
												
												.top3{
													height: 210px;
												}
												
												.b3_row3{
													width: 200px;
													float: right;
													margin-right: 140px;
												}
											}
										
									@media screen and (max-width: 800px) {
									.banner01{
												background-image: url('../assets/01.jpg');
												background-size: 100%;
												background-repeat: no-repeat;
												width: 100%;
												height:23rem;
											}
												
											.banner02{
												background-image: url('../assets/02.jpg');
												background-size: 100%;
												background-repeat: no-repeat;
												width: 100%;
												height:20.1875rem;
											}	
											
											.banner03{
												background-image: url('../assets/03.jpg');
												background-size: 100%;
												background-repeat: no-repeat;
												width: 100%;
												height: 18.25rem;
											}	
											
											.banner04{
												background-image: url('../assets/bottom.png');
												background-size: 100%;
												background-repeat: no-repeat;
												width: 100%;
												height:2.4375rem;
											}
											
											.top1{
												height: 240px;
											}
											
											.b1_row1{
												margin: 0px auto;
												width: 10.875rem;
											}
											
											.b1_col1{
												float: left;
											}
											.b1_col2{
												float: left;
											}
											
											.b1_and{
												display: block;
												height: 35px;
												margin-top: 10px;
											}
											
											.b1_ios{
												height: 35px;
												display: block;
											}
											
											.b1_qr{
												height: 80px;
												display: block;
											}
											
											.top2{
												height: 230px;
											}
											
											.b2_row2{
												width: 174px;
												float: right;
												margin-right:  120px;
											}
											
											.top3{
												height: 180px;
											}
											
											.b3_row3{
												width: 174px;
												float: right;
												margin-right: 120px;
											}
										}
									
																															
																															
																															@media screen and (max-width: 715px) {
																															.banner01{
																																		background-image: url('../assets/01.jpg');
																																		background-size: 100%;
																																		background-repeat: no-repeat;
																																		width: 100%;
																																		height:19.6875rem;
																																	}
																																		
																																	.banner02{
																																		background-image: url('../assets/02.jpg');
																																		background-size: 100%;
																																		background-repeat: no-repeat;
																																		width: 100%;
																																		height:290px;
																																	}	
																																	
																																	.banner03{
																																		background-image: url('../assets/03.jpg');
																																		background-size: 100%;
																																		background-repeat: no-repeat;
																																		width: 100%;
																																		height: 15.8125rem;
																																	}	
																																	
																																	.banner04{
																																		background-image: url('../assets/bottom.png');
																																		background-size: 100%;
																																		background-repeat: no-repeat;
																																		width: 100%;
																																		height:2.1875rem;
																																	}
																																	
																																	.top1{
																																		height: 230px;
																																	}
																																	
																																	.b1_row1{
																																		margin: 0px auto;
																																		width: 9.4375rem;
																																	}
																																	
																																	.b1_col1{
																																		float: left;
																																	}
																																	.b1_col2{
																																		float: left;
																																	}
																																	
																																	.b1_and{
																																		display: block;
																																		height: 30px;
																																		margin-top: 10px;
																																	}
																																	
																																	.b1_ios{
																																		height: 30px;
																																		display: block;
																																	}
																																	
																																	.b1_qr{
																																		height: 70px;
																																		display: block;
																																	}
																																	
																																	.top2{
																																		height: 205px;
																																	}
																																	
																																	.b2_row2{
																																		width: 151px;
																																		float: right;
																																		margin-right:  100px;
																																	}
																																	
																																	.top3{
																																		height: 160px;
																																	}
																																	
																																	.b3_row3{
																																		width: 151px;
																																		float: right;
																																		margin-right: 100px;
																																	}
																																}
			@media screen and (max-width: 618px) {
			.banner01{
						background-image: url('../assets/01.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:18.125rem;
					}
						
					.banner02{
						background-image: url('../assets/02.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:15.625rem;
					}	
					
					.banner03{
						background-image: url('../assets/03.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height: 14.4375rem;
					}	
					
					.banner04{
						background-image: url('../assets/bottom.png');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:2.1875rem;
					}
					
					.top1{
						height: 200px;
					}
					
					.b1_row1{
						margin: 0px auto;
						width: 7.625rem;
					}
					
					.b1_col1{
						float: left;
					}
					.b1_col2{
						float: left;
					}
					
					.b1_and{
						display: block;
						height: 25px;
						margin-top: 5px;
					}
					
					.b1_ios{
						height: 25px;
						display: block;
					}
					
					.b1_qr{
						height: 55px;
						display: block;
					}
					
					.top2{
						height: 185px;
					}
					
					.b2_row2{
						width: 122px;
						float: right;
						margin-right:  100px;
					}
					
					.top3{
						height: 150px;
					}
					
					.b3_row3{
						width: 122px;
						float: right;
						margin-right: 100px;
					}
				}
									
																																
																																
				
				@media screen and (max-width: 540px) {
				.banner01{
							background-image: url('../assets/01.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:16.375rem;
						}
							
						.banner02{
							background-image: url('../assets/02.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:14.375rem;
						}	
						
						.banner03{
							background-image: url('../assets/03.jpg');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height: 13.125rem;
						}	
						
						.banner04{
							background-image: url('../assets/bottom.png');
							background-size: 100%;
							background-repeat: no-repeat;
							width: 100%;
							height:1.9375rem;
						}
						
						.top1{
							height: 170px;
						}
						
						.b1_row1{
							margin: 0px auto;
							width: 7.625rem;
						}
						
						.b1_col1{
							float: left;
						}
						.b1_col2{
							float: left;
						}
						
						.b1_and{
							display: block;
							height: 25px;
							margin-top: 5px;
						}
						
						.b1_ios{
							height: 25px;
							display: block;
						}
						
						.b1_qr{
							height: 55px;
							display: block;
						}
						
						.top2{
							height: 155px;
						}
						
						.b2_row2{
							width: 122px;
							float: right;
							margin-right: 90px;
						}
						
						.top3{
							height: 130px;
						}
						
						.b3_row3{
							width: 122px;
							float: right;
							margin-right: 90px;
						}
					}
					
					
					@media screen and (max-width: 450px) {
					.banner01{
								background-image: url('../assets/01.jpg');
								background-size: 100%;
								background-repeat: no-repeat;
								width: 100%;
								height:13.625rem;
							}
								
							.banner02{
								background-image: url('../assets/02.jpg');
								background-size: 100%;
								background-repeat: no-repeat;
								width: 100%;
								height:11.875rem;
							}	
							
							.banner03{
								background-image: url('../assets/03.jpg');
								background-size: 100%;
								background-repeat: no-repeat;
								width: 100%;
								height: 11rem;
							}	
							
							.banner04{
								background-image: url('../assets/bottom.png');
								background-size: 100%;
								background-repeat: no-repeat;
								width: 100%;
								height:1.9375rem;
							}
							
							.top1{
								height: 140px;
							}
							
							.b1_row1{
								margin: 0px auto;
								width: 7.625rem;
							}
							
							.b1_col1{
								float: left;
							}
							.b1_col2{
								float: left;
							}
							
							.b1_and{
								display: block;
								height: 25px;
								margin-top: 5px;
							}
							
							.b1_ios{
								height: 25px;
								display: block;
							}
							
							.b1_qr{
								height: 55px;
								display: block;
							}
							
							.top2{
								height: 120px;
							}
							
							.b2_row2{
								width: 122px;
								float: right;
								margin-right: 50px;
							}
							
							.top3{
								height: 100px;
							}
							
							.b3_row3{
								width: 122px;
								float: right;
								margin-right: 50px;
							}
						}
			@media screen and (max-width: 400px) {
			.banner01{
						background-image: url('../assets/01.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:12.3125rem;
					}
						
					.banner02{
						background-image: url('../assets/02.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:10.75rem;
					}	
					
					.banner03{
						background-image: url('../assets/03.jpg');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height: 9.8125rem;
					}	
					
					.banner04{
						background-image: url('../assets/bottom.png');
						background-size: 100%;
						background-repeat: no-repeat;
						width: 100%;
						height:1.9375rem;
					}
					
					.top1{
						height: 140px;
					}
					
					.b1_row1{
						margin: 0px auto;
						width: 100px;
					}
					
					.b1_col1{
						float: left;
					}
					.b1_col2{
						float: left;
					}
					
					.b1_and{
						display: block;
						height: 20px;
						margin-top: 5px;
					}
					
					.b1_ios{
						height: 20px;
						display: block;
					}
					
					.b1_qr{
						height: 45px;
						display: block;
					}
					
					.top2{
						height: 115px;
					}
					
					.b2_row2{
						width: 100px;
						float: right;
						margin-right: 50px;
					}
					
					.top3{
						height: 95px;
					}
					
					.b3_row3{
						width: 100px;
						float: right;
						margin-right: 50px;
					}
				}