@charset "utf-8";
.top-main{width:100%;height:auto;background:#ff6c5e}
.top-main img{display:block;margin:0 auto}
.box-huongdan{width:100%;height:auto}
.box-huongdan h3{text-align:center;font-weight:700;color:#ff6c5e;padding-top:7px}
.tab{border-radius:3px;padding:15px 40px}
.tab:hover{text-decoration:none}
.tab-left{background:#ff6c5e}
.tab-right{background:#3a87cf}
.tab span{font-size:18px;color:#fff;font-weight:700}
.tab img{padding-right:10px}
.huongdanleft{width:100%;height:auto;float:left;margin-top:5px;display: flex;flex-wrap: wrap;}
.huongdanright{width:23%;height:auto;right:90px;position:fixed;bottom:0;border:1px solid #cdcdcd;background:#fff;border-radius:5px 5px 0 0;z-index: 9;}
.huongdanright ul li{list-style-image:url(../images/imghuongdan/arrow.png);margin-left:40px;margin-top:8px;border-bottom:1px solid #cdcdcd}
.huongdanright ul li a{font-weight:700;font-size:16px;color:#2f69b3}
.huongdanright ul li:nth-child(5){border-bottom:none;list-style-image:url(../images/imghuongdan/call_1.png)}
.huongdanright2{width:23%;height:auto;right:90px;position:fixed;bottom:0;border:1px solid #cdcdcd;background:#fff;border-radius:5px 5px 0 0;display:none}
.huongdanright2hienlen{display:block}
.huongdanright2 ul li{list-style-image:url(../images/imghuongdan/arrow.png);margin-left:40px;margin-top:8px;border-bottom:1px solid #cdcdcd}
.huongdanright2 ul li a{font-weight:700;font-size:16px;color:#2f69b3}
.huongdanright2 ul li:nth-child(5){border-bottom:none;list-style-image:url(../images/imghuongdan/call_1.png)}
.huongdan{width:100%;height:auto;margin:left;margin:2px left 20px;box-shadow:0 0 2px 2px rgba(167,167,167,.7)}
#huongdan-pc, #huongdan-m {
    border: 0;
    box-shadow: 0 0 5px 2px #ddd;
    padding: 15px;
    margin-bottom: 25px;
}
#huongdan-m{display:none}
.StepM{width:100%;height:auto;border-bottom:1px solid #cdcdcd;margin-bottom: 35px;}
.StepM .icon-step{float:left;padding-right:10px;padding-left:10px}
.StepM h2{font-weight:700;color:#2f69b3;padding-top:20px;padding-bottom:10px;text-transform:uppercase;font-size:18px;margin-bottom: 30px;}
.StepM p{font-size:16px;padding-left:10px;clear:both}
.StepM span{font-weight:700;color:#ff5342}
.StemM img{float:left}
.TK-bank{width:48%;height:auto;margin-bottom:10px;margin-left:10px;border:1px solid #cdcdcd;float:left}
.question{background:url(../images/imghuongdan/questionmarks.png) right no-repeat;width:100%;height:auto;clear:both}
.ndquestion{width:100%}
.ndquestion h2{font-weight:700;color:#2f69b3;padding-top:5px;padding-bottom:10px;text-transform:uppercase;font-size:18px}
.ndquestion p{font-size:16px}
.ndquestion span{font-weight:700;color:#ff5342;font-size:16px}
.icon_question{float:left}
@media screen and (max-width:1280px){.huongdanright,.huongdanright2{right:0;width:27%}}
@media screen and (max-width:420px){.tab span{font-size:15px}
.tab-left,.tab-right{padding:7px 20px}
.StepM h2{font-size:12px}
.TK-bank{width:100%;float:none}}
@media screen and (max-width:360px){.tab span{font-size:15px}
.tab-left,.tab-right{padding:7px 20px}
.StepM h2{font-size:12px}
.TK-bank{width:100%;float:none}}
@media screen and (max-width:320px){.tab span{font-size:12px}
.tab-left,.tab-right{padding:7px 10px}
.StepM h2{font-size:12px}
.TK-bank{width:100%;float:none}}
@media screen and (max-width:280px){.tab span{font-size:12px}
.tab-left,.tab-right{padding:7px 10px}
.StepM h2{font-size:12px}
.TK-bank{width:100%;float:none}}
#huongdan-m .StepM img:not(.icon-step),
#huongdan-pc .StepM img:not(.icon-step) {
    width: auto;
    height: auto;
    display: flex;
    margin: 0 auto;
    padding-bottom: 30px;
}
.thongtinthe > div:first-child {
    min-height: 120px;
}
.ts247-hidden{
    display: none !important;
}
#list_bank_icon img {
    width: auto !important;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 15px;
}