.divnone { display:none}

.hovertips { display:none}
.hovertipsz { position:absolute; width:100%; height:100%; z-index:100;  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; text-align:left; display:block}	
.hovertipsz:hover { background:rgba(0,0,0,0.6); opacity: 1; }
.spweb * { padding:0; margin:0}
.spweb li .marpad a .vien .padding .coverimg {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.spweb li .marpad a .vien .padding .coverimg img.portrait {
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.spweb { width:100%; font-family: 'Arial', sans-serif; font-size:14px;}
.spweb li { float: left; position:relative; display:block}
.spweb li .marpad a  { text-decoration:none}

.spweb li .marpad a .vien .sumary { background:#EBEBEB; padding:8px; padding-bottom: 4px;}
.clear { clear:both}


.spweb li .marpad a .vien .sumary .tensp {   display: block;
  display: -webkit-box;
  max-width: 300px;
  height: 2.5em;
  line-height: 1.2;
  /* Fallback for non-webkit */
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:14px;
  text-align:left;
  }
.spweb li .marpad a .vien .sumary .giaban { display:table; height:2.9em;}
.spweb li .marpad a .vien .sumary .giaban .gia {vertical-align:middle; display: table-cell;}
.spweb li .marpad a .vien .sumary .giaban .gia span { display:block; line-height:20px;}
.spweb li .marpad a .vien .sumary .giaban .gia span.giac { color:#F00; font-size:20px}
.spweb li .marpad a .vien .sumary .giaban .gia span.giass { font-size:14px; text-decoration:line-through}
.spweb li .marpad a .vien .sumary .giaban .gia span.bogach { text-decoration:none}
.spweb li .marpad .butorder {font-family: 'Roboto Condensed', sans-serif; font-size:15px; z-index:50; right:0; bottom:0;  position:absolute; margin-bottom:27px; margin-right:10px; width:120px; }  
.spweb li .marpad .butorder a.muahang { padding:5px; background:#090; color:#FFF; padding:7px 13px;border-radius:3px; float:left; text-decoration:none}
.spweb li .marpad .butorder a.muaview { padding:5px; background:#090; color:#FFF; padding:7px 8px;border-radius:3px;  float:right; text-decoration:none}
.luotxem { font-size:12px; color:#666; font-family: 'Roboto Condensed', sans-serif;}
.luotxem .xem { float:left}
.luotxem .damua { float:right}
.spweb li .marpad .buthot { position:absolute; width:76px; height:81px; z-index:50; right:0; margin:-5px; margin-right:0}
.spweb li .marpad .butgiam { z-index:50; padding:7px; position:absolute; left:0; bottom:0; background:#0C0; color:#FFF; border-radius:50px; font-size:1.7em; margin:5px; font-family: 'Roboto Condensed', sans-serif; width:33px; text-align:center}
.spweb li .marpad .butgiam i { font-style:normal; font-size:16px}
.spweb li .marpad .butkm { background:rgba(0,0,0,0.5); background-image:url(https://i.imgur.com/ewr8tc3.gif); width:68px; height:19px; bottom:0; right:0; margin:5px; border-radius: 3px; float:right }
.spweb li .marpad .butdeal { background:rgba(0,0,0,0.5); z-index:50; position:absolute; top:0; left:0; margin:5px; border-radius: 3px; color:#FFF; font-size:15px; text-shadow:
   -1px -1px 0 #F00,  
    1px -1px 0 #F00,
    -1px 1px 0 #F00,
     1px 1px 0 #F00;
	 font-family: 'Roboto Condensed', sans-serif;
	 }
.spweb li .marpad .butdeal i { padding-left:5px; padding-top:5px; padding-bottom:5px;}
.spweb li .marpad .butdeal b { font-weight:normal; padding:5px; }
.spweb li .marpad .butdeal b.outdeal { color:#FFF; padding: 5px 10px;  
	text-shadow:
   -1px -1px 0 #F00,  
    1px -1px 0 #F00,
    -1px 1px 0 #F00,
     1px 1px 0 #F00; display:block}
/* right */
/* .spweb li a .vien .sumary .giaban { float:right;} .spweb li .butorder { left:0; margin-left:10px;} .spweb li a .vien .sumary .giaban .gia { text-align:right}
/* right */

/* center */
/* .spweb li a .vien .sumary .giaban { margin:auto} .spweb li a .vien .sumary .tensp, .spweb li a .vien .sumary .giaban .gia { text-align:center} .spweb li .butorder { left:50%; margin-left: -70px; margin-bottom:35px } .giagiua { height:40px;} .spweb li .butorder { width:140px} .spweb li .butorder a.muahang { padding:7px 20px} .spweb li .butorder a.muaview { padding: 7px 13px} .spweb li a .vien .sumary { height: 132px}

/* center */

/* gia bang nhau
.spweb li a .vien .sumary .giaban { display: block; height:1.5em;}
.spweb li a .vien .sumary .giaban .gia {vertical-align: top; display: block;}
.spweb li a .vien .sumary .giaban .gia span { display:block}
.spweb li a .vien .sumary .giaban .gia span.giac {float:left; margin-right:10px; }
.spweb li a .vien .sumary .giaban .gia span.giass { float:left}
.spweb li a .vien .sumary { height:70px}
*/

.spweb li .marpad a .vien .padding { padding:5px;}
.spweb li { margin:0; padding:0; width:25%}
.spweb li .marpad { border: solid 5px rgba(0,0,0,0);}
.spweb li .marpad a .vien{ border: solid 1px #CCC;}
.spweb li .marpad a .vien .padding .coverimg img.portrait { width:100%;}
.spweb li .marpad a .vien .padding .coverimg { height: 235px;}
.spweb li .marpad a .vien .padding .coverimg .mask { padding:10px; color:#FFF}
.spweb li .marpad a .vien .sumary { background:#FCF}
.spweb li .marpad a .vien .sumary .giaban .gia span.giac { color:#03F; font-size:16px}
.spweb li .marpad a .vien .sumary .giaban .gia span.giass { color:#390; font-size:14px;}
.spweb li .marpad a .vien .sumary .tensp { color:#F30; font-size:14px}
.spweb li .marpad .butorder {  }
.spweb li .marpad .butorder a.muahang { background:#900; transition: background 0.5s ease;}
.spweb li .marpad .butorder a.muaview { background:#990; transition: background 0.5s ease;}
.spweb li .marpad a .vien .sumary .luotxem { color:#900; padding-top:2px}
.spweb li .marpad .butgiam { background:#939}
.spweb li .marpad .butorder a.muahang:hover, .spweb li .marpad .butorder a.muaview:hover { background:rgba(0,0,0,0.5)}
/*
.spweb li .butorder { margin-right:10px;}
.marpad { border: solid 0px rgba(0,0,0,0);}
.spweb {border: solid 1px #F00; border-bottom: none; border-right: none;}
.spweb li a .vien{ border: solid 1px #F00; border-top:none; border-left:none}
*/
.hot1 {
	background-image: url(https://i.imgur.com/hXmsngL.png);
	}

 .hot2 {
	background-image: url(https://i.imgur.com/trRjpoT.png);
	}

.hot3 {
	background-image: url(../../templates/cungmua/img/hotv.png);
	}

 .hot4 {
	background-image: url(../../templates/cungmua/img/hotg.png);
	}

.hot5 {
	background-image: url(../../templates/cungmua/img/hotb.png);
	}

.hot6 {
	background-image: url(../../templates/cungmua/img/hotnd.png);
	}	

.hot7 {
	background-image: url(../../templates/cungmua/img/hotng.png);
	}	

.hot8 {
	background-image: url(../../templates/cungmua/img/hotnt.png);
	}	

.hot9 {
	background-image: url(../../templates/cungmua/img/hotnv.png);
	}	

.hot10 {
	background-image: url(../../templates/cungmua/img/hotnx.png);
	}	

.spweb li .marpad a .vien span.shineHover{background:url("https://i.imgur.com/kEgn7A9.png") no-repeat -265px 0 transparent;height:100%;left:0;position:absolute;top:0;width:100%; z-index:100}
.spweb li .marpad a .vien:hover span.shineHover{background-position:590px 0;-webkit-transition:all 1.5s ease 0s;transition:all 1.5s ease 0s}

.icongoc4 { 
    z-index: 50;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 5px;
    border-radius: 3px;}
	
.freeshiplist { display: inline-block;
     float:right; background:url(https://i.imgur.com/TVCYNLS.png); width:36px; height:23px; margin-top:3px}