body  { width:100%; height:100%; margin:0; padding:0; overflow:hidden; background-color: #000000; user-select: none; }
#video { background-color: #000000; position: absolute; top:0; bottom:0; left:0; right:0; margin: auto; width: 100vw;  height: 56.25vw; max-height: 100vh; max-width: 177.78vh; }
#video iframe { width: 100%; height: 100%;}       
#data { position: absolute; cursor: pointer; filter: drop-shadow(2px 2px 2px #222222AA); overflow:hidden; opacity: 0.7;
        color: #ffffff; font-weight: bold; font-size: 1.7em; font-family: sans-serif; text-align: center;
        bottom: 1.5%; left: 1.5%; height: 6%; padding: 4px 10px 4px 10px; line-height: 1.5em;
        background-color: #ff8d00; border-radius: 7px;
       }
.btn { position: absolute; cursor: pointer; filter: drop-shadow(2px 2px 2px #222222AA); overflow:hidden; opacity: 0.7;}
.btn:active { filter: drop-shadow(1px 1px 1px #222222AA);  transform: scale(.95); transition-duration: .2s; overflow:hidden; }

#btn_play { display:  none !important;
            top: 35%; left: 42.5%; width: 16.875%;  height: 30%; display: none;
            background: url(../img/play.png); background-repeat: no-repeat; background-size: contain; }            

#btn_audio_big { top: 35%; left: 42.5%; width: 16.875%;  height: 30%; display: none;
            background: url(../img/audio_big.png); background-repeat: no-repeat; background-size: contain; }            
#not_live { position: absolute; color: #ffffff; top: 0%; left: 0%; width: 100%; height: 100%;
             font-family: sans-serif; font-size: 2em; text-align: center; font-weight: bold; }
#btn_fullscreen {  display:  none !important;
                  bottom: 1.5%; right: 1.5%; width: 3%; height: 6%; 
                   background: url(../img/fullscreen_enable.png); background-repeat: no-repeat; background-size: contain; }
#btn_fullscreen.enabled { background: url(../img/fullscreen_disable.png);  background-repeat: no-repeat; background-size: contain;}
#btn_audio {  display:  none !important;
              bottom: 1.5%; right: 6%; width: 3%; height: 6%;  display: none;
              background: url(../img/audio_off.png); background-repeat: no-repeat; background-size: contain; }
#btn_audio.enabled { background: url(../img/audio_on.png);  background-repeat: no-repeat; background-size: contain;}