.resetpassword,
.reg { margin: auto; width: 100%; max-width: 600px; }

.resetpassword .row,
.reg .row {
    width: 100%;
    padding: 5px 0 5px 0;
    display: flex;
    align-items: flex-start;
}

.resetpassword h1 { text-align: center; flex-grow: 1; font-size: 25pt; font-weight: normal; }

.resetpassword .c { text-align: center; flex-grow: 1; }
.resetpassword .c .btn { margin: auto; }

.resetpassword input.txt,
.reg input.txt {
    border: #888888 1px solid;
    width: 320px;
}

.reg input.btn { }

.reg select.txt {
    padding: 0px;
    margin: 0px;
    font-size: 9pt;
    color: #000000;
    border: #888888 1px solid;
}

.reg td small {
    font-weight: normal;
}

.resetpassword .err,
.reg .err {
    font-weight: normal;
    color: #ff0000;
    font-size: 8pt;
}

.resetpassword .r_text,
.reg .r_text {
    width: 30%;
    text-align: right;
    padding-right: 10px;
}

.resetpassword .r_block,
.reg .r_block {
    flex-grow: 1;
    border-bottom: #888888 1px solid;
    text-align: left;
    padding-top: 25px;
}


.reg_accept { text-align: center; padding: 10px 0 0 0; flex-grow: 1; }
.reg_accept a { text-decoration: underline; color: #884444; }
.reg_btn { text-align: center; padding: 10px 0 0 0; flex-grow: 1; }
.reg_btn .btn { margin: auto; }

.reg_accept input {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    border: 0;
}

@media screen and (max-width: 800px){
    .reg .row { display: block; }
    .resetpassword .r_text,
    .reg .r_text {
        width: 100%;
        text-align: left;
        padding-right: 0;
    }
    .resetpassword input.txt,
    .reg input.txt {
        width: 100%;
    }
}