.ui.card .content{
  padding-top:0.5rem
}

.ui.card{
  border-radius:unset;
  box-shadow:none;
  margin:5px 8px;
}
.content{
  /* padding:0.5rem 0.7rem 1rem 0.7rem!important; */
  border:none!important
}
.support.list{
  padding:0px;
  /* padding-top:0.5rem; */
}
.support.list .category{
  line-height:1rem;
  height:1rem;
  font-size:0.75rem
}
.support.list .how.much{
  display:inline-block;
  line-height:1rem;
  height:1rem;
  margin-top:0.5rem;
  font-size:1rem;
  font-weight:600;
}
.product.title.area{
  color:#083C55;
  line-height:1.2rem;
  height:1.2rem;
  font-size:0.9rem;
  font-weight:400;
}
.card.image.wraper{
  overflow: hidden;
}
.card.image{
  transition: all 0.14s linear;
}
.card.image:hover{
  transform: scale(1.02);
}



@media all and (max-width:1024px) {

  /* pad */
  .contentContainer {
    width: 100%
  }

  .ui.card {
    width: 47%
  }
}

@media all and (max-width:767px) {

  .how.much{
    width:100%
  }

  /* mobile */
  .contentContainer {
    width: 100%;
    min-width: 320px
  }

  .ui.card {
    width: 95%;
    margin: 0px
  }

  .ui.card.all.products{
    width:95%;
    /* margin:0px; */
  }
  .support.list{
    font-size:0.7rem;
  }
  .ui.card.all.products > a > .card.image.wraper > img{
    /* height:280px; */
  }

  .ui.card.all.products .mobile.image.changer.wraper{
    bottom:2.8rem;
    right:-0.5rem;
  }

  .content.wrap {
    padding: 0px
  }

  .card.image.wraper img {
    object-fit: cover;
    height: 38rem
  }

  .ui.card {
    margin-bottom: 1rem
  }
}

/* common */

.sort.buttons.menu {
  margin-bottom: 2rem
}

.sort.wraper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.sort.wraper .grid .column {
  padding: 5px
}

.sort.wraper .grid .column .segment {
  padding: 10px
}

.byWorkType.segment .ui.checkbox {
  width: 48%;
  display: inline-block;
  padding: 4px
}

.byStyle.segment .ui.checkbox {
  width: 99%;
  display: inline-block;
  padding: 4px
}

.byRecommend.segment .ui.checkbox {
  width: 99%;
  display: inline-block;
  padding: 4px
}

.color.item.selected {
  box-shadow: rgba(255, 0, 0, 0.8) 0px 0px 6px
}

.minimal.sort.item.disable {
  display: none
}