html,body{
  padding:0px;
  margin:0px; 
  width: 100% !important;
  height: 100% !important;
  background: grey;
  user-select: none;
  -webkit-overflow-scrolling: touch !important;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-track {
  background: none; 
}
::-webkit-scrollbar-thumb {
  background:  none; 
}
::-webkit-scrollbar-thumb:hover {
  background:  none; 
} 

/*
@font-face {
     font-family: myFont;
     src: url(../JS/FZHT.TTF);
  }
 

* {
   font-family: myFont;
}

*/
/*realibox ................................*/
#canvasx { 
    width: 100% !important;
    height: calc(100% - 90px) !important; 
    background: red;
}

/*Loading..............................*/
 
/*-------------------------------------------------*/

#white{
  position: fixed;
  z-index: 200;
  width: 100%;
  height: 100%;
  background: white;
  opacity:1;
  transition: 0.5s;
}
 
#loadframeint{
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: white;
  display: none;
}

#loadinint{  
  position: fixed;
  top:40%;
  left:50%;
  transform: translate(-50%,-40%);
  width: 200px;
}

#loadimg{
  margin: auto;
  width: 200px;
}
#loadnumberbg{
  position: fixed;
  width: 200px;
  height: 5px; 
  background: silver;
  border-radius: 5px;
}
#loadnumber{
  width: 200px;
  text-align: center;
  position: fixed;
  color: black;
  transform: translate(0px,-45px);
}

#loadnumberbar{
  width: 50px;
  position: fixed; 
  height: 5px;
  display: block;
  background: #ba193b;
  border-radius: 5px;
}
 
#loadimg2int{
  transform: translate(-35%,10%);
  margin: auto;
  width: 150px; 
  height: auto; 
  opacity: 1;
  animation-name: imgint;
  animation-duration: 1s;  
  animation-fill-mode:  forwards;
}
@keyframes imgint{
  from{opacity: 0;}
  to{opacity: 1;}
}