.frmcard{
    position:relative; 
    min-height:240px; 
    color:white;
    display: flex;
    align-items: center;
}

.frmAddr {
    display: flex;
    align-items: center;
}

.cardHead {
    position: absolute;
    left: 42%;
    top: 25%;
    font-weight: bold;
    font-size: 20px;
}
.cardNameTH{
    position:absolute;
    left: 18%;
    top: 45%;
    font-size: 17px;
}
.cardNameEN{
    position:absolute;
    left: 18%;
    top: 52%;
    font-size: 10px;
}
.cardCompanyTH{
    position:absolute;
    left: 18%;
    top: 65%;
    font-size: 14px;
}
.cardCompanyEN{
    position:absolute;
    left: 18%;
    top: 72%;
    font-size: 10px;
}
.cardRegis{
    position:absolute;
    left: 18%;
    top: 85%;
    font-size: 10px;
}
.cardRegisID{
    position:absolute;
    left: 18%;
    top: 90%;
    font-size: 16px;
}
.cardExpire{
    position:absolute;
    left: 55%;
    top: 85%;
    font-size: 10px;
}
.cardExpireDate{
    position:absolute;
    left: 55%;
    top: 90%;
    font-size: 16px;
}

.itemMemberFlex {
    flex-direction: row;
}

.table-responsive {
    display: block;
}

.list-responsive {
    display: block;
}

.member-w6 {
    width: 50%
}

.member-w4 {
    width: 50%
}

@media (min-width: 1000px) {
    .frmcard{
        min-height:140px;
    }
    .cardHead {
        top:22%;
        font-size:15px;
    }
    .cardNameTH{
        font-size: 12px;
    }
    .cardNameEN{
        font-size: 8px;
    }
    .cardCompanyTH{
        font-size: 11px;
    }
    .cardCompanyEN{
        font-size: 8px;
    }
    .cardRegis{
        font-size: 8px;
    }
    .cardRegisID{
        top: 90%;
        font-size: 12px;
    }
    .cardExpire{
        font-size: 8px;
    }
    .cardExpireDate{
        font-size: 12px;
    }

    .table-responsive {
        display: block;
    }

    .list-responsive {
        display: none;
    }
}

@media (max-width: 999px) {
    .table-responsive {
        display: none;
    }

    .list-responsive {
        display: block;
    }
}

@media (min-width: 1200px) {
    .frmcard{
        min-height:160px;
    }
    .cardHead {
        top:22%;
        font-size:15px;
    }
    .cardNameTH{
        font-size: 12px;
    }
    .cardNameEN{
        font-size: 8px;
    }
    .cardCompanyTH{
        font-size: 11px;
    }
    .cardCompanyEN{
        font-size: 8px;
    }
    .cardRegis{
        font-size: 8px;
    }
    .cardRegisID{
        top: 90%;
        font-size: 12px;
    }
    .cardExpire{
        font-size: 8px;
    }
    .cardExpireDate{
        font-size: 12px;
    }
}
@media (min-width: 1300px) {
    .frmcard{
        min-height:180px;
    }
}
@media (min-width: 1400px) {
    .frmcard{
        min-height:200px;
    }
}

@media (min-width: 1500px) {
    .frmcard{
        min-height:220px;
    }
}
@media (min-width: 1600px) {
    .frmcard{
        min-height:235px;
    }
    .cardHead {
        top:20%;
        font-size:15px;
    }
    .cardNameTH{
        font-size: 12px;
    }
    .cardNameEN{
        font-size: 8px;
    }
    .cardCompanyTH{
        top: 61%;
        font-size: 11px;
    }
    .cardCompanyEN{
        top: 68%;
        font-size: 8px;
    }
    .cardRegis{
        top: 78%;
        font-size: 8px;
    }
    .cardRegisID{
        top: 81%;
        font-size: 12px;
    }
    .cardExpire{
        top: 78%;
        font-size: 8px;
    }
    .cardExpireDate{
        top: 81%;
        font-size: 12px;
    }
}

/* ETAX */
.button-etax {
    padding-right: 0px;
}

@media only screen and (max-width: 1024px) {
    .button-etax {
        padding-right: 15px;
    }

    .itemMemberFlex {
        flex-direction: column;
    }

    .member-w6 {
        width: 60%
    }

    .member-w4 {
        width: 40%
    }
}