/* CSS Document */

:root {
    --bs-ls: #154e26;
    --bs-ls-dark: #131a15;
    --bs-ls-light: #b6e4c4;
}

.container-max-2k,
.container-max-fhd {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1880px) {
    .container-max-fhd {
        max-width: 1800px;
    }
}

@media (min-width: 2520px) {
    .container-max-2k {
        max-width: 2420px;
    }
}

@media (min-width: 992px) {
    h4 {
        padding-top: .5rem;
    }
}

.shadow-xxl {
    box-shadow: none;
}

.border-xxl {
    border: none;
}

@media (min-width: 1440px) {
    .shadow-xxl {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    .shadow-xxl-m {
        box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.075);
    }
    .border-xxl {
        border: 1px solid #dee2e6;
    }
}

@media (min-width: 1880px) {
    .col-fhd {
        flex: 1 0 0%;
    }
    .row-cols-fhd-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-fhd-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-fhd-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-fhd-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-fhd-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-fhd-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-fhd-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .py-fhd-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}

@media (min-width: 1880px) {
    .col-fhd-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-fhd-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-fhd-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-fhd-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-fhd-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-fhd-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-fhd-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-fhd-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-fhd-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-fhd-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-fhd-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-fhd-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-fhd-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-fhd-0 {
        margin-left: 0;
    }
    .offset-fhd-1 {
        margin-left: 8.33333333%;
    }
    .offset-fhd-2 {
        margin-left: 16.66666667%;
    }
    .offset-fhd-3 {
        margin-left: 25%;
    }
    .offset-fhd-4 {
        margin-left: 33.33333333%;
    }
    .offset-fhd-5 {
        margin-left: 41.66666667%;
    }
    .offset-fhd-6 {
        margin-left: 50%;
    }
    .offset-fhd-7 {
        margin-left: 58.33333333%;
    }
    .offset-fhd-8 {
        margin-left: 66.66666667%;
    }
    .offset-fhd-9 {
        margin-left: 75%;
    }
    .offset-fhd-10 {
        margin-left: 83.33333333%;
    }
    .offset-fhd-11 {
        margin-left: 91.66666667%;
    }
    .g-fhd-0,
    .gx-fhd-0 {
        --bs-gutter-x: 0;
    }
    .g-fhd-0,
    .gy-fhd-0 {
        --bs-gutter-y: 0;
    }
    .g-fhd-1,
    .gx-fhd-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-fhd-1,
    .gy-fhd-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-fhd-2,
    .gx-fhd-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-fhd-2,
    .gy-fhd-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-fhd-3,
    .gx-fhd-3 {
        --bs-gutter-x: 1rem;
    }
    .g-fhd-3,
    .gy-fhd-3 {
        --bs-gutter-y: 1rem;
    }
    .g-fhd-4,
    .gx-fhd-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-fhd-4,
    .gy-fhd-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-fhd-5,
    .gx-fhd-5 {
        --bs-gutter-x: 3rem;
    }
    .g-fhd-5,
    .gy-fhd-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 2520px) {
    .col-2k {
        flex: 1 0 0%;
    }
    .row-cols-2k-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-2k-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-2k-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-2k-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-2k-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-2k-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-2k-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
}

@media (min-width: 2520px) {
    .col-2k-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-2k-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-2k-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-2k-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-2k-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-2k-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-2k-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-2k-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-2k-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-2k-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-2k-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-2k-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-2k-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-2k-0 {
        margin-left: 0;
    }
    .offset-2k-1 {
        margin-left: 8.33333333%;
    }
    .offset-2k-2 {
        margin-left: 16.66666667%;
    }
    .offset-2k-3 {
        margin-left: 25%;
    }
    .offset-2k-4 {
        margin-left: 33.33333333%;
    }
    .offset-2k-5 {
        margin-left: 41.66666667%;
    }
    .offset-2k-6 {
        margin-left: 50%;
    }
    .offset-2k-7 {
        margin-left: 58.33333333%;
    }
    .offset-2k-8 {
        margin-left: 66.66666667%;
    }
    .offset-2k-9 {
        margin-left: 75%;
    }
    .offset-2k-10 {
        margin-left: 83.33333333%;
    }
    .offset-2k-11 {
        margin-left: 91.66666667%;
    }
    .g-2k-0,
    .gx-2k-0 {
        --bs-gutter-x: 0;
    }
    .g-2k-0,
    .gy-2k-0 {
        --bs-gutter-y: 0;
    }
    .g-2k-1,
    .gx-2k-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-2k-1,
    .gy-2k-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-2k-2,
    .gx-2k-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-2k-2,
    .gy-2k-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-2k-3,
    .gx-2k-3 {
        --bs-gutter-x: 1rem;
    }
    .g-2k-3,
    .gy-2k-3 {
        --bs-gutter-y: 1rem;
    }
    .g-2k-4,
    .gx-2k-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-2k-4,
    .gy-2k-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-2k-5,
    .gx-2k-5 {
        --bs-gutter-x: 3rem;
    }
    .g-2k-5,
    .gy-2k-5 {
        --bs-gutter-y: 3rem;
    }
}

* {
    font-family: 'Manrope', 'Noto Sans TC', 'Helvetica', Arial, '微軟正黑體', sans-serif;
}

body {
    line-height: 1.75;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
}

a {
    color: var(--bs-ls);
    text-decoration: underline;
}

a:hover {
    color: var(--bs-ls-dark);
}

h3 {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250625085456/https://homepage.ntu.edu.tw/~deptlifesci/image/h3.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 9em;
}

h4.backimage {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250625085456/https://homepage.ntu.edu.tw/~deptlifesci/image/h4.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 10em;
}


/*strong=bold
  b=bolder*/

strong {
    font-weight: bold;
}


/*
@media (min-width: 992px) {
    .home-news-l-hlimit {
        max-height: 7em;
        mask-image: linear-gradient(to bottom, black 6em, transparent 7em);
    }
}
*/

.badge-small {
    display: inline-block;
    padding: 0.25em 0.45em;
    font-size: 0.7em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
  }

.card-header {
    font-size: 110%;
    padding: 0.35rem 1rem;
}

.bg-ls-dark {
    background-color: var(--bs-ls-dark);
}

.bg-ls {
    background-color: var(--bs-ls);
}

.bg-ls-light {
    background-color: var(--bs-ls-light);
}

.bg-news {
    background-color: #18592b;
}

.bg-talk {
    background-color: #34a02c;
}

.bg-activity {
    background-color: #a8d643;
    color: black;
}

.bg-award {
    background-color: #dcf0ad;
    color: black;
}

.bg-research {
    background-color: #ffffcc;
    color: black;
}

.bg-hr {
    background-color: #fff6dd;
    color: #220000;
}

.text-news {
    color: #18592b;
    filter: brightness(90%);
}

.text-talk {
    color: #34a02c;
    filter: brightness(80%);
}

.text-activity {
    color: #a8d643;
    filter: brightness(75%);
}

.text-award {
    color: #dcf0ad;
    filter: brightness(66%);
}

.text-research {
    color: #ffffcc;
    filter: brightness(66%);
}

.text-hr {
    color: #fff6dd;
    filter: brightness(75%);
}

a.home-news-link {
    color: inherit;
    text-decoration: none;
}

a.home-hr-link {
    color: inherit;
    text-decoration: none;
}

.bg-news-link:hover,
.bg-news-link:focus {
    background-color: #18592b20;
}

.bg-talk-link:hover,
.bg-talk-link:focus {
    background-color: #34a02c20;
}

.bg-activity-link:hover,
.bg-activity-link:focus {
    background-color: #a8d64320;
}

.bg-award-link:hover,
.bg-award-link:focus {
    background-color: #dcf0ad40;
}

.bg-research-link:hover,
.bg-research-link:focus,
.home-research-link:hover>.home-research-text,
.home-research-link:focus>.home-research-text {
    background-color: #ffffcc60;
}

.bg-hr-link:hover,
.bg-hr-link:focus {
    background-color: #fff6dd40;
}

.fs-7 {
    font-size: 0.9rem;
    line-height: 1.3;
    color: var(--bs-gray-dark);
}

.fs-8 {
    font-size: 0.8rem;
    line-height: 1;
    color: var(--bs-gray-dark);
}

.list-numbered {
    list-style-type: decimal;
}

.list-outside {
    list-style-position: outside;
}

a.badge.bg-ls {
    text-decoration: none;
}

a.badge.bg-ls:hover,
a.badge.bg-ls:focus {
    color: white;
    text-decoration: underline;
    ;
}

.navbar {
    /* padding-top: .5rem; */
    /* padding-bottom: .5rem; */
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.navbar-toggler {
    padding: 0.5rem 0.5rem;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
}

.navbar-nav .nav-link {
    /* padding-right: 0; */
    /* padding-left: 0; */
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-dark .navbar-nav .nav-link {
    border-radius: 0.25rem;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--bs-ls);
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
}


/*
.nav-topitem:first-child {
    border-left: solid 1px rgba(255, 255, 224, .55);
}
*/

.nav-topitem {
    border-right: solid 1px rgba(255, 255, 224, .55);
}

.nav-topitem:last-child {
    border-right: solid 0px rgba(255, 255, 224, .55);
}

.navbar-dark .navbar-nav .nav-link {
    /* color: rgba(255,255,255,.55); */
    color: rgba(255, 255, 255, .85);
}

.navbar-expand-lg.navbar-dark .navbar-nav .nav-link:focus,
.navbar-expand-lg.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .95);
}

.nav-toplink {
    color: rgba(255, 255, 224, .85) !important;
    padding: 0 .85rem !important;
}

.nav-toplink:focus,
.nav-toplink:hover {
    color: rgba(255, 255, 246, .9) !important;
}

.fs-s {
    font-size: .75rem;
}

.nav-tabs .nav-link {
    color: var(--bs-ls-dark);
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #d0dcd4 #d0dcd4 #dee2e6;
    isolation: isolate;
    background-color: #e7ede9;
}

.nav-tabs .nav-link.active {
    background-color: var(--bs-ls);
    color: white;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    /* background-color: #0d6efd; */
    background-color: var(--bs-ls);
}

.nav-pills>.nav-link {
    /* color: #0d6efd; */
    color: var(--bs-ls);
}

.home-carousel {
    height: 30vw;
    min-height: 30vh;
    max-height: 40vh;
}

.carousel-item {
    height: 100%;
}

div.carousel-item>img {
    margin-left: 50%;
    transform: translateX(-50%);
}

.carousel-divimg-home {
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: auto calc(min(max(30vw, 20vh), 40vh));*/
    background-size: auto 100%;
    width: 100%;
    height: 100%;
    height: 30vw;
    min-height: 20vh;
    max-height: 40vh;
}

.flipY {
    transform: scaleY(-1);
}


/*
.carousel-divimg-large {
    width: calc(100% + 4rem);
    height: calc(100% + 4rem);
    top: -2rem;
    left: -2rem;
    background-repeat: repeat;
    background-position: center;
    background-size: auto 300%;
    opacity: .5;
    filter: blur(.25rem);
}
*/

.carousel-caption-home {
    min-height: 10%;
    max-height: 50%;
    position: absolute;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 16, 4, 0.6);
    right: 0;
    left: 0;
    bottom: 0;
    padding-bottom: 1rem;
    text-shadow: .1em .1em .2em rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(.25em);
    -webkit-backdrop-filter: blur(.25rem);
}


/*
.carousel-indicators {
    margin-bottom: .5rem;
}
*/

.carousel-control-prev-icon {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250625085456/https://homepage.ntu.edu.tw/~deptlifesci/image/carousel_control_prev.svg);
    filter: drop-shadow(0 .1em .1em rgba(0, 0, 0, 0.5))
}

.carousel-control-next-icon {
    background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250625085456/https://homepage.ntu.edu.tw/~deptlifesci/image/carousel_control_next.svg);
    filter: drop-shadow(0 .1em .1em rgba(0, 0, 0, 0.5))
}

#carouselKeyEventsImgs .carousel-caption-home p {
    line-height: 1.4;
}

@media (max-width: 991px) {
    #carouselKeyEventsImgs .carousel-caption-home h4 {
        font-size: 1.25rem;
    }
    #carouselKeyEventsImgs .carousel-caption-home p {
        font-size: .875rem;
        line-height: 1.35;
    }
}

@media (max-width: 767px) {
    #carouselKeyEventsImgs .carousel-caption-home h4 {
        font-size: 1rem;
    }
    #carouselKeyEventsImgs .carousel-caption-home p {
        font-size: .75rem;
        line-height: 1.25;
    }
}

@media (min-width: 576px) {
    .border-sm-1 {
        border: 1px solid #dee2e6 !important;
    }
}


/*
table>tbody>tr:first-child>th,
table>tbody>tr:first-child>td {
    border-top-width: 1px;
    border-top-color: #dee2e6;
}
*/

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-ls-dark);
    vertical-align: top;
    border-color: #dee2e6;
}


/*
div.table>*>* {
    border-bottom: solid 1px gray;
}
*/

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-bg);
    color: var(--bs-table-color);
}

.table-striped>tbody>tr:nth-of-type(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table th {
    --bs-table-accent-bg: var(--bs-table-th-bg);
    color: var(--bs-table-th-color);
}

.table-striped>tbody>tr:nth-of-type(even)>th {
    --bs-table-accent-bg: var(--bs-table-th-striped-bg);
    color: var(--bs-table-th-striped-color);
}

.table-ls-light {
    --bs-table-bg: #fdfeff;
    --bs-table-striped-bg: #f7f8f9;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    --bs-table-th-bg: #eefdeb;
    --bs-table-th-striped-bg: #daeed6;
    --bs-table-th-striped-color: #000;
    color: #000;
    border-color: #dfe0e1;
}

.table-ls-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e;
}

.skew {
    transform: rotate(-15deg) translateY(-0.5rem);
}

.border-bottom-dotted {
    border-bottom: 1px dotted #dee2e6 !important;
}

.member-card:hover>.member-card-body,
.member-card:focus>.member-card-body {
    background-color: #fbfbf9;
}

.card-header {
    background-color: rgba(16, 16, 0, 0.08);
}

a.nostyle {
    color: unset;
    text-decoration: unset;
}






/*
     FILE ARCHIVED ON 8:54:56 六月 25, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 1:59:58 五月 25, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/