html, body, p, table, td {
  padding: 0;
  margin:0;
}

iframe{
display: block;
}

div.vjs-controls-disabled.vjs-audio{display:none;}

html, body, table, td, div, iframe#page { width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px none; text-align: center; }
html {overflow:auto;}
body { background-color: rgb(255, 255, 255); }
/*.box {
  width:100%;
  height:100%;
  overflow: visible;
  position: relative;
}
.content {
  position: relative;
  overflow: hidden;
  -moz-transform-origin:top left;
  -webkit-transform-origin:top left;
  -ms-transform-origin:top left;
  transform-origin:top left;
  height:100%;
  width:100%;
} */

/* wait page */
.waitPage + iframe#page {
  display:none;
}
.waitPage {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  background-image: url(../../pages/files/html_top_bg_launchpage.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.waitPage > div {
  display:flex;
}
.waitPage > .center {
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-basis: auto;
}
.waitPage > .bottom {
    flex-basis: fit-content;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    background: url(../../pages/files/html_bottom_bg_launchpage.png);
}
.waitPage.loaded {
  display:none;
}

.waitPage.loaded + iframe#page {
  display: block;
}
iframe#page.--autosize {
  transform: scale(var(--viewport-zoom));
}