.f8bg_footer1{ background-color:#b4ebcd; }
.f8bg_footer2{ background-color:#ffffff; }
.f8bgcolor_button{ background-color:#880d0d; }
.f8bgcolor_button:hover{ background-color:#990000; }
.f8_textinfo{ color:#333; }
/*------------Footer web*/
#wfooter_phone{ width:100%; min-height:30px; float:left; margin-top:20px; /*background-color:#dfbc00;*/background:url(../img/f8/bg-footer.png) 0px 20px repeat-x #fff;  }
#fbox_form{  }
#fbox_form1{ width:22px; height:67px; float:left; margin-left:-22px; background:url(../img/f8/bgboxform2.png) repeat-x;  }
#fbox_form2{ width:22px; height:67px; float:left; margin-right:-22px; background:url(../img/f8/bgboxform1.png) repeat-x;  }
#fbox_form_center{ width:100%;/* width:-moz-calc(100% - 44px); width: -webkit-calc(100% - 44px); width:-o-calc(100% - 44px); width:calc(100% - 44px); */ float:left; min-height:67px;  }

.whotline_title, .whotline_phone,.whotline_social{ margin-top:15px; margin-right:10px;  float:left; font-size:30px; color:#6c92a3; }
.whotline_phone{ font-weight:800; margin-left:15px; color:#FF0000; }
.whotline_social{ float:right; font-size:25px; margin-top:20px;  }
.whotline_bg{ float:left; width:48px; height:66px; background:url(../img/f8/phone-5.png) 10px 10px no-repeat #d14221;}
#wform8_title, #wform8_input{ float:left; margin-left:10px; margin-top:20px; }
#wform8_title{ font-size:18px; font-weight:600; color:#CC3300; }
#wform8_input{ margin-top:15px; }
#wform8_input input{ width:160px; float:left; padding:8px; border:1px solid #ccc; border-right:0px;
border-top-left-radius:6px; border-bottom-left-radius:6px; }
#wform8_input span{ float:left; padding:8px 10px 8px 10px;/* background-color:#06F; */ border:1px solid #ccc; color:#fff; cursor:pointer; border-top-right-radius:6px;
border-bottom-right-radius:6px;}
#wform8_input span:hover{ background-color:#3366CC;}

#wfooter{ width:100%; float:left;  /*  background:url(../img/f3/img-contact.jpg) #33383c no-repeat bottom;   /*background-color:#153067;*/ }
#footer_rbg{ width:100%; /*background: rgba(25, 28, 34 , 0.65 );  */ float:left; padding:15px 0px 10px 0px;  }
#wfooter_rtt{ width:100%; float:left; background-color:#eff5f8; border-bottom:2px solid #ccc; /*  background: rgba(25, 28, 34 , 0.4);*/ padding:10px 0px 10px 0px; text-align:center; }
#wfooter_rtt p{ margin:0px; color:#333; }
#tkweb{  color:#333; font-size:12px; }
/*
#footer_cl1, #footer_cl2, #footer_cl3{ width:-moz-calc((100% - 40px)/3); width: -webkit-calc((100% - 40px)/3); width:-o-calc((100% - 40px)/3); width:calc((100% - 40px)/3);
float:left; min-height:100px; margin-right:20px; }
*/
#footer_cl1{ width:25%; float:left; min-height:150px; margin-right:20px; background:url(../img/f8/muiten.png) right top no-repeat; }
#footer_cl2{ width:40%; float:left; min-height:100px; margin-right:20px; }
#footer_cl3{ width:-moz-calc(35% - 40px); width: -webkit-calc(35% - 40px); width:-o-calc(35% - 40px); width:calc(35% - 40px); float:left; min-height:100px;  }
.clfooter_td{ width:100%; float:left; margin-bottom:20px;   border-bottom:0px solid #ccc; }
#footer_cl1{ color:#FFFFFF; }
.fo_imglogo{ width:70%; float:left; /*display: flex; justify-content: center;*/ }
.fo_imglogo img{    max-width:90%; height:auto; margin-top:5px; }


.cl4_p{ width:100%; float:left; margin:0px 0px 9px 0px;  }
.clfooter_td h6{ float:left; margin:0px 0px -2px 0px; padding-bottom:5px; font-size:16px; color:#686b6d; text-transform:uppercase; border-bottom:1px solid #FFCC00; }
#footer_cl2 p{ font-size:16px; color:#333; }
#footer_cl2 .fa{ color:#CC9900;  }
#footer_mxh{ float:right; padding:0px; margin:18px 0px 0px 0px; }
#footer_mxh a{ color:#ddd;    }
#footer_mxh li{ float:left; margin-right:10px; list-style:none; color:#76a9d8; width:16px; padding:3px; cursor:pointer; border:0px solid #8c8d94; border-radius:12px; display: flex; justify-content: center;  } 
#footer_mxh li .fa{ color:#007cf9;}
#footer_mxh li .fa:hover{ color:#FFCC66;}
.footer3_jstify{ display:flex;justify-content: center; margin-bottom:20px; }
.fo_ul_sty{ width:49%; float:left; padding:0px; margin:0px 2% 0px 0px; }
.fo_ul_sty:last-child{ margin-right:0px;}
.fo_ul_sty li{ width:98%; float:left; padding:0px; margin:0px 0px 10px 2%; color:#FFFFFF; font-size:15px; list-style:none;  }
.fo_ul_sty li a{ color:#333; margin-left:8px;}
.fo_ul_sty li::before{ content: "»"; margin-right:0px; opacity: 0.8; color: #007cf9; }

.foul_menu{ width:100%; float:left; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #ccc; }
.foul_menu li{ float:left; margin-right:15px; list-style:none; font-size:16px; }
.foul_menu li a{ color:#007ef7; text-transform:uppercase; font-weight:300;  }
.fli_home{ width:30px; height:30px; float:left; background:url(../img/f8/home.png) 0px 1px no-repeat; }

/*Footer dang ky thong tin*/
.inputdk_footer{
width:-moz-calc(100% - 12px); width: -webkit-calc(100% - 12px); width:-o-calc(100% - 12px); width:calc(100% - 12px);
padding:8px 5px 8px 5px; border:1px solid #ccc;  background: transparent; color: white; font-size:15px; }
.div_dk_center{ display: flex; justify-content: center; }
.button_dangky{ width:200px; padding:8px 25px 8px 25px; border:1px solid #ddd; border-radius:5px;  color:#fff; cursor:pointer; font-size:14px; font-weight:300; text-align:center; border-bottom:1px solid #ddd; }
.button_dangky:hover{  border-bottom:1px solid #fff; }



@media only screen  and (max-width: 1280px) {
/* #tkweb{ display:none;} */
#fbox_form1{  margin-left:0px;   }
#fbox_form2{  margin-right:0px;  }
#fbox_form_center{ width:-moz-calc(100% - 44px); width: -webkit-calc(100% - 44px); width:-o-calc(100% - 44px); width:calc(100% - 44px);  }

}
@media only screen  and (max-width:1170px) {
#footer_rbg{ width:96%; padding:15px 2% 10px 2%; }
#footer_cl1{ width:36%; margin-bottom:10px; margin-right:2%}	
#footer_cl2{ width:58%; margin-bottom:10px;}	
#footer_cl3{ width:100%; margin-bottom:10px; margin-top:20px; margin-right:0px}	


}
@media only screen and (min-width:1024px)  and (max-width: 1170px) {

}
@media only screen  and (max-width: 1024px) {
#fbox_form1,#fbox_form2{display:none;}
#fbox_form_center{ width:100%;  display: flex; justify-content: center; }

}
@media only screen and (min-width:860px)  and (max-width: 1024px) {
#wfooter{ width:100%; /*padding:20px 1% 0px 1%;*/ }
#fbox_form_center{ width:100%;  display:block; }
}

@media only screen  and (max-width: 860px) {
#wfooter{ width:100%; padding:0px 0px 0px 0px;  }
#footer_cl1, #footer_cl2, #footer_cl3{ width:100%; margin-bottom:10px; margin-right:0px}	
#footer_cl1{ background-image:none; }
#wfooter_rtt span{ width:100%; float:left; margin-bottom:3px; }
#tkweb{ width:100%; float:left; color:#333; font-size:10px; }
.fo_imglogo{ width:100%; display: flex; justify-content: center; }
.fo_ul_sty li{ width:100%; margin-right:2%; }
.whotline_title, .whotline_phone{ font-size:28px; margin-left:10px; }
#footer_mxh, .whotline_social{ display:none;}
#fbox_form1,#fbox_form2{display:none;}

}

@media only screen and (max-width: 640px) {

}
@media only screen and (min-width:224px)  and (max-width: 480px) {
.whotline_title{ display:none; }
#wform8_title, #wform8_input{ width:100%; float:left; margin:10px 0px 0px 0px; text-align:center;   }
#wform8_input input{ width:50%; } 
#fbox_form_center{ width:100%; display:block;   }
 #wform8_input{ padding-bottom:10px; display: flex; justify-content: center; }

}