/* from style.css: 標題字級（供 modal 標題使用） */
.headline_20 {
    font-weight: 700;
    font-size: 20px;
    color: #515151;
    display: inline-block;
}
#alertModal p {
    margin-top: 1em;
    margin-bottom: 1em;
}

#alertModal .modal-content {
    font-family: "Microsoft JhengHei";
    font-size: medium;
}

#alertModal .d-flex {
    display: flex !important;
}

#alertModal .justify-content-center {
    justify-content: center !important;
}

#alertModal .align-items-center {
    align-items: center !important;
}

#alertModal .modal-title {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    align-items: center;
}

/* from style.css: 按鈕外觀（供確定/取消鍵使用） */
#alertModal .button_border {
    font-weight: 400;
    color: rgb(10, 194, 189);
    background: #fff;
    border: 1px solid rgb(10, 194, 189);
    border-radius: 4px;
    padding: 7px 30px;
}

    #alertModal .button_border a {
        color: rgb(10, 194, 189);
    }

    #alertModal .button_border.active {
        color: #fff;
        background-color: rgba(0, 187, 181, 1);
    }

        #alertModal .button_border:hover,
        #alertModal .button_border.active:hover {
            color: rgb(10, 194, 189);
            background: #dbf8f8;
        }

/* from style.css: modal 底部兩鍵排列 */
#alertModal .button100 {
    width: 100%;
    margin: 30px auto 30px;
    text-align: center;
}

    #alertModal .button100 button {
        width: 47%;
    }

/* from style.css: 右側間距（供取消鍵使用） */
#alertModal .m_xr10 {
    margin: 0px 10px 0px 0px;
}

/* from style.css: 供使用 btn-link 風格的樣式變體（Style1/SingleButton 會用到） */
#alertModal .modal-footer .btn-link,
#alertModal .modal-footer .btn-link a {
    color: #00BBB5;
    border: 1px solid #00BBB5;
}

    #alertModal .modal-footer .btn-link.active,
    #alertModal .modal-footer .btn-link.active a {
        color: #fff;
        border: 1px solid #00BBB5;
        background: #00BBB5;
    }

/* from style.css: 小尺寸時調整按鈕 padding */
@media (max-width: 568px) {
    #alertModal .button_border {
        padding: 7px 10px;
    }
}
@media (min-width: 576px) {
    #alertModal .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}
#alertModal .modal-header-msg {
    border-bottom: 1px solid #dee2e6;
}

#alertModal .model-msg-m0 {
    margin: 0px;
}

#alertModal .model-msg-pt40 {
    padding-top: 40px;
}