.cell.hit .text
{
	opacity:0;
}
.cell.hit .bg
{
	opacity:0;
}
a {
text-decoration: none;
}

.text-link{
	display: inline-block;
	color: #00521e;
	border-bottom: 1px solid #00521e;
}

.text-link:hover{
	border-color: transparent;
}

.red{color:#00521e}
.yellow{color:#ffe183}
.white{color:#ffffff}
.black{color:#000000}
.purple{color:#620cb9}
.orange{color:#ff8a00}
.darkGray{color:#4c4c4c}
.gray{color: #888}
.darkRed{color: #a50707}

.s-card{width:250px;height:333px}

.h60{height:60px}

.w120{width:120px}

.bg-bl{background:#fff; border: 1px dotted #00521e}
.bg-wh{background:#ffffff}


.border-bl{border: 1px solid #000000;}

.ofh{
	width:100%;
	overflow:hidden;
/*	background:url('../img/bingo_bg.jpg') repeat-x;
	background-size:contain;
	-webkit-background-size:contain;*/
	background: #fff;
}

.effects{opacity:0}


.act-btn
{
	cursor: pointer;
}


h1,h2,h3 {font-weight:normal;}

.ct {width:320px;}
.btn {/*background:#000;color:#fff;*/-radius:5px;text-align:center;cursor:pointer;user-select: none;-webkit-user-select: none;}

p {line-height:13px;}

.cell > * {position:absolute;width:70px;height:70px}
.cell {float:left;position:relative;width:70px;height:70px;overflow:hidden;/*background:#fff;*/cursor:pointer;font-size:11px;user-select: none;-webkit-user-select: none;background-repeat: no-repeat;margin-top:4px;margin-left:4px;}
.cell.hit{background-image:url('../img/open_splite.png');}
.cell.reach{background-image:url('../img/reach_splite.png');}
@-webkit-keyframes blink {from {opacity: 0.2;}to {opacity:1;}}


/*.cell.open {background-image:url('../img/sprash_splite.png');background-position: top left}
.cell.open .effect{background-image : none;background:#fff;opacity:0}*/
.cell.opened {background-image:url('../img/opened_splite.png');background-position: top left}

#stageWrap {visibility:hidden;position:absolute;top:0px;height:490px;}
.stage {height:490px;top:0px;visibility:hidden; z-index: 900;}

/*.stage > div > *{
-moz-transform-origin:0px 0px;
-webkit-transform-origin:0px 0px;
-o-transform-origin:0px 0px;
-ms-transform-origin:0px 0px;
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
}*/

#modalEntry{
	width: 100%;
	position: absolute;
	z-index: 1000;
	top: 340px;
	text-align: center;
}



/*----- #gameView -----*/
.game-view-wrapper
{
	display: none;
	width : 320px;
	height: 490px;
	margin: 0 auto;
	padding-top: 10px;
	background: #fff;
}
#gameView
{
	display: none;
	position: relative;
	height: 100%;
	padding-top: 50px;
	background-repeat      : no-repeat;
	background-position    : top center;
	-webkit-background-size: 300px 400px;
	background-size        : 300px 400px;
}
#gameView *
{
	background-repeat  : no-repeat;
	background-position: center;
}
#gameView #optionMenu
{
	height: 75px;
	margin-top: 28px;
	text-align: center;
/*	background: url(../img/bg_bottom.png) no-repeat center top;
	-webkit-background-size: 100%;
	background-size        : 100%;*/
}




/*----- #card -----*/
#card {width:300px;height:300px;margin-top:22px;margin-left:10px;}

#cardList {width:320px;height:320px}
#cardList>p{position:absolute}
#cardList p:last-child{box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}

#selectView{background-image:url('../img/card_select.png');background-size:320px;background-repeat: no-repeat;background-position: top center;position:relative;height:480px}

/*#cardSelect>div{background-repeat: no-repeat;background-position: top center;height:60px}
#cardSelect .select{width:100px;}*/
.btn-normal{background-image:url('../img/button_normal.png');background-size:150px 60px;width:150px;height:60px}

#updateBtn{}
.form-btn{}

#updateBtn:active  {transform:translate(0 ,1px);}
.twitter-btn:active{transform:translate(0 ,1px);}
.form-btn:active   {transform:translate(0 ,1px);}

#jacketImage{height:200px}

.slider {width:280px;margin:0 auto;}
.slider-box {width:840px;}

.modal
{
	position: absolute;
	z-index: 1;
	top   : 0;
	left  : 0;
	right : 0;
	bottom: 0;
	background: rgba(10,18,32,0.92);
}
#modalInfo
{
	background: rgba(255,255,255,1);
}
/*#modalInfo {background-image:url('../img/popup_bg.jpg');}
*/

#resultOnAir {}

#modalClose{width:60px;height:60px;top:-10px;right:-10px}

.dev {position:absolute; bottom:0;z-index:2;}

#resultOnAir {background-image:url('../img/result_info.png');background-size:300px 58px;background-position:top center;width:300px;height:58px}
