@charset "utf-8";






/*--------------------------------------------------
	Elavator
--------------------------------------------------*/



.elavator { background:url(/_template_data/img/elavator/bg_play.png) #f8fae2; }

.final_score { max-width: 300px; margin: 0 auto; margin-bottom: 10px; padding: 10px; font-size: 1.6rem; text-align: center; border: 2px solid #d55272; background: #fff; }
.final_score span { display: inline-block; margin-right: 5px; font-size: 2.4rem; font-weight: bold; }









/*--------------------------------------
	Game page
--------------------------------------*/
.elavator_play_inner { max-width:310px; margin:0 auto; padding:5px; text-align:center; }
.elavator_play_inner .privilege { background:#f8fae2; padding:10px; margin-bottom:10px; }
.elavator_play_inner .privilege dd img { width:80%; }
.elavator_play_inner .privilege dt img { width:45%; }
.elavator_play_inner .privilege dt { margin-bottom:10px; }
.elavator_play_inner .title { margin:10px 0; }
.elavator_play_inner .title img { width:100%; }
elavator_play_inner .sub_txt { font-weight:bold; font-size:16px; margin-bottom:5px; }
.elavator_play_inner .time { margin:10px auto 0 auto; color:#fff; width:100%; }
.elavator_play_inner .second { float:left; width:18%; color:#fff; padding:13px 0 0 5px; font-size:18px; }
.elavator_play_inner .bar_container { float:right; /*border-radius:10px;*/ height:20px; background:rgba(0,0,0,0.13); width:75%; margin:15px 10px 15px 0; }
.elavator_play_inner .bar { float:left; background:#fff; width:100%; height:100%; /*border-radius:10px 0 0 10px;*/ filter:alpha(opacity=100); opacity:1; }

/* bg */
.bg_green { background:#cee43a; }
.bg_gray { background:#d2d2d2; }
.bg_yellow { background:#fce315; }
.bg_purple { background:#8e5d9f; }
.bg_pink { background:#d55272; }
.bg_vivid_pink { background:#d9235c; }

/* play */
.question { max-width: 320px; margin: 0 auto; padding: 5px 0; text-align: center; background: #333; }
.question .game_num { display: inline-block; margin-right: 5px; color: #fff!important; font-size: 1.4rem; }
.question .game_title { display: inline-block; color: #fff!important; font-size: 1.8rem; }

.game_play { height:200px; }
.real_score { background:#fff; }
.real_score dt { float:left; color:#fff; padding:10px; margin-right:10px; }
.real_score dd { text-align:left; font-weight:bold; font-size:22px; padding:5px 10px 0 10px; }
.real_score .plus { display:none; color:#e30303; margin-left:5px; font-size:20px; }
.real_score .minus { display:none; color:#1d9bf2; margin-left:5px; font-size:20px; }

.game_play { padding:10px 0; position:relative; }

.game_play p ,.game_play div { position:absolute; top:0; left:0; box-sizing: border-box; cursor:pointer; width: 120px; vertical-align:bottom; border-radius:15px; background:#fff; border-bottom:8px #b9b9b9 solid; padding:10px 0; font-weight:bold; word-wrap:break-word; font-size:18px; }
.game_play p img ,.game_play div img { width: 30%; }
.game_play .none { cursor: auto; background: none; height: 70px; border-bottom: 0; }
.game_play span { display: block; text-align: center; }

.game_play .p0 { top:10px; left:0; }
.game_play .p1 { top:10px; left:155px; }
.game_play .p2 { top:80px; left:0; }
.game_play .p3 { top:80px; left:155px; }
.game_play .p4 { top:150px; left:0; }
.game_play .p5 { top:150px; left:155px; }

.elavator_play_inner .fever { height:280px; }
.elavator_play_inner .fever_time { display:none; color:#fff; margin:0 0 10px 0; padding:5px; font-size:18px; letter-spacing:2px; }
.elavator_play_inner .fever p { border-bottom:8px #ccc111 solid; }
.elavator_play_inner .fever .none { border-bottom:0; }
.game_hide { display:none; }

.bg_black { background:url(/_template_data/img/elavator/bg_play_fever.png); }

/* 点滅 */
.blinking{
    -webkit-animation:blink 0.7s ease-in-out infinite alternate;
    -moz-animation:blink 0.7s ease-in-out infinite alternate;
    animation:blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}



/*--------------------------------------
	RWD
--------------------------------------*/

/* tablet and smartphone landscape */
@media screen and ( max-width:1080px ){

	/* column */
	.elavator_left { float:none; max-width:100%; }
	.elavator_right { float:none; max-width:100%; }

	/* Entrance page */
	.elavator_flow img { width:35%; }
}

/* tablet and smartphone landscape */
@media screen and ( max-width:768px ){

	/* Entrance page */
	.elavator_flow img { width:45%; }
}

/* smartphone */
@media screen and ( max-width:480px ){

	/* Entrance page */
	.elavator_flow img { width:85%; }
	.elavator_btn a ,.elavator_btn input { width:90%; }
}