.stvservice, .stvtrust, .hoidap{background:#fff;color:#222}
.stvtuvan, .stvykien {background: #F2F4F7;color: #222222;}
.top_slide {max-height:700px}
.block1503 {
background: #F2F4F7 url('../images/quytrinh-shape.png') bottom center repeat-x;
background-size: cover auto;
color: #222222;
}
#navi {margin-top:19px}
.block1503 a {
color: #222222;
}

.block1503 a:hover {
color: #222222;
}
.hoidap .faq {
	    position: relative;
    display: block;
    width: 100%;
	margin: 0;
	    padding: 0;
    font: 400 16px / 25px 'Roboto', sans-serif;
}
.hoidap .obox {
	    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font: 400 16px / 25px 'Roboto', sans-serif;
}
.hoidap .grid {
	    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 45px;
    
    max-width: 1200px;
    margin: 0 auto;
}

.hoidap .faqimg img{width:80%}
.hoidap .support {padding:15px}
.hoidap .support .heading-title{margin: 5px 0}
.hoidap .support .support-content{position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    align-items: center;
    margin: 15px auto;}
.hoidap .support .support-content .item {
display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}	
.hoidap .support .support-content .item a	
	{
		-webkit-box-flex: 0;
    -ms-flex: 0 0 43px;
    max-width: 43px;
    flex: 0 0 43px;
    margin-right: 1.5rem;
	}
	
.hoidap .support .support-content .item .item-info p{
	font-style: italic;
    color: #f17d59;
    line-height: 16px;
	}
.hoidap .faq .faq-list li.item {    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);margin-bottom:15px}
.hoidap .faq .faq-list li.active h3{ background-color: #f17d59 !important; color:#fff}
.hoidap .faq .faq-list li.item h3	
	{
margin: 0;
    font-size: 17px;
    padding: 5px 20px;
    background: #fff;
    cursor: pointer;
	}
.hoidap .faq .faq-list li.item p {padding:15px;display:none}
.hoidap .faq .faq-list li.active p {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	display:block !important
}
.mxh a {margin:5px 2px}
.notify{width:100%;background-color:#f2f4f7;font-size:12px;height:28px;line-height:28px;padding:0 15px}
.notify .row{max-width:1300px;margin:0 auto;padding:0 15px}
.notify .row .rate{width:85px;float:left}
.notify .row .note{    width:30%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;}
.notify .row i{float:left;color:#f27c00;padding-right:10px;line-height:28px}
.notify .row .rate span{color:#f27c00;font-weight:bold}

.notify .row .note a{
		display: inline-block;
		padding-left: 100%;
		animation: move 25s linear infinite;		
	}
@keyframes move {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
#content .container {max-width:1300px;margin: 0 auto;}
#content .container .cbm_form, .fee_form{position: relative;
	margin-top:20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: center;}
#content .container .cbm_form .input label,#content .container .fee_form .input label {
	    width: 100%;
    display: inline-block;
    
}
#content .container .cbm_form .input input, #content .container .fee_form .input input{
	width: 100%;
    height: 35px;
    padding: 5px 11px;
}
#content .container .cbm {margin-bottom:50px;padding:15px;font-size: 16px;}
#content .container .button {text-align:center}
#content .container .title-block {border-bottom: 2px solid #e67e22;
    padding: 0;
    
    width: 120px;
	margin: 10px 0 15px;
    font-weight: bold;}
#content .container .button button
{
	    font: 450 15px / 25px Roboto, sans-serif;
    background: #e67e22;
    color: #fff;
    border: 0;
    cursor: pointer;
    padding: 7px 30px;
    border-radius: 5px;
    margin: 25px 12px;
    transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
    box-shadow: 0 10px 24px rgba(230, 126, 34, .25);
}
.fee{padding:15px}
.page-detail {line-height: 27px;
    font-size: 15px;}
.page-category{line-height: 27px;
    font-size: 15px;padding:20px 15px}
.page-detail h1,h2,h3,h4{padding:7px 0}
.page-detail ul{padding:15px;margin-left:35px}
.page-detail img{width:100%;max-width:800px;height:auto}
.stvtable {max-width:100%;margin:10px 0;border-collapse:collapse;width:100%;font-size:15px}
.stvtable th{padding:3px 8px;border:#b9ceed 1px solid;text-align:left;background:#e67e22;color:#fff}
.stvtable td{padding:3px 8px;border:#b9ceed 1px solid;}

.page-detail table {max-width:100%;margin:10px 0;border-collapse:collapse;width:100%;font-size:15px}
.page-detail table th{padding:3px 8px;border:#b9ceed 1px solid;text-align:left;background:#e67e22;color:#fff}
.page-detail table td{padding:3px 8px;border:#b9ceed 1px solid;}

.fee_contact{color:green}
.fee_result {    background: #335685;
    padding: 7px;
    color: #fff;    
    font-size: 15px;}
.menu .active{display:inline-block}

@media (max-width: 640px) {
    #content div.home ul li.hoidap section, .hoidap .grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
        gap: 25px;
    }
	.hero-swiper .swiper-slide .swiper-text .ibox .swiper-box .swiper-title
	{
		padding:15px 0 15px;
	}
	.notify .row .note{width:65% !important}
	#content .container .cbm_form, .fee_form{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    }
	#navi {margin-top:38px}
	.notify .row{padding:0}
}