/* BASIC css start */
#MSecure_layer1{display:none!important}
.container { width: 350px; margin:0 auto;text-align:center; padding-bottom:100px}
.keylogin{width:35px;}
.container>form::before,.container>form::after {content:''; display:table;}
.container>form::after {clear:both;}
.container>form>div { width:350px;  position:relative;display:inline-block;}

.container>form>div.login {padding-bottom:20px;}
.container>form>div.login>div>input, .container>form>div.nomembers input{background: #f4f4f4;
    border: 1px solid rgb(0 0 0 / 50%);
    margin-bottom: 10px;width:100%; height:45px; line-height:45px; padding:0 12px;}
.container>form>div.login>div:not(.find_account)>a {margin-bottom:10px;width:100%; display:inline-block; 
height:45px; line-height:45px; text-align:center;border: 1px solid rgb(0 0 0 / 50%); float:right; transition:all 0.425s cubic-bezier(0.7, 0, 0.3, 1); }
.container>form>div.login>.login_id {margin-bottom:12px;}
.container>form>div.login>.login_id>a { }
.container>form>div.login>.login_id>a:hover {opacity:0.4;}
.container>form>div.login>.login_pwd {}
.container>form>div.login>.login_pwd>a {color:black; background-color:white;}
.container>form>div.login>.login_pwd>a:hover {color:white; background-color:black;}
.container>form>div.login>div>input::placeholder, .container>form>div.nomembers>div>input::placeholder
{color:#b1b1b1; font-size:11px;    letter-spacing: 0.1em;}
.container>form>div>.head{font-size:12px;  margin:50px 0 15px ;}
.container>form>div>.find_account {position:absolute; right:60px; top:0; height:30px; line-height:30px;}

.container>form>div.nomembers {}
.container>form>div.nomembers>.text {height:45px; margin-bottom:12px;}
.container>form>div.nomembers>div>a {height:45px; line-height:45px; width:30%; text-align:center; border:1px solid black; display:inline-block; transition:all 0.425s cubic-bezier(0.7, 0, 0.3, 1);}
.container>form>div.nomembers>div>a:first-child {background-position:15% center; background-repeat:no-repeat; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAA3UlEQVQokZXSMUpDURCF4WmSFQTSW6XTRist0mgfEN2CuAALXYJ2z1IXEFDJCpIlBAvLNLGwFSIpP5sJxIf67jtw4M5w/hkYbkRN2MUEn+kJ9uq5OjTEGh+4R5XvNYZ/QR0s8IbeVr+XvQU6v4GHmnW0DeykRxg3eLTJB1YFm+r6CiwxxWmhZ3gPzPH077l/3uIZr5Hbpi3AKWabCfMW4BwvgQcsW4BLPAZusWoBrnAXuM4TdwugbmZvAhdZ9AvAfmYvA2dZDArAQWbPA8dZVLhqcJXZk8B+yR+r6eAbdnb+NSsE32wAAAAASUVORK5CYII=); padding-left:12px;}
.container>form>div.nomembers>div>a:first-child:hover {opacity:0.4;}
.container>form>div.nomembers>div>a:last-child {margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid rgb(0 0 0 / 50%);
    float: right;
    transition: all 0.425s cubic-bezier(0.7, 0, 0.3, 1);}
.container>form>div.nomembers>div>a:last-child:hover {opacity:0.4;}
.container>form>div.login>div:not(.find_account)>a {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    height: 50px;
    line-height: 38px;
    text-align: center;
    border: 1px solid rgb(0 0 0 / 50%);
    float: right;
    transition: all 0.425s cubic-bezier(0.7, 0, 0.3, 1);
}
.container>form>div.login>.login_id>a span {
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 10px;
    color: #999;
    top: 16px;
}

.container>form>div.login>div:not(.find_account)>a span {
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 10px;
    color: #999;
    top: 16px;
}
/* BASIC css end */