@import "navbar.css";
:root {
    --bs-body-bg: #EFEFEF;
    --bs-primary-01: #326E48;
    --bs-secondary-01: #FEF4E8;
    --bs-font-01: #373634;
    --bs-book-ncku-01: #BEAD99;
    --bs-gray-ncku-01: #E6E6E6;
    --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;
    --w:min(300px, 20vw);
}
@media (min-width: 1600px) {
  .container-xxxl {
    max-width: 1650px;
  }
}
/* 罕用字，不能刪 */
@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 ;
}
@font-face {
    font-family: 'EudcMing';
    src: url('https://i.ncku.edu.tw/ncku/ncku_cns/font/EudcMing.TTF');
    font-display: fallback;
    unicode-range:  U+E000-EFFF, U+F000-F848 ;
}
.footer {
    grid-row-start: 2;/*欄位從第二條橫線開始*/
    grid-row-end: 3;/*欄位從第三條橫線結束*/
}
body {
    margin: 0;
    display: grid; /*使用grid排版*/
    grid-template-rows: 1fr auto; /*將上半部設置為一個單位，剩下的部分設為自動高度*/
    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";
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    word-break: break-all;
}
a {
color: #326e48;
text-decoration-color: #326e48;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
.bg-main {
    background:var(--bs-primary-01);
}
.bg-secondary {
    background:var(--bs-secondary-01);
}
.bg-gray-700 {
    background:var(--bs-gray-700);
}
.color-primary {
    color:var(--bs-primary-01);
}
.color-secondary {
    color:var(--bs-secondary-01);
}
.color-font {
    color:var(--bs-font-01);
}
.navbar > .container-xxxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }
.dropdown-menu {
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 5px;
    --bs-dropdown-inner-border-radius:
}
.error {
    color: var(--bs-red-ncku-02)!important;
    font-weight: bold;
}
.modal .fade .modal-dialog .modal-body{
    z-index: 1030;
}
.modal-header {
    background: var(--bs-primary-01);
    color: var(--bs-gray-200);
}
.copyright-text {
    font-size:.8rem;
}
@media screen and (min-width: 768px) {
    .dropdown:hover > .dropdown-menu,
    .dropend:hover > .dropdown-menu,
    .dropdown-visible {
        display: block;
        margin-top: 0.125em;
        margin-left: 0.125em;
        position: absolute;
        right: 0; /* 將左對齊改為右對齊 */
    }
}
.moa-logo {
  width: calc(250px - 20px);
}
.ps-3-5 {
  padding-left: 1.1rem !important;
}

/* 首頁 */
.container-xxxl {
    position: relative;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
  }
  @media screen and (min-width: 1600px) {
    .container-xxxl {
      position: relative;
      max-width: 1600px;
      padding-right: calc(var(--bs-gutter-x) * 1.5);
      padding-left: calc(var(--bs-gutter-x) * 1.5);
    }
  }
  .two-topic {
    margin-top:80px;
  }
  @media (max-width: 500px) {
    .moa-vis-logo {
        width: calc(100% - 5px);
    }
  }
  .icon-title {
    font-size: 1.2rem;
    font-weight: 600;
    color:var(--bs-font-01);
  }
  .card {
    background: transparent linear-gradient(39deg, #FFFFFFE3 0%, #FFFFFF7A 48%, #FFFFFF29 100%) 0% 0% no-repeat padding-box;
    box-shadow: 8px 10px 10px #00000029;
    opacity: 1;
  }
  .card-img-top {
    width: calc(100px - 10px);
    box-shadow: 8px 10px 10px #00000029;
    border-radius: 180px;
  }
  /* 農夫圖 */
  .moa-img-farmer {
    position: absolute;
    left: calc(30% - 5%);
    bottom: calc(10% - 5%);
    z-index: 1;
    width: calc(150px - 20px);
  }
  @media (max-width: 1200px) and (min-width: 1020px) {
    .moa-img-farmer {
      position: absolute;
      left: calc(28% - 5%);
      bottom: calc(10% - 5%);
      z-index: 1;
      width: calc(120px - 20px);
    }
  }
  @media (max-width: 1020px) {
    .moa-img-farmer {
      display: none;
    }
    .two-topic {
        margin-top: 20px;
    }
  }
  @media (max-width: 1600px) and (min-width: 1000px) {
    .card-img-top {
    width: calc(90px - 10px);
    }
  }
  @media (min-width: 1024px) {
    .card {
      min-height: 570px;
    }
    .moa-vis-logo {
      width: calc(100% - 20px);
    }
  }
  .text-title {
    background: transparent linear-gradient(261deg, #72C153 0%, #028640 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000029;
  }
  .foot-href {
    border:1px solid #302D2C;
    max-width: 400px;
  }
  .btn-max-width {
    max-width:300px;
    font-size:.9rem;
  }
  .footer p {
    font-size:.9rem;
  }

第二層
.offcanvas.offcanvas-start {
  top: -100px;
  left: 5px;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
  position: relative;
}

/* 上方選單 */
  a[disabled] {
    color: #a9a9a9!important;
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

/* 左方選單 */
.navbar-toggler-icon {
  width: 1.1em;
  height: 1.1em;
}
.left-index-menu {
  border-radius: 15px;
  background: #efefef;
  box-shadow: 0px 0px 35px 0px rgb(50 110 72);
}
.index-menu {
    border-top: 10px solid #2797c4;
    width: 200px;
    margin: auto;
}
.circle-icon-left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(6.5rem + (50 - 50) * (150vw - 100px)/(2560 - 600));
    height: calc(6.5rem + (50 - 50) * (150vw - 100px)/(2560 - 600));
    border-radius: 50%;
    margin:8px;
    border: 6px solid #BEAD99;
    color: #FEF4E8;
}
.circle-iconn-left:hover {
    border: 8px solid #f3f0e9;
    box-shadow: 0 15px 35px rgb(3, 85, 119);
}
/* .offcanvas {
  position: relative;;
} */
.offcanvas.offcanvas-start {
  top: 200px;
  left: revert;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
@media (max-width: 500px) {
  .offcanvas.offcanvas-start {
    top: 135px;
    left: 0px;
    width: 100%;
    /* margin: 0px 10px; */
  }
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 300px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
.right-icon-menu {
    position: absolute;
    top: 50%;
    z-index: 999;
    right: -5px;
}
.left-icon-menu {
  position: relative;
  top: 150px;
  z-index: 1000;
  left: 8px;
  height: 0px;
}
.right-icon-menu-btn {
    background: var(--bs-primary-01);
    border-radius: 90px;
    padding: 3px;
    color: #fff;
    width: 35px;
    height: 35px;
    /* border: 5px solid #cbc2b6; */
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #EFEFEF;
}

.btn-left-menu {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary-01);
  --bs-btn-border-color: var(--bs-primary-01);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:  #2C3742;
  --bs-btn-hover-border-color: #2C3742;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary-01);
  --bs-btn-active-border-color: var(--bs-primary-01);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #var(--bs-primary-01);
  --bs-btn-disabled-border-color: var(--bs-primary-01);
}




/* tableau  */
/* .figure-container {
    width: calc(100vw - 2vw);
    height: calc(78vh - 2vw);
    float: left;
    margin-top: 1vw;
}
@media (min-width: 320px) and (max-width: 480px) {
    .figure-container {
        margin-top: 5vw;
        height: calc(100vh - 2vw);
    }
}
.figure-type-a {
    width: calc(90vw);
    /* height: calc(45vw); */

}
.figure-type-b {
    width: calc(90vw);
    height: calc(55vw);
}
.figure-type-c {
    width: calc(90vw);
    height: calc(100vw);
} */
/* .cate-control {
    display:flex;
    justify-content: center;
    padding-top: 20px;
}

.cate-control-item {
    background-color: rgb(59 60 62);
    color: #bbbbbb;
    text-align: center;
    padding: 6px 8px;
    font-size: .9rem;
    letter-spacing: 1px;
    text-decoration: none;
    margin: 3px;
    border-radius: 3px;
}

.cate-control-item:hover {
    color: #ffffff !important;
}

.cate-control-item:visited {
    color: #bbbbbb;
} */
/* .page-link {
    font-size:1.2rem;
    color: var(--bs-blue-01);
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: var(--bs-blue-01);
    border-color: var(--bs-pagination-hover-border-color);
  }
  .page-link:focus {
    z-index: 3;
    color: #fff;
    background-color: var(--bs-blue-01);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
  }
/* 學生 */
h4 {
    font-weight: 600;
    font-size:1.5rem;
    padding-left: 10px
}
.item-title {
    font-size: 2.6rem;
    font-weight: 500;
    color: var(--bs-blue-01);
}
.item-title-v2 {
    font-size: 2.2rem;
    color: var(--bs-blue-01);
    text-align: center;
}
@media screen and (max-width: 800px) {
    .item-title {
        font-size: 2.4rem;
        font-weight: 500;
        color: var(--bs-blue-01);
        padding-top:15px;
    }
    .item-title-v2 {
        font-size: 1.8rem;
        color: var(--bs-blue-01);
        text-align: left;
    }
    .under-img {
        width:100%;
    }
}
/* .card {
    background: #fff;
    border: 0px;
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.28);
    border-radius: 0.95rem;
} */
.card-body {
    color: #403d38;
    padding: 10px;
    }
.h-85 {
    height: 85% !important;
}

ol.cjk {list-style-type: cjk-ideographic;}
ol.dec {list-style-type: decimal;}