@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;
}

#moviePane{
	display: none;
}
#changeLangView, #allSoundPlay, #answerAllHide, #videoPause, .videoPause{
	display:none;
}
{
	display: none;
}
#practiceCtlButtons{
	display:inline-block;
}
#dialogText{
	width:100%;
}
.lineDiv{
	display: block;
	border-top:1px solid #666;
	padding:0.5em
}
.lineImg{
	display:inline-block;
	width: 30px;
	margin-bottom:5px;
}
.stsDiv{
	display: table;
	width:100%;
	padding:0 0 0 5px;
	margin-bottom:0.7em;
}
.stsDiv img, .vTexts, .answerCheckerBtns{
	display: table-cell;
}

.answerCheckerBtns{
	width:210px;
}

.stsDiv input[type="text"]{
	font-size:90%;
	margin-left:0.5em;
	margin-right:0.5em;
}
.answerCheckerBtns{
	float:right;
}

.answerCheckerBtns:after{
	content:" ";
	clear:both;
}

.answerVocabularyLine{
	margin-left: 41px;
	display:none;
	color:#505050;
}
.answerVocabularyLine span{
	padding-right: 0.5em;
}
.answerVocabularyLine em{
	font-weight:bold;
	color:red;
}

.answerTLine{
	margin-left: 0px;
	display:inline-block;
}

.answerCheck{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 10px 5px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
  margin: 0 4px;
  -webkit-box-shadow: 1px 1px 3px #666666;
  -moz-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
}
.answerCheck:active{
  background: #9cf8ff;
  background-image: -webkit-linear-gradient(top, #9cf8ff, #19cdff);
  background-image: -moz-linear-gradient(top, #9cf8ff, #19cdff);
  background-image: -ms-linear-gradient(top, #9cf8ff, #19cdff);
  background-image: -o-linear-gradient(top, #9cf8ff, #19cdff);
  background-image: linear-gradient(to bottom, #9cf8ff, #19cdff);
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 10px 5px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
  margin: 0 4px;
  border:inset 1px #19cdff;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}

.answerCheck:hover{
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

input.answerViewCheck,
#answerViewAllCheck,
.answerViewAll{
	display:none;
}

input.answerViewCheck + .answerView {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 10px 6px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
  margin: 0 4px;
  -webkit-box-shadow: 1px 1px 3px #666666;
  -moz-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  font-weight:bold;
  white-space:nowrap;
}

input.answerViewCheck:checked + .answerView{
  background: #4da7de;
  background-image: -webkit-linear-gradient(top, #4da7de, #4ba6e3);
  background-image: -moz-linear-gradient(top, #4da7de, #4ba6e3);
  background-image: -ms-linear-gradient(top, #4da7de, #4ba6e3);
  background-image: -o-linear-gradient(top, #4da7de, #4ba6e3);
  background-image: linear-gradient(to bottom, #4da7de, #4ba6e3);
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 10px 6px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
  margin: 0 4px;
  border:inset 1px #2980b9;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  white-space:nowrap;
}

.answerState{
  cursor:auto;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
  text-align:center;
  white-space:nowrap;
}
.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);
}

.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);
}

.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: 1023px) {
}
@media screen and (max-width: 640px) {
}