html,body,div {padding:0;margin:0;text-align:center;}
body {background:url('body-bg.jpg');background-size:100%;}
#page {width:100%;margin:0 auto;max-width:640px;padding-bottom:4rem}
#page div {height:auto}
ul,li {list-style:none;padding:0}
.logo,.main {height:auto;width:88%;margin:0 auto}

.search { background:#FFFFFF; width:90%; padding:10px; margin:0px auto}

.search input {

box-sizing: border-box;
  text-align:center;
  font-size:1.0em;
  height:1.8em;
  border-radius:4px;
  border:1px solid #c8cccf;
  color:#6a6f77;
  -web-kit-appearance:none;
  -moz-appearance: none;
  outline:0;
  padding:0 1em;
  text-decoration:none;

  }

.nav {margin:0.5rem auto}
.nav li {display:inline-block;border:1px solid #73a5b4;width:40%;line-height:2.5rem;margin:0.5rem 2%;border-radius:0.8rem;}
.active {background-color:#acd4e0; }
.dir a {width:20%;float:left;margin:1rem 6.5%;display:inline-block}
.dir a img {width:100%;border-radius:1.3rem;}
.dir a span {font-weight:bold;color:#660000}
.top-nav {position:fixed;top:0;left:0;background:#f9f9f9;width:100%;height:2.5rem;display:inline-block;}
.top-nav .back {display:block;height:2.5rem;float:left}
.top-nav .back img {height:2.5rem}
.top-nav h3 {display:inline-block;color:#996600;line-height:2.5rem;float:left;}
.small-logo {line-height:2.8rem;margin-top:0.3rem;float:right;margin-right:2%;display:inline-block}
.item-list a{float:left;width:40%;border:1.5px dotted #660000;border-radius:0.8rem;margin:0.8rem 4%;line-height:2rem;color:#630;font-weight:bold}
.small-logo img {height:2rem}
.item-list-a {width:100%;display:inline-table}
.item-title {display:inline-block;width:40%;color:#630;line-height:2rem;border:1px solid #660000;border-radius:0.8rem;margin:1rem;background-color:#fff4ba;}
.item-list-a a{float:left;width:40%;border:1.5px dotted #660000;border-radius:0.8rem;margin:0.8rem 4%;line-height:2rem;color:#630;}
.content,#content {text-align:justify;display:inline-block}
.main {text-align:center;}
.main table {width:100%;border:1px #330 solid;table-layout:fixed;empty-cells:show;border-collapse: collapse;margin:0 auto;margin:0.5rem 0}
.main td {font-size:0.75rem;line-height:1.8rem}
.main li,.main h1,.main h2 {margin:0.6rem 0}
.main th {background:#cc9;}
.main img {max-width:92%}


.products a  {display:inline-block;width:100%;font-size:0.85rem;}
.products h2  {text-align:left}
.products .item {display:block;width:100%;margin:0.8rem auto;}
.products .item img {width:100%}
.products .item span {text-align:center;line-height:1rem;display:block;height:2rem;overflow:hidden}