@font-face {
    font-family: Lora;
    src: url('../webfont/Lora-Regular.ttf');
}
@font-face {
    font-family: Lora-Bold;
    src: url('../webfont/Lora-Bold.ttf');
}

body{ margin: 0px;padding: 0px; }
ul{ margin:0px;padding:0px; }
.wapmenu{ width:100%;height:80px;position: fixed;background-color:rgba(0,0,0,0.7);z-index:999999; }
.wapmenu img{ max-width:100%;border-radius: 5px;padding: 5px;background-color: #fff; }
.logo{ height: 70px;margin: 5px 0 0 0; }
.submenu{ position: absolute;top: 75px;width:280px;height:0px;overflow:hidden; }
.boxsubmn{ background-color: rgba(0,0,0,0.4);width: 100%;height: auto;position: absolute;top: 5px; }
.menutop{ width:100%;height:auto; }
.menutop ul{ list-style-type:none;float:right; }
.menutop ul li{ float:left;position:relative;padding: 29px 0; }
.menutop ul li a{ padding:.1cm 10px;color:#f2b920;text-decoration:none;font-family:Lora;font-size: 17px; }
.menutop ul li a.active{ font-weight:bold; }
/*.menutop ul li:hover .submenu{ position:absolute;z-index:9999999;height:130px;transition:0.5s; }*/
.menutop ul li .submenu ul li{ clear:both;width:100%;display:block;padding: 6px 0; }
.menutop ul li .submenu ul li a{ color:#fff; }
.menutop ul li .submenu ul li a:hover{ color:gold; }

.mnc3{ display:none; }
.menutop ul li.mnsanpham:hover .submenu{ position:absolute;z-index:9999999;height:470px;transition:0.5s;width:1000px;left:-360px;overflow:hidden; }
.menutop ul li.mnsanpham:hover .boxsubmn{ height:580px; }
.menutop ul li ul{ float:left;width:100%; }
.menutop ul li ul li ul{ list-style-type: none;float: left;position: absolute;background-color: rgba(0,0,0,0.4);height: auto;top: 0px;z-index: 99999999999999;width: 280px; }
.left240{ left: 280px; }
.leftsub240{ left: -280px; }
.boxitemsmn{ background:url('images/bgmn.png') repeat top left; }
.boxitemsmn ul li a{ font-size:14px;text-transform: none; }
.boxitemsmn ul li a b{ font-size:14px;text-transform: uppercase; }
.boxsubmn ul li:hover .mnc3{ display:block; }
a.submenutitle{ background: #f2b920;width: 100%;display: block;margin-top: -6px; }
@media only screen and (min-width:320px) and (max-width:736px){.menutop{display:none}}

.bannerhome1 .container{ width:1000px; }
.sanphamhome{ margin-top:55px; }
.imgsprighthome{ width:100%;max-width:100%;height:100%;overflow:hidden; }
.imgsprighthome img{ height:100%;width:100%; }
.contenttype01{ width:90%;margin:0 auto;color:#fff;padding-top:25px; }
.xemthem{ margin-top:20px;background-color:#f2b920;border:solid 1px #f2b920; }
.timhieutophaco{ margin-top:50px; }
.timhieutophaco .container,.tailieuthamkhao .container{ width:1200px; }
.dangkynhanthongtin .container{ width:800px; }
.wapbannercat img{ width: 100%;height: 460px; }
.boxseemore{ background-color: #3361FF;width: 110px;margin: 0 auto;border-radius: 5px;padding: 5px 0; }
.boxseemore i{ color:#fff!important; }
@media only screen and (min-width:320px) and (max-width:736px){
   .dangkynhanthongtin .container,.container .timhieutophaco{ width:100%; }
   .timhieutophaco .container{ width:100%; }
   .tailieuthamkhao .container{ width:100%; }
   .timhieutophaco .container, .tailieuthamkhao .container{ width:100%; }
   .xemthem{ margin-bottom:20px; }
   .tltk2{ bottom: -224px!important; }
   .tltk2 .container{ background: blue;opacity: 0.7; }
   .list_documents{ display:block!important; }
   .list_documents .list_item{ max-width:100%!important; }
   .wapbannercat img{ width: 100%;height: auto!important; }
   .boxitems{ margin-bottom: 20px; }
   .bannercatalog{ padding-top: 80px; }
   .bannercatalog img{ height:auto!important; }
}
.tailieuthamkhao{ margin-top:35px; }
.bg-loaded { width: 100%;height: 280px;background-size: cover;color: #fff; }
.wapnhanthongtin{ border:solid 1px #000; }
.wapnhanthongtin input{ border:none; }

.footer .container{ margin-top:25px; }
.infofooter{ width:100%;height:auto; }
.infofooter ul{ list-style-type:none; }
.infofooter ul li{ margin-bottom: 5px !important;font-size: 14px;color: #777;line-height: 1.3; }
.infofooter ul li a{ color: #777;text-align: left;text-decoration:none; }
.infofooter ul li a:hover{ color:gold; }
.infofooter ul li.head{ font-weight:bold;font-size:16px; }
.infofooter ul li.social{ display:flex; }
.infofooter ul li.social a{ font-size: 22px;color: #777;width: 40px;display: block;text-align: left;transition:1s; }
.infofooter ul li.social a:hover{ color:gold; }
.copy{ color: #777;font-size:12px; }
.copy a{ color: #777;text-decoration:none;font-size:12px; }
.copy a:hover{ text-decoration:underline; }
.contenttype01 a{ background:#f2b920;border:none;border-radius:0; }
.contenttype01 a:hover{ box-shadow:inset 0 0 0 100px rgb(0 0 0 / 20%);background:#f2b920; }
/* PRODUCT CATALOG DETAIL */
.imgcatpro{ width:100%;height:550px;max-width:100%;text-align:right;float:right; }
   .desc_cat{ text-align:justify; }
   .desc_cat p{ text-align:justify; }
   .desc_cat a{ background:#f2b920;border:none;border-radius:0; }
   .desc_cat a:hover{ box-shadow:inset 0 0 0 100px rgb(0 0 0 / 20%);background:#f2b920; }
/* PRODUCT CATALOG DETAIL */

/* PRODUCT DETAIL */
.clsboxdetails{ width:100%;height:auto;float:left;position:relative; }
   .clsboxpro{ width:100%;height:auto;float:left;position:absolute;top:-200px;z-index:999; }
   .boxpro{ width:856px;height:auto; }
   .bgwhite{ background:#fff; }
   .clsboxproleft{ background-color:#f2b920;width:100%;height:360px;display: flex;align-items: center;text-align:center; }
   .clsboxproright{ background-color:#2c2c2c;width:100%;height:360px;display: flex;align-items: center; }
   .clsboxproright .box_inner{ padding: 25px 20px; }
   .box_inner{ color:#fff; }
   .box_inner b,.box_inner strong{ color:#f2b920;font-weight:normal; }
   .box_inner img{ max-width:66%; }
   .box_inner .title{ color:#f2b920;text-transform:uppercase;font-size: 18px;font-weight: normal; }
   .product-infor{ margin-top:200px;margin-bottom:100px; }
   .product-infor .text1{ text-align: center;font-size: 22px;font-weight: normal;margin: 20px; }
   .product-infor .boxinfopro img{ max-width:100%;margin:0 auto; }
   .infor-contact{ padding-top: 30px;padding-bottom: 30px;background-color: rgb(251, 251, 251); }
   .icon-box{ width: 70px;height: 70px;background-color: #eee;border-radius: 50%;line-height: 65px;vertical-align: middle;text-align: center;margin:0 auto; }
   .icon-box img{ margin:0 auto; }
   .boxinfor a,.boxinfor .icon{ background:transparent; }
   .text2{ width:100%;height:auto;text-align:center; }
   .boxinfor a{ text-decoration:none;color:#6f7481;font-size:20px;font-weight:normal; }
   .boxinfor a:hover{ color:#f2b920; }
   .boxinfor a:hover .icon-box{ background-color:#f2b920;color:#fff; }
   @media only screen and (min-width:320px) and (max-width:736px){
      .infor-contact .container{ width:100%; }
      .boxpro{ max-width:100%!important; }
      .imgcatpro{ height:auto!important; }
   }
/* END PRODUCT DETAIL */
/* NEWS DETAIL */
.height80{ width:100%;height:80px;clear:both; }
   .entry-title{ font-size: 26px;color: #464646;font-weight: 600;margin: 0 0 20px 0; }
   .boxdetailnews h2{ color: #464646;font-size: 1.6em;line-height: 1.3; }
   .boxdetailnews h3{ color: #464646;font-size: 1.3em;line-height: 1.3; }
   .boxdetailnews h4{ color: #464646;font-size: 1.1em;line-height: 1.3; }
   .boxdetailnews ul{ margin:0 0 15px 15px; }
   .boxright{ padding: 20px 25px;box-shadow: 0px 0px 5px 5px #eee; }
   .boxright .title{ font-size: 16px;font-weight:bold;color:#464646;display:block;text-align:center; }
   .bodymnright ul{ list-style-type:none;margin-top:15px; }
   .bodymnright ul li{ border-bottom:solid 1px #ccc; }
   .bodymnright ul li a{ display:block;text-decoration:none;padding:.3cm 6px;color:#333;font-size: 15px; }
   .bodymnright ul li a:hover{ color:#f2b920; }
   .bodymnright ul li:last-child{ border-bottom:none; }
   @media only screen and (min-width:320px) and (max-width:736px){
      .boxdetailnews img{ max-width:100%!important; }
   }
/* END NEWS DETAIL */