@charset "UTF-8";

:root {
	--header-height: 200px;
}

.example-page .btn {
	max-width: 300px;
	margin: 10px auto 50px auto;
	/* position: relative;
	z-index: 2; */
}

.questions-action {
	display: flex;
	align-items: center;
	justify-content: center;
}

.example-page #btn-check {
	background: #b7b7b7;
	cursor: not-allowed;
}

.example-page #btn-check.active {
	background: #f08b01;
	cursor: pointer;
}

.example-page div[contenteditable="true"] *,
.example-page div[contenteditable="false"] * {
	font-size: 20px;
	color: #8e1c76 !important;
	font-family: "Myriad Semibold" !important;
	background-color: unset !important;
}

.example-page .answer-true div[contenteditable="true"] *,
.example-page .answer-true div[contenteditable="false"] * {
	color: #8dd546 !important;
}

.example-page .answer-false div[contenteditable="true"] *,
.example-page .answer-false div[contenteditable="false"] * {
	color: #d81416 !important;
}

/* DRAG WORD */

.drag-word-box {
	max-width: 820px;
	/* height: calc(100vh - var(--header-height)); */
	margin: auto;
	position: relative;
	overflow: auto;
}

.drag-word-box p {
	margin: 0;
}

.drag-word-box .word {
	max-width: 240px;
	text-transform: unset;
}

.drag-word-box .drag-word-items {
	max-width: 265px;
	height: 265px;
	/* height: 40%; */
	width: 100%;
	border-radius: 35px;
	background: rgba(255, 255, 255, 0.85);
	padding: 4px;
	position: relative;
}

.drag-word-box .drag-word-items .answer {
	position: absolute;
	bottom: 4px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	left: 4px;
	right: 4px;
	background: #c6c6c2;
	border-radius: 0 0 35px 35px;
	cursor: pointer;
}

.drag-word-box .drag-word-items-vocab .answer {
	min-height: 50px;
	height: fit-content;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
}

.drag-word-box .drag-word-items.active-draggable .drag-answer {
	display: block !important;
}

.drag-word-box .drag-word-items .image {
	height: calc(100% - 50px);
	border-radius: 35px 35px 0 0;
	overflow: hidden;
}

.drag-word-box .drag-word-items .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.drag-word-box .drag-word-items:nth-child(3n + 2) {
	margin-bottom: 110px;
}

.drag-word-box .drag-word-items.left {
	float: left;
	clear: both;
}

.drag-word-box .drag-word-items.right {
	float: right;
}

.none_txt {
	display: none !important;
}

.drag-word-box .drag-word-items.active-draggable .answer {
	display: none;
}

.drag-word-box .drag-word-items.active-draggable .drag-answer {
	max-width: 257px;
	width: 100%;
	height: 50px;
	top: 0 !important;
	left: 0 !important;
	text-align: center;
	background: #e5b007;
	border-radius: 0 0 35px 35px;
	cursor: pointer;
	font-size: 22px;
	line-height: 50px;
	font-family: "Myriad Bold";
	position: unset !important;
}

.drag-word-box .drag-word-items.active-draggable .drag-answer .content {
	position: relative;
}

.drag-word-box .drag-word-items.active-draggable .drag-answer .ipa {
	display: none;
}

.drag-word-box .drag-word-items.active-draggable .drag-answer .listen {
	right: 8px;
	top: 0px;
	position: absolute;
	width: 30px;
}

.drag-word-box .drag-word-items.active-draggable.answer-true .drag-answer {
	background: #72b228;
}

.drag-word-box .drag-word-items.active-draggable.answer-true .drag-answer .face-success {
	display: block !important;
	position: absolute;
	top: 0;
	bottom: 54px;
	left: 0;
	right: 0;
	margin: auto;
	width: 110px;
}

.drag-word-box .drag-word-items.active-draggable.answer-normal .drag-answer .icon-score-normal {
	display: block !important;
	position: absolute;
	top: 0;
	bottom: 54px;
	left: 0;
	right: 0;
	margin: auto;
	width: 110px;
}

.drag-word-box .drag-word-items.active-draggable.answer-true .drag-answer .adjectives {
	text-transform: none;
	display: block;
	line-height: 15px;
	font-size: 18px;
	font-style: italic;
}

.drag-word-box .drag-word-items.active-draggable.answer-true .drag-answer .word {
	line-height: 30px;
}

.drag-word-box .drag-word-items.active-draggable.answer-false .drag-answer {
	background: #af2839;
}

.drag-word-box .drag-word-items.active-draggable.answer-false .drag-answer .face-error {
	display: block !important;
	position: absolute;
	top: 0;
	bottom: 54px;
	left: 0;
	right: 0;
	margin: auto;
	width: 110px;
}

.drag-word-box .drag-action .drag-btn {
	position: absolute;
	/* top: -10px; */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 85px;
	max-width: 285px;
	display: flex;
	align-items: center;
}

.drag-word-box .drag-action .drag-btn .drag-answer {
	border: 3px solid #ffffff;
	border-radius: 21px;
	background: #e5b007;
	width: 100%;
	max-width: 285px;
	text-align: center;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	padding: 9px 0 9px 0;
}

.drag-word-box .drag-action .drag-btn .drag-answer .listen {
	position: absolute;
	right: 15px;
	top: 25px;
}

.drag-word-box .drag-action .drag-btn .drag-answer .listen_relative,
.drag-word-box .drag-word-items.active-draggable .drag-answer .listen_relative {
	position: relative !important;
	top: 0;
	right: 0;
}

.drag-word-box .vocab_word_info {
	white-space: nowrap;
	/* flex: 1; */
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	/* animation: scrollAnimation 10s linear infinite; */
	animation: none;
}

.drag-word-box .vocab_word_info::-webkit-scrollbar {
	display: none;
	/* For WebKit browsers */
}

.drag-word-box .drag-action .drag-btn .drag-answer p {
	margin: 0;
}

.drag-word-box .drag-action .drag-btn .drag-answer .word {
	/*font-size: 32px;*/
	font-size: 22px;
	text-transform: unset;
	font-family: "Myriad Bold";
	max-width: 240px;
}

.drag-word-box .drag-action .drag-btn .drag-answer .ipa {
	color: #2b2b2b;
}

.drag-word-box .drag-action .btn {
	max-width: 300px;
	text-transform: uppercase;
}

.drag-word-box .adjectives {
	display: none;
}

.questions-image {
	max-width: 482px;
	height: 287px;
	margin: auto;
}

.recording_sentences-box .questions-image {
	height: unset;
	margin: unset;
}

.questions-image img {
	width: 100%;
	height: 100%;
	border: solid 5px transparent;
	overflow: hidden;
	border-radius: 50px;
}

.write-word-page {
	text-align: center;
}

.write-word-page .btn {
	max-width: 300px;
	margin: auto;
}

.write-word-page .questions-answer-items {
	text-transform: uppercase;
	background: transparent;
	border: none;
	width: 50px;
	border-bottom: solid 3px #fff;
	font-size: 3rem;
	font-family: "Myriad Bold";
	text-align: center;
	color: #fff;
}

.write-word-page .questions-answer-items-empty {
	text-transform: uppercase;
	background: transparent;
	border: none;
	width: 60px;
	font-size: 63px;
	line-height: 75px;
	font-family: "Myriad Bold";
	padding: 0 0 10px 0;
	margin-right: 20px;
	text-align: center;
	color: #fff;
	display: inline-block;
}

.write-word-page .questions-answer {
	margin: 10px auto 20px;
	position: relative;
	display: inline-block;
}

.write-word-page .questions-status {
	margin-bottom: 20px;
	min-height: 135px;
}

.write-word-page .btn-suggest {
	background-color: #fff;
	width: 60px;
	height: 60px;
	border: none;
	outline: none;
	display: none;
	position: absolute;
	right: -85px;
	left: unset;
	top: 0;
	bottom: 0;
}

.write-word-page .questions-suggest-data {
	display: flex;
	justify-content: center;
}

.write-word-page .questions-suggest-data span {
	display: inline-block;
	width: 46px;
	height: 46px;
	background: #fff;
	border-radius: 14px;
	font-size: 2rem;
	text-transform: uppercase;
	font-family: "Myriad Bold";
	/* line-height: 60px; */
	border: solid 1px #707070;
	margin: 0 0 0 5px;
}

.pronounced-word-box p {
	margin: 0;
}

.pronounced-word-box .pronounced-box {
	text-align: center;
	color: #fff;
	margin: 30px 0;
}

.pronounced-word-box .pronounced-box .word {
	font-size: 70px;
	font-family: "Myriad Bold";
	line-height: 45px;
	width: auto;
	display: inline;
	position: relative;
}

.pronounced-word-box .pronounced-box .listen {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: solid 2px #fff;
	position: absolute;
	right: -65px;
	top: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pronounced-word-box .pronounced-box .listen video {
	display: none;
}

.pronounced-word-box .pronounced-box .ipa {
	font-style: italic;
	font-size: 44px;
	line-height: 60px;
	font-family: "Myriad Regular";
}

.pronounced-word-box .pronounced-action {
	text-align: center;
	margin-top: 30px;
	position: relative;
}

.pronounced-word-box .btn {
	max-width: 300px;
	margin: 30px auto 0;
}

.btn-voice {
	width: 125px;
	height: 125px;
	border-radius: 50%;
	background: #fff;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 20px 5px #ffffff7a;
	cursor: pointer;
	position: relative;
}

.btn-voice:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(238, 242, 95, 0.2);
	border-radius: 50%;
}

.btn-voice.yellow {
	box-shadow: 0 0 20px 5px yellow;
}

.btn-voice#start_button img {
	width: 44px;
}

.btn-voice#stop_button img {
	width: 77px;
}

.btn-suggest,
.btn-record {
	border: solid 2px #fff;
	position: absolute;
	border-radius: 50%;
	width: 74px;
	height: 74px;
	right: -260px;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	margin: auto;
	top: 25px;
	cursor: pointer;
	outline: none;
	position: relative;
}

.pronounced-status {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "iCielSoupofJustice";
}

.pronounced-status .message-status {
	display: none;
}

.pronounced-status.answer-true {
	color: #8dd546;
}

.pronounced-status.answer-false {
	color: #db3b3b;
}

.pronounced-status.answer-normal {
	color: #FFCE00;
}

.pronounced-status.answer-true .message-status,
.pronounced-status.answer-normal .message-status,
.pronounced-status.answer-false .message-status {
	border-radius: 60px;
	background: #fff;
	height: 68px;
	font-size: 34px;
	display: inline-block;
	line-height: 68px;
	padding: 0 20px 0 50px;
}

.pronounced-status.answer-true .pronounced-content,
.pronounced-status.answer-false .pronounced-content {
	margin: 0 0 50px 0;
}

.pronounced-status .pronounced-content {
	display: flex;
	align-items: center;
}

.pronounced-status .pronounced-content img {
	margin: 0 -40px 0 0;
	position: relative;
}

div#progress {
	height: 5px;
	background: #fff;
	position: relative;
	z-index: 0;
	margin: auto;
	max-width: 500px;
	cursor: pointer;
}

div#progress #progress-bar {
	height: 10px;
	display: block;
	position: relative;
	z-index: 11;
	background: #fff;
	top: -3px;
	width: 0;
}

div#video-controls {
	text-align: center;
	max-width: 580px;
	margin: auto;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.2);
	padding: 18px 0 30px;
}

div#video-controls .video-progress {
	width: 100%;
}

div#video-controls button#playpause {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background: transparent;
	border: solid 2px #fff;
	margin: 0 auto 20px;
	outline: none;
	text-align: center;
}

div#video-controls button#playpause .js-svg {
	display: none;
}

div#video-controls button#playpause[data-state="play"] .play-svg {
	display: block;
}

div#video-controls button#playpause[data-state="play"] .play-svg svg {
	position: relative;
	left: 3px;
}

div#video-controls button#playpause[data-state="pause"] .pause-svg {
	display: block;
}

.listen_and_write-box {
	/* margin-top: 12px; */
	margin-top: 70px;
}

.listen_and_write-box .listen_and_write-mp3 {
	margin-bottom: 45px;
	position: relative;
}

.listen_and_write-box .custom-textarea {
	max-width: 710px;
	width: 100%;
	background: #e8f4f7;
	border-radius: 37px;
	margin: auto;
	display: flex;
	align-items: center;
}

.listen_and_write-box .custom-textarea .pre-text {
	font-size: 20px;
	font-family: "Myriad Light";
	position: absolute;
	top: 20px;
	left: 20px;
}

.listen_and_write-box .custom-textarea.active .pre-text {
	display: none;
}

.listen_and_write-box .custom-textarea .listen_and_write-answer {
	margin: auto;
	font-size: 26px;
	color: #8e1c76;
	padding: 50px 20px;
	letter-spacing: 0;
	font-family: "Myriad Bold";
	outline: none;
	height: auto;
	width: 100%;
}

/* .listen_and_write-status .listen_and_write-content img {
	height: 72px;
} */

.listen_and_write-box .custom-textarea .listen_and_write-answer[contenteditable="false"] .true {
	color: #8dd546;
}

.listen_and_write-box .custom-textarea .listen_and_write-answer[contenteditable="false"] .false {
	color: #ee5555;
}

.listen_and_write-box .listen_and_write-status .face-success,
.listen_and_write-box .listen_and_write-status .icon-score-normal,
.listen_and_write-box .listen_and_write-status .face-error {
	margin-top: -35px;
	position: relative;
}

.listen_and_write-box .listen_and_write-questions {
	text-align: center;
}

.listen_and_write-box .listen_and_write-questions .custom-textarea {
	position: relative;
}

.listen_and_write-box .listen_and_write-questions .custom-textarea .btn-suggest {
	right: -15px;
	left: unset;
	background: #fff;
	width: 60px;
	height: 60px;
	top: -20px;
	z-index: 2;
}

.listen_and_write-box .listen_and_write-action {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.suggest-word {
	display: flex;
	margin: auto;
	flex-wrap: wrap;
	justify-content: center;
}

.suggest-word .suggest-items {
	/*max-width: 110px;*/
	height: 50px;
	border-radius: 25px;
	border: solid 3px #fff;
	background: #f7ac16;
	text-align: center;
	line-height: 44px;
	overflow: hidden;
	font-size: 22px;
	margin: 0 12px 20px 12px;
	/*width: 100%;*/
}

.btn-audio {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-audio svg path {
	fill: #9b9b9b;
}

/* .recording_sentences-box {
	height: calc(100vh - var(--header-height) - 10px);
} */

.recording_sentences-box .pronounced-action {
	text-align: center;
}

.recording_sentences-box .recording_sentences-button {
	margin-top: 100px;
}

.recording_sentences-box .recording_sentences-questions {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.2);
	padding: 18px 0 30px;
	font-size: 22px;
	font-family: "Myriad Bold";
	color: #fff;
}

.recording_sentences-box .btn-voice {
	width: 235px;
	height: 235px;
}

.recording_sentences-box .btn-voice img {
	width: auto !important;
}

.recording_sentences-box .speech-recognition {
	position: relative;
	display: inline-block;
}

.recording_sentences-box .speech-recognition .btn-record {
	display: flex;
	top: 0;
	bottom: 0;
	right: -120px;
	left: unset;
}

.recording_sentences-box .pronounced-status.answer-true,
.recording_sentences-box .pronounced-status.answer-false {
	background: rgba(0, 0, 0, 0.5);
	padding: 60px 0;
}

.recording_sentences-box .pronounced-status.answer-true .pronounced-content,
.recording_sentences-box .pronounced-status.answer-false .pronounced-content {
	margin: 0;
}

.recording_sentences-box .pronounced-status.answer-true .pronounced-content img,
.recording_sentences-box .pronounced-status.answer-false .pronounced-content img {
	width: 155px;
	height: 155px;
	margin: 0 -75px 0 0;
}

.recording_sentences-box .pronounced-status.answer-true .pronounced-content .message-status,
.recording_sentences-box .pronounced-status.answer-false .pronounced-content .message-status {
	line-height: 95px;
	height: 95px;
	font-size: 46px;
	padding: 0 20px 0 90px;
}

.example-page .typing-text-box {
	font-size: 26px;
	color: #8e1c76;
	font-family: "Myriad Bold";
	text-align: center;
	outline: none;
	width: 100%;
}

.example-page .typing-text-box[contenteditable="false"] .true {
	color: #8dd546 !important;
}

.example-page .typing-text-box[contenteditable="false"] .false {
	color: #d81416 !important;
}

.listen_and_repeat-page .questions-listen {
	max-width: 650px;
	margin: 0 auto 0;
	display: flex;
	justify-content: center;
}

.listen_and_repeat-page .questions-listen div {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: solid 1px #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
	cursor: pointer;
}

.listen_and_repeat-page .questions-listen div img {
	max-width: 25px;
}

.listen_and_repeat-page .btn-speak img {
	width: 90px;
}

.listen_and_repeat-page .questions-audio div#video-controls {
	max-width: 400px;
	background: none;
}

.listen_and_repeat-page .questions-audio div#video-controls button#playpause.btn-play-record {
	width: 105px;
	height: 105px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 35px auto;
	opacity: 0.2;
	box-shadow: none;
	border: none;
	outline: none;
	cursor: pointer;
}

.listen_and_repeat-page .questions-audio div#video-controls div#progress #progress-bar {
	top: -2px;
	border-radius: 6px;
}

.listen_and_repeat-page .questions-audio div#video-controls .video-progress {
	display: none;
}

.listen_and_repeat-page .questions-audio.active div#video-controls .video-progress {
	display: block;
}

.listen_and_repeat-page .questions-audio.active div#video-controls button#playpause.btn-play-record {
	opacity: 1;
}

.listen_and_repeat-page .questions-audio.active div#video-controls button#playpause.btn-play-record[data-state="pause"] {
	opacity: 0;
}

.listen_and_repeat-page .iziModal {
	padding: 0;
	overflow: hidden;
	width: 100%;
}

.listen_and_repeat-page .iziModal .ipa-head {
	padding: 20px 50px;
	font-size: 22px;
	line-height: 62px;
	font-style: italic;
	background: #f2f2f2;
}

.listen_and_repeat-page .iziModal .ipa-content {
	min-height: 200px;
	padding: 20px 50px;
	color: #4d4d4d;
	font-size: 35px;
	font-family: "Myriad Bold";
}

.listen_and_repeat-page div#time_stop:after {
	top: -19px;
}

.listen_and_choose-page div#video-controls {
	max-width: 400px;
	background: none;
}

.listen_and_choose-page div#video-controls button#playpause {
	height: 70px;
	width: 70px;
}

.listen_and_choose-page div#progress #progress-bar {
	height: 6px;
	border-radius: 6px;
	top: -2px;
}

.listen_and_choose-page .questions-choose {
	max-width: 450px;
	margin: 65px auto;
}

.listen_and_choose-page .questions-choose .questions-items {
	text-align: center;
	height: 80px;
	position: relative;
	margin-bottom: 30px;
}

.listen_and_choose-page .questions-choose .questions-items input {
	margin: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
}

.listen_and_choose-page .questions-choose .questions-items input:checked~span {
	background: rgba(249, 232, 21, 0.95);
}

.listen_and_choose-page .questions-choose .questions-items span {
	border-radius: 20px;
	opacity: 0.95;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	background: rgba(255, 255, 255, 0.95);
}

.listen_and_choose-page .popup-status {
	max-width: 750px !important;
	width: 100%;
	padding: 50px;
	border: solid 5px;
}

.listen_and_choose-page .popup-status .icon_false,
.listen_and_choose-page .popup-status .icon_true {
	display: none !important;
	position: absolute;
	top: -95px;
	left: 0;
	right: 0;
	margin: auto;
}

.listen_and_choose-page .popup-status.answer-false {
	border-color: #ee5555;
}

.listen_and_choose-page .popup-status.answer-false .icon_false {
	display: block !important;
	position: absolute;
}

.listen_and_choose-page .popup-status.answer-true {
	border-color: #bbd54e;
}

.listen_and_choose-page .popup-status.answer-true .icon_true {
	display: block !important;
	position: absolute;
}

.listen_and_choose-page .popup-status .status-content {
	display: flex;
	align-items: center;
}

.listen_and_choose-page .popup-status .status-content img {
	width: 150px;
	height: 150px;
	margin: 0 75px 0 0;
}

.listen_and_choose-page .popup-status span#message_status {
	font-size: 32px;
	text-align: center;
}

.pronunciation_listen_and_tick-page div#video-controls {
	max-width: 400px;
	background: none;
}

.pronunciation_listen_and_tick-page div#video-controls button#playpause {
	height: 70px;
	width: 70px;
}

.pronunciation_listen_and_tick-page div#progress #progress-bar {
	height: 6px;
	border-radius: 6px;
	top: -2px;
}

.pronunciation_listen_and_tick-page .questions-choose {
	max-width: 755px;
	margin: 65px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pronunciation_listen_and_tick-page .questions-choose .questions-items {
	width: 50%;
	max-width: 300px;
	height: 90px;
	border: 2px solid #c6e50e;
	border-radius: 28px;
	background: #fff;
	text-align: center;
	line-height: 90px;
	margin-bottom: 20px;
	font-size: 22px;
	position: relative;
}

.pronunciation_listen_and_tick-page .questions-choose .questions-items.answer-true {
	border-color: #fff;
	background: #c6e50e;
}

.pronunciation_listen_and_tick-page .questions-choose .questions-items.answer-false {
	background: #ee5555;
	border-color: #fff;
}

.pronunciation_listen_and_tick-page .questions-choose .questions-items.answer-false .checkbox-content .custom-checkbox .checkbox-checkmark {
	border-color: #fff;
	background: transparent;
}

.pronunciation_listen_and_tick-page .checkbox-content {
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
}

.pronunciation_listen_and_tick-page .checkbox-content .custom-checkbox {
	margin: 0;
	height: 50px;
	width: 50px;
}

.pronunciation_listen_and_tick-page .checkbox-content .custom-checkbox .checkbox-checkmark {
	width: 50px;
	height: 50px;
	border-width: 3px;
	border-color: #c6e50e;
	border-radius: 50px;
}

.pronunciation_listen_and_tick-page .checkbox-content .custom-checkbox .checkbox-checkmark:after {
	border: none;
}

.pronunciation_listen_and_tick-page .checkbox-content .custom-checkbox input:checked~.checkbox-checkmark {
	background-color: #c6e50e;
	border-color: #fff;
}

.pronunciation_listen_and_tick-page .checkbox-content .custom-checkbox input:checked~.checkbox-checkmark:after {
	background: url("../img/example/checkbox.svg") no-repeat;
	width: 40px;
	height: 50px;
	transform: unset;
	top: -15px;
}

.pronunciation_listen_and_tick-page .result-box {
	margin-top: 43px;
}

.pronunciation_listen_and_tick-page .result-box .result-title {
	display: block;
}

.pronunciation_listen_and_tick-page .result-box .result-list {
	max-width: 495px;
	margin: auto;
}

.pronunciation_listen_and_tick-page .result-box .result-list .result-items {
	border: 3px solid #c6e50e;
	border-radius: 67px;
	background: rgba(255, 255, 255, 0.95);
	line-height: 85px;
	text-align: center;
	margin-bottom: 35px;
}

.listen_and_mark_intonation-page div#video-controls {
	max-width: 400px;
	background: none;
}

.listen_and_mark_intonation-page div#video-controls button#playpause {
	height: 70px;
	width: 70px;
}

.listen_and_mark_intonation-page div#progress #progress-bar {
	height: 6px;
	border-radius: 6px;
	top: -2px;
}

.listen_and_mark_intonation-page .questions-choose {
	margin-top: 50px;
}

.listen_and_mark_intonation-page .questions-choose .questions-items {
	max-width: 525px;
	border-radius: 26px;
	background: #fff;
	padding: 20px 15px;
	margin: 0 auto 55px;
	border: solid 4px #fff;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .questions-items_listen {
	position: relative;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .questions-items_listen .questions-title {
	display: inline-block;
	width: calc(100% - 100px);
}

.listen_and_mark_intonation-page .questions-choose .questions-items.answer-true {
	border-color: #c8e524;
}

.listen_and_mark_intonation-page .questions-choose .questions-items.answer-false {
	border-color: #eb6b6b;
}

.listen_and_mark_intonation-page .questions-choose .questions-items label.questions-title {
	color: #4d4d4d;
	font-size: 28px;
	white-space: break-spaces;
	font-family: "Myriad Bold";
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 15px 5px 0;
	position: relative;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items {
	line-height: 45px;
	max-width: 230px;
	width: 100%;
	text-align: center;
	border: 2px solid #c6e50e;
	border-radius: 23px;
	position: relative;
	overflow: hidden;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items:nth-child(n + 3) {
	margin-top: 20px;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items.answer-true {
	border-color: #fff;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items.answer-true span {
	background: #c7e519 !important;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items.answer-false {
	border-color: #fff;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items.answer-false span {
	background: #eb6b6b !important;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items input {
	margin: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items input:checked~span {
	background: #f8e820;
}

.listen_and_mark_intonation-page .questions-choose .questions-items .answer-choose .answer-items span {
	display: block;
}

.listen_and_tick_work-page div#video-controls {
	max-width: 400px;
	background: none;
}

.listen_and_tick_work-page div#video-controls button#playpause {
	height: 70px;
	width: 70px;
}

.listen_and_tick_work-page div#progress #progress-bar {
	height: 6px;
	border-radius: 6px;
	top: -2px;
}

.listen_and_tick_work-page .questions-choose {
	max-width: 750px;
	margin: 30px auto 0;
	display: flex;
	flex-wrap: wrap;
}

.listen_and_tick_work-page .questions-choose .questions-items {
	min-width: 120px;
	line-height: 60px;
	position: relative;
	margin: 0 25px 35px 0;
}

.listen_and_tick_work-page .questions-choose .questions-items.answer-false span {
	border-color: #fff;
	background: #d81416 !important;
}

.listen_and_tick_work-page .questions-choose .questions-items.answer-true span {
	border-color: #fff;
	background: #b9d546 !important;
}

.listen_and_tick_work-page .questions-choose .questions-items:nth-child(5n + 0) {
	margin: 0 20px 35px 0;
}

.listen_and_tick_work-page .questions-choose .questions-items span {
	display: block;
	background: #fff;
	border-radius: 48px;
	text-align: center;
	font-size: 28px;
	padding: 0 10px;
	border: solid 4px transparent;
	font-family: "Myriad Bold";
}

.listen_and_tick_work-page .questions-choose .questions-items input {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

.listen_and_tick_work-page .questions-choose .questions-items input:checked~span {
	background: #f9e815;
}

.listen_and_write_word-page div#video-controls {
	max-width: 400px;
	background: none;
}

.listen_and_write_word-page div#video-controls button#playpause {
	height: 70px;
	width: 70px;
}

.listen_and_write_word-page div#progress #progress-bar {
	height: 6px;
	border-radius: 6px;
	top: -2px;
}

.listen_and_write_word-page .questions-choose {
	max-width: 735px;
	margin: 30px auto 0;
	display: flex;
	flex-wrap: wrap;
}

.listen_and_write_word-page .questions-choose .questions-items {
	width: calc((100% / 3) - 20px);
	line-height: 60px;
	position: relative;
	margin: 0 25px 35px 0;
}

.listen_and_write_word-page .questions-choose .questions-items.answer-false .answer {
	border-color: #fff;
	background: #d81416 !important;
}

.listen_and_write_word-page .questions-choose .questions-items.answer-true .answer {
	border-color: #fff;
	background: #b9d546 !important;
}

.listen_and_write_word-page .questions-choose .questions-items .result {
	position: absolute;
	border-radius: 48px;
	text-align: center;
	font-size: 28px;
	outline: none;
	min-height: 60px;
	width: 100%;
	border: solid 4px #fff;
	font-family: "Myriad Bold";
	color: #000;
	top: 0;
	background: #b9d546;
	display: none;
}

.listen_and_write_word-page .questions-choose .questions-items.final-done .result {
	display: block;
}

.listen_and_write_word-page .questions-choose .questions-items:nth-child(3n + 0) {
	margin: 0 0 35px 0;
}

.listen_and_write_word-page .questions-choose .questions-items input {
	display: block;
	background: #fff;
	border-radius: 48px;
	text-align: center;
	font-size: 28px;
	outline: none;
	min-height: 60px;
	width: 100%;
	border: solid 4px transparent;
	font-family: "Myriad Bold";
	color: #000;
}

.listen_and_write_word-page .questions-choose .questions-items input.active:after {
	width: auto;
	content: "";
	height: 2px;
	background: #000;
	position: absolute;
	bottom: 15px;
	left: 20px;
	right: 20px;
}

.listen_and_write_word-page .questions-choose .questions-items input::-webkit-input-placeholder {
	color: #000;
	font-weight: 600;
}

.listen_and_write_word-page .questions-choose .questions-items input:-ms-input-placeholder {
	color: #000;
	font-weight: 600;
}

.listen_and_write_word-page .questions-choose .questions-items input::placeholder {
	color: #000;
	font-weight: 600;
}

.audio-pronunciation div#video-controls {
	max-width: 400px;
	background: none;
}

.audio-pronunciation div#video-controls button#playpause {
	height: 70px;
	width: 70px;
}

.audio-pronunciation div#progress #progress-bar {
	height: 6px;
	border-radius: 6px;
	top: -2px;
}

.listen_and_write_word_sentence-page .questions-choose {
	text-align: center;
	max-width: 750px;
	margin: 35px auto 50px;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items {
	display: inline-block;
	padding: 45px 90px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 36px;
	font-size: 28px;
	position: relative;
	font-family: "Myriad Semibold";
	border: solid 2px transparent;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items img {
	display: none !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -40px;
	margin: auto;
	width: 80px;
	height: 80px;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items.answer-true {
	border-color: #b9d546;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items.answer-true input {
	border-color: #b9d546;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items.answer-true .icon_true {
	display: block !important;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items.answer-false {
	border-color: #ee5555;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items.answer-false .icon_false {
	display: block !important;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items.answer-false input {
	border-color: #ee5555;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items .answer,
.listen_and_write_word_sentence-page .questions-choose .questions-items .result {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 48px;
	text-align: center;
	font-size: 28px;
	outline: none;
	height: 60px;
	border: 2px solid #b4b4b4;
	font-family: "Myriad Bold";
	color: #000;
	width: 148px;
	margin: 0 10px;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items .answer::placeholder,
.listen_and_write_word_sentence-page .questions-choose .questions-items .result::placeholder {
	color: black;
	font-weight: 600;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items .result {
	display: none;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items .input_answer {
	display: inline-block;
	position: relative;
}

.listen_and_write_word_sentence-page .questions-choose .questions-items.result_answer .result {
	min-width: 148px;
	width: auto;
	padding: 0 15px;
	line-height: 60px;
	display: inline-block;
	border-color: #b9d546;
}

.listen_and_arrange-page .questions-choose {
	max-width: 700px;
	margin: 60px auto 0;
}

.listen_and_arrange-page .questions-choose .questions-items {
	border-radius: 32px;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	padding: 35px 15px 30px;
	margin-bottom: 30px;
	position: relative;
}

.listen_and_arrange-page .questions-choose .questions-items .listen {
	width: 75px;
	height: 75px;
	cursor: pointer;
	border-radius: 50%;
	background: #5293ca;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 15px;
	z-index: 1;
	top: 15px;
}

.listen_and_arrange-page .questions-choose .questions-items .listen img {
	width: 34px;
}

.listen_and_arrange-page .questions-choose .questions-items .questions-title {
	color: #4d4d4d;
	font-size: 32px;
	font-family: "Myriad Bold";
	margin-bottom: 35px;
	display: block;
}

.listen_and_arrange-page .questions-choose .questions-items .answer-choose {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.listen_and_arrange-page .questions-choose .questions-items .answer-items {
	width: calc(50% - 15px);
	line-height: 45px;
	text-align: center;
	border: 2px solid #c6e50e;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.listen_and_arrange-page .questions-choose .questions-items .answer-items:nth-child(n + 3) {
	margin-top: 20px;
}

.listen_and_arrange-page .questions-choose .questions-items .answer-items span {
	background: #fff;
	display: block;
}

.listen_and_arrange-page .questions-choose .questions-items .answer-items input {
	margin: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.listen_and_arrange-page .questions-choose .questions-items .answer-items input:checked~span {
	background: #f8e820;
}

.listen_and_arrange-page .questions-result {
	max-width: 725px;
	margin: 0 auto 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.listen_and_arrange-page .questions-result .result-list {
	width: calc(50% - 35px);
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.9);
	padding: 20px 45px 50px;
	text-align: center;
}

.listen_and_arrange-page .questions-result .result-list:nth-child(n + 3) {
	margin-top: 20px;
}

.listen_and_arrange-page .questions-result .result-list label {
	font-size: 22px;
	font-family: "Myriad Light";
	margin-bottom: 20px;
	display: block;
}

.listen_and_arrange-page .questions-result .result-list .result-items {
	border: 3px solid #ffffff;
	border-radius: 63px;
	line-height: 70px;
	margin-bottom: 15px;
	font-size: 32px;
	color: #333333;
	font-family: "Myriad Bold";
}

.listen_and_arrange-page .questions-result .result-list .result-items.answer-false {
	background: #ed5d5d;
}

.listen_and_arrange-page .questions-result .result-list .result-items.answer-true {
	background: #c6e50e;
}

.listen_and_stress-page .listen {
	width: 60px;
	height: 60px;
	cursor: pointer;
	border-radius: 50%;
	background: #5293ca;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 30px;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
}

.listen_and_stress-page .listen img {
	width: 34px;
}

.listen_and_stress-page .questions-choose {
	max-width: 540px;
	margin: 50px auto;
}

.listen_and_stress-page .questions-choose .questions-items {
	border-radius: 23px;
	padding: 25px 30px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	font-size: 40px;
	font-family: "Myriad Bold";
	color: #4d4d4d;
	border: solid 4px transparent;
}

.listen_and_stress-page .questions-choose .questions-items:after {
	width: 85px;
	height: 85px;
	display: block;
	position: absolute;
	left: -45px;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
}

.listen_and_stress-page .questions-choose .questions-items.answer-true {
	border-color: #b9d546;
}

.listen_and_stress-page .questions-choose .questions-items.answer-true:after {
	background: url("../img/example/icon_true.png");
	background-size: contain;
}

.listen_and_stress-page .questions-choose .questions-items.answer-false {
	border-color: #ee5555;
}

.listen_and_stress-page .questions-choose .questions-items.answer-false:after {
	background: url("../img/example/icon_false.png");
	background-size: contain;
}

.listen_and_stress-page .questions-choose .questions-items .result-items {
	display: none;
	font-size: 40px;
	padding-left: 65px;
}

.listen_and_stress-page .questions-choose .questions-items .result-items p.ipa {
	margin: 0;
	font-family: "Myriad Light";
}

.listen_and_stress-page .questions-choose .questions-items .answer-items {
	display: inline-block;
	position: relative;
	line-height: 78px;
}

.listen_and_stress-page .questions-choose .questions-items .answer-items input {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	opacity: 0;
	margin: 0;
	cursor: pointer;
}

.listen_and_stress-page .questions-choose .questions-items .answer-items input:checked~span {
	color: #b228a5;
}

.find_the_mistake-page .result-title {
	text-align: center;
	margin: 30px auto 40px;
}

.find_the_mistake-page .pronounced-status.answer-true .pronounced-content,
.find_the_mistake-page .pronounced-status.answer-false .pronounced-content {
	margin: 30px 0 0 0;
}

.find_the_mistake-page .pronounced-status .pronounced-content img {
	margin: 0;
}

.find_the_mistake-page .questions-choose {
	margin: auto;
}

.find_the_mistake-page .questions-choose .questions-items {
	border-radius: 26px;
	background: #fff;
	overflow: hidden;
	margin: 0 auto 20px;
	max-width: 700px;
	position: relative;
}

.find_the_mistake-page .questions-choose .questions-items .icon-image {
	display: none !important;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -45px;
	z-index: 1;
}

.find_the_mistake-page .questions-choose .questions-items .result-answer {
	display: none;
	line-height: 52px;
	font-size: 32px;
	font-family: "Myriad Bold";
	text-transform: uppercase;
}

.find_the_mistake-page .questions-choose .questions-items .result-answer img {
	margin: 0 50px 0 45px;
}

.find_the_mistake-page .questions-choose .questions-items.questions-done.answer-false .result-answer {
	display: flex;
	color: #c4d82d;
	align-items: center;
}

.find_the_mistake-page .questions-choose .questions-items .data-explain {
	display: none;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check {
	max-width: 950px;
	overflow: unset;
	margin: 0 auto 75px;
	padding-bottom: 10px;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .questions-data {
	padding-top: 45px;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .questions-data .data-content {
	font-size: 22px;
	white-space: pre-line;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .answer-text {
	display: none !important;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .answer-choose {
	width: auto;
	padding: 0 55px 10px;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .answer-choose .answer-items {
	width: auto;
	background: transparent;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input {
	display: none;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input~span {
	display: none;
	background: transparent;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked {
	/*display: block;*/
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked~span {
	display: block;
	text-transform: uppercase;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .data-explain {
	margin: 0 30px 10px;
	padding: 0 0 10px 0;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .data-explain label {
	display: table;
	padding-top: 15px;
	color: #000;
	letter-spacing: 1px;
	font-family: "Myriad Bold";
}

.find_the_mistake-page .questions-choose .questions-items.questions-check .data-explain p {
	margin: 10px 0 0 0;
	font-size: 20px;
	padding-left: 25px;
	font-family: "Myriad Light";
}

.find_the_mistake-page .questions-choose .questions-items.questions-check.answer-true {
	border: solid 4px #c4d82d;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check.answer-true .icon_true {
	display: block !important;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check.answer-true .answer-items span {
	color: #c4d82d;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check.questions-done .data-explain {
	display: block;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check.answer-false {
	border: solid 4px #d81416;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check.answer-false .icon_false {
	display: block !important;
}

.find_the_mistake-page .questions-choose .questions-items.questions-check.answer-false .answer-items span {
	color: #d81416;
}

.find_the_mistake-page .questions-choose .questions-data {
	padding: 15px 30px;
	display: flex;
	align-items: baseline;
}

.find_the_mistake-page .questions-choose .questions-data .data-content {
	font-size: 22px;
	white-space: pre-line !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

.find_the_mistake-page .questions-choose label.no {
	font-size: 32px;
	margin-right: 30px;
	font-family: "Myriad Bold";
}

.find_the_mistake-page .questions-choose .answer-choose {
	display: flex;
}

.find_the_mistake-page .questions-choose .answer-choose .answer-items {
	width: 50%;
	height: 52px;
	background: #cecece;
	position: relative;
	border-right: solid 1px #fff;
}

.find_the_mistake-page .questions-choose .answer-choose .answer-items:last-child {
	border: none;
}

.find_the_mistake-page .questions-choose .answer-choose .answer-items input {
	width: 99%;
	height: 100%;
	/*display: -webkit-box !important;*/
	-webkit-line-clamp: 1;
	overflow: hidden;
	position: absolute;
	left: 0px;
	right: 0;
	-webkit-box-orient: vertical;
	text-align: left;
	opacity: 0;
	/*visibility: hidden;*/
}

.find_the_mistake-page .questions-choose .answer-choose .answer-items input:checked~span {
	background: #f8e820;
}

.find_the_mistake-page .questions-choose .answer-choose .answer-items span {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 52px;
	font-size: 32px;
	text-transform: uppercase;
	font-family: "Myriad Bold";
}

.find_the_mistake-page .questions-choose .answer-text {
	padding: 15px 10px 15px 60px;
	display: none;
	align-items: center;
	background: #f3fc9a;
}

.find_the_mistake-page .questions-choose .answer-text .image {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #36c0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 30px;
}

.find_the_mistake-page .questions-choose .answer-text .input-text {
	min-height: 27px;
	width: calc(100% - 95px);
	position: relative;
	font-size: 22px;
	color: #c14f02;
	outline: none;
	cursor: pointer;
	font-family: "Myriad Semibold";
	padding: 0 0 0 15px;
}

.find_the_mistake-page .questions-choose .answer-text .input-text[data-focus-visible-added] {
	color: #000;
}

.find_the_mistake-page .questions-choose .answer-text .input-text[placeholder]:empty:after {
	position: absolute;
	bottom: -5px;
	height: 1px;
	background: #000;
	left: 0;
	right: 50px;
	content: "";
}

.find_the_mistake-page .questions-choose .answer-text .input-text[placeholder]:empty:before {
	content: attr(placeholder);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	background-color: transparent;
	font-size: 20px;
	color: #000;
	font-family: "Myriad Light";
	font-style: italic;
}

.border-box {
	border: solid 4px #fff;
	width: auto;
	display: inline-block;
	background: #f9e815;
	font-size: 20px;
	line-height: 30px;
	border-radius: 28px;
	min-width: 140px;
	text-align: center;
	cursor: pointer;
	padding: 10px 20px;
	margin: 0 30px 15px 30px;
}

.put_the_words-page .border-box {
	max-height: 58px;
}

/* New Style Writing 2 */
.put_the_words-page .put_the_words-box .answer-lists .answer-items-disabled.border-box,
.put_the_words-page .put_the_words-box .answer-lists .answer-items-disabled .border-box {
	background-color: #fff;
	opacity: 0.4;
}

.put_the_words-page .answer-lists {
	max-width: 700px;
	margin: auto;
	text-align: center;
}

.put_the_words-page .answer-drop-box {
	display: flex;
	position: relative;
	max-width: 700px;
	min-height: 200px;
	padding: 55px 35px;
	margin: 0 auto 40px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 38px;
	justify-content: center;
	flex-wrap: wrap;
}

/*.put_the_words-page .answer-drop-box .answer-items:nth-child(3n)::after {*/
.put_the_words-page .answer-drop-box .answer-items.new-line::after {
	content: "";
	display: block;
	border-bottom: dashed 3px gray;
	position: absolute;
	width: 100%;
	left: 0;
	margin-top: 22px;
}

.put_the_words-page .sort-placer {
	border: solid 4px #fff;
	background: #f9e815;
	border-radius: 28px;
	width: 140px;
	cursor: pointer;
	margin: 0 20px 40px 0;
	min-height: 58px;
	display: inline-block;
}

.put_the_words-page .questions-status {
	max-width: 700px;
	margin: -90px auto 40px;
}

.put_the_words-page .questions-status img {
	width: 105px;
	filter: drop-shadow(0 0px 8px rgba(0, 0, 0, 0.3));
}

.put_the_words-page .questions-status .questions-answer {
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.9);
	padding: 35px 30px 20px 65px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.put_the_words-page .questions-status .questions-answer p {
	margin: 0;
	font-family: "Myriad Semibold";
	font-size: 22px;
}

.put_the_words-page .questions-status .questions-answer .questions-content {
	font-family: "Myriad Light";
	position: relative;
}

.put_the_words-page .questions-status .questions-answer .questions-content:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	left: -30px;
	top: 0px;
	bottom: 0;
	margin: auto;
	background: #00a651;
}

.put_the_words-page .questions-status .title {
	margin: 0 0 10px 40px;
}

.put_the_words-page .questions-status.answer-normal .title,
.put_the_words-page .questions-status.answer-normal .questions-answer,
.put_the_words-page .questions-status.answer-false .title,
.put_the_words-page .questions-status.answer-false .questions-answer {
	display: none;
}

.rewrite_the_sentence .questions-choose .questions-items.answer-true.answer-done .icon_true {
	bottom: unset;
	top: -50px;
	right: 0;
	left: 0;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text {
	font-style: italic;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text:before {
	font-style: italic;
}

.use_the_conjunction-page .explain {
	width: 100%;
	margin-right: 20px;
}

.questions-items.questions-check .explain {
	border-top: 2px solid #ccc;
}

.use_the_conjunction-page .content-text lable:before {
	content: counter(questions-first-counter) " ";
}

.use_the_conjunction-page .find_the_mistake-box .questions-items.questions-check .questions-data {
	border: none;
}

.use_the_conjunction-page .result-title,
.fill_the_word-page .result-title,
.pairing-page .result-title,
.listen_and_choose_correct_answer-page .result-title,
.default_questions-page .result-title {
	text-align: center;
	margin: 30px auto 40px;
}

.use_the_conjunction-page .result-title.answer-true,
.fill_the_word-page .result-title.answer-true,
.pairing-page .result-title.answer-true,
.listen_and_choose_correct_answer-page .result-title.answer-true,
.default_questions-page .result-title.answer-true {
	margin-bottom: 50px !important;
}

.use_the_conjunction-page .pronounced-status.answer-false .pronounced-content,
.fill_the_word-page .pronounced-status.answer-true .pronounced-content,
.fill_the_word-page .pronounced-status.answer-false .pronounced-content,
.pairing-page .pronounced-status.answer-true .pronounced-content,
.pairing-page .pronounced-status.answer-false .pronounced-content,
.listen_and_choose_correct_answer-page .pronounced-status.answer-true .pronounced-content,
.listen_and_choose_correct_answer-page .pronounced-status.answer-false .pronounced-content,
.default_questions-page .pronounced-status.answer-true .pronounced-content,
.default_questions-page .pronounced-status.answer-false .pronounced-content {
	margin: 30px 0 0 0;
}

.writing_with_beginning_word-page .pronounced-status.answer-true .pronounced-content,
.writing_with_beginning_word-page .pronounced-status.answer-false .pronounced-content {
	margin: 30px 0 0 0;
}

.use_the_conjunction-page .pronounced-status.answer-false .pronounced-content {
	margin: 30px 0;
}

.use_the_conjunction-page .pronounced-status .pronounced-content img,
.fill_the_word-page .pronounced-status .pronounced-content img,
.pairing-page .pronounced-status .pronounced-content img,
.listen_and_choose_correct_answer-page .pronounced-status .pronounced-content img,
.default_questions-page .pronounced-status .pronounced-content img {
	margin: 0;
}

.use_the_conjunction-page .questions-choose,
.fill_the_word-page .questions-choose,
.pairing-page .questions-choose,
.listen_and_choose_correct_answer-page .questions-choose,
.default_questions-page .questions-choose {
	margin: auto;
}

.default_questions-page .find_the_mistake-box .questions-choose {
	width: 60%;
}

.default_questions-page .find_the_mistake-box .questions-answer .answer .text {
	padding: 8px 0 8px 20px;
	font-size: 22px;
	white-space: pre-wrap !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

.use_the_conjunction-page .questions-choose .questions-items,
.fill_the_word-page .questions-choose .questions-items,
.pairing-page .questions-choose .questions-items,
.listen_and_choose_correct_answer-page .questions-choose .questions-items,
.default_questions-page .questions-choose .questions-items {
	border-radius: 26px;
	background: #fff;
	margin: 0 auto 30px;
	max-width: 700px;
	position: relative;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-true,
.use_the_conjunction-page .questions-choose .questions-items.answer-false,
.fill_the_word-page .questions-choose .questions-items.answer-true,
.fill_the_word-page .questions-choose .questions-items.answer-false,
.pairing-page .questions-choose .questions-items.answer-true,
.pairing-page .questions-choose .questions-items.answer-false,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-true,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-false,
.default_questions-page .questions-choose .questions-items.answer-true,
.default_questions-page .questions-choose .questions-items.answer-false {
	padding-bottom: 20px;
}

.use_the_conjunction-page .questions-choose .questions-items .title,
.use_the_conjunction-page .questions-choose .questions-items .result-answer,
.fill_the_word-page .questions-choose .questions-items .title,
.fill_the_word-page .questions-choose .questions-items .result-answer,
.pairing-page .questions-choose .questions-items .title,
.pairing-page .questions-choose .questions-items .result-answer,
.listen_and_choose_correct_answer-page .questions-choose .questions-items .title,
.listen_and_choose_correct_answer-page .questions-choose .questions-items .result-answer,
.default_questions-page .questions-choose .questions-items .title,
.default_questions-page .questions-choose .questions-items .result-answer {
	display: none;
}

.use_the_conjunction-page .questions-choose .questions-items .suggest-answer,
.fill_the_word-page .questions-choose .questions-items .suggest-answer,
.pairing-page .questions-choose .questions-items .suggest-answer,
.listen_and_choose_correct_answer-page .questions-choose .questions-items .suggest-answer,
.default_questions-page .questions-choose .questions-items .suggest-answer {
	display: none;
}

.listening_1.use_the_conjunction-page .questions-choose .questions-items .suggest-answer {
	display: none;
}

.listening_1.use_the_conjunction-page .questions-choose .questions-items.suggest-active .suggest-answer {
	display: block;
}

.use_the_conjunction-page .questions-choose .questions-items .icon-image,
.fill_the_word-page .questions-choose .questions-items .icon-image,
.pairing-page .questions-choose .questions-items .icon-image,
.listen_and_choose_correct_answer-page .questions-choose .questions-items .icon-image,
.default_questions-page .questions-choose .questions-items .icon-image {
	display: none !important;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -45px;
	z-index: 1;
}

.use_the_conjunction-page .questions-choose .questions-items .answer-icon,
.fill_the_word-page .questions-choose .questions-items .answer-icon,
.pairing-page .questions-choose .questions-items .answer-icon,
.listen_and_choose_correct_answer-page .questions-choose .questions-items .answer-icon,
.default_questions-page .questions-choose .questions-items .answer-icon {
	display: none !important;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check,
.fill_the_word-page .questions-choose .questions-items.questions-check,
.pairing-page .questions-choose .questions-items.questions-check,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check,
.default_questions-page .questions-choose .questions-items.questions-check {
	max-width: 950px;
	overflow: unset;
	margin: 0 auto 75px;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .questions-data,
.fill_the_word-page .questions-choose .questions-items.questions-check .questions-data,
.pairing-page .questions-choose .questions-items.questions-check .questions-data,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .questions-data,
.default_questions-page .questions-choose .questions-items.questions-check .questions-data {
	padding-top: 45px;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .btn-suggest,
.fill_the_word-page .questions-choose .questions-items.questions-check .btn-suggest,
.pairing-page .questions-choose .questions-items.questions-check .btn-suggest,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .btn-suggest,
.default_questions-page .questions-choose .questions-items.questions-check .btn-suggest {
	display: none !important;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .answer-choose,
.fill_the_word-page .questions-choose .questions-items.questions-check .answer-choose,
.pairing-page .questions-choose .questions-items.questions-check .answer-choose,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .answer-choose,
.default_questions-page .questions-choose .questions-items.questions-check .answer-choose {
	width: auto;
	padding: 0 110px 10px;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .answer-choose .answer-items,
.fill_the_word-page .questions-choose .questions-items.questions-check .answer-choose .answer-items,
.pairing-page .questions-choose .questions-items.questions-check .answer-choose .answer-items,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .answer-choose .answer-items,
.default_questions-page .questions-choose .questions-items.questions-check .answer-choose .answer-items {
	width: auto;
	background: transparent;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input,
.fill_the_word-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input,
.pairing-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input,
.default_questions-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input {
	display: none;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input~span,
.fill_the_word-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input~span,
.pairing-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input~span,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input~span,
.default_questions-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input~span {
	display: none;
	background: transparent;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked,
.fill_the_word-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked,
.pairing-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked,
.default_questions-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked {
	display: block;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked~span,
.fill_the_word-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked~span,
.pairing-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked~span,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked~span,
.default_questions-page .questions-choose .questions-items.questions-check .answer-choose .answer-items input:checked~span {
	display: block;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-true,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-true,
.pairing-page .questions-choose .questions-items.questions-check.answer-true,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-true,
.default_questions-page .questions-choose .questions-items.questions-check.answer-true {
	border: solid 4px #c4d82d;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-true .icon_true,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-true .icon_true,
.pairing-page .questions-choose .questions-items.questions-check.answer-true .icon_true,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-true .icon_true,
.default_questions-page .questions-choose .questions-items.questions-check.answer-true .icon_true {
	display: block !important;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-true .answer-text .input-text,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-true .answer-text .input-text,
.pairing-page .questions-choose .questions-items.questions-check.answer-true .answer-text .input-text,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-true .answer-text .input-text,
.default_questions-page .questions-choose .questions-items.questions-check.answer-true .answer-text .input-text {
	color: #8dd546 !important;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-true .answer-items span,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-true .answer-items span,
.pairing-page .questions-choose .questions-items.questions-check.answer-true .answer-items span,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-true .answer-items span,
.default_questions-page .questions-choose .questions-items.questions-check.answer-true .answer-items span {
	color: #c4d82d;
}

/*.use_the_conjunction-page .questions-choose .questions-items.questions-check .data-explain, .fill_the_word-page .questions-choose .questions-items.questions-check .data-explain, .pairing-page .questions-choose .questions-items.questions-check .data-explain, .listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .data-explain, .default_questions-page .questions-choose .questions-items.questions-check .data-explain {*/
/*  display: block; }*/
.use_the_conjunction-page .questions-choose .questions-items.questions-check .data-explain,
.fill_the_word-page .questions-choose .questions-items.questions-check .data-explain,
.pairing-page .questions-choose .questions-items.questions-check .data-explain,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .data-explain,
.default_questions-page .questions-choose .questions-items.questions-check .data-explain {
	display: none;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-false,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-false,
.pairing-page .questions-choose .questions-items.questions-check.answer-false,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-false,
.default_questions-page .questions-choose .questions-items.questions-check.answer-false {
	border: solid 4px #d81416;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-false .icon_false,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-false .icon_false,
.pairing-page .questions-choose .questions-items.questions-check.answer-false .icon_false,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-false .icon_false,
.default_questions-page .questions-choose .questions-items.questions-check.answer-false .icon_false {
	display: block !important;
}

.pairing-page .questions-choose .questions-items.questions-check.answer-false .icon_true {
	display: none !important;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-false .answer-text .input-text,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-false .answer-text .input-text,
.pairing-page .questions-choose .questions-items.questions-check.answer-false .answer-text .input-text,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-false .answer-text .input-text,
.default_questions-page .questions-choose .questions-items.questions-check.answer-false .answer-text .input-text {
	color: #d81416 !important;
}

.use_the_conjunction-page .questions-choose .questions-items.questions-check.answer-false .answer-items span,
.fill_the_word-page .questions-choose .questions-items.questions-check.answer-false .answer-items span,
.pairing-page .questions-choose .questions-items.questions-check.answer-false .answer-items span,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check.answer-false .answer-items span,
.default_questions-page .questions-choose .questions-items.questions-check.answer-false .answer-items span {
	color: #d81416;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .suggest-answer,
.fill_the_word-page .questions-choose .questions-items.suggest-active .suggest-answer,
.fill_the_word-page .questions-choose .questions-items.suggest-active .title,
.pairing-page .questions-choose .questions-items.suggest-active .suggest-answer,
.pairing-page .questions-choose .questions-items.suggest-active .title,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .suggest-answer,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .title,
.default_questions-page .questions-choose .questions-items.suggest-active .suggest-answer,
.default_questions-page .questions-choose .questions-items.suggest-active .title {
	display: block;
	padding: 0 45px;
}

.default_questions-page .questions-choose .questions-items.suggest-active .suggest-answer,
.suggest_box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .title {
	display: block;
	padding: 0;
	text-align: left;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .image,
.fill_the_word-page .questions-choose .questions-items.suggest-active .image,
.pairing-page .questions-choose .questions-items.suggest-active .image,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .image,
.default_questions-page .questions-choose .questions-items.suggest-active .image {
	display: none;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .title,
.fill_the_word-page .questions-choose .questions-items.suggest-active .title,
.pairing-page .questions-choose .questions-items.suggest-active .title,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .title,
.default_questions-page .questions-choose .questions-items.suggest-active .title {
	display: block;
	color: #000;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .border-box,
.fill_the_word-page .questions-choose .questions-items.suggest-active .border-box,
.pairing-page .questions-choose .questions-items.suggest-active .border-box,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .border-box,
.default_questions-page .questions-choose .questions-items.suggest-active .border-box {
	background: #f7ac16;
	margin: 0 20px 20px 0;
	min-width: 85px;
	min-height: 45px;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-done .border-box {
	display: none !important;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text,
.fill_the_word-page .questions-choose .questions-items.suggest-active .answer-text,
.pairing-page .questions-choose .questions-items.suggest-active .answer-text,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .answer-text,
.default_questions-page .questions-choose .questions-items.suggest-active .answer-text {
	padding: 15px 45px 40px 45px;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text .input-text,
.fill_the_word-page .questions-choose .questions-items.suggest-active .answer-text .input-text,
.pairing-page .questions-choose .questions-items.suggest-active .answer-text .input-text,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .answer-text .input-text,
.default_questions-page .questions-choose .questions-items.suggest-active .answer-text .input-text {
	min-height: 100px;
	border-radius: 28px;
	border: solid 2px #f7ac16;
	padding: 30px 35px;
	width: 100%;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text .input-text {
	padding-left: 35px;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	padding-right: 35px !important;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text .input-text[placeholder]:empty:after,
.fill_the_word-page .questions-choose .questions-items.suggest-active .answer-text .input-text[placeholder]:empty:after,
.pairing-page .questions-choose .questions-items.suggest-active .answer-text .input-text[placeholder]:empty:after,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .answer-text .input-text[placeholder]:empty:after,
.default_questions-page .questions-choose .questions-items.suggest-active .answer-text .input-text[placeholder]:empty:after {
	display: none;
}

.writing_with_beginning_word-page.use_the_conjunction-page .questions-choose .questions-items.final-items .answer-text .input-text {
	text-indent: 0 !important;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .true,
.fill_the_word-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .true,
.pairing-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .true,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .true,
.default_questions-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .true {
	color: #8dd546 !important;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .false,
.fill_the_word-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .false,
.pairing-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .false,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .false,
.default_questions-page .questions-choose .questions-items.suggest-active .answer-text .input-text[contenteditable="false"] .false {
	color: #d80b0b !important;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .btn-suggest,
.fill_the_word-page .questions-choose .questions-items.suggest-active .btn-suggest,
.pairing-page .questions-choose .questions-items.suggest-active .btn-suggest,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.suggest-active .btn-suggest,
.default_questions-page .questions-choose .questions-items.suggest-active .btn-suggest {
	display: none !important;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-done .icon_true,
.fill_the_word-page .questions-choose .questions-items.answer-done .icon_true,
.pairing-page .questions-choose .questions-items.answer-done .icon_true,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-done .icon_true,
.default_questions-page .questions-choose .questions-items.answer-done .icon_true {
	display: block !important;
	right: unset;
	bottom: 0;
	top: 0;
	width: 79px;
	left: -45px;
	height: 79px;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-done.answer-true .icon_true,
.fill_the_word-page .questions-choose .questions-items.answer-done.answer-true .icon_true,
.pairing-page .questions-choose .questions-items.answer-done.answer-true .icon_true,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-done.answer-true .icon_true,
.default_questions-page .questions-choose .questions-items.answer-done.answer-true .icon_true {
	right: 0;
	left: 0;
	bottom: unset;
	top: -45px;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-done .btn-suggest,
.fill_the_word-page .questions-choose .questions-items.answer-done .btn-suggest,
.pairing-page .questions-choose .questions-items.answer-done .btn-suggest,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-done .btn-suggest,
.default_questions-page .questions-choose .questions-items.answer-done .btn-suggest {
	display: none !important;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-done-false .icon_false,
.fill_the_word-page .questions-choose .questions-items.answer-done-false .icon_false,
.pairing-page .questions-choose .questions-items.answer-done-false .icon_false,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-done-false .icon_false,
.default_questions-page .questions-choose .questions-items.answer-done-false .icon_false {
	display: block !important;
	right: unset;
	bottom: 0;
	top: 0;
	width: 85px;
	left: -45px;
	height: 85px;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-done-false.answer-true .icon_false,
.fill_the_word-page .questions-choose .questions-items.answer-done-false.answer-true .icon_false,
.pairing-page .questions-choose .questions-items.answer-done-false.answer-true .icon_false,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-done-false.answer-true .icon_false,
.default_questions-page .questions-choose .questions-items.answer-done-false.answer-true .icon_false {
	right: 0;
	left: 0;
	bottom: unset;
	top: -45px;
}

.use_the_conjunction-page .questions-choose .questions-items.answer-done-false .btn-suggest,
.fill_the_word-page .questions-choose .questions-items.answer-done-false .btn-suggest,
.pairing-page .questions-choose .questions-items.answer-done-false .btn-suggest,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-done-false .btn-suggest,
.default_questions-page .questions-choose .questions-items.answer-done-false .btn-suggest {
	display: none !important;
}

.use_the_conjunction-page .questions-choose .questions-items.final-items.answer-false .answer-icon,
.fill_the_word-page .questions-choose .questions-items.final-items.answer-false .answer-icon,
.pairing-page .questions-choose .questions-items.final-items.answer-false .answer-icon,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.final-items.answer-false .answer-icon,
.default_questions-page .questions-choose .questions-items.final-items.answer-false .answer-icon {
	display: inline-block !important;
	max-height: 40px;
}

.use_the_conjunction-page .questions-choose .questions-items.final-items.answer-false .input-text,
.fill_the_word-page .questions-choose .questions-items.final-items.answer-false .input-text,
.pairing-page .questions-choose .questions-items.final-items.answer-false .input-text,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.final-items.answer-false .input-text,
.default_questions-page .questions-choose .questions-items.final-items.answer-false .input-text {
	padding: 0 0 0 5px;
}

/* New Style */
.listening_3 .questions-choose .questions-items.final-items.answer-false .input-text {
	padding-left: 15px;
}

.use_the_conjunction-page .questions-choose .questions-items.final-items.answer-false .result-answer,
.fill_the_word-page .questions-choose .questions-items.final-items.answer-false .result-answer,
.pairing-page .questions-choose .questions-items.final-items.answer-false .result-answer,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.final-items.answer-false .result-answer,
.default_questions-page .questions-choose .questions-items.final-items.answer-false .result-answer {
	display: flex;
	align-items: center;
}

/* New Style Listening 3 */
.listening_3 .questions-choose .questions-items.final-items.answer-false .result-answer {
	padding-left: 35px;
}

.use_the_conjunction-page .questions-choose .questions-items.final-items.answer-false .image,
.fill_the_word-page .questions-choose .questions-items.final-items.answer-false .image,
.pairing-page .questions-choose .questions-items.final-items.answer-false .image,
.listen_and_choose_correct_answer-page .questions-choose .questions-items.final-items.answer-false .image,
.default_questions-page .questions-choose .questions-items.final-items.answer-false .image {
	display: none;
}

.use_the_conjunction-page .questions-choose .questions-items .result-answer span,
.fill_the_word-page .questions-choose .questions-items .result-answer span,
.pairing-page .questions-choose .questions-items .result-answer span,
.listen_and_choose_correct_answer-page .questions-choose .questions-items .result-answer span,
.default_questions-page .questions-choose .questions-items .result-answer span {
	color: #8dd546;
	padding: 0 0 0 15px;
	font-size: 22px;
	min-height: 27px;
	outline: none;
	cursor: pointer;
	font-family: "Myriad Bold";
}

.fill_the_word-page .questions-choose .questions-data,
.pairing-page .questions-choose .questions-data,
.listen_and_choose_correct_answer-page .questions-choose .questions-data,
.default_questions-page .questions-choose .questions-data {
	padding: 15px 30px;
	display: flex;
	align-items: baseline;
}

.use_the_conjunction-page .questions-choose .questions-data {
	padding: 15px 30px 15px 30px;
	display: flex;
	align-items: baseline;
}

.use_the_conjunction-page .questions-choose .questions-data .data-content,
.fill_the_word-page .questions-choose .questions-data .data-content,
.pairing-page .questions-choose .questions-data .data-content,
.listen_and_choose_correct_answer-page .questions-choose .questions-data .data-content,
.default_questions-page .questions-choose .questions-data .data-content {
	display: flex;
	font-size: 22px;
	align-items: center;
}

.use_the_conjunction-page .questions-choose .questions-data .data-content .custom-select-2,
.fill_the_word-page .questions-choose .questions-data .data-content .custom-select-2,
.pairing-page .questions-choose .questions-data .data-content .custom-select-2,
.listen_and_choose_correct_answer-page .questions-choose .questions-data .data-content .custom-select-2,
.default_questions-page .questions-choose .questions-data .data-content .custom-select-2 {
	height: 40px;
}

.use_the_conjunction-page .questions-choose label.no,
.fill_the_word-page .questions-choose label.no,
.pairing-page .questions-choose label.no,
.listen_and_choose_correct_answer-page .questions-choose label.no,
.default_questions-page .questions-choose label.no {
	font-size: 32px;
	margin-right: 20px;
	font-family: "Myriad Bold";
}

.use_the_conjunction-page .questions-choose .answer-choose,
.fill_the_word-page .questions-choose .answer-choose,
.pairing-page .questions-choose .answer-choose,
.listen_and_choose_correct_answer-page .questions-choose .answer-choose,
.default_questions-page .questions-choose .answer-choose {
	display: flex;
}

.use_the_conjunction-page .questions-choose .answer-choose .answer-items,
.fill_the_word-page .questions-choose .answer-choose .answer-items,
.pairing-page .questions-choose .answer-choose .answer-items,
.listen_and_choose_correct_answer-page .questions-choose .answer-choose .answer-items,
.default_questions-page .questions-choose .answer-choose .answer-items {
	width: 50%;
	height: 52px;
	background: #cecece;
	position: relative;
}

.use_the_conjunction-page .questions-choose .answer-choose .answer-items input,
.fill_the_word-page .questions-choose .answer-choose .answer-items input,
.pairing-page .questions-choose .answer-choose .answer-items input,
.listen_and_choose_correct_answer-page .questions-choose .answer-choose .answer-items input,
.default_questions-page .questions-choose .answer-choose .answer-items input {
	margin: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

.use_the_conjunction-page .questions-choose .answer-choose .answer-items input:checked~span,
.fill_the_word-page .questions-choose .answer-choose .answer-items input:checked~span,
.pairing-page .questions-choose .answer-choose .answer-items input:checked~span,
.listen_and_choose_correct_answer-page .questions-choose .answer-choose .answer-items input:checked~span,
.default_questions-page .questions-choose .answer-choose .answer-items input:checked~span {
	background: #f8e820;
}

.use_the_conjunction-page .questions-choose .answer-choose .answer-items span,
.fill_the_word-page .questions-choose .answer-choose .answer-items span,
.pairing-page .questions-choose .answer-choose .answer-items span,
.listen_and_choose_correct_answer-page .questions-choose .answer-choose .answer-items span,
.default_questions-page .questions-choose .answer-choose .answer-items span {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 52px;
	font-size: 32px;
	font-family: "Myriad Bold";
}

.fill_the_word-page .questions-choose .answer-text,
.pairing-page .questions-choose .answer-text,
.default_questions-page .questions-choose .answer-text {
	padding: 0 10px 10px 30px;
	display: flex;
	align-items: normal;
}

.listen_and_choose_correct_answer-page .questions-choose .answer-text {
	padding: 0 10px 20px 50px;
	display: flex;
	align-items: normal;
}

/* New Style */
.listening_3 .questions-choose .answer-text {
	padding-left: 62px;
}

.listening_3 .questions-choose .final-items .answer-text {
	padding-left: 85px;
}

.use_the_conjunction-page .questions-choose .answer-text {
	/*min-height: 40px;*/
	padding: 0 10px 10px 30px;
	display: flex;
	align-items: center;
}

.use_the_conjunction-page .questions-choose .answer-text .explain h2,
.fill_the_word-page .questions-choose .answer-text .explain h2,
.pairing-page .questions-choose .answer-text .explain h2,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .explain h2 {
	margin-top: 0;
}

.use_the_conjunction-page .questions-choose .answer-text .image,
.fill_the_word-page .questions-choose .answer-text .image,
.pairing-page .questions-choose .answer-text .image,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .image,
.default_questions-page .questions-choose .answer-text .image {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #36c0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text,
.fill_the_word-page .questions-choose .answer-text .input-text,
.pairing-page .questions-choose .answer-text .input-text,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input-text,
.default_questions-page .questions-choose .answer-text .input-text {
	/*min-height: 27px;*/
	width: calc(100% - 90px);
	position: relative;
	font-size: 20px;
	color: #8e1c76;
	outline: none;
	cursor: pointer;
	font-family: "Myriad Semibold";
	padding: 0 0 0 15px;
	outline: none;
	border: none;
}

.use_the_conjunction-page .questions-choose .answer-text .input_text_grammar6,
.fill_the_word-page .questions-choose .answer-text .input_text_grammar6,
.pairing-page .questions-choose .answer-text .input_text_grammar6,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input_text_grammar6,
.default_questions-page .questions-choose .answer-text .input_text_grammar6 {
	min-height: 25px;
}

/* Other */
.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .image {
	margin-right: 15px;
	width: 75px;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text {
	padding: 8px 30px 20px 30px;
	align-items: center;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text-with-place {
	position: relative;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text {
	width: unset;
	padding: 0;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .txt-done-show {
	font-size: 22px;
	color: #8dd546;
	font-weight: 600;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text[placeholder]:before {
	font-style: italic !important;
	content: "" !important;
}

@-moz-document url-prefix() {
	.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text[placeholder]:before {
		text-indent: 0;
	}

	.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text[placeholder]:empty:before {
		content: attr(placeholder)"..." !important;
		text-indent: 0;
	}
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text[placeholder]:empty:before {
	content: attr(placeholder)"..." !important;
	text-indent: 0;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text--noplaceholder[placeholder]:empty:before,
.use_the_conjunction-page .question-grammar-7 .answer-text .input-text--noplaceholder[placeholder]:empty:before {
	content: "" !important;
	text-indent: 0;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-hint.prefix {
	position: relative;
	margin-bottom: 10px;
	margin-right: 3px;
	font-size: 20px;
	color: #000;
	font-style: unset;
	font-family: "Myriad Semibold";
	outline: none;
	border: none;
}

.js-suggest-active.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .suggest-active .answer-text .input-hint.prefix,
.js-suggest-active.use_the_conjunction-page .question-grammar-7 .suggest-active .answer-text .input-hint.prefix {
	position: absolute;
	top: 32px;
	left: 30px;
	color: #000;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text[placeholder]:empty:after {
	width: 100%;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text::-webkit-input-placeholder,
.fill_the_word-page .questions-choose .answer-text .input-text::-webkit-input-placeholder,
.pairing-page .questions-choose .answer-text .input-text::-webkit-input-placeholder,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input-text::-webkit-input-placeholder,
.default_questions-page .questions-choose .answer-text .input-text::-webkit-input-placeholder {
	font-size: 20px;
	padding: 0 0 0 0px;
	color: #000;
	font-family: "Myriad Light";
	font-style: italic;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text:-ms-input-placeholder,
.fill_the_word-page .questions-choose .answer-text .input-text:-ms-input-placeholder,
.pairing-page .questions-choose .answer-text .input-text:-ms-input-placeholder,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input-text:-ms-input-placeholder,
.default_questions-page .questions-choose .answer-text .input-text:-ms-input-placeholder {
	font-size: 20px;
	padding: 0 0 0 0px;
	color: #000;
	font-family: "Myriad Light";
	font-style: italic;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text::placeholder,
.fill_the_word-page .questions-choose .answer-text .input-text::placeholder,
.pairing-page .questions-choose .answer-text .input-text::placeholder,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input-text::placeholder,
.default_questions-page .questions-choose .answer-text .input-text::placeholder {
	font-size: 20px;
	color: #000;
	padding: 0 0 0 0px;
	font-family: "Myriad Light";
	font-style: italic;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text:focus,
.fill_the_word-page .questions-choose .answer-text .input-text:focus,
.pairing-page .questions-choose .answer-text .input-text:focus,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input-text:focus,
.default_questions-page .questions-choose .answer-text .input-text:focus {
	outline: none;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text[placeholder]:after {
	width: 100%;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text[placeholder]:after,
.fill_the_word-page .questions-choose .answer-text .input-text[placeholder]:empty:after,
.pairing-page .questions-choose .answer-text .input-text[placeholder]:empty:after,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input-text[placeholder]:empty:after,
.default_questions-page .questions-choose .answer-text .input-text[placeholder]:empty:after {
	position: absolute;
	bottom: -5px;
	height: 0.5px;
	background: #000;
	left: 0;
	right: 50px;
	content: "";
}

.writing_with_beginning_word-page.use_the_conjunction-page .questions-choose .answer-done .answer-text .input-text[placeholder]:after {
	display: none;
}

.use_the_conjunction-page .questions-choose .answer-text .input-text[placeholder]:empty:before,
.fill_the_word-page .questions-choose .answer-text .input-text[placeholder]:empty:before,
.pairing-page .questions-choose .answer-text .input-text[placeholder]:empty:before,
.listen_and_choose_correct_answer-page .questions-choose .answer-text .input-text[placeholder]:empty:before,
.default_questions-page .questions-choose .answer-text .input-text[placeholder]:empty:before {
	content: attr(placeholder);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	background-color: transparent;
	font-size: 20px;
	color: #000;
	font-family: "Myriad Light";
}

.use_the_conjunction-page .btn-suggest,
.fill_the_word-page .btn-suggest,
.pairing-page .btn-suggest,
.listen_and_choose_correct_answer-page .btn-suggest,
.default_questions-page .btn-suggest {
	width: 55px;
	height: 55px;
	background: #fff;
	position: absolute;
	right: -20px;
	top: -15px;
	left: unset;
	box-shadow: 0 0 15px 0;
}

.fill_the_word-page .data-explain,
.fill_the_word-page .questions-result {
	display: none;
}

.fill_the_word-page .questions-choose .questions-items {
	margin: 0 auto 40px;
}

.fill_the_word-page .questions-choose .questions-items.questions-check {
	max-width: 880px;
}

.fill_the_word-page .questions-choose .questions-items.questions-check .data-explain {
	display: none;
}

.fill_the_word-page .questions-choose .questions-items.questions-check .questions-data {
	padding-bottom: 20px;
}

.fill_the_word-page .questions-choose .questions-items.questions-done .data-explain {
	display: block;
	padding: 0 60px 20px;
	font-size: 18px;
}

.fill_the_word-page .questions-choose .questions-items.questions-done .data-explain p {
	margin: 0;
	text-indent: 30px;
	font-family: "Myriad Light";
	font-style: italic;
}

.fill_the_word-page .questions-choose .questions-items.questions-done .data-explain label {
	font-family: "Myriad Bold";
}

.fill_the_word-page .questions-choose .questions-items.questions-done.answer-false .questions-result {
	display: inline-block;
}

.fill_the_word-page .questions-choose .questions-items.questions-done.answer-false .questions-result .result {
	display: inline-block;
	font-size: 24px;
	text-align: center;
	padding: 0 20px;
	width: auto;
	border: solid 2px #fff;
	background: #b9d546;
	margin: 0 20px;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	height: 40px;
	top: 8px;
	font-family: "Segoe Bold";
}

.fill_the_word-page .questions-choose .questions-items.questions-done.answer-false .questions-result .answer-icon {
	display: inline-block !important;
	width: 45px;
	position: relative;
	top: 0;
}

.fill_the_word-page .questions-choose .questions-items.answer-false .select {
	background: #e8425a;
	min-width: auto;
}

.fill_the_word-page .questions-choose .questions-items.answer-false .select:before {
	display: none;
}

.fill_the_word-page .questions-choose .questions-items.answer-true .select {
	background: #b9d546;
	min-width: auto;
}

.fill_the_word-page .questions-choose .questions-items.answer-true .select:before {
	display: none;
}

.fill_the_word-page .questions-choose .questions-data {
	font-size: 22px;
	padding: 15px 50px;
	align-items: center;
	/*min-height: 100px;*/
}

.fill_the_word-page .questions-choose .questions-data .data-content {
	display: inline !important;
}

.fill_the_word-page .questions-choose .questions-data .data-content .custom-select-2 {
	display: inline;
}

.example-page .custom-select .select,
.example-page .custom-select-2 .select {
	font-size: 24px;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
	min-width: 150px;
	border: solid 2px #fff;
	background: #f9e815;
	margin: 0 20px;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	height: 40px;
	font-family: "Segoe Bold";
}

.example-page .custom-select .select .styledSelect,
.example-page .custom-select-2 .select .styledSelect {
	height: 100%;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	overflow: hidden;
	position: absolute;
	left: 1px;
	right: 0;
	text-align: revert;
	-webkit-box-orient: vertical;
	width: fit-content;
	min-width: 180px;
}

.example-page .custom-select-grammar .select .styledSelect {
	position: relative !important;
	left: 10px;
}

.example-page .custom-select .select ul.options,
.example-page .custom-select-2 .select ul.options {
	margin: 0;
	display: none;
	list-style: none;
	position: absolute;
	left: 0;
	right: 0;
	background: #f9e815;
	z-index: 3;
	border-radius: 0 0 10px 10px;
	padding: 5px 15px;
	top: 37px;
	width: fit-content;
	border: 1px solid #fff;
}

.example-page .custom-select .select ul.options li,
.example-page .custom-select-2 .select ul.options li {
	border-top: solid 1px;
	display: -webkit-box !important;
	/* -webkit-line-clamp: 1; */
	/* overflow: hidden; */
	/* -webkit-box-orient: vertical; */
	/* width: fit-content; */
	/* display: inline-block; */
	white-space: nowrap;
	text-align: center;
}

.example-page .custom-select .select .s-hidden,
.example-page .custom-select-2 .select .s-hidden {
	z-index: -1;
}

.example-page .custom-select .select.active,
.example-page .custom-select-2 .select.active {
	border-radius: 10px 10px 0 0;
}

.example-page .custom-select .select.active:before,
.example-page .custom-select-2 .select.active:before {
	content: "\f077";
}

.example-page .custom-select .select:before,
.example-page .custom-select-2 .select:before {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "\f078";
	font: normal normal normal 14px/1 FontAwesome;
	border-right: solid 2px;
	line-height: 30px;
}

.pairing-page .result-title {
	text-align: center;
}

.pairing-page .pairing-box {
	max-width: 920px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 3rem;
}

.pairing-page .pairing-box .questions-items {
	margin-bottom: 25px;
}

.pairing-page .pairing-box .questions-left {
	max-width: 290px;
	width: 100%;
	position: relative;
}

.pairing-page .pairing-box .questions-left .questions-items.answer-false {
	background: url("../img/example/pluzz-false.svg") no-repeat;
	background-size: auto 75px;
}

.pairing-page .pairing-box .questions-left .questions-items.answer-true {
	background: url("../img/example/pluzz-true.svg") no-repeat;
	background-size: auto 75px;
}

.pairing-page .pairing-box .questions-content {
	padding: 0 20px 0 30px;
	display: flex;
	align-items: center;
}

.pairing-page .pairing-box .questions-content span.no {
	font-size: 32px;
	font-family: "Myriad Bold";
	padding: 0 7px 0 0;
	border-right: solid 2px;
	margin: 0 10px 0 0;
}

.pairing-page .pairing-box .questions-items {
	background: url("../img/example/pluzz.svg") no-repeat;
	background-size: auto 75px;
	display: flex;
	height: 80px;
	align-items: center;
	font-size: 22px;
}

.pairing-page.reading_matching-page .pairing-box .questions-items {
	user-select: none;
}

.pairing-page .pairing-box .questions-right {
	max-width: 440px;
	width: 100%;
	position: relative;
}

.pairing-page .pairing-box .questions-right .questions-items {
	background: url("../img/example/pluzz2.svg") no-repeat;
	background-size: auto 71px;
	display: flex;
	height: 71px;
	align-items: center;
	padding: 0 0 0 37px;
	justify-content: center;
	font-size: 22px;
	margin: 2px 0 34px 10px;
	border-radius: 0 5px 5px 0;
	position: relative;
}

.pairing-page .pairing-box .questions-right .questions-items.answer-true .icon_true {
	display: block !important;
}

.pairing-page .pairing-box .questions-right .questions-items.answer-false .icon_false {
	display: block !important;
}

.pairing-page .pairing-box .questions-right .icon-image {
	display: none !important;
	width: 50px;
	height: 50px;
	position: absolute;
	right: -85px;
}

@keyframes example {
	0% {
		left: 0;
	}

	100% {
		left: -227px;
	}
}

.pairing-page .animate {
	animation-name: example;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

.pairing-page .data-explain {
	display: block;
	padding: 0 60px 20px;
	font-size: 18px;
}

.pairing-page .data-explain p {
	margin: 0;
	/* text-indent: 30px; */
	font-family: "Myriad Light";
	padding-left: 30px;
}

.pairing-page .data-explain label {
	display: table;
	width: 100%;
	padding: 15px 0 10px;
	border-top: 2px solid #ccc;
	font-family: "Myriad Bold";
}

.pairing-page .questions-choose .questions-data {
	padding: 45px 60px 15px !important;
	font-size: 22px;
	/*font-family: 'Myriad Semibold';*/
}

.pairing-page .questions-choose .questions-items.final-items.answer-false .result-answer {
	padding: 0 60px 15px;
}

.pairing-page .questions-choose .questions-items.final-items.answer-false .questions-data .data-content {
	color: #d81416;
	font-weight: 600;
}

.listen-box div#video-controls {
	max-width: 700px;
	border-radius: 60px;
	display: flex;
	align-items: center;
	padding: 10px 100px;
}

.listen-box div#video-controls button#playpause {
	border-radius: 0;
	border: none;
	margin: auto;
	padding: 0;
}

.listen_and_choose_correct_answer-page .listen-questions {
	max-width: 845px;
	margin: auto;
	text-align: center;
}

.listen_and_choose_correct_answer-page .questions-action {
	display: flex;
	align-items: center;
}

.listen_and_choose_correct_answer-page .listen-questions .item-list {
	margin-top: 40px;
}

.listen_and_choose_correct_answer-page .listen-questions .item-list .questions-title {
	margin: 0 0 40px 0;
	font-size: 22px;
	color: #fff;
	font-family: "Myriad Semibold";
	text-align: left;
	white-space: pre-line !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

.listen_and_choose_correct_answer-page .listen-questions .item-list .questions-title .no-number {
	font-size: 32px;
	margin: 0 10px 0 0;
}

.listen_and_choose_correct_answer-page .checkbox-form {
	position: relative;
	font-size: 22px;
	overflow: hidden;
	max-width: 500px;
	margin: 0 auto 20px;
	text-align: left;
	counter-increment: counter_listening_3;
}

.listen_and_choose_correct_answer-page .checkbox-form span {
	background: #fff;
	display: block;
	width: 100%;
	padding: 13px 25px;
	border: solid 2px #b9d546;
	border-radius: 10px;
	line-height: normal;
}

.listen_and_choose_correct_answer-page .checkbox-form span:before {
	content: counter(counter_listening_3, lower-alpha) ". ";
	text-transform: uppercase;
	display: inline-block;
	font-weight: bold;
	font-family: "Myriad Bold";
	padding-right: 5px;
}

.listen_and_choose_correct_answer-page .checkbox-form input {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 1;
	opacity: 0;
	left: 0;
	cursor: pointer;
}

.listen_and_choose_correct_answer-page .checkbox-form input:checked~span {
	background: #ede31c;
	border-color: #fff;
}

.listen_and_choose_correct_answer-page .questions-choose .questions-items {
	padding-bottom: 30px;
}

.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-check .data-explain {
	display: none;
}

.listen_and_choose_correct_answer-page .questions-choose .questions-items.questions-done .data-explain {
	display: block;
}

.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-true .answer-text {
	display: none;
}

.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-true .result-answer {
	display: flex;
	padding-bottom: 20px;
}

.listen_and_choose_correct_answer-page .questions-choose .questions-items.answer-true .result-answer .answer-icon {
	display: block !important;
}

.listen_and_choose_correct_answer-page .data-explain {
	display: none;
	padding: 0 30px 20px;
	font-size: 18px;
}

.listen_and_choose_correct_answer-page .data-explain p {
	margin: 0;
	text-indent: 50px;
	font-family: "Myriad Light";
}

/* New Style Listening 3 */
.listening_3 .data-explain p {
	text-indent: initial;
	padding-left: 50px;
}

.listen_and_choose_correct_answer-page .data-explain label {
	display: table;
	width: 100%;
	padding: 20px 0 10px;
	border-top: 2px solid #ccc;
	font-family: "Myriad Bold";
}

.listen_find_the_mistake-page .questions-items {
	margin-bottom: 40px;
}

.listen_find_the_mistake-page .questions-speak-action {
	margin-top: 40px;
}

.listen_find_the_mistake-page .questions-speak-action .questions-choose label.no {
	position: relative;
}

.listen_find_the_mistake-page .questions-speak-action .questions-choose label.no:after {
	position: absolute;
	content: ".";
}

.listen_find_the_mistake-page .questions-speak-action .questions-choose .questions-items .result-answer {
	display: none;
	line-height: 52px;
	font-size: 32px;
	font-family: "Myriad Bold";
}

.listen_find_the_mistake-page .questions-speak-action .questions-choose .questions-items .result-answer img {
	margin: 0 10px 0 20px;
}

.listen_find_the_mistake-page .questions-speak-action .questions-choose .questions-items .data-explain {
	display: none;
}

.listen_find_the_mistake-page .questions-speak-action .questions-choose .questions-items.questions-done.answer-false .result-answer {
	display: flex;
	color: #c4d82d;
	align-items: center;
}

.listen_find_the_mistake-page .questions-speak-action .questions-choose .questions-items.questions-done .data-explain {
	display: block;
	border-top: 2px solid #ccc;
	white-space: normal;
}

.listen_pairing-page .pairing-box .questions-items {
	background-size: auto 130px;
	height: 130px;
	position: relative;
}

.listen_pairing-page .pairing-box .questions-left {
	max-width: 250px;
}

.listen_pairing-page .pairing-box .questions-left .questions-items:after {
	content: "";
	background: url("../img/example/pluzz.svg") no-repeat right;
	height: 100%;
	width: 60px;
	display: block;
	position: absolute;
	right: -60px;
	background-size: auto 130px;
}

.listen_pairing-page .pairing-box .questions-left .questions-items.answer-true {
	background-size: auto 130px;
}

.listen_pairing-page .pairing-box .questions-left .questions-items.answer-true:after {
	background: url("../img/example/pluzz-true.svg") no-repeat right;
	background-size: auto 130px;
}

.listen_pairing-page .pairing-box .questions-left .questions-items.answer-false {
	background-size: auto 130px;
}

.listen_pairing-page .pairing-box .questions-left .questions-items.answer-false:after {
	background: url("../img/example/pluzz-false.svg") no-repeat right;
	background-size: auto 130px;
}

.listen_pairing-page .pairing-box .questions-right .questions-items {
	background-size: auto 130px;
	margin: 0 0 25px 8px;
	height: 130px;
	cursor: grabbing;
}

.listen_pairing-page .pairing-box .questions-right .icon-image {
	width: 85px;
	height: 85px;
	right: -130px;
}

.listen_and_correct-page .questions-speak-action {
	margin-top: 40px;
}

.listen_and_correct-page .questions-choose .questions-items .questions-data {
	background: #f4f8fb;
	border-radius: 26px 26px 0 0;
}

.listen_and_correct-page .questions-choose .questions-items.questions-check .questions-data {
	background: none;
}

.listen_and_correct-page .questions-choose .questions-items.listen-suggest-active .suggest-answer {
	display: block;
}

.listen_and_correct-page .questions-choose .questions-items.listen-suggest-active .suggest-answer .listen-box div#video-controls {
	max-width: 372px;
	background: unset;
	padding: 0;
	margin: 0 0 0 60px;
}

.listen_and_correct-page .questions-choose .questions-items.listen-suggest-active .suggest-answer .listen-box div#video-controls button#playpause {
	max-width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 20px;
}

.listen_and_correct-page .questions-choose .questions-items.listen-suggest-active .suggest-answer .listen-box div#video-controls button#playpause[data-state="play"] .play-svg {
	display: block !important;
	position: unset;
}

.listen_and_correct-page .questions-choose .questions-items.listen-suggest-active .suggest-answer .listen-box div#video-controls button#playpause[data-state="pause"] .pause-svg {
	display: block !important;
	position: unset;
}

.listen_and_correct-page .questions-choose .questions-items.listen-suggest-active .suggest-answer div#progress {
	background: #000;
}

.listen_and_correct-page .questions-choose .questions-items.listen-suggest-active .suggest-answer div#progress #progress-bar {
	background: #000;
}

.listen_and_tick-page .questions-tick {
	max-width: 500px;
	margin: 40px auto 0;
}

.listen_and_tick-page .questions-tick .tick-items {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 82px;
	background: #fff;
	border-radius: 18px;
	padding: 0 25px;
	font-size: 22px;
	margin-bottom: 20px;
}

.listen_and_tick-page .questions-tick .tick-items>span {
	width: 90%;
}

.listen_and_tick-page .custom-radio-box {
	width: 50px;
	height: 50px;
}

.listen_and_tick-page .custom-radio-box .checkmark {
	border-color: #c6e50e;
	width: 50px;
	height: 50px;
	border-width: 3px;
}

.listen_and_tick-page .custom-radio-box .checkmark:after {
	width: 31px;
	height: 31px;
	background: #fbea00;
}

.listen_and_tick-page .custom-radio-box input {
	width: 50px;
	height: 50px;
}

.listen_and_tick-page .custom-radio-box input:checked~.checkmark {
	border: solid 3px #c6e50e;
}

.listen_and_tick-page .custom-radio-box input:checked~.checkmark:after {
	background: #fbea00;
}

.listen_and_tick-page .custom-radio-box:hover input~.checkmark:after {
	width: 31px;
	height: 31px;
	background: #fbea00;
}

.listen_and_tick-page .data-explain {
	padding: 0 30px 20px;
	font-size: 18px;
}

.listen_and_tick-page .data-explain p {
	margin: 0;
	/* text-indent: 50px; */
	font-family: "Myriad Light";
	padding-left: 50px;
}

.listen_and_tick-page .data-explain label {
	display: table;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 15px;
	border-top: 2px solid #ccc;
	font-family: "Myriad Bold";
}

.listen_and_tick-page .questions-choose .questions-data .data-content {
	font-size: 35px;
	margin-bottom: 50px;
	font-family: "Myriad Bold";
}

.listen_and_tick-page .questions-choose .questions-items.questions-check.answer-hide .icon_true {
	display: none !important;
}

.listen_and_tick-page .questions-result {
	font-size: 32px;
	text-align: center;
	color: #fff;
	margin-bottom: 35px;
	font-family: "Myriad Bold";
}

.listen_and_tick-page .result-title {
	margin: 30px auto 0;
	text-align: left;
}

.suggest-answer {
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

.suggest-answer .listen-box div#video-controls {
	max-width: 372px;
	background: unset;
	padding: 0;
	margin: 0 0 0 60px;
}

.suggest-answer .listen-box div#video-controls button#playpause {
	max-width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 20px;
}

.suggest-answer .listen-box div#video-controls button#playpause[data-state="play"] .play-svg {
	display: block !important;
	position: unset;
}

.suggest-answer .listen-box div#video-controls button#playpause[data-state="pause"] .pause-svg {
	display: block !important;
	position: unset;
}

.suggest-answer div#progress {
	background: #000;
}

.suggest-answer div#progress #progress-bar {
	background: #000;
}

.listen_and_answer_question-page .listen-box {
	margin-bottom: 30px;
}

.listen_and_answer_question-page .suggest-word {
	justify-content: center;
}

.listen_and_answer_question-page .suggest-word .suggest-items {
	margin: 10px 10px 10px 0;
}

.listen_and_answer_question-page .suggest-answer .listen-box div#video-controls {
	margin: auto;
}

.listen_and_answer_question-page .suggest-answer .suggest-items {
	display: none !important;
}

.listen_and_answer_question-page .suggest-answer.suggest-text .suggest-items {
	display: inline-block !important;
}

.listen_and_answer_question-page .questions-choose .answer-text .input-text {
	font-style: italic;
}

.listen_and_answer_question-page .questions-choose .answer-text .input-text:before {
	font-style: italic;
}

.listen_and_answer_question-page .questions-choose .answer-text .input-text:after {
	position: absolute;
	bottom: -5px;
	height: 1px;
	background: #000;
	left: 0;
	right: 50px;
	content: "";
}

.listen_and_answer_question-page .questions-choose label.no,
.listen_pairing-page .questions-choose .questions-check.final-items .questions-data label.no {
	position: relative;
}

.listen_and_answer_question-page .questions-choose label.no:before {
	position: absolute;
	content: ".";
	right: -10px;
}

.listen_and_answer_question-page .questions-choose .questions-items.questions-check.answer-false .answer-text .input-text {
	color: #ee5555;
}

.listen_and_answer_question-page .questions-choose .questions-check .answer-text .input-text {
	font-style: italic;
}

.listen_and_answer_question-page .questions-choose .questions-check .answer-text .input-text:after {
	display: none;
}

.listen_and_answer_question-page .questions-choose .questions-check .answer-text .input-text[placeholder]:empty:after {
	display: block;
}

.listen_and_answer_question-page .questions-choose .questions-items {
	margin-bottom: 40px;
}

.listen_and_answer_question-page .questions-choose .questions-items.questions-check {
	padding-bottom: 40px;
}

.listen_and_answer_question-page .suggest-title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #fff;
	margin: 90px 0 0;
}

.listen_and_answer_question-page .suggest-title .img {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.listen_and_answer_question-page .suggest-title .img img {
	width: 17px;
}

.listen_and_answer_question-page .suggest-title .text-reset {
	display: none;
}

.listen_and_answer_question-page .suggest-title.suggest-text span {
	display: none;
}

.listen_and_answer_question-page .suggest-title.suggest-text .text-reset {
	display: block;
}

.speaking_arrange_the_paragraph-page .result-title {
	text-align: center;
}

.speaking_arrange_the_paragraph-page .pronounced-status {
	margin-top: 50px;
}

.speaking_arrange_the_paragraph-page .pronounced-status .pronounced-content img {
	margin: auto;
}

.speaking_arrange_the_paragraph-page .pronounced-status.answer-false .pronounced-content,
.speaking_arrange_the_paragraph-page .pronounced-status.answer-true .pronounced-content {
	margin: 0;
}

.speaking_arrange_the_paragraph-page .number-count {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	border: solid 2px #fff;
	font-family: "Myriad Bold";
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box {
	max-width: 920px;
	margin: 50px auto 0;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-right {
	width: calc(100% - 0px);
	/*margin-bottom: 100px;*/
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-left {
	display: flex;
	width: 50px;
	flex-wrap: wrap;
	align-items: center;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items.answer-true .questions-main {
	border-color: #b9d546;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items.answer-true .number-count {
	background: #b0d049;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items.answer-false .questions-main {
	border-color: #ee5555;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items.answer-false .number-count {
	background: #ee5555;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items .questions-main {
	min-height: 72px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	display: flex;
	align-items: center;
	padding: 0 15px;
	font-size: 22px;
	border: solid 4px transparent;
	width: calc(100% - 70px);
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items .questions-main .speaker-name {
	font-size: 32px;
	border-right: solid 1px #000;
	padding-right: 15px;
	margin-right: 15px;
	font-family: "Myriad Bold";
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-items {
	margin-bottom: 20px;
}

.reading-box {
	max-width: 925px;
	margin: 0 auto 55px;
	color: #000000;
	font-size: 22px;
	background: #fff;
	padding: 40px 50px;
	border-radius: 40px;
	text-align: justify;
}

.suggest-title {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #fff;
	margin: 90px 0 35px;
}

.suggest-title .img {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.suggest-title .img img {
	width: 17px;
}

.suggest-title .text-reset {
	display: none;
}

.suggest-title.suggest-text span {
	display: none;
}

.suggest-title.suggest-text .text-reset {
	display: block;
}

.data-explain {
	padding: 0 30px 10px;
	/*white-space: pre-line;*/
}

.data-explain label {
	font-size: 22px;
	color: #000;
	font-family: "Myriad Bold";
}

.data-explain p {
	margin: 0;
	font-size: 22px;
	font-family: "Myriad Light";
	font-style: italic;
}

.reading_answer_questions-page .label-no {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: solid 3px #eaaf39;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 23px;
	font-family: "Myriad Bold";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -25px;
	background: #fff;
	/*box-shadow: 3px 3px 0 1px rgba(0, 0, 0, 0.2);*/
}

.reading_answer_questions-page .data-explain {
	display: none;
}

.reading_answer_questions-page .choose-answer h2:before {
	content: counter(questions-second-counter) ". ";
	line-height: 28px;
}

.reading_answer_questions-page .reading-box-suggest {
	border-radius: 26px;
	background: #fff;
	margin: 0 auto 65px;
	max-width: 745px;
	position: relative;
	text-align: center;
	padding: 36.5px 0;
	font-size: 22px;
}

.reading_answer_questions-page .questions-choose .questions-items {
	max-width: 745px;
	margin-bottom: 55px;
	counter-increment: questions-second-counter;
}

.reading_answer_questions-page .questions-choose .questions-items .questions-items .icon-image {
	width: 60px;
	height: 60px;
}

.reading_answer_questions-page .questions-choose .questions-items .questions-data {
	font-size: 22px;
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check .label-no,
.reading_answer_questions-page .questions-choose .questions-items.questions-check .answer-text .image {
	display: none;
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check .label-no {
	position: unset;
	display: block;
	border: none;
	box-shadow: none;
	margin: 0;
	width: auto;
	height: auto;
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check .label-no:after {
	content: ".";
	margin: 0 5px 0 0;
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check .questions-data {
	padding: 45px 20px 0 60px;
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check .answer-text span {
	font-family: "Segoe Bold";
	word-break: break-all;
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check .answer-text .input-text {
	padding-left: 45px;
	font-family: "Segoe Bold";
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check:not(.final-items) .answer-text .input-text {
	padding-left: 0px;
	font-size: 27px;
}

.reading_11.reading_answer_questions-page .questions-choose .questions-items.questions-check:not(.final-items) .answer-text .input-text {
	padding-left: 45px;
	font-size: 22px;
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check:not(.final-items) .answer-text:before {
	content: "";
	/*width: 20px;*/
	width: 5px;
	height: 20px;
	/*background: #00A651;*/
	left: 0;
	/*margin: 0 0 0 10px;*/
	margin: 0 0 0 -50px;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.reading_answer_questions-page .questions-choose .questions-items.questions-check.answer-false:not(.final-items) .answer-text .input-text[placeholder]:not(:empty):after {
	position: absolute;
	bottom: -5px;
	height: 1px;
	background: #000;
	left: 0;
	right: 50px;
	content: "";
}

.reading_answer_questions-page .questions-choose .questions-items.reading-suggest-active .label-no {
	width: 57px;
	height: 57px;
}

.reading_answer_questions-page .questions-choose .questions-items.reading-suggest-active .questions-data {
	padding-left: 70px;
}

.reading_answer_questions-page .questions-choose .questions-items.reading-suggest-active .input-text {
	font-family: "Myriad Bold";
}

.reading_answer_questions-page .questions-choose .questions-items.reading-suggest-active .input-text .true {
	color: #8dd546;
}

.reading_answer_questions-page .questions-choose .questions-items.reading-suggest-active .input-text .false {
	color: #d80b0b;
}

.reading_answer_questions-page .questions-choose .questions-items.answer-done .label-no {
	border-color: #b9d546;
}

.reading_answer_questions-page .questions-choose .questions-items.answer-false-done .label-no,
.answer-false-style .label-no {
	border-color: #e21010;
}

.false-check,
.true-check {
	display: none !important;
}

.questions-check.answer-false-style .false-check {
	display: none !important;
}

.answer-false-style .false-check {
	position: absolute;
	display: block !important;
	right: unset;
	bottom: 0;
	top: 0;
	width: 85px;
	left: -45px;
	height: 85px;
	margin: auto;
}

.reading_11 .questions-choose .answer-done.questions-items .hint-data .true-check {
	position: absolute;
	display: block;
	right: unset;
	bottom: 0;
	top: 0;
	width: 85px;
	left: -45px;
	height: 85px;
	margin: auto;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items {
	padding-bottom: 20px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .data-explain {
	display: block;
	margin: 0 30px 15px;
	padding: 0;
	border-top: 2px solid #ccc;
	white-space: normal;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .data-explain label {
	display: table;
	width: 100%;
	padding: 15px 0 10px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .data-explain p {
	padding-left: 50px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .answer-text {
	padding: 10px 30px 0 60px;
	margin-bottom: 15px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .answer-text .input-text {
	padding: 0 10px 0 0px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .answer-text .answer-icon {
	width: 45px;
	top: 0;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items.answer-true .answer-text {
	/*display: none;*/
}

.style_lable {
	display: table;
	width: 100%;
	margin-top: 15px;
}

/*.reading_answer_questions-page .questions-choose .questions-items.final-items.answer-true .result-answer {*/
/*  display: block; }*/
/*ẩn hiển thị câu trả lời đúng*/
.reading_answer_questions-page .questions-choose .questions-items.final-items.answer-true .result-answer {
	/*display: none;*/
}

.reading_answer_questions-page .questions-choose .questions-items.final-items.answer-true .result-answer .answer-icon {
	display: inline-block !important;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .result-answer span {
	padding: 0 0 0 33px;
	color: #509a22;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .result-answer img {
	position: relative;
	left: 20px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .input-text {
	border-bottom: none;
	font-style: normal;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .input-text:before {
	content: none !important;
}

.reading_answer_questions-page .questions-choose .questions-data {
	padding: 45px 30px 10px 55px;
}

.reading_answer_questions-page .questions-choose .answer-text {
	padding: 15px 30px 30px 60px;
}

.reading_answer_questions-page .questions-choose .answer-text .image {
	width: 40px;
	height: 40px;
	margin-right: 15px;
}

.reading_answer_questions-page .questions-choose .answer-text .image img {
	width: 11px;
}

.reading_answer_questions-page .questions-choose .answer-text .input-text {
	padding: 0 0 2px;
	border-bottom: 1px solid black;
}

.reading_answer_questions-page .questions-choose .answer-text .input-text[placeholder]:empty:before {
	color: #474747;
}

.reading_answer_questions-page .questions-choose .answer-text .input-text:after {
	display: none;
}

.reading_answer_questions-page .questions-choose .answer-true .answer-text .input-text,
.reading_answer_questions-page .questions-choose .answer-false .answer-text .input-text {
	border: none;
}

.reading_answer_questions-page .input-text {
	font-style: oblique;
}

.reading_true_false-page .questions .questions-text {
	margin: 0 40px 0 100px;
	text-align: center;
}

.reading_true_false-page .questions-choose label.label-no {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: solid 3px #eaaf39;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 23px;
	font-family: "Myriad Bold";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -25px;
	background-color: #fff;
	box-shadow: 3px 3px 0 1px rgba(0, 0, 0, 0.2);
}

.reading_true_false-page .questions-choose .no.label-no:after {
	display: none;
}

.reading_true_false-page .questions-choose .questions-data {
	padding: 40px 30px 15px;
	display: block;
	text-align: center;
}

.reading_true_false-page .questions-choose .answer-choose {
	border-radius: 0 0 26px 26px;
	overflow: hidden;
}

.reading_true_false-page .questions-choose .questions-items {
	overflow: unset;
	margin-bottom: 50px;
}

.reading_true_false-page .questions-choose .questions-items .answer-choose {
	text-transform: uppercase;
}

.reading_true_false-page .questions-choose .questions-items.questions-check .data-explain {
	padding: 0;
	margin: 0 30px 15px;
}

.reading_true_false-page .questions-choose .questions-items.questions-check label.label-no {
	position: unset;
	display: block;
	border: none;
	box-shadow: none;
	margin: 0;
	width: auto;
	height: auto;
	background-color: unset;
}

.reading_true_false-page .questions-choose .questions-items.questions-check label.label-no:after {
	content: ".";
	margin: 0 5px 0 0;
}

.reading_true_false-page .questions-choose .questions-items.questions-check .questions-data {
	display: flex;
}

.reading_matching-page .questions-choose .questions-items .data-explain {
	padding: 15px 0 20px;
	margin: 10px 60px;
}

.reading_matching-page .questions-choose .questions-items.questions-check label.label-no {
	position: unset;
	display: block;
	border: none;
	box-shadow: none;
	margin: 0;
	width: auto;
	height: auto;
}

.reading_matching-page .questions-choose .questions-items.questions-check label.label-no:after {
	content: ".";
	margin: 0 5px 0 0;
}

.reading_matching-page .questions-choose .questions-items.questions-check .questions-data {
	display: flex;
}

.reading_matching-page .questions-choose .questions-items.answer-false .questions-data .data-content {
	color: #d81416;
}

.reading_matching-page .questions-choose .questions-items.answer-false .result-answer span {
	color: #8dd546;
}

.reading_matching-page .questions-choose .questions-items.answer-true .questions-data .data-content {
	color: #8dd546;
	font-weight: 600;
}

.reading_matching_heading-page .reading-box {
	max-width: 1034px;
	background: rgba(255, 255, 255, 0.6);
}

.reading_matching_heading-page .reading-box .reading-box-items .box-title {
	max-width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #fff;
	border: solid 2px #ff9900;
	display: flex;
	justify-content: center;
	font-family: "Segoe Bold";
	font-size: 32px;
	width: 100%;
	line-height: 33px;
}

.reading_matching_heading-page .reading-box .reading-box-items .content {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.reading_matching_heading-page .reading-box .reading-box-items .content:last-child {
	margin-bottom: 0;
}

.reading_matching_heading-page .reading-box .reading-box-items .content .content-no {
	font: 30px Myriad Bold;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	border-radius: 100%;
	border: 2px solid #ff893a;
	background: white;
}

.reading_matching_heading-page .reading-box .reading-box-items .content .content-txt {
	width: calc(100% - 60px);
}

.reading_matching_heading-page .reading-answer {
	max-width: 600px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 41px;
	overflow: hidden;
	margin: 35px auto 60px;
	padding-top: 30px;
	user-select: none;
}

.reading_matching_heading-page .reading-answer ol {
	list-style-type: none;
	font-size: 22px;
	counter-reset: item;
	margin: 0;
	padding: 0 40px;
}

.reading_matching_heading-page .reading-answer ol li {
	font-size: 22px;
	margin-bottom: 40px;
}

.reading_matching_heading-page .reading-answer ol li::before {
	content: counter(item, upper-roman) ". ";
	counter-increment: item;
	font-family: "Myriad Bold";
	font-size: 28px;
}

.reading_matching_heading-page .reading_matching_heading-box ul.questions-option {
	max-width: 900px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	counter-reset: item;
	padding: 10px 25px;
}

.reading_matching_heading-page .reading_matching_heading-box ul.questions-option li.questions-items {
	width: 50%;
}

.reading_9.reading_matching_heading-page .reading_matching_heading-box ul.questions-option li.questions-items .questions-data {
	max-width: 170px;
}

.reading_9.reading_matching_heading-page .reading_matching_heading-box ul.questions-option li.questions-items .questions-data:before {
	line-height: 56px;
}

.reading_matching_heading-page .reading_matching_heading-box ul.questions-option li.questions-items .questions-data {
	background: #cfd0d0;
	max-width: 305px;
	min-height: 76px;
	border-radius: 16px;
	margin: 0 auto 55px;
	padding: 10px 25px;
	user-select: none;
	z-index: 1;
}

.reading_matching_heading-page .reading_matching_heading-box ul.questions-option li.questions-items .questions-data .data {
	padding-left: 25px;
	font-size: 22px;
}

.reading_matching_heading-page .reading_matching_heading-box ul.questions-option li.questions-items .questions-data:before {
	content: counter(item, decimal) ". ";
	counter-increment: item;
	font-family: "Myriad Bold";
	font-size: 32px;
}

.reading_matching_heading-page .reading_matching_heading-box ul.questions-option li.questions-items.active .questions-data {
	background: #f0e90c;
}

.reading_matching_heading-page .answer-select {
	float: right;
}

.reading_matching_heading-page .answer-select .select {
	position: relative;
	width: auto !important;
}

.reading_matching_heading-page .answer-select .select .styledSelect {
	width: 65px;
	height: 57px;
	border: solid 2px #ff893a;
	border-radius: 10px;
	cursor: pointer;
	background: #fff;
	position: relative;
	font-size: 35px;
	line-height: 57px;
	font-family: "Myriad Bold";
	text-align: center;
}

.reading_matching_heading-page .answer-select .select .styledSelect:empty:after {
	content: "";
	background: url("../img/example/arrow-down.svg");
	width: 36px;
	height: 22px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

.reading_matching_heading-page .answer-select .select .styledSelect.active:empty:after {
	transform: rotate(180deg);
}

.reading_matching_heading-page .answer-select .select ul.options {
	list-style: none;
	padding: 0;
	display: none;
	position: absolute;
	width: 100%;
	border: solid 2px #ff893a;
	border-radius: 10px;
	cursor: pointer;
	background: #fff;
	z-index: 1;
	/*margin-top: 15px;*/
	/*margin-bottom: 15px;*/
	font-size: 35px;
	font-family: "Myriad Bold";
	/*padding: 35px 10px 25px;*/
	padding: 15px 5px 0px;
}

.reading_matching_heading-page .answer-select .select ul.options li {
	counter-increment: item-upper-roman;
	margin: 10px 0px;
}

.reading_matching_heading-page .answer-select .select ul.options li:after {
	content: counter(item-upper-roman, upper-roman);
}

.reading_matching_heading-page .data-answer span {
	padding: 0;
	font-size: 22px;
	min-height: 27px;
	outline: none;
	cursor: pointer;
	font-family: "Myriad Semibold";
}

.reading_matching_heading-page .questions-choose .data-answer.answer-text {
	padding-top: 50px;
}

.reading_matching_heading-page .questions-choose .questions-items .result-answer span {
	color: #8dd546;
}

.reading_matching_heading-page .questions-choose .questions-items.answer-false .data-answer span {
	color: #ee5555;
}

.reading_matching_heading-page .questions-choose .questions-items.answer-true .data-answer span {
	color: #8dd546;
}

.reading_matching_heading-page .answer-icon {
	width: 43px;
}

.reading_matching_word_meaning-page .reading-box {
	max-width: 995px;
	background: rgba(255, 255, 255, 0.95);
	line-height: 35px;
	margin-bottom: 30px;
}

.reading_matching_word_meaning-page .show-hide-box {
	display: flex;
	margin: 0 auto 40px;
	padding: 0;
	outline: none;
	border: none;
	width: 70px;
	height: 40px;
	border-radius: 20px;
	cursor: pointer;
	transition: 1s;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.95);
}

.reading_matching_word_meaning-page .show-hide-box.active {
	transform: rotate(180deg);
}

.reading_matching_word_meaning-page .show-hide-box svg rect {
	fill: #17a8b9;
}

.writing_matching-page .pairing-box .questions-items {
	font-size: 18px;
}

.writing_matching-page .pairing-box .questions-right .questions-items {
	font-size: 18px;
}

.writing_matching-page .pairing-box .questions-right .questions-content {
	padding: 0 20px 0 41px;
}

.grammar_multiple_choice .questions-list h2 {
	display: none;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check {
	margin: auto;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check .questions-data {
	display: flow-root;
	max-width: 750px;
	margin: auto;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check .questions-data .data-content,
.grammar_multiple_choice .questions-choose .questions-items.questions-check .questions-data .label-no {
	display: inline;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-true,
.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-false {
	margin-bottom: 75px;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-true .questions-list h2,
.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-false .questions-list h2 {
	display: block;
	font-size: 20px;
	margin: 40px 30px 12px;
	font-weight: 500;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-true .answer-container,
.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-false .answer-container {
	display: none;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-true .questions-data,
.grammar_multiple_choice .questions-choose .questions-items.questions-check.answer-false .questions-data {
	display: none;
	max-width: unset;
	padding: 45px 0 0 60px;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check:not(.final-items) .answer-text .input-text {
	padding-left: 20px;
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check .answer-text .input-text {
	font-size: 22px;
	font-style: normal;
	font-family: "Myriad Bold";
}

.grammar_multiple_choice .questions-choose .questions-items.questions-check .answer-text span.answer-choose-text {
	font-size: 22px;
	padding: 0;
	font-family: "Myriad Bold";
}

.grammar_multiple_choice .questions-choose .questions-items .data-explain label {
	display: table;
	width: 100%;
	padding: 20px 0 10px;
	border-top: 2px solid #ccc;
}

.grammar_multiple_choice .questions-choose .answer-text {
	padding: 0 30px 20px;
}

.grammar_multiple_choice .questions-choose.result-questions img.lazy.answer-icon {
	margin-right: 15px;
}

.grammar_multiple_choice .questions-choose.result-questions .answer-false .answer {
	margin: 0px 10px 10px 135px;
}

.grammar_multiple_choice .questions-choose.result-questions .answer-text {
	padding: 0 10px 25px 80px;
}

.grammar_multiple_choice .questions-choose.result-questions .questions-items.questions-check {
	max-width: 800px;
}

.grammar_multiple_choice .questions-choose.result-questions .questions-items.questions-check .questions-list h2 {
	margin-top: 45px;
	margin-left: 30px;
	margin-bottom: 0;
}

.grammar_multiple_choice .questions-choose.result-questions .questions-items.questions-check .data-explain {
	margin: 0 30px 10px;
}

.grammar_multiple_choice .questions-choose.result-questions .questions-items.questions-check .data-explain label {
	letter-spacing: 0;
	font-size: 25px;
}

.grammar_multiple_choice .questions-choose.result-questions .questions-items.questions-check .data-explain p {
	margin-left: 84px;
	margin-top: 10px;
	font-style: italic;
	letter-spacing: 0px;
	white-space: pre-line;
}

.writing_the_sentence-page .questions-choose .answer-text .input-text[placeholder]:empty:before {
	font-style: italic;
}

.writing_the_sentence-page .questions-choose .questions-items.questions-check .answer-text .input-text {
	font-style: italic;
}

.writing_the_sentence-page .questions-choose .questions-items.questions-check.final-items .answer-text {
	padding-top: 0;
	padding-bottom: 0;
}

.writing_the_sentence-page .questions-choose .questions-items.questions-check.final-items .answer-text.result-answer {
	padding-bottom: 20px;
	padding-top: 10px;
}

.reading_true_false_ng-page .reading-box,
.reading_true_false_ng-page .questions-choose .questions-items {
	background-color: rgba(255, 255, 255, 0.95);
}

.reading_true_false_ng-page .questions-items .no.label-no span {
	display: none;
}

.reading_true_false_ng-page .questions-items.questions-check .no.label-no span {
	display: inline;
}

.reading_true_false_ng-page .questions-items.questions-check .answer-items {
	border-right: none;
}

.js-suggest-active .questions-choose .answer-text .input-text:after {
	display: none;
}

.reading_8 .questions-choose .data-explain {
	padding: 0 40px 10px;
}

.reading_8 .questions-choose .data-explain h2 {
	margin-bottom: 5px;
}

.reading_8 .questions-choose .data-explain p {
	padding: 0 44px;
}

.reading_8 .questions-choose .questions-items.questions-check.answer-false,
.reading_8 .questions-choose .questions-items.questions-check.answer-done {
	padding-bottom: 20px;
}

.reading_8 .questions-choose .questions-items.questions-check .answer-text {
	padding: 0 10px 10px 140px;
}

.reading_8 .questions-choose .questions-items.questions-check .answer-text span {
	font-size: 22px;
	font-family: "Myriad Regular";
}

.reading_8 .questions-choose .questions-items.questions-check .answer-text span b {
	font-size: 32px;
	margin-right: 12px;
	font-family: "Myriad Bold";
}

.reading_8 .questions-choose .questions-items.questions-check .answer-text.result-answer {
	padding: 0 10px 10px 90px;
}

.reading_8 .questions-choose .questions-items.questions-check .answer-text.data-answer {
	padding-top: 0;
}

.reading_8 .questions-choose .questions-items.questions-check .questions-data {
	padding: 30px 35px 20px;
}

.reading_8 .questions-choose .questions-items.questions-check .questions-data .data-content {
	font-size: 22px;
	font-family: "Myriad Bold";
}

.reading_14.listen_and_fill_in_the_sentences .questions-choose .answer-false .questions-data .data-content {
	display: block;
}

.reading_14 .questions-choose .questions-data .data-content {
	display: inline-block !important;
}

.reading_14 .questions-choose .questions-items.final-items.answer-true .result-answer {
	display: none;
}

.reading_14 .questions-choose .questions-items.final-items.answer-false .result-answer:before {
	display: none;
}

.reading_14 .questions-choose .questions-items.final-items.answer-false .result-answer .text-answer-true {
	display: none;
}

.reading_1 .questions-choose .questions-items.questions-check .answer-text .input-text,
.reading_1 .questions-choose .questions-items.questions-check .answer-text .answer-choose-text {
	font-size: 22px;
	font-family: "Myriad Bold";
}

.reading_1 .questions-choose .questions-items.questions-check.answer-true .answer-text .input-text {
	color: #8dd546;
}

.reading_1 .questions-choose .questions-items.final-items .answer-content {
	/*display: flex;*/
	padding: 6px 80px 0;
}

.reading_1 .questions-choose .questions-items.final-items .answer-text {
	width: 100%;
	display: table;
	padding: 0;
}

.reading_1 .questions-choose .questions-items.final-items .answer-text * {
	display: inline !important;
}

.reading_1 .questions-choose .questions-items.final-items .answer-text .answer-icon {
	left: unset;
	width: 50px;
	top: 0px;
	margin: 0 20px 0 0;
}

.reading_1 .questions-choose .questions-items.final-items .answer-text.result-answer {
	padding: 0;
}

.reading_1 .questions-choose .questions-items.final-items .answer-text .input_text {
	padding-right: 30px;
}

.reading_1 .questions-choose .questions-items.final-items .result-answer span {
	padding: 0;
}

.reading_1 .questions-choose .questions-items.final-items.answer-false .answer-icon {
	display: inline !important;
}

.reading_1 .questions-choose .questions-items.final-items.answer-true .answer-text .input-text {
	padding: 0;
	color: #8dd546;
}

.reading_1 .questions-choose .questions-items.final-items.answer-true .result-answer {
	display: none !important;
}

.reading_1 .questions-choose .questions-items.final-items .data-explain {
	padding: 0;
	margin: 15px 40px 10px;
}

.reading_1 .questions-choose .questions-items.final-items .data-explain h2 {
	margin: 20px 0 5px;
}

.reading_1 .questions-choose .questions-items.final-items .data-explain p {
	padding: 0 0 0 45px;
}

.reading_1 .choose-answer .questions-list h2 {
	margin-bottom: 0;
	margin-top: 32px;
}

.reading_1 .choose-answer .questions-list h2:before {
	padding-right: 20px;
}

.reading_9 .reading-answer ol li::before {
	content: counter(item, lower-alpha) ". ";
}

.reading_9 .reading-box-items {
	padding: 0;
}

.reading_9 .reading-box-items .content .content-txt {
	margin: auto;
}

.reading_9 .reading-box-items .content {
	counter-increment: item-number;
}

.reading_9 .reading-box-items span.q-number {
	width: 140px;
	display: inline-block;
	border-bottom: solid 1px;
	margin: 0 0 0 30px;
	text-indent: -30px;
}

.reading_9 .reading-box-items span.q-number:after {
	content: "(" counter(item-number, decimal) ")";
}

.reading_9 .answer-select .select ul.options li:after {
	content: counter(item-upper-roman, lower-alpha);
}

.reading_9 .questions-choose .answer-text b {
	font-size: 22px;
	font-family: "Myriad Bold";
}

.reading_9 .questions-choose .data-answer.answer-text {
	padding-top: 40px;
	padding-left: 40px;
}

.reading_9 .questions-choose .questions-items.final-items .result-answer {
	padding-left: 75px;
}

.reading_9 .questions-choose .questions-items.final-items .data-answer span {
	padding-left: 0px;
}

.reading_9 .data-explain {
	padding: 0 44px;
}

.reading_9 .data-explain h2 {
	margin: 30px 0 10px;
}

.reading_9 .data-explain p {
	padding-left: 50px;
}

.reading_14 .questions-choose .questions-items.questions-check .questions-data {
	padding: 35px 20px 0 60px;
}

.reading_14 .questions-choose .questions-items.questions-check .questions-data .label-no {
	font-size: 32px;
}

.reading_14 .questions-choose .questions-items.questions-check .questions-data .data-content {
	padding-bottom: 10px;
}

.reading_14 .questions-choose .questions-items.questions-check .result-answer .text-answer-true,
.reading_14 .questions-choose .questions-items.questions-check .result-answer span {
	font-family: "Myriad Bold";
	font-size: 24px;
}

.reading_14 .questions-choose .questions-items.questions-check .result-answer:before {
	margin-bottom: 0;
}

.reading_14 .questions-choose .questions-items.questions-check.final-items .text-answer-true {
	padding-left: 25px;
	margin-bottom: 5px;
}

.reading_14 .questions-choose .questions-items.questions-check.final-items .result-answer span {
	padding: 0;
}

.reading_14 .questions-choose .questions-items.questions-check.final-items .answer-text .answer-icon {
	left: 0;
	margin-right: 32px;
}

.reading_14 .questions-choose .questions-items.questions-check.final-items .data-explain {
	padding: 0 55px;
	margin-top: 25px;
}

.reading_14 .questions-choose .questions-items.questions-check.final-items .data-explain p {
	margin-left: 25px;
	margin-top: 15px;
}

.listening_7 #result_message.answer-false,
.listening_7 #result_message.answer-true {
	flex-wrap: wrap;
}

.listening_7 #result_message.answer-false:after,
.listening_7 #result_message.answer-true:after {
	font-size: 42px;
	font-family: "iCielSoupofJustice";
	color: #fff;
	display: block;
	width: 100%;
	margin: auto;
	text-align: center;
}

.listening_7 #result_message.answer-false:after {
	content: "Bạn đã trả lời sai";
}

.listening_7 #result_message.answer-true:after {
	content: "BẠN ĐÃ TRẢ LỜI ĐÚNG";
}

.listening_7.listen_and_tick-page .questions-choose .questions-data .data-content {
	margin-bottom: 0px;
}

.listening_2 .questions-choose .questions-items .suggest-items {
	display: none;
}

.listening_2 .questions-choose .questions-items .suggest-text .suggest-items {
	display: inline-block;
}

.listening_2 .questions-choose .questions-items.listen-suggest-active .suggest-answer {
	display: block !important;
}

.listening_2 .questions-choose .questions-items.listen-suggest-active .suggest-answer .listen-box div#video-controls {
	margin: 20px 0 20px 60px;
}

.listening_2 .questions-choose .questions-items.listen-suggest-active.answer-false .suggest-answer,
.listening_2 .questions-choose .questions-items.listen-suggest-active.answer-true .suggest-answer,
.listening_2 .questions-choose .questions-items.listen-suggest-active.answer-done .suggest-answer {
	display: none !important;
}

.listening_2 .questions-choose .questions-items.final-items .data-content {
	display: none;
}

.listening_2 .questions-choose .questions-items.final-items label.no {
	position: absolute;
	top: 60px;
}

.listening_2.use_the_conjunction-page .questions-choose .answer-text {
	min-height: 40px;
}

.listening_2 .questions-choose .questions-items.final-items .answer-text .input-text[placeholder]:empty:before {
	font-size: 22px;
	font-family: "Myriad Bold";
}

.listening_2 .questions-choose .questions-items.final-items .answer-text .image {
	display: none;
}

.listening_2 .questions-choose .questions-items.final-items.answer-false .answer-text .input-text[placeholder]:empty:before {
	color: #d81416;
	font-size: 22px;
	font-family: "Myriad Bold";
}

.listening_2 .questions-choose .questions-items.final-items.answer-true .answer-text .input-text {
	padding: 0 0 0 65px;
}

.listening_2 .questions-choose .questions-items.final-items.answer-false .answer-text .input-text,
.listening_2 .questions-choose .questions-items.final-items.answer-true .answer-text .input-text {
	padding: 0 0 0 65px !important;
}

.listening_2 .questions-choose .questions-items.final-items.answer-true .answer-text .input-text[contenteditable="false"] {
	color: #000 !important;
}

.example-page.listening_2 .questions-choose .questions-items,
.example-page.listening_1 .questions-choose .questions-items {
	margin: 0 auto 50px;
}

.example-page.listening_2 .questions-choose .questions-items .questions-data {
	background: #f4f8fb;
	margin-bottom: 10px;
	border-radius: 26px 26px 0 0;
}

.example-page.listening_1 .questions-choose .questions-items .questions-data {
	background: #f4f8fb;
	margin-bottom: 0;
	border-radius: 26px 26px 0 0;
}

.example-page.listening_1 .questions-choose .questions-items.answer-false .answer-text .input-text {
	padding-top: 15px;
}

.example-page.listening_2 .questions-choose .questions-items .questions-data label.no,
.example-page.listening_1 .questions-choose .questions-items .questions-data label.no {
	margin-right: 27px;
	font-family: "MyriadPro-Black";
}

.example-page.listening_2 .questions-choose .questions-items .questions-data .data-content,
.example-page.listening_1 .questions-choose .questions-items .questions-data .data-content {
	font-size: 22px;
	white-space: pre-line;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.example-page.listening_2 .questions-choose .questions-items .answer-text .image,
.example-page.listening_1 .questions-choose .questions-items .answer-text .image {
	margin: 0;
}

.example-page.listening_2 .questions-choose .questions-items .answer-text .input-text,
.example-page.listening_1 .questions-choose .questions-items .answer-text .input-text {
	width: calc(100% - 77px);
	min-height: 27px;
	margin: 0 0 0 12px;
	border-bottom: solid 1px #000;
	padding-bottom: 10px;
	font-family: "Myriad Bold";
	overflow-x: auto;
}

.example-page.listening_2 .questions-choose .questions-items .answer-text .input-text[placeholder]:empty:after,
.example-page.listening_1 .questions-choose .questions-items .answer-text .input-text[placeholder]:empty:after {
	display: none;
}

.example-page.listening_2 .questions-choose .questions-items .answer-text .input-text:after,
.example-page.listening_1 .questions-choose .questions-items .answer-text .input-text:after {
	display: none;
}

.example-page.listening_2 .questions-choose .questions-items.answer-true .questions-data,
.example-page.listening_2 .questions-choose .questions-items.answer-false .questions-data,
.example-page.listening_1 .questions-choose .questions-items.answer-true .questions-data,
.example-page.listening_1 .questions-choose .questions-items.answer-false .questions-data {
	background: unset;
}

.example-page.listening_2 .questions-choose .questions-items.answer-true .questions-data .data-content,
.example-page.listening_2 .questions-choose .questions-items.answer-false .questions-data .data-content,
.example-page.listening_1 .questions-choose .questions-items.answer-true .questions-data .data-content,
.example-page.listening_1 .questions-choose .questions-items.answer-false .questions-data .data-content {
	font-family: "Myriad Semibold";
}

.example-page.listening_2 .questions-choose .questions-items.answer-true .answer-text .input-text,
.example-page.listening_2 .questions-choose .questions-items.answer-false .answer-text .input-text,
.example-page.listening_1 .questions-choose .questions-items.answer-true .answer-text .input-text,
.example-page.listening_1 .questions-choose .questions-items.answer-false .answer-text .input-text {
	margin: 0;
	border: none;
}

.example-page.listening_2 .questions-choose .questions-items.answer-true .answer-text .input-text,
.example-page.listening_1 .questions-choose .questions-items.answer-true .answer-text .input-text {
	color: #8dd546;
}

.example-page.listening_2 .questions-choose .questions-items.answer-done,
.example-page.listening_1 .questions-choose .questions-items.answer-done {
	border: solid 4px #b9d546;
	opacity: 0.95;
}

.example-page.listening_2 .questions-choose .questions-items.answer-done .questions-data,
.example-page.listening_1 .questions-choose .questions-items.answer-done .questions-data {
	background: unset;
}

.example-page.listening_2 .questions-choose .questions-items.suggest-active,
.example-page.listening_1 .questions-choose .questions-items.suggest-active {
	opacity: 0.95;
}

.example-page.listening_2 .questions-choose .questions-items.suggest-active .suggest-answer:after,
.example-page.listening_1 .questions-choose .questions-items.suggest-active .suggest-answer:after {
	content: "Trả lời";
	font-size: 32px;
	color: #000;
	padding-left: 35px;
	font-family: "Myriad Bold";
	text-transform: uppercase;
	margin-top: 20px;
	display: block;
}

.example-page.listening_2 .questions-choose .questions-items.suggest-active .suggest-answer .listen-box div#video-controls,
.example-page.listening_1 .questions-choose .questions-items.suggest-active .suggest-answer .listen-box div#video-controls {
	max-width: 420px;
	margin: 0px 0 40px 90px;
}

.example-page.listening_2 .questions-choose .questions-items.suggest-active .answer-text .input-text,
.example-page.listening_1 .questions-choose .questions-items.suggest-active .answer-text .input-text {
	width: 100%;
	background: #fff;
	border: solid 2px #f7ac16;
}

.example-page.listening_2 .questions-choose .questions-items.suggest-active .border-box,
.example-page.listening_1 .questions-choose .questions-items.suggest-active .border-box {
	margin: 0 0 10px 0;
	min-width: 115px;
}

.example-page.listening_2 .questions-choose .questions-items.suggest-active .questions-data,
.example-page.listening_1 .questions-choose .questions-items.suggest-active .questions-data {
	background: unset;
	padding: 20px 30px 20px 50px;
}

.example-page.listening_2 .questions-choose .questions-items.suggest-active .questions-data label.no,
.example-page.listening_1 .questions-choose .questions-items.suggest-active .questions-data label.no {
	margin-right: 30px;
}

.example-page.listening_2 .questions-choose .questions-items.reading-suggest-active .btn-suggest,
.example-page.listening_1 .questions-choose .questions-items.reading-suggest-active .btn-suggest {
	display: none;
}

.example-page.listening_2 .suggest-title.active span,
.example-page.listening_1 .suggest-title.active span {
	display: none;
}

.example-page.listening_2 .suggest-title.active span.text-reset,
.example-page.listening_1 .suggest-title.active span.text-reset {
	display: block;
}

.example-page.listening_2 .data-explain p,
.example-page.listening_1 .data-explain p {
	padding-left: 60px;
}

.example-page .popup-show_script .close {
	display: block;
	width: 100%;
	height: 25px;
}

.example-page .popup-show_script .close a {
	float: right;
}

.fill_word_page .label-no {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: solid 3px #eaaf39;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 23px;
	font-family: "Myriad Bold";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -25px;
	background: #fff;
	box-shadow: 3px 3px 0 1px rgba(0, 0, 0, 0.2);
}

.fill_word_page .content-blank {
	max-width: 590px;
	width: 100%;
	font-size: 22px;
	padding: 41px 20px 20px 40px;
	line-height: 35px;
	position: relative;
	margin-top: 50px;
}

.fill_word_page .content-blank .fill-blank {
	display: inline-block;
	margin-left: 10px;
}

.fill_word_page .content-blank .fill-blank .input-text {
	border: none;
	outline: none;
	background: transparent;
	border-bottom: 3px solid #000;
	margin: 0;
	max-width: 150px;
	display: inline-block;
	text-align: center;
	font-family: "Myriad Bold";
	font-size: 22px;
}

.speaking_3_page .listening-icon {
	position: absolute;
	right: -55px;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}

.speaking_3_page .img_box {
	text-align: center;
	position: relative;
	max-width: 470px;
	margin: 0 auto 20px;
}

.speaking_3_page .img_box .speak_talk {
	display: none;
}

.speaking_3_page .img_box.active .speak_talk {
	display: block;
}

.speaking_3_page .img_box.active .speak_normal {
	display: none;
}

.speaking_3_page .result-items {
	display: none;
}

.speaking_3_page .talk_text {
	letter-spacing: 0.75px;
	font-size: 25px;
}

.speaking_3_page .result_start {
	display: none;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 200px;
}

.speaking_3_page .result_start .js-svg {
	float: left;
	width: 33.33%;
}

.speaking_3_page .result_start .js-svg.active svg * {
	fill: #ffd700;
}

.speaking_3_page .result_start .js-svg.active-haft svg g * {
	fill: #ffd700;
}

.speaking_3_page .questions-items {
	display: none;
}

.speaking_3_page .question-text {
	max-width: 444px;
	margin: auto;
	color: #fff;
	background: #00000080;
	min-height: 90px;
	padding: 25px 35px 25px 35px;
	border-radius: 9px;
	position: relative;
	cursor: pointer;
}

.speaking_3_page .question-text .talk_text:after {
	content: "";
	display: block;
	width: 27px;
	height: 20px;
	left: 38px;
	position: absolute;
	background: #00000080;
	top: -20px;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.speaking_3_page .btn-voice {
	width: 66px;
	height: 66px;
}

.speaking_3_page .btn-voice img {
	width: 28px;
}

.speaking_3_page .btn-stop-speak {
	display: none;
}

.speaking_3_page .question-talk {
	max-width: 600px;
	margin: 52px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.speaking_3_page .question-talk span.talk_text {
	max-width: 410px;
	display: block;
	margin: auto;
	background: #ffffffe6;
	min-height: 60px;
	border-radius: 9px;
	padding: 12px 34px;
	position: relative;
}

.speaking_3_page .question-talk span.talk_text:after {
	content: "";
	clip-path: polygon(100% 0, 0 0, 0 75%);
	display: block;
	width: 20px;
	height: 15px;
	right: -13px;
	position: absolute;
	background: #e8f1f6;
	top: 0;
}

.speaking_3_page .speaking_questions {
	display: none;
	position: relative;
	z-index: 9;
	top: -80px;
	height: 0;
}

.speaking_3_page .list-question.active .talk_text {
	font-size: 33px;
	letter-spacing: 1.55px;
}

.speaking_3_page .list-question.active .question-text {
	max-width: 655px;
	min-height: 122px;
	font-size: 33px;
	padding: 20px 100px 25px 100px;
	border-radius: 0 16px 16px 16px;
}

.speaking_3_page .list-question.active .question-text .talk_text:after {
	width: 18px;
	height: 30px;
	left: -18px;
	top: 0;
	clip-path: polygon(0 0, 140% 60%, 100% 0);
}

.speaking_3_page .list-question.active .question-text:after {
	content: "";
	background: url(../img/example/speaking_3_avatar_icon_male.png) no-repeat;
	position: absolute;
	top: 5px;
	left: -95px;
	width: 71px;
	height: 71px;
	background-position: 100%;
}

.speaking_3_page .list-question.active .question-talk {
	max-width: 655px;
	min-height: 122px;
	width: 100%;
	margin: 20px auto 20px;
	position: relative;
	display: block;
}

.speaking_3_page .list-question.active .question-talk .talk_text {
	width: 100%;
	max-width: 655px;
	text-align: center;
	border-radius: 16px 0 16px 16px;
	padding: 15px 60px 85px 60px;
}

.speaking_3_page .list-question.active .question-talk .talk_text:after {
	width: 18px;
	height: 30px;
	right: -18px;
}

.speaking_3_page .list-question.active .question-talk .icon {
	position: absolute;
	right: -105px;
	top: 0;
	width: 71px;
}

.speaking_3_page .list-question.active .btn-voice {
	display: none !important;
}

.speaking_3_page .list-question.active .speaking_questions {
	display: flex;
	margin-top: 15px;
	justify-content: center;
}

.speaking_3_page .list-question.active .speaking_questions .items {
	width: 45px;
	height: 45px;
	background: #01283a;
	cursor: pointer;
	border-radius: 50%;
	margin-right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.speaking_3_page .list-question.active .result-items {
	display: flex;
	position: absolute;
	right: -140px;
	top: 70px;
}

.speaking_3_page .list-question.active .result-items svg {
	width: 35px;
	margin-right: 8px;
}

.speaking_3_page .list-question.active .result-items .js-svg.active svg * {
	fill: #ffd700;
}

.speaking_3_page .list-question.active .result-items .js-svg.active-haft svg g * {
	fill: #ffd700;
}

.speaking_3_page .re-speaking .speaking_stop {
	display: none;
}

.speaking_3_page .re-speaking .speaking_talk {
	display: block;
}

.speaking_3_page .re-speaking.active .speaking_stop {
	display: block;
}

.speaking_3_page .re-speaking.active .speaking_talk {
	display: none;
}

.speaking_3_page .speaking_3_box {
	padding-bottom: 50px;
}

.pronunciation_10 .checkbox-form {
	border-radius: 32px;
}

.pronunciation_10 .checkbox-form span {
	border-radius: 32px;
}

.pronunciation_10 .answer-false .checkbox-form input:checked~span {
	background-color: #ee5555;
}

.pronunciation_10 .answer-true .checkbox-form input:checked~span {
	background-color: #b9d546;
}

.pronunciation_10 .pronounced-status .pronounced-content img {
	margin: 0 -40px 0 0;
}

.grammar_12 .questions-choose .questions-items .data-explain p {
	margin-left: 15px;
}

.grammar_12 .questions-choose .answer-false .item-answer-true,
.grammar_12 .questions-choose .answer-true .item-answer-true {
	font-size: 24px;
	font-family: "Segoe Bold";
	border-radius: 10px;
}

.grammar_12 .questions-choose .answer-false .questions-data .data-content {
	flex-wrap: wrap;
}

.grammar_12 .questions-choose .answer-true .item-answer-true {
	font-size: 24px;
	font-family: "Segoe Bold";
	padding: 4px 10px 6px 10px !important;
	margin: 0 10px;
	border-radius: 10px;
}

.grammar_12 .questions-choose .answer-false-done.questions-check.answer-false .result-answer .text-answer-true {
	font-size: 24px;
	padding: 4px 10px 6px 10px !important;
	margin-right: 0px !important;
	min-width: 100px;
	text-align: center;
}

.grammar_12 .questions-choose .questions-items.questions-check {
	max-width: 790px;
}

.grammar_12 .questions-choose .questions-items.final-items {
	padding-top: 25px;
}

.grammar_12 .questions-choose .questions-items.final-items .answer-text .answer-icon {
	width: 45px;
}

.grammar_12 .questions-choose .questions-items.final-items .result-answer span {
	font-size: 24px;
	margin-left: 33px !important;
	min-width: 100px;
	text-align: center;
}

.grammar_12 .questions-choose .questions-items.final-items .answer-false .result-answer {
	padding: 45px 25px 15px 80px;
}

.grammar_12.listen_and_fill_in_the_sentences .questions-choose .answer-false .questions-data .data-content,
.grammar_12.listen_and_fill_in_the_sentences .questions-choose .answer-true .questions-data .data-content {
	display: inline-block;
}

.grammar_12.listen_and_fill_in_the_sentences .questions-choose .answer-false .item-answer-true,
.grammar_12.listen_and_fill_in_the_sentences .questions-choose .answer-true .item-answer-true {
	display: inline-block !important;
}

.grammar_12.listen_and_fill_in_the_sentences .questions-choose .questions-items .data-explain p {
	margin-left: 15px;
}

.reading_answer_hint .suggest-text,
.reading_answer_hint .hint-box,
.reading_answer_hint .suggest-video {
	display: none;
}

.reading_answer_hint .questions-choose {
	margin-top: 35px;
}

.reading_answer_hint .questions-choose .questions-items.suggest-active {
	background: transparent;
}

.reading_answer_hint .questions-choose .questions-items.suggest-active .image {
	display: flex;
}

.reading_answer_hint .questions-choose .questions-items.suggest-active .hint-box {
	border-radius: 26px;
	background: #fff;
	padding: 40px 0 20px;
	display: block;
}

.reading_11.reading_answer_hint .questions-items.suggest-active.answer-done .hint-box {
	display: none !important;
}

.reading_answer_hint .questions-choose .questions-items.suggest-active .hint-box .suggest-text {
	display: block;
	font-size: 22px;
	text-align: center;
	padding: 0 20px 30px;
}

.reading_answer_hint .questions-choose .questions-items.suggest-active .hint-data {
	border-radius: 26px;
	background: #fff;
	margin-top: 75px;
	position: relative;
}

.reading_answer_hint .questions-choose .questions-items.suggest-active .hint-data .answer-text .input-text {
	min-height: unset;
	padding: 0 0 2px;
	border-radius: unset;
	border: none;
	border-bottom: 1px solid black;
}

.reading_6 .blank {
	background: transparent;
	border: none;
	margin: 0;
}

.reading_6 .blank:before {
	width: 1px;
	left: 30px;
}

.reading_6 .blank lable:before {
	content: counter(questions-first-counter);
}

.reading_6 .blank .blank-input {
	background: transparent;
	border-bottom: solid 1px #000;
}

.reading_6 .questions-choose .questions-items.questions-check h2 {
	position: absolute;
	top: 32px;
	margin-top: 6px;
}

.reading_6 .questions-choose .questions-items.questions-check .answer-text {
	padding: 6px 10px 0 100px;
}

.reading_6 .questions-choose .questions-items.questions-check .answer-text .input-text {
	font-size: 32px;
}

.reading_6 .questions-choose .questions-items.questions-check .answer-text .answer-icon {
	width: 50px;
}

.reading_6 .questions-choose .questions-items.questions-check .result-answer {
	padding: 0 10px 0 50px;
	font-size: 32px;
}

.reading_6 .questions-choose .questions-items.questions-check.answer-true .answer-text .answer-icon {
	width: 50px;
	display: none !important;
}

.reading_5 .questions-choose .questions-items.questions-check .questions-data .data-content {
	text-align: left;
}

.listening_1 .suggest-title,
.listening_2 .suggest-title {
	margin: 90px 0 35px;
}

.listening_1 .data-explain,
.listening_2 .data-explain {
	display: none !important;
}

.listening_1 .final-items .data-explain,
.listening_2 .final-items .data-explain {
	display: block !important;
}

.listening_1 .final-items .data-explain h3,
.listening_2 .final-items .data-explain h3 {
	border-top: 2px solid #ccc;
	margin-top: 0;
	padding-top: 15px;
}

body.listening_9 .questions-choose .questions-data .data-content {
	display: inline-block !important;
	padding-bottom: 10px;
	/*white-space: pre-line;*/
}

body.listening_9 .questions-choose .questions-items.questions-check .questions-data {
	padding: 38px 20px 0 30px;
}

body.listening_9 .questions-choose .questions-items.questions-check .label-no {
	margin-right: 8px;
}

body.listening_9 .questions-choose .questions-items.final-items .answer-text {
	padding: 10px 10px 0 60px;
	margin-bottom: 15px;
}

body.listening_9 .questions-choose .questions-items.final-items .result-answer img {
	left: 0;
}

body.listening_9 .questions-choose .questions-items.final-items .result-answer span {
	font-size: 24px;
	line-height: 20px;
	padding: 0 0 0 10px;
}

body.listening_9 .questions-choose .questions-items.final-items.answer-false .result-answer .text-answer-true {
	font-size: 24px;
	margin-right: 20px;
	line-height: 20px;
	width: auto;
	display: inline-block;
}

body.listening_9 .questions-choose .questions-items.final-items.answer-true .result-answer {
	padding: 0 10px 0 65px;
}

body.listening_9 .questions-choose .questions-items.final-items.answer-true .result-answer .answer-icon {
	opacity: 0;
}

body.listening_9 .questions-choose .questions-items.answer-done:not(.questions-check) .icon_true {
	display: none !important;
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.animate__shakeY {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
	animation-duration: calc(var(--animate-duration) * 1.3);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-duration: 2s;
}

.grammar_13.listen_and_fill_in_the_sentences .questions-choose .questions-data .data-content .fill_word {
	display: inline-block;
}

.grammar_13.listen_and_fill_in_the_sentences .questions-choose .answer-false .questions-data .data-content {
	display: inline-block;
}

/*.reading_11 .questions-choose .suggest-active.questions-items .icon-image,*/
/*.default_questions-page .questions-choose .suggest-active.questions-items .icon-image {*/
/*	display: none !important;*/
/*}*/

.reading_11.default_questions-page.js-suggest-active .questions-choose .answer-done.questions-items.reset_note .icon-image {
	display: none !important;
}

#web-speech-solution {
	font-size: 24px;
	color: #1a1a1a;
	margin-bottom: 25px;
	overflow-wrap: anywhere;
	font-family: "Myriad Semibold";
}

#web-speech-solution .not_good_active {
	color: #eb5757;
}

#web-speech-solution .good_active {
	color: #00cc83;
}

#web-speech-solution .normal_active {
	color: #f29500;
}

.speechace-bar-chart-view {
	color: #4d4d4d;
	text-align: left;
}

.speechace-bar-chart-view .speechace-bar-chart-view-percentage {
	display: flex;
	margin-top: 20px;
	align-items: center;
	justify-content: space-between;
}

.speechace-bar-chart-view .speechace-bar-chart-view-percentage .speechace-bar-chart-view-label {
	font-size: 16px;
	width: 50px;
	text-align: center;
	font-family: "MyriadPro-Black";
}

.speechace-bar-chart-view .custom_process_bar {
	width: calc(100% - 95px);
	height: 20px;
	position: relative;
	background: #e6e6e6;
	border-radius: 23px;
	overflow: hidden;
}

.speechace-bar-chart-view .custom_process_bar .process_bar_width {
	position: absolute;
	top: 0;
	bottom: 0;
	border-radius: 23px;
	background: #29abe2;
	font-size: 13px;
	text-align: right;
	padding: 0 10px;
	color: #1a1a1a;
	line-height: 22px;
}

.speechace-bar-chart-view .custom_process_bar .user_record_file:after {
	content: "";
	background: url("../img/example/listen.svg") no-repeat;
	display: block;
	background-size: 14px;
	width: 100%;
	height: 100%;
	background-position: 7px center;
}

.listen_and_repeat-page .recording_sentences-box .recording_sentences-questions {
	/* max-width: 468px;
	height: 470px; */
	min-height: 300px;
	border-radius: 50px;
	background: #fff;
	position: relative;
	/* margin-bottom: 100px; */
	/* padding: 18px 40px 30px; */
	margin-bottom: 0;
	padding: 32px 0;
	display: flex;
}

.listen_and_repeat-page .recording_sentences-box .questions-listen div {
	background: #01283a;
	width: 50px;
	height: 50px;
}

.listen_and_repeat-page .recording_sentences-box .btn-voice {
	width: 68px;
	height: 68px;
}

.listen_and_repeat-page .recording_sentences-box .btn-voice#start_button {
	background: url("../img/example/speaking/new_mic.png");
	background-size: contain;
}

.listen_and_repeat-page .recording_sentences-box .btn-voice#stop_button {
	background: url("../img/example/speaking/new_talk.gif");
	background-size: contain;
}

.listen_and_repeat-page .recording_sentences-box .btn-voice img {
	display: none !important;
}

.listen_and_repeat-page .recording_sentences-box .btn-voice img {
	width: 44px !important;
}

.listen_and_repeat-page .recording_sentences-box .pronounced-action {
	/* position: absolute;
	bottom: -65px;
	left: 0;
	right: 0; */
}

.listen_and_repeat-page .recording_sentences-box .recording_sentences-button {
	margin: 0;
	/* position: absolute; */
	/* left: 0;
	right: 0; */
}

div#time_stop {
	display: none;
	font-size: 18px;
	color: #00a37b;
	margin-bottom: 20px;
	justify-content: center;
}

div#time_stop:after {
	content: "";
	display: block;
	width: 50px;
	height: 53px;
	position: absolute;
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	background: url("../img/example/speaking/Time.png");
}

.listen_and_repeat-page .pronounced-status .pronounced-content img,
.pronounced_words-page .pronounced-status .pronounced-content img {
	width: 100px;
}

.listen_and_repeat-page .pronounced-status.answer-true .pronounced-content,
.listen_and_repeat-page .pronounced-status.answer-normal .pronounced-content,
.listen_and_repeat-page .pronounced-status.answer-false .pronounced-content,
.pronounced_words-page .pronounced-status.answer-true .pronounced-content,
.pronounced_words-page .pronounced-status.answer-normal .pronounced-content,
.pronounced_words-page .pronounced-status.answer-false .pronounced-content {
	margin: 15px 0 30px 0;
}

.listen_and_repeat-page .popup-ipa.iziModal,
.pronounced_words-page .popup-ipa.iziModal {
	max-width: 360px !important;
	padding: 0;
}

.listen_and_repeat-page .popup-ipa.iziModal .ipa-head,
.pronounced_words-page .popup-ipa.iziModal .ipa-head {
	padding: 20px;
	font-size: 18px;
	line-height: 34px;
	background: transparent;
	color: #4d4d4d;
	text-align: center;
	border-bottom: solid 1px #4d4d4d;
	margin: 0 10px;
	font-style: unset;
}

.listen_and_repeat-page .popup-ipa.iziModal .ipa-content,
.pronounced_words-page .popup-ipa.iziModal .ipa-content {
	padding: 30px;
	color: #4d4d4d;
	font-size: 18px;
	min-height: 130px;
}

div#message_status {
	margin-left: 60px;
	text-align: center;
	color: #fffda4;
}

div#message_status .status-grade {
	font-size: 51px;
	margin: 0 0 10px 0;
}

div#message_status .status-text {
	font-size: 27px;
	margin: 0;
}

span.non-space {
	position: relative;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	display: inline-block;
}

.hints-table {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 99;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	padding: 20px;
	max-width: 360px;
	font-size: 15px;
	left: 50%;
	transform: translate(-50%);
	top: 40px;
	width: 360px;
	border-radius: 30px;
	color: #000;
	padding-bottom: 50px;
}

@media (max-width: 767px) {
	.hints-table {
		max-width: 260px;
		transform: translate(-55%);
	}
}

.hints-table:after {
	content: "";
	width: 25px;
	height: 15px;
	display: block;
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
	background: #fff;
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.hints-table .hint-audio>div {
	margin: 0 20px;
}

.hints-table table {
	white-space: nowrap;
	margin: 0;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	font-size: 18px;
}

.hints-table tr th {
	padding: 10px 10px;
	border-bottom: solid 1px;
}

.hints-table tr th:nth-child(n + 2) {
	text-align: left;
}

.hints-table tr:first-child {
	font-weight: 100;
}

.hints-table tr td {
	width: 29px;
	padding: 15px 10px 0;
	border: none;
	font-size: 18px;
	color: #000000;
	font-family: "Myriad Regular";
}

.hints-table tr td:nth-child(n + 2) {
	text-align: left;
}

.user_record_file {
	width: 25px;
	height: 25px;
	background: #01283a;
	border-radius: 50%;
	cursor: pointer;
}

.user_record_file:after {
	content: "";
	background: url("../img/example/listen.svg") no-repeat;
	display: block;
	background-size: 14px;
	width: 100%;
	height: 100%;
	background-position: 7px center;
}

.hint-audio {
	width: 35px;
	height: 35px;
	background: #01283a;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	right: 20px;
	z-index: 1;
}

.hint-audio:after {
	content: "";
	background: url("../img/example/listen.svg") no-repeat;
	display: block;
	background-size: 18px;
	width: 100%;
	height: 100%;
	background-position: 10px center;
}

.pronounced_words-page div#time_stop {
	position: absolute;
	top: 18px;
	right: 15px;
	margin: 0;
	background: none;
}

.pronounced_words-page .recording_sentences-box .recording_sentences-questions {
	/* max-width: 468px;
	min-height: 480px; */
	/* min-height: 72%; */
	min-height: 300px;
	border-radius: 50px;
	background: #fff;
	position: relative;
	/* margin-bottom: 100px; */
	/* padding: 18px 15px 30px; */
	padding: 30px 0;
	display: flex;
}

.pronounced_words-page .recording_sentences-box .recording_sentences-questions.active #play_button {
	display: none !important;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .record_after {
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 50px;
	height: 50px;
	margin: auto;
	border: none;
	display: flex;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
	background: #01283a;
	align-items: center;
	justify-content: center;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .record_after img {
	width: 30px;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .record_after:after {
	content: "";
	width: 30px;
	height: 30px;
	display: block;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .btn-record {
	left: -110px;
	right: unset;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .btn-record:after {
	background: url("../img/example/listen.svg") no-repeat center;
	background-size: contain;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .btn-history {
	right: -110px;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .btn-history:after {
	background: url("../img/example/speaking/history.png") no-repeat center;
	background-size: contain;
}

.pronounced_words-page .recording_sentences-box .speech-recognition .btn-history.active:after {
	background: url("../img/example/speaking/image.png") no-repeat center;
	background-size: contain;
}

.pronounced_words-page .recording_sentences-box .questions-listen div {
	background: #01283a;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
	cursor: pointer;
}

.pronounced_words-page .recording_sentences-box .btn-voice {
	width: 68px;
	height: 68px;
}

.pronounced_words-page .recording_sentences-box .btn-voice#start_button {
	background: url("../img/example/speaking/new_mic.png");
	background-size: contain;
}

.pronounced_words-page .recording_sentences-box .btn-voice#stop_button {
	background: url("../img/example/speaking/new_talk.gif");
	background-size: contain;
}

.pronounced_words-page .recording_sentences-box .btn-voice img {
	display: none !important;
}

.pronounced_words-page .recording_sentences-box .pronounced-action {
	/* position: absolute;
	bottom: -65px;
	left: 0;
	right: 0; */
}

.pronounced_words-page .recording_sentences-box .recording_sentences-button {
	/* margin: 0;
	position: absolute;
	left: 0;
	right: 0; */
}

.pronounced_words-page .recording_sentences-box .questions-image {
	margin-bottom: 0;
}

.pronounced_words-page .recording_sentences-box .questions-image img {
	height: 200px;
	object-fit: cover;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.pronounced_words-page .recording_sentences-box .question-history {
	display: none;
}

.pronounced_words-page .recording_sentences-box .questions-box {
	display: flex;
	margin-bottom: 15px;
	align-items: center;
	flex-direction: column;
	gap: 15px;
}

.pronounced_words-page .recording_sentences-box .questions-box #web-speech-solution {
	font-size: 30px;
	margin: 0;
	font-family: "Myriad Bold";
}

.pronounced_words-page .recording_sentences-box .questions-box .ipa {
	letter-spacing: 0px;
	color: #01283a;
	font-size: 26px;
	font-family: "Myriad Regular";
	/* font-style: italic; */
}

.recording-sentences-vocab.ipa {
	letter-spacing: 0px;
	color: #01283a;
	font-size: 24px;
	font-family: "Myriad Regular";
	/* font-style: italic; */
}

.pronounced_words-page .recording_sentences-box .questions-box .left {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 15px;
}

.pronounced_words-page .recording_sentences-box .questions-box .right {
	display: flex;
}

#web-speech-solution>.non-space:nth-child(2)::first-letter {
	/* text-transform: capitalize !important; */
	/* text-transform: uppercase; */
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes rotateIn {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.animate__rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center;
	animation-duration: 1s;
}

.grammar_multiple_choice .questions-choose.result-questions .questions-items.questions-check .data-explain {
	display: block;
}

.questions-items.ui-draggable.active_color .questions-main {
	border: solid 2px yellow;
	box-shadow: 3px 0px 5px 4px #e8e80380;
}

.writing_with_beginning_word-page .questions-action {
	display: flex;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text[placeholder]:empty:before {
	content: attr(placeholder)"...";
	font-size: 20px;
	color: #000;
	font-family: "Myriad Light";
}

.use_the_conjunction-page.sentence_with_start_word .questions-choose .answer-text .input-text[placeholder]:empty:before {
	content: attr(placeholder) " ...";
}

.use_the_conjunction-page.sentence_with_start_word .questions-choose .answer-text .input-text[placeholder]:before,
.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-text[placeholder]:before {
	content: attr(placeholder);
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	align-items: center;
	background-color: transparent;
	font-family: "Myriad Semibold";
	margin-right: 5px;
	font-style: normal;
	font-size: 20px;
	color: #8e1c76 !important;
}

.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-text .input-placeholder-last,
.use_the_conjunction-page .question-grammar-7 .answer-text .input-placeholder-last {
	display: none;
	color: #8e1c76 !important;
}

.use_the_conjunction-page.sentence_with_start_word .questions-choose .answer-text .input-text[placeholder]:before {
	position: absolute;
	left: 15px;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text .input-text[placeholder]:before {
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active .answer-text .input-placeholder-last,
.use_the_conjunction-page .question-grammar-7 .questions-items.suggest-active .answer-text .input-placeholder-last {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 20px;
	color: #000;
	font-family: "Myriad Light";
}

.use_the_conjunction-page.sentence_with_start_word .questions-choose .answer-false .answer-text .input-text[placeholder]:before,
.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-false .answer-text .input-text[placeholder]:before {
	color: #d81416;
}

.use_the_conjunction-page.sentence_with_start_word .questions-choose .answer-true .answer-text .input-text[placeholder]:before,
.use_the_conjunction-page.writing_with_beginning_word-page .questions-choose .answer-true .answer-text .input-text[placeholder]:before {
	color: #8dd546;
}

.example-page .questions-content {
	margin: auto;
	width: 47%;
	/*background-color: #FFFFFF;*/
	min-width: 574px;
	border-radius: 32px;
	padding: -7px;
}

.example-page .questions-content .project-box .label {
	font-size: 1em;
	font-weight: bold;
}

.example-page .questions-content .project-box .suggestion-video {
	padding: 0 70px;
	margin: 20px 0 30px 0;
}

.example-page .questions-content .project-box .suggestion-video .lazy {
	width: 100%;
}

.example-page .questions-content .project-box .suggestion-text {
	padding: 0 15px;
	font-size: 1.093em;
	font-family: "Myriad Bold";
}

.example-page .questions-btn .btn-gradient {
	position: relative;
	font-family: "Myriad Bold";
	color: #ffffff;
	max-width: 179px;
	background: #00e2a0;
	background: linear-gradient(90deg, #00e2a0 35%, #00b9b7 66%);
}

.example-page .questions-btn .btn-gradient .input-upload {
	cursor: pointer;
	width: inherit;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
}

.example-page .questions-btn .btn-gradient .btn-large {
	z-index: 0;
	margin: 0;
}

.example-page .suggestion-side .owl-dot {
	border: 2px solid #707070;
	width: 15px;
	height: 15px;
}

.example-page .suggestion-side .owl-dot.active {
	background: #00e2a0;
	background: linear-gradient(90deg, #00e2a0 35%, #00b9b7 66%);
}

.example-page .popup-error .content-error {
	font-family: Myriad Pro;
	font-size: 1em;
}

.example-page .popup-error .content-error span {
	display: block;
}

.example-page .popup-error .iziModal-content {
	text-align: center;
}

.example-page .popup-error .iziModal-content .btn-close {
	background-color: #01283a;
	display: inline-block;
	border-radius: 17px;
	padding: 7px 43px;
	margin-top: 10px;
	color: #ffffff;
	cursor: pointer;
}

.example-page .show-file {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.example-page .show-file .detail-file {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #ffffff;
	border-radius: 57px;
	min-width: 364px;
	padding: 15px 0 15px 0;
	margin-right: 20px;
}

.example-page .show-file .detail-file .icon-play {
	width: 40px;
	height: 40px;
	background-color: #e6e7e8;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	left: 7px;
}

.example-page .suggestion-video {
	position: relative;
}

.example-page .suggestion-video .video-custom {
	max-width: 384px;
}

.listen_and_choose-page .popup-status.iziModal.answer-false {
	border: solid 4px #d81416 !important;
}

.listen_and_choose-page .popup-status.iziModal.answer-true {
	border: solid 4px #c4d82d !important;
}

.listen_pairing-page.writing_matching-page .ajax_load_mini_test .questions-content,
.listen_pairing-page.pairing-page .ajax_load_mini_test .questions-content {
	width: inherit;
	background: unset;
	min-width: inherit;
}

.fill_the_word-page .ajax_load_mini_test .find_the_word-box .select {
	top: 10px;
	margin-bottom: 10px;
}

.fill_the_word-page .ajax_load_mini_test .find_the_word-box .questions-items.answer-true .select,
.fill_the_word-page .ajax_load_mini_test .find_the_word-box .questions-items.answer-false .select {
	min-width: 100px;
}

.fill_the_word-page .ajax_load_mini_test .find_the_word-box .questions-items.questions-done.answer-false .questions-result .result {
	top: 0;
	min-width: 100px;
}

.listen_and_fill_in_the_sentences .find_the_mistake-box .item-answer-true {
	min-width: 100px;
	text-align: center;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-content {
	width: auto;
	background-color: unset;
	min-width: inherit;
}

.speaking_arrange_the_paragraph-page .speaking_arrange_the_paragraph-box .questions-main .questions-content {
	background-color: unset;
	margin: unset;
}

.grammar_12.choose_tsuitable_word .questions-choose .questions-items.final-items.answer-false .questions-data {
	display: inline-flex;
}

.conjugation_verb-page .conjugation_verb .answer-questions .answer {
	display: block;
	width: auto;
}

.script-content {
	white-space: pre-line;
	word-spacing: 1px;
	font-style: normal;
	font-size: 20px;
	font-weight: 400;
	font-family: "Myriad Light";
}

/*bỏ border vàng ở lần làm thứ 3 + 4, ở loại câu hỏi có suggest*/
.use_the_conjunction-page .questions-choose .questions-items.suggest-active.questions-check .input-text {
	padding: 0 !important;
	border: none;
	min-height: unset;
}

.use_the_conjunction-page .questions-choose .questions-items.suggest-active.questions-check .answer-text {
	padding: 10px 45px;
}

/*đổi màu khi text phát âm chuẩn 70% - 90%*/
#web-speech-solution .normal_active_b {
	color: #00cc83;
}

/*css cho speaker b*/
.___speaker_b {
	color: #2972b4;
}

/* fix bug css cho input */
.reading_answer_questions-page .questions-choose .answer-text .input-text {
	width: 100%;
}

.example-page.listening_1 .questions-choose .questions-items .answer-text .image .icon-done-all {
	display: none !important;
}

.pronounced_words-page div#time_stop.time-stop-vocabulary-6 {
	top: -65px;
	left: 160%;
	transform: translate(-50%, 0);
	line-height: 53px;
}

.answer-items.answer-item-border {
	display: inline-block;
	padding: 0 30px 15px 30px;
	margin-bottom: 10px;
}

.answer-items.answer-item-border .border-box {
	margin: 0;
}

.answer-drop-box .answer-items.answer-item-border {
	border-bottom: 1px solid #444;
	padding: 0 30px 10px 30px;
}

.put_the_words-page .answer-drop-box .answer-false .border-box,
.put_the_words-page .answer-drop-box .answer-false.border-box {
	background: #cf4f4f;
}

.put_the_words-page .answer-drop-box .answer-true .border-box,
.put_the_words-page .answer-drop-box .answer-true.border-box {
	background: #badb3b;
}

.speaking_2_page .img_box {
	text-align: center;
	position: relative;
	max-width: 470px;
	margin: 0 auto 20px;
	height: 256px;
}

.speaking_2_page .speak_normal,
.speaking_2_page .speak_talk {
	background-color: hsl(0, 0%, 90%);
	border-radius: 5px;
	height: 251px;
}

.speaking_2_page .img_box .speak_talk {
	display: none;
}

.speaking_2_page .img_box.active .speak_talk {
	display: block;
}

.speaking_2_page .img_box.active .speak_normal {
	display: none;
}

.speaking_2_page .result-items {
	display: none;
}

.speaking_2_page .talk_text {
	letter-spacing: 0.75px;
	font-size: 20px;
}

.speaking_2_page .result_start {
	display: none;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 200px;
}

.speaking_2_page .result_start .js-svg {
	float: left;
	width: 33.33%;
}

.speaking_2_page .result_start .js-svg.active svg * {
	fill: #ffd700;
}

.speaking_2_page .result_start .js-svg.active-haft svg g * {
	fill: #ffd700;
}

.speaking_2_page .questions-items {
	display: none;
}

.speaking_2_page .question-text {
	max-width: 444px;
	margin: auto;
	color: #ffffff;
	background: #476355;
	min-height: 90px;
	padding: 25px 35px 25px 35px;
	border-radius: 0px 0px 20px 20px;
	position: relative;
	cursor: pointer;
}

.speaking_2_page .question-text .talk_text:after {
	content: "";
	display: block;
	width: 27px;
	height: 20px;
	left: 38px;
	position: absolute;
	background: #476355;
	top: -20px;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.speaking_2_page .btn-voice {
	width: 80px;
	height: 80px;
}

.speaking_2_page .btn-voice img {
	width: 28px;
}

.speaking_2_page .btn-stop-speak {
	display: none;
}

.speaking_2_page .question-talk {
	max-width: 1054px;
	margin: 52px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.speaking_2_page .question-talk span.talk_text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
	background: #ffffffe6;
	min-height: 90px;
	border-radius: 9px;
	padding: 12px 34px;
	position: relative;
	cursor: pointer;
}

.speaking_2_page .question-talk span.talk_text:after {
	content: "";
	display: block;
	right: -13px;
	position: absolute;
	background: #e8f1f6;
	width: 30px;
	height: 48px;
	left: -30px;
	top: 26px;
	clip-path: polygon(0 0, 140% 60%, 100% 0);
}

.speaking_2_page .___after_audiotape:after {
	content: "";
	display: block;
	right: -13px;
	position: absolute;
	background: #e8f1f6;
	width: 30px;
	height: 48px;
	left: -30px;
	top: 26px;
	clip-path: polygon(0 0, 140% 60%, 100% 0);
}

.speaking_2_page .speaking_questions .items {
	margin-right: 20px;
	width: 40px;
	height: 40px;
	background: linear-gradient(90deg, #00b9b6 0%, #00e0a1 96.16%);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.speaking_2_page .speaking_questions {
	display: flex;
	align-items: center;
	margin-top: 6px;
}

.speaking_2_page .list-question.active .talk_text {
	font-size: 24px;
	letter-spacing: 1.55px;
}

.speaking_2_page .list-question.active .question-text {
	max-width: 655px;
	min-height: 122px;
	font-size: 33px;
	padding: 20px 100px 25px 100px;
	border-radius: 10px;
}

.speaking_2_page .list-question.active .question-text .talk_text:after {
	width: 18px;
	height: 30px;
	right: -18px;
	top: 41px;
	left: unset;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}

.speaking_2_page .list-question.active .question-text:after {
	content: "";
	/* background: url(../img/example/speaking_3_avatar_icon.png) no-repeat; */
	position: absolute;
	top: 5px;
	right: -115px;
	width: 71px;
	height: 71px;
}

.speaking_2_page .list-question.active .question-text-female:after {
	background: url(../img/example/speaking_3_avatar_icon_female.png) no-repeat;
	background-position: 100%;
	background-size: contain;
}

.speaking_2_page .list-question.active .question-text-male:after {
	background: url(../img/example/speaking_3_avatar_icon_male.png) no-repeat;
	background-position: 100%;
	background-size: contain;
}

.speaking_2_page .list-question.active .question-talk {
	max-width: 655px;
	min-height: 122px;
	width: 100%;
	margin: 50px auto 30px;
	position: relative;
	display: block;
}

.speaking_2_page .list-question.active .question-talk .talk_text {
	width: 100%;
	max-width: 655px;
	text-align: center;
	border-radius: 16px 0 16px 16px;
	padding: 15px 60px 85px 60px;
}

.speaking_2_page .list-question.active .question-talk .talk_text:after {
	width: 18px;
	height: 30px;
	right: -18px;
}

.speaking_2_page .list-question.active .question-talk .icon {
	position: absolute;
	left: -105px;
	top: 0;
}

.speaking_2_page .list-question.active .btn-voice {
	display: none !important;
}

.speaking_2_page .list-question.active .speaking_questions {
	display: flex;
	margin-top: 15px;
	justify-content: center;
}

.speaking_2_page .list-question.active .speaking_questions .items {
	width: 45px;
	height: 45px;
	background: linear-gradient(90deg, #00b9b6 0%, #00e0a1 96.16%);
	cursor: pointer;
	border-radius: 50%;
	margin-right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.speaking_2_page .list-question.active .result-items {
	display: flex;
	position: absolute;
	right: -140px;
	top: 70px;
}

.speaking_2_page .list-question.active .result-items svg {
	width: 35px;
	margin-right: 8px;
}

.speaking_2_page .list-question.active .result-items .js-svg.active svg * {
	fill: #ffd700;
}

.speaking_2_page .list-question.active .result-items .js-svg.active-haft svg g * {
	fill: #ffd700;
}

.speaking_2_page .re-speaking .speaking_stop {
	display: none;
}

.speaking_2_page .re-speaking .speaking_talk {
	display: block;
}

.___hidden {
	display: none !important;
}

.speaking_2_page .re-speaking.active .speaking_stop {
	display: block;
}

.speaking_2_page .re-speaking.active .speaking_talk {
	display: none;
}

.speaking_2_page .speaking_3_box {
	padding-bottom: 50px;
}

.speaking_2_page .btn-continue {
	background: linear-gradient(90deg, #00b9b6 0%, #00e0a1 96.16%);
	border-radius: 20px;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	width: 120px;
}

.speaking_2_page .btn-continue.__disable {
	background: linear-gradient(0deg, #c4c4c4, #c4c4c4),
		linear-gradient(90deg, #00b9b6 0%, #00e0a1 96.16%);
	pointer-events: none;
}

.speaking_2_page .___after_audiotape .___left {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.speaking_2_page .___score {
	font-weight: 700;
	font-size: 24px;
	color: #00bbb5;
}

.speaking_2_page .___after_audiotape {
	display: flex;
	background: #ffffff;
	border: 2px solid #cfcfcf;
	border-radius: 10px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 10px 30px;
	position: relative;
}

.speaking_2_page .___after_audiotape .speaking_questions_outside {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.speaking_2_page .___box_outside {
	padding: 0 20px 0 40px;
	width: 858px;
}

.speaking_2_page .___text_color_score {
	font-weight: 400;
	font-size: 20px !important;
	margin-bottom: 0 !important;
}

.speaking_2_page .___avatar {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
}

.speaking_2_page #web-speech-solution>.non-space:nth-child(2) {
	text-transform: unset !important;
}

.speaking_2_page #web-speech-solution .___hint_texts {
	display: inline-block;
}

.speaking_2_page .___process {
	display: flex;
	height: 22px;
	align-items: center;
}

.speaking_2_page .___sentence {
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 20px;
}

.speaking_2_page .___process_left {
	width: 75%;
	margin-right: 30px;
	background: rgb(177 229 217);
	border-radius: 20px;
	height: 22px;
}

.speaking_2_page .___overall_score {
	font-weight: 700;
	font-size: 24px;
	color: #00cc83;
}

.speaking_2_page .___process_left .___process_achieve {
	background: linear-gradient(90deg, #00b9b6 0%, #00e0a1 96.16%);
	height: 100%;
	border-radius: 20px;
}

.speaking_2_page .___hints_table .___btn_close_hints_table {
	font-weight: 700;
	font-size: 16px;
	background: linear-gradient(90deg, #00b9b6 0%, #00e0a1 96.16%);
	border-radius: 20px;
	width: 120px;
	color: #ffffff;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-top: 40px !important;
}

/*start ___hints_table*/
.___hints_table.___active {
	display: block;
}

.___hints_table {
	display: none;
	position: absolute;
	background: #fff;
	z-index: 99;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	padding: 20px;
	/*max-width: 360px;*/
	font-size: 15px;
	left: 50%;
	transform: translate(-50%);
	top: 40px;
	width: 500px;
	border-radius: 30px;
	color: #000;
	padding-bottom: 30px;
}

@media (max-width: 767px) {
	.___hints_table {
		max-width: 260px;
		transform: translate(-55%);
	}
}

.___hints_table:after {
	content: "";
	width: 25px;
	height: 15px;
	display: block;
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
	background: #fff;
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.___hints_table .hint-audio>div {
	margin: 0 20px;
}

.___hints_table table {
	white-space: nowrap;
	margin: 0;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	font-size: 18px;
	margin-top: 24px;
	border-top: 2px solid #c4c4c4;
}

.___hints_table tr th {
	padding: 10px 10px;
}

.___hints_table tr th:nth-child(n + 2) {
	text-align: center;
}

.___hints_table tr:first-child {
	font-weight: 100;
}

.___hints_table tr td {
	width: 29px;
	padding: 15px 10px 0;
	border: none;
	font-size: 18px;
	color: #000000;
	font-family: "Myriad Regular";
}

.___hints_table tr td:nth-child(n + 2) {
	text-align: center;
}

/*___hints_table end*/

.___text_center {
	text-align: center;
}

.___explain {
	white-space: pre;
	display: contents;
}

.new-placeholder:before {
	content: attr(placeholder) "" !important;
}

.example-page .custom-select .select,
.example-page .custom-select-2 .select,
.not_select {
	min-width: 160px;
	margin: 0;
}

.fill_the_word-page .ajax_load_mini_test .find_the_word-box .questions-items.answer-true .select,
.fill_the_word-page .ajax_load_mini_test .find_the_word-box .questions-items.answer-false .select,
.is_selected {
	min-width: 180px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .result-answer .reset_padding_text {
	padding: 15px;
}

.reading_answer_questions-page .questions-choose .questions-items.final-items .result-answer .reset_hand_icon {
	left: 0;
}

.reading_14 .questions-choose .questions-items.questions-check.final-items .balance-data-explain {
	padding: 0 30px;
}

.reading_14 .questions-choose .questions-items.questions-check.final-items .balance-text-explain {
	padding-left: 0;
	margin-left: 0;
}

/* Grammar 6 */
.use_the_conjunction-page .find_the_mistake-box .questions-choose .questions-items.answer-done .answer-text .input-text,
.use_the_conjunction-page .find_the_mistake-box .questions-choose .questions-items.answer-done .answer-text .input-text * {
	color: #8dd546 !important;
}

/* Grammar 7 New Style */
.use_the_conjunction-page .questions-choose .input-grammar7-wrapper {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
}

.use_the_conjunction-page .questions-choose .input-grammar7-wrapper .input_text_grammar6 {
	padding-left: 0 !important;
	width: unset;
	min-width: 25%;
	color: #8e1c76;
}

.use_the_conjunction-page .questions-choose .input-grammar7-wrapper .input_text_grammar6::before {
	left: 0 !important;
}

.use_the_conjunction-page .questions-choose .input-grammar7-wrapper .input-hint.prefix {
	position: relative;
	margin-bottom: 10px;
	margin-right: 5px;
	font-size: 20px;
	color: #000;
	font-style: unset;
	font-family: "Myriad Semibold";
	outline: none;
	border: none;
}

.use_the_conjunction-page .questions-choose .img-pencil {
	min-width: 65px;
	margin-right: 15px !important;
}

/* Grammar 7 New Style */
.use_the_conjunction-page .question-grammar-7 .answer-text {
	padding-bottom: 20px;
}

.use_the_conjunction-page .question-grammar-7 .questions-items.suggest-active .answer-text .input-text {
	padding-left: 35px !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	padding-right: 35px !important;
}

.use_the_conjunction-page .question-grammar-7 .answer-done .input-text {
	text-indent: 0 !important;
}

.use_the_conjunction-page .question-grammar-7 .questions-items.suggest-active .answer-text .input-text,
.use_the_conjunction-page .question-writing-4 .questions-items.suggest-active .answer-text .input-text {
	min-height: 92px;
}

.use_the_conjunction-page .question-grammar-7 .questions-items.answer-false .answer-text .input-padding-top {
	padding-top: 32px !important;
}

/* Text Homework */
.text-record {
	position: absolute;
	background-color: #f8af36;
	/* top: -40px; */
	/* left: -11px; */
	bottom: -40px;
	width: max-content;
	padding: 0.4rem 1.25rem;
	border-radius: 2rem;
	font-size: 1.025rem;
	color: white;
	font-family: "Myriad Bold";
}

.time_stop_new {
	margin-left: 285px;
}

.speaking_2_new {
	padding-top: 50px;
}

.relative {
	position: relative;
}

.audio-speed-absolute {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -120px;
}

.questions-speed-audio {
	border: 1.2px solid #01283a;
	border-radius: 12px;
	width: 80px;
	height: 30px;
	align-self: center;
	background-color: #fff;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
	cursor: pointer;
}

.questions-speed-audio .speed-audio-popper {
	background-color: #fff;
	border-radius: 12px;
	width: 80px;
	border: 1.2px solid #01283a;
	position: absolute;
	top: 0;
	left: -0.5px;
	right: 0;
	border-top-width: 0;
	display: none;
	z-index: 1;
}

.questions-speed-audio .speed-audio-popper.active {
	display: block !important;
}

.questions-speed-audio .speed-audio-popper .speed-audio-list {
	display: flex;
	flex-direction: column;
}

.questions-speed-audio .speed-audio-popper .speed-audio-list .speed-audio-item {
	text-align: center;
	color: #01283a;
	margin: 0;
	font-size: 16px;
	padding: 3px 0;
}

.questions-speed-audio .speed-audio-popper .speed-audio-list .speed-audio-item:first-child {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.questions-speed-audio .speed-audio-popper .speed-audio-list .speed-audio-item:last-child {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.questions-speed-audio .speed-audio-popper .speed-audio-list .speed-audio-item:hover {
	background-color: #dedede;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.record-slider-range {
	display: flex;
	align-items: center;
	position: relative;
}

.record-slider-input {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	cursor: default;
	outline: none;
	overflow: hidden;
	border-radius: 16px;
}

.record-slider-input::-webkit-slider-runnable-track {
	height: 15px;
	background: transparent;
	border: 1px solid #8A60BD;
	border-radius: 16px;
}

.record-slider-input::-moz-range-track {
	height: 15px;
	background: transparent;
	border: 1px solid #8A60BD;
	border-radius: 16px;
}

.record-slider-input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: 15px;
	width: 15px;
	background-color: #8A60BD;
	border-radius: 50%;
	border: none;
	box-shadow: -407px 0 0 400px #8A60BD;
	opacity: 0.8;
}

.record-slider-input::-moz-range-thumb {
	height: 15px;
	width: 15px;
	background-color: #8A60BD;
	border-radius: 50%;
	border: none;
	box-shadow: -407px 0 0 400px #8A60BD;
	/* opacity: 0.8; */
}

.time-recorder-box {
	background: linear-gradient(44deg, rgba(183, 48, 189, 1) 36%, rgba(86, 150, 189, 1) 80%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	box-shadow: rgba(138, 96, 189, 0.5) 0px 8px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 400;
}

.speaking_3_box .time-recorder-box {
	background: linear-gradient(90deg, #00b9b6 0%, #00e0a1 96.16%);
	box-shadow: rgba(20, 161, 176, 0.5) 0px 8px 24px;
}

.speaking_3_box .record-slider-input::-webkit-slider-runnable-track {
	border: 1px solid #00e0a1;
}

.speaking_3_box .record-slider-input::-moz-range-track {
	border: 1px solid #00e0a1;
}

.speaking_3_box .record-slider-input::-webkit-slider-thumb {
	background-color: #00e0a1;
	box-shadow: -407px 0 0 400px #00e0a1;
}

.speaking_3_box .record-slider-input::-moz-range-thumb {
	background-color: #00e0a1;
	box-shadow: -407px 0 0 400px #00e0a1;
}

.recording_sentences-box .btn {
	margin: 24px 0 0;
}

.recording_sentences-box .recording_sentences-button {
	margin: 0
}