@charset "big5";
/* CSS Document */
@media only screen and (max-width: 768px) {
  .top-normal {display: none;}
  .top-mobile {display: block;}
  .main, .aside, .article {float: none; width: 100%;}
  .prod {margin: 0; box-shadow: none;}
  .menu-prod {width: 100%; max-width: 400px;}
  #menu {position: static;}
  #menu a {display: inline-block; float: none; margin: 0 1%; width: 30%;}
  #menu a i {display: none;}
  #menu a em {display: block;}
  .content {width: auto;}
  .content section {margin: 0 15px 10px;}
  .aside table {background-image: none;}
}

@media only screen and (max-width: 540px) {
  #menu a {width: 45%;}
  #menu a em {font-size: 18px; line-height: 18px; letter-spacing: 0;}
  .goto {top: -56px;}
  .goto a i {width: 120px; height: 55px;}
}