/* ====================== outstanding.php用 ====================== */
#content {
    display: flex;
    width: 100%;
    max-width: 1280px;
    margin: 10px auto 20px;
    min-height: 500px;
}

#left {
    width: 88px;
    background: url(../images/os_left_bk.gif) repeat-y;
    display: flex;
    flex-direction: column;
}

#center {
    flex: 1;   /* 🔥 讓中間自動撐滿 */
    background: url(../images/os_center_bk.gif) repeat-y;
    display: flex;
    flex-direction: column;
}

#right {
    width: 6px;
}

#left .top,
#center .top {
    width: 100%;
    height: auto;
}

#left .bottom,
#center .bottom {
    margin-top: auto;   /* 🔥 關鍵：推到底 */
    width: 100%;
}

.alumni_book {
    padding: 20px;
}

.alumni_book p {
    font-size: 24px;
    color: #009;
}

@media (max-width: 768px) {

    #content {
        flex-direction: column;
    }

    #left,
    #right {
        display: none;   /* 🔥 手機隱藏邊框圖 */
    }

    #center {
        width: 100%;
    }

}