:root {
    font-family: "Gantari", sans-serif;
    font-size: 1.02vw;
    line-height: 1;
    color: #fff;
}
html,
body {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
}
* {
    scrollbar-width: none;
}
*::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
body {
    position: absolute;
    width: 100vw;
    height: 47.34vw;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    background-color: #FFC7F7;
}
.index_LOGIN {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(to bottom, #bb0077, #770077);
}
.index_LOGIN_FORM {
    margin-left: 36.8vw;
    margin-right: 36.8vw;
    margin-top: 12.97vw;
    margin-bottom: 6.25vw;
    padding-top: 2.97vw;
    box-sizing: border-box;
    width: 26.41vw;
    height: 28.13vw;
    background-color: #ffffff;
    border-radius: 2.27vw;
}
.index_LOGIN_div_label_header {
    margin-left: 8.36vw;
    width: 9.69vw;
    height: 1.72vw;
    font-weight: 600;
    font-size: 1.56vw;
    line-height: 100%;
    color: #000000A6;
}
.index_LOGIN_div_label {
    margin-top: 3.13vw;
    margin-left: 3.44vw;
    margin-right: 3.44vw;
    width: 19.53vw;
    height: 4.14vw;
    font-weight: 600;
    font-size: 0.94vw;
    line-height: 100%;
    color: black;
}
.index_LOGIN_INPUT_input {
    margin: 0;
    margin-top: 0.55vw;
    padding: 0;
    padding-left: 0.39vw;
    padding-right: 0.39vw;
    width: 18.75vw;
    height: 2.42vw;
    font-weight: 600;
    font-size: 1.09vw;
    line-height: 100%;
    background-color: #d9d9d9;
    border: none;
    box-sizing: border-box;
}
.index_LOGIN_INPUT_submit_login {
    margin-top: 7.27vw;
    margin-left: 8.91vw;
    width: 8.59vw;
    height: 3.13vw;
    top: 34.61vw;
    left: 45.7vw;
    border-radius: 1.02vw;
    font-weight: 600;
    font-size: 1.41vw;
    line-height: 100%;
    color: #ffffff;
    background: #8E2880;
    border: none;
}
.index_LOGIN_INPUT_submit_back {
    margin-top: 0.94vw;
    margin-left: 8.36vw;
    width: 10.39vw;
    height: 1.09vw;
    top: 38.67vw;
    left: 45.16vw;
    font-weight: 600;
    font-size: 0.94vw;
    color: #00000038;
    background: none;
    border: none;
}
.hidden {
    display: none !important;
}
.menu_header {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 3.98vw;
    background-color: #7B0178;
    display: flex;
    font-size: 1.25vw;
    box-sizing: border-box;
}
.home_page {
    margin: 0;
    padding: 0;
    width: 10.94vw;
    height: 100%;
}
.home_page_submit {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 1.25vw;
    color: #ffffff;
    background: none;
    border: none;
}
.select_pvz_form {
    margin: 0;
    margin-left: 7.89vw;
    padding: 0;
    width: 29.69vw;
    height: 3.98vw;
    background: #b8017861;
    color: #ffffff;
    border: none;
    border-top-right-radius: 0.94vw;
    border-top-left-radius: 0.94vw;
    text-align: center;
}
.select_pvz_custom_select {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    user-select: none;
}
.select_pvz_selected {
    padding: 0.78vw;
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.select_pvz_options {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 100%;
    left: 0;
    width: 100%;
    background: #920078;
    border: none;
    display: none;
    max-height: 30vh;
    overflow-y: auto;
    z-index: 1000;
    border-bottom-right-radius: 0.94vw;
    border-bottom-left-radius: 0.94vw;
}
.select_pvz_custom_select.select_pvz_open .select_pvz_options {
    display: block;
}
.select_pvz_option {
    padding: 0.78vw;
}
.select_pvz_option:hover,
.select_pvz_option.select_pvz_focused {
    background: #f0f0f0;
}
.select_pvz_option_active {
    font-weight: bold;
}
.content_row.header_id {
    margin: 0;
    margin-left: 10vw;
    padding: 0;
    max-width: none;
    flex: 0 0 10.94vw;
    height: 100%;
    font-size: 1.25vw;
    color: #ffffff;
    background: none;
    border: none;
}
.content_row.header_name {
    margin: 0;
    margin-left: 3vw;
    padding: 0;
    max-width: none;
    flex: 0 0 10.94vw;
    height: 100%;
    font-size: 1.25vw;
    color: #ffffff;
    background: none;
    border: none;
}
.menu_header_form_logout {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 2.91vw;
    height: 2.91vw;
    top: 0.55vw;
    right: 0.45vw;
    background-image: url("../wb/exit.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.menu_header_form_logout_submit {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    box-sizing: border-box;
}
.lmenu_open {
    margin-left: 0.39vw;
    margin-top: 0.55vw;
    padding-top: 3.13vw;
    padding-left: 0.78vw;
    padding-right: 0.78vw;
    width: 17.66vw;
    height: 42.19vw;
    background: linear-gradient(90deg, #B80177 0%, #7B0178 100%);
    border-radius: 0.94vw;
    box-sizing: border-box;
}
.lmenu_form {
    margin: 0;
    margin-bottom: 1.17vw;
    padding: 0;
    width: 16.17vw;
    height: 2.97vw;
    border-radius: 0.94vw;
}
.lmenu_form:hover {
    background: rgba(255, 224, 244, 0.45);
}
.lmenu_form_submit {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: none;
    border-radius: 0.94vw;
    border: 0.08vw solid #FFC7F7;
    color: #ffffff;
    text-align: center;
}
.lmenu_selected {
    background: rgba(255, 224, 244, 0.25);
}
.body {
    position: absolute;
    left: 18.83vw;
    top: 4.53vw;
    width: 80.39vw;
    height: 42.27vw;
    background-color: #fde2f9;
    box-sizing: border-box;
    border-radius: 0.94vw;
}
.content_head {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2.34vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.content {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 39.22vw;
    flex-wrap: wrap;
    overflow: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
}
.content_line {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 2.34vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content_line.content_line_selected {
    background-color: #7700772e;
}
.content_row_header {
    margin: 0;
    padding: 0;
    max-width: 9.38vw;
    height: 100%;
    flex: 1 1 0;
    border: none;
    border-left: 0.16vw dashed #7B0178;
    border-bottom: 0.16vw solid #7B0178;
    background: none;
    font-weight: bold;
    box-sizing: border-box;
}
.content_row {
    margin: 0;
    padding: 0;
    max-width: 9.2vw;
    height: 100%;
    flex: 1 1 0;
    border: none;
    border-left: 0.16vw dashed #7B0178;
    border-bottom: 0.16vw solid #7B0178;
    background: none;
    text-align: center;
    font-size: 1.02vw;
    box-sizing: border-box;
}
.content_row_name {
    min-width: 18.75vw;
    border: none;
    border-bottom: 0.16vw solid #7B0178;
}
.content_row_button {
    flex-wrap: wrap-reverse;
    width: 2.34vw;
    flex: 0 0 2.34vw;
}
.content_row_id {
    max-width: 10.94vw;
    flex: 0 0 10.94vw;
}
.content_row_tg {
    max-width: none;
    flex: 0 0 18.41vw;
}
.content_row_add {
    display: flex;
    max-width: none;
    flex: 0 0 80.39vw;
    border: none;
    border-bottom: 0.16vw solid #7B0178;
    align-items: center;
    justify-content: space-between;
}
.content_row_pass {
    max-width: none;
    flex: 0 0 18.41vw;
}
.content_row.content_row_lname {
    flex: 0 0 6.25vw;
    max-width: 6.25vw;
}
.content_row.content_row_fname {
    flex: 0 0 6.25vw;
    max-width: 6.25vw;
}
.content_row.content_row_tname {
    flex: 0 0 6.25vw;
    max-width: 6.25vw;
}
.content_row_select_custom {
    margin: 0;
    padding: 0;
    max-width: 9.2vw;
    min-width: 9.2vw;
    height: 100%;
    flex: 1 1 0;
    border: none;
    border-left: 0.16vw dashed #7B0178;
    border-bottom: 0.16vw solid #7B0178;
    background: none;
    text-align: center;
    font-size: 1.02vw;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}
.content_row_select_selected {
    max-width: 9.05vw;
    min-width: 9.05vw;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.content_row_select_options {
    position: absolute;
    top: 100%;
    left: -0.16vw;
    width: 100%;
    line-height: 2.34vw;
    background: #fde2f9;
    border-left: 0.16vw solid #7B0178;
    border-right: 0.16vw solid #7B0178;
    border-bottom: 0.16vw solid #7B0178;
    display: none;
    z-index: 1000;
}
.content_row_select_open .content_row_select_options {
    display: block;
    box-shadow: 0 0 0.16vw #7B0178;
}
.content_row_select_option {
    max-height: 2.34vw;
    min-height: 2.34vw;
    text-align: center;
    border-top: 0.16vw dashed #7B0178;
    font-size: 1.02vw;
    cursor: pointer;
}
.content_row_select_option:hover {
    background: rgba(123, 1, 120, 0.08);
}
.content_row_select_option_active {
    background: rgba(123, 1, 120, 0.15);
    font-weight: 600;
}
@media (max-aspect-ratio: 2.116/1) {
    html {
        width: 100vw;
        height: calc(100vw / 2.116);
    }
}
@media (min-aspect-ratio: 2.116/1) {
    html {
        width: calc(100vh * 2.116);
        height: 100vh;
    }
}