@charset "utf-8";
* {
  margin : 0px;
  padding : 0px;
  moz-user-select : -moz-none;
  -moz-user-select : none;
  -o-user-select : none;
  -khtml-user-select : none;
  -webkit-user-select : none;
  -ms-user-select : none;
  user-select : none;
}
body{
  height : 100vh;
  width : 100vw;
  overflow : hidden;
}
.full_screen{
  height : 100vh;
  width : 100vw;
}
.top{
  top : 0;
}
.bottom{
  bottom : 0;
}
.left{
  left : 0;
}
.right{
  right : 0;
}
table {
  width : 100%;
  margin : 0px;
  display : table;
  border-collapse : separate;
  border-spacing : 5px;
  border-color : #ddd;
}
td {
  text-align : center;
  font-size : 200%;
  padding : 25px;
  background : #eee;
}
input {
  width : 100%;
  text-align : center;
  /*
  font-size : 110%;
  */
  background : none;
  border : none;
}
.mask {
  background : #fff;
  z-index : 2;
  position : absolute;
  width : 100vw;
  height : 100vh;
  opacity : 0.5;
}
.popup {
  z-index : 3;
  position : absolute;
  left : 50%;
  top : 50%;
  transform : translate(-50%, -50%);
}
.toast {
  position : fixed;
  right : 35vw;
  height : 5vh;
  width : 30vw;
  color : #fff;
  font-size : 1em;
  padding : 1vh;
  background-color : #333;
  opacity : 0.7;
  z-index: 99;
}