body {
    padding: 1px;
    text-align: center;
}
#movie div {
  vertical-align: top;
  display: inline-block;
  margin: 1px;
}
video {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: auto;
  border: 1px solid #333333;
}
.btndummy {visibility: hidden;}
.btndummy2 {visibility: hidden;}
div#container {
    width: 782px;
    text-align: center;
}
div#container img {width: 100%; height: auto;}
div#count {padding: 2px;}
div#count img {width: auto; height: auto;}
div#menu input, #menu2 input {
    width: 16%;
    height: 44px;
    font-size: 1em;
}
div#main {text-align: center;}
div#picture {text-align: left; display: inline-block;}
div#picture table {width: 100%; margin: 1px;}
div#picture th {width: 120px;}
div#picture td {border: none; border-width: 1px; text-align: left;}
div#picture a  {width: 156px; text-align: center; margin: 1px;}
div#picture img {width: auto; height: auto;}
div#picture,#info {word-break: break-all;}
div#info {margin: 1px; text-align: left; font-size: 0.9em;}
/*
div#container1,#container2 {text-align: center;}
div#picture span       {width: 156px; text-align: center; margin: 1px;center;display: inline-block;}
div#container tr td {border: solid; border-width: 1px; text-align: left;}
div#info            {word-break: break-all;}
#slideshow,#slideshow2 {position:relative; width:auto; height:auto;}
*/

@media only screen and (max-width:161px) {
  div#container {width: 100%;}
  div#container img {width: 100%; height: auto;}
  div#count img {width: auto; height: auto;}
  div#menu input, #menu2 input {width: 96%; height: 32px;}
  div#picture th,span  {width: 60px;}
  div#picture td       {font-size: 0.7em;}
  div#picture img      {width: 100%; height: auto;}
}
@media only screen and (min-width: 162px) and (max-width:319px) {
  div#container {width: 100%;}
  div#container img {width: 100%; height: auto;}
  div#count img {width: auto; height: auto;}
  div#picture {width: 154px;}
  div#menu input, #menu2 input {width:130px; height: 32px;}
  div#picture th,span  {width: 60px;}
  div#picture td       {font-size: 0.7em;}
  div#picture img      {width: 100%; height: auto;}
}
@media only screen and (min-width: 320px) and (max-width:475px) {
  div#container {width: 100%;}
  div#container img {width: 100%; height: auto;}
  div#count img {width: auto; height: auto;}
  div#picture {width: 312px;}
  div#menu input, #menu2 input {width: 130px; height: 36px;}
  div#picture th, span {width: 80px;}
  div#picture td {font-size: 0.8em;}
  div#picture th img   {width: 100%; height: auto;}
  div#picture span img {width: auto; height: auto;}
}
@media only screen and (min-width: 476px) and (max-width:632px) {
  div#container {width: 100%;}
  div#container img {width: 100%; height: auto;}
  div#count img {width: auto; height: auto;}
  div#picture {width: 468px;}
  div#menu input, #menu2 input {width: 130px; height: 40px;}
  div#picture td {font-size: 0.9em;}
  div#picture img {width: auto; height: auto;}
}
@media only screen and (min-width: 633px) and (max-width:790px) {
  div#container {width: 100%;}
  div#container img {width: 100%; height: auto;}
  div#count img {width: auto; height: auto;}
  div#picture {width: 624px;}
  div#menu input, #menu2 input {width: 130px; height: 42px;}
  div#picture img {width: auto; height: auto;}
}
@media only screen and (min-width:791px) {
  div#container {width: 782px;}
  div#container img {width: 100%; height: auto;}
  div#count img {width: auto; height: auto;}
  div#picture {width: 782px;}
  div#menu input, #menu2 input {width: 16.6%; height: 44px;}
  div#picture img {width: auto; height: auto;}
}