.notice_wrap {
    position: fixed;
    top: 30px;
    right: -100%;
    z-index: 9999;
    padding: 0.8rem 2rem;
    background-color: #f50057;
    color: #fce4ec;
    font-size:48px;
}

.notice-icon {
    margin-right: 0.3rem;
}

.show_pic {
    width: 45%;
}


.signup-sex, .select, .upimg_box, .input_required {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap;*/
    column-gap: 1rem;
    position: relative;
}

    /* 錯誤訊息 */
    .signup-sex .title-error, .select .title-error, .upimg_box .title-error, .input_required .title-error {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 12px;
        padding: 8px 14px;
        background: #dc3545;
        color: #fff;
        font-size: 14px;
        border-radius: 5px;
        white-space: nowrap;
        z-index: 100;
    }

        /* 向上的三角形 */
        .signup-sex .title-error::before, .select .title-error::before, .upimg_box .title-error::before, .input_required .title-error::before {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #dc3545;
        }