card-product-m { 
  display: block;
}
card-product-m * {
  outline: none !important;
}
card-product-m .card_container {
  float: left;
  width: 100%;
  height: auto;
  border: 1px solid #eee;
  margin-bottom: 0px;
}
card-product-m .card_container [class^="item_"] {
  float: left;
  width: 100%;
  height: auto;
  white-space: normal;
  word-wrap: normal;
  margin-bottom: 10px;
  word-break: normal;
  padding: 0px 10px;
}
card-product-m .card_container .info_product {
  height: 120px;
  max-height: 241px;
  float: left;
  display: block;
}
card-product-m .card_container .item_cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100% 0 0;
  margin-bottom: 15px;
}
card-product-m .card_container .no_cover_fallback {
  background-size: inherit;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMzMy42NjggMzMzLjY2OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzMzLjY2OCAzMzMuNjY4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPHBhdGggZD0iTTI5NS4xMDEsMjk4LjY0OUgzOC41NjFDMTcuMjk1LDI5OC42NDksMCwyODEuMzU0LDAsMjYwLjA4OFYxMDMuNzAzYzAtMjEuMjY2LDE3LjI5NS0zOC41NjEsMzguNTYxLTM4LjU2MWg1Mi4zNDcgICBsNC41ODItMTUuNDU3YzEuODctOC40NTgsOS42MDItMTQuNjY2LDE4LjY5Ni0xNC42NjZoMTA1LjI5N2M4LjgzNywwLDE2LjY1OCw2LjE3NiwxOC43MjgsMTQuNzQzbDAuMTIyLDAuNTI3bDQuMTc3LDE0Ljg1Mmg1Mi41OTcgICBjMjEuMjY2LDAsMzguNTYxLDE3LjI5NSwzOC41NjEsMzguNTYxdjE1Ni4zODRDMzMzLjY2MiwyODEuMzU0LDMxNi4zNjEsMjk4LjY0OSwyOTUuMTAxLDI5OC42NDl6IE0zOC41NjEsNzcuOTk2ICAgYy0xNC4xNzgsMC0yNS43MDcsMTEuNTMtMjUuNzA3LDI1LjcwN3YxNTYuMzg0YzAsMTQuMTc4LDExLjUzLDI1LjcwNywyNS43MDcsMjUuNzA3aDI1Ni41NGMxNC4xNzgsMCwyNS43MDctMTEuNTMsMjUuNzA3LTI1LjcwNyAgIFYxMDMuNzAzYzAtMTQuMTc4LTExLjUzLTI1LjcwNy0yNS43MDctMjUuNzA3aC02Mi4zMjdsLTcuMDM3LTI1LjA5N2MtMC42NDktMi45MTgtMy4yNzgtNS4wMzItNi4yNi01LjAzMkgxMTQuMTc5ICAgYy0zLjAyNywwLTUuNTk4LDIuMDY5LTYuMjYsNS4wMzlsLTcuNDI5LDI1LjA5SDM4LjU2MXogTTE2Ni44NDEsMjU5Ljc5OGMtNDQuOTgxLDAtODEuNTc2LTM2LjU4OC04MS41NzYtODEuNTYzICAgYzAtNDQuOTgxLDM2LjU5NC04MS41NjksODEuNTc2LTgxLjU2OWM0NC45NjksMCw4MS41NTcsMzYuNTk0LDgxLjU1Nyw4MS41NjlDMjQ4LjM5NywyMjMuMjA0LDIxMS44MDksMjU5Ljc5OCwxNjYuODQxLDI1OS43OTh6ICAgIE0xNjYuODQxLDEwOS41MTNjLTM3Ljg5MywwLTY4LjcyMiwzMC44MjMtNjguNzIyLDY4LjcxNnMzMC44Myw2OC43MDksNjguNzIyLDY4LjcwOWMzNy44ODYsMCw2OC43MDMtMzAuODIzLDY4LjcwMy02OC43MDkgICBDMjM1LjU0MywxNDAuMzM2LDIwNC43MiwxMDkuNTEzLDE2Ni44NDEsMTA5LjUxM3ogTTI4Ni44MDQsMTAxLjg1MmMtNi41NTUsMC0xMS44NTgsNS4zMTUtMTEuODU4LDExLjg1OCAgIGMwLDYuNTQ5LDUuMzAyLDExLjg1NywxMS44NTgsMTEuODU3YzYuNTQ5LDAsMTEuODUxLTUuMzA5LDExLjg1MS0xMS44NTdDMjk4LjY0OSwxMDcuMTY3LDI5My4zNDYsMTAxLjg1MiwyODYuODA0LDEwMS44NTJ6IiBmaWxsPSIjZTBlMGUwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
}
card-product-m .card_container .item_name {
  font-size: 16px;
  font-family: inherit;
  font-weight: normal;
  letter-spacing: 0.25px;
  height: 44px;
  max-height: 44px;
  overflow: hidden;
  margin-bottom: 5px;
}
card-product-m .card_container .item_category {
  font-size: 12px;
  font-family: inherit;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #3BCF75;
}
card-product-m .card_container .item_badge_container {
  margin-bottom: 5px;
}
card-product-m .card_container .item_badge_container .child_badge {
  font-weight: bold;
  background-color: #ffcd00;
  color: #2d2926;
  margin: 0 2px 5px 0;
  float: left;
  height: 25px;
  overflow: hidden;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 5px 7px;
  text-transform: uppercase;
}
card-product-m .card_container .item_sale_container {
  margin-bottom: 5px;
}
card-product-m .card_container .item_sale_container .child_badge {
  font-weight: bold;
  background-color: #ffcd00;
  color: #2d2926;
  margin: 0 2px 5px 0;
  float: left;
  height: 25px;
  overflow: hidden;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 5px 7px;
  text-transform: uppercase;
}
card-product-m .card_container .child_badge.action_badge {
  background-color: white !important;
  cursor: pointer;
  transition: all 0.3s;
  opacity: 0.7;
}
card-product-m .card_container .child_badge.action_badge:hover {
  opacity: 1;
}
card-product-m .card_container .child_badge.action_badge .material-icons {
  font-size: 16px !important;
  line-height: 15px !important;
  color: black;
}
card-product-m .card_container .item_price_all {
  margin-bottom: 5px;
  line-height: 20px;
}
card-product-m .card_container .item_price_all .compare_price {
  font-size: 14px;
  line-height: 20px;
  padding-left: 7px;
  color: grey;
  text-decoration: line-through;
}
card-product-m .card_container .item_price_all .current_price {
  font-size: 18px;
  font-weight: bold;
}
card-product-m .card_container .item_price_all .thb {
  font-size: 9px;
  font-weight: normal;
}
card-product-m .card_container .item_price_all .off_string {
  font-size: 14px;
  line-height: 20px;
  padding-left: 7px;
  color: green;
}
card-product-m .card_container .item_price_txt_1 {
  font-size: 11px;
  margin-bottom: 5px;
}
card-product-m .card_container .item_price_txt_2 {
  font-size: 11px;
  text-decoration: line-through;
  color: grey;
  margin-bottom: 5px;
}
card-product-m .card_container .item_price_txt_3 {
  font-size: 18px;
  font-weight: bold;
}
card-product-m .card_container .item_40 {
  float: left;
  width: 100%;
}
card-product-m .card_container .item_40 [class^="item"] {
  padding: 0px;
}
card-product-m .card_container .item_60 {
  float: left;
  width: 60%;
}
card-product-m .card_container .item_60 [class^="item"] {
  padding: 0px;
}
card-product-m .card_container .item_save_price {
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: white;
  padding: 0px 5px !important;
  font-size: 12px;
  text-align: left;
}
card-product-m .card_container .item_save_price span.devide {
  height: 40px;
  border-right: 1px solid white;
  color: transparent;
  margin: 0px 5px;
}
card-product-m .card_container .item_save_price span.total {
  float: right;
  font-size: 18px;
  font-weight: bold;
}
card-product-m .card_container .item_price {
  margin: 0px;
  padding: 0;
  border-top: 1px solid #eee;
}
card-product-m .card_container .item_price .first {
  padding: 10px 20px;
  float: left;
  border-right: 1px solid #eee;
  font-size: 18px;
  color: black;
  min-height: 60px;
  opacity: 0.6;
}
card-product-m .card_container .item_price .first .display-table {
  height: 40px;
  widows: 100%;
}
card-product-m .card_container .item_price .first span {
  display: block;
  font-size: 12px;
  color: #bfbfbf;
  text-decoration: line-through;
}
card-product-m .card_container .item_price .second {
  padding: 10px;
  float: right;
}
card-product-m .card_container .item_price .second button {
  border-radius: 3px;
}
card-product-m .card_container .item_price .second .fa {
  font-size: 12px;
}
card-product-m .card_container .item_price .second a:hover {
  text-decoration: none;
}
card-product-m .card_container .item_price .second a:hover .outer-animate {
  width: 35px;
  text-decoration: none;
}
card-product-m .card_container .item_price .second a:hover .outer-animate .inner-animate {
  text-decoration: none;
}
card-product-m .card_container .item_price .second a .outer-animate {
  width: 0;
  transition: all 0.3s;
  overflow: hidden;
  line-height: 1;
  margin-top: 2px;
  margin-left: 2px;
}
card-product-m .card_container .item_price .second a .inner-animate {
  width: auto;
  position: relative;
  color: white;
}
card-product-m .card_container .item_cover_badge {
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 70px 70px 0;
  border-color: transparent #ff0000 transparent transparent;
  line-height: 0px;
  _border-color: #000000 #ff0000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  z-index: 1;
}
card-product-m .card_container .item_cover_badge_txt {
  position: absolute;
  right: 0;
  width: 70px;
  z-index: 2;
  text-align: left;
  padding: 0px;
  margin: 0;
  padding-left: 25px;
  line-height: 30px;
  font-size: large;
  font-weight: bold;
}
card-product-m .card_container .item_cover_badge_txt span {
  font-size: small;
  font-weight: normal;
}
card-product-m .card_container .item_extend {
  width: 100%;
  height: 75px;
  max-height: 75px;
  overflow: hidden;
  text-align: center;
  bottom: 0;
  position: relative;
  position: absolute;
}
card-product-m .card_container .item_extend .ext_item {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin: 5px auto;
}
card-product-m .card_container .item_extend .ext_item .material-icons {
  float: none;
  font-size: 13px;
  line-height: 20px;
}