:root {
  --bs-main-green: #5d6e1e;
  --bs-second-green:#96b771;
  --bs-main-bg: #F6F1EB;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
}

body {
  margin: 0;
  font-family: -apple-system,  BlinkMacSystemFont,  "Microsoft JhengHei", "EudcKai"  , "EudcMing"  ,"Segoe UI",  "Roboto",  "Helvetica Neue", Arial, sans-serif,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: #f6f6f6;
  font-size: 1.2rem;
  line-height: 22px;
}

 /* 罕用字，不能刪 */
@font-face {
  font-family: 'EudcKai';
  src: url('https://i.ncku.edu.tw/ncku/ncku_cns/font/EUDCKAI.TTF');
  font-display: fallback;
  unicode-range:  U+E000-EFFF, U+F000-F848 ;
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1500px;
      --bs-gutter-x: 0;
      --bs-gutter-y: 0;
      width: 100%;
      padding-right: 0;
      padding-left: 0;
    }
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }

.apName {
    color:var(--bs-second-green);
    font-size: 1.6rem;
    text-align: center;
  }
.copyright-bg {
  background: #EFEFEF;
  margin-top: 0px;
  border-bottom: 8px solid var(--bs-main-green);
}
.copyright-font {
  font-size: .8em;
  padding: 0px;
  margin: 0px;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--bs-second-green);
  background-position: 0 -15px;
}
.block_title {
  color: var(--bs-main-green);
  font-size: 2rem;
  text-align: center;
  font-weight: 600;
}
.btn-main {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-main-green);
  --bs-btn-border-color: var(--bs-main-green);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-second-green);
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-outline-main {
  --bs-btn-color: var(--bs-main-green);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: var(--bs-main-green);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--bs-second-green);
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.text-shadow {
  text-shadow: 1px 2px 5px #4d4d4d;
}
.border-5px {
  border: 5px solid #efefef;
}