@font-face {
  font-family: 'DINPro-Medium';
  src: url(../fonts/DINPro-Medium.eot); /* IE9 Compat Modes */
  src: url(../fonts/DINPro-Medium.eot?#iefix) format("embedded-opentype"), /* IE6-IE8 */ url(../fonts/DINPro-Medium.woff) format("woff"), /* Modern Browsers */ url(../fonts/DINPro-Medium.ttf) format("truetype") /* Safari, Android, iOS */
}
* {
  box-sizing: border-box;
}
#countdown {
  background-color: rgba(10,60,57,0.80);
}
#time {
  font-family: 'DINPro-Medium', 'Noto Sans TC', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
  color: #fff;
  font-size: 30px;
}
#days, #hours, #minutes, #seconds {
  font-size: 3em;
	line-height: 100%;
  text-shadow: 0 0 12px rgba(238, 238, 238, 0.5), 0 0 32px rgba(238, 238, 238, 0.3), 0 24px 48px rgba(238, 238, 238, 0.1), 0 -24px 48px rgba(238, 238, 238, 0.1);
}
@media (max-width: 768px) {
  #time {
    font-size: 1.5em;
  }
  #days, #hours, #minutes, #seconds {
    font-size: 2.2em;
  }
}
@keyframes scale-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
#seconds {
  display: inline-block; /* 使動畫生效 */
  animation: scale-animation 1s ease-in-out infinite; /* 設定動畫 */
}