@font-face {
    font-family: 'td';
    src: url('font/RobotoCondensed-Bold.ttf');
}
.frm_kiemchung form{
    border-radius: 8px;
    position: relative;
}
.td_tdtd{
    font-family: 'td';
    font-size:45px;
    border-bottom:4px solid #fdc640;
    margin-bottom:20px;
    text-transform: uppercase;
}
div.item_cauhoi{
    padding:0;
}
.cau_tdtd{
    font-size:25px;
    text-transform:uppercase;
    font-family: 'td' !important;
    margin-bottom: 20px;
}
.cau_tdtd span{
    background:#fdc640;
    width:35px;
    margin-right:10px;
    display:inline-block;
    text-align:center;
}
.cau1_tdtd{
    display:flex;
    align-items:center;
    justify-content: space-between;
    flex-flow: wrap;
}
div.frm_kiemchung .item_kc label{
    background: none !important;
    border: none !important;
    padding:0;
    margin:0;
    position:relative;
    display: block;
    text-align: left;
    color: #000000 !important;
}
div.frm_kiemchung .item_kc .cau3_tdtd label{
    min-width: 60px;
}
div.frm_kiemchung .item_kc label img{
    display:inline-block;
}
div.frm_kiemchung .item_kc .item_c img,.cau2_tdtd img{
    max-height:90px;
}
div.frm_kiemchung .item_kc label span{
    border:2px solid #004f9e;
    border-radius: 5px;
    padding: 4px 8px;
    position:absolute;
    right:0;
    top: 40%;
    background: #ffffff;
    min-width: 60px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}
div.frm_kiemchung .item_kc label.active_chon span{
    background:#004f9e;
    color:#ffffff;
}
div.frm_kiemchung .clip_lui, div.frm_kiemchung .click_tiep,div.frm_kiemchung .click_ketqua{
    width:120px;
    height:37px;
    background:url(images/tieptheo.jpg) center no-repeat;
    bottom: 0px;
    top:auto;
    right: 15%;
    background-size: 100% 100%;
    position:absolute;
}
div.frm_kiemchung .click_ketqua{
     background:url(images/ketqua.jpg) center no-repeat;
     font-size:0;
     width:122px;
     bottom: 20px;
}
div.frm_kiemchung .clip_lui{
    background:url(images/trove.jpg) center no-repeat;
    left: 14%;
    transform: rotate(0deg);
    background-size: 100% 100%;
}
.socau_pt{
    width:100%;
    text-align: center;
    position: relative;
    padding-bottom: 12px;
    margin-top:30px
}
.socau_pt:before{
     background:#e5e5e5;
     content:'';
     width:100%;
     height:10px;
     position: absolute;
     bottom: 0;
     left: 0;
    border-radius:20px;
}
.socau_pt:after{
    content:'';
    background:#004f9e;
     content:'';
     width:calc(100% / 7);
     height:10px;
     position: absolute;
     bottom: 0;
     left: 0;
    border-radius:20px;
}
.item_cauhoi:nth-child(2) .socau_pt:after{
    width:calc(100% / 7 * 2);
}
.item_cauhoi:nth-child(3) .socau_pt:after{
    width:calc(100% / 7 * 3);
}
.item_cauhoi:nth-child(4) .socau_pt:after{
    width:calc(100% / 7 * 4);
}
.item_cauhoi:nth-child(5) .socau_pt:after{
    width:calc(100% / 7 * 5);
}
.item_cauhoi:nth-child(6) .socau_pt:after{
    width:calc(100% / 7 * 6);
}
.item_cauhoi:nth-child(7) .socau_pt:after{
    width:calc(100% / 7 * 7);
}
.cau2_tdtd{
     justify-content:center;   
}
.cau2_tdtd label{
    margin: 0 5% !important;
}
.cau3_tdtd{
    justify-content:center;
}
.cau3_tdtd img{
    margin:0;
    margin-right: 30px;
}
div.frm_kiemchung .item_kc .cau3_tdtd label span{
    position:relative;
    margin: 0 10px;
}
div.bmi{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
    flex-flow: wrap;
}
.nen_cao{
    width:150px;
    height:150px;
    background:url(images/cao.jpg) center no-repeat;
    background-size: 100% 100%;
    position:relative;
}
.nen_nang{
    width:150px;
    height:150px;
    background:url(images/nang.jpg) center no-repeat;
    background-size: 100% 100%;
    position:relative;
}
.nen_cao input{
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translate(0%, -50%);
}
.nen_nang input{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
div.bmi input[type='text'],div.bmi input[type='text']::placeholder{
    width:70px;
    border:none;
    text-align:center;
    font-family:'tieude';
    color:#000000;
    font-size:15px;
    padding: 0;
    background: none;
}
div.bmi input[type='text'].ketqua_bmi,div.bmi input[type='text'].ketqua_bmi::placeholder{
    background:#01509f;
    height: 70px;
    border-radius: 50%;
    color: #ffffff !important;
}
a.lamlai{
    border-radius: 30px;
    line-height: 40px;
}

@media screen and (max-width: 500px) {
    .td_tdtd{
        font-size: 25px;
    }
    div.frm_kiemchung .item_kc label{
        width: 49%;
        margin: auto;
        text-align: center;
    }
    div.frm_kiemchung .clip_lui, div.frm_kiemchung .click_tiep, div.frm_kiemchung .click_ketqua{
        right: 6%;
    }
    div.frm_kiemchung .clip_lui{
        left: 5%;
    }
    .cau3_tdtd img{
        margin: auto;
    }
    div.bmi{
        justify-content: center;
    }
    .hinh{
        width: 100%;
        text-align: center;
    }
}