@media only screen and (max-width: 320px) {
  .list-img li{ width: 47%;margin: 1.5%; }
}
@media only screen and (max-width: 450px) {
  #sub .am-btn-group>.am-btn{ float: none; }
  .list-img a{ font-size: 1.4rem; }
  .lis-img li{ padding-bottom: 5px; }
  .list-img li img{ padding-bottom: 5px; }
}
@media (min-width: 321px) and (max-width: 640px) {
  .am-pagination > li > a,
  .am-pagination > li > span {
    padding: 0.3em 0.5em;
    font-size: 12px;
  }
  .am-topbar-btn {
    padding: 0.4em 0.8em;
  }
  .am-pagination > li > a,
  .am-pagination > li > span {
    padding: 0.3em 0.5em;
    font-size: 12px;
  }
  .list-img li{ width: 30.3333%;margin: 1.5%; }
}
@media only screen and (max-width: 640px) {
  #link dt,#download dt{ font-size: 1em; }
  #download li{ font-size: 0.725em; }
  #contact{ height: auto; }
  #contact li{ float: none; background-image: none; width: 100%; padding-bottom: 2em; }
  #contact li dt{padding-top: 0.5em;}
  #footer{ background-color: #444; color: white; margin-top: 2em; }
  #footer a{ color: white; }
  .my-animation-delay1{ -webkit-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; }
  .my-animation-delay2{ -webkit-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; }
  .my-animation-delay3{ -webkit-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; }
  .my-animation-delay4{ -webkit-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; }
}
@media only screen and (min-width: 641px) {
  .am-with-topbar-fixed-top{padding-top: 0;}
}
@media (min-width: 641px) and (max-width: 1024px) {
  #corp-target h1,#prod h1{ font-size: 1.2em; }
}
@media only screen and (max-width: 1024px) {
  .main{ width: 100%; }
  #header{ text-align: center; height: auto; }
  #header .logo{ max-width: 80%; float: none; }
  #search-form{ margin-top: 1em; margin-bottom: 1em; }
  #search-form .hot{ width: 100%; }
  #banner ul>li{ height: 46vw; -webkit-background-size:auto 100%;
  background-size:auto 100%; }
  #prod{ width: 100%; }
  #prod .am-direction-nav a{ width: 36px; height: 36px; margin: -18px 0 0; }
  #prod .am-direction-nav a:before{ content: "\f137"; }
  #prod .am-direction-nav .am-prev{ left: 10px; background:none; }
  #prod .am-direction-nav .am-next{ right: 10px; background:none; }
  #prod .am-direction-nav .am-next:before{ content: "\f138"; }
  #prod .am-slider-default:hover .am-prev{ left: 10px; }
  #prod .am-slider-default:hover .am-next{ right: 10px; }
}
@media only screen and (min-width: 1025px) {
  #banner ul>li{ height: 460px; }
}
@media only screen and (min-width: 1360px) {
  #header .index-tel{ display: initial; }
}
@media only screen {
  
}