@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese');
@import url('https://fonts.googleapis.com/css?family=Sarabun:100,200,300,400,500,600,700,800&display=swap&subset=vietnamese');

.container{
    max-width: 1200px;
    margin: 0 auto;
}
body{
    font-family: "Sarabun";
    font-weight: 400;
    color: #000;
    font-size: 14px;
    background-color: #FFF
}
.close{
    position: absolute;
    top: 12px;
    right: 20px;
}
button:focus{
    outline: none !important;
}

.border-gr{
    border: 1px solid rgb(0, 114, 255);
}
.font-50{
    font-size: 50px;
}
.font-48{
    font-size: 48px;
}
.font-46{
    font-size: 46px;
}
.font-45{
    font-size: 45px;
}
.font-40{
    font-size: 40px;
}
.font-38{
    font-size: 38px;
}
.font-36{
    font-size: 36px;
}
.font-34{
    font-size: 34px;
}
.font-33{
    font-size: 33px;
}
.font-32{
    font-size: 32px;
}
.font-30{
    font-size: 30px;
}
.font-28{
    font-size: 28px;
}
.font-26{
    font-size: 26px;
}
.font-24{
    font-size: 24px;
}
.font-22{
    font-size: 22px;
}
.font-20{
    font-size: 20px;
}
.font-18{
    font-size: 18px;
}
.font-16{
    font-size: 16px;
}
.font-14{
    font-size: 14px;
}
.font-12{
    font-size: 12px;
}
.color-blue{
    color: #006cff;
}
.color-blue-2{
    color: #008aff;
}
.color-blue-3{
    color: #007eff;
}
.ads{
    background: rgb(255, 198, 0) url("../images/telephone-1.png") no-repeat 8px center;
    display: block;
    box-shadow: 0px 5px 20px 0px rgba(255, 186, 0, 0.3);
    position: fixed;
    width: 196px;
    height: 53px;
    border-radius: 26px;
    z-index: 4444;
    right: 14px;
    top: 260px;
    padding: 8px 10px 5px 56px;
}
.ads-text{
    color: rgb(51, 51, 51);
    font-weight: bold;
    display: block;
    letter-spacing: 1.15px;
}
.ads-phone{
    color: rgb(51, 51, 51);
    font-weight: bold;
    text-transform: uppercase;
    margin-left: -2px;
}
.ads:hover{
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 8px 0px #7b7b7b ;
    -moz-box-shadow: 0px 0px 8px 0px #7b7b7b ;
    box-shadow: 0px 0px 8px 0px #7b7b7b ;
}
.banner_btn {
    background-color: rgb(58, 146, 245);
    box-shadow: 0px 13px 62px 0px rgba(86, 79, 211, 0.41);
    width: 250px;
    height: 52px;
    border-radius: 2px;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(255, 255, 255);
    font-weight: 400;
    display: block;
}


.banner_btn:hover{
    text-decoration: none;color: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px #7b7b7b;
    -moz-box-shadow: 0px 0px 8px 0px #7b7b7b;
    box-shadow: 0px 0px 8px 0px #7b7b7b;
}
.banner_btn img{
    margin-left: 8px;
}





.content-1{
    border-bottom: 1px solid #ddd;
}
.col-x-1 {
    padding-top: 95px;
    /*padding-left: 83px;*/
    /*max-width: 590px;*/
    width: 100%;
}
.title-1-1{
    margin-bottom: 30px;
}
.title-1-1 img{
}
.title-1-2{
    font-size: 36px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 40px;
}
.banner_list_{
    margin: 0 0 20px;;
    padding: 0;
}
.banner_list_ li{
    list-style: none;
    background: transparent url('../images/ic-list-e.png') no-repeat 0 5px;
    min-height: 26px;
    padding-left: 45px;
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 1.818;
}
.banner_list_txt{
  font-size: 22px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  font-weight: 700;
  line-height: 1.818;
  margin-bottom: 15px;
}


.bf_chat_title{
    font-size: 40px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

/*bg_web_ggcdn*/
.bg_web_ggcdn{
    background: #fff;
    padding: 80px 0 80px;
}
.bf_ggcdn_title{
    margin-bottom: 43px;
}
.bg_ggcdn_c{

}
.bg_ggcdn_left{
    float: left;
    width: 100%;
}
.bg_ggcdn_right{
    float: left;
    width: 100%;
    padding-left: 0;
}
.ggcdn_right_item{
    border-bottom: 1px solid rgb(209, 209, 209);
    padding: 10px 0 15px;
    margin-bottom: 11px;
}
.bg_ggcdn_img{
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    width: 100%;
    height: 473px;
}
.ggcdn_right_item:last-child{
    border-bottom: 0;
}
.bg_ggcdn_img img{
    width: 100%;
    height: 100%;
        object-fit: cover;
    object-position: center;
}
.bg_ggcdn_title{
    position: relative;
    padding-right: 40px;
    cursor: pointer;
}
.bg_ggcdn_title h3{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(36, 0, 101);
    font-weight: 700;
    line-height: 1.2;
}
.bg_ggcdn_content{

}
.bg_ggcdn_content p{
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(51, 51, 51);
    line-height: 1.5;
}
.bg_ggcdn_icoin{
    display: inline-block;
    width: 15px;
    height: 7px;
    background: transparent url('../images/ic-drop-c.png') no-repeat center center;
    position: absolute;
    top: 8px;
    right: 6px;
}
.bg_ggcdn_title.active .bg_ggcdn_icoin{
    transform: rotate(180deg);
}

/*bf_web_dntbfw*/
.bf_web_dntbfw{
    background: #2c5ddd url('../images/bg-dntbfw.jpg') no-repeat top center;
    padding: 79px 0 30px;
    min-height: 610px;
}
.bf_dntbfw_title{
    padding-left: 85px;
    margin-bottom: 43px;
}
.bf_dntbfw_title .bf_chat_title{
    color: #fff;
    text-align: left;
}
.bf_dntbfw_list .row{
    margin: 0 -5px;
}
.bf_dntbfw_list .col-lg-4{
    padding: 0 5px 10px;
}
.bf_dntbfw_item{
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.902);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
    height: 100%;
    text-align: center;
    padding-bottom: 28px;
}
.bf_dntbfw_img{
    text-align: center;
    height: 130px;
    padding-top: 30px;
}
.bf_dntbfw_img img{
    max-width: 100%;
}
.bf_dntbfw_txt{
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(51, 51, 51);
    line-height: 1.5;
    text-align: center;
    font-weight: 400;
    padding: 0 25px;
}
.bf_tnbfmp_bot_t {
    font-size: 24px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: left;
    font-weight: 400;
    margin-bottom: 17px;
}
.bf_tnbfmp_bot_t i{
    font-size: 18px;
}
.bf_dntbfw_bot{
    padding-left: 83px;
    padding-top: 35px;
}
.bf_dntbfw_bot .dntbf_btn_dd1{
    /*background: #3fddfe url(../images/ic-down-chat.png) no-repeat 17px center;*/
    border: 1px solid #fff;
    width: 188px;
}
.bf_dntbfw_bot .dntbf_btn_dd1 span{
    background: #2e60de;
    color: #fff;
}

/*bf_web_dadh*/
.bf_web_dadh{
    /*url('../images/bg-dadh.jpg') no-repeat top center*/
    background: transparent ;
    padding: 110px 0 30px;
    min-height: 674px;
}
.bf_dadh_title{
    padding-left: 124px;
    margin-bottom: 43px;
}
.bf_dadh_title .bf_chat_title{
    text-align: left;
}

.dadh_list{
    padding: 0 85px;
}
.dadh_list .swiper-button-next, .dadh_list .swiper-button-prev{
    top: 54%;
}
.dadh_list .swiper-button-dadh-next{
    background: transparent url(../images/ic-next-dadh.png) no-repeat center center;
    width: 50px;
    height: 50px;
    right: 36px;
}
.dadh_list .swiper-button-dadh-prev{
    background: transparent url(../images/ic-prev-dadh.png) no-repeat center center;
    width: 50px;
    height: 50px;
    left: 36px;
}
.dadh_list .swiper-button-next.swiper-button-disabled, .dadh_list .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    filter: grayscale(1);
}

.dadh_item_txt {
    font-size: 16px;
    font-family: "Sarabun";
    padding-top: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    display: block;
}
.dadh_item_title{
    display: block;
    font-size: 22px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
}
.dadh_item img{
    width: 100%;
}
.dadh_item a:hover{
    text-decoration: none;
}
.modal-list-app7 .modal-content{
    border: 0;
    background: transparent
}
.modal-list-app7 .modal-lg .close{
    top: 15px;
    right: 10px;
}








/*bf_email_ntnhik*/
.bf_email_ntnhik{
    background: transparent url('../images/bg-ntnhik.jpg') no-repeat top center;
    min-height: 140px;
    padding: 44px 0 10px;
    background-size: cover;
}
.cdndsd_ntnhik_bot_btn{
    background-color: rgb(77, 127, 253);
    width: 200px;
    height: 50px;
    display: block;
    line-height: 50px;
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 400;
    float: left;
    text-align: center;
}
.cdndsd_ntnhik_bot_btn:hover{
    text-decoration: none;
    color: #fff;
}
.ic-phone-web{
    background: transparent url('../images/i-phone-web.png') no-repeat center center;
    width: 24px;
    height: 25px;
    margin-right: 10px;
    vertical-align: -4px;
    display: inline-block;
}


.bf_web_ntnhik{
    font-size: 22px;
    font-family: "Sarabun";
    color: #fff;
    line-height: 1.2;
    font-weight: 400;
    float: left;
    padding-right: 54px;
}
.bf_web_ntnhik span{
    display: block;
    color: rgb(63, 221, 254);
}
/*bf_chat_bgdvdd*/
.bf_web_damycdn{
    background: #eceff1;
    padding: 71px 0 7px;
}
.bf_damycdn_title{
    margin-bottom: 44px;
}
.bf_damycdn_title .bf_chat_title{
    font-size: 30px;
}
.bf_damycdn_menu{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    /*display: none;*/
}
.damycdn_menu_item{
    list-style: none;
    margin: 0;
    padding: 0 5px;
    display: inline-block;
}
.damycdn_menu_item a{
    background-color: transparent;
    padding: 10.5px 20px;
    border-radius: 22.5px;
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    display: block;
    text-align: center;
}


.damycdn_menu_item a:hover{
    background-color: #cfd8dc;
    color: #000;
    text-decoration: none;
    font-weight: 700;
}
.damycdn_menu_item a.active, .damycdn_menu_item a:focus{
    background-color: rgb(61, 90, 254);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}
.bf_damycdn_list{

}
.bf_damycdn_list .col-lg-4{
    padding-bottom: 30px;
}
.bf_damycdn_item {
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.bf_damycdn_item img{
    width: 100%;
}
.damycdn_item_title {
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    display: block;
}
.damycdn_item_body {
    display: block;
    font-size: 13px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 1.2;
    font-weight: 400;
    padding: 13px 19px 26px;
}
.bf_damycdn_itemlast{
    display: flex;
    align-items: center;
    background: transparent;
    padding-left: 30px;
    border: none;
}
.bf_damycdn_itemlast a {
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
}
.ic-web-1{
    background: transparent url('../images/ic-web-1.png') no-repeat center center;
    display: inline-block;
    width: 47px;
    height: 12px;
}

.bf_tncbtnkd_bot {
    text-align: center;
    padding-top: 24px;
    border-bottom: 1px solid rgb(209, 209, 209);
    padding-bottom: 76px;
}
.bf_tncbtnkd_bot span {
    font-size: 26px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: center;
    font-weight: 400;
    margin-bottom: 14px;
    display: block;
}
.bf_tncbtnkd_bot_btn {
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    border: none !important;
}

.bf_damycdn_list{
    display: none;
}





.bf_ntnhik_txt {
    font-size: 22px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    display: inline-block;
    float: left;
    max-width: 287px;
    padding: 9px 10px 0 21px;
}
.bf_ntnhik_c{
    padding-left: 229px;
}
.bf_ntnhik_c img{
    float: left;
}
.bf_ntnhik_btn{
    background-color: rgb(36, 0, 101);
    width: 233px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin-top: 13px;
    display: block;
    float: left;
}
.bf_ntnhik_btn:hover{
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 8px 0px #7b7b7b;
    -moz-box-shadow: 0px 0px 8px 0px #7b7b7b;
    box-shadow: 0px 0px 8px 0px #7b7b7b;
}
.ic-777{
    display: inline-block;
    width: 12px;
    height: 16px;
    background: transparent url('../images/ic-777.png') no-repeat center center;
    margin-right: 5px;
}






.bf_chat_tnbfmp{
    background: #eceff1 url('../images/bg-tnbfmp.jpg') no-repeat top center;
    padding: 50px 0 30px;
    min-height: 300px;
}
.bf_tnbfmp_c{
    padding-left: 85px;
}
.bf_tnbfmp_title {
    font-size: 30px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 23px;
}
.bf_tnbfmp_title span{
    font-weight: 700;
}
.bf_chat_tnbfmp .banner_btn{
    border-width: 1px;
    border-color: rgb(63, 221, 254);
    border-style: solid;
    line-height: 43px;
    width: 202px;
    background: transparent;
    margin-bottom: 15px;
}



.bf_tnbfmp_txt {
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    font-weight: 400;
}
/*.bf_tnbfmp_bot_t{
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 17px;
}*/
.btn_down_mp1{
    /*background: #4d7ffd url('../images/ic-down-chat.png') no-repeat 17px center;*/
    /*padding: 1px 1px 1px 45px;*/
    width: 204px;
    height: 45px;
    display: inline-block;
    border: 1px solid #4d7ffd;
}
.btn_down_mp1 span{
    display: block;
    width: 100%;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 43px;
    background: #fff;
    text-align: center;
}
.bf_tnbfmp_bot_ltl {
    padding-left: 9px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(153, 153, 153);
    display: inline-block;
}


.bf_chat_dntbf{
    background: #fff;
    min-height: 506px;
    padding: 78px 0 30px;
}
.bf_dntbf_title{
    margin-bottom: 34px;
}
.bf_dntbf_item{
    padding: 20px;
    text-align: center;
}
.bf_dntbf_item img{
    max-width: 100%;
}
.bf_dntbf_item h5 {
    font-size: 22px;
    font-family: "Sarabun";
    color: rgb(36, 0, 101);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    padding: 27px 0 11px;
}
.bf_dntbf_item_txt {
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.5;
    text-align: center;
    font-weight: 400;
}





.ic-987{
    display: inline-block;
    background: transparent url('../images/ic-987.png') no-repeat center center;
    width: 19px; height: 14px;
    margin-left: 5px;
    vertical-align: -2px;
}
.bf_chat_bgdvdd .row{
}
.bf_chat_bgdvdd .col-lg-12, .bf_chat_bgdvdd .col-lg-6{
    padding: 0 5px 20px;
}
.bf_chat_bgdvdd .col-md-4{
    padding-bottom: 30px;
}
.bf_chat_bgdvdd{
    background: #fff url('../images/bg-bgdvweb.jpg') repeat-x top  center ;
    /*min-height: 990px;*/
    padding: 70px 0 30px;
}
.web_bgdv_item {
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 23px;
}
.web_bgdv_img{
    height: 155px;
    background: #4D7FFD;
    text-align: center;
    position: relative;
}
.web_bgdv_img img{
    max-width: 100%;

}
.web_bgdv_body{
}
.web_bgdv_title {
    height: 68px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgb(236, 239, 241);
}
.web_bgdv_img_t{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
}
.web_bgdv_txt{
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    display: block;
    width: 100%;
}
.bgdv_img1{
    display: block;
    margin: 0px  auto 12px;
}
.bgdv_img2{
    display: block;
    margin: 0  auto 9px;
}
.web_bgdv_body_txt{
    height: 168px;
    overflow-y: auto;
    padding: 21px 25px 5px;
}
.web_bgdv_body_txt p {
    font-size: 13px;
    font-family: "Sarabun";
    color: #555555;
    line-height: 1.2;
    text-align: left;
    font-weight: 400;
}
.web_bgdv_body_txt p span{
    color: #4d7ffd;
}
.web_bgdv_bot{
    text-align: center;
}
.web_bgdv_btn11{
    background-color: rgb(36, 0, 101);
    width: 170px;
    height: 36px;
    margin: 0 auto;
    display: block;
    line-height: 36px;
    font-size: 12px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-style: italic;
    text-align: center;
}
.web_bgdv_btn11:hover{
    text-decoration: none;
    color: #fff;
}
.web_bgdv_item2 .web_bgdv_img{
    background: #290074;
}
.web_bgdv_item2 .web_bgdv_img_t{
    color: #fff;
}
.web_bgdv_itemfisrt .web_bgdv_img{
    background: #4d7ffd;
}
.web_bgdv_itemfisrt{
    border-color: #4d7ffd;
    border-width: 2px;
}
.web_bgdv_price{
    font-size: 26px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 700;
    line-height: 0.8;
    text-align: center;
    width: 100%;
}
.web_bgdv_price strong{
    font-size: 13px;
    font-weight: 700;
    color: #000;
}
.web_bgdv_btn2{
    border-width: 1px;
    border-color: rgb(36, 0, 101);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 170px;
    height: 36px;
    font-size: 13px;
    line-height: 34px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    display: block;
    margin: 0 auto 5px;
    text-align: center;
}
.web_bgdv_btn2:hover{
    color: rgb(0, 0, 0);
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 8px 0px #7b7b7b;
    -moz-box-shadow: 0px 0px 8px 0px #7b7b7b;
    box-shadow: 0px 0px 8px 0px #7b7b7b;
}
.web_bgdv_btnlinks {
    font-size: 13px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 700;
    line-height: 1.2;
}










.bf_email_bgdvdd_top{
    display: flex;
    flex-wrap: wrap;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    overflow: hidden;
    margin-bottom: 78px;
}

.email_bgdvdd_left{
    width: 50%;
    float: left;
    padding: 38px 25px 0 44px;
}
.email_bgdvdd_right{
    width: 50%;
    float: left;
}
.email_bgdvdd_right img{
    width: 100%;
}
.email_bgdvdd_left_t {
    font-size: 24px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    font-weight: 400;
    margin-bottom: 27px;
}
.email_bgdvdd_left_t span{
    font-weight: 700;
}
.email_bgdvdd_left_btn {
    background-color: rgb(77, 127, 253);
    display: block;
    width: 183px;
    height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-align: center;
    line-height: 45px;
}

.ic-985{
    display: inline-block;
    background: transparent url(../images/ic-985.png) no-repeat center center;
    width: 16px;
    height: 12px;
    margin-left: 10px;
}
.email_bgdvdd_left_btn:hover{
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px #7b7b7b;
    -moz-box-shadow: 0px 0px 8px 0px #7b7b7b;
    box-shadow: 0px 0px 8px 0px #7b7b7b;
}




.bf_bgdvdd_title{
    margin-bottom: 22px;
}
.bf_bgdvdd_title h2{
    margin-bottom: 18px;
}
.bf_bgdvdd_title span {
    font-size: 16px;
    font-family: "Sarabun";
    color: #000;
    font-weight: 400;;
    line-height: 1.2;
    text-align: center;
    display: flex;
    justify-content: center;
}
.bf_bgdvdd_title strong{
    font-size: 20px;
    color: rgb(77, 127, 253);
    display: inline-block;
    padding-right: 5px;
}
.bf_bgdvdd_top {
    background-color: transparent;
    margin: 0 auto 21px;
    width: 100%;
    max-width: 1000px;
}
.bf_bgdvdd_top_first{
    width: 100%;
    background: #fff;
    margin-bottom: 76px;
    display: flex;
}
.bf_bgdvdd_top_l{
    float: left;
    width: 40%;
    background: #e4af21;
}
.bf_bgdvdd_top_l img{
    width: 100%;
}
.bf_bgdvdd_top_r{
    float: left;
    width: 60%;
    padding: 25px 0 20px;
}
.bf_bgdvdd_top_r h3{
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    padding-right: 40px;
    margin-bottom: 25px;
}
.bgdvdd_top_r_row{
    padding: 0 75px;
}
.bgdvdd_top_r_item{
    width: 50%;
    float: left;
    padding-left: 5px;
}
.bgdvdd_top_r_item p {
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(36, 0, 101);
    line-height: 1.875;
    font-weight: 400;
    margin-bottom: 0;
}
.bf_bgdvdd_list .row{
    margin: 0 -14px;
}
.bf_bgdvdd_list .col-lg-3{
    padding:  0 14px 20px;
}
.bf_bgdvdd_list_item{
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 20px 0px rgba(24, 24, 25, 0.2);
    width: 100%;
    height: 100%;
    text-align: center;
}
.bgdvdd_list_img{
    background: transparent url('../images/bg-bgdv1.png') no-repeat top center;
    height: 170px;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
}
.bgdvdd_list_img img{
    margin-top: -52px;
}
.bgdvdd_img_style1 {
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-align: center;
}
.bgdvdd_img_style2{
    background-color: rgb(63, 221, 254);
    width: 50px;
    height: 2px;
    margin: 8px auto 11px;
}
.bgdvdd_img_style3 {
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
}
.bgdvdd_img_style3 span {
    font-size: 26px;
    display: block;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-align: center;
}
.bgdvdd_list_c {
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    font-weight: 400;
    padding: 15px 20px;
}
.bgdvdd_list_btn {
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    background: #4d7ffd;
    border-style: solid;
    width: 100%;
    max-width: 182px;
    height: 35px;
    z-index: 455;
    margin: 30px auto 0;
    display: block;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 700;
    line-height: 33px;
    text-align: center;
}

.bf_bgdvdd_list_itemfirst{
    background: #4d7ffd;
}
.bf_bgdvdd_list_itemfirst .bgdvdd_list_img{
    background: transparent url('../images/bg-bgdv2.png') no-repeat top center;
    height: 170px;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
}
.bgdvdd_list_btn:hover{
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 8px 0px #7b7b7b;
    -moz-box-shadow: 0px 0px 8px 0px #7b7b7b;
    box-shadow: 0px 0px 8px 0px #7b7b7b;
}
.bgdvdd_list_price {
    font-size: 14px;
    font-family: "Sarabun";
    color: #000;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    display: block;
}
.bgdvdd_list_price span {
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(77, 127, 253);
    font-weight: 700;
    display: block;
    text-align: center;
}
.bf_bgdvdd_btn_bot{
    text-align: center;
}
.bf_bgdvdd_btn_bot .btn_down_mp1{
    width: 214px;
}

.bf_chat_tdbdtl{
    background: #eceff1;
    padding: 43px 0 45px;
}
.bf_tdbdtl_title{
    margin-bottom: 55px;
}
.bf_tdbdtl_title .bf_chat_title {
    font-size: 30px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}




.dtcct_slide .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    margin: 0 8px !important;
    border: 1px solid rgb(225, 225, 225);
}
.dtcct_slide .swiper-pagination-bullet-active {
    border-radius: 50%;
    background-color: #077ef8;
    width: 14px;
    height: 14px;
    z-index: 56;
    border: 0;
}
.dtcct_slide{
    padding: 0 40px;
}

.dtcct_list{
}
.dtcct_slide .swiper-slide{
    padding: 0 15px;
    /*width: auto !important;*/
}
.dtcct_item{
    display: flex;
    min-height: 70px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
}
.dtcct_item img{
    max-width: 100%;
}
.dtcct_item_style {
    font-size: 14px;
    font-family: "Roboto";
    color: rgb(51, 51, 51);
    line-height: 0.625;
    text-align: center;
    font-weight: 400;
}
.dtcct_item_style span{
    display: block;
    margin-bottom: 15px;
    text-align: center;
    font-size: 40px;
    font-weight: 500;
}
.dtcct_title{
    margin-bottom: 57px;
}

.btn_style_1{
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 28px;
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(255, 255, 255);
    font-weight: 300;
}
.btn_style_1:after{
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    border-top: 1px solid rgb(86, 78, 135);
    width: 100%;
}
.btn_style_1 span{
    display: inline-block;
    padding: 0 10px;
    background: #130953;
    position: relative;
    z-index: 10;
}
.dtcct_slide .swiper-button-next.swiper-button-disabled, .dtcct_slide .swiper-button-prev.swiper-button-disabled{
    filter: grayscale(1);
    opacity: 1;
}
.dtcct_slide .swiper-button-tdbdtl-prev{
    left: 0;
    background: transparent url('../images/ic-prev.png') no-repeat center center;
}
.dtcct_slide .swiper-button-tdbdtl-next{
    right: 0;
    background: transparent url('../images/ic-next.png') no-repeat center center;
}
.dtcct_slide .swiper-button-tdbdtl-next, .dtcct_slide .swiper-button-tdbdtl-prev{
    width: 15px;
    height: 30px;
    background-size: contain;
}




.bf_chat_cdndsd{
    background: transparent url('../images/bg-cdndsd.jpg') no-repeat top center;
    padding: 80px 0 30px;
    min-height: 1030px;
    background-size: cover;
}
.bf_cdndsd_title{
    margin-bottom: 40px;
}
.bf_cdndsd_title h2{
    color: #fff;
}
.cdndsd_item{
    width: 86%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.102);
    display: flex;
}

.cdndsd_item_left {
    float: left;
    width: 40%;
    background: #000;
}
.cdndsd_item_left img{
    width: 100%;
}
.cdndsd_item_right {
    float: left;
    width: 60%;
    padding: 30px 40px;
}
.item_right_title {
    font-size: 30px;
    font-family: "Sarabun";
    color: rgb(63, 221, 254);
    line-height: 1.2;
    text-align: left;
    margin-bottom: 32px;
}
.right_box_left{
    float: left;
    width: 100%;
    margin-bottom: 23px;
}
.right_box_right{
    float: left;
    width: 100%;
}
.item_right_box .right_box_left, .item_right_box .right_box_right{
    width: 50%;
}
.item_right_box .right_box_right{
    padding-left: 15px;
}
.right_box_t {
    font-size: 12px;
    font-family: "Sarabun";
    color: rgba(255, 255, 255, 0.302);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.right_box_txt {
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.5;
    text-align: left;
    font-weight: 400;
}
.right_box_txt p{
    margin-bottom: 0;
}
.right_box_txt span{
    color: #3fddfe;
}
.right_box_btn {
    background-color: rgb(63, 221, 254);
    width: 242px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    text-align: center;
    display: block;
}
.ic-986{
    display: inline-block;
    background: transparent url('../images/ic-986.png') no-repeat center center;
    width: 16px;
    height: 12px;
}
.right_box_btn:hover{
    -webkit-box-shadow: 0px 0px 8px 0px #7b7b7b;
    -moz-box-shadow: 0px 0px 8px 0px #7b7b7b;
    box-shadow: 0px 0px 8px 0px #7b7b7b;
    text-decoration: none;
    color: #000;
}
.cdndsd_slide{
    padding-bottom: 56px;
}
.cdndsd_slide .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    vertical-align: middle;
}
.swiper-container-horizontal .swiper-pagination-cdndsd .swiper-pagination-bullet{
    margin: 0 6px;
}
.cdndsd_slide .swiper-pagination-bullet-active {
    border-width: 1px;
    border-color: rgb(63, 221, 254);
    border-style: solid;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: transparent;
}

.bf_cdndsd_title_bot {
    font-size: 24px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 400;
}
.cdndsd_title_bot_btn {
    width: 234px;
    height: 60px;
    background: rgb(77, 127, 253) url('../images/ic-bf-phone.png') no-repeat 30px center;
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    font-weight: 700;
    display: block;
    margin: 0 auto;
    padding-left: 71px;
    padding-top: 10px;
}
.cdndsd_title_bot_btn:hover{
    text-decoration: none;
    color: rgb(255, 255, 255);
    -webkit-box-shadow: 0 0 3px 1px #d8d8d8;
    -moz-box-shadow: 0 0 3px 1px #d8d8d8;
    box-shadow: 0 0 3px 1px #d8d8d8;

}
.cdndsd_title_bot_btn span{
    display: block;
    font-size: 13px;
    font-weight: 400;

}
.cdndsd_list{
    margin-bottom: 35px;
}
.cdndsd_slide .swiper-button-cdndsd-next, .cdndsd_slide .swiper-button-cdndsd-prev{
    width: 15px;
    height: 30px;
}
.cdndsd_slide .swiper-button-cdndsd-next{
    background: transparent url('../images/img-cdndsd-next.png') no-repeat center center;
    right: 0;
}
.cdndsd_slide .swiper-button-cdndsd-prev{
    background: transparent url('../images/img-cdndsd-prev.png') no-repeat center center;
    left: 0;
}


.bf_chat_hdbftvcb {
    background-image: url(../images/bg-bftvcb.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: transparent;
    min-height: 578px;
    padding: 98px 0 20px;
    width: 100%;
    background-size: cover;
    display: none;
}
.bf_chat_hdbftvcb .tvcb_title {
    margin-bottom: 53px;
}
.bf_chat_hdbftvcb .tvcb_txt {
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    font-weight: 400;
    margin-bottom: 15px;
}
.bf_chat_hdbftvcb .title_style {
    font-size: 40px;
    font-family: "Sarabun";
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}
.bf_chat_hdbftvcb .tvcb_item {
    max-width: 370px;
    width: 100%;
    background: #fff;
    padding: 30px 35px 0;
    height: 210px;
}
.bf_chat_hdbftvcb .tvcb_item_top {
    display: flex;
    margin-bottom: 29px;
}
.bf_chat_hdbftvcb .item_top_img {
    width: 64px;
    flex-shrink: 0;
    margin-right: 30px;
}
.bf_chat_hdbftvcb .item_top_txt {
    font-size: 24px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    padding-top: 7px;
    line-height: 1.2;
    font-weight: 400;
}


.bf_chat_hdbftvcb .tvcb_btn {
    padding: 0 45px 0 30px;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    font-size: 24px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 400;
}
.bf_chat_hdbftvcb .bg-darkblue {
    background-color: #240065;
}
.bg-blue {
    background-color: #4d7efc;
    font-size: 16px;
}
.bg-blue1 {
    background-color: #30aac3;
    font-size: 16px;
}
.bg-blue1:hover {
    background-color: #1cbadb;
}
.bg-darkblue:hover {
    background-color: #010042;
}
.bg-blue:hover {
    background-color: #2a5cda;
}
.tvcb_btn:hover {
    color: #fff;
    text-decoration: none;
}



/*popup-123*/
.modal-ttlh {
    max-width: 500px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.modal-ttlh .close {
    background: #f1f1f1;
    padding: 10px 15px;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;

}

.ttlh_title {
    color: #000;
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    padding: 40px 0 20px;

}

.ttlh_input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 47px;
    margin-bottom: 18px;
    padding-left: 21px;
}

.ttlh_body {
    padding: 0 50px 40px;
}

.ttlh_area {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 143px;
    padding-top: 12px;
    padding-left: 21px;
    margin-bottom: 12px
}

.ttlh_btn {
    display: block;
    width: 190px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-family: "Roboto";
    margin: 0 auto;
    background: #4d7efc;
    border: none;
}

.ttlh_btn:hover {
    color: #fff;
    text-decoration: none;
}

.modal-ttlh-content {
    border: none;
    border-radius: 0;
}
.tooltip22{
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    background: transparent;
    text-indent: 9999px;
}
.tooltip1{
    top: 32%;
    right: 20%;
}
.tooltip2{
    top: 35%;
    right: 40%;
}
.tooltip3{
    top: 15%;
    left: 32%;
}
.tooltip4{
    top: 12%;
    right: 8%;
}
.tooltip5{
    top: 12%;
    left: 44%;
}
.tooltip6{
    top: 9%;
    right: 6%;
}
.tooltip7{
    top: 63%;
    left: 55%;
}
.tooltip8{
    top: 12%;
    left: 28%;
}
.tooltip9{
    top: 58%;
    left: 34%;
}
.tooltip10{
    top: 14%;
    right: 27%;
}
.tooltip11{
    top: 0%;
    right: 6%;
}
.tooltip12{
    top: 19%;
    right: 20%;
}
.tooltip13{
    top: 62%;
    right: 33%;
}
.tooltip14{
    top: 84%;
    right: 26%;
}
.tooltip{
    position: relative;
    opacity: 1;
}
.tooltip > .tooltip-inner{
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 15px 20px;
    font-size: 13px;
    font-family: "Sarabun";
    color: #000;
    line-height: 1.462;
    opacity: 1;
    text-align: left;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff; /* Red */
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #fff; /* Red */
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #fff; /* Red */
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #fff; /* Red */
}
.bf_tncbtnkd_bot .btn_down_mp1{
    background: transparent;
    padding: 0;
    width: auto;
    height: auto;
}
box-banner-top{
    width: 100%;
/*    background: #44049a url("https://bizflyportal.mediacdn.vn/bizflyportal/web/giai_phap/bg-banner.png") no-repeat center top;*/
    min-height: 660px;
    /*padding: 30px 0px;*/
}
.box-banner-list .swiper-button-next, .box-banner-list .swiper-container-rtl .swiper-button-prev{
    right: 15px;
}
.box-banner-list .swiper-button-prev, .box-banner-list .swiper-container-rtl .swiper-button-next{
    left: 15px;
}
.box-banner-list .swiper-button-next:after, .box-banner-list .swiper-container-rtl .swiper-button-prev:after, .box-banner-list .swiper-button-prev:after, .box-banner-list .swiper-container-rtl .swiper-button-next:after{
    color: #3fddfe;
}
.box-banner-list .swiper-slide{
    height: auto;
    min-height: 660px;
}
.content-banner{
    width: 100%;
    float: left;
    background: transparent url("../images/img-banner.png") no-repeat right center;
}
.content-banner2{
    background: transparent;
}
.content-banner2 .txt-banner{
    float: right;
    justify-content: start;
    padding-left: 40px;
}
.content-banner2-text1{
  font-size: 27px;
  color: rgb(63, 221, 254);
  line-height: 1.111;
  background: transparent url('../images/bg-banner-text.png') no-repeat center center;
  background-size: cover;
  padding: 5px 10px 7px;
}
.txt-banner-content{
    width: 100%;
    max-width: 542px;
    margin: 0 auto;
    padding-top: 15px;
    margin-bottom: 20px
}
.content-banner2-text2{
  font-size: 27px;
  color: rgb(255, 255, 255);
  line-height: 1.111;
  padding-left: 10px;
}
.content-banner2-text2 strong{
    font-size: 38px;
    font-weight: 700;
}


.box-banner-list{
    
}
.txt-banner{
    float: left;
    width: 100%;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    padding: 30px 0 50px;
    justify-content: center;
}
.link-tuvan{
    width: 201px;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    background: #3fddfe;
    /*background: #3fddfe url("../images/ic-phone-banner.png") no-repeat 12px 15px;*/
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-family: Sarabun;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #240365;
    padding-left: 0px;
    margin-right: 15px;
    animation: play 2s ease infinite;
    -webkit-animation: play 2s ease infinite;
}

.link-tuvan:hover{
    background: #35bad6;
    color: #4306bd;
}
.row-btn-top{
    float: left;
    text-align: right;
    width: 100%;
}

@media screen and (max-width: 1200px){
    .bf_web_damycdn,.bf_web_dadh, .bg_web_ggcdn,.bf_web_dntbfw,.content-2, .bf_chat_dntbf, .bf_chat_tncbtnkd, .bf_chat_bgdvdd, .bf_chat_cdndsd, .bf_chat_hdbftvcb,.bf_email_c3 , .bf_email_c1, .bf_email_c2, .bf_email_c4, .bf_email_c5, .bf_email_c6{
        min-height: auto;
        padding: 30px 0;
    }
    .bg_ggcdn_right{
        /*padding-left: 30px;*/
    }
    .bf_chat_bgdvdd .col-lg-12, .bf_chat_bgdvdd .col-lg-6 {
        padding: 0 15px 20px;
    }
}
@media screen and (max-width: 1138px){

}
@media screen and (max-width: 992px){
    .box-banner-top{
        min-height: auto;
    }
    .swiper-slide3{
        padding-top: 30px !important;
    }
    .content-banner2 .txt-banner{
        float: none;
        margin: 0 auto;
        padding-left: 0;
    }
    
    
    .tvcb_item {
        margin-bottom: 30px;
    }
    .bf_tnbfmp_c{
        padding-left: 0;
    }
    .bf_hsdbfnbl_item_txt{
        padding: 0 15px;
    }
    .bf_dntbf_item br{
        display: none;
    }
    .bf_chat_bggdcdn2 .chat_bggdcdn_left{
        padding-left: 0;
    }
    .chat_bggdcdn_right{
        padding: 30px 0 0 30px;
    }
    .chat_bggdcdn_right_l{
        padding-left: 0;
    }
    .bf_chat_title_it br{
        display: none;
    }
    .col-x-1{
        padding-top: 40px;
        padding-left: 0;
    }
    .email_bgdvdd_left{
        padding: 10px;
    }
    .email_bgdvdd_left_t{
        font-size: 16px;
    }
    .bf_ntnhik_c{
        padding-left: 80px;
    }
    .bf_chat_bgdvdd .col-lg-6 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .bf_damycdn_title br{
        display: none;
    }
}
@media screen and (max-width: 880px){
    .bgdvdd_list_c p br {
        display: none;
    }
}
@media screen and (width: 768px){

}


/*edit*/
.modal-lg{
    max-width: 500px !important;
    border-radius: 10px;
}
.popupedit_title{
    width: auto;
    height: auto;
    color: #2c1a87;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    font-family: Roboto;
    font-style: normal;
    text-decoration: none;
}
.modal-list-edit .modal-content{
    border-radius: 10px;
    background: #f2f1f6;
    border: 0;
}
.modal-list-edit .box_reg1{
    border-radius: 10px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    box-shadow: #9b9b9b 0px 0px 6px;
    font-family: Roboto;
    background: #f2f1f6;
    padding: 30px 30px 40px;
}
.popupedit_border{
    background-color: #0084D1;
    width: 196px;
    height: 2px;
    margin: 12px auto 20px;
}
.popupedit_step{
    width: auto;
    height: auto;
    color: #424242;
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    font-family: Roboto;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 20px;
}
.popupedit_txt{
    color: #424242;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    font-family: Roboto;
    font-style: italic;
    text-decoration: none;
    margin-bottom: 30px;
}
.popupedit_btn{
    background-color: #0084D1;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-radius: 10px;
    border: transparent;
    background: #231865;
    font-style: normal;
    font-weight: bold;
    width: 167px;
    height: 59px;
    line-height: 59px;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}
.popupedit_btn:hover, .popupedit_btn:active, .popupedit_btn:focus{
    color: #fff;
    text-decoration: none;
    transform: scale(1.1);
}
.modal-list-edit .close{
    color: #d0021b;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    top: 2px;
    right: 8px;
    position: absolute;
    background: transparent;
    opacity: 1;
}
.modal-list-edit .close:not(:disabled):not(.disabled):focus, .modal-list-edit .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}
.modal-content{
    background-color: transparent;
    border: 0;
}


.bf_dntbfw_item h3{
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 5px;
    display: block;
}
.tabs ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.tabs ul li{
    list-style: none;
    margin: 0;
    padding: 0 5px;
    display: inline-block;
}
.tabs ul li a {
    background-color: transparent;
    padding: 10.5px 20px;
    border-radius: 22.5px;
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    display: block;
    text-align: center;
}
.tabs ul li.active a, .tabs ul li a:focus {
    background-color: rgb(61, 90, 254);
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

.tab-contents .package-wrap{
    margin-left:-10px;
    margin-right:-10px;
    display: flex;
    flex-wrap: wrap;
}
.tab-contents .package-wrap .package-item{
    width:33.33%;
    padding:10px 15px  15px;
    position: relative;
    float:left;
}
.tab-contents .package-wrap .package-item .link-to-package{
    border-width: 1px;
    border-color: rgb(209, 209, 209);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    /*height:210px;*/
}
.link-to-package img {
    width: 100%;

}
.pack-title {
    font-size: 18px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    display: block;
}
.pack-tag {
    font-size: 13px;
    font-family: "Sarabun";
    color: rgb(85, 85, 85);
    line-height: 1.2;
    font-weight: 400;
}
.package-item-more a {
    font-size: 20px;
    font-family: "Sarabun";
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 1.2;
}
.package-item-more{
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    background: transparent;
    padding-left: 30px;
    border: none;
    /*height:230px;*/
    display: none;
}

.package-item-more .icon{
    background: transparent url('https://bizfly.vn/ver1/images/techblog/ic-v-detail.png') no-repeat center center;
    display: inline-block;
    width: 47px;
    height: 12px;
}
.pack-info{
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    padding: 13px 20px 20px;
}
.pack-tag{
    margin-bottom: 0;
}
.tabs ul li a:hover{
    text-decoration: none;
}
.pack-image{
    height: 210px;
    overflow: hidden;
}
.tab-contents .package-wrap .package-item .link-to-package:hover{
    text-decoration: none;
}


.home_footer {
    background: #fff;
    padding: 30px 0 30px;
    width: 100%;
    float: left;
    /*display: none;*/
}

.footer_item_bot {
    padding-top: 30px;
}

.footer_item_txt {
    font-size: 16px;
    font-family: "Sarabun";
    color: rgb(24, 14, 25);
    padding-top: 22px;
    line-height: 1.5;
    font-weight: 400;
}

.footer_item_bottitle {
    font-size: 16px;
    font-family: "Sarabun";
    padding-top: 22px;
    margin-bottom: 15px;
    color: rgb(0, 0, 0);
    font-weight: 700;
}

.ic-footer4 {
    margin-right: 10px;
}


.banner_title{
    width: 100%;
    max-width: 530px;
}
.chatbf_banner {
    background: #2b96f4;
    display: none;
}

.chatbf_banner_header {
    padding: 18px 0;
}

.banner_header_back:hover {
    text-decoration: none;
    color: #fff;
}

.banner_header_back {
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    width: 139px;
    height: 36px;
    display: block;
    line-height: 36px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    float: left;
    border-radius: 19px;
    text-align: center;
}

.ic-21 {
    background: transparent url('../images/ic-21.png') no-repeat center center;
    width: 9px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: -2px;
}

.bf_chat_hdbftvcb {
    background-image: url('../images/bg-bftvcb.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: transparent;
    min-height: 578px;
    padding: 98px 0 20px;
    width: 100%;
    background-size: cover;
}

.banner_header_hotline {
    display: inline-block;
    float: right;
    background: transparent url('../images/ic-22.png') no-repeat 10px 10px;
    font-size: 14px;
    font-family: "Sarabun";
    color: rgb(255, 255, 255);
    font-weight: 500;
    padding-left: 25px;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    padding: 6.5px 10px 6.5px 35px;
    border-radius: 19px;
}

.banner_header_hotline:hover {
    text-decoration: none;
    color: #fff;
}

.banner_header_hotline_mb {
    display: none;
}

@media screen and (max-width: 767px) {
    .chatbf_banner {
        background: #fff;
    }

    .banner_header_hotline {
        display: none;
    }

    .banner_header_hotline_mb {
        display: block;
    }

    .chatbf_banner_header {
        padding: 10px 0;
    }

    .banner_header_back {
        color: #2d2d2d;
        display: inline-block;
        width: auto;
        border: 0;
        height: auto;
        line-height: normal;
    }

    .ic-21 {
        background: transparent url('../images/ic-21-mb.png') no-repeat center center;
    }

    .banner_header_hotline_mb {
        display: block;
        background: transparent;
        padding: 0;
        border: 0;
        margin-top: 0;
    }

    .banner_header_hotline {
        color: #2d2d2d;
    }
}
.web_bgdv_itemlast .web_bgdv_img{
    background: #F1F6F8 url('../images/bg-img-edit.png') no-repeat top left;
}
.web_bgdv_itemlast .web_bgdv_img_t{
    color: #290074;
}
.web_bgdv_body_txt p strong{
    color: #000;
}

.modal-list-app7 .modal-content{
    border: 0;
    background: transparent;
        
}
.modal-list-app7 .modal-lg .close{
    top: 15px;
    right: 10px;
    position: absolute;
}
.link-tuvan-fix{
    width: 100%;
    max-width: 233px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background: #3fddfe;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-family: Sarabun;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: #240365;
    padding-left: 0px;
    margin-right: 15px;
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    text-transform: uppercase;
}
.title-item-kp-sale {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 90px;
    background: transparent url(../images/bg-sale2.png) no-repeat center center;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    padding-top: 10px;
    display: block;
}
.title-item-kp-sale strong {
    font-weight: 700;
    display: block;
    text-align: center;
    font-size: 22px;
}
/**/
.home_headbot_edit {
    background-image: -webkit-linear-gradient(0deg, rgb(35, 0, 100) 0%, rgb(54, 0, 154) 100%);
    height: 70px;
}
.home_headtop, .home_headbot, header{
    display: none !important;
}
.headbot_logo_ed {
    width: 158px;
    height: 70px;
    position: relative;
    display: block;
    float: left;
}
.headbot_logo_ed img {
    width: 158px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
main{
    margin-top: 0 !important;
}
.footer-hr, .footer_item{
	display: none;
}
.link-tuvan-new{
    display: inline-block;
}

/*css-popup-preview*/
#modalPreview{
    padding-right: 0 !important;
}
#modalPreview .modal-dialog {
    max-width: 90% !important;
    width: 100% !important;
    background: #fff !important;
    margin: 0 auto !important;
}
#modalPreview .modal-body{
    padding: 0 0;
}
#itemLayout{
    width: 100%;
}
#modalPreview .modal-header{
    background: #e9ebec;
}
.modal-title{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
#modalPreview .modal-header .close{
    width: 65px;
    height: 65px;
    line-height: 40px;
    border-radius:50% ;
    border: 0;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto !important;
    top: auto;;
    left: 0;
    right: 0;
    bottom: 50px;
    margin: auto !important;
    position: fixed;
    z-index: 9999;background: #cb0215;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1 !important;
}
#modalPreview .modal-header .close span{
    padding-bottom: 7px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}
#layouttab .pack-image{
    position: relative;
}
#layouttab .btn-action-preview{
    position: absolute;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    background: #007bff;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    transition: 0.85s;
}
#layouttab .btn-action-preview:hover{
    text-decoration: none;
}
#layouttab .package-item:hover .btn-action-preview {
    display: block;
}