@charset "utf-8";
/* global */
body{ font-family: "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "メイリオ", "맑은 고딕", sans-serif; overflow-x: hidden;

/*cursor:none;*/

}
/* footer */


/* index */
.start { background: url(../img/index/bg_01.png) no-repeat center; height:100vh; background-size:100% 100%; }
.start-static { background: url(../img/index/bg_03.png) no-repeat center; height:100vh; background-size:100% 100%; }
.l-model { left:0; bottom: 0; }
.r-model { right:0; bottom: 0; }
.nextbtnbox { bottom: 100px; left:calc((100% - 612px)/2); }
.nextbtn { background: url() no-repeat center; height:145px; border:0; width: 612px; font-size: 2.5rem; }
.font-50 { font-size:50pt; }
.font-40 { font-size:40pt; }
/*.font-50 { font-size:50pt; }*/
.open { background: url(../img/index/bg_03.png) no-repeat center; height:100vh; background-size:100% 100%; z-index: 1; }
.tablebox { border:1px solid #9da2cc; background-color: #fff; border-radius: 10px; }
.tablebox th:first-child { border-right:1px solid #9da2cc; }
.tablebox td:first-child { border-right:1px solid #9da2cc;  }
.tablebox th { border-bottom:1px solid #9da2cc;  font-size: 1.8rem; }
.tablebox td { font-size: 1.6rem; padding: 0.5rem !important;  }
.tablebox tbody tr:nth-child(even) { background-color: #9da2cc; }
[data-pageword='3'] td { font-size: 0.9rem; padding: 0.2rem !important; font-weight: bolder; }
[data-word2='true'] {
			-webkit-transition: all 0.52s ease;
			 	 -moz-transition: all 0.52s ease;
							transition: all 0.52s ease;
}

.l-open { overflow: hidden; height: 114px; margin-top: 94px; color: #fff; width: 100%; display: inline-block; text-align: center; font-size: 5rem; }
.r-open { overflow: hidden; height: 114px; margin-top: 110px; color: #fff; width: 49%; display: inline-block; text-align: center; font-size: 5rem; }

.slotMachineBlurFast{ -webkit-filter:blur(15px); filter:blur(15px); }
.slotMachineBlurMedium { -webkit-filter:blur(15px); filter:blur(15px); }
.slotMachineBlurSlow { -webkit-filter:blur(5px); filter:blur(5px); }

.slot {font-weight: bolder;}

.pageiframe { position: absolute; top:0; left: 0; height:100%; width: 100%; overflow: scroll; overflow-x: hidden; overflow-y: hidden; }

.open-modelbox { position: absolute; z-index: 3; left:0; right: 0; bottom: 30px; }
.open-model { background: url(../img/index/btn_01.png) no-repeat center;  width: 684px;  height: 291px; line-height: 291px; border:0; font-size: 2.5rem; background-size: 100%; margin: 0 auto; }
.anextbtnbox {position: absolute; left:0; right: 0; bottom: 10px; text-align: center; font-size: 30pt; }
.anextbtn {   }
.modelrun { position: relative;
	-webkit-animation:modelrun .2s ease-in-out 0s infinite;
	-moz-animation:modelrun .2s ease-in-out 0s infinite;
	animation:modelrun .2s ease-in-out 0s infinite;
}
@-webkit-keyframes modelrun{
	0%{ background: url(../img/index/btn_01.png) no-repeat center;  width: 684px;  height: 291px; line-height: 291px; background-size: 100%; }
	50%{ background: url(../img/index/btn_02.png) no-repeat center;  width: 684px;  height: 291px; line-height: 291px; background-size: 100%; }
	100%{background: url(../img/index/btn_01.png) no-repeat center;  width: 684px;  height: 291px; line-height: 291px; background-size: 100%;  }
}

.openabstwo { position: absolute; z-index: 2; left: 0; right: 0; text-align: center; }

.open2 .openabstwo { position: relative; }
.open2 .open-modelbox { bottom: 0; }
.open2 .l-open { height: 194px; margin-top: 40px; }
.open2 .slot { line-height: 194px; }

/* vote */
.vote { background: url(../img/index/web_bg.png) no-repeat center; width: 100%; height:100vh; background-size:100% 100%; overflow: hidden; }
.form-control.vote-input { background-color: transparent; font-size: 20pt; color: #fff; text-align: center; }
.votebtn { border:0; background-color: transparent; width: 143px; margin-top: 30px; }
.vote .masker { font-size: 5rem; }

.votefinish { background: url(../img/index/bg_02.png) no-repeat center; width: 100%; height:100vh; background-size:100% 100%; overflow: hidden; padding-top: 50px; }
.wnbox { position: absolute; left:0; right: 0; text-align: center; font-size: 130pt; color: #fff; font-weight: bolder; letter-spacing: 2px; }
.wmbox { position: absolute; left:0; right: 0; top:329px; text-align: center;}

.lnbox { position: absolute; right: 129px; top:369px; text-align: center; font-size: 60pt; color: #fff; font-weight: bolder; letter-spacing: 2px; }
.lmbox { position: absolute; right: 173px; top:505px; text-align: center; width: 250px; }
.smword { font-size: 60pt; margin-left: 20px; }
.ssmword { font-size: 30pt; margin-left: 20px; }

/* hack */
.form-control.vote-input::-webkit-input-placeholder { color: white; }
.form-control.vote-input input::-moz-placeholder { color: white; }
.form-control.vote-input input::-moz-placeholder{color:white;}
.form-control.vote-input:-ms-input-placeholder{color: white;}

.masker{
	background:rgba(0,0,0,0.8);
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	line-height:100vh;
	font-size:72pt;
	font-weight:bolder;
	color:#FFF;
	display:none;
	z-index: 9999;
}

.masker2{
	background:rgba(0,0,0,0.8);
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	line-height:100vh;
	font-size:30pt;
	font-weight:bolder;
	color:#FFF;
	display:none;
	z-index: 9999;
}
.border-online{
	border:2px solid green!important;
	border-radius:5px;
}
.showboxinfo{ border-radius:15px; }