html,body {
  height: 100%;
  overflow: hidden;
}

* {
    -moz-box-sizing: border-box;
}

.Loop {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.wrapper {
        margin: 0px;
        text-align: center;
        position: relative;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin-bottom: 20px !important;
        width: 100%;
        padding-top: 0px;
    }
    .scrolls {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 150vw;
    white-space:nowrap
    }
    .imageDiv img {
        box-shadow: 0px 0px 0px ;
        margin: 2px;
        max-height: 100%;
        cursor: pointer;
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;
    }
 * {
  box-sizing: border-box;
}

.zoom {
  padding: 0px;
 /* background-color: green; */
  transition: transform 100s;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(100.5); /* IE 9 */
  -webkit-transform: scale(100.5); /* Safari 3-8 */
  transform: scale(100.5);
}

section {
  position: relative;
  text-align: left;
  min-height: 300px;
  max-height: 700px;
  height: 80%;
}

iframe {
    border-style: none;
}

::scrollbar {
  display: auto;
}

table, th, td {
  border: 1px solid black;
}

body {
  font-family: "Courier", Courier, monospace;
  font-weight: normal;
  font-size: 100%;
}

a:link {
  text-decoration: none;
   color: #000;
}

a:visited {
  text-decoration: none;
   color: #000;
}

a:hover {
  text-decoration: none;
   color: #000;
}

a:active {
  text-decoration: none;
   color: #000;
}


.white {
  background: #ffffff;
}


h1 {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 300%;
  letter-spacing: 5px;
  color: #000;
  text-transform: uppercase;
}
