@charset "utf-8";

/* Extend the shared member card without changing the upload and editor behavior. */
#memberModule .memberEditView form { margin: 0; }
#memberModule .memberEditView .rowTable th { width: 140px; }
#memberModule .memberEditView .rowTable th label { color: inherit; font: inherit; }
#memberModule .memberEditView .rowTable td { min-width: 0; }
#memberModule .memberEditView .rowTable td input[type="text"],
#memberModule .memberEditView .rowTable td input[type="password"],
#memberModule .memberEditView .rowTable td select,
#memberModule .memberEditView .rowTable td textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 420px;
    height: auto;
    min-height: 42px;
    margin: 0 0 6px;
    padding: 10px 12px;
    border: 1px solid #d7deea;
    border-radius: 6px;
    background: #f8fafc;
    color: #000080;
    font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif;
    vertical-align: middle;
}
#memberModule .memberEditView .rowTable td input[size="4"] { width: 76px; }
#memberModule .memberEditView .rowTable td textarea { min-height: 120px; resize: vertical; }
#memberModule .memberEditView .rowTable td p,
#memberModule .memberEditView .publicItem { margin: 6px 0 0; color: #64748b; font: 12px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif; }
#memberModule .memberEditView input[type="checkbox"],
#memberModule .memberEditView input[type="radio"] { width: 16px; height: 16px; margin: 0 5px 0 0; accent-color: #526d9b; vertical-align: middle; }
#memberModule .memberEditView .require { color: #9a5962; }
#memberModule .memberEditView .memberImage { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; }
#memberModule .memberEditView input[type="file"] { box-sizing: border-box; max-width: 100%; color: #526582; font: 13px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", sans-serif; }
#memberModule .memberEditView .memberImage .form { min-width: 0; max-width: 100%; }
#memberModule .memberEditView .button { cursor: pointer; }
#memberModule .memberEditView .button input { position: static; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
#memberModule .memberEditView .xpress-editor,
#memberModule .memberEditView .xeTextEditor { box-sizing: border-box; max-width: 100%; }
#memberModule .memberEditView iframe { max-width: 100%; }
#memberModule .memberEditView .checkbox li,
#memberModule .memberEditView .radio li { margin: 0 0 6px; line-height: 1.7; }
@media (max-width: 768px) {
    #memberModule .memberEditView .rowTable,
    #memberModule .memberEditView .rowTable > tbody,
    #memberModule .memberEditView .rowTable > tbody > tr { display: block; width: 100%; }
    #memberModule .memberEditView .rowTable > tbody > tr > th,
    #memberModule .memberEditView .rowTable > tbody > tr > td { display: block; box-sizing: border-box; width: 100%; }
    #memberModule .memberEditView .rowTable > tbody > tr > th { padding: 14px 0 6px; border-bottom: 0; }
    #memberModule .memberEditView .rowTable > tbody > tr > th.title { margin-top: 12px; padding: 10px 12px; }
    #memberModule .memberEditView .rowTable > tbody > tr > td { padding: 0 0 14px; }
    #memberModule .memberEditView .rowTable td input[type="text"],
    #memberModule .memberEditView .rowTable td input[type="password"],
    #memberModule .memberEditView .rowTable td select,
    #memberModule .memberEditView .rowTable td textarea { max-width: 100%; font-size: 16px; }
}