/* 回到頂部按鈕樣式 */
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #f39800;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    z-index: 1000;
    display: none; /* 初始隱藏 */
    font-size: 20px;
    padding: 14px 20px;
    text-align: center;
}

    .back-to-top i {
        color: black;
        font-weight: 900;
        font-size: 1.5rem;
    }

    .back-to-top:hover {
        background-color: #f39800;
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.4);
    }

    .back-to-top.show {
        display: block;
    }

#Accesskey_U {
    color: rgba(102, 179, 128, 1)
}

    #Accesskey_U:focus {
        color: white;
        text-decoration: none;
    }


h1, h2, h3, h4, h5, h6 {
    color: #267340;
    margin: 5px 0px;
    font-weight: 700;
}

p {
    margin: 0px;
    padding: 10px 0px;
}


.btn_def {
    padding: 0px 36px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border: 1px solid #FA913D;
    color: #FA913D;
    background-color: rgba(255, 255, 255, 0.5);    
}

    .btn_def i {
        margin-left: 10px;
    }

    .btn_def:hover {
        border: 1px solid #FA913D;
        color: white;
        background-color: #FA913D;
        transition: all 0.3s ease;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;
    }

    .queryBox {
        background-color: white;
        padding: 20px;
        border: 1px solid #e1e1e1;
        color: black;
    }

.typeBox {
    /*background-color: white;*/
    /*backdrop-filter: blur(10px);*/
    padding: 0px 20px;
    /*border: 1px solid #e1e1e1;*/
    color: black;
    text-align: center;
}

    .typeBox a {
        border: 1px solid rgba(102, 179, 128, 1);
        margin: 0px 0px 10px 0px;
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #267340;
        text-decoration: none;
        padding: 10px;
        /*background-color: rgba(255, 255, 255, 0.7);*/
    }

        .typeBox a:hover,
        .typeBox a:focus,
        .typeBox_active {
            background-color: rgba(102, 179, 128, 1);
            color: white !important;
            transition: all 0.3s ease;
        }

    .btn {
        font-size: 1.25rem;
        padding: 5px;
        margin: 3px 0px
    }

.btn-primary {
    border: 1px solid #FA913D;
    color: #FA913D;
    background-color: rgba(255, 255, 255, 0.5);
}
    .btn-primary:hover {
        border: 1px solid #FA913D;
        color: white;
        background-color: #FA913D;
    }

.btn_disabled {
    border-color: lightgray !important;
    color: lightgray !important; /* 文字灰色 */
    pointer-events: none; /* 讓連結無法點擊 */
    cursor: default; /* 滑鼠游標變成預設 */
    text-decoration: none; /* 移除底線(可選) */
}

.accordion-button:not(.collapsed) {
    background-color: #cbdfb1;
    color: #267340;
}

.accordion-button:focus {
    outline: none;
    box-shadow: none;
    border:2px solid black; 
}

select {
    font-size: 1.25rem;
    padding: 5px;
    border-radius: 5px;
    margin: 3px 0px;
    border: 1px solid gray;
}

input[type="text"], input[type="date"], input[type="password"], area, textarea {
    font-size: 1.25rem;
    padding: 5px;
    border-radius: 5px;
    margin: 3px 0px;
    border: 1px solid gray;
}

.gv {
    background-color:#FFFFFF;
    border-collapse:collapse;
}
    .gv > tbody > tr > th {
        border-bottom: 3px solid #e1e1e1;
        background-color: #f5f1e9;
        padding: 10px 10px;
    }
    .gv > tbody > tr > td {
        border-bottom: 1px solid #e1e1e1;
        padding: 10px 10px;
    }
    .gv > tbody > tr:last-child > td {
        border-bottom: none;
    }

        .gv > tbody > tr > td > table {
            margin:0 auto;
        }
        .gv > tbody > tr > td > table tr td {
            width:20px;
        }

    .gv a {
        color: #643C1E;
        text-decoration:none;
    }

        .gv a:hover, .gv a:focus {
            text-decoration: underline;
        }

.boxTitle {
    border-bottom: 3px solid #5a4535;
    color: #5a4535;
    font-size: 1.5rem;
    font-weight: 500;
}

.card.boxInfo {
    border: 1px solid #acd3ca;
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

    .card.boxInfo .card-header {
        background-color: #acd3ca;
        font-weight: 700;
        padding: 10px;
        border-bottom: 1px solid #acd3ca;
        border-radius: 0;
    }

    .card.boxInfo .card-body {
        background-position: calc(100% - 20px) calc(100% - 20px);
        background-repeat: no-repeat;
        background-size: 120px;
        background-color: rgba(255, 255, 255, 0.7);
        background-blend-mode: color;
    }

.tipsInline {
    /*font-size: 1rem;*/
    border: 1px solid #e1e1e1;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0;
    padding: 10px 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

    .tipsInline img {
        margin-right: 5px;
    }

.tb {
    width:100%;
    border-collapse:collapse;
    background-color:white;
}
    .tb tr th, .tb tr td {
        background-color: white;
        border:1px solid #e1e1e1;
        padding:5px 10px;
    }


.intro-text {
    display: block;
    color: #ca8269;
    /*font-size: 1.2rem;*/
    font-weight: 600;
    padding-left: 15px;
    text-align: center;
    line-height: 1.7;
    margin: 15px 0px 15px 0px;
}

/* 連結錨點 */
/*.pageItem {
    padding: 0px 10px;
}

    .pageItem .col {
        padding: 25px 10px;
        margin:0px 20px 10px 20px;
        border: 1px solid #e1e1e1;
        background-color: #FFFFFF;
        color: #5a4535;
        text-align: center;
        text-decoration: none;
        transition: transform 0.3s ease;
        cursor: pointer;
        border-radius:5px;
    }

        .pageItem .col:hover {*/
            /*background-color: #40959c;*/
            /*transform: translate(-3px, -3px);*/
            /*transform: translateY(-5px);
            box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
        }*/

.pageItem_scrollBlock {
    scroll-margin-top: 65px; /* Sticky Header高度 */
}

/* ===== 造林主題導航區塊 ===== */
.pageItem {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 2rem auto;
    max-width: 1000px;
    padding: 0;
}

    /* 每個導航卡片 */
    .pageItem a {
        display: flex;
        flex-direction: row; /*改成colum可分開icon；搭配margin-bottom*/
        align-items: center;
        justify-content: center;
        width: 180px;
        min-height: 50px;
        padding: 1.2rem 0.8em;
        background: linear-gradient(135deg, #ffffff 0%, #f5f1e9 100%);
        border: 2px solid #f5f1e9;
        border-radius: 16px;
        text-decoration: none;
        color: #5a4535;
        font-weight: 600;
        transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 4px 12px rgba(46, 125, 50, 0.12);
        position: relative;
        overflow: hidden;
    }

        /* 背景光暈效果 */
        .pageItem a::before {
            content: '';
            position: absolute;
            top: -50%;
            left: 50%;
            transform: translateX(-50%);
            width: 150%;
            height: 150%;
            /*background: radial-gradient(circle, rgba(76, 175, 80, 0.15) 0%, transparent 60%);*/
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .pageItem a:hover::before {
            opacity: 1;
        }

        /* Hover 效果 */
        .pageItem a:hover {
            transform: translateY(-10px) scale(1.03);
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

        /* 圖示樣式 */
        .pageItem a i.bi {
            color: #5a4535;
            /*font-size: 2.4rem;*/
            /*margin-bottom: 0.6rem;*/
            transition: all 0.35s ease;
            position: relative;
            z-index: 1;
            margin-right: 5px;
        }

        .pageItem a:hover i.bi {
            color: #2e7d32;
            transform: scale(1.15) rotate(-5deg);
        }

    /* 文字樣式 */
    .pageItem a {
        line-height: 1.5;
        text-align: center;
        word-break: break-word;
    }

        /* Active 點擊效果 */
        .pageItem a:active {
            transform: translateY(-6px) scale(1.01);
            box-shadow: 0 8px 20px rgba(46, 125, 50, 0.18);
        }

/* 響應式設計 */
/*@media (max-width: 768px) {
    .pageItem a {
        width: 150px;
        min-height: 120px;
        padding: 1.2rem 0.8rem;
        font-size: 0.95rem;
    }

        .pageItem a i.bi {
            font-size: 2.5rem;
            margin-bottom: 0.6rem;
        }
}

@media (max-width: 576px) {
    .pageItem {
        gap: 0.8rem;
    }

        .pageItem a {
            width: 140px;
            min-height: 110px;
            padding: 1rem 0.6rem;
            font-size: 0.9rem;
        }

            .pageItem a i.bi {
                font-size: 2.2rem;
            }
}*/