.flash_box {
  background: none no-repeat center top;
	margin: 0 auto 40px auto;
	width: 844px; height: 1059px;;
  position: relative;
	overflow: hidden; 
}

/* .flash_box.anime03 {
	height: 821px;
} */

.flash_box .canvas, .flash_box .glcanvas {
  position: absolute;
  top: 0;
  left: 0; }

.flash_box .canvas {
  z-index: 500; }

.flash_box a, .flash_box a img, .flash_box a:focus, .flash_box a img:focus {
  outline: none;
  border: none; }


.flash_box .btnArea,
.flash_box .startbtn,
.flash_box .endbtn
{
  position: absolute;
	margin: auto; left: 0; right: 0;
	bottom: 58px;
  text-align: center;
  z-index: 500;
  display: none;
}
.flash_box .startbtn {
	display: inline-block;
}

.flash_box .btnArea-allfree {
	bottom: 78px;
}

.flash_box .btnArea-pay
{
	bottom: 58px;
}

.flash_box .btnArea .btn {
  display: inline-block; }

.flash_box .somepaybtn a img {
  width: 380px; }

.flash_box .paybtn a img {
  width: 380px; }

.legacyArea {
  display: none;
  position: relative;
  top: 0;
  left: 0; }

.modan_browser {
  display: none;
  top: 0;
	left: 0; }




.scene {
  text-align: center; }

.master {
  position: relative;
  top: 0;
  left: 0;
  z-index: 2; }

.master img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all .4s linear;
  transition: all .4s linear; }

.master.result1 .line {
  opacity: 1; }

.result-item {
  display: none; }

.card img {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.card_moon_ani img {
  display: none;
  width: 185px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: absolute;
  left: 392px;
  top: 411px; }

.card.blur-end img {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0px 0px 26px 3px #dbf5ff;
          box-shadow: 0px 0px 26px 3px #dbf5ff;
  border-radius: 2px; }

.card_moon_ani.blur-end img {
  -webkit-box-shadow: 0px 0px 26px 3px #dbf5ff;
          box-shadow: 0px 0px 26px 3px #dbf5ff;
  border-radius: 93px; }

@-webkit-keyframes Flash1 {
  0% {
    filter: drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b); }
  60% {
    filter: drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b); }
  40% {
    filter: drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b); }
  100% {
    filter: drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b); } }

@keyframes Flash1 {
  0% {
    filter: drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b); }
  60% {
    filter: drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b); }
  40% {
    filter: drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b) drop-shadow(0px 0px 5px #f7ee5b); }
  100% {
    filter: drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b) drop-shadow(0px 0px 2px #f7ee5b); } }

@-webkit-keyframes Flash2 {
  0% {
    box-shadow: 0px 0px 0px 0px #E6DF16;
    -moz-box-shadow: 0px 0px 0px 0px #E6DF16;
    -webkit-box-shadow: 0px 0px 0px 0px #E6DF16; }
  60% {
    box-shadow: 0px -5px 60px 7px #E6DF16;
    -moz-box-shadow: 0px -5px 60px 7px #E6DF16;
    -webkit-box-shadow: 0px -5px 60px 7px #E6DF16; }
  40% {
    box-shadow: 0px -5px 60px 7px #E6DF16;
    -moz-box-shadow: 0px -5px 60px 7px #E6DF16;
    -webkit-box-shadow: 0px -5px 60px 7px #E6DF16; }
  100% {
    box-shadow: 0px 0px 0px 0px #E6DF16;
    -moz-box-shadow: 0px 0px 0px 0px #E6DF16;
    -webkit-box-shadow: 0px 0px 0px 0px #E6DF16; } }

@keyframes Flash2 {
  0% {
    box-shadow: 0px 0px 0px 0px #E6DF16;
    -moz-box-shadow: 0px 0px 0px 0px #E6DF16;
    -webkit-box-shadow: 0px 0px 0px 0px #E6DF16; }
  60% {
    box-shadow: 0px -5px 60px 7px #E6DF16;
    -moz-box-shadow: 0px -5px 60px 7px #E6DF16;
    -webkit-box-shadow: 0px -5px 60px 7px #E6DF16; }
  40% {
    box-shadow: 0px -5px 60px 7px #E6DF16;
    -moz-box-shadow: 0px -5px 60px 7px #E6DF16;
    -webkit-box-shadow: 0px -5px 60px 7px #E6DF16; }
  100% {
    box-shadow: 0px 0px 0px 0px #E6DF16;
    -moz-box-shadow: 0px 0px 0px 0px #E6DF16;
    -webkit-box-shadow: 0px 0px 0px 0px #E6DF16; } }

@-webkit-keyframes Flash3 {
  0% {
    box-shadow: 0px 0px 0px 0px #BF0A20;
    -moz-box-shadow: 0px 0px 0px 0px #BF0A20;
    -webkit-box-shadow: 0px 0px 0px 0px #BF0A20; }
  60% {
    box-shadow: 0px -5px 60px 7px #BF0A20;
    -moz-box-shadow: 0px -5px 60px 7px #BF0A20;
    -webkit-box-shadow: 0px -5px 60px 7px #BF0A20; }
  40% {
    box-shadow: 0px -5px 60px 7px #BF0A20;
    -moz-box-shadow: 0px -5px 60px 7px #BF0A20;
    -webkit-box-shadow: 0px -5px 60px 7px #BF0A20; }
  100% {
    box-shadow: 0px 0px 0px 0px #BF0A20;
    -moz-box-shadow: 0px 0px 0px 0px #BF0A20;
    -webkit-box-shadow: 0px 0px 0px 0px #BF0A20; } }

@keyframes Flash3 {
  0% {
    box-shadow: 0px 0px 0px 0px #BF0A20;
    -moz-box-shadow: 0px 0px 0px 0px #BF0A20;
    -webkit-box-shadow: 0px 0px 0px 0px #BF0A20; }
  60% {
    box-shadow: 0px -5px 60px 7px #BF0A20;
    -moz-box-shadow: 0px -5px 60px 7px #BF0A20;
    -webkit-box-shadow: 0px -5px 60px 7px #BF0A20; }
  40% {
    box-shadow: 0px -5px 60px 7px #BF0A20;
    -moz-box-shadow: 0px -5px 60px 7px #BF0A20;
    -webkit-box-shadow: 0px -5px 60px 7px #BF0A20; }
  100% {
    box-shadow: 0px 0px 0px 0px #BF0A20;
    -moz-box-shadow: 0px 0px 0px 0px #BF0A20;
    -webkit-box-shadow: 0px 0px 0px 0px #BF0A20; } }

@-webkit-keyframes Flash4 {
  0% {
    box-shadow: 0px 0px 0px 0px #2689E5;
    -moz-box-shadow: 0px 0px 0px 0px #2689E5;
    -webkit-box-shadow: 0px 0px 0px 0px #2689E5; }
  60% {
    box-shadow: 0px -5px 60px 7px #2689E5;
    -moz-box-shadow: 0px -5px 60px 7px #2689E5;
    -webkit-box-shadow: 0px -5px 60px 7px #2689E5; }
  40% {
    box-shadow: 0px -5px 60px 7px #2689E5;
    -moz-box-shadow: 0px -5px 60px 7px #2689E5;
    -webkit-box-shadow: 0px -5px 60px 7px #2689E5; }
  100% {
    box-shadow: 0px 0px 0px 0px #2689E5;
    -moz-box-shadow: 0px 0px 0px 0px #2689E5;
    -webkit-box-shadow: 0px 0px 0px 0px #2689E5; } }

@keyframes Flash4 {
  0% {
    box-shadow: 0px 0px 0px 0px #2689E5;
    -moz-box-shadow: 0px 0px 0px 0px #2689E5;
    -webkit-box-shadow: 0px 0px 0px 0px #2689E5; }
  60% {
    box-shadow: 0px -5px 60px 7px #2689E5;
    -moz-box-shadow: 0px -5px 60px 7px #2689E5;
    -webkit-box-shadow: 0px -5px 60px 7px #2689E5; }
  40% {
    box-shadow: 0px -5px 60px 7px #2689E5;
    -moz-box-shadow: 0px -5px 60px 7px #2689E5;
    -webkit-box-shadow: 0px -5px 60px 7px #2689E5; }
  100% {
    box-shadow: 0px 0px 0px 0px #2689E5;
    -moz-box-shadow: 0px 0px 0px 0px #2689E5;
    -webkit-box-shadow: 0px 0px 0px 0px #2689E5; } }

@-webkit-keyframes Flash5 {
  0% {
    box-shadow: 0px 0px 0px 0px #866847;
    -moz-box-shadow: 0px 0px 0px 0px #866847;
    -webkit-box-shadow: 0px 0px 0px 0px #866847; }
  60% {
    box-shadow: 0px -5px 60px 7px #866847;
    -moz-box-shadow: 0px -5px 60px 7px #866847;
    -webkit-box-shadow: 0px -5px 60px 7px #866847; }
  40% {
    box-shadow: 0px -5px 60px 7px #866847;
    -moz-box-shadow: 0px -5px 60px 7px #866847;
    -webkit-box-shadow: 0px -5px 60px 7px #866847; }
  100% {
    box-shadow: 0px 0px 0px 0px #866847;
    -moz-box-shadow: 0px 0px 0px 0px #866847;
    -webkit-box-shadow: 0px 0px 0px 0px #866847; } }

@keyframes Flash5 {
  0% {
    box-shadow: 0px 0px 0px 0px #866847;
    -moz-box-shadow: 0px 0px 0px 0px #866847;
    -webkit-box-shadow: 0px 0px 0px 0px #866847; }
  60% {
    box-shadow: 0px -5px 60px 7px #866847;
    -moz-box-shadow: 0px -5px 60px 7px #866847;
    -webkit-box-shadow: 0px -5px 60px 7px #866847; }
  40% {
    box-shadow: 0px -5px 60px 7px #866847;
    -moz-box-shadow: 0px -5px 60px 7px #866847;
    -webkit-box-shadow: 0px -5px 60px 7px #866847; }
  100% {
    box-shadow: 0px 0px 0px 0px #866847;
    -moz-box-shadow: 0px 0px 0px 0px #866847;
    -webkit-box-shadow: 0px 0px 0px 0px #866847; } }

.card.blur-stop img {
  -webkit-transition: all .8s linear;
  transition: all .8s linear; }

.card.blur-loop img {
  -webkit-transition: all .8s linear;
  transition: all .8s linear;
  -webkit-animation-name: blur;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: blur;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: linear;
  -ms-animation-name: blur;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: linear;
  -o-animation-name: blur;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-timing-function: linear;
  animation-name: blur;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear; }

.card.rotate1 img {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: rotate-card;
  -webkit-animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-card;
  -moz-animation-duration: 9s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-card;
  -ms-animation-duration: 9s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotate-card;
  -o-animation-duration: 9s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-timing-function: linear;
  animation-name: rotate-card;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear; }

.card.rotate2 img {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: rotate-rev-card;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-rev-card;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-rev-card;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotate-rev-card;
  -o-animation-duration: 4s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-timing-function: linear;
  animation-name: rotate-rev-card;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear; }

.card.rotate3 img {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: rotate-card;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-card;
  -moz-animation-duration: 8s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-card;
  -ms-animation-duration: 8s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotate-card;
  -o-animation-duration: 8s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-timing-function: linear;
  animation-name: rotate-card;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear; }

.card.rotate4 img {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: rotate-rev-card;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-rev-card;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-rev-card;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotate-rev-card;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-timing-function: linear;
  animation-name: rotate-rev-card;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear; }

.card.rotate5 img {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: rotate-card;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-card;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-card;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotate-card;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: normal;
  -o-animation-timing-function: linear;
  animation-name: rotate-card;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear; }

.card.rotate-end img {
  -webkit-transition: all linear .8s;
  transition: all linear .8s;
  -webkit-transform: rotate(0);
  transform: rotate(0); }

.card.rota-90 img {
  -webkit-transition: all ease .8s;
  transition: all ease .8s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.card.rota-180 img {
  -webkit-transition: all ease .8s;
  transition: all ease .8s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.card.rota-90 img {
  -webkit-transition: all ease .8s;
  transition: all ease .8s;
  -webkit-transform: scale(0.5, 0.5) rotate(450deg);
  transform: scale(0.5, 0.5) rotate(450deg); }

.card.rota-360 img {
  -webkit-transition: all ease .8s;
  transition: all ease .8s;
  -webkit-transform: scale(0.5, 0.5) rotate(360deg);
  transform: scale(0.5, 0.5) rotate(360deg); }

-webkit-keyframes rotate-card {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform:rotate(-180deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@-moz-keyframes rotate-card {
	0% {
		-moz-transform: rotate(0deg);
	}
	50% {
		-moz-transform:rotate(-180deg);
	}
	100% {
		-moz-transform: rotate(-360deg);
	}
}

@-ms-keyframes rotate-card {
	0% {
		-ms-transform: rotate(0deg);
	}
	50% {
		-ms-transform:rotate(-180deg);
	}
	100% {
		-ms-transform: rotate(-360deg);
	}
}

@-o-keyframes rotate-card {
	0% {
		-o-transform: rotate(0deg);
	}
	50% {
		-o-transform:rotate(-180deg);
	}
	100% {
		-o-transform: rotate(-360deg);
	}
}

@-webkit-keyframes rotate-rev-card {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform:rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate-rev-card {
	0% {
		-moz-transform: rotate(0deg);
	}
	50% {
		-moz-transform:rotate(180deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-ms-keyframes rotate-rev-card {
	0% {
		-ms-transform: rotate(0deg);
	}
	50% {
		-ms-transform:rotate(180deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-o-keyframes rotate-rev-card {
	0% {
		-o-transform: rotate(0deg);
	}
	50% {
		-o-transform:rotate(180deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate-rev {
	0% { -webkit-transform: rotate(0deg); }
	100% 	{ -webkit-transform: rotate(360deg); }
}

@-moz-keyframes rotate-rev {
	0% { -moz-transform: rotate(0deg); }
	100% 	{ -moz-transform: rotate(360deg); }
}

@-ms-keyframes rotate-rev {
	0% { -ms-transform: rotate(0deg); }
	100% 	{ -ms-transform: rotate(360deg); }
}

@-o-keyframes rotate-rev {
	0% { -o-transform: rotate(0deg); }
	100% 	{ -o-transform: rotate(360deg); }
}

@-webkit-keyframes blur {}

.result_recommend_parent .spread_main .btnArea {
  position: absolute;
	margin: auto; 
	left: 3px;
	right: 0;
	bottom: 68px;
  width: 100%;
  text-align: center;
  z-index: 1000000; }

.result_recommend_parent .spread_main .btn {
  display: inline-block; }