@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=vietnamese');
*{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
a{text-decoration:none;color:#333}	
input,select,textarea{transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
input:focus,select:focus, textarea:focus{
  color: #495057;
  background-color: #fff;
  border-color: #005DAC;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 93, 172, 0.25);
}
#ktkiem input:focus,#txtGuiThu,input[type="radio"]{border-color: none; box-shadow:none}
h1, h2, h3, h4, h5{margin:0px;padding:0px}	
body {
	       
      font-family: 'Roboto', sans-serif!important;
	  font-size:15px;
	margin: 0px;
	padding: 0px;
	color: #000;
	
	background:#F8F8F8 ;
	    line-height: 1.5;
   
}
.lazy{opacity: 1;
    transition: opacity 300ms;}
input,select,textarea{  font-family: 'Roboto', sans-serif!important;}
#headtc1{width:100%;float:left;height:auto;}
#bnertc1{width:100%;float:left;height:auto;background:#345BD4}
#bnertc2{width:1300px;height:auto;margin:auto;}
#bnertc2 img{width:100%;float:left;height:auto;}
#menmot1{width:100%;float:left;height:auto;background:#F8F8F8;padding:8px 0px}
#menmot2{width:1300px;height:auto;margin:auto}
#trmenmot{width:50%;float:left;height:auto}
#trmenmot ul{margin:0px;padding:0px}
#trmenmot ul li{margin:0px;padding:0px;list-style:none;float:left;}
#trmenmot ul li	a{line-height:16px;color:#000;padding: 0 16px; border-left: 1px solid #DFDFDF;font-size:13px;font-weight:300;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#trmenmot ul li	a:hover{color:#005DAC}
#trmenmot ul li:first-child	a{padding-left:0px;border-left:0px solid #000}
#phmenmot{width:50%;float:right;height:auto}
#phmenmot ul{margin:0px;padding:0px}
#phmenmot ul li{margin:0px;padding:0px;list-style:none;margin-left:50px;float:right}
#phmenmot ul li a{font-size:13px;color:#000;font-weight:300}
#phmenmot ul li a .sohli{font-weight:bold}
#phmenmot ul li a i{color:#FE7801;font-size:16px;margin-right:5px}
#bnergi1{width:100%;float:left;height:auto;padding:12px 0px 10px 0px;background:#fff}
body .stuck{    animation: stuckMoveDown .6s;webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);}
.stuck{top: 0!important;
    position: fixed!important;
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;z-index:1111111111;background:#fff}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes stuckMoveUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes stuckFadeIn{0%{opacity:0}100%{opacity:1}}

#bnergi2{width:1300px;margin:auto;height:auto}
#bnertre{width:100%;float:left;height:auto}
#bnerduoi{width:100%;float:left;height:auto}
#logotc{width:316px;margin-right:12px;height:auto;text-align:center;float:left}
#logotc img{height:50px;width:auto;margin:auto;}
#ktkiem{width:644px;height:40px;position:relative;padding-right:50px;float:right;background: #FFF; -webkit-box-shadow: 0 0 0 1px #F0F0F0; box-shadow: 0 0 0 1px #F0F0F0; border-radius: 5px; overflow: hidden;}
#ktkiem input{width:100%;float:left;height:40px;border:0px solid #000;outline:none;padding-left:10px;font-weight:300}
#ktkiem i{position:absolute;width:40px;height:40px;background:#005DAC;color:#fff;font-size:15px;top:0px;right:0px;line-height:40px;text-align:center;cursor:pointer;border-radius:5px}
#phbnergi{width:316px;float:right;height:auto;padding:0px 25px}
#phbnergi ul{margin:0px;padding:0px;}
#phbnergi ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:10px;}
#phbnergi ul li:last-child{margin-left:0px}
#phbnergi ul li a{text-align:center;float:left;line-height:22px}
#phbnergi ul li a i{color:#005DAC;font-size:21px;}
#phbnergi ul li a i.fa-cart-shopping{position:relative}
#phbnergi ul li a i.fa-cart-shopping #sogh{border-radius: 50%; background: #FE7801; color: #fff; font-size: 11px; position: absolute; top: -6px; right: -6px; width: 15px; height: 15px; line-height: 15px;}
#phbnergi ul li a .cduoi{color:#000;width:100%;float:left;font-weight:300;font-size:14px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#phbnergi ul li a:hover .cduoi{color:#005DAC}
#dmban1{width:100%;float:left;height:auto;padding:0px 0px 10px 0px;background:#fff}
#dmban2{width:1300px;margin:auto;height:auto}
#kmnuso{width:316px;float:left;height:auto;position:relative;z-index:11}
#nutso{width:100%;float:left;cursor:pointer; height:42px;border-radius:8px;background:#FE7801;color:#fff;font-size:18px;text-transform:uppercase;padding-left:13px;line-height:42px;}
#nutso i{font-size:29px;margin-right:10px;position:relative;top:3.5px}
#kdmmso{width:316px;float:left;height:570px;position:absolute;top:52px;background:#fff;    border-radius: 15px;-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);}
#kdmmso ul{margin:0px;padding:0px; height:auto;   
   }
#kdmmso ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto}
#kdmmso ul li:first-child a{border-radius: 15px 15px 0 0;}
#kdmmso ul li a.acat1{width:100%;float:left;height:auto;padding: 0 24px;color:#000;height:40px;   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;font-weight:300;font-size:14px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}

#kdmmso ul li a.acat1 i.icat1{width: 35px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 24px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#kdmmso ul li:hover a.acat1{background:#005DAC;color:#fff;}	
#kdmmso ul li:hover a.acat1 i.icat1{-webkit-filter: invert(1);
    filter: invert(1);}
#kdmmso ul li ul.ulcat2{    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: #fff;
    z-index: 2;
    width: calc(1300px - 316px);
    height: 570px;
    overflow: auto;
    position: absolute;
    left: 316px;
    top: 0;
    padding: 15px;display:none;overflow: auto;}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:#f5f5f5}
::-webkit-scrollbar-thumb{background:#606060;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#aaa}	
#kdmmso ul li:hover ul.ulcat2{display:block}
#kdmmso ul li ul li.licat2{width:25%;padding-right:1%;height:auto;margin-bottom:5px}
#kdmmso ul li ul li.licat2 a{width:100%;float:left;height:auto;margin-bottom:10px; font-size: 16px;
    font-weight: 700;
    color: #005dac;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#kdmmso ul li ul li.licat2 a:hover{text-decoration: underline;}	
#kdmmso ul li ul li ul.ulcat3{margin:0px;padding:0px}
#kdmmso ul li ul li ul.ulcat3 li.licat3{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto;margin-bottom:5px}
#kdmmso ul li ul li ul.ulcat3 li.licat3 a{color:#000;font-weight:300;margin-bottom:0px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#kdmmso ul li ul li ul.ulcat3 li.licat3 a:hover{color:#005DAC}
#phdmban{width:972px;float:right;height:auto}
#phdmban ul{margin:0px;padding:0px;position:relative}
#phdmban ul li{margin:0px;padding:0px;list-style:none;float:left;margin-right:20px}
#phdmban ul li a{font-weight:300;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#phdmban ul li a:hover{color:#FE7801}
#phdmban ul li a i{background:#F2F9FF;width:42px;height:42px;line-height:42px;text-align:center;font-size:18px;border-radius:50%}
#phdmban ul li a i.fa-phone-volume{color:#005DAC;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out}
@-webkit-keyframes phonering-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
#phdmban ul li a .somnp{color:#FE7801;font-weight:bold}
#phdmban ul li a i.fa-clock{color:#FE7801}
#phdmban ul li a i.fa-bolt{color:#FE7801}
#ksli1{width:100%;float:left;height:auto;    background: #3B3B47;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);min-height:570px}
#ksli2{width:1300px;height:auto;margin:auto}	
.stuck #kdmmso{top:42px!important;display:none!important}
.stuck #logotc{display:none!important}
.stuck #phdmban{display:none!important}
.stuck #bnergi2{position:relative!important}
.stuck #kmnuso{position:absolute!important;top:0px!important;left:0px!important}
.stuck #kmnuso:hover #kdmmso{display:block!important}
#khungchinh1{width:100%;float:left;height:auto;padding:10px 0px}
#khungchinh2{width:1300px;margin:auto;}
#kbamuc{width:100%;float:left;height:auto;margin-bottom:10px}
.mbamuc{width:425px;float:left;height:auto;margin-right:12px}
.mbamuc img{width:100%;float:left;height:auto;}
.mbamuc1{float:right;margin-right:0px}
#kudai{width:100%;float:left;height:auto;background:#FE7801;padding: 20px 10px 25px 10px;margin-bottom:15px;    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;min-height:100px}
#tdkudai{width:100%;float:left;height:auto;margin-bottom:20px;text-align:center}
#tdkudai h2{    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    line-height: 56px;}	
#tdkudai h2 i{color:yellow;position:relative;font-size:50px;top:0px}
#ndkudai{width:100%;float:left;height:auto;margin-bottom:10px}	{width:100%;float:left}
#xtcud{width:100%;float:left;height:auto;text-align:center}
#xtcud a{margin: auto;
    text-align: center;
    color: #fff;
    padding: 10px 30px 10px 30px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#xtcud a:hover{background:#fff;color:#FE7801}	
#kspmoi{width:100%;float:left;height:auto;background: #FFF;
    -webkit-box-shadow: 0 0 0 2px #005DAC;
    box-shadow: 0 0 0 2px #005DAC;
    border-radius: 15px;margin-bottom:10px}
#tdspmoi{width:100%;float:left;height:auto;margin-bottom:10px}
#tdspmoi h2{margin:0px;padding:0px}
#tdspmoi h2 a{position:relative;float:left;height:55px;padding:0px 15px;background:#005DAC;color:#fff;font-size:26px;text-transform:uppercase;-webkit-border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;line-height:55px;left: -1px;
    top: -1px;}	
#tdspmoi h2 a:after{content: '';
    border-top: 55px solid #005DAC;
    border-right: 40px solid transparent;
    position: absolute;
    right: -40px;
    top: 0px;}
#ndspmoi{width:100%;float:left;height:auto;min-height:100px;padding:0px 10px;margin-bottom:10px}
.sanpham{width: 246px;
    float: left;
    height: auto;
    margin-right: 12px;
    margin-bottom: 13px;
    padding: 12px 12px 20px;background: #fff;
    border-radius: 15px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.sanphamudto{width:250px}	
.sanpham1{float:right;margin-right:0px}
.hsanpham{width:100%;float:left;height:auto;position:relative;margin-bottom:10px}
.hsanpham .hspham2{width:100%;float:left;height:auto}
.hsanpham .newsp{font-weight: 500;
    font-size: 11px;
    color: rgb(255, 255, 255);
    width: 42px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    background: url(../images/new.png) center center / 42px 18px no-repeat;
    background-position: center center;}
.tensanpham{width:100%;float:left;height:auto;margin-bottom:5px}	
.tensanpham h3{margin:0px;padding:0px}
.tensanpham h3 a{font-size:13px;font-weight:400;line-height:18px;height:36px;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.gmgcsp{width:100%;padding-right:42px;min-height:49.5px;height:auto;position:relative;float:left;margin-bottom:5px}	
.gmspham{width:100%;float:left;height:auto;font-size:18px;color:red;font-weight:bold;margin-bottom:0px}
.gcspham{font-size:14px;text-decoration:line-through;color: rgb(153, 153, 153);margin-right:6px}
.ggspham{    font-weight: 500;
    font-size: 12px;
    width: 30px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #FE7801;
    border-radius: 3px;}
.btn-cart{width:36px;height:36px;    top:0px;right:0px;cursor:pointer;
    border-radius: 50%;position:absolute;background: #005DAC url(../images/btn-cart.png) center center / 20px no-repeat; background-position: center center; }	
.dbspham{width:100%;float:left;height:18px;background: #E5E5E5;
    border-radius: 50px;line-height:18px;
    text-align: center;
    overflow: hidden;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 9px;
    position: relative;
    margin-bottom: 6px;}	
.chudb{position: relative;
    z-index: 1;}	
.ptdban{background: -webkit-gradient(linear, right top, left top, color-stop(50%, #FE7801), color-stop(67.91%, #FE4D01)); background: linear-gradient(270deg, #FE7801 50%, #FE4D01 67.91%); position: absolute; top: 0; left: 0; bottom: 0; border-radius: 50px; max-width: 100%!important;height:18px}	
.tgclsph{width:100%;float:left;height:auto;color:#000;font-size:11px}
.xtcdm{width:100%;float:left;height:auto;text-align:center;margin-bottom:20px}	
.xtcdm a{margin:auto;text-align: center;
    color: #005DAC;
    padding:10px 30px 10px 30px;
    line-height: 40px;
    border:1px solid #005DAC;
    border-radius: 20px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.xtcdm a:hover{background:#005DAC;color:#fff}	
.sanpham:hover{-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.sanpham:hover .tensanpham h3 a{color:#005DAC}	
#haimuc{width:100%;float:left;height:auto;margin-bottom:10px}
.mhaim{width:644px;height:auto;float:left}
.mhaim1{float:right}
.mhaim img{width:100%;float:left;height:auto}	
.kdmc1{width:100%;float:left;height:auto;min-height:100px;    background: #FFF;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;margin-bottom:10px}
.tdkdmc{width:100%;float:left;height:auto;padding: 17px 14px 13px 12px;
    border-bottom: 1px solid #F8F8F8;margin-bottom:10px}	
.tdkdmc h2{margin:0px;padding:0px;margin-right:20px;    float: left;}
.tdkdmc h2 a{font-weight: 500;
    font-size: 26px;
    text-transform: uppercase;}	
.tdkdmc ul{margin:0px;padding:0px;margin-top: 8px;}	
.tdkdmc ul li{margin:0px;padding:0px;list-style:none;float:left;}	
.tdkdmc ul li h3{margin:0px;padding:0px}
.tdkdmc ul li h3 a{padding: 0 10px;border-right: 1px solid #000;font-weight:300;font-size:14px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tdkdmc ul li h3 a:hover{color:#005DAC}
.tdkdmc ul li:last-child h3 a{border-right: 0px solid #000;}
.ndkdmc{width:100%;float:left;height:auto;padding: 0px 10px;
    margin-bottom: 10px;}
#kttvi{width:100%;float:left;height:auto;margin-bottom:10px}
#kttuc{width:644px;float:left;height:auto;min-height:100px;    background: #FFF;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;padding:15px}	
#tdkttuc{width:100%;float:left;height:auto;margin-bottom:10px}
#tdkttuc h2{margin:0px;padding:0px;float:left}
#tdkttuc h2 a{font-weight: 500;
    font-size: 26px;
    text-transform: uppercase;}	
#xtctt{float:right;color:#005DAC;margin-top:7px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
#xtctt:hover{color:#FE7801}
#ndkttuc{width:100%;float:left;height:auto}
.mttuctc{width:300px;float:left;height:auto;margin-bottom:10px}
.mttuctc1{float:right;}
.hmttuctc{width:100%;float:left;height:auto;margin-bottom:10px}
.hmttuctc img{width:100%;float:left;height:auto}
.tenmttuctc{width:100%;float:left;height:auto}
.tenmttuctc h3{margin:0px;padding:0px}
.tenmttuctc h3 a{font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tenmttuctc h3 a:hover{color:#005DAC}	
#kvitc{width:644px;float:right;height:auto;position:relative}	
#hkvitc{width:100%;float:left;height:auto}
#kvitc i{font-size:60px;position:absolute;top:50%;left:50%;color:#fff;margin-left:-33.75px;margin-top:-30px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#kvitc:hover i{color:#FE7801}
#kdtac{width:100%;float:left;height:auto;min-height:100px;    background: #FFF;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;}
#tdkdtac{width:100%;float:left;height:auto;padding:15px 0px 10px 15px;font-weight: 500;
    font-size: 26px;
    text-transform: uppercase;}
#ndkdtac{width:100%;float:left;height:auto;padding:0px 15px;margin-bottom:10px}	
.flexdt{border:1px solid #ddd;border-radius:10px;padding:22px 10px;margin-bottom:2px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.flexdt:hover{border:1px solid #FE7801;    -webkit-box-shadow: 0 1px 8px rgba(254, 120, 1, 0.1);
    box-shadow: 0 1px 8px rgba(254, 120, 1, 0.1);}
#kdkntt1{width:100%;float:left;height:auto;background:#005DAC;padding:28px 0px}
#tdkdkntt1{width:100%;float:left;height:auto;margin-bottom:10px;text-align:center;}
#tdkdkntt1 h2{font-size:20px;color:#fff;text-transform:uppercase}
#ndkdkntt1{width:100%;float:left;height:auto;text-align:center}
#ndkdkntt2{width:644px;height:42px;margin:auto;background:#fff;border-radius:5px;overflow:hidden;padding-right:130px;position:relative}
#txtGuiThu{width:100%;height:42px;padding-left:10px;border:0px solid #000;outline:none;}
#btn_guiemail{width:110px;height:42px;cursor:pointer;border-radius:5px;outline:none;background:#FE7801;color:#fff;text-transform:uppercase;font-weight:bold;text-align:center;line-height:42px;position:absolute;top:0px;right:0px;border:0px solid #000}
#fter{width:100%;float:left;height:auto;background:#fff} 
#fttren1{width:100%;float:left;height:auto;padding:20px 0px;}
#fttren2{width:1300px;height:auto;margin:auto}
#fttrenmo{width:250px;float:left;height:auto;margin-right:10px}
#fttrenha{width:250px;float:left;height:auto;margin-right:10px}
#fttrenba{width:250px;float:left;height:auto;margin-right:10px}
#fttrenbo{width:250px;float:left;height:auto;margin-right:10px}
.tdfter{    font-weight: 700;
    font-size: 14px;width:100%;float:left;margin-bottom:10px}
.ndfter{width:100%;float:left;height:auto;}	
.ndfter ul{margin:0px;padding:0px}
.ndfter ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;margin-bottom:2px}
.ndfter ul li a{font-size:13px;color:#000;font-weight:300;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.ndfter ul li a:hover{color:#005DAC}
#fttrenna{width:260px;float:right;height:auto;}
#fpage{width:100%;float:left;height:auto;margin-bottom:5px}
#lkmxh{width:100%;float:left;height:auto;}
#lkmxh img{height:25px;width:25px;float:left;margin-right:5px}
#khthft1{width:100%;height:auto;float:left;}
#khthft2{width:1300px;height:auto;margin:auto;overflow:hidden;padding:15px 0px;    border-top: 1px dashed #E5E5E5;}
.mhtho{width:430px;margin-right:10px;float:left;margin-bottom:20px;font-size:13px;font-weight:300}
.mhtho1{float:right;margin-right:0px}
.tenmhtho{width:100%;float:left;height:auto;margin-bottom:10px;color: #005DAC;
    font-weight: 700;
    font-size: 16px;}
.dcmhtho{width:100%;float:left;height:auto;margin-bottom:5px;}	
.dcmhtho i{color:#005DAC;}
.mhtho i{width:17px}
.xbdmhtho{width:100%;float:left;height:auto;margin-bottom:5px}
.xbdmhtho a{color:#FE7801;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.xbdmhtho a:hover{}
.zamhtho{width:100%;float:left;height:auto;margin-bottom:5px}
.zamhtho i{color:#005DAC;}
.gmcmhtho{width:100%;float:left;height:auto;color:red}
#copyright1{width:100%;float:left;height:auto;background:#F8F8F8;padding:15px 0px}
#copyright2{width:1300px;height:auto;margin:auto;}
#trcopy{width:985px;float:left;height:auto;font-size:13px;line-height:24px}
#trcopy p{margin:0px;padding:0px}
#phcopy{width:250px;float:right;height:auto}
#hinhbct{float:left;height:43px;width:auto;max-width:100%;margin-top:40px}
#menumb1{width:100%;float:left;height:50px;position:fixed;top:0px;left:0px;z-index:111111;display:none}
#menumb2{width:100%;float:left;height:auto;position:relative}
#knutdungp{position:fixed;bottom:55px;right:10px;z-index:1111111;border:1px solid #ddd;width:80px;height:auto;padding:10px 5px;background:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}#knutdungp ul{margin:0px;padding:0px;}#knutdungp ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto;margin-bottom:5px;}.hmndph{width:100%;float:left;height:auto;text-align:center;margin-bottom:0px;}.hmndph img{height:36px;margin:auto}.tmndph{width:100%;float:left;height:auto;text-align:center;font-weight:bold;color:#000;font-size:13px;font-weight:initial}
#page{ display: none;
    float: left;
    z-index: 11111111;
    top: 0px;
	left:5px;
    width: 40px;
    position: absolute;
    height: 40px;}

#logodt{    z-index: 1111111;
    position: absolute;
  
    display: none; top: 2px;
    height: 46px;
    left:45px;
    width: auto;
   }
#menurere{width: 100%;
    float: left;
    height: 50px;
    background: #fff;
    z-index: 111111;
    position: absolute;
    display: none;top:0px;}
#cachtopre{width:100%;float:left;height:auto;display:none;margin-top:50px}	
.mmt-container{    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    z-index: 10000000000000000;}	
#metu .mmt-app{position: relative;
    display: flex;
    flex-direction: row;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    justify-content: center;
    box-sizing: border-box;
    min-height: 56px;
    -webkit-transition: all .24s;
    transition: all .24s;
    }
.mt-tooltip{    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;}
#metu .mmt-button:not(.mmt-button--mobile){justify-content: flex-start;
    border-radius: 3px;
    height: 40px;
    background-color: hsla(0,0%,100%,.2);
    margin: 10px 5px;
}
#metu .mmt-button__icon{width: 20px;
    height: 20px;
    margin-right: 10px;
    box-sizing: border-box;}
#metu .mmt-button__label{    font-size: 14px;
    line-height: 20px;}
.mt-tooltip__text{    position: absolute;
    visibility: hidden;
    z-index: 1;
    background: #232f34;
    color: #fff;
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
    min-width: 120px;
    max-width: 240px;
    bottom: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    box-sizing: border-box;}
#metu .mmt-button:not(.mmt-button--mobile):hover{    background-color: rgba(27,27,27,.2);}
#metu .mmt-button{    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 10px;
    flex-direction: row;
    cursor: pointer;}
#metu{display:none}
#ghre{position:fixed;z-index:111111;top:20px;right:14px;display:none}
#flexvi{width:100%;float:left;height:auto}
#dongdkk{position:absolute;top:0px;right:0px;}
#ndctspdknt1{width:100%;float:left;height:auto}
#hientkre{width:100%;float:left;height:0px;overflow:hidden;position:fixed;top:50px;left:0px;z-index:1111111}
#nuttkre{display:none;position:fixed;top:14px;right:43px;z-index:1111111;cursor:pointer; font-size: 15px;
    padding: 6px;
    border-radius: 50%;
    color: #fff;


    background: #d8211e;}
#kngangre{width:100%;float:left;height:auto;position:fixed;left:0px;bottom:0px;z-index:11111;padding:5px 0px;background:#005DAC;display:none;padding-top:7px}
#kngangre ul{margin:0px;padding:0px}
#kngangre ul li{margin:0px;padding:0px;list-style:none;width:25%;float:left;height:auto;text-align:center;line-height: 9px;}
#kngangre ul li img{height:26px;width:auto;margin:auto}
#kngangre ul li i{font-size:21px;color:#fdfdfd;}
#kngangre ul li a{color:#fff;font-size:13px}
#kngangre ul li a span{color:#fff}	
#bmcre{width:100%;float:left;height:auto;padding:0px 0px;padding-top:15px;display:none}
#bmcre ul{margin:0px;padding:0px}
#bmcre ul li{margin:0px;padding:0px;list-style:none;width:25%;float:left;height:auto;text-align:center;padding:0px 5px}
#bmcre ul li a{color:#333;font-size:14px}
#bmcre ul li a i{width:35px;height:35px;line-height:35px;text-align:center;color:#fff;background:#4cb551;border-radius:50%;margin-bottom:5px;font-size:18px}
#akghangre{right:5px;position:absolute;top:10px;z-index: 1111111; display: none;}
#kghangre{width: 50px;
    height:auto;
    font-size: 21px;
   
    color: #005DAC;}
#kghangre span{font-size:15px;position:relative;top:-6px}	
#ktkire1{width:30%;position:absolute;top:0px;right:55px;height:50px;z-index:1111111;padding:10px 5px;display:none;}
#ktkire2{width:100%;height:30px;float:left;position:relative;border-radius:4px;overflow:hidden}
#ktkire2 input{width:100%;float:left;height:28px;border:1px solid #005DAC;padding-left:5px;outline:none;border-radius:4px}
#ktkire2 i{
    position: absolute;
    top: 1px;
    right: 1px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    color: #005DAC;
    background: #fff;
    width: 26px;
    line-height: 26px;
    text-align: center;
    height: 26px;}
#dmcmre{width:100%;float:left;height:auto;margin-bottom:10px;display:none}
#dmcmre ul{margin:0px;padding:0px}
#dmcmre ul li{margin:0px;padding:0px;list-style:none;width:19%;margin-bottom:10px;float:left;height:auto;margin-right:1.2%;border:1px solid #ddd;border-radius:4px;padding:10px 0px}
#dmcmre ul li.lidmc1re1{float:right;margin-right:0px}
#dmcmre ul li.lidmc1re:nth-child(n+10) {display:none}
.hinhc1re{margin:0px;padding:0px;width:100%;float:left;height:auto;text-align:center;margin-bottom:5px;text-align:center}
.hinhc1re img{height:30px;width:auto;margin:auto}
.tenc1re{width:100%;float:left;margin:0px;padding:0px 2px;text-align:center;font-size:12px;color:#000}
#xtcdmc1re{cursor:pointer;}
.tenc1rextc{color:#005DAC;margin-top: 7px}
.hinhc1re i{color:#005DAC;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;border:1px solid #005DAC;font-size:20px}
.hiendmc1re ul li.lidmc1re:nth-child(n+10) {display:block!important}
.hiendmc1re #xtcdmc1re{display:none!important}
.success-checkmark{margin:0 auto;width: 100%;display: flex;align-items: center;justify-content: center;}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4CAF50;}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px;}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in;}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after{content:'';height:100px;position:absolute;background:#FFFFFF;transform:rotate(-45deg);}
.success-checkmark .check-icon .icon-line{height:5px;background-color: #0083FF;display:block;border-radius:2px;position:absolute;z-index:10;}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip 0.75s;}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long 0.75s;}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border: 4px solid rgba(0, 131, 255, 0.5);}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#FFFFFF;}
@keyframes rotate-circle{0%{transform:rotate(-45deg);}
5%{transform:rotate(-45deg);}
12%{transform:rotate(-405deg);}
100%{transform:rotate(-405deg);}
}
@keyframes icon-line-tip{0%{width:0;left:1px;top:19px;}
54%{width:0;left:1px;top:19px;}
70%{width:50px;left:-8px;top:37px;}
84%{width:17px;left:21px;top:48px;}
100%{width:25px;left:14px;top:45px;}
}
@keyframes icon-line-long{0%{width:0;right:46px;top:54px;}
65%{width:0;right:46px;top:54px;}
84%{width:55px;right:0px;top:35px;}
100%{width:47px;right:8px;top:38px;}
}
.success-form {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 11111111111;background: rgba(0,0,0,0.5);display: block;}
.content-container {background: #ffffff;max-width: calc(100% - 40px);height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 310px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 20px;border-radius: 12px;width: 500px;}
.content-text {font-weight: 700;font-size:24px;line-height: 1.6;}

@media only screen and (min-width : 1px) and (max-width : 1200px) {
.content-container{max-height:250px}	
.content-text{font-size:16px}
#dmcmre{display:block}	
#menumb1{display:block}	
#ktkire1{display:block}	
#tdktoptc h2 span{font-size:16px}	
#tdktoptc h2 i{font-size:20px;top:2px}
#akghangre{display:block}	
#bmcre{display:block}	
#kngangre{display:block}		
#nuttkre{display:block}	
#hientkre{display:block}	
#menurere{display:block}
#logodt{display:block}		
#ghre{display:block}	
#cachtopre{display:block}
#menudung{display:none}
#page{        display: block;}	
nav:not(.mm-menu)
{
	display: none;
}
#khungchinh2{width:96%;float:left;margin-left:2%}
#flexdt .owl-nav button.owl-prev{left: 0px!important;}
#flexdt .owl-nav button.owl-next{right: 0px!important;}
#footermot{width:100%;margin-left:0px;margin-right:0px;margin-bottom:15px}
#footerhai{width:100%;margin-left:0px;margin-right:0px;margin-bottom:15px}
#footerba{width:100%;margin-left:0px;margin-right:0px;margin-bottom:15px}
.zalo-container{display:none!important}
#metu{display:block}
#khungchinh2{overflow:hidden}
#kdoitactc2{width:96%;float:left;margin-left:2%}
#footertc2{width:96%;float:left;margin-left:2%}
#bannertc2{width:96%;float:left;margin-left:2%}
#ktintuctc2{width:96%;float:left;margin-left:2%}
#copyrighttc2{width:96%;float:left;margin-left:2%;text-align:left}

#knutdungpba{display:none}
#knutdungpbon{display:none}
#knutdungp ul li{margin-bottom:0px}

#knutdungp{bottom:70px}
.tensanpham{    height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
#logotc{display:none}
#giohangtc{display:none}
.khungtimkiemtc{width:100%;float:left;margin-left:0px;margin-right:0px;margin-top:0px}
#menu2{width:96%;float:left;margin-left:2%}
#flexttm .owl-nav button.owl-prev{left: 0px!important;}
#flexttm .owl-nav button.owl-next{right: 0px!important;}
.ktrens{width:100%;height:auto;position:absolute;top:10%;left:0px}
.ktrens2{width:95%;float:left;height:auto;margin-left:2%}
.ktrens3{width:100%;float:left;height:auto}
.tenktrens{margin-bottom:10px}
.mtktrens{display:none;margin-bottom:2px;line-height:23px}
.xtktrens a{padding:2px 20px}

#headertc1{background:#fff;}
#headertc2{width:100%;}
#trhead{display:none}
#phhead{width:70px;position:fixed;top:7px;right:10px;z-index:111111}
#phhead ul li:last-child{display:none}
#phhead ul li a{color:#004aad}
#gibannertc{display:none}
#trbannertc{width:100%;margin-bottom:5px}
#phbannertc{width:100%;margin-top:0px}
#phbannertc ul li#ghrrm{display:none}
.flexnb .owl-nav button.owl-prev{left:0px!important}
.flexnb .owl-nav button.owl-next{right:0px!important}
#tintuctc2{width:96%;float:left;margin-left:2%}
#dknttc2{width:96%;float:left;margin-left:2%}
#trdknttc{width:100%;float:left;margin-bottom:0px;font-size:18px}
#phdknttc{width:100%;float:left;height:auto}
#phbannertc ul li ul{left:inherit;right:0px}
#phbannertc ul li{padding-bottom:0px}
#dknttc1{padding:10px 0px}
.lSAction  a{opacity:1!important}
#ghre i{font-size:21px;color:#ed1f24}
#ghre span{position:absolute;top:-10px;right:-10px;font-size:13px;background:#ed1f24;color:#fff;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;}
#dndktc{display:none}
#htdktc{display:none}
#slidertc2{width:100%}
#flexdm .owl-nav button.owl-prev{left:0px!important}
#flexdm .owl-nav button.owl-next{right:0px!important}
#csbqtc2{width:96%;float:left;margin-left:2%}
#kykkhtc2{width:96%;float:left;margin-left:2%}
.hinhflexttm{width:100%}
.pflexttm{width:100%;float:right}
#phbanner{width:100%}
#trphbanner{display:none}
#menutr{display:none}
#bannertc1{height:auto;padding:0px 0px;background:#fff}
#bannertc2{height:auto;}
#aca{float:left}
.hotline-1{display:none!important}
#tdchusli{font-size:18px}
#mtchusli{font-size:15px}
.tdmkuntc h2 a{font-size:21px;width:100%;float:left;margin-bottom:15px}
.tabs li{font-size:18px!important;padding:0px 3px!important}
.tabs li:first-child{padding-left:0px!important}
.tabs li:last-child{padding-right:0px!important}
#tdkykkhtc{font-size:14px;padding:0px 0px}
#kykkhtc1{padding:30px 0px}
#c2dmdau ul li{width:23%;margin-right:2%;margin-bottom:15px}
#c2dmdau ul li .lic1tr{float:right;margin-right:0px}
#c2dmdau ul li a{width:100%;height:50px;overflow:hidden;padding:3px 5px;text-align:center}
.noidungtrong table{width:100%!important}
.noidungtrong td{width:auto!important}
#duoislitc2{width:100%;height:auto}
#duoislitc3{width:100%;height:auto}
#kspc1tc2{width:96%;float:left;margin-left:2%}
.mspcm{width:25%}
.hinhmspcm img{height:40px}
.tdkmdmcmtc h2 a{margin-bottom:5px;margin-top:0px}
.tdkmdmcmtc ul li{margin-bottom:10px}
.hinhsanpham img{width:100%;float:left;margin:0px 0px;height:auto}
.giacmpsp ul li.giasanpham{width:100%}
#footerbon{width:100%}
.giacmpsp{min-height:44px}
.tenmspcm{    height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.tdkmdmcmtc ul li h3 a{    padding: 0px 0px;border: 0px solid #fff;}	
.tdkmdmcmtc ul li{margin-bottom:5px;margin-left:5px}
.tdkmdmcmtc ul li.lixtc{display:none}
.tdkmdmcmtc ul li a{    padding: 0px 0px;border: 0px solid #fff;}	
#bamucbanner ul li{display:none}
#bamucbanner ul li:first-child{display:block}
#bamucbanner ul li a .chuligh{display:none}
#bamucbanner ul li{width:40px;margin-right:14px;margin-left:0px}
#bamucbanner{top:11px;width: 59px;
    float: right;
    margin-top: 0px;
    z-index: 111111;
    padding: 0px 0px;
    right: 0px;
    position: fixed;
    background: none;}
#bamucbanner ul li a i{width: 35px;
    height: 35px;
    float: left;
    background: #fff;
    color: #4cb551;
    border-radius: 50%;
    line-height: 39px;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;}	
#ktkiemtc{width:100%;float:left;margin-left:0%;border:1px solid #ddd;margin-top:5px;margin-bottom:5px}	
#ktkiemtc select{width:30%;height:32px}
#ktkiemtc input{width:69%;height:32px}
#kslbmuc2{width:96%;float:left;margin-left:2%}
#kslbmuc3{width:100%;float:left;height:auto;}
#kslitr{width:100%;float:left;height:auto;}
#ksliph{display:none}
.tdkdmtc h2 a:after{display:none}
.kdmtc ul{display:none}
.tdkdmtc .xtckdmtc{display:none}
.tdkdmtc h2 a{font-size:18px}
.tdkdmtc{border-bottom:0px solid #000;background:#4cb551;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ndkdmtc{padding:0px 0px}
#kdnnttc2{width:96%;float:left;margin-left:2%}
#trkdnnttc{width:100%;float:left;height:auto;margin-bottom:10px}
#phkdnnttc{width:100%;float:left;height:auto;margin-top:0px}
#footermoth{width:100%;float:left;height:auto;margin-bottom:15px}
#chatzalotr{display:none}
#bamucbanner ul li:first-child{width:44px}
.tghsanpham{width:100%;float:left;height:auto;text-align:left}
#ptrkdnnttc{width:100%}
.mshow{width:100%;float:left;margin-right:0px;margin-bottom:25px}
.giasanpham{color:red}
#bannertc1{display:none}
#phhead ul li a span#chugh{display:none}
#sync2{display:none}
#kslbnern2{width:100%;}
#phaisli{width:100%}
#kslider{width:100%;min-height:0px}
#kbamvih{display:none}
#kdmso{display:none}
#menu1{margin-top:5px;margin-bottom:5px}
#menu2{padding:3px 3px;height:auto;overflow:hidden}
#ktktc{width:100%;margin-left:0px;margin-top:0px}
#phmenu{display:none}
.tdkmdmtc ul{display:none}
.ndkmdmtc{border:0px solid #000}
.thgsanpham{padding:0px 0px}
.tensanpham{padding:0px 0px}
.thgsanpham .thsanpham{width:100%;float:left;height:auto;margin-bottom:5px}
.thgsanpham .gsanpham{width:100%;float:left;height:auto;margin-bottom:5px}
.sanpham{border-right: 0px solid #eeeeee;
    border-bottom: 0px solid #eeeeee;margin-bottom:25px;}
#kslbnern1{padding:0px 0px;margin-bottom:10px}	
#kttutc2{width:96%;float:left;margin-left:2%}
#kdtac2{width:96%;float:left;margin-left:2%}
#kcnhatc2{width:96%;float:left;margin-left:2%}
#kttuctc2{width:96%;float:left;margin-left:2%}

.mchinft{width:100%;float:left;margin-right:0px;margin-bottom:20px}
.ndmchinft{height:auto}
#bnkmtc1{display:none}
#menu1{display:none}
#bamutc{display:none}
#kslitc1{width:100%;padding:0px}
#kslitc2{width:100%}
#phsli{width:100%;border-radius:0px}
#ktoptc2{width:100%;border-radius:0px}
#kdmnb2{width:100%}
.mdmnb{width:33.3%;margin-bottom:15px}
#mdttuc{width:100%;margin-bottom:15px}
#phttuctc{width:100%}
.sanphamtc{margin-bottom:20px}
.social-button{display:none!important}
#top{bottom:70px!important;right:10px!important}
#copyrighttc1{padding-bottom:70px}
.mdmnb{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mdmnbre3{float:right!important;margin-right:0px!important}
.sanphamtc{padding:5px}
.flexsp{padding:5px}
.tenmdmnb{height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.giasanpham{width:100%;float:left;height:auto;margin-bottom:5px}
.dabansp{float:left}	
#headtc1{display:none}
#ksli1{min-height:0px}
#ksli2{width:100%;float:left;height:auto}
#kbamuc{display:none}
#kttuc{width:100%;min-height:0px;margin-bottom:10px;padding:0px}
#kvitc{width:100%;float:left;}
.mttuctc{width:49%} 
#ndkdkntt2{width:96%;float:left;margin-left:2%}
#fttren2{width:96%;float:left;margin-left:2%}
#khthft2{width:96%;float:left;margin-left:2%}
#copyright2{width:96%;float:left;margin-left:2%}
#tdkdkntt1 h2{font-size:16px}
#fttrenmo{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenha{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenba{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenbo{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenna{width:100%;float:left;margin-bottom:20px;margin-right:0px;overflow:hidden}
.mhtho{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:15px}
#phcopy{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:15px}
#hinhbct{margin-top:0px}
#trcopy{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:15px;padding-bottom:40px}
.tdkdmc h2{width:100%;float:left;height:auto;margin-bottom:5px}
#haimuc{display:none}
#tdkudai h2{font-size:21px}
#tdkudai h2 i{font-size:30px}
#tdspmoi h2 a{font-size:18px}
.tdkdmc h2 a{font-size:18px}
.tdkdmc{    padding: 17px 0px 13px 0px;}
.ndkdmc{padding:0px 0px}
.tdkdmc ul li:first-child h3 a{padding-left:0px}

}	
@media only screen and (min-width : 800px) and (max-width : 1200px) {
.sanphamtc{width:24.2%!important;margin-right:1%!important;float:left!important}	
.sanpham{width:24.2%!important;margin-right:1%!important;float:left!important}	
.mcmot  {width:23%!important;margin-left:1%!important;margin-right:1%!important;float:left}	
.sanphamre4{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:40px}

}


@media only screen and (min-width : 600px) and (max-width : 799px) {
.sanphamtc{width:32.6%!important;margin-right:1%!important;float:left!important}	
.sanpham{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mcmot  {width:31%!important;margin-left:1%!important;margin-right:1%!important;float:left}	
.sanphamre3{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:40px}
}

@media only screen and (min-width : 301px) and (max-width : 599px) {
.sanphamtc{width:49.5%!important;margin-right:1%!important;float:left!important}
.sanpham{width:49.5%!important;margin-right:1%!important;float:left!important}
.mcmot  {width:48%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.sanphamre2{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:60px;}
}

@media only screen and (min-width : 0px) and (max-width : 300px) {
.sanphamtc{width:100%!important;margin-left:0%!important;margin-right:0%!important;float:left!important}	
.sanpham {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.mcmot {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	line-height:20px;height:60px;
	}
}