/*Signup-Signin*/
.motgame-registration{background: #fff;box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.1);}
.motgame-tabs{display: flex;flex-direction: row;gap: 20px;border-bottom: 1px solid #d7d7d7;padding-left: 30px;}
.motgame-tab-btn{font-size: 16px;font-weight: 700;padding: 12px 16px;cursor: pointer;}
.motgame-tab-btn.active{border-bottom: 3px solid #005832;}
.box-signup-title{display: none;}
#__MB_MEMBER_LOGIN .bx-item a{color: #005832;font-weight: 700;}
.box-signup-content {padding: 30px 30px;display: grid;flex-direction: column;gap: 30px;}
.required{color:red;}
.bx-item input[type=text],.bx-item input[type=email],.bx-item input[type=password]{display: block;width: 300px;height: 40px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;outline: none;max-width: 100%;}
.top-bar-list-content .bx-item input[type=text],.top-bar-list-content .bx-item input[type=email],.top-bar-list-content .bx-item input[type=password]{width:100%;}
.bx-item input[type=checkbox] {margin-left: 0;vertical-align: -2px;}
.btn-button {height: 40px;background: #007140;color: #fff;font-weight: 700;display: block;cursor: pointer;border-radius: 3px;width: 180px;border: 0;background-image: linear-gradient(to right, #05a962, #007140);color: #fff !important;}
.btn-save:hover {color: #fff;opacity: 0.8;}
.top-bar-list-content .bx-item button{width:100%;}
#__SIGNUP_FORM_DONE .ui-widget .ui-state-highlight{padding-top: 10px;}
.author-box-wrap {border: 1px solid #ededed;padding: 10px;margin-bottom: 15px;}
.author-box-wrap .desc {margin-left: 117px;font-size: 12px;}
.td-author-name {font-family: open sans,arial,sans-serif;font-size: 15px;line-height: 21px;font-weight: 700;margin: 7px 0 8px;}
.td-author-name a {color: #222;}
.td-author-url {font-size: 11px;font-style: italic;line-height: 21px;margin-bottom: 6px;}
.td-author-url a {color: #444;}
#__SIGNUP_FORM_DONE h2{margin: 20px 0;color: #005832;}
#__SIGNUP_FORM_DONE .ui-state-error{padding: 20px;font-size: 15px;border: 1px solid #005832;}
/* hna-signin-signup-mxh */
#__MB_MEMBER_LOGIN,#__MB_MEMBER_LOGIN .bx-item,.hna-signin-signup-mxh,.hna-mxh-content,#__MB_MEMBER_REGISTER,#__MB_MEMBER_REGISTER .bx-item {display: grid;
flex-direction: column;gap: 15px;}
.hna-sign-with {width: 300px;height: 48px;display: flex;flex-direction: row;align-items: center;justify-content: center;background: #f2f5f9;border-radius: 5px;
cursor: pointer;}
.hna-sign-with > span{background: url(../images/sign-in-gg.png) left 0px no-repeat;padding-left: 25px;background-size: 20px;}
.hna-sign-with > span.with-facebook{background: url(../images/sign-in-fa.png) left 0px no-repeat;background-size: 20px;}
.hna-sign-with:hover > span{color: #f69220;}
@media screen and (max-width: 840px) {
    .box-signup,.box-signin{
        width: 100%;
        position: unset;
        float: left;
    }
    .box-signup{
        display: none;
    }
    .hna-desktop{
        display: none !important;
    }
    .hna-mobile{
        display: block !important;
        color: #f69220;
    }
    .hna-mobile span{
        cursor: pointer;
        margin-left: 10px;
    }
    .box-hna-signup.box-signup{
        display: block !important;
    }
    .hna-sign-with{
        width: 100%;
    }
}