
.dropnav-mber-imagebanners > li{
    margin-bottom: 10px;
}
.dropnav-mber-imagebanners > li > .dn-mber-link{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 39.215%;
    align-items: center;
    padding-left: 5px;
}
.pageHeader #mainMenu           .dropnav-mber-imagebanners > li:nth-child(1) > .dn-mber-link,
.pageHeader .memberdn-inmobile  .dropnav-mber-imagebanners > li:nth-child(1) > .dn-mber-link{
    background: transparent url(../images/MemberBenefit2x.jpg) center center no-repeat;
    background-size: contain;
}
.pageHeader #mainMenu           .dropnav-mber-imagebanners > li:nth-child(2) > .dn-mber-link,
.pageHeader .memberdn-inmobile  .dropnav-mber-imagebanners > li:nth-child(2) > .dn-mber-link{
    background: transparent url(../images/MemberNews2x.jpg) center center no-repeat;
    background-size: contain;
}

.dropnav-mber-imagebanners > li > .dn-mber-link > .dn-mber-link-title{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    line-height: 1.25;
    width: 59%;
    padding-left: 15px;
}
@media screen and (min-width:992px) and (max-width: 1279px){
    .dropnav-mber-imagebanners > li > .dn-mber-link > .dn-mber-link-title{
        width: 60%;
        padding-left: 10px;
    }
}


.memberlogin-basic{
    margin-bottom: 10px;
}
.memberlogin-basic > p:first-child{
    margin-bottom: 10px;
}
.icon-member-indropnav{
    width: 80px;
    height: 80px;
}
.memberlogin-link-join{
    color:#3e62ad !important;
    padding: 0 !important;
}
.memberlogin-link-join:hover{
    text-decoration: underline;
}
.btn-mber-login{
    font-size: 16px !important;
}

.memberlogin-in-info{
    margin-bottom: 10px;
}
@media screen and (min-width: 1280px){
    .memberlogin-after{
        padding-left: 30px !important;
    }
}


.m-b-m{
    margin-bottom: 20px !important;
}
.m-b-l{
    margin-bottom: 30px !important;
}
.m-b-xl{
    margin-bottom: 40px !important;
}