@charset "utf-8";

.l-content .m-description {
  margin-top: 45px;
  padding: 0;
  font-size: 24px;
  line-height: 22px;
  color: #004ea2;
  text-align: center;
}
.l-content .m-description img {
  vertical-align: middle;
}
.l-content .orange-button a {
  margin: 0 auto;
}
.l-content .infor_box {
  padding: 0 30px;
}
.l-content .infor_box ul {
  margin: 0 -20px;
}
.l-content .infor_box li {
  vertical-align: top;
  width: 275px;
  display: inline-block;
  margin: 0 15px;
  border: solid 1px #ccc;
  border-radius: 20px;
  min-height: 322px;
}
.l-content .infor_box li p {
  padding: 20px;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
}
.l-content .m-category {
  width: 950px;
  margin: 0 auto;
  padding: 30px 0px;
  background-color: #004ea2;
}
.l-content .m-category p.extra {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.l-content .m-category ul {
  padding: 0 15px;
}
.l-content .m-category li {
  float: left;
  width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}
.l-content .m-category .m-btn--down {
  width: 100%;
  height: 55px;
  background-color: #f2f2f2 !important;
  font-size: 12px;
  line-height: 20px;
  box-shadow: none;
}
.l-content .m-category .image {
  height: 160px;
  position: relative;
}
.l-content .m-category .image span img{
  position: absolute;
  top: 0;
  bottom: 0; 
  left: 0;
  right: 0;
  margin: auto;
}
.l-content .m-category .image span {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.l-content .m-category .text {
  min-height: 120px;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  box-sizing: border-box;
}
.l-content .main_title {
  width: 910px;
  margin: 0 auto 20px;
  background: #eb181f;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
}
.l-content .head_title {
  padding: 0 40px;
  background: url(/pr/vona/pisco_201912/images/title_bg.png) 50% 50% no-repeat;
  color: #fff;
  font-size: 16px;
  height: 52px;
  line-height: 52px;
}
.l-content .products {
  width: 930px;
  margin: 0 auto;
  padding: 10px 10px;
  background-color: #bfdef8;
}
.l-content .products .product {
  float: left;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}
.l-content .products.item-4 .product.lg {
  width: 35%;
}
.l-content .products.item-4 .product.sm {
  width: 21.6%;
}
.l-content .products .inner {
  padding: 20px 0;
  border: 1px solid #ccc;
  background-color: #fff;
}
.l-content .products .name a {
  color: #0053ba;
  font-size: 13px;
  font-weight: bold;
  line-height: 21px;
  text-decoration: none;
}
.l-content .products.item-4 .name {
  min-height: 70px;
}
.l-content .products .image {
  height: 160px;
  position: relative;
}
.l-content .products .image img{
  position: absolute;
  top: 0;
  bottom: 0; 
  left: 0;
  right: 0;
  margin: auto;
}
.l-content .products .image a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.l-content .products.item-4 .lg .image.post {
  float: left;
  margin-left: 10px;
}
.l-content .products.item-4 .lg .image.post img {
  position: relative;
}
.l-content .products .description {
  height: 110px;
  padding: 30px 10px 20px;
  font-size: 12px;
  line-height: 18px;
}
.l-content .products .serial {
  margin-bottom: 5px;
  font-size: 14px;
}
.l-content .products .price {
  margin-bottom: 5px;
  color: #ff0000;
  font-size: 14px;
}
.l-content .products .delivery {
  margin-bottom: 15px;
}
.l-content .products .delivery img, .l-content .products .delivery span {
  display: inline-block;
  vertical-align: middle;
}
.l-content .products .delivery span {
  font-size: 14px;
  font-weight: bold;
}
.l-content .products .button {
  padding: 0 10px;
}
.l-content .products .m-btnLink--conversion {
  margin: 0 auto;
}
.l-content > .m-btnList--center {
  margin-top: 0;
}
.l-content > .m-btnList--center > li {
  padding: 0 10px;
}
.l-content > .m-btnList--center a {
  width: 290px !important;
}
.l-content .m-recommended .title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.l-content .m-recommendedList {
  padding: 0;
  margin: 0 -15px;
}
.l-content .m-recommendedList li {
  float: left;
  width: 50%;
  margin-bottom: 20px;
  padding: 0 15px;
  font-size: 0;
  box-sizing: border-box;  
}
.l-content .m-recommendedList li a img {
  border: solid 1px #ccc;
}