/*手機與共用樣式*/
body {
  width: 100%; 
  max-width: 960px;		
  margin: 0 auto; 
  padding: 0px;
  font-family: 微軟正黑體;
}

header {
  display: block; 
  width: 96%; 
  margin: 0 auto;
}

main {
  display: block; 
  width: 96%; 
  margin: 0 auto;
}

footer {
  display: block; 
  width: 96%; 
  margin: 0 auto;
}

nav {
  display: block;	
  width: 96%;	
  margin: 0 auto; 
  background: #f5f5f5; 
  border: 1px solid #eaeaea;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #eaeaea;	
}

nav ul li {
  display: inline;
  margin-right: 10px; 
  padding: 10px;
}

hr { 
  border: 0px;
  height: 0px;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin: 20px 0px;
}

.a-li {
  text-decoration: none; 
  color: black;
}	

.tour {
  width: 98%; 
  margin: 0 1%;
}

.tour-header {
  width: 100%;
}

.tour-body {  	
  width: 100%;
  height: 270px;  
  text-align: justify;
}

.img-tour {
  max-width: 100%;
  height: auto;
}

.a-detail {
  display: block; 
  text-decoration: none; 
  color: #0066ff;
  font-weight: bold;
}	  	

.a-back {
  display: block; 
  text-decoration: none; 
  color: #0066ff; 
  font-family: "Arial"; 
  text-align: right;
  margin: 10px 0px;
}
	  
/*平板電腦版樣式 (481px ~ 768px)*/
@media screen and (min-width: 481px){
  .tour {
    width: 48%; 
	float: left; 
	margin: 0 1%;
  }
  
  footer {
    clear: left;
  }  
}
	  
/*PC版樣式 (≧769px)*/
@media screen and (min-width: 769px) {
  .tour {
    width: 31.333%; 
    float: left; 
    margin: 0 1%;
  }
  
  footer {
    clear: left;
  }
}