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

div#category {
/*     display: flex; */
/*     flex-wrap: wrap; */
/*     justify-content: space-around; */
/*     margin: 0 5%; */
  display: grid;
  grid-template-columns: repeat(auto-fit, 320px);
  grid-gap: 1rem;
  justify-content: space-around;
  margin: 0 5%;
}

div.category_item {
  /*   display: flex; */
  /*   flex-direction: column; */
  /*   flex: 0 1 25%; */
  /*   width: 25%; */
  /*   margin: .5rem 0; */
  /*   padding: 1rem; */
  
}

div.category_item img,
div.patent_item img {
  max-height: 50px;
}

div.item {
  font-weight: bold;
  font-size: 1.1rem;
  margin: .5rem 0;
}

div.item_desc {
  font-size: .9rem;
}

#title {
  margin: 0 9%;
}

#aboutContent {
  margin: 0 9%;
  line-height: 1.5rem;
}

#aboutContent img {
  max-width: 50%;
}

.nav {
  background: #DEE8E2;
  padding: 4px;
  border-radius: 4px;
}