/*Index.php*/
.stroke_ex_div{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/materials/background.png);
	width:100%;
	height:100%;
}
.stroke_grid_div{
	position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
	background:url(../images/materials/picture.png);
	width:711px;
	height:585px;
}
.center{
	position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.continue_btn{
	width:50px;
	height:50px;
	border-radius:50px 50px;
	background:#5DAFE6;
	color:#fff;
	text-align:center;
	line-height:450%;
}

.transition {
	-webkit-transform: scale(1.3); 
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	z-index:99000;
}

.stroke_word_btn {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	z-index:1;
}

/*Next Button*/
.next_btn,.prev_btn{
	position: absolute;
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    z-index: 99999999;
    font-size: 2rem;
    line-height: 0;
    padding: 6px;
    border-radius: 50%;
}


/*Welcome Animation*/
.welcome_div_bg{
		background-color:#000;
		z-index:1;
		width:100%;
		height:95vh;
		position:absolute;
		top:0px;
		left:0px;
}

.welcome_div{
		background-color:#000;
		opacity:1;
		display: table; 
		width:100%;
		height:100vh;
		position:absolute;
		background-size: 100%;
		background-repeat:no-repeat;
		background-position:center center;
		z-index:2;
}
.welcome_div_ani{
	animation: run-welcome_div_ani 7s;
	animation-timing-function: cubic-bezier(0.05, 1.02, 1, 1);
	}

@keyframes run-welcome_div_ani {
	  0% {
		background-size: 150%;
		opacity:1;
	  }
	  100% {
		background-size: 100%;
		opacity:1;
	  }
	}	



#mainFrame{
	width: 100vw;
    height: 100vh;
}

/*bottom Bar*/
.bottom_bar{
	width: 100%;
    position: absolute;
    background: #000;
    bottom: 0;
	padding: 10px 5px;
}

.bottom_btn{
	font-size: .8rem;
	font-weight: bold;
	width:100%;
	font-family:微軟正黑體;
}

.bottom_btn2{
	font-size: .8rem;
	font-weight: bold;
	width:100%;
	font-family:微軟正黑體;
}