nav.head{
    height:60px;
    width:100%;
    background-color:white;
    box-shadow:0px 2px 4px 0px rgb(4 33 72 / 8%);
    position:fixed;
    z-index:999999;
}

nav.head .main{
    min-width:320px;
    max-width:var(--main_width);
    margin:auto auto;
    padding-left:5px;
    padding-right:5px;
}

nav.head .main .logo{
    float:left;
    cursor:pointer;
}

nav.head .main .menus{
    float:right;
    list-style-type:none;
    padding:0px;
    margin:0px;
    margin-right:5px;
    margin-top:5px;
}

nav.head .main .member_title{
    position:absolute;
    top:25px;
    right:0px;
    text-align:right;
    color:#373a3c;
    margin-right:10px;
    font-size:10px;
}
nav.head .main .member_title br{
    display:none;
}

nav.head .main .menus_toggle{
    display:none;
    cursor:pointer;
}

nav.head .main ul.menus a{
    
}
nav.head .main ul.menus li.items{
    display:inline;
    margin-left:10px;
}
nav.head .main ul.menus li.items:hover{
    color:rgba(11, 101, 179, 1);
    cursor:pointer;
}

@media only screen and (max-width:610px)
{
    nav.head .main .menus_toggle{
        text-align:right;
        margin-top:5px;
        display:block;
    }
    nav.head .main ul.menus{
        background-color:white;
    }
    nav.head .main .member_title{
        text-align:right;
        font-size:10px;
        top:2px;
    }
    nav.head .main .member_title br{
        display:block;
    }

    nav.head .main ul.menus li.items{
        display:none;
        cursor:pointer;
        text-align:left;
        min-width:120px;
        margin:0px;
        padding-left:10px;
        padding-right:10px;
        line-height:40px;
        border-bottom:1px solid #eee;
        box-shadow:0px 2px 4px 0px rgb(4 33 72 / 8%);
    }
    nav.head .main ul.menus li.items.on{
        display:block;
    }
}