*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
}

html, body {
  font-size: 62.5%;
  height: 100%;
  overflow: hidden;
background: #000000;
}

#video {
    width: 100%;
    height: auto;
    margin: 0;
	position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);
}
  
#clickTagLayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 10000; }
#mute { position: absolute; bottom: 0; right: 0;padding: 10px; width: 60px; height: 60px; cursor: default; z-index: 10001; opacity: 0.5; -webkit-transition: 0.35s cubic-bezier(.52,.22,.16,.58); transition: 0.35s cubic-bezier(.52,.22,.16,.58); }
#mute:hover { opacity: 1; }