input.custom-control-input {transition:outline 400ms;}
input.outline-focus {outline:2px solid red;}
input.outline-focus:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 100%);
}

#member-join-step0 {}
#member-join-step0 .wrap {}
#member-join-step0 .wrap .d-block {padding-top:1rem; padding-bottom:1rem;font-size: 15px; max-width: 400px; margin: 0 auto;}
#member-join-step0 .wrap .btn-success{background-color:#7dc020; border-color:#7dc020;}
#member-join-step0 .wrap .btn-facebook{background-color:#4e73df; border-color:#4e73df;}

.mjc-table tbody th{min-width:150px;}

/**/
#join-success {text-align:center;}
#join-success a {
    width:300px; display:inline-block; padding:15px;
    text-align:center; border:1px solid #254D88; color:#254D88; border-radius:30px;
}
#join-success .rect-box {
    border:5px solid #F7F7F7; padding:50px; border-radius:30px; max-width:500px;
    width:100%; margin:auto;
}
#join-success .rect-box a {
    background:#254D88; color:#fff;
}
#join-success .rect-box .fs-24 {color:#254D88; word-break:keep-all;}
#join-success .rect-box .fs-15 {color:#9E9E9E; word-break:keep-all;}

/**/
#member-join .form-control {
    border:1px solid #F7F7F7;
    background:#F7F7F7;
    margin-bottom:0;
}
#member-join .textarea {
    border-radius:10px;
    height:200px;
}
#member-join input[type=submit] {
    border:1px solid #254D88;
    margin:auto;
    width:100%;
    max-width:160px;
    background:#254D88;
    border-radius:30px;
    padding:15px;
    color:#fff;
}

@media( max-width:430px ){
	.mjc-table tbody th{min-width:110px; width:100px;}
	#join-success .rect-box {padding:50px 30px;}
}

@media( max-width:360px ){
	#join-success a {width:100%;}
}