@charset "utf-8";



#colorScreen{ position: fixed; width: 100%; height: 100%; display: table; background:#fff; z-index: 100000;pointer-events: none;}
#colorScreen .inner{display: table-cell; text-align: center; vertical-align: middle; height: 100%;
  -webkit-perspective: 500px;
  perspective: 500px;}
#colorScreen .inner img{ width: 300px;}

#logoScreen{ position: fixed; width: 100%; height: 100%; display: table; background:#fff; z-index: 100000;pointer-events: none;


}
#logoScreen .inner{display: table-cell; text-align: center; vertical-align: middle; height: 100%;
animation:3s linear infinite rotate-anime;
}
#logoScreen .inner img{ width: 80px; animation:1.4s linear infinite rotation3;}

@keyframes rotation3 {
  0%{ transform:rotateY(0);}
  100%{ transform:rotateY(360deg); }
}


#whiteScreen{ position: fixed; width: 100%; height: 100%; display: table; background:#fff; z-index: 100000;pointer-events: none;}
#whiteScreen .inner{display: table-cell; text-align: center; vertical-align: middle; height: 100%;}


@media(max-width:750px){
#colorScreen .inner img{ width: 300%;}
#logoScreen .inner img{ width: 20%;}
}