/* BASIC css start */
#MSecure_layer1{display:none!important}
.container { margin:60px auto; margin:0 100px;text-align:center}
.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:60px;}
.container>form>div.login>div>input {background: #f4f4f4;
    border: 1px solid rgb(0 0 0 / 50%);
    margin-bottom: 10px;width:100%; height:50px; line-height:50px; padding:0 12px;}


.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 {margin-bottom:12px;}
.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>.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{    letter-spacing: 0.1em;color:#b1b1b1; font-size:11px}
.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 {padding-left:60px;}
.container>form>div.nomembers>.text {height:45px; margin-bottom:12px;font-family: 'Gothic A1', sans-serif;}
.container>form>div.nomembers>div>a {height:45px; line-height:45px; width:30%; text-align:center; border:1px solid black; background-color:black; color:white; 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 {color: #000;background-color: #fff; margin-left:5px;}
.container>form>div.nomembers>div>a:last-child:hover {opacity:0.4;}

/* BASIC css end */