@charset "utf-8";

#situationTxtDiv{
	position:static;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	width:auto;
	background-color:inherit;
	border-top:1px solid #333;
}
#practiceCtlButtons{
	display:inline-block;
}
#answerAllHide,
#allSoundPlay,
#answerViewAllCheck,
.answerViewAll,
#videoPause, .videoPause{
	display:none;
}

.lineImg{
	display:none;
}

.stsDiv{
	display:block;
	margin:0 auto;
	width:100%;
}

.vToken{
	margin:0.3em 0;
	display:table;
	width:100%;
}

.stsDiv span:first-child{
	display:table-cell;
	width:45%;
} 

.stsDiv input{
	display:table-cell;
	width:45%;
}

span.answerState:after {
	display:table-cell;
/*	width:10%;*/
}

span.answerState{
  cursor:auto;
  margin: 0 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  text-align:center;
}

span.stateUnfinished {
  background: #c5c6c7;
  background-image: -webkit-linear-gradient(top, #c5c6c7, #9c9c9e);
  background-image: -moz-linear-gradient(top, #c5c6c7, #9c9c9e);
  background-image: -ms-linear-gradient(top, #c5c6c7, #9c9c9e);
  background-image: -o-linear-gradient(top, #c5c6c7, #9c9c9e);
  background-image: linear-gradient(to bottom, #c5c6c7, #9c9c9e);
}

span.stateCorrect{
  background: #009dff;
  background-image: -webkit-linear-gradient(top, #009dff, #2b72ff);
  background-image: -moz-linear-gradient(top, #009dff, #2b72ff);
  background-image: -ms-linear-gradient(top, #009dff, #2b72ff);
  background-image: -o-linear-gradient(top, #009dff, #2b72ff);
  background-image: linear-gradient(to bottom, #009dff, #2b72ff);
}

span.stateWrong{
  background: #ff1a00;
  background-image: -webkit-linear-gradient(top, #ff1a00, #ff7b29);
  background-image: -moz-linear-gradient(top, #ff1a00, #ff7b29);
  background-image: -ms-linear-gradient(top, #ff1a00, #ff7b29);
  background-image: -o-linear-gradient(top, #ff1a00, #ff7b29);
  background-image: linear-gradient(to bottom, #ff1a00, #ff7b29);
}

@media screen and (max-width: 640px) {
}