.form-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.form-label-fixed {
    width: 6.5em;
    min-width: 6.5em;
    margin-bottom: 0;
    white-space: nowrap;
    text-align: right;
}
.form-input-flex {
    flex: 1;
}
.flex-fill 
{
    flex: 1 1 auto;
    /*flex: 110%;*/
}
.me-2 {
    margin-right: 0.5rem;
}
body {
    /*background-color: #f8f9fa;*/
    background-image: url('../../Image/bg.png');
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
}
.card {
    border-radius: 1rem;
}
.form-control::placeholder {
    color: #999;
    font-style: italic;
}
.section-title {
    font-size: 1.25rem;
    font-weight: bold;
}

/* ✅ 頁尾固定在底部：支援內容不足也不會浮起 */
html, body {
    height: 100%;
}
form {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.container {
    flex: 1;
}
/* 固定在畫面最上方的 BANNER */
.top-banner {
    position: sticky;   /* 主要寫法 */
    top: 0;
    z-index: 1000;      /* 壓在其他元素上面 */
}

/* 如果想要背景顏色、陰影可以順便加 */
.top-banner-inner {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

/* 頁面其他內容往下留一點距離（視你的 banner 高度調整） */
.page-content {
    padding-top: 0.5rem;
}