@charset "UTF-8";
@media (max-width: 768px){
  .item-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .item-container::before {
    content:"";
    display: block;
    width: 32.5%;
    order: 1;
  }
  .item-container::after {
    content:"";
    display: block;
    width: 32.5%;
  }
  .add-item {
    position: relative;
    width: 32.5%;
    margin-top: -2%;
    margin-bottom: 10px;
  }
  .item-img {
    position: relative;
    width: 32.5vw;
    height: 43.5vw;
    padding-left: 0px;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
  }
  .item-img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  .item-name {
    display: block;
    font-size: 0.75rem;
    color: #fff;
    margin: 1% 0 2% 0;
  }

  /*
  //pagination
  */
  .pagination {
    position: relative;
    margin-top: 6%;
    background-color: white;
    padding: 2% 0 1.7% 0;
  }
  .page {
    color: 000;
    font-size: 0.97rem;
  }
  .pagetxt {
    color: 000;
    font-size: 0.97rem;
  }
  .weui--arrow-filled {
    display: inline-block;
    width: 21px;
    height: 30px;
    color: #23abdd;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.157 12.711L4.5 18.368l-1.414-1.414l4.95-4.95l-4.95-4.95L4.5 5.64l5.657 5.657a1 1 0 0 1 0 1.414'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .ep--arrow-left-bold {
    display: inline-block;
    width: 19px;
    height: 24px;
    color: #23abdd;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }

  

}