
#popup > .popup_window.popup_signup {
    position: absolute;
    display: none;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    background:#11141d;
    border:1px solid #313742;
    width:400px;
    height:832px;
    overflow: visible;
}

#popup > .popup_window.popup_signup > .btn_close {
position: absolute;
right:-1px;
top:-1px;
width:50px;
height:50px;
background: #11141d;
border:1px solid #313742;
color:#a8a8a8;
text-align: center;
line-height:44px;
font-size:24px;
cursor: pointer;
z-index:100;
}

#popup > .popup_window.popup_signup > .btn_close:hover {
background: #29324b;
color:#ffffff;
text-shadow: 
    0 0 5px #cfff5e,
    0 0 10px #ffb25e,
    0 0 20px #ef7c00;
transition: all 300ms;
border-radius: 5px;
animation: beat .25s infinite alternate;
}

#popup > .popup_window.popup_signup > h3 {
display: block;
height:49px;
line-height:48px;
text-align: center;
color:#cccccc;
margin:0px;
padding:0px;
font-size:18px;
font-weight:600;
background:#313742;
border-bottom:1px solid #313742;
}

#popup > .popup_window.popup_signup > form {
display: block;
margin:0px;
padding:0px;
border:0px;
}

@media (max-width: 400px) {
#popup > .popup_window.popup_signup > form > .scrollbox {
    display: block;
    margin:0px;
    padding:0px;
    border:0px;
    height: 400px;
    overflow-y: scroll;
    padding-top:20px;
    padding-bottom:20px;
}
}

@media (min-width: 401px) {
#popup > .popup_window.popup_signup > form > .scrollbox {
    display: block;
    margin:0px;
    padding:0px;
    border:0px;
    height: 700px;
    overflow-y: scroll;
    padding-top:20px;
    padding-bottom:20px;
}
}

#popup > .popup_window.popup_signup > form > .scrollbox::-webkit-scrollbar {
width: 3px;
}

#popup > .popup_window.popup_signup > form > .scrollbox::-webkit-scrollbar-thumb {
background: #888888;
}

#popup > .popup_window.popup_signup > form > .scrollbox::-webkit-scrollbar-track {
background: #444444;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp {
display: flex;
height:80px;
position: relative;
padding-left:20px;
padding-right:20px;
padding-top:40px;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > label {
position: absolute;
left:25px;
top:0;
color:#c8c8c8;
font-size:14px;
line-height:45px;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > input,
#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > select  {
display: block;
margin:0;
padding:0;
border:0;
width:100%;
border-radius: 15px;
background:#11131a;
border:1px solid #242933;
color:#cccccc;
padding-left:15px;
padding-right:15px;
margin-left:5px;
margin-right:5px;
font-size:14px;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > .btn {
margin-left:-35px;
width:40%;
background:#11131a;
border:1px solid #242933;
border-radius: 15px;
text-align: center;
color:#a8a8a8;
line-height:38px;
font-size:14px;
cursor:pointer;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > .btn:hover {
background: #29324b;
color:#ffffff;
text-shadow: 
    0 0 5px #cfff5e,
    0 0 10px #ffb25e,
    0 0 20px #ef7c00;
transition: all 300ms;
animation: beat .25s infinite alternate;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > select[name='mb_2'] {
width:60%;
text-align: center;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > input[name='mb_ph_a'],
#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > input[name='mb_ph_b'],
#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > input[name='mb_ph_c'] {
text-align: center;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > input.vertified {
background: #081a07;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > input.error {
background: #1a0707;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .form_grp > .capcha_img {
border-radius: 15px;
border:1px solid #313742;
margin-left:5px;
margin-right:5px;
flex-shrink: 0;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .check_result {
font-size:14px;
color:#aaaaaa;
line-height:30px;
height:30px;
text-align: center;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .check_result.success {
color:#93ff89;
}

#popup > .popup_window.popup_signup > form > .scrollbox > .check_result.error {
color:#ff8989;
}

#popup > .popup_window.popup_signup > form > button[type='submit'] {
display: block;
margin:0px;
padding:0px;
border:0px;
width:100%;
height:80px;
background:#11141d;
border-top:1px solid #313742;
color:#c8c8c8;
font-size:16px;
font-weight:600;
cursor:pointer;
}

#popup > .popup_window.popup_signup > form > button[type='submit']:hover {
background: #29324b;
color:#ffffff;
text-shadow: 
    0 0 5px #cfff5e,
    0 0 10px #ffb25e,
    0 0 20px #ef7c00;
transition: all 300ms;
animation: beat_sm .25s infinite alternate;
}

#popup > .popup_window.popup_signup > form > button[type='button'] {
    display: block;
    margin:0px;
    padding:0px;
    border:0px;
    width:100%;
    height:80px;
    background:#11141d;
    border-top:1px solid #313742;
    color:#c8c8c8;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}

#popup > .popup_window.popup_signup > form > button[type='button']:hover {
    background: #29324b;
    color:#ffffff;
    text-shadow:
            0 0 5px #cfff5e,
            0 0 10px #ffb25e,
            0 0 20px #ef7c00;
    transition: all 300ms;
    animation: beat_sm .25s infinite alternate;
}