@charset "utf-8";

/* CSS Document */


html,body {
  margin: 0 auto;
  padding: 0;
	background-color: #000000;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#enchant-stage {
  background-color:#fff;
  left: 50%;
  top: 0px;
} 

.txtload{
  margin-top:10px;
  font-size:60px;
  font-weight:bold;
  font-family:"Courier New", Courier, monospace;
  color:#fff;
  cursor:default;
  border:medium;  
}

.head_q{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 28px;
  margin-top: 30px;
  text-align: center;
  color: #fff;
  cursor: default;
  left: 0px;
  top:0px;
}

.head_a{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 45px;
  margin-top: 60px;
  text-align: center;
  color: #000;
  cursor: default;
}

.head_b{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  color: #fff;
  cursor: default;
  /*background-color: #f00;*/
}

.head_e{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 70px;
  text-align: center;
  color: #000;
  cursor: default;
}

.head_e3{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  color: #009;
  cursor: default;
}

.head_e4{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #000;
  cursor: default;
}

.head_copy{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #fff;
  cursor: default;
}

.head_e2{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  color: #000;
  cursor: default;
}

.head_s3{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 30px;
  text-align:justify;
  color: #fff;
  cursor: default;
  /*background-color: #f00;*/
}

.head_s2{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 60px;
  text-align:center;
  color: #fff;
  cursor: default;
  /*background-color: #f00;*/
}

.head_s{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 30px;
  text-align:center;
  color: #fff;
  cursor: default;
  /*background-color: #f00;*/
}

#head_r{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 18px;
  margin-top: 20px;
  padding-left: 20px;
  color: #336600;
}

#head_g{
  font-family:  Courier, monospace; 
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  padding-left: 35px;
  color: #990000;
}

#instruc{
  position: absolute;
  width: 100%;
  top:45%;
  text-align: center;
}



/*--------------------------------------------------------  DEFAULT CLASS ANIMATION --------------------------------------------------------*/

.fadeout{
  -webkit-animation-name: fadehide;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;

  -moz-animation-name: fadehide;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
}


.fadein{

  -webkit-animation-name: fadeshow;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0s;


  -moz-animation-name: fadeshow;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0s;
}

/*--------------------------------------------------------  DEFAULT CLASS ANIMATION --------------------------------------------------------*/

/*--------------------------------------------------------  DEFAULT ANIMATION --------------------------------------------------------*/

@-webkit-keyframes fadeshow {

  from { opacity:0; }

  to{ 

  opacity:1; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}

@-moz-keyframes fadeshow {

  from { opacity:0; }

  to{ 

  opacity:1; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}

@-webkit-keyframes fadehide {
  from { opacity:1; }
  to{ 

  opacity:0; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }

}

@-moz-keyframes fadehide {
  from { opacity:1; }
  to{ 

  opacity:0; 

  -webkit-animation-timing-function: ease-in;

  -moz-animation-timing-function: ease-in;

  }	

}

/*--------------------------------------------------------  DEFAULT ANIMATION --------------------------------------------------------*/