body{
	  font-family: 'Noto Sans TC', sans-serif;
	  }
		
	  a {
      color: #464343;
	  text-decoration:none;
	  }
		
	  a:hover {
	  color: #0050a2;
      }
	
	  .nav-link{
      color:currentColor;
	  
	  }
		
        .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
		.card {
			margin-bottom: 10px;
		}

		.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0050a2;
    --bs-btn-hover-border-color: #0050a2;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0050a2;
    --bs-btn-active-border-color: #0050a2;
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
		}	
        #countdown {
			padding:5px;
			margin-top:5px;
            font-size: 1em;
            color: #000;
            display: none;  /* 初始設置為隱藏 */
        }
        .final-countdown {
			padding:5px;
			margin-top:5px;
            font-size: 1.5em;
            color: #ca4747;
            font-weight: bold;
            animation: breathing 2s infinite;  /* 增加呼吸效果 */
        }
        @keyframes breathing {
            0% { background-color: #fbf2a5; }
            50% { background-color: #fffacf; }  /* 淡黃色 */
            100% { background-color: #fbf2a5; }
        }