body {
        background-color: #F5F7FA;
        color: #0A2647;
        font-family: 'Noto Sans TC', sans-serif;
        scroll-behavior: smooth;
    }

    a {
        text-decoration: none;
    }

    .navbar-brand img {
        filter: drop-shadow(0 0);
    }

/* 導覽列 */
    .navbar {
        background-color: #002B5B;
    }

    .navbar-brand, .nav-link {
        color: white !important;
        font-weight: 500;
    }

        .nav-link:hover {
            color: #D4AF37 !important;
        }
/* 導覽列 */

/* Banner區 */
    .carousel-item img {
        height: 500px;
        object-fit: cover;
        width: 100%;
    }

    section {
        padding: 80px 0;
    }
/* Banner區 */

/* 內容卡片 */
    .feature-card {
        background: white;
        border-radius: 1rem;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        transition: transform .3s;
    }

        .feature-card:hover {
            transform: translateY(-5px);
        }

    .feature-img {
        width: 100%;
        height: 320px;
        object-fit: cover;
        border-radius: 1rem;
    }

    h3 {
        color: #002B5B;
        font-weight: 700;
    }

    .btn-main {
        /*background-color: #002B5B;
        color: white;*/
        background-color: #e2bd43;
        color: #002B5B;
        border-radius: 50px;
        padding: 10px 30px;
        border: solid 1.8px #002B5B;
    }

        .btn-main:hover {
            /*background-color: #D4AF37;
            color: #002B5B;*/
            background-color: #002B5B;
            color: white;
            border: solid 1.8px #e2bd43;
        }
/* 內容卡片 */

/* 分眾區塊 */
    .audience-section {
        padding: 60px 0;
        text-align: center;
    }

    .audience-card {
        background-color: transparent;
        border: 1.8px solid #002B5B;
        color: #002B5B;
        border-radius: 12px;
        transition: all 0.3s ease;
        padding: 40px 20px;
    }

        .audience-card:hover {
            background-color: #D4AF37;
            color: #002B5B;
            transform: scale(1.05);
            /*box-shadow: 0 0 20px #D4AF37;*/
        }

    .card-p {
        text-align: justify;
        font-size: 20px;
        color: #114c87;
    }
/* 分眾區塊 */

/*簡介*/
    .section-title {
        font-size: 2rem;
        font-weight: 700;
        text-align: left;
    }

    .sub-title {
        font-size: 1.4rem;
        font-weight: 600;
        color: #002B5B;
        padding-bottom: 6px;
        text-align: left;
        border-bottom: 2px solid;
        /*線條過渡*/
        /*border-bottom: 1px solid #002B5B;*/
        /*border-image: linear-gradient(to right,#044280, #D4AF37) 1;*/
        border-image: linear-gradient(to left,#044280, #D4AF37) 1;
        /*background: linear-gradient(30deg,#f8df8e 30%, #044280 70%) ;*/
    }

    .styled-list p {
        margin-bottom: 5px;
        padding: 0 1.4rem; /* 移除縮排 */
        text-indent: 0; /* 移除內縮 */
    }

    .highlight {
        /*background: #D4AF37;*/
        background: linear-gradient(to left,#8dc2f7, #fbe8aa);
        border-left: 4px solid #002B5B;
        border-right: 4px solid #002B5B;
        padding: 18px 16px;
        border-radius: 6px;
        text-align: center;
        font-size: 1.2rem;
    }
/*簡介*/

/* FAQ */
    /* Accordion 主題樣式 */
    /*.accordion-item {
        border: 1.8px solid #002B5B;
        border-radius: 10px;
        overflow: hidden;
        transition: all 0.3s ease;
    }*/

    .accordion .accordion-item {
        border-radius: 10px;
        border: 1.8px solid #002B5B;
        overflow: hidden;
        transition: all 0.3s ease;
    }

/*.accordion-item:hover {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
        transform: translateY(-2px);
    }*/
.accordion-button {
    color: #002B5B;
    font-weight: bold;
    font-size: 1.1rem;
}

    .accordion-body {
        color: #002B5B;
        line-height: 1.8;
    }

    .accordion-body:hover {
        background-color: #e2bd43;
    }

    .accordion-button::after {
        content: "";
        background-color: transparent;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002b5c' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23002b5c' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
        mask-size: contain;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        background-color: #002b5c; /* 深藍箭頭 */
        transform: rotate(0deg);
        transition: all 0.3s ease;
    }

    /* 展開狀態：深藍底 + 白色箭頭向上 */
    .accordion-button:not(.collapsed) {
        background-color: #002b5c !important;
        color: #fff !important;
    }

    .accordion-button:not(.collapsed)::after {
        background-color: #fff; /* 白色箭頭 */
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
        transform: rotate(180deg); /* 箭頭往上 */
        transition: all 0.3s ease;
    }

    /* hover 光棒效果 */
    .faq-btn::before {
        /*content: "";
        position: absolute;
        left: -100%;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, rgba(255,215,0,0.25), rgba(255,255,255,0));
        transition: all 0.4s ease;*/
    }

    .faq-btn:hover::before {
        left: 100%;
    }
/* FAQ */

/*table 內距美化 */
    th {
        padding: 0.5rem 1rem;
    }

    td {
        padding: 0.5rem 1rem;
    }
/*table*/


/* 頁尾 */
    footer {
        background-color: #002B5B;
        color: white;
        padding: 30px 0;
    }

        footer a {
            color: #D4AF37;
            text-decoration: none;
        }
/* 頁尾 */

/* GoTop按鈕 */
    #gotop {
        position: fixed;
        bottom: 30px;
        right: 30px;
        background-color: #D4AF37;
        color: #002B5B;
        border: none;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        font-size: 24px;
        display: none;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        z-index: 999;
    }

        #gotop:hover {
            background-color: #b8992f;
        }

    .cssPager td {
        padding: 5px;
        text-align: end;
        background-color: #cccccc;
    }

    .cssPager a {
        text-decoration: underline;
        color: #fff;
    }
/* GoTop按鈕 */