@charset "utf-8";
/* CSS Document */
body{ background-color:#ddd; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a{ text-decoration:none; color:#000000; }
a:hover, #breadcrumbs ul li a:hover{ color:#EE1D23; }
::-moz-selection { background-color:#cad79f; color: #000; }
::selection { background-color:#cad79f; color: #000; }




.frowweb{ width:1170px; margin:auto; }
.frowwebleft{ width:1170px; float:left;}
/*------------Footer web*/
#wfooter{ width:100%; height:100%;  float:left; margin-top:0px; display: table;  background:url(../img/bg_footer.jpg) #33383c no-repeat; }
#wfooter_row{ width:100%;  }
#footer_cl1{ width:37%;  display: table-cell;   background: rgba(19, 142, 228 , 0.7 );  height: 100vh; }
#footer_cl2{ width:59%; /*width:-moz-calc(63% - 15px); width: -webkit-calc(63% - 15px); width:-o-calc(63% - 15px); width:calc(63% - 15px);*/  padding:2%; 
/*background:rgba(85, 88, 91 , 0.95 ); */ background-color:#fff;  display: table-cell; vertical-align:top; }
.clfooter_td{ width:100%; float:left; margin-top:20px; margin-bottom:12px;  border-bottom:1px solid #ccc; }

#fbox_tilte{ width:88%; font-size:18px; margin-left:6%; color:#fff; text-align:center; }
#fbox_tilte p{ margin:0px 0px 0px 0px; font-size:19px; }
#fbox_tilte h6{ margin:10px 0px; font-size:26px; color:#FFFFFF; font-family:"Philosopher", "Times New Roman", Times, serif;  line-height: 48px; text-transform:uppercase; }
#fbox_logo{ width:50%;  margin-left:25%; margin-top:18%; margin-bottom:20px; display: flex; justify-content: center; }
#fbox_logo img{ max-width:100%; height:auto; }

.clfooter_td h6{ float:left; margin:0px 0px -2px 0px; padding-bottom:5px; font-size:16px;  text-transform:uppercase; border-bottom:3px solid #CC6600; }
#footer_cl2 p{ font-size:16px;}
#footer_cl2 .fa{ color:#CC9900; }
#footer_mxh{ padding:0px; margin:0px; }
#footer_mxh a{ color:#ddd;    }
#footer_mxh li{ float:left; margin-right:6px; list-style:none; color:#76a9d8; cursor:pointer;   } 
#footer_mxh li:hover{ color:#CC6600; }
#footer_mxh li .fa{ color:#676665;}
#footer_mxh li .fa:hover{ color:#FFCC66;}

#wfooter_tt{ width:100%; float:left; padding:10px 0px 10px 0px; background-color:#ccc; border-bottom:3px solid #ccc; }
#wfooter_tt p{ text-align:center;}
.clfo_sty01{ margin:0px 0px 6px 0px; font-size:15px; color:#FFFFFF;}

/*Footer dang ky thong tin*/
.col_fdangky{ width:45%; float:left; margin-right:10%; }
.col_fdangky:last-child{ margin-right:0px; }


#box-login-ad h6{ font-size:18px; margin:25px 0px 12px 0px;  color:#1086d8;  }
.inputdk_footer{
width:-moz-calc(60% - 12px); width: -webkit-calc(60% - 12px); width:-o-calc(60% - 12px); width:calc(60% - 12px);
padding:6px 5px 6px 5px; border:1px solid #ccc; }
.div_dk_center{ display: flex; justify-content: center; }
.button_dangky{ min-width:150px; float:left; padding:6px 8px 6px 8px; background-color:#5083a6; color:#fff; cursor:pointer; font-size:16px; font-weight:300; text-align:center;  border-left:5px solid #ccc;}
.button_dangky:hover{ background-color:#333333;  }
.cl4_p{ width:100%; float:left; margin:5px 0px 0px 0px; text-align:center; }
#tkweb{   color:#333; }
#tkweb:hover{ color:#0066CC; }
 
.clright{ width:100%; float:left; margin-bottom:10px; }
.clright_50{ width:50%; float:left; }
.clright_50 p{ margin:0px;} 
.wr-login{ min-height:35px; }
#wr-login-mxn{ float:left; }
#txt_maxacnhan{ width:250px; padding:6px 5px 6px 5px; border:1px solid #ccc; }
.clquenmk{ float:right; margin-left:100px; margin-top:8px; }
.clquenmk a{ color:#666666; font-style:italic; }
.styform_icon{ width:12px; float:left; padding:8px; background-color:#69757e; }
.styform_icon .fa{ font-size:15px; color:#FFFFFF;  }
#show_resetpass{ font-size:14px; color:#333;  }

@media only screen  and (max-height: 640px) {
#box-login-ad h6{ margin-top:40px;} 

}
@media only screen  and (max-width: 1280px) {
#tkweb{ display:none;}

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


}

@media only screen  and (max-width:1170px) {
.frowweb{ width:100%; float:left; }
.frowwebleft{ width:98%; margin:0px 1% 0px 1%; }


}

@media only screen and (min-width:860px)  and (max-width: 1024px) {
.frowwebleft{ width:96%; margin:0px 2% 0px 2%; }


#footer_cl1, #footer_cl2{ width:50%; margin-bottom:10px; }	
#footer_cl2{width:48%; padding:1%;  margin-right:0px ;}


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


}

@media only screen  and (max-width: 860px) {
.frowwebleft{ width:96%; margin:0px 2% 0px 2%; }
/*fOOTER*/



#footer_cl1{ width:100%; float:left; display:block; margin-bottom:0px; margin-right:0px}	
#footer_cl2{ width:96%; float:left; display:block margin-bottom:0px; margin-right:0px}	
.img_clsty01 img{ width:100%; height:auto;}
.col_fdangky{ width:96%; padding:0px 2% 0px 2%; margin-right:0px; margin-bottom:15px;}
#fbox_tilte h6{ width:90%;  font-size:23px; line-height: 28px;  }
#fbox_tilte{ width:90%; margin-left:5%;  }

}
@media only screen and (min-width:224px)  and (max-width: 480px) {



}