@charset "utf-8";
#klistsp{width:100%;float:left;height:auto;background: #fff;
    overflow: hidden;
    padding: 30px 10px;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);}
#kdssph{width:100%;float:left;height:auto;margin-bottom:10px}
#trkdssph{width:260px;float:left;padding-right:10px;border-right: 1px solid #F8F8F8;}
.mtrdsspt{width:100%;float:left;height:auto;border-bottom: 1px solid #F8F8F8;margin-bottom:10px}
.tdbldm{width:100%;float:left;height:auto;font-weight: 700;
    font-size: 15px;margin-bottom:12px}
.tdbldmhoa{text-transform:uppercase}	
.ndbldm{width:100%;float:left;height:auto;}
.ndbldm ul{margin:0px;padding:0px}
.ndbldm ul li{margin:0px;padding:0px;list-style:none;float:left;width:100%;margin-bottom:8px}
.ndbldm ul li h2{margin:0px;padding:0px;font-size: 13px;}
.ndbldm ul li a{font-size: 13px;
    font-weight: 300;color:#000;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.ndbldm ul li a:hover{color:red}		
.ndbldm ul li a.active{color:#005DAC;font-weight:700}
.ndbldm ul li a i{font-size:11px;margin-right:5px;position:relative;top:-1px}
#tdclchon{width:100%;float:left;height:auto;color:#000;margin-bottom:10px}
#ndclchon{width:100%;float:left;height:auto}	
#ndclchon ul{margin:0px;padding:0px}	
#ndclchon ul li{margin:0px;padding:0px;list-style:none;width:32%;float:left;height:auto;margin-right:2%;margin-bottom:10px}
#ndclchon ul li.clchon1{float:right;margin-right:0px}
#ndclchon ul li a{width:100%;float:left;height:auto;border: 1px solid #E5E5E5;
    border-radius: 10px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;color: #000;
    padding: 7px 0px;text-align:center;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
#ndclchon ul li.active a{border:1px solid #FF0000;font-weight:700}	
#ndclchon ul li:hover a{border:1px solid #FF0000;}	
#ndclchon ul li.active a .giaclc{color:#FF0000}
#ndclchon ul li a *{display:block}	
#phkdssph{width:1020px;float:right;height:auto;}
#bloctk{width:100%;float:left;height:auto;padding-bottom:10px;padding-left:10px;border-bottom:1px solid #F8F8F8;margin-bottom:5px}
#ksphamt{width:100%;float:left;height:auto;margin-bottom:10px}
#xemtsp{width:100%;float:left;height:auto;margin-bottom:10px;text-align:center}
#xemtsp a{line-height:40px;padding:12px 50px 12px 50px;    background: #FFF;
    border: 1px solid #005DAC;
    border-radius: 5px;
    color: #005DAC;
    font-weight: 300;
    font-size: 13px;}
#bloctk ul{margin:0px;padding:0px}
#bloctk ul li{margin:0px;padding:0px;list-style:none;float:left;margin-right:30px}

#bloctk ul li a{color: #C4C4C4;
    font-size: 12px;
    text-transform: uppercase;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#bloctk ul li a:hover{color:#000;}		
#bloctk ul li a.active{color:#005DAC;font-weight:700}	
#kspctmo{width:100%;float:left;height:auto;margin-bottom:10px;background: #FFF;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    border-radius: 20px;padding:10px}
#trkspctmo{width:412px;float:left;height:auto;margin-right:13px}
#image-gallery li.active{ border: 1px solid #E5E5E5;
    border-radius: 15px;
    overflow: hidden;}
#image-gallery li.active img{float:left}	
#gikspctmo{width:535px;float:left;height:auto;}
#tenspct{width:100%;float:left;height:auto;margin-bottom:10px}
#tenspct h1{margin:0px;padding:0px;    font-weight: 600;
    font-size: 19px;color:#000}
#mlxdctsp{width:100%;float:left;height:auto;margin-bottom:10px;padding-bottom:5px;border-bottom: 1px solid #F0F0F0;}
#mlxdctsp ul{margin:0px;padding:0px}	
#mlxdctsp ul li{margin:0px;padding:0px;list-style:none;float:left;margin-right:15px;font-size:13px;line-height:26px}
#masp{color:#FE7801}	
#mtnctsp{width:100%;float:left;height:auto;margin-bottom:10px}
#mtnctsp p{position:relative;margin:0px;padding:0px;margin-bottom:5px;padding-left:20px;font-size:13px}
#mtnctsp p:before{     font-family: "Font Awesome 6 Free";      content: '\f058';
    
    font-weight: 900;
    color: #005DAC;
    position: absolute;
    left: 0;}
#gbhtdctsp{width:100%;float:left;height:auto;margin-bottom:10px;   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%);
    border-radius: 10px;color:#fff;    padding: 17px 15px 17px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
#gbhctsp{width:49%;float:left;height:auto}	
.mgbhctsp{width:100%;float:left;height:auto;margin-bottom:5px}
.mgbhctsp label{width:107px;margin-right:10px;
    display: inline-block;}
#gcctsp{text-decoration:line-through;margin-right:10px;
    display: inline-block;}
#ggctsp{line-height: 16px;
    font-weight: 500;
    color: #FE7801;
    background: #FFF;
    border-radius: 3px;
    text-align: center;
    width: 30px;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;}
#gmctsp{font-size:20px;}	
#phtgdbct{width:29%;float:right;height:auto;text-align:center;font-size:10px;line-height:20px}
#tgclctsp{margin:0px;padding:0px;font-size:15px;font-weight:700}
#mncvg{width:100%;float:left;height:auto;margin-bottom:10px}
.btn-cart1{width:49%;float:right;height:56px;    background: #005DAC;border:1px solid #005DAC;cursor:pointer;
    border-radius: 10px;
    color: #fff;text-align:center;line-height: 19px;}
.btn-cart1 b{font-size:16px}
.btn-cartmn{width:49%;float:left;height:56px;    background: #FE7801;border:1px solid #FE7801;cursor:pointer;
    border-radius: 10px;
    color: #fff;text-align:center;line-height: 19px;}
.btn-cartmn b{font-size:16px}
#slctsp{width:100%;float:left;height:auto;margin-bottom:10px}
#slctsp span{float:left;margin-top:5px;margin-right:10px}	
.kslctsp{width:136px;height:32px;float:left;border:1px solid #e8e8e8;margin-bottom:10px}
.kslctsp i{width:32px;height:32px;float:left;line-height:32px;text-align:center;cursor:pointer}
.kslctsp input{width:70px;text-align:center;float:left;height:30px;border:1px solid #e8e8e8;border-bottom:0px solid #e8e8e8;border-top:0px solid #e8e8e8}
#phkspctmo{width:303px;float:right;height:auto}
#mdcht{width:100%;float:left;height:auto;margin-bottom:10px}
#tdmdcht{width:100%;float:left;height:auto;margin-bottom:10px;color:#000;font-weight:700}
#ndmdcht{width:100%;float:left;height:auto;}
#ndmdcht p{margin:0px;padding:0px;margin-bottom:5px;color:#000;position:relative;    padding-left: 20px;font-size:13px}
#ndmdcht p:before{     font-family: "Font Awesome 6 Free";      content: '\f111';
    
    font-weight: 900;
    color: #005DAC;
    position: absolute;
    left: 0;}
#ndmdcht p a{color:#D60000;font-weight:700}	

#mtgiup{width:100%;float:left;height:auto;margin-bottom:10px}
#tdmtgiup{width:100%;float:left;height:auto;margin-bottom:10px;color:#000;font-weight:700}
#ndmtgiup{width:100%;float:left;height:auto;}
#ndmtgiup p{margin:0px;padding:0px;margin-bottom:5px;color:#000;position:relative;    padding-left: 20px;font-size:13px}
#ndmtgiup p:before{     font-family: "Font Awesome 6 Free";      content: '\f00c';
    
    font-weight: 900;
    color: #005DAC;
    position: absolute;
    left: 0;}
#ndmtgiup p a{color:#000;}	
#kmttsct{width:100%;float:left;height:auto;margin-bottom:10px}
#trmtsp{width:863px;float:left;height:auto;}
#kmtsp{width:100%;float:left;height:auto;background: #FFF;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    border-radius: 20px;margin-bottom:10px}	
#tdkmtsp{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-weight: 600;color:#000;margin-bottom:10px}	
#ndkmtsp{width:100%;float:left;height:auto;margin-bottom:20px;padding:10px}
#phtskttlq{width:425px;float:right;height:auto}	
.mtskt{width:100%;float:left;height:auto;background: #FFF;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    margin-bottom: 10px;}
.tdmtskt{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-weight: 600;color:#000;margin-bottom:10px}	
#ndtskt{width:100%;float:left;height:auto;word-break: break-word;}
#ndtskt table{width:100%!important}
#ndtskt table td,#ndtskt table th{width:auto!important}
#ndtskt table tr:nth-child(even){background:#F8F8F8}
#ndtskt table td{padding:10px 12px;line-height:18px}
#ndtskt table td:nth-child(1){width:120px}
#ndtskt table tr:nth-child(n+11){display:none}
#ndtskt p{margin:0}
#ndtskt table {border-color: transparent;}	

#fancy_tskt{width:100%;float:left;height:auto;word-break: break-word;}
#fancy_tskt table{width:100%!important}
#fancy_tskt table td,#ndtskt table th{width:auto!important}
#fancy_tskt table tr:nth-child(even){background:#F8F8F8}
#fancy_tskt table td{padding:10px 12px;line-height:18px}
#fancy_tskt table td:nth-child(1){width:120px}
#fancy_tskt p{margin:0}
#fancy_tskt table {border-color: transparent;}	
#xttskt{width:100%;float:left;height:auto;padding:10px 0px;text-align:center;font-weight:700;color:#000;cursor:pointer;font-size:18px}
#ndttlq{width:100%;float:left;height:auto;padding:10px}
#ndttlq ul{margin:0px;padding:0px;}
#ndttlq ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto;margin-bottom:10px;    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
#ndttlq ul li img{width:70px;height:auto;margin-right:10px;border-radius:4px}
#kdgctsp{width:100%;float:left;height:auto;margin-bottom:10px;background: #FFF;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    border-radius: 20px;}
#tdkdgctsp{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-weight: 600;color:#000;margin-bottom:10px}	
#ndkdgctsp{width:100%;float:left;height:auto;padding:10px}
#ksplq{width:100%;float:left;height:auto;margin-bottom:10px;background: #FFF;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    border-radius: 20px;}
#tdksplq{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-weight: 600;color:#000;margin-bottom:10px}	
#ndksplq{width:100%;float:left;height:auto;padding:10px}	
#kspdx{width:100%;float:left;height:auto;margin-bottom:10px;background: #FFF;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
    border-radius: 20px;}
#tdkspdx{width:100%;float:left;height:auto;font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #F8F8F8;
    line-height: 60px;
    padding: 0 10px;
    font-weight: 600;color:#000;margin-bottom:10px}	
#ndkspdx{width:100%;float:left;height:auto;padding:10px}
#bldmobi{width:100%;float:left;height:auto;margin-bottom:10px;display:none}
#nutblmobi{width:49%;float:left;height:35px;margin-bottom:10px;line-height:35px;padding-left:10px;cursor:pointer;border-radius:4px;background:#F8F8F8;border:1px solid #ddd}
#kgiase{width:49%;float:left;height:35px;border-radius:4px;padding-left:10px;background:#F8F8F8;border:1px solid #ddd}
#thsxse{width:49%;float:right;height:35px;margin-bottom:10px;padding-left:10px; border-radius:4px;background:#F8F8F8;border:1px solid #ddd}
#sortse{width:49%;float:right;height:35px;border-radius:4px;padding-left:10px;background:#F8F8F8;border:1px solid #ddd}
#nutblmobi i.fa-chevron-down{    float: right;
    margin-right: 4px;
    font-size: 10px;
    line-height: 35px;}
#dmcahmobi{width:100%;float:left;height:auto;margin-bottom:10px;display:none}
#dmcahmobi ul{margin:0px;padding:0px;}	
#dmcahmobi ul li{margin:0px;padding:0px;list-style:none;width:49%;float:left;margin-bottom:10px;}
#dmcahmobi ul li:nth-child(n+5) {display:none}

#dmcahmobi ul li.liph{float:right}
	
#dmcahmobi ul li a{float:left;width:100%;background:#005DAC;color:#fff;font-size:15px;padding:5px;border-radius:4px;line-height:23px;height:46px;text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;text-align:center;display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;}
#xthemdmh{width:100%;float:left;height:auto;text-align:center;border-top:1px solid #005DAC;position:relative}
#xthemdmh:before{    display: block;
    content: "";
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 43px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);}
#xthemdmh span{padding:8px 10px;background:#005DAC;color:#fff;cursor:pointer;display: inline-block;-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}
.hiendmch ul li:nth-child(n+5) {display:block!important}
.hiendmch #xthemdmh {display:none!important}	
#tdspds span{font-size: 14px;
    font-weight: 300;
    margin-left: 10px;
    color: #333;
    position: relative;
    top: 6px;}
#tdudhhnto{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; text-align:center}
#tdudhhnto h1{color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    line-height: 56px;}	
#tdudhhnto i{    color: yellow;
    position: relative;
    font-size: 50px;
    top: 0px;    -webkit-animation: tada 1.5s infinite ease-in-out;
    animation: tada 1.5s infinite ease-in-out;}	
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) }
 10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg) }
 30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg) }
 40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg) }
 100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0) }
}
#ndudhhnto{width:100%;float:left;height:auto}	
@media only screen and (min-width : 1px) and (max-width : 1200px) {
#bldmobi{display:block}
#bloctk{display:none}	
#trkdssph{width:100%;float:left;height:auto;display:none}
#phkdssph{width:100%;float:left;height:auto}	
.fancybox-slide--current #trkdssph{width:100%}
#klistsp{    padding: 0px 0px;border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);background:none}
#dmcahmobi{display:block}	
#trkspctmo{width:100%;float:left;margin-right:0px;margin-bottom:10px}
#gikspctmo{width:100%;float:left;margin-right:0px;margin-bottom:10px}
#gbhctsp{width:100%;float:left;margin-right:0px;margin-bottom:10px}
#phkspctmo{width:100%;float:left;margin-right:0px;}
#phtgdbct{width:100%;float:left;margin-right:0px;}
#image-gallery li.active img{width:100%!important}
#trmtsp{width:100%;float:left;margin-bottom:10px}
#phtskttlq{width:100%;float:left}
#tdudhhnto h1{font-size:20px}
#tdudhhnto i{font-size:30px}
#tdudhhnto{    padding: 3px 0px 3px 0px;}
}