.mx10px {
        margin-left:5px;
        margin-right:5px;
    }
    .mx10px img{
        width: 25px;
        height: 25px;
    }
    

    #login { 
        display:none;
        padding-top: 10px;
        padding-bottom:10px;  
        
        z-index: 9300;
        position: fixed;
        top: 30px;
        left: 5px;
        min-width: 250px;
        width: 250px;
        background-color: #ededed;
        color: black;
        padding: 10px;
        border-color: green;
        border-radius: 20px;
    }
    
    #login>header {
        font-weight: bold;
        margin:0px;
    }
    
    
    @media screen and (min-width:400px){
        right: 5px;        
    }
    
    div#pw_input_show {vertical-align:middle;}
    div#pw_input_hide {vertical-align:middle;}
    div#login_cap_msg { border-top: 1px solid green;}
    
    #login_no_server {color:red;}

    #login div {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    
    #login input {
       background-color: var(--cl-body-back) !important;
       border: 1px solid #ededed;
    }
    
    #login_ml { width: 160px; }
    #login_i_pw, #login_cap_s {width: 160px;}
    #login_captcha { vertical-align: top;  }
    #login_div_captcha {white-space: nowrap;}
    #login_div_captcha > img { height: 55px;} 
    #login_div_captcha > button { width:10px; height: 55px;}
    
    #login button {
        border: 1px solid #ededed;
        width: 230px;
    }