body{
    overflow-x: hidden;
}
.home-2021{
    background: url('../images/bg_top01.png') 0 0 no-repeat;
    background-size: 100%;
    padding: 165px 0 100px;
}
.box_huongdan {
    background: #fff6d3;
    border: 1px solid #f7e7a9;
    padding: 10px;
	margin-bottom: 20px;
}
.clearfix-2021{
    padding: 0px 24px 30px 380px;
    color: white;
    font-size: 16px;
}
.procedure .v-pro{
    background: #fff;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    padding: 0px;
}
.procedure .v-pro img{
    width: 100%;
}
.procedure .v-pro .content{
      padding: 9px 25px 40px;
    height: 210px;
}
.procedure .v-pro .content::after{
    background: url(../images/icons/arrow_com02.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    bottom: 0;
    right: 15px;
    content: "";
    z-index: 2;
    position: absolute;
}
.procedure .v-pro:hover{
    border: 3px solid #0678a7;
}
.procedure .v-pro .title{
    font-size: 22px;
    color: #0678a7;
    font-weight: bold;
    border-bottom: 1px solid #bdcdd3;
}
.catelog-full{
    background: url(../images/dot_com01.png) 0 0 repeat;
}
.catelog{
    padding: 30px;
}
.catelog .product{
    margin-bottom: 30px;
}
.catelog .title{
    font-weight: 600;
}
.catelog .title::after{
    /* content: '';
    background: url('../image/icons/bgtitle1.png');
    width: 100%;
    min-height: 18px;
    display: block;
    margin: 10px 0 22px; */

}
.catelog .product .image{
    background-color: #f1f1f1e0;
    height: 360px;
    padding-top: 40px;
    margin: 0px 15px;
    border-bottom: 1px solid #bdcdd3;
}
.catelog .product .image img{
    width: 100%;
}
.for_slick_slider{
    display: flex;
}
.for_slick_slider .items img{
    width: 100%;
}
.for_slick_slider .items{
    width: 450px;
}
.slick-dots{
    list-style: none;
    display: flex;
    text-align: center;
    padding: 0;
}
.slick-dots li{
    padding-left: 15px;
}
.items .title {
    padding: 20px 20px;
    margin: 0px 15px;
    background-color: #f1f1f1e0;
    text-align: center;
}
.items .title h3{
    margin-top: 0;
    font-size: 22px;
    color: #0678a7;
    font-weight: bold;
    
}

.product .items .slick-slide:focus{
    border: none;
}
.category-full {
    background: url(../images/bg_top02.png)0 bottom no-repeat ;
    padding:100px 0px 50px 0px;
}
.catelog-product .title{
    padding:50px 0 0 0;
}
.category .image img{
    width: 100%;
}
.category-left .image img{
    width: 100%;
}
.category dd{
    text-transform: uppercase;
    overflow: hidden;
    padding: 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
}
.category .title{
    border-bottom: 2px solid #0678a7;
    margin-bottom: 15px;
    padding-bottom: 1px;
}
.category .detail {
    position: relative;
    bottom: 0;
    left: 290px;
    z-index: 2;
     top: 62px;
}
.detail a{
    text-transform: uppercase;
    display: inline-block;
    border: 2px #0678a7 solid;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 45px;
}
.detail a span{
    display: inline-block;
    background: url(../images/icons/arrow_com01.png) 0 center no-repeat;
    padding-left: 30px;
}
.catefory-left-full{
    padding:100px 0px 50px 0px;
    background: url(../images/bg_top03.png) right bottom no-repeat;
}
.category-left .title{
    border-bottom: 2px solid #0678a7;
    margin-bottom: 15px;
    padding-bottom: 1px;
}
.category .title .content{
    padding-top: 6px;
	padding-left: 0px;
}
.category-left .title .content{
    padding-top: 6px;
	padding-left: 0px;
}
.category-left dd{
    text-transform: uppercase;
    overflow: hidden;
    padding: 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
}
.category-left .detail {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    top: 275px;
}
.news{
    padding-top: 100px;
}
.news .content .tin-tuc{
    margin-bottom: 15px;
}
.news .title{
    display: block;
}
.news .title dd{
    
    overflow: hidden;
    padding: 0 0 0 30px;

}
.news dd p{
    width: 145px;
}
.title .hinh-category{
	padding-left: 0px;
}
.title .hinh-category .image{
    margin-top: 9px;
}
.news dd  a {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    background: url(../images/icons/arrow_navipro.png) 15px center no-repeat #0678a7;
    color: #fff;
    background-size: 7px 10px;
}

.news .title dt{
    float: left;
    font-size: 34px;
    font-weight: bold;
    width: 140px;
    line-height: 1;
    border-right: 1px solid #ddd;
}
.news .content{
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 30px 0;
}
.news .content .noi-dung{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    border-bottom: 1px solid #b2b2b2;
}
.news .content .date span{
    display: inline-block;
    width: 110px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #0678a7;
    margin-left: 20px;
}
.comcontact .contactdet{
    background: #4ca553;
    padding: 30px 0;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.contactdet::after{
    position: relative;
    content: "";
    background: url(../images/icons/arrow_comcontact.png) 0 0 no-repeat;
    left: 50%;
    bottom: -46px;
    width: 47px;
    height: 17px;
    transform: translateX(-50%);
    z-index: 2;
}

.contact{
    padding: 40px 10px 90px;
}
.contact .hotline-home::before{
        position: absolute;
        content: "";
        background: #ddd;
        width: 1px;
        height: 100%;
        right: 0;              ;
        top: 0;
        z-index: 2;
}
.container-2021{
    position: relative;
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
}
.container-category {
    position: relative;
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
}
.comcontact{
	padding-top: 100px;
}
@media only screen and (max-width: 900px){
	.comcontact{
	padding-top: 30px;
	}
	.contact {
    padding: 40px 10px 30px;
	}
	.home-2021{
		display: none;
	}
	.category-full {
		padding: 0px;
	}
	.catefory-left-full{
    padding:0px;
}
}