.header{background: #fff;}
body{margin:0 auto;padding:0 auto;font-size:14px;line-height:26px;font-family:Roboto,sans-serif}*{margin:0 auto;padding:0 auto;outline:0;text-decoration:none}*,::after,::before{box-sizing:border-box}.clr{clear:both}ul{padding:0}img{border:0;max-width:100%;height:auto}.pagewrap{position:relative;width:1200px;margin:0 auto}
.logo{float: left; width: 110px;}
.logo a{line-height: 0px;display: block;}
.logo a img{width: 100%;}
.hotline-ladipage{background: #546ce8; float: left;padding: 16px 35px;text-align: center;min-width: 340px;}
.hotline-ladipage a{color: #fff;display: block;}
.menu{float: left;padding: 0px 55px;}
.menu ul{padding: 0px;}
.menu ul li{display: inline-block;}
.menu ul li a{color: #333;padding: 28px 20px;font-size: 18px;display: block;}
.menu ul li a:hover{background: #546ce8; color: #fff;}
.dieukienbaohanh{background-color: #f00; position: relative;text-align: center;}
.dieukienbaohanh h2:before{background:url(images/robot_1.png) no-repeat; content: ''; display: block;position: absolute;width: 90px;height: 90px;background-size: contain;top: 0px;}
.dieukienbaohanh h2{color: #fff; position: relative;padding: 20px;}
.step_baohanh{padding: 30px 0; background: url(images/bg_baohanh.png);}
.step{font-size: 22px; color: #f00;font-weight: bold;}
.row_step{padding: 10px 0; position: relative;}
.row_step .img1{float: left;width: 55%;position: relative;}
.tel_baohanh{position: absolute;right: 45px; bottom: 10px;}
.tel_baohanh a{display: inline-block;}
.tel_baohanh a img{height: 40px; width: auto;}
.row_step .img2{float: right;width: 200px; margin-top: 50px;}
.step_baohanh1{padding: 30px 0;}
.showtext ul{/* padding-left: 20px; */}
.showtext ul li{list-style-position: inside;}
.showtext p{margin-bottom: 10px;}
.linedo{display: inline-block;width: 20px; height: 10px; background-color: #f00;vertical-align: middle; margin-right: 5px;}
.text_tieude{display: inline-block;vertical-align: top;width: calc(100% - 25px);font-size: 13px;}
.step_child{padding: 10px 0px 10px 20px;color: #f00;font-weight: bold;font-size: 16px;}
.step_baohanh3{margin-top: 20px;}
.step_baohanh4{padding: 30px 0; background: url(images/bg_baohanh.png);}
.logo_baohanh{padding: 20px 0;}
.logo_baohanh .logo_doitac{width: 20%;float: left;text-align: center;margin-bottom: 10px;}
.chudo{color: #f00; font-weight: bold;}
.item_doitra{width: 50%; padding: 20px 10px 20px 60px; float: left;position: relative;}
.item_doitra:before{content: ''; background: url(images/bg1.png);position: absolute;display: block;width: 100px;height: 100px;background-size: contain;top: -30px;left: 0px;}
.item_doitra h3{color: #f00;}
.footer_top {
    background: #f7f7f7;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 20px 0;
}
.footer_top .col_footer {
    float: left;
    margin-right: 10px;
    width: 270px;
}
.footer_top .col_footer h3 {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    line-height: 35px;
}
.footer_top .col_footer li {
    list-style: none;
    border-bottom: dotted #ddd 1px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.footer_top .col_footer li a {
    color: #222;
    display: block;
    font-weight: 400;
    font-size: 16px;
}
.newsletter_home {
    float: right;
    width: 360px;
}
.newsletter_home p {
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
}
.newsletter_row {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #666;
}
.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    font-size: 17px;
    line-height: 45px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    resize: vertical;
    box-sizing: border-box;
    font-family: 'Roboto Condensed',Arial,Helvetica,Tahoma,sans-serif;
}
.newsletter_home ul h2 a {
    float: left;
    box-shadow: inset 0 -5px 0 0 rgb(0 0 0 / 15%);
    border-radius: 4px;
    margin-top: 0;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 38px;
    letter-spacing: .025em;
    color: #fff;
    background-color: #f60;
    transition: .3s ease-out;
    text-transform: uppercase;
    display: inline-block;
}
.footer_bct {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}
.footer_bct img {
    width: 250px;
    height: auto;
}
.footer_thanhtoan {
    background: #546ce8;
    width: 360px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}
.footer_thanhtoan h3 {
    color: #fff;
    padding: 0 5px;
}
.icon-fixed-right-group a:first-child {
    margin-top: 0;
}
.icon-fixed-right-group a {
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 40px;
    display: block;
    margin-top: 5px;
}
.icon-fixed-right-group a i{line-height: inherit;}
.icon-fixed-right-group {
    width: 40px;
    position: fixed;
    right: -100%;
    transition: .45s all;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.icon-fixed-right-group.active {
    right: 5px;
    transition: .45s all;
}
.icon-fixed-right-group a:nth-child(1), .icon-fixed-right-group a:nth-child(3), .icon-fixed-right-group a:nth-child(4), .icon-fixed-right-group a:nth-child(5) {
    background: #4267b2;
}
.icon-fixed-right-group a:nth-child(2), .icon-fixed-right-group a:nth-child(7) {
    background: red;
}
.ga-zalo img{width: 100%; height: auto;}
.baohanh3_left{float: left;width: calc(100% - 250px);}
.baohanh3_right{float: right; width: 250px;margin-top: -28px;}
.hotro1 img{width: 85%; height: auto;}
.hotro2 img{width: 140; height: auto;}
.hotro3 img{width: 100%; height: auto;}
@media (max-width:1440px){}
@media (max-width:1366px){}
@media (max-width:1280px){*, *:before, *:after {box-sizing: border-box;}.pagewrap{width:100%;}nav{display: none;}.input_search{width: 45%;}.logo_top{width: 115px;}.nav-main-box{width: 180px;}.nav-main-box .cate-title{padding-left: 20px;font-size: 13px;}.menu_id_load ul li a.menu_top_right{font-size: 13px;}.viewLeft{width: 355px;}.viewRight{width: 470px;}.menu_id_load{width: calc(100% - 180px);}.tintuc_page_id ul{width: 365px;}.right_top_id ul li a.hotline, .right_top_id ul li a.buildpc,.right_top_id ul li a{font-size: 15px;}.timkiem_top select{width: 125px;}.search a{font-size: 14px;}}
@media (max-width:1024px){body{font-size:16px;}*, *:before, *:after {box-sizing: border-box;}.pagewrap{width:100%;}.header{padding: 10px 0;}.input_search{width: 44%;}.logo_top{width: 115px;}.nav-main-box .cate-title{font-size: 13px;}.nav-main-box{width: 180px;}.menu_id_load{width: calc(100% - 180px);}.menu_id_load ul li a.menu_top_right{font-size: 13px;padding: 0 6px;white-space: nowrap;}.right_top_id ul li a.hotline{font-size: 13px;}.right_top_id ul li a.buildpc{font-size: 14px;}.logo_top{width: 115px;}.pro_id_page ul{min-height: 359px;width: 25%;}.m_title_home_a{display: inline-block;}.tieude_page ul{display: none;position: absolute;background: #fff;z-index: 999;right: 0px;/* left: 0px; */box-shadow: 0 22px 43px rgb(0 0 0 / 15%);min-width: 110px;}.tieude_page ul li{float: none;display: block;padding: 5px 10px;border-bottom: 1px solid #ddd;}.tieude_page ul li a{font-size: 13px;white-space: nowrap;}.tintuc_home_id.tintuc_slide ul{width: 100%; margin: 0px;}.timkiem_top select{width: 120px;}.viewLeft{width: 340px;}.viewRight{width: 370px;padding: 0 10px;}.sanpham_right{width: 292px;}.titleView h1{font-size: 18px; line-height: 25px;}.sub-cate{left: 210px;}.footer_top .col_footer{width: 245px; margin-right: 5px;}.newsletter_home{width: 270px;}.build-pc .popup-select{width: 100%;}.build-pc .build-pc_content .list-drive .item-drive span.d-name{width: 30%;}.build-pc .build-pc_content .list-drive .item-drive .drive-checked{width: 70%;}.sub-cate{display: none;}}
@media (max-width:980px){.mobile{display:block;}.desktop{display:none;}.header_mobile{display:block;}#menu_mobile{visibility: visible;}.header_mobile{/* background: #811f20; */font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;float: left;box-sizing: border-box;width: 42px;height: 30px;padding: 0 5px;}.header_mobile.fixed{position: fixed;top: 0;left: 0;}.header_mobile a{background: center center no-repeat transparent;background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );display: block;width: 30px;height: 30px;/* position: absolute; *//* top: 0; *//* left: 10px; */}nav {display: none;position: fixed;}.box_menu{display: none;}.taoweb_class{width: 98%;}.pagewrap768{width: 100%;}.build-pc .popup-select{width: 100%;}.build-pc .popup-select .popup-main .popup-main_content .sort-paging .sort-block span{display: none;}.timkiem_top select{display: none;}.pro_id_page ul{min-height: 310px;width: 33.3333333%;}.menu_id_load ul li .header-hotsale::before{padding: 5px 10px;}.menu_id_load ul li .header-baohanh::before{padding: 5px 10px;}.menu_id_load ul li .header-vanchuyen::before{padding: 5px 10px;}.menu_id_load ul li .header-cskh::before{padding: 5px 10px;}.menu_id_load ul li a.menu_top_right{padding: 0 5px;}}
@media (max-width:960px){}
@media (max-width:900px){}
@media(max-width:854px){}
@media(max-width:818px){}
@media(max-width:800px){}
@media(max-width:768px){.footer_top .col_footer{width: calc(50% - 20px);padding: 10px;}.newsletter_home{width: 100%; padding: 10px 20px;}.footer_bct{width: 35%;}.footer_bct img{width: 100%;}.footer_thanhtoan{width: 64%; margin-left: unset;}}
@media(max-width:740px){}
@media(max-width:736px){}
@media(max-width:732px){}
@media(max-width:720px){}
@media(max-width:696px){.row_step .img1{width: 75%;}.row_step .img2{width: 120px;}.logo{width: 18%;}.hotline-ladipage{width: 82%;min-width: unset;}.tel_baohanh a img{height: 36px;}}
@media(max-width:668px){.menu{padding: 0 10px; width: 100%;}.menu ul li a{padding: 15px 10px;}.row_step .img2{width: 80px; position: absolute;top: -10px; right: 0px;}.item_doitra:nth-child(3){width: 100%;}.hotro2 img{width: 140px; height: auto;}}
@media(max-width:641px){}
@media(max-width:600px){}
@media(max-width:568px){}
@media(max-width:480px){.row_step .img1{width: 100%;}.item_doitra{width: 100%;}.baohanh3_left{width: 100%;}.baohanh3_right{width: 100%;margin-top: unset;}.tel_baohanh a img{height: 30px;}table.baohanhsanpham td:nth-child(2){width: 120px;}.footer_top .col_footer{width: 100%; margin-right: unset;padding: 10px;}.newsletter_home{width: 100%; padding: 10px;}.bottom_id_copyright{padding:10px;}.menu{padding: 0 5px;}.menu ul li a{padding: 5 10px; font-size: 14px;}.row_step .img2{top: -50px;}.hotro2 img{width: 80%; height: auto;}}
@media(max-width:414px){.tel_baohanh a img{height: 30px;}}
@media(max-width:376px){}
@media(max-width:360px){}
@media(max-width:320px){}
@media(max-width:240px){}