<style>
  img{
	  width: auto;
	  height: auto;
	  display: block;
	  max-width:100%;
	  max-height:100%;
	  
  }
   
  .top{
	  width:100%;
	  height:60px;
	  background-color:white;
	  display:block;
  }
  
  .top img{
	  height:50px;
	  position:absolute;
	  left:30px;
	  top:5px;
  }
  
  .bk{
	  width: 100%;
	  height:2350px;
	  display: block;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  overflow:hidden;
	  
  }
  
  .pic1 img{
	  width:100%;
	  height:550px;
	  
  }
  
  
  
  .phone{
	  width:1000px;
	  height: auto;
	  position: absolute;
	  top: 100px;
	  left: 50%;
	  
	  margin-left: -500px;
	  
  }
  
  .phone img{
	  width:250px;
	  position:absolute;
	  top:0px;
	  left:50px;
	  
  }
  
  .text{
	  width:700px;
	  position:relative;
	  top:75px;
	  left:350px;
  }
  
  .text h1{
	  color:white;
	  font-size:30pt;
	  font-family:微軟正黑體;
	  font-weight:bold;
	  line-height:60px;
	  
  }
  
  .text h2{
	  color:white;
	  font-size:17pt;
	  font-family:微軟正黑體;
	  line-height:45px;
	  letter-spacing:2.5px;
	  font-weight:normal;

  }
  

  .btn{
	  width:950px;
	  display:block;
	  position:absolute;
	  left:50%;
	  top:700px;
	  margin-left:-475px;
	  
  }
  
  .btn img{
	  width:200px;
	  height:auto;
	  position:absolute;
	  left:50%;
	  margin-left:-100px;
     display:block;
	 
	 }
	 
	 
  .btn p{
	  color:white;
	  font-family:微軟正黑體;
	  font-size:14pt;
	  letter-spacing:2.5px;
	  font-weight:bold;
  }
  
    .btn h2{
	  color:#126454;
	  font-family:微軟正黑體;
	  
	  letter-spacing:2.5px;
	  font-weight:bold;
  }
  
   .btn h1{
	   color:#126454;
	   font-family:微軟正黑體;
	  font-size:14pt;
	  letter-spacing:2.5px;
	  font-weight:bold;
	  line-height:10px;
	   
   }
  
  .btn_div1{
	  width:300px;
	  height:260px;
	  display:block;
	  background-color:#adccc4;
	  border-radius:10px;
	  float:left;
	  
  }
  
    .btn_div2{
	  width:600px;
	  height:260px;
	  position:relative;
	  left:50px;
	  border-radius:10px;
	  display:block;
	  background-color:#adccc4;
	  float:left;
	  
  }
  
  
  .btn1{
	  width:250px;
	  display:block;
	  position:relative;
	  left:50%;
	  margin-left:-125px;
	  float:left;
	  z-index:10;
	  
  }
  
  
  .btn2{
	  width:260px;
	   display:block;
	  position:relative;
	  float:left;
	  left:20px;
	 z-index:10;
	  
  }
  
  
    .btn3{
		width:260px;
	   display:block;
	  position:relative;
	  float:left;
	  left:70px;
	  
	 z-index:10;
	  
  }
  
  .note{
	  width:935px;
	  height:auto;
	  display:block;
	  position:absolute;
	  left:50%;
	  top:1000px;
	  margin-left:-467.5px;
	  
	  border-style:solid;
	  border-width:4px;
	  border-color:#42887d;
	
	  
  }
  
    .note p{
		 color:#42887d;
	  font-family:微軟正黑體;
	  font-size:13pt;
	  line-height:32px;
	  letter-spacing:2.5px;
	  font-weight:bold;
	  padding-right:15px;
	  padding-left:15px;
	  text-align: justify;
      text-justify:inter-ideograph;
	}

  
  
  .bk2{
	  width:1400px;
	  height:750px;
	  display:block;
	  position:absolute;
	  left:50%;
	  top:650px;
	  margin-left:-700px;
  }
  
  .title {
	  width:100%;
	  height:150px;
	  display:block;
	  margin:auto; 
	  position:relative;
	  top:550px;
	  left:0px;
  }
 
  .title h1{
	  color:#126454;
	  font-size:30pt;
	  font-family:微軟正黑體;
	  font-weight:bold;
	  
  }
  
  .map {
	  width:400px;
	  height:auto;
	  display:block;
	  position:relative;
	  left:100px;
	  top:520px;
      float:left;	  
  }
  .map img{
	  width:420px;
	  display:block;
	  position:relative;

	 
  }
  
  .table{
	  width:400px;
	   height:auto;
	  display:block;
	  position:relative;
	  left:200px;
	  top:520px;	  
	  float:left;	
  }
  
    .table table{
	width:400px;
	line-height:80px;
	}
		

	
	.table td{
		font-size:18pt;
		font-family:微軟正黑體;
		font-weight:bold;
		color:gray;
		
	}
	
	.table img{
		width:60px;
		vertical-align:middle;
	}
	
	.table2{
	  width:400px;
	   height:auto;
	  display:block;
	  position:relative;
	  left:200px;
	  top:520px;	  
	  float:left;	
  }
  
    .table2 table{
	width:400px;
	line-height:80px;
	}
	
	.table2 td{
		font-size:18pt;
		font-family:微軟正黑體;
		font-weight:bold;
		color:gray;
		
	}
	
	.table2 img{
		width:60px;
		vertical-align:middle;
	}
	.footer{
		width:100%;
		height:400px;
		background-color:#126454;
		position:relative;
		top:1350px;
		
		
	}
		.footer_text {
		width:1000px;
		position:absolute;
		left:50%;
		top:25px;
		margin-left:-500px;
		
		
	}
	.footer_text p{
		font-size:13pt;
		font-family:微軟正黑體;
		line-height:30px;
		color:white;
		letter-spacing:2.5px;
		text-align: justify;
        text-justify:inter-ideograph;
	}
	
	
	@media only screen and (max-width:768px){
		
		.top{
	  height:50px;
	  
     }
  
    .top img{
	  height:40px;
	  left:30px;
	  top:5px;
    }
		
	.pic1 img{
		width:1200px;
		height:450px;
		
	}
	.bk{
		height:310%;
		
	}
	
	.phone{
		width:750px;
		margin-left:-375px;
		top:100px;
		
		
	}
	
	.phone img{
	  width:200px;
	
	}
	
	.text{
		width:450px;
		left:260px;
		top:20px;
		
		
	}
	
	.text h1{
	 
	font-size:24pt;
	line-height:80px;
	}
	
	.text h2{
		font-size:14pt;
		line-height:40px;
	
	}
	
	.btn{
		width:726px;
		margin-left:-363px;
		top:530px;
	}
	
	.btn img{
		
		width:180px;
		margin-left:-90px;
	}
	
	.btn h2{
	font-size:14pt;	
	}
	
		.btn h1{
	font-size:13pt;	
	}
	
	.btn p{
	font-size:11pt;	
	}
	
	.btn_div1{
		width:240px;
		height:230px;
		left:10px;
	}
	
	.btn_div2{
		width:480px;
		height:230px;
		left:10px;
	}
	
	.btn1 {
	    width:220px;
		margin-left:-110px;
	}
	
	.btn2 {
	width:220px;
	left:10px;
	}
	
	.btn3{
	width:220px;
	left:20px;
	top:3px;
	
	}
	
	.note{
		width:720px;	
		margin-left:-360px;
		top:780px;
	}
	
	.note p{
		font-size:12pt;
	}
	
	.bk2{
		width:750px;
		margin-left:-375px;
		height:970px;
		top:900px;
		
	}
	
	.title {
		top:50px;
	}
	
	.title h1{
		 font-size:24pt;
		
	}
	
	.map {
		width:100%;
		height:380px;
		top:10px;
		left:0px;
	}
	
	.map img{
		width:300px;
		left:50%;
		margin-left:-150px;
		
	}
	 .table{
	  width:200px;
	  left:80px;
	  top:50px;
	  
	  }
	   .table table{
		   width:300px;
		   line-height:65px;
		   
	   }
	  .table img{
		  width:50px;
		    
	  }
	  .table td{
	  font-size:14pt;
	  font-family:微軟正黑體;
		font-weight:bold;
		color:gray;
	  
	  }
	   .table2 {
	  width:200px;
	  left:220px;
	  top:50px;
	  
	  }
	  
	  .table2 table{
		   width:300px;
		   line-height:65px;
		   
	   }
	  
	  .table2 img{
		  width:50px;
		    
	  }
	  .table2 td{
	  font-size:14pt;
	  font-family:微軟正黑體;
		font-weight:bold;
		color:gray;
	  
	  }
	  
	  	.footer{
		height:450px;
		top:1450px;
		
		
	}
		.footer_text {
		width:610px;
		top:20px;
		margin-left:-300px;
		
		
	}
	.footer_text p{
		font-size:11pt;
		line-height:25px;
	}
	}
	  
	@media only screen and (max-width:480px){
			
	.top{
	  height:50px;
     }
  
    .top img{
	  height:40px;
	  left:15px;
	  top:5px;
    }

	
	.pic1 img{
		width:700px;
		height:300px;
		top:50px;
		
	}
	
	.bk{
		height:3020px;
		
	}
	
	.phone{
		width:300px;
		margin-left:-150px;
		top:100px;
	}
	
	.phone img{
	  width:110px;
	  left:-20px;
	
	}
	
	.text{
		width:230px;
		left:100px;
		top:10px;
		
	}
	
	.text h1{
	 
	font-size:14pt;
	line-height:20px;
	}
	
	
	.text h2{
		font-size:10pt;
		line-height:25px;
		
	}
	
	.btn{
		width:350px;
		margin-left:-175px;
		top:380px;
		
	}
	
	.btn img{
		
		width:150px;
		margin-left:-75px;
		top:60px;
	}
	
	.btn h2{
		font-size:14pt;
		line-height:20px;
		padding-top:15px;
	}
	
	.btn h1{
		font-size:12pt;
      
		}
	
	.btn p{
		font-size:10pt;	
	
	}
	
	.btn_div1{
		width:330px;
		position:relative;
		left:50%;
		margin-left:-165px;
		height:170px;
		float:none;
	}
	
	.btn_div2{
		width:330px;
		position:absolute;
		height:360px;
		left:50%;
		margin-left:-165px;
		top:210px;
		float:none;
	}
	
	.btn1 {
		width:150px;
		top:-40px;
		margin-left:-75px;
	}
	
	.btn2 {
        width:200px;
		position:relative;
	    left:50%;
		top:-40px;
		margin-left:-100px;
		float:none;

	}
	
	.btn3{
        width:200px;
		position:relative;
	    left:50%;
		top:-30px;
		margin-left:-100px;
       
	}
	
	.btn3 img{
		position:relative;
		top:10px;
	}
	
	.btn3 p{
		margin-top:-50px;
	}

	.note{
		width:324px;
		margin-left:-165px;
		top:980px;
	}
	
	.note p{
		font-size:10pt;
		line-height:22px;
	}
	
	.title {
		top:0px;
		height:120px;
	}
	
	.title h1{
		
		 font-size:18pt;
		
	}
	
	.bk2{
		width:350px;
		margin-left:-175px;
		top:1150px;
		
	}
	
	.map {
		width:100%;
		height:auto;
		left:0px;
	}
	
	.map img{
		width:250px;
		top:-50px;
		left:50%;
		
		margin-left:-125px;
	}
	 .table{
	  width:400px;
	  left:50%;
	  top:0px;
	  margin-left:-120px;
	  
	  }
	   .table table{
		   width:250px;
		   line-height:65px;
		   
	   }
	  .table img{
		  width:40px;
		    
	  }
	  .table td{
	  font-size:12pt;
	  font-family:微軟正黑體;
		font-weight:bold;
		color:gray;
	  
	  }
	   .table2 {
	  width:400px;
	  left:50%;
	  top:0px;
	  margin-left:-120px;
	  
	  }
	  
	  .table2 table{
		   width:250px;
		   line-height:65px;
		   
	   }
	  
	  .table2 img{
		  width:40px;
		    
	  }
	  .table2 td{
	  font-size:12pt;
	  font-family:微軟正黑體;
		font-weight:bold;
		color:gray;
	  
	  }
	  
	 .footer{
		height:580px;
		top:2100px;
		
	}
		.footer_text {
		width:300px;
		top:20px;
		margin-left:-150px;
		
		
	}
	.footer_text p{
		font-size:8pt;
		line-height:22px;
	}
	}
</style>