html, body{ height: 100%;}
body { padding: 0; margin: 0 }
#unity-container { width: 100%; height: 100%; }
#unity-canvas { width: 100%; height: 100%; background: #FFFFFF}
#unity-loading-bar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 256px; height: 256px; background: url('Enagic_rogo.png') no-repeat center }
#unity-progress-bar-empty { /*position: absolute; top: 570px; left: 460px;*/ width: 256px; height: 5px; margin-top: 10px; background: url('progress-bar-empty.png')no-repeat center}
#unity-progress-bar-full { /*position: absolute; top: 570px; left: 460px;*/ width: 0%; height: 5px; margin-top: 10px; background: url('progress-bar-full.png')no-repeat center}
#unity-footer { width: 100%; height: 100px; position: absolute; bottom: 0; }
#unity-mobile-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }