/* Masonry */
.masonry {
  column-count: 1;
  column-gap: 12px;
  padding: 12px;
}

@media (min-width: 600px) {
  .masonry { column-count: 2; }
}
@media (min-width: 900px) {
  .masonry { column-count: 3; }
}
@media (min-width: 1200px) {
  .masonry { column-count: 4; }
}

/* Card */
.card {
  break-inside: avoid;
  margin-bottom: 12px;
  cursor: pointer;
}

.thumb {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.caption {
  background: #fff;
  padding: 8px;
  font-size: 14px;
}

/* Back to top */
#backToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

/* menu */
#menuBtn {
/* Hidden by default */
display: block; 
/* Fixed/sticky position */
position: fixed; 
/* Place bottom of the page */
bottom: 80px; 
/* Place 30px from the right  */
left: 15px; 
/* Make sure it does not overlap */
z-index: 2; 
/* Remove borders */
border: none; 
/* Remove outline */
outline-color: red;
/* Set a background color */
background-color: white;  
/* Text color */
color: black; 
/* mouse pointer on hover */
cursor: pointer; 
/* Some padding */
padding: 15px; 
/* Rounded corners */
border-radius: 10px; 
/* Increase font size */
font-size: 20px; 
}

#menuBtn:hover {
/* dark-grey bg on hover */
  background-color: white; 
}

.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}


.neisenWord {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 2em;
  font-weight: 700;
  font-style: normal;
}

.neisenWordOrange {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 2em;
  color: orange;
  font-weight: 700;
  font-style: normal;
  text-shadow: 1px 1px 0 #444;
}