/* ============ 字體 ============ */

body, button, input, textarea {
	font-family: Arial, Microsoft JhengHei;
}

body {
	font-size: 16px;
	margin: 0;
	color: #000;
	background-color: #FFF;
}

html {
	scroll-behavior: smooth;
}

.shake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(-3deg); }
  20% { transform: rotate(-6deg); }
  30% { transform: rotate(-9deg); }
  40% { transform: rotate(-12deg); }
  50% { transform: rotate(-15deg); }
  60% { transform: rotate(-12deg); }
  70% { transform: rotate(-9deg); }
  80% { transform: rotate(-6deg); }
  90% { transform: rotate(-3deg); }
  100% { transform: rotate(0deg); }
}