* {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* 
html, body {
	touch-action: none; 
	touch-action: manipulation;
}
*/

#game {
  background-image: url("../img/case/case.png");
  background-repeat: no-repeat;
  border-radius: 20px;
  box-shadow: 10px 10px 5px rgba(32,32,32,.8);
  color:#000000;
  height: 1732px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 1411px; 
}
    
#game_lock {
  height: 23px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 1411px; 
}

#Info_bottom_txt a {
  color: blue;
  text-decoration: underline;
}
    
#Info_bottom_txt a:hover {
  color: grey;
}
    
#Lock {
  border-radius: 10px;
  box-shadow: 10px 10px 5px rgb(32 32 32 / 80%);
  height: 23px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding-bottom: 0px;
  width: 145px;
}

#BackD {position:absolute; left:384px; top:1052px; background-color:transparent}
#BackU {position:absolute; left:384px; top:218px; background-color:transparent}
                
#InlayD {position:absolute; left:384px; top:1052px; background-color:transparent; z-index:10}
#InlayU {position:absolute; left:384px; top:218px; background-color:transparent; z-index:10}

#Bell  {position:absolute; left:734px; top:581px; background-color:transparent z-index:1}
#BellDown{position: absolute; left: 793px; top: 575px; background-color: transparent; z-index:1}
#BellUp{position: absolute; left: 770px; top: 547px; background-color: transparent; z-index:1}

#ButGameA     {position:absolute; left:1171px; top:960px; background-color:transparent}
#ButGameB  {position:absolute; left:1171px; top:1052px; background-color:transparent}
#ButTime  {position:absolute; left:1171px; top:1145px; background-color:transparent}
#ButAlarm     {position:absolute; left:1287px; top:1020px; background-color:transparent}
#ButAlc     {position:absolute; left:1287px; top:1114px; background-color:transparent}
#ButSound  {position:absolute; left:1161px; top:1240px; background-color:transparent; width:58px}
#ButSound_txt  {
  position:absolute; 
  left: 1185px;
  top: 1320px;
  background-color: transparent;
  width: 85px;
  font-size: 20px;
  font-weight: bold;
  color:#212121;
}
#CurL  {position:absolute; left:86px; top:1428px; background-color:transparent}
#CurR  {position:absolute; left:215px; top:1428px; background-color:transparent}
#CurU  {position:absolute; left:147px; top:1367px; background-color:transparent}
#CurD  {position:absolute; left:147px; top:1489px; background-color:transparent}
#Button  {position:absolute; left:71px; top:1352px; background-color:transparent}

#CurA_txt  {
  background-color:transparent;
  color:#424242;
  font-family: "Arial";
  font-size: 24px;
  font-weight: bold;
  left:1180px; 
  letter-spacing: 2px;
  position:absolute; 
  text-align: center;
  top:1546px; 
}

#Info_button  {position:absolute; left: 960px; top: 1558px; background-color:transparent}

#SoundOn{position: absolute; left: 1294px; top: 1257px; background-color: transparent;}
#SoundOff{position: absolute; left: 1137px; top: 1257px; background-color: transparent;}
/* #SoundStateInd  {position:absolute; left:372px; top:990px; width:671px; background-color:transparent} */
#SoundStateInd  {position:absolute; left:405px; top:990px; width:671px; background-color:transparent}

#BomberJack1 {position: absolute; top: 483px; left: 885px; z-index:5}
#BomberJack1TossBombDown {position: absolute; top: 502px; left: 873px; z-index:5}
#BomberJack1TossBombUp {position: absolute; top: 459px; left: 871px; z-index:5}
#BomberJack2 {position: absolute; top: 367px; left: 939px; z-index:5}
#BomberJack3 {position: absolute; top: 437px; left: 384px; z-index:5}

#Bomb01 {position: absolute; top: 1065px; left: 460px; z-index:5}
#Bomb02 {position: absolute; top: 1065px; left: 552px; z-index:5}
#Bomb03 {position: absolute; top: 1065px; left: 641px; z-index:5}
#Bomb04 {position: absolute; top: 1065px; left: 728px; z-index:5}
#Bomb05 {position: absolute; top: 1065px; left: 816px; z-index:5}
#Bomb06 {position: absolute; top: 1066px; left: 906px; z-index:5}
#Bomb51 {position: absolute; top: 1423px; left: 461px; z-index:5}
#Bomb52 {position: absolute; top: 1422px; left: 551px; z-index:5}
#Bomb53 {position: absolute; top: 1423px; left: 641px; z-index:5}
#Bomb54 {position: absolute; top: 1423px; left: 729px; z-index:5}
#Bomb55 {position: absolute; top: 1423px; left: 817px; z-index:5}
#Bomb56 {position: absolute; top: 1423px; left: 908px; z-index:5}
#Bomb10 {position: absolute; top: 1121px; left: 390px; z-index:5}
#Bomb17 {position: absolute; top: 1122px; left: 985px; z-index:5}
#Bomb20 {position: absolute; top: 1202px; left: 390px; z-index:5}
#Bomb27 {position: absolute; top: 1201px; left: 986px; z-index:5}
#Bomb30 {position: absolute; top: 1271px; left: 390px; z-index:5}
#Bomb37 {position: absolute; top: 1274px; left: 985px; z-index:5}
#Bomb40 {position: absolute; top: 1352px; left: 391px; z-index:5}
#Bomb47 {position: absolute; top: 1351px; left: 984px; z-index:5}

#Boom {position:absolute; left:384px; top:1052px; background-color:transparent; z-index:4}

#CongratsDown {position: absolute; top: 520px; left: 737px; z-index:5}
#CongratsJohnSolver {position: absolute; top: 445px; left: 644px; z-index:5}
#CongratsOfficer {position: absolute; top: 436px; left: 777px; z-index:5}
#CongratsUp {position: absolute; top: 490px; left: 741px; z-index:5}

#Diver {position: absolute; top: 414px; left: 854px; z-index:5}
#Diving {position: absolute; top: 421px; left: 895px; z-index:5}

#GameA {position: absolute; top: 569px; left: 639px; z-index:5}
#GameB {position: absolute; top: 597px; left: 639px; z-index:5}

#JohnSolver11 {position: absolute; top: 1123px; left: 454px; z-index:5}
#JohnSolver12 {position: absolute; top: 1122px; left: 541px; z-index:5}
#JohnSolver13 {position: absolute; top: 1123px; left: 632px; z-index:5}
#JohnSolver14 {position: absolute; top: 1123px; left: 720px; z-index:5}
#JohnSolver15 {position: absolute; top: 1123px; left: 811px; z-index:5}
#JohnSolver16 {position: absolute; top: 1122px; left: 897px; z-index:5}
#JohnSolver21 {position: absolute; top: 1196px; left: 453px; z-index:5}
#JohnSolver22 {position: absolute; top: 1196px; left: 541px; z-index:5}
#JohnSolver23 {position: absolute; top: 1197px; left: 631px; z-index:5}
#JohnSolver24 {position: absolute; top: 1196px; left: 721px; z-index:5}
#JohnSolver25 {position: absolute; top: 1197px; left: 809px; z-index:5}
#JohnSolver26 {position: absolute; top: 1196px; left: 899px; z-index:5}
#JohnSolver31 {position: absolute; top: 1271px; left: 453px; z-index:5}
#JohnSolver32 {position: absolute; top: 1270px; left: 541px; z-index:5}
#JohnSolver33 {position: absolute; top: 1271px; left: 631px; z-index:5}
#JohnSolver34 {position: absolute; top: 1271px; left: 721px; z-index:5}
#JohnSolver35 {position: absolute; top: 1271px; left: 810px; z-index:5}
#JohnSolver36 {position: absolute; top: 1270px; left: 898px; z-index:5}
#JohnSolver41 {position: absolute; top: 1345px; left: 453px; z-index:5}
#JohnSolver42 {position: absolute; top: 1344px; left: 541px; z-index:5}
#JohnSolver43 {position: absolute; top: 1343px; left: 631px; z-index:5}
#JohnSolver44 {position: absolute; top: 1345px; left: 721px; z-index:5}
#JohnSolver45 {position: absolute; top: 1345px; left: 809px; z-index:5}
#JohnSolver46 {position: absolute; top: 1344px; left: 899px; z-index:5}

#JohnSolverEmerge {position: absolute; top: 233px; left: 895px; z-index:5}
#JohnSolverEmerging {position: absolute; top: 234px; left: 914px; z-index:5}
#JohnSolverEntrance {position: absolute; top: 323px; left: 884px; z-index:5}
#JohnSolverEntrancePointing {position: absolute; top: 375px; left: 888px; z-index:5}
#JohnSolverExit {position: absolute; top: 468px; left: 510px; z-index:5}

#JohnSolverLife1 {position: absolute; top: 236px; left: 701px; z-index:5}
#JohnSolverLife2 {position: absolute; top: 236px; left: 766px; z-index:5}
#JohnSolverLife3 {position: absolute; top: 236px; left: 830px; z-index:5}

#Num11 {position: absolute; top: 558px; left: 465px; z-index:5}
#Num12 {position: absolute; top: 567px; left: 459px; z-index:5}
#Num13 {position: absolute; top: 567px; left: 477px; z-index:5}
#Num14 {position: absolute; top: 579px; left: 463px; z-index:5}
#Num15 {position: absolute; top: 592px; left: 455px; z-index:5}
#Num16 {position: absolute; top: 590px; left: 473px; z-index:5}
#Num17 {position: absolute; top: 604px; left: 455px; z-index:5}
#Num21 {position: absolute; top: 558px; left: 504px; z-index:5}
#Num22 {position: absolute; top: 567px; left: 498px; z-index:5}
#Num23 {position: absolute; top: 567px; left: 516px; z-index:5}
#Num24 {position: absolute; top: 579px; left: 502px; z-index:5}
#Num25 {position: absolute; top: 592px; left: 494px; z-index:5}
#Num26 {position: absolute; top: 590px; left: 512px; z-index:5}
#Num27 {position: absolute; top: 604px; left: 494px; z-index:5}
#Num31 {position: absolute; top: 558px; left: 561px; z-index:5}
#Num32 {position: absolute; top: 567px; left: 555px; z-index:5}
#Num33 {position: absolute; top: 567px; left: 573px; z-index:5}
#Num34 {position: absolute; top: 579px; left: 559px; z-index:5}
#Num35 {position: absolute; top: 592px; left: 551px; z-index:5}
#Num36 {position: absolute; top: 590px; left: 569px; z-index:5}
#Num37 {position: absolute; top: 604px; left: 551px; z-index:5}
#Num41 {position: absolute; top: 558px; left: 600px; z-index:5}
#Num42 {position: absolute; top: 567px; left: 594px; z-index:5}
#Num43 {position: absolute; top: 567px; left: 612px; z-index:5}
#Num44 {position: absolute; top: 579px; left: 598px; z-index:5}
#Num45 {position: absolute; top: 592px; left: 590px; z-index:5}
#Num46 {position: absolute; top: 590px; left: 608px; z-index:5}
#Num47 {position: absolute; top: 604px; left: 590px; z-index:5}
#NumColon {position: absolute; top: 575px; left: 533px; z-index:5}
 
#Officer1 {position: absolute; top: 230px; left: 509px; z-index:5}
#Officer2 {position: absolute; top: 233px; left: 577px; z-index:5}
#Officer3 {position: absolute; top: 348px; left: 486px; z-index:5}
#Officer4 {position: absolute; top: 333px; left: 587px; z-index:5}
#Officer5 {position: absolute; top: 320px; left: 697px; z-index:5}
#Officer6 {position: absolute; top: 313px; left: 801px; z-index:5}
#Officer6EntrancePointing {position: absolute; top: 360px; left: 861px; z-index:5}

#Smoke1 {position: absolute; top: 489px; left: 467px; z-index:5}
#Smoke2 {position: absolute; top: 438px; left: 421px; z-index:5}
#Smoke3 {position: absolute; top: 378px; left: 384px; z-index:5}
#Smoke4 {position: absolute; top: 308px; left: 384px; z-index:5}
#Smoke5 {position: absolute; top: 249px; left: 384px; z-index:5}
#Smoke6 {position: absolute; top: 218px; left: 384px; z-index:5}

#WallHor11 {position: absolute; top: 1106px; left: 447px; z-index:5}
#WallHor12 {position: absolute; top: 1106px; left: 536px; z-index:5}
#WallHor13 {position: absolute; top: 1106px; left: 625px; z-index:5}
#WallHor14 {position: absolute; top: 1106px; left: 714px; z-index:5}
#WallHor15 {position: absolute; top: 1106px; left: 803px; z-index:5}
#WallHor16 {position: absolute; top: 1106px; left: 892px; z-index:5}
#WallHor21 {position: absolute; top: 1179px; left: 447px; z-index:5}
#WallHor22 {position: absolute; top: 1179px; left: 536px; z-index:5}
#WallHor23 {position: absolute; top: 1179px; left: 625px; z-index:5}
#WallHor24 {position: absolute; top: 1179px; left: 714px; z-index:5}
#WallHor25 {position: absolute; top: 1179px; left: 803px; z-index:5}
#WallHor26 {position: absolute; top: 1179px; left: 892px; z-index:5}
#WallHor31 {position: absolute; top: 1253px; left: 447px; z-index:5}
#WallHor32 {position: absolute; top: 1253px; left: 536px; z-index:5}
#WallHor33 {position: absolute; top: 1253px; left: 625px; z-index:5}
#WallHor34 {position: absolute; top: 1253px; left: 714px; z-index:5}
#WallHor35 {position: absolute; top: 1253px; left: 803px; z-index:5}
#WallHor36 {position: absolute; top: 1253px; left: 892px; z-index:5}
#WallHor41 {position: absolute; top: 1327px; left: 447px; z-index:5}
#WallHor42 {position: absolute; top: 1327px; left: 536px; z-index:5}
#WallHor43 {position: absolute; top: 1327px; left: 625px; z-index:5}
#WallHor44 {position: absolute; top: 1327px; left: 714px; z-index:5}
#WallHor45 {position: absolute; top: 1327px; left: 803px; z-index:5}
#WallHor46 {position: absolute; top: 1327px; left: 892px; z-index:5}
#WallHor51 {position: absolute; top: 1399px; left: 447px; z-index:5}
#WallHor52 {position: absolute; top: 1399px; left: 536px; z-index:5}
#WallHor53 {position: absolute; top: 1399px; left: 625px; z-index:5}
#WallHor54 {position: absolute; top: 1399px; left: 714px; z-index:5}
#WallHor55 {position: absolute; top: 1399px; left: 803px; z-index:5}
#WallHor56 {position: absolute; top: 1399px; left: 892px; z-index:5}

#WallVert11 {position: absolute; top: 1118px; left: 432px; z-index:5}
#WallVert12 {position: absolute; top: 1118px; left: 521px; z-index:5}
#WallVert13 {position: absolute; top: 1118px; left: 610px; z-index:5}
#WallVert14 {position: absolute; top: 1118px; left: 699px; z-index:5}
#WallVert15 {position: absolute; top: 1118px; left: 788px; z-index:5}
#WallVert16 {position: absolute; top: 1118px; left: 877px; z-index:5}
#WallVert17 {position: absolute; top: 1118px; left: 966px; z-index:5}
#WallVert21 {position: absolute; top: 1192px; left: 432px; z-index:5}
#WallVert22 {position: absolute; top: 1192px; left: 521px; z-index:5}
#WallVert23 {position: absolute; top: 1192px; left: 610px; z-index:5}
#WallVert24 {position: absolute; top: 1192px; left: 699px; z-index:5}
#WallVert25 {position: absolute; top: 1192px; left: 788px; z-index:5}
#WallVert26 {position: absolute; top: 1192px; left: 877px; z-index:5}
#WallVert27 {position: absolute; top: 1192px; left: 966px; z-index:5}
#WallVert31 {position: absolute; top: 1266px; left: 432px; z-index:5}
#WallVert32 {position: absolute; top: 1266px; left: 521px; z-index:5}
#WallVert33 {position: absolute; top: 1266px; left: 610px; z-index:5}
#WallVert34 {position: absolute; top: 1266px; left: 699px; z-index:5}
#WallVert35 {position: absolute; top: 1266px; left: 788px; z-index:5}
#WallVert36 {position: absolute; top: 1266px; left: 877px; z-index:5}
#WallVert37 {position: absolute; top: 1266px; left: 966px; z-index:5}
#WallVert41 {position: absolute; top: 1339px; left: 432px; z-index:5}
#WallVert42 {position: absolute; top: 1339px; left: 521px; z-index:5}
#WallVert43 {position: absolute; top: 1339px; left: 610px; z-index:5}
#WallVert44 {position: absolute; top: 1339px; left: 699px; z-index:5}
#WallVert45 {position: absolute; top: 1339px; left: 788px; z-index:5}
#WallVert46 {position: absolute; top: 1339px; left: 877px; z-index:5}
#WallVert47 {position: absolute; top: 1339px; left: 966px; z-index:5}
   
.hidden {
  display: none ! important;
}

.hiddenfile {
 width: 0px;
 height: 0px;
 overflow: hidden;
}

.null {
  opacity: 0 !important;
}

.nully {
  opacity: 0.15 !important;
}

i {font-weight: 900;}