@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;
	font-weight:400;
	background:#fff ;
	    line-height: 1.5;
   
}
.lazy{opacity: 1;
    transition: opacity 300ms;}
input,select,textarea{  font-family: 'Roboto', sans-serif!important;}
#heaton{width:100%;float:left;height:auto;}
#kslotc1{width:100%;float:left;height:auto;    background-color: #eeeeee;
    padding: 11px 0;}
#kslotc2{width:1200px;margin:auto;height:auto;    display: flex;
    align-items: center;
    justify-content: space-evenly;}	
.mslog{display: flex;
    align-items: center;
    gap: 6px;}	
.mslog i{color:#F2A815;font-size:17px;margin-right:2px}	
.mslog p{margin:0px;padding:0px;
    line-height: 17.58px;
    font-weight: 500;
    font-size: 15px;
    color: #333333;}	
#headu1{width:100%;float:left;height:66px;background:#28282A}	
#headu2{width:1200px;height:66px;margin:auto}
#kclgdm{width:200px;height:66px;float:left;position:relative}
#logotc{height:63px;float:left;margin-top:3px;width:auto}
#kdmuc{width:110px;height:66px;float:right;}
#nutdm{width:100%;float:left;height:66px;text-align:right;color:#fff;line-height:66px;font-weight:500;font-size:15px;cursor:pointer;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#nutdm:hover{color:#F2A815}
#nutdm i{font-size:14px}
#holihea{width:120px;float:left;margin-left:50px;height:66px;line-height:66px;color:#fff;font-size:15px}
#holihea a{color:#fff;font-size:15px;font-weight:500;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#holihea a:hover{color:#F2A815}
#ktkiem{width:434px;height:34px;float:left;margin-left:50px;border-radius:8px;position:relative;overflow:hidden;background:#fff;margin-top:16px;padding-right:34px}
#ktkiem input{width:100%;height:34px;border:0px solid #000;outline:none;padding-left:15px;color:#555;font-size:15px}
#ktkiem i{position: absolute;
    top: 11px;
    right: 7px;
    color: #000;
    font-size: 14px;
    cursor: pointer;}
#phhead{width:342px;float:right;height:auto;margin-top:22px;}
#phhead ul{margin:0px;padding:0px}
#phhead ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:35px;padding-left:35px;color:#fff;font-size:14px;text-transform:uppercase;font-weight:500;border-left:1px solid #fff;line-height:24px;color:#fff;font-size:15px;text-transform:uppercase;font-weight:500;position:relative;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;cursor:pointer}
#phhead ul li:last-child{margin-left:0px;padding-left:0px;border-left:0px solid #000}
#phhead ul li a{color:#fff;font-size:15px;text-transform:uppercase;font-weight:500;position:relative;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#phhead ul li a #sogh{    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    text-align: center;
    top: -10px;
    position: absolute;
    left: 12px;
    line-height: 20px;
    font-size: 13px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#phhead ul li:hover{color:#F2A815} 	
#phhead ul li a:hover{color:#F2A815} 	
#phhead ul li a:hover #sogh{color:#fff;background:#F2A815}  	
#phhead ul li .fa-right-from-bracket{margin-right:5px}	
#kslidm1{width:100%;float:left;height:auto;padding:15px 0px;background:#f7f8f9}
#kslidm2{width:1200px;height:auto;margin:auto;}
#bamsli{width:260px;float:right;height:auto}
#bamsli img{width:100%;float:left;height:auto;margin-bottom:15px}
#bamsli .abmuc:last-child img{margin-bottom:0px}
#kslider{width:710px;float:right;height:auto;background:#fff;margin-right:15px;filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.25));
    border-radius: 5px;
    overflow: hidden;}
.mucflexslidet{width:100%;float:left;height:57px;border-right:1px solid #dddddd;text-align:center;padding-top:5px }
#sync2{border-top:1px solid #fff}

#sync2 .current .item .mucflexslidet{
  
    background:#F2A815;color:#fff;position:relative;z-index:11111;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;
}
#sync2  .item .mucflexslidet:hover{background:#F2A815;color:#fff}
#sync2 .item .mucflexslidet{cursor:pointer;}
#menud1{position:absolute;top:81px;left:0px;width:200px;height:361px;    background-color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    padding: 0;
    margin: 0;z-index:111}	
.hienmncl{display:block!important}	
#kdmuc:hover #menud1{display:block}
.stuck #menud1{top: 66px;}
#menud1 ul{margin:0px;padding:0px}	
#menud1 ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#menud1 ul li.lic1:first-child{margin-top:5px}
#menud1 ul li a.amnc1{padding: 7px 12px;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
   transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
#menud1 ul li.lic1:hover a.amnc1{color:#F2A815;background:#f2a81538}   
#menud1 ul li a.amnc1 span{    display: flex;
    align-items: center;}
#menud1 ul li a.amnc1 img{    margin-right: 5px;
    width: 20px;}
#menud1 ul li a.amnc1 i{    position: unset;
    right: 15px;font-size:11px}	
#menud1 ul li ul.ulmnc2{display:none; position: absolute;
    min-height: 100%;
    background: #fff;
    list-style: none;
    margin: 0;
    min-width: 350px;
    font-weight: 400 !important;
    border: none;
    width: 1000px;
    border-radius: 0 10px 10px 10px;
    flex-wrap: wrap;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 200px;
    padding: 15px 15px;
    border-radius: 5px;overflow:auto}
#menud1 ul li:hover ul.ulmnc2{display:block}	
#menud1 ul li ul.ulmnc2 li{width:25%;float:left;height:auto;padding-right:5px;margin-bottom:10px}	
#menud1 ul li ul.ulmnc2 li a.amnc2{width:100%;float:left;height:auto;margin-bottom:5px;color: #000;
    font-weight: bold;
    font-size: 14px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#menud1 ul li ul.ulmnc2 li a.amnc2:hover{color:#F2A815}	
#menud1 ul li ul.ulmnc2 li ul li{width:100%;float:left;height:auto;padding-right:0px;margin-bottom:3px}	
#menud1 ul li ul.ulmnc2 li ul li .amnc3{color:#000;font-size:14px;font-weight:400;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
#menud1 ul li ul.ulmnc2 li ul li .amnc3:hover{color:#F2A815}
#khungchinh1{width:100%;float:left;height:auto;padding:15px 0px;}
#khungchinh2{width:1200px;height:auto;margin:auto}	
.mbnbv{width:100%;float:left;height:auto;margin-bottom:15px}
.mbnbv img{width:100%;float:left;height:auto;}
#kstdm{width:100%;float:left;height:auto;margin-top:15px;margin-bottom:30px}
#tdkstdm{width:100%;float:left;height:auto;margin-bottom:20px;text-align: justify;
    display: flex;
    align-items: center;
    gap: 10px;}
#nutstdm{width:34px;height:34px;margin-right:0px;background:#F2A815;line-height:38px;text-align:center;border-radius:4px}
#nutstdm i{font-size:18px;color:#fff}	
#tdkstdm h2{    color: #333333;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    }
#ndkstdm{width:100%;float:left;height:auto;}
.mdmay{width: 100px;
    height: auto;
    float:left;margin-right:57px;}	
.mdmay1{float:right;margin-right:0px}
.himdmay{width:100%;float:left;height:100px;background-color: #eff3f6;
    border-radius: 50%;
    position: relative;margin-bottom:10px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
.himdmay img{position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
    transform: translate(-50%, -50%);}
.tenmdmay{width:100%;float:left;height:auto;text-align:center;color:#000;font-size:15px;font-weight:500;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.mdmay:hover .himdmay{background:#f2a81538}	
.mdmay:hover .tenmdmay{color:#F2A815}
.kdmtc{width:100%;float:left;height:auto;margin-bottom:30px}
.tddmtc{width:100%;float:left;height:auto;margin-bottom:20px;}	
.nutdmtc{width:34px;height:34px;padding:7px;float:left;margin-right:7px;background:#F2A815;text-align:center;border-radius:4px}
.nutdmtc img{-webkit-filter: invert(1);
    filter: invert(1);}
.nutdmtc i{font-size:18px;color:#fff}		
.tddmtc h2{float:left;height:auto}
.tddmtc h2 a{float:left;line-height:38px;font-size: 18px;
    font-weight: 500;
    color: #333333;text-transform:uppercase}	
.tddmtc ul{margin:0px;padding:0px}
.tddmtc ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:5px;}
.tddmtc ul li h3{margin:0px;padding:0px}
.tddmtc ul li a{border: 1px solid #dddddd;
    border-radius: 3px;
    background-color: #f8f8f8;
    color: #000000;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 300;float:left;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
.tddmtc ul li h3 a{border: 1px solid #dddddd;
    border-radius: 3px;float:left;
    background-color: #f8f8f8;
    color: #000000;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 300;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}		
.tddmtc ul li h3 a:hover{background:#F2A815;border:1px solid #F2A815;color:#fff}	
.tddmtc ul li a:hover{background:#F2A815;border:1px solid #F2A815;color:#fff}	
.nddmtc{width:100%;float:left;height:auto;}
.sphamfl{width:100%;float:left;height:auto;border: 1px solid #ccc;
    border-radius: 0.75rem;
    font-size: 18px;
    background: #fff;
    width: auto;
    padding: 10px;margin-bottom:20px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.hinhspham{width:100%;float:left;height:auto;margin-bottom:10px;position:relative}
.hinhspham img{width:100%;float:left;height:auto}
.hinhspham .pggiam{position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    color: #fff;
    background: #F2A815;
    height: 25px;
    font-size: 12px;
    padding: 5px 5px 5px;}
.tenspham{width:100%;float:left;height:auto;margin-bottom:10px}
.tenspham h3{margin:0px;padding:0px}
.tenspham h3 a{float:left;width:100%;height:40px;line-height:20px;text-align:center;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;font-size: 14px;
    color: #4c4c4c;font-weight:400;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.gcgmspham{width:100%;float:left;height:auto;margin-bottom:10px;    display: flex;
    justify-content: space-evenly;
    align-items: center;}
.gcgmspham .spnew{    color: #e42014;
    font-weight: 700;
    font-size: 19px;}	
.gcgmspham .spold{font-weight: 700;
    color: #4c4c4c;
    text-decoration: line-through;
    font-size: 14px;}	
.tgscbhsp{width:100%;float:left;height:36px;    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    gap: 5px;
    flex-wrap: wrap;
    text-align: center;}
.tgscbhsp .ttinbhs{display: grid;
    align-items: center;
    grid-template-columns: 16px auto;
    margin: auto;
    gap: 5px;}	
.tgscbhsp .ttinbhs img{width:16px;height:auto;}
.tgscbhsp .ttinbhs .repair{    border-radius: 2px;
    color: #4c4c4c;
    font-size: 12px;
    position: relative;
    line-height: 0;}
.tgscbhsp .ttinbhs .guarantee{    border-radius: 2px;
    text-align: initial;
    color: #4c4c4c;
    font-size: 11px;}
.htvspham{width:100%;float:left;height:auto;    padding: 10px 15px;
    background: #f2f2f2;
    border-radius: 8px;
    overflow: hidden;}
.htvspham .list_icon{display: flex;
    gap: 10px;
    justify-content: center;}	
.htvspham .item_icon{    border-radius: 50%;}	
.htvspham .item_icon img{    background-color: #fff;
    padding: 5px;height:33px!important;width:33px!important;
    border-radius: 50%;}
.slohtvsp{width:100%;float:left;height:auto;text-align:center;color: #333333;
    font-weight: 400;
    font-size: 12px;line-height:15px;margin-top:5px}
.sphamfl:hover{    border: 1px solid #ddd;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 99;}	
.sphamfl:hover .tenspham h3 a{color:#F2A815}	
#kttuctc{width:100%;float:left;height:auto;margin-bottom:30px}	
.mttutc{width:285px;float:left;height:auto;margin-right:20px}
.mttutc1{float:right;margin-right:0px}
.himttutc{width:100%;float:left;height:auto;margin-bottom:10px}
.himttutc img{width:100%;float:left;height:auto}
.tenmttutc{width:100%;float:left;height:40px;line-height:20px;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;margin-bottom:10px}
.tenmttutc h3{margin:0px;padding:0px;}
.tenmttutc h3 a{    color: #000;
    font-size: 16px;
    font-weight: 500;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
.tenmttutc h3 a:hover{color:#F2A815}	
.ntmttutc{width:100%;float:left;height:auto;margin-bottom:5px;    color: #333;
    font-size: 13px;font-style:italic}	
.mtmttutc{width:100%;float:left;height:60px;line-height:20px;font-size:15px;color:#333;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}	
#kdtao1{width:100%;float:left;height:auto;padding:40px 0px;background:#f7f8f9}
#kdtao2{width:1200px;height:auto;margin:auto;}
.tddtao{width:100%;float:left;height:auto;text-align:center;margin-bottom:20px}
.tddtao h2{margin:0px;padding:0px}
.tddtao h2 a{font-size: 28px;
    font-weight: 500;
    color: #000;text-transform:uppercase}
.tddtao h2 a img{    vertical-align: middle;}	
.nddtao{width:100%;float:left;height:auto;}	
.flexdtao{width:100%;float:left;height:auto;background:#fff;border-radius: 8px;overflow:hidden;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.flexdtao:hover{background:#F2A815}

.hinhdthv{width:100%;float:left;height:auto;margin-bottom:10px}
.hinhdthv img{width:100%;float:left;height:auto;    }
.tendthv{width:100%;float:left;text-align:center;height:40px;line-height:20px;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.tendthv h3{    color: #000;
    font-size: 16px;
    font-weight: 500;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
.flexdtao:hover .tendthv h3{color:#fff}	
#khakh1{width:100%;float:left;height:auto;padding:40px 0px}
#khakh2{width:1200px;height:auto;margin:auto;}	
.mtkhakh{width:100%;float:left;height:auto;margin-bottom:20px;text-align:center;font-weight:300;color:#333;font-size:15px}
.tdhakh{margin-bottom:0px}
#ftertc1{width:100%;float:left;height:auto;padding:43px 0px;background:#f7f8f9}
#ftertc2{width:1200px;height:auto;margin:auto;}
#ftertren{width:100%;float:left;height:auto;margin-bottom:20px}
#ftermot{width:312px;float:left;height:auto;margin-right:50px}
.tdfter{    width: 100%;
    float: left;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;}
.tdfter:before{    content: "";
    width: 77px;
    height: 2px;
    background: #F2A815;
    position: absolute;
    bottom:0px;
    left: 0px;}	
.ndfter{width:100%;float:left;height:auto}
.ttlhft p{margin:0px;padding:0px;margin-bottom:5px;        display: inline-block;
    align-items: center;line-height:24px;font-size:14px;color:#333}
.ttlhft p i{width:13px;font-size:18px;margin-right:10px}	
.ttlhft p a{color:#e42014;font-weight:700;margin-left:5px}
.ttlhft p span{font-weight:700;margin-left:5px}
#fterhai{width:208px;float:left;height:auto;margin-right:50px}
#fterba{width:208px;float:left;height:auto;margin-right:50px}
.lift ul{margin:0px;padding:0px}
.lift ul li{margin:0px;padding:0px;list-style:none;margin-bottom:10px}
.lift ul li a{color:#333;font-size:14px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.lift ul li a:hover{color:#F2A815}
#fterbon{width:322px;float:right;height:auto;}
#knutdt{width:100%;float:left;height:auto;cursor:pointer}
#tdnutdt{width:100%;height:40px;text-align:center;color:#fff;font-weight:700;font-size:18px;text-transform:uppercase;line-height:40px; background:url(../images/bgdk.png)}
#mtnutdt{width:100%;float:left;height:auto;text-transform:uppercase;color:#000;font-size:14px;font-weight:500;text-align:center;padding:20px 0px;}
#guinutdt{width:100%;float:left;height:auto;text-align:center}
#guinutdt span{     padding: 7px 10px 7px 10px;
    background-color: #28282A;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 500;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#knutdt:hover #guinutdt span{background:red}	
#tagft{width:100%;float:left;height:auto;margin-bottom:20px;margin: 0px;
    padding: 0px;
        display: flex;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;}	

#tagft span{margin:0px;padding:0px;list-style:none;float:left;margin-bottom:5px}
#tagft span a{    font-size: 12px;
    font-weight: 400;color:#000;margin-right:7px;padding-right:7px;border-right:1px solid #000;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#tagft span a:hover{color:#F2A815}	
#tagft span:last-child a{border-right:0px solid #000;padding-right:0px;margin-right:0px}
#kktvbct{width:100%;float:left;height:auto;background:#fff;
    border-radius: 20px;
    margin-bottom: 20px;height:66px;padding:0px 20px}	
#klkmxh{width:50%;float:left;height:27px;line-height:27px;color:#000;margin-top:19.5px}
#klkmxh b{float:left;margin-right:5px}
#klkmxh img{height:27px;width:auto;float:left;margin-right:5px;border-radius:50%}	
#phbct{width:50%;float:left;height:56px;margin-top:5px;margin-bottom:5px}
#phbct ul{margin:0px;padding:0px}
#phbct ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:5px}
#kcopyright{width:100%;float:left;height:auto;    color: #333;
    font-size: 13px;}
#kcopyright a{color: #333;}	
#menumb1{width:100%;float:left;height:50px;position:relative;top:0px;left:0px;z-index:111111;display:none}
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;}
@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}}
.stuck #menud1{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: #28282A;
    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:#F2A815;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: #fff;}
#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 #fff;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: #F2A815;
    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;}
#ksloganre{width:100%;float:left;height:auto;display:none;padding:10px 10px}
.mslotex{width:100%;float:left;height:auto;text-align:center}
.mslotex i{    color: #F2A815;
    font-size: 17px;
    margin-right: 2px;display:inline-block}	
.mslotex p{    margin: 0px;
    padding: 0px;
    line-height: 17.58px;
    font-weight: 500;
    font-size: 15px;
    color: #333333;display:inline-block}	
#kdkhtmp{width:40%;margin:auto;height:auto;display:none}
#tddkhtmp{width:100%;float:left;height:auto;padding:13px 0px;text-align:center;background:#28282A;color:#fff;text-transform:uppercase;font-weight:500;font-size:18px}	
#nddkhtmp{width:100%;float:left;height:auto;padding:10px 0px;}
#nddkhtmp .mdkhtmn{    width: 100%;
    height: 48px;float:left;
    border: 1px solid #DDE5EB;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
    outline: snow;}
#nddkhtmp select{    width: 100%;
    height: 48px;float:left;
    border: 1px solid #DDE5EB;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
    outline: snow;}
#btnldt{    width: 100%;
    height: 48px;float:left;
    border: 1px solid #F2A815;
	background:#F2A815;color:#fff;font-weight:500;
    border-radius: 4px;
    padding: 10px;
    outline: snow;cursor:pointer;font-size:17px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
#btnldt:hover{background:red;border:1px solid red}	
@media only screen and (min-width : 1px) and (max-width : 1200px) {
#kdkhtmp{width:100%}	
#ksloganre{display:block}	
#top{bottom:70px!important;right:10px!important}	
body .social-button{display:none!important}	
.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%}
#kslidm2{width:96%;float:left;margin-left:2%}
#kdtao2{width:96%;float:left;margin-left:2%}
#khakh2{width:96%;float:left;margin-left:2%}
#ftertc2{width:96%;float:left;margin-left:2%}
#heaton{display:none}
#kslider{width:100%;float:left;height:auto;margin-right:0px;}
#bamsli{display:none}
#sync2{display:none}
.mdmay{width:25%;float:left;text-align:center;margin-right:0px;margin-left:0px;margin-bottom:10px;padding:0px 10px}
.himdmay{width:50px;height:50px;margin: auto;
        float: none;}
.himdmay img{width:50px;height:50px}
.tenmdmay{margin-top:5px}
.tddmtc ul{width: 100%;
    float: left;
    margin-top: 5px;
    overflow-x: auto;
    height: 52px;
    display: -webkit-box;}
.mttutc{margin-bottom:20px}	
#ftermot{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:20px}
#fterhai{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:20px}
#fterba{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:20px}
#fterbon{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:20px}
#tdnutdt{background:#F2A815}
#tagft{display:grid;grid-template-columns: repeat(1, 1fr);}
#klkmxh{width:100%;float:left;height:auto;margin-bottom:10px}
#phbct{float:left;width:100%}
#phbct ul li{float:left;margin-left:0px;margin-right:5px}
#kcopyright{padding-bottom:20px}
#kktvbct{height:auto;padding:10px}
.tddmtc ul li{float:left;margin-left:0px;margin-right:5px}
}	
@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}	
.mttutc  {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}	
.mttutc  {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}
.mttutc  {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}
.mttutc {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;
	}
}