@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* 此區塊的css only for IE 10、11 */
  /* 因為IE對Grid的支援不完整，所以這裡將Grid的部份全改寫為flex */
  div#products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 5%;
  }
  
  div.item {
    display: flex;
    flex-direction: column;
    flex: 0 1 25%;
    width: 25%;
    margin: .5rem 0;
/*     padding: 1rem; */
  }
}


div#products {
  display: grid;
  grid-template-columns: repeat(auto-fit, 270px);
  grid-gap: 4rem 1rem;
  justify-content: space-around;
  margin: 0 8%;
}

div.item div.item_name {
  text-align: center;
  margin: .5rem 0;
}

div.item div.item_name a {
  color: black;
}
.item_create {
  border: black 1px dashed;
  font-size: 5em;
  line-height: 4;
}
.item_create p {
  text-align: center;
  margin: auto;
}
.nav {
  padding: 4px;
  border-radius: 4px;
  background: #DEE8E2;
}