@charset "utf-8";

.sys-root > .in
{
}
.simple-text.major-logo .ct a {
background-image:url(https://ws-proj.moe.edu.tw/001/Upload/604/sites/pagebackimage/179074fb-deb5-44ba-920c-4dd8bbf776ab.png)  !important;
}
.simple-text.minor-logo .ct a {
background-image:url(https://ws-proj.moe.edu.tw/001/Upload/604/sites/pagebackimage/179074fb-deb5-44ba-920c-4dd8bbf776ab.png)  !important;
}
@media screen {

    .base-content>.in {
        background: none !important;
    }

    .simple-text.accesskey .ct {
        height: initial;
    }

    .base-extend .list-text.link .ct a:hover {
        color: #052a61;
    }

    /* 修正字級縮放功能列的下拉選單被遮蔽問題 */
    .base-extend .info {
        z-index: 6 !important;
    }

    .base-extend .list-text.link .ct li+li {
        border-right: none;
    }

    /* 主選單 */

    .base-header .group.nav>.in>.hd a {
        font-weight: 500;
    }

    /* 修改選單固定時的背景色 */
    .base-header .group-list.nav.is-fixed>.in {
        background-color: #00b899 !important;
        box-shadow: initial !important;
    }

    /* 修改主選單下拉選單 */
    .base-header .group.nav>.in>.ct>.in {
        box-shadow: none;
        background-color: #006655;
        padding: 0;
    }

    .list-text.nav {
        color: #ebfffc !important;
    }

    /* 修改"更多"按鈕的顏色 */
    .area-customize.ktnp-album .ft a,
    .group-list.slider>.in>.ft a,
    .area-customize.calendar .ft a,
    .area-customize.calendar .ct .label a {
        background-color: #00b097 !important;
        color: #ebfffc !important;
    }

    .group-list.slider>.in>.ft li,
    .area-customize.ktnp-album .ft ul,
    .area-customize.calendar .ft ul {
        display: flex;
        justify-content: end;
    }

    .area-customize.video .ct .div {
        background-color: transparent !important;
    }

    .area-customize.video .ct .caption {
        color: #052a61 !important;
    }

    .area-customize.ktnp-album .ft a:hover,
    .group-list.slider>.in>.ft a:hover,
    .area-customize.calendar .ft a:hover,
    .area-customize.calendar .ct .label a:hover {
        background-color: #002923 !important;
        color: #ebfffc !important;
    }

    /* 最新消息 */
    .simple-text.message .ct a:hover {
        background-color: #ecf3fe;
        border-radius: 2px;
    }

    .group-list.slider>.in>.hd>.in h2:after {
        display: none;
    }

    /* bb is prefix for customize CSS */
    .bb-news-padding {
        padding-top: 1rem;
    }

    /* 範例影片 */
    .area-customize.video .hd>.in h2:after {
        display: none;
    }

    .area-customize.video .ct .div {
        text-align: initial;
    }

    .group.default[data-type="1"][data-child="1"]>.in>.ct>.in>div {
        padding: 0;
    }

    .bb-video {
        padding-top: 2em;
        background-color: #ecf3fe;
        max-width: initial;
    }

    /* 活動成果 */
    .area-customize.ktnp-album .hd>.in h2:after {
        display: none;
    }

    .bb-events {
        padding: 2em 0;
    }

    /* 行事曆 */
    .area-customize.calendar .hd>.in h2:after {
        display: none;
    }

    .bb-calendar {
        padding: 2em 0;
        background-color: #ebfffc;
    }

    #CalendarTable {
        background-color: #ffffff;
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #00b899;
    }

    #CalendarTable td {
        border: 1px solid #eee;
    }

    .area-customize.calendar .ct .table td:hover {
        background-color: #ebfffc;
    }

    /* Footer */
    .base-footer {
        font-size: 1.2em;
        margin-top: 0;
        padding: 32px 0;
        background-color: #17202e;
    }

    .base-footer>.in>.hd span {
        display: none;
    }

    .group-list.nav ul[data-child="6"] {
        display: flex;
        gap: 8px;
    }

    .base-footer .group.nav {
        padding: initial;
    }

    .base-footer .group.nav>.in>.hd span {
        border-bottom: none;
    }

    .base-footer .group.nav>.in>.hd a {
        color: #539df1;
        border-bottom: 1px solid #1d5ebc;
        border-radius: 0;
    }

    .base-footer .group.nav>.in>.hd a:hover {
        color: #021127;
        background-color: #539df1;
    }

    .base-footer .list-text.nav .ct a {
        color: #539df1 !important;
    }

    .base-footer .list-text.nav .ct a:hover {
        color: #021127 !important;
        background-color: #539df1;
        cursor: pointer;
    }

    [data-index][data-type] .hd a {
        color: #021127;
    }

    .simple-text.update-time .hd a,
    .simple-text.update-time .ct span,
    .area-editor.address p {
        color: #7b8ca6;
    }

    .video {
        overflow: hidden;
    }

    /* 相關連結標題 */
    .bb-links {
        padding: 2em 0;
    }

    .list-pic.marquee04 .hd>.in h2::before,
    .list-pic.marquee04 .hd>.in h2::after {
        display: none;
    }

    .area-customize.video .ct .video {
        background-color: transparent;
    }

    .list-pic.marquee04 .ft li.prev a:hover,
    .list-pic.marquee04 .ft li.next a:hover {
        background-color: rgba(5, 42, 97, 0.2);
    }

    .list-pic.marquee04 .ft li.next a,
    .list-pic.marquee04 .ft li.prev a {
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }

    .area-editor.address p {
        margin: 0;
    }
}

/* 內頁 */
.group .base-wrapper .base-footer {
    margin-top: 2em;
}

@media screen and (max-width: 783px) {

    .group-list.nav ul[data-index="1"][data-child="6"],
    .group-list>.in>.ct.in>ul[data-index="1"][data-child="6"] {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #008f77;
    }

    .base-mobile>.in>.ct>.in {
        background-color: #00b899;
    }

    .base-mobile .group.nav>.in .hd a {
        font-size: 1.2em;
        font-weight: 500;
    }

    .base-mobile .group-list.nav>.in>.ct>.in>ul>li+li,
    .base-mobile .list-text.link .ct li+li {
        border-top: 1px solid #008f77;
    }

    .list-text.link {
        font-size: 1.2em;
        color: #022b64;
    }

    .base-mobile .group-list.nav>.in>.ct>.in>ul>li.is-active>.group.nav>.in .hd a {
        color: #fff;
        background-color: #006655;
    }

    .base-mobile .group.nav>.in>.ct>.in {
        padding: 3px;
        background-color: #006655;
    }

    .base-mobile .list-text.nav .ct li+li {
        border-top: 1px solid #008f77;
    }

    .base-mobile .list-text.nav .ct a:hover,
    .base-mobile .list-text.link .ct a:hover {
        color: #ebfffc !important;
    }

    .base-mobile .group.nav>.in .hd a:hover {
        background-color: transparent;
        color: #ebfffc;
    }

    .area-customize.ktnp-album[data-setLen="3"] .ct li,
    .area-customize.calendar .ct .label li,
    .area-customize.calendar .ct .label li a {
        width: 100%;
    }

    .area-customize.calendar .ct .label ul {
        display: flex;
    }

    .bb-calendar,
    .bb-events,
    .bb-video {
        padding: 0;
    }

    [data-index][data-type] .ct .p p {
        color: #021127;
    }
}