.adm_col {
    width: 50 %;
    color: white;
    float: left;
}

.adm_notice {
    font - size: 1.0e m;
    text - align: left;
    margin - left: 3e m;
}

.select - css {
    display: block;
    font - size: 0.6e m;
    line - height: 1.2;
    padding: .6e m 1.4e m .5e m .8e m;
    max - width: 100 %;
    border - radius: .2e m;
    -moz - appearance: none;
    -webkit - appearance: none;
    appearance: none;
    background - color: #fff;
    background - image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear - gradient(to bottom, #ffffff 0 %, #e5e5e5 100 %);
    background - repeat: no - repeat, repeat;
    background - position: right .7e m top 50 %, 0 0;
    background - size: .65e m auto, 100 %;
    width: 45 %;
    padding: 12 px 20 px;
    margin: 8 px 0;
    margin - left: 27.8 %;
}

.select - css:: - ms - expand {
    display: none;
}

.select - css: hover {
    border - color: #888;
}

.select - css: focus {
    border - color: #aaa;
    box - shadow: 0 0 1 px 3 px rgba(59, 153, 252, .7);
    box - shadow: 0 0 0 3 px - moz - mac - focusring;
    color: #222;
    outline: none;
}

.select - css option {
    font - weight: normal;
}

.overlay_adm {
    height: 94 %;
    width: 80 %;
    display: block;
    position: fixed;
    z - index: 1;
    top: 1 %;
    left: 10 %;
    backdrop - filter: blur(10 px);
    background - color: rgb(0, 0, 0);
    background - color: rgba(0, 54, 108, 0.9);
}

.overlay_adm - content {
    position: relative;
    top: 1 %;
    width: 100 %;
    text - align: center;
    margin - top: 30 px;
}

.overlay_adm a {
    padding: 8 px;
    text - decoration: none;
    font - size: 36 px;
    color: #818181;
    display: block;
    transition: 0.3 s;
}

.overlay_adm a: hover,
.overlay_adm a: focus {
    color: #f1f1f1;
}

.overlay_adm.closebtn {
    position: absolute;
    top: 20 px;
    right: 45 px;
    font - size: 60 px;
    color: white;
}

input[type=text] {
    width: 45 %;
    padding: 12 px 20 px;
    margin: 4 px 0;
    display: inline - block;
    border: 1 px solid #ccc;
    border - radius: 4 px;
    box - sizing: border - box;
    font - size: 0.8e m;
}

.adm_table {
    width: 45.2 %;
    margin - left: 21.5 %;
    margin - top: -0.3e m;
}

@media screen and(max - height: 450 px) {
    .overlay_adm a {
        font - size: 20 px
    }
    .overlay_adm.closebtn {
        font - size: 40 px;
        top: 15 px;
        right: 35 px;
    }
}

@media screen and(max - width: 450 px) {
    .adm_col {
        width: 100 %;
        color: white;
    }
    .overlay_adm {
        height: 85 %;
        width: 80 %;
        display: block;
        position: fixed;
        z - index: 1;
        top: 10 %;
        left: 10 %;
        background - color: rgb(0, 0, 0);
        background - color: rgba(0, 54, 108, 0.9);
        overflow: scroll;
    }
    .adm_notice {
        font - size: 0.8e m;
        text - align: left;
        width: 90 %;
        margin - top: -2e m;
    }
    .overlay_adm {
        height: 98 %;
        width: 100 %;
        display: block;
        position: fixed;
        z - index: 1;
        top: 5 %;
        left: 0;
        background - color: rgb(0, 0, 0);
        background - color: rgba(0, 54, 108, 0.9);
    }
    .overlay_adm.closebtn {
        font - size: 2.3e m;
        top: 3 px;
        right: 3 px;
    }
    input[type=text] {
        width: 70 %;
        padding: 12 px 20 px;
        margin: 4 px 0;
        display: inline - block;
        border: 1 px solid #ccc;
        border - radius: 4 px;
        box - sizing: border - box;
        font - size: 0.8e m;
    }
    .select - css {
        width: 71 %;
        margin - left: 15 %;
        font - size: 0.6e m;
    }
    .select - css_state {
        width: 100 %;
        margin - left: 15 %;
    }
    .adm_table {
        width: 71 %;
        margin - left: 10 %;
        margin - top: -0.3e m;
    }
}

// pop-up 2.adm1_col {
width: 50 %;
color: white;
float: left;

}
.adm1_notice {
    font - size: 1.0e m;
    text - align: left;
    margin - left: 3e m;
}
.select - css {
    display: block;
    font - size: 0.6e m;
    line - height: 1.2;
    padding: .6e m 1.4e m .5e m .8e m;
    max - width: 100 %;
    border - radius: .2e m;
    -moz - appearance: none;
    -webkit - appearance: none;
    appearance: none;
    background - color: #fff;
    background - image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear - gradient(to bottom, #ffffff 0 %, #e5e5e5 100 %);
    background - repeat: no - repeat, repeat;
    background - position: right .7e m top 50 %, 0 0;
    background - size: .65e m auto, 100 %;
    width: 45 %;
    padding: 12 px 20 px;
    margin: 8 px 0;
    margin - left: 27.8 %;
}
.select - css:: - ms - expand {
    display: none;
}
.select - css: hover {
    border - color: #888;
}
.select - css: focus {
    border - color: #aaa;
    box - shadow: 0 0 1 px 3 px rgba(59, 153, 252, .7);
    box - shadow: 0 0 0 3 px - moz - mac - focusring;
    color: #222;
    outline: none;
}
.select - css option {
    font - weight: normal;
}
.button_red {
    padding: 12 px;
    margin - top: -1.5e m;
    margin - bottom: 0.5e m;
    display: inline - block;
    border: 1 px solid #ccc;
    box - sizing: border - box;
    font - family: 'Roboto', Arial, Tahoma, sans - serif;
    font - size: 14 px;
    width: 50 %;
    background - image: url('../images/back/red.html');
    color: white;
    border: none;
    margin - top: 0.5e m;
}
.overlay_adm1 {
    height: 98 %;
    width: 60 %;
    display: none;
    position: fixed;
    z - index: 1;
    top: 2 %;
    left: 20 %;
    background - color: rgb(0, 0, 0);
    background - color: rgba(0, 54, 108, 0.9);
}
.overlay_adm1 - content {
    position: relative;
    top: 2 %;
    width: 100 %;
    text - align: center;
}
.overlay_adm1 a {
    padding: 8 px;
    text - decoration: none;
    font - size: 36 px;
    color: #818181;
    display: block;
    transition: 0.3 s;
}
.overlay_adm1 a: hover,
.overlay_adm1 a: focus {
    color: #f1f1f1;
}
.overlay_adm1.closebtn {
    position: absolute;
    top: 10 px;
    right: 45 px;
    font - size: 60 px;
    color: white;
}
.button_red {
    padding: 12 px;
    margin - top: -1.5e m;
    margin - bottom: 0.5e m;
    display: inline - block;
    border: 1 px solid #ccc;
    box - sizing: border - box;
    font - family: 'Roboto', Arial, Tahoma, sans - serif;
    font - size: 14 px;
    width: 50 %;
    background - image: url('../images/back/red.html');
    color: white;
    border: none;
    margin - top: 0.5e m;
}
input[type=button] {
    padding: 12 px;
    margin - top: -1.5e m;
    margin - bottom: 0.5e m;
    display: inline - block;
    border: 1 px solid #ccc;
    box - sizing: border - box;
    font - family: 'Roboto', Arial, Tahoma, sans - serif;
    font - size: 14 px;
    width: 50 %;
    background - image: url('../images/back/red.html');
    color: white;
    border: none;
    margin - top: 0.5e m;
}
.adm1_table {
    width: 45.2 %;
    margin - left: 21.5 %;
    margin - top: -0.3e m;
}
@media screen and(max - height: 450 px) {
    .overlay_adm1 a {
        font - size: 20 px
    }
    
    .overlay_adm1.closebtn {
        font - size: 40 px;
        top: 15 px;
        right: 35 px;
    }
}
@media screen and(max - width: 450 px) {
    .adm1_col {
        width: 100 %;
        color: white;
    }
    
    .overlay_adm1 {
        height: 82 %;
        width: 80 %;
        display: block;
        position: fixed;
        z - index: 1;
        top: 10 %;
        left: 10 %;
        background - color: rgb(0, 0, 0);
        background - color: rgba(0, 54, 108, 0.9);
        overflow: scroll;
    }
    
    .adm1_notice {
        font - size: 0.8e m;
        text - align: left;
        width: 90 %;
        margin - top: -2e m;
    }
    
    .overlay_adm1 {
        height: 93 %;
        width: 100 %;
        display: none;
        position: fixed;
        z - index: 1;
        top: 5 %;
        left: 0;
        background - color: rgb(0, 0, 0);
        background - color: rgba(0, 54, 108, 0.9);
    }
    
    .overlay_adm1.closebtn {
        font - size: 2.6e m;
        top: 3 px;
        right: 3 px;
    }
    
    .select - css {
        width: 71 %;
        margin - left: 15 %;
        font - size: 0.6e m;
    }
    
    .select - css_state {
        width: 100 %;
        margin - left: 15 %;
    }
    
    .adm1_table {
        width: 71 %;
        margin - left: 10 %;
        margin - top: -0.3e m;
    }
    
    .button_red {
        padding: 12 px;
        margin - top: -1.5e m;
        margin - bottom: 0.5e m;
        display: inline - block;
        border: 1 px solid #ccc;
        box - sizing: border - box;
        font - family: 'Roboto', Arial, Tahoma, sans - serif;
        font - size: 14 px;
        width: 50 %;
        background - image: url('../images/back/red.html');
        color: white;
        border: none;
        margin - top: 0.5e m;
    }
}