html, body {
	background-color: #54A92E;
}

.rd-block-card {
	width: 1140px;
	height: 780px;
	background-color: #54A92E;
	margin: 0 auto;
	/* position: absolute;
    left: 50%;
    transform: translateX(-50%); */
}

.rd-block-card-content {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.rd-block-card-header {
	width: 100%;
	height: 12%;
}

	.rd-block-card-header img {
		margin-top: 30px;
		margin-left: 10px;
	}

.rd-block-card-body {
	width: 100%;
	height: 88%;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 10px;
	padding: 5px 10px;
	box-sizing: border-box;
}

.rd-block-card-body-content {
	width: calc(100% - 20px);
	height: calc(100% - 25px);
	border-radius: 10px;
	border: 3px #4b9121 solid;
	background-color: #ff7e01;
	padding: 10px;
}


/* 
.rd-block-card-data {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border-radius: 10px;
    border: 15px #fff solid;
    background-color: #fffb89;
    position: relative;
} */
.card-list {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
	height: 90%;
	text-align: center;
	display: inline-block;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

	.card-list .card-item {
		width: 25%;
		height: 130px;
		text-align: center;
		float: left;
		margin-bottom: 25px;
		position: relative;
	}

		.card-list .card-item .card-item-inner {
			margin: 5px;
			width: calc(100% - 20px);
			height: calc(100% - 10px);
			background-color: #9be202;
			border-radius: 10px;
			padding: 4px;
			cursor: pointer;
			text-align: center;
			position: relative;
			top: 0;
			left: 0;
			max-height: 150px;
			border-bottom: 2px green solid;
			transition: transform 0.6s;
			transform-style: preserve-3d;
		}

			.card-list .card-item .card-item-inner .card-item-image,
			.card-list .card-item .card-item-inner .card-item-text {
				border: 1px #e2f578 dashed;
				border-radius: 10px;
				padding: 5px;
				width: calc(100% - 20px);
				height: calc(100% - 20px);
				position: absolute;
				backface-visibility: hidden;
			}

				.card-list .card-item .card-item-inner .card-item-image.card-item-word div {
					height: 100%;
					background: #fff;
					border-radius: 10px;
					font-weight: bold;
				}

					.card-list .card-item .card-item-inner .card-item-image.card-item-word div p {
						padding-top: 30px;
					}

		.card-list .card-item .card-item-text {
			transform: rotateY(180deg);
			text-align: center;
		}

			.card-list .card-item .card-item-text b {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				font-size: 20px;
			}

		.card-list .card-item .card-item-inner .card-item-image img {
			max-width: 100%;
			height: 100%;
			border-radius: 5px;
		}

.card-item.hover .card-item-inner {
	transform: rotateY(180deg);
}

.card-list-1line {
	padding-top: 350px;
}

.card-list-2line {
	padding-top: 160px;
}

.card-list-3line {
	padding-top: 80px;
}

	.card-list-1line .card-item,
	.card-list-2line .card-item,
	.card-list-3line .card-item {
		height: 150px !important;
	}

		.card-list-1line .card-item .card-item-inner,
		.card-list-2line .card-item .card-item-inner,
		.card-list-3line .card-item .card-item-inner {
			max-height: 180px !important;
		}

.card-list-4line {
	padding-top: 0;
}

.rd-block-card-action {
	position: absolute;
	top: 12%;
	right: -9%;
	width: 7%;
	text-align: center;
	height: 88%;
}

	.rd-block-card-action > div {
		max-height: 15%;
	}

		.rd-block-card-action > div > a {
			display: block;
		}

		.rd-block-card-action > div:first-child img {
			max-width: 70%;
		}

	.rd-block-card-action img {
		max-width: 100%;
		margin-bottom: 10%;
		max-height: 100%;
	}

.rb-book-report-header {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	width: 850px;
	top: 85px;
	z-index: 12;
}

.rb-book-report-body {
	position: absolute;
	width: 1000px;
	top: 210px;
	transform: translateX(-50%);
	left: 50%;
}

.book-report-3items .rd-book-report-center-item,
.book-report-4items .rd-book-report-center-item,
.book-report-5items .rd-book-report-center-item {
	display: block;
}

.book-report-6items .rd-book-report-center-item {
	display: none;
}

.rd-book-report {
	background-image: url(../img/693.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-book-report-draggable-item {
	width: 180px;
	height: 105px;
	background-image: url(../img/664.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 12px;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	z-index: 11;
}

	.rd-book-report-draggable-item:last-child {
		margin-right: 0;
	}

	.rd-book-report-draggable-item img,
	.rd-book-report-droppable-item img {
		width: 100%;
		height: calc(100% - 5px);
	}

.rd-book-report-draggable {
	height: 120px;
	text-align: center;
	white-space: nowrap;
}

.rd-book-report-droppable {
	position: relative;
	height: 380px;
}

.rd-book-report-droppable-item {
	width: 180px;
	height: 105px;
	position: absolute;
	background-image: url(/ver2.0/img/6642.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	z-index: 10;
}

	.rd-book-report-droppable-item p {
		padding: 20px 10px;
	}

/*.rd-book-report-center-item {
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(/ver2.0/img/6643.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 365px;
	height: 315px;
}

.rd-book-report-center-item-body {
	position: relative;
}

.rd-book-report-center-item img {
	width: 170px;
	height: 95px;
	position: absolute;
	top: 85px;
	left: 95px;
}

.rd-book-report-center-item p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	position: absolute;
	top: 210px;
	text-align: center;
	display: block;
	width: 100%;
}*/

/*5 items*/
.book-report-4items #bookReportDrop .rd-book-report-droppable-item:nth-child(1) {
	top: 50px;
	left: 90px;
}

.book-report-4items #bookReportDrop .rd-book-report-droppable-item:nth-child(2) {
	top: 50px;
	right: 90px;
}

.book-report-4items #bookReportDrop .rd-book-report-droppable-item:nth-child(3) {
	top: 240px;
	left: 90px;
}

.book-report-4items #bookReportDrop .rd-book-report-droppable-item:nth-child(4) {
	top: 240px;
	right: 90px;
}

.book-report-4items .book-report-arrows-4 {
	display: block !important;
}

.book-report-4items .rd-book-report-center-item .rd-book-report-center-item-inner {
	width: 180px;
	height: 105px;
	position: absolute;
	background-image: url(/ver2.0/img/6642.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	top: 110px;
}

.book-report-4items .rd-book-report-center-item .rd-book-report-center-item-inner-text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 235px;
	font-weight: bold;
	color: #fff;
	background-image: url(/ver2.0/img/670.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 283px;
	height: 36px;
	text-align: center;
	padding-top: 7px;
	font-size: 14px;
}

.book-report-arrows-4 {
	position: relative;
	width: 100%;
	height: 100%;
}

	.book-report-arrows-4 img {
		position: absolute;
	}

	.book-report-arrows-4 .book-report-arrow-1 {
		top: 60px;
		left: 320px;
	}

	.book-report-arrows-4 .book-report-arrow-2 {
		top: 60px;
		right: 320px;
	}

	.book-report-arrows-4 .book-report-arrow-3 {
		top: 280px;
		left: 320px;
	}

	.book-report-arrows-4 .book-report-arrow-4 {
		top: 280px;
		right: 320px;
	}

/*5 items*/
.book-report-5items #bookReportDrop .rd-book-report-droppable-item:nth-child(1) {
	top: 50px;
	left: 90px;
}

.book-report-5items #bookReportDrop .rd-book-report-droppable-item:nth-child(2) {
	top: 50px;
	right: 90px;
}

.book-report-5items #bookReportDrop .rd-book-report-droppable-item:nth-child(3) {
	top: 200px;
	left: 90px;
}

.book-report-5items #bookReportDrop .rd-book-report-droppable-item:nth-child(4) {
	top: 200px;
	right: 90px;
}

.book-report-5items #bookReportDrop .rd-book-report-droppable-item:nth-child(5) {
	top: 240px;
	left: 50%;
	transform: translateX(-50%);
}

.book-report-5items .book-report-arrows-5 {
	display: block !important;
}

.book-report-5items .rd-book-report-center-item .rd-book-report-center-item-inner {
	width: 180px;
	height: 105px;
	position: absolute;
	background-image: url(/ver2.0/img/6642.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
}

.book-report-5items .rd-book-report-center-item .rd-book-report-center-item-inner-text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 155px;
	font-weight: bold;
	color: #fff;
	background-image: url(/ver2.0/img/670.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 283px;
	height: 36px;
	text-align: center;
	padding-top: 7px;
	font-size: 14px;
}




/*3 items*/
.book-report-3items #bookReportDrop .rd-book-report-droppable-item:nth-child(1) {
	top: 50px;
	left: 90px;
}

.book-report-3items #bookReportDrop .rd-book-report-droppable-item:nth-child(2) {
	top: 50px;
	right: 90px;
}

.book-report-3items #bookReportDrop .rd-book-report-droppable-item:nth-child(3) {
	top: 240px;
	left: 50%;
	transform: translateX(-50%);
}

.book-report-3items .book-report-arrows-3 {
	display: block !important;
}

.book-report-3items .rd-book-report-center-item .rd-book-report-center-item-inner {
	width: 180px;
	height: 105px;
	position: absolute;
	background-image: url(/ver2.0/img/6642.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
}

.book-report-3items .rd-book-report-center-item .rd-book-report-center-item-inner-text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 155px;
	font-weight: bold;
	color: #fff;
	background-image: url(/ver2.0/img/670.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 283px;
	height: 36px;
	text-align: center;
	padding-top: 7px;
	font-size: 14px;
}

.book-report-arrows-5,
.book-report-arrows-3 {
	position: relative;
	width: 100%;
	height: 100%;
}

	.book-report-arrows-5 img,
	.book-report-arrows-3 img {
		position: absolute;
	}

	.book-report-arrows-5 .book-report-arrow-1,
	.book-report-arrows-3 .book-report-arrow-1 {
		top: 100px;
		left: 320px;
	}

	.book-report-arrows-5 .book-report-arrow-2,
	.book-report-arrows-3 .book-report-arrow-2 {
		top: 100px;
		right: 320px;
	}

	.book-report-arrows-5 .book-report-arrow-3,
	.book-report-arrows-3 .book-report-arrow-3 {
		top: 200px;
		left: 320px;
	}

	.book-report-arrows-5 .book-report-arrow-4,
	.book-report-arrows-3 .book-report-arrow-4 {
		top: 200px;
		right: 320px;
	}

	.book-report-arrows-5 .book-report-arrow-5,
	.book-report-arrows-3 .book-report-arrow-5 {
		top: 200px;
		left: 50%;
		transform: translateX(-50%);
	}

/*6 items*/
.book-report-6items #bookReportDrop .rd-book-report-droppable-item:nth-child(1) {
	top: 50px;
	left: 80px;
}

.book-report-6items #bookReportDrop .rd-book-report-droppable-item:nth-child(2) {
	top: 50px;
	left: 400px;
}

.book-report-6items #bookReportDrop .rd-book-report-droppable-item:nth-child(3) {
	top: 50px;
	right: 80px;
}

.book-report-6items #bookReportDrop .rd-book-report-droppable-item:nth-child(4) {
	top: 200px;
	left: 80px;
}

.book-report-6items #bookReportDrop .rd-book-report-droppable-item:nth-child(5) {
	top: 200px;
	left: 400px;
}

.book-report-6items #bookReportDrop .rd-book-report-droppable-item:nth-child(6) {
	top: 200px;
	right: 80px;
}

.book-report-6items .book-report-arrows-6 {
	display: block !important;
}

.book-report-arrows-6 {
	position: relative;
	width: 100%;
	height: 100%;
}

	.book-report-arrows-6 img {
		position: absolute;
	}

	.book-report-arrows-6 .book-report-arrow-1 {
		top: 100px;
		left: 320px;
	}

	.book-report-arrows-6 .book-report-arrow-2 {
		top: 100px;
		right: 320px;
	}

	.book-report-arrows-6 .book-report-arrow-3 {
		top: 100px;
		right: 20px;
	}

	.book-report-arrows-6 .book-report-arrow-4 {
		top: 240px;
		right: 320px;
	}

	.book-report-arrows-6 .book-report-arrow-5 {
		top: 240px;
		left: 320px;
	}

.rd-book-report-droppable-item .rd-book-report-draggable-item {
	left: -10px !important;
	top: -12px !important;
}

.rd-block-card-data {
	width: calc(100%);
	height: calc(100% - 20px);
	border-radius: 10px;
	background-color: #fffb89;
	position: relative;
}

.rd-block-card-body-content,
.rd-block-card-data {
	background: none;
	background-color: #fff;
}

.clearfix {
	clear: both;
}

.rd-finished {
	padding: 60px 90px 20px 90px;
	max-height: 70%;
}

.rd-finished-content {
	border: 1px #000 solid;
	border-radius: 20px;
	padding: 80px 110px;
}

.rd-finished-left {
	width: 25%;
	float: left;
}

	.rd-finished-left img {
		max-height: 280px;
	}

.rd-finished-right {
	width: 75%;
	float: left;
}

.rd-finished-right-content {
	padding-left: 100px;
	text-align: center;
}

	.rd-finished-right-content h3 {
		font-size: 45px;
		font-weight: bold;
		color: #54a92e;
		text-shadow: 0px 1px 5px rgba(0,0,0,.2);
		margin-bottom: 65px;
	}

		/*.rd-finished-right-content h3 b,
		.rd-finished-right-content h3 span {
			float: left;
		}*/

		.rd-finished-right-content h3 span {
			text-shadow: none;
			font-size: 70px;
			font-weight: normal;
			margin-top: -22px;
			margin-left: 40px;
		}

	.rd-finished-right-content p {
		font-size: 24px;
	}

.rd-finished-action {
	position: absolute;
	width: calc(100% - 180px);
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
}

	.rd-finished-action a img {
		max-height: 95px;
	}

.rd-finished-action-right a {
	padding-left: 20px;
}

.rd-watch-reader {
	padding: 40px 100px;
	width: 780px;
	margin: 0 auto;
}

.rd-watch-reader-video-body {
	text-align: center;
	position: relative;
}

.rd-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 10;
	height: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	opacity: 1 !important;
	width: auto !important;
	background: none !important
}

.right-settings a {
	float: left;
	margin-left: 5px;
}





.rd-sentence-game {
	background-image: url(../img/249.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-sentence-game-step {
	position: absolute;
	top: 9.5%;
	right: 65px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}

	.rd-sentence-game-step span.total {
		padding-left: 40px;
		padding-top: 20px
	}

.rd-sentence-game .sentence-game-draggable {
	text-align: right;
	padding-top: 100px;
	position: relative;
}

.animation-run {
	animation: linear infinite alternate;
	-webkit-animation: linear infinite alternate;
	-webkit-animation-name: run;
	-webkit-animation-duration: 30s;
}

.rd-sentence-game .ui-draggable {
	/*background-image: url(../img/281.png);
	background-size: 100% 90%;
	background-repeat: no-repeat;*/
	min-width: 100px;
	height: 32px !important;
	white-space:nowrap;
	text-align: center;
	/*line-height: 86px;*/
	font-weight: bold;
	font-size: 28px;
	color: #007ab0;
	position: absolute;
	cursor: pointer !important;
	background-color:#fff;
	padding:0 10px;
	border-radius:10px;
	display:inline-table;
	/*animation: linear infinite alternate;
	-webkit-animation: linear infinite alternate;
	-webkit-animation-name: run;
	-webkit-animation-duration: 30s;*/
}

	.rd-sentence-game .ui-draggable:active:hover {
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-o-animation-play-state: paused;
		animation-play-state: paused;
	}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(1) {
	right: 480px;
	top: 100px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(2) {
	-webkit-animation-duration: 50s;
	left: 200px;
	top: 130px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(3) {
	-webkit-animation-duration: 20s;
	right: 300px;
	top: 200px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(4) {
	-webkit-animation-duration: 70s;
	left: 230px;
	top: 300px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(5) {
	-webkit-animation-duration: 40s;
	right: 100px;
	top: 170px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(6) {
	-webkit-animation-duration: 20s;
	left: 50%;
	top: 370px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(7) {
	-webkit-animation-duration: 20s;
	left: 100px;
	top: 70px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(8) {
	-webkit-animation-duration: 20s;
	left: 330px;
	top: 340px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(9) {
	-webkit-animation-duration: 20s;
	left: 10%;
	top: 370px;
}

#sentenceGameLoaded .draggable .ui-draggable:nth-child(10) {
	-webkit-animation-duration: 20s;
	left: 60%;
	top: 450px;
}

#sentenceGameLoaded.sentenceGameLoaded-3items .draggable .ui-draggable:nth-child(2) {
	top: 180px;
}

#sentenceGameLoaded.sentenceGameLoaded-3items .draggable .ui-draggable:nth-child(3) {
	top: 280px;
}

#sentenceGameLoaded.sentenceGameLoaded-4items .draggable .ui-draggable:nth-child(2) {
	top: 170px;
}

#sentenceGameLoaded.sentenceGameLoaded-4items .draggable .ui-draggable:nth-child(3) {
	top: 270px;
}

#sentenceGameLoaded.sentenceGameLoaded-4items .draggable .ui-draggable:nth-child(4) {
	top: 350px;
}

#sentenceGameLoaded.sentenceGameLoaded-5items .draggable .ui-draggable:nth-child(1) {
	top: 80px;
}

#sentenceGameLoaded.sentenceGameLoaded-5items .draggable .ui-draggable:nth-child(2) {
	top: 150px;
}

#sentenceGameLoaded.sentenceGameLoaded-5items .draggable .ui-draggable:nth-child(3) {
	top: 220px;
}

#sentenceGameLoaded.sentenceGameLoaded-5items .draggable .ui-draggable:nth-child(4) {
	top: 290px;
}

#sentenceGameLoaded.sentenceGameLoaded-5items .draggable .ui-draggable:nth-child(5) {
	top: 360px;
}
/*.rd-sentence-game .sentence-game-draggable2 {
	-webkit-animation-duration: 50s;
	left: 60%;
	top: 180px;
}*/
/*.rd-sentence-game .sentence-game-draggable3 {
	-webkit-animation-duration: 20s;
	left: 60%;
	top: 260px;
}*/
/*.rd-sentence-game .sentence-game-draggable4 {
	-webkit-animation-duration: 70s;
	left: 60%;
	top: 320px;
}*/
@-webkit-keyframes run {
	0% {
		left: 50%;
	}

	50% {
		left: 15%;
	}

	100% {
		left: 50%;
	}
}

.sentence-game-droppable-zone {
	position: absolute;
	bottom: 50px;
	height: 100px;
	width: 1000px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.rd-sentence-game .ui-droppable {
	width: 130px;
	height: 100%;
	color: #fff;
	margin-bottom: 20px;
	border-bottom: 3px solid #007ab0;
	text-align: center;
	line-height: 170px;
	font-weight: bold;
	font-size: 20px;
	color: #007ab0;
	cursor: pointer;
	margin: 0 6px;
	/* padding-top: 50px; */
	white-space: nowrap;
	position: relative;
}

.sentence-game-droppable-inner {
	position: absolute;
	width: 70%;
	height: 60%;
	bottom: -3px;
	left: 15%;
	border-bottom: 3px solid #007ab0;
}

	.sentence-game-droppable-inner:before {
		position: absolute;
		content: '';
		width: 142%;
		height: 3px;
		background-color: transparent;
		bottom: -3px;
		left: -21%;
	}

	.sentence-game-droppable-inner:hover:before {
		background-color: #fea00e;
	}
/*.rd-sentence-game .sentence-game-droppable2 {
	left: 370px;
}

.rd-sentence-game .sentence-game-droppable3 {
	left: 540px;
}

.rd-sentence-game .sentence-game-droppable4 {
	left: 710px;
}*/

.sentence-game-loaded {
	display: none;
}



.word-card-page .rd-block-card-body-content {
	background-color: #ff7e01 !important;
}

.word-card-page .rd-block-card-data {
	background-color: #fffb89 !important;
	border: 10px #fff solid;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}




.rd-word-game {
	background-image: url(../img/569.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-word-game-step {
	position: absolute;
	top: 9%;
	right: 65px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}

	.rd-word-game-step span.total {
		padding-left: 40px;
		padding-top: 20px
	}

.rd-word-game-content {
}

.rd-word-game-content-left {
	width: 32%;
	position: absolute;
	top: 34%;
	left: 6%;
}

	.rd-word-game-content-left img {
		width: 100%;
		max-height: 280px;
	}

.rd-word-game-content-right {
	width: 50%;
	height: 69%;
	position: absolute;
	top: 25%;
	right: 8%;
	cursor: url(../img/603.png), auto;
	transition: all ease-in-out .5s
}

.mouseDownCursor {
	cursor: url(../img/605.png), auto;
}

.wg-items {
	height: 100%;
	position: relative;
}

.wg-item {
	position: absolute;
	overflow: hidden;
	z-index: 10;
	padding-top: 44px;
	height: 220px;
	width: 174px;
	background-image: url(../img/569_bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
}

	.wg-item.item-1 {
		left: 16%;
		top: -36px;
	}

	.wg-item.item-2 {
		right: 15%;
		top: -132px;
	}

	.wg-item.item-3 {
		top: 135px;
		left: 18%;
	}

	.wg-item.item-4 {
		right: 10%;
		top: 64px;
	}

	.wg-item img {
		position: absolute;
		bottom: -6px;
	}

		.wg-item img.correct,
		.wg-item img.incorrect {
			display: none;
			bottom: -3px;
			left: -1px;
		}

	.wg-item span {
		position: absolute;
		top: 190px;
		font-weight: bold;
		font-size: 20px;
		left: 50%;
		transform: translateX(-50%);
	}

	.wg-item img {
		position: absolute;
		top: 0;
		left: 2px;
		animation: MoveUpDown 3s linear infinite;
	}

	.wg-item span {
		animation: MoveUpDown2 3s linear infinite;
	}

@keyframes MoveUpDown {
	0%, 100% {
		top: 200px;
	}

	50% {
		top: 100px;
	}
}

@keyframes MoveUpDown2 {
	0%, 30%, 80%, 100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}



.rd-type2-summay-web {
	background-image: url(../img/65.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-type2-summay-web-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-web-center-item {
	width: 170px;
	height: 85px;
	text-align: center;
	background-image: url(../img/56.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
}

	.rd-type2-summay-web-center-item p {
		font-weight: bold;
		color: #503b2d;
		padding: 20px 15px;
	}

.rd-type2-summay-web-item {
	width: 300px;
	height: 205px;
	background-image: url(../img/1129.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: absolute;
	top: 50px;
	left: 30px;
}

.rd-type2-summay-web-items .rd-type2-summay-web-item:nth-child(2) {
	left: auto;
	right: 80px;
}

.rd-type2-summay-web-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-web-item-avata {
	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(../img/9.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 3;
	top: -30px;
	left: 25px;
	overflow: hidden;
}

	.rd-type2-summay-web-item-avata img {
		width: 60px;
		border-radius: 50%;
		padding: 5px 7px;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

#Type2_summaryWeb2_data .rd-type2-summay-web-item-avata img {
	border-radius: 15px;
}

.rd-type2-summay-web-item-header {
	position: absolute;
	width: 100%;
	height: 75px;
	top: -20px;
	left: 25px;
	background-image: url(../img/29.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 1;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	color: #503b2d;
}

	.rd-type2-summay-web-item-header span {
		padding-left: 70px;
		font-size: 14px;
		display: block;
		line-height: 1;
		width: 180px;
		padding-top: 10px;
	}

.rd-type2-summay-web-item-body {
	position: absolute;
	height: 132px;
	bottom: 0;
	right: 0;
	font-weight: bold;
	color: #503b2d;
	width: 100%;
}

	.rd-type2-summay-web-item-body p {
		padding: 10px 10px 10px 80px;
	}

		.rd-type2-summay-web-item-body p:hover {
			color: #fff;
			cursor: default;
		}

.rd-type2-summay-web-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type2-summay-web-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #fa8c3a;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type2-summay-web-text-item-drag {
	float: left;
	cursor: pointer;
	width: 210px;
	margin-right: 20px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
}

	.rd-type2-summay-web-text-item-drag:hover {
		color: #fff;
		cursor: default;
	}

.word-prev,
.word-next {
	position: absolute;
	top: 35px;
}

.word-prev {
	left: -50px;
}

.word-next {
	right: -50px;
}

.rd-type2-summay-web-2items .rd-type2-summay-web-item {
	top: 80px;
	height: 340px;
	background-image: url(../img/1155.png);
}

.rd-type2-summay-web-2items .rd-type2-summay-web-item-body {
	height: 310px;
}


.rd-type2-summay-web-4items .rd-type2-summay-web-item:nth-child(3),
.rd-type2-summay-web-5items .rd-type2-summay-web-item:nth-child(3) {
	top: 250px;
}

.rd-type2-summay-web-4items .rd-type2-summay-web-item:nth-child(4),
.rd-type2-summay-web-5items .rd-type2-summay-web-item:nth-child(4) {
	top: 250px;
	left: auto;
	right: 80px;
}

.rd-type2-summay-web-3items .rd-type2-summay-web-item:nth-child(3),
.rd-type2-summay-web-5items .rd-type2-summay-web-item:nth-child(5) {
	top: 250px;
	left: 50%;
	transform: translateX(-50%);
}

.rd-type2-summay-web-2items .item-arrow-1,
.rd-type2-summay-web-2items .item-arrow-2 {
	display: block;
}

.rd-type2-summay-web-2items .item-arrow-3,
.rd-type2-summay-web-2items .item-arrow-4,
.rd-type2-summay-web-2items .item-arrow-5 {
	display: none;
}

.rd-type2-summay-web-3items .item-arrow-1,
.rd-type2-summay-web-3items .item-arrow-2,
.rd-type2-summay-web-3items .item-arrow-5 {
	display: block;
}

.rd-type2-summay-web-3items .item-arrow-3,
.rd-type2-summay-web-3items .item-arrow-4 {
	display: none;
}

.rd-type2-summay-web-4items .item-arrow-1,
.rd-type2-summay-web-4items .item-arrow-2,
.rd-type2-summay-web-4items .item-arrow-3,
.rd-type2-summay-web-4items .item-arrow-4 {
	display: block;
}

.rd-type2-summay-web-4items .item-arrow-5 {
	display: none;
}

.rd-type2-summay-web-5items .item-arrow-1,
.rd-type2-summay-web-5items .item-arrow-2,
.rd-type2-summay-web-5items .item-arrow-3,
.rd-type2-summay-web-5items .item-arrow-4,
.rd-type2-summay-web-5items .item-arrow-5 {
	display: block;
}

.rd-type2-summay-web-3items .rd-type2-summay-web-item-avata,
.rd-type2-summay-web-4items .rd-type2-summay-web-item-avata,
.rd-type2-summay-web-5items .rd-type2-summay-web-item-avata {
	top: 15px;
}

.rd-type2-summay-web-3items .rd-type2-summay-web-item-header,
.rd-type2-summay-web-4items .rd-type2-summay-web-item-header,
.rd-type2-summay-web-5items .rd-type2-summay-web-item-header {
	top: 25px;
}

.rd-type2-summay-web-2items .rd-type2-summay-web-item:nth-child(3),
.rd-type2-summay-web-2items .rd-type2-summay-web-item:nth-child(4),
.rd-type2-summay-web-2items .rd-type2-summay-web-item:nth-child(5) {
	display: none;
}

.rd-type2-summay-web-3items .rd-type2-summay-web-item:nth-child(4),
.rd-type2-summay-web-3items .rd-type2-summay-web-item:nth-child(5) {
	display: none;
}

.rd-type2-summay-web-4items .rd-type2-summay-web-item:nth-child(5) {
	display: none;
}

.rd-type2-summay-web-item-arrow {
	position: absolute;
}

.item-arrow-1 {
	top: 160px;
	left: 380px;
}

.item-arrow-2 {
	top: 160px;
	right: 380px;
}

.item-arrow-3 {
	top: 260px;
	left: 380px;
}

.item-arrow-4 {
	top: 260px;
	right: 380px;
}

.item-arrow-5 {
	top: 210px;
	left: 50%;
	transform: translateX(-50%)
}

.rd-type2-summay-web-4items .rd-type2-summay-web-center-item {
	top: 160px;
}

.rd-summry-image {
	padding: 30px 120px;
}

.rd-summry-image-title {
	color: #e41d01;
	font-size: 20px;
	padding-bottom: 25px;
}

.rd-summry-image-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.rd-summry-image-item {
	background-color: #ff6600;
	border-radius: 10px;
	color: #fff;
	width: 185px;
	height: 220px;
	margin: 10px;
	position: relative;
}

.rd-summry-image-item-inner {
	padding: 10px;
}

.rd-summry-image-item-drop {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 1px #ff6600 solid;
	background-color: #ffffc4;
	cursor: pointer;
	z-index: 2;
}

	.rd-summry-image-item-drop span {
		cursor: pointer;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		line-height: 30px;
		text-align: center;
		color: #fff;
		background-color: #ff9900;
		margin: 6px auto;
		z-index: 10;
		display: block;
	}

.rd-summry-image-item-image {
	width: 100%;
	height: 125px;
	margin-bottom: 10px;
}

	.rd-summry-image-item-image img {
		width: 100%;
		height: 125px;
		border-radius: 10px;
	}

.rd-summry-image-item-text {
	text-align: left;
	font-size: 14px;
}

.rd-summry-image-footer {
	border-radius: 60px;
	border: 1px #ff6600 solid;
	background-color: #ffffc4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	max-width: 510px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
}

	.rd-summry-image-footer .rd-summry-image-item-drag {
		cursor: pointer;
		width: 29px;
		height: 29px;
		border-radius: 50%;
		line-height: 30px;
		text-align: center;
		color: #fff;
		background-color: #ff9900;
		margin: 7px 15px;
		z-index: 10;
	}


.rd-type3-summary {
	background-image: url(../img/257.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
}

.rd-type3-summary-header {
	padding: 100px 120px 50px 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rd-type3-summary-header-drag {
	font-weight: bold;
	color: #2336b8;
	font-size: 20px;
	cursor: pointer;
	padding: 5px 20px;
	white-space: nowrap;
}

.rd-type3-summary-body {
	color: #695c53;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 90px 120px 120px;
	line-height: 2.1;
	max-height: 350px;
}

	.rd-type3-summary-body span {
		width: 150px;
		height: 23px;
		display: inline-block;
		border-bottom: 3px #695c53 solid;
		color: #fff;
		text-align: center;
		line-height: 25px;
		margin-bottom: -13px;
		padding-bottom: 30px;
		position: relative;
	}

		.rd-type3-summary-body span b {
			display: none;
		}

.rd-type3-summary2.rd-type3-summary {
	position: relative;
	background: none;
	width: auto;
	height: auto;
}

.rd-type3-summary2 .rd-type3-summary-title {
	color: #0a560a;
	font-size: 20px;
	border-radius: 15px;
	background-color: #f3f4f4;
	padding: 20px 15px;
	margin: 15px 130px;
}

.rd-type3-summary2 .rd-type3-summary-header {
	padding: 5px 35px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 20px 150px;
	background-color: #66cc00;
	border-radius: 15px;
	box-shadow: 3px 4px 6px rgba(0,0,0,.4);
}

.rd-type3-summary2 .rd-type3-summary-header-drag {
	font-weight: bold;
	color: #182f00;
	font-size: 20px;
	cursor: pointer;
	width: calc(33.3% - 20px);
	margin: 10px;
	text-align: center;
	padding: 0;
}

.rd-type3-summary2 .rd-type3-summary-body {
	color: #695c53;
	font-size: 20px;
	font-weight: bold;
	padding: 0 120px 0px 150px;
	line-height: 2.1;
	max-height: 350px;
}

	.rd-type3-summary2 .rd-type3-summary-body span {
		width: 150px;
		height: 30px;
		display: inline-block;
		border-bottom: 3px #695c53 solid;
		margin-bottom: -8px;
		color: red;
		text-align: center;
	}

		.rd-type3-summary2 .rd-type3-summary-body span b {
			display: none;
		}

.rd-reader-quiz {
	width: 100%;
	height: 100%;
	position: relative;
}

.rd-reader-quiz-content {
	padding: 40px 150px;
}

.rd-reader-quiz-total {
	text-align: right;
	font-size: 20px;
}

.rd-reader-quiz-number {
	font-weight: bold;
	font-size: 24px;
	margin: 10px 0;
}

.rd-reader-quiz-question {
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	background-color: #cccccc;
	margin-bottom: 30px;
	border-radius: 5px;
}

.rd-reader-quiz-answer-image {
	width: 275px;
	float: left;
	margin-right: 50px;
}

	.rd-reader-quiz-answer-image img {
		width: 100%;
		border-radius: 10px;
	}

.rd-reader-quiz-answer-list {
	width: calc(100% - 325px);
	float: left;
}

.rd-reader-quiz-answer-item {
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 80px;
}

.rd-reader-quiz-answer-item-checkbox,
.rd-reader-quiz-answer-item-checkbox-select {
	margin-right: 10px;
}

.rd-reader-quiz-answer-item-checkbox-select {
	display: none;
}

.rd-reader-quiz-answer-item.checked .rd-reader-quiz-answer-item-checkbox {
	display: none;
}

.rd-reader-quiz-answer-item.checked .rd-reader-quiz-answer-item-checkbox-select {
	display: inline-block;
}

.rd-reader-quiz-next {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 150px;
}

	.rd-reader-quiz-next img {
		width: 40px;
		cursor: pointer;
	}
/* Diagram Summary */
.rd-type2-summary-diagram {
	background-image: url(../img/65.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-type2-summary-diagram-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-diagram-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type2-summay-diagram-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #fa8c3a;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type2-summay-diagram-text-item {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
}

.rd-type2-summary-diagram-content-inner {
	padding: 50px;
	width: calc(100% - 50px);
	height: calc(100% - 150px);
}

.rd-type2-summary-diagram-content-data {
	width: 730px;
	height: 380px;
	margin: 10px auto;
	background-image: url(../img/26.png);
	background-size: 100% 100%;
}

.rd-type2-summay-diagram-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type2-summay-diagram-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #fa8c3a;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type2-summay-diagram-text-item {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
}

.rd-type2-summay-diagram-item {
	width: 33%;
	height: 320px;
	float: left;
}

.rd-type2-summay-diagram-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-diagram-item-avata {
	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(../img/9.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 3;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}

	.rd-type2-summay-diagram-item-avata img {
		width: 60px;
		margin-top: -2px;
		border-radius: 50%;
		padding: 5px 7px;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.rd-type2-summay-diagram-item-header {
	position: absolute;
	width: 100%;
	height: 55px;
	top: 20px;
	left: 10px;
	background-image: url(../img/29.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	color: #503b2d;
}

	.rd-type2-summay-diagram-item-header p {
		font-weight: bold;
		padding: 15px;
		padding-bottom: 10px;
		font-size: 13px;
		line-height: 1.3;
	}

.rd-type2-summay-diagram-item-body {
	width: 240px;
	height: 100%;
}

.rd-type2-summay-diagram-item-body-drop {
	padding: 80px 30px 0 30px;
	height: 245px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
}

	.rd-type2-summay-diagram-item-body-drop p:hover {
		color: #fff;
	}

.rd-type2-summary-diagram-content-data .rd-type2-summay-diagram-item:nth-child(2) .rd-type2-summay-diagram-item-avata {
	/*display: none;*/
	top: -14px;
}

.rd-type2-summary-diagram-content-data .rd-type2-summay-diagram-item:nth-child(2) .rd-type2-summay-diagram-item-body-drop {
	padding: 100px 20px 0 20px;
}

.rd-type2-summary-diagram-content-data .rd-type2-summay-diagram-item:nth-child(2) .rd-type2-summay-diagram-item-header {
	top: 42px;
	left: 3px;
}

.rd-type2-summary-diagram-content-data .rd-type2-summay-diagram-item:nth-child(3) {
	margin-top: 40px;
	margin-left: -13px;
}


/* Compare Summary*/

.rd-type2-summary-compare {
	background-image: url(../img/65.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-type2-summary-compare-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-compare-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type2-summay-compare-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #fa8c3a;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type2-summay-compare-text-item {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
	z-index: 10;
}

.rd-type2-summary-compare-content-inner {
	padding: 50px;
	width: calc(100% - 100px);
	height: calc(100% - 250px);
}

.rd-type2-summary-compare-content-data {
	width: 90%;
	height: 380px;
	margin: 10px auto;
}

.rd-type2-summay-compare-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type2-summay-compare-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #fa8c3a;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type2-summay-compare-text-item {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
}

.rd-type2-summay-compare-item {
	width: 50%;
	height: 380px;
	float: left;
}

.rd-type2-summay-compare-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-compare-item-avata {
	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(../img/9.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 3;
	top: 0;
	left: 0;
	overflow: hidden;
}

	.rd-type2-summay-compare-item-avata img {
		width: 60px;
		margin-top: -2px;
		border-radius: 50%;
		padding: 5px 7px;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.rd-type2-summay-compare-item-header {
	position: absolute;
	width: 225px;
	height: 55px;
	top: 12px;
	left: 50px;
	background-image: url(../img/45.png);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 2;
	text-align: center;
	font-weight: bold;
	color: #503b2d;
}

	.rd-type2-summay-compare-item-header p {
		font-weight: bold;
		padding: 15px;
		padding-bottom: 10px;
		font-size: 13px;
		line-height: 1.3;
	}

.rd-type2-summay-compare-item-link {
	position: absolute;
	z-index: 1;
	left: 70px;
	top: 30px;
}

.rd-type2-summay-compare-item-body {
	background-image: url(../img/43.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 269px;
	height: 295px;
	z-index: 2;
	position: absolute;
	top: 80px;
	left: 100px;
}

.rd-type2-summay-compare-item-body-drop {
	padding: 20px;
	font-weight: bold;
	height: 250px;
	color: #503b2d;
	line-height: 1.5;
}

	.rd-type2-summay-compare-item-body-drop p:hover {
		color: #fff;
	}
/* Sequence Summary*/
.rd-type2-summary-sequence {
	background-image: url(../img/65.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-type2-summary-sequence-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-sequence-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type2-summay-sequence-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #fa8c3a;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type2-summay-sequence-text-item {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
	z-index: 10;
}

.rd-type2-summary-sequence-content-inner {
	padding: 40px 20px;
	width: calc(100% - 100px);
	height: calc(100% - 250px);
}

.rd-type2-summary-sequence-content-data {
	width: 100%;
	height: 380px;
	margin: 0px auto;
}

.rd-type2-summay-sequence-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type2-summay-sequence-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #fa8c3a;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type2-summay-sequence-text-item {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
}

.rd-type2-summay-sequence-item {
	width: 32%;
	height: 200px;
	float: right;
	margin-bottom: 10px;
}

.rd-type2-summary-sequence-content-data .rd-type2-summay-sequence-item:nth-child(4) .rd-type2-summay-sequence-item-link {
	display: none;
}

.rd-type2-summay-sequence-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type2-summay-sequence-item-avata {
	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(../img/9.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 3;
	top: 0;
	left: 0;
	overflow: hidden;
}

	.rd-type2-summay-sequence-item-avata img {
		width: 60px;
		margin-top: -2px;
		border-radius: 50%;
		padding: 5px 7px;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.rd-type2-summay-sequence-item-header {
	position: absolute;
	width: 245px;
	height: 55px;
	top: 5px;
	left: 50px;
	background-image: url(../img/35.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 2;
	text-align: center;
	font-weight: bold;
	color: #503b2d;
}

	.rd-type2-summay-sequence-item-header p {
		font-weight: bold;
		padding: 15px;
		padding-bottom: 10px;
		font-size: 13px;
		line-height: 1.3;
	}

.rd-type2-summay-sequence-item-link {
	position: absolute;
	z-index: 1;
	right: -30px;
	top: 100px;
}

.rd-type2-summay-sequence-item-body {
	background-image: url(../img/33.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 265px;
	background-size: 100%;
	height: 170px;
	z-index: 1;
	position: absolute;
	top: 35px;
	left: 43px;
}

.rd-type2-summay-sequence-item-body-drop {
	padding: 35px 20px 15px 20px;
	font-weight: bold;
	height: 110px;
	color: #503b2d;
	line-height: 1.5;
}

	.rd-type2-summay-sequence-item-body-drop p:hover {
		color: #fff;
	}
/* RDType3_Write*/
.rd-type3-write {
	background-image: url(../img/write/94.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: relative;
	/* min-width: 968px;
    min-height: 594px */
}

.rd-type3-write-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type3-write-center-item {
	width: 170px;
	height: 85px;
	text-align: center;
	background-image: url(../img/write/85.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
}

	.rd-type3-write-center-item p {
		font-weight: bold;
		color: #503b2d;
		padding: 20px 15px;
	}

.rd-type3-write-item {
	width: 300px;
	height: 205px;
	background-image: url(../img/write/51.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	left: 90px;
}

.rd-type3-write-items .rd-type3-write-item:nth-child(2) {
	left: auto;
	right: 90px;
}

.rd-type3-write-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type3-write-item-header {
	position: absolute;
	width: 100%;
	height: 75px;
	top: -20px;
	background-image: url(../img/write/74.png);
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1;
	text-align: center;
	/*line-height: 50px;*/
	font-weight: bold;
	color: #503b2d;
	font-size: 14px;
}

	.rd-type3-write-item-header span {
		display: block;
		padding-top: 10px;
		width: 200px;
		margin: 0 auto;
	}

.rd-type3-write-item-body {
	position: absolute;
	height: 132px;
	bottom: 0;
	right: 0;
	font-weight: bold;
	color: #503b2d;
	width: 100%;
}

	.rd-type3-write-item-body p {
		padding: 10px 45px 10px 50px;
	}

		.rd-type3-write-item-body p:hover {
			color: #fff;
			cursor: default;
		}

.rd-type3-write-text-block {
	width: 100%;
	height: 145px;
	position: absolute;
	bottom: 0;
}

.rd-type3-write-text-block-inner {
	width: 795px;
	margin: 0 auto;
	background-color: #919bde;
	border-radius: 5px;
	height: 70px;
	padding: 20px 60px;
	position: relative;
}

.rd-type3-write-text-item-drag {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
	z-index: 11;
}

	.rd-type3-write-text-item-drag:hover {
		color: #fff;
		cursor: default;
	}

.rd-type3-write-2items .rd-type3-write-item {
	top: 80px;
	left: 90px;
	height: 350px;
	background-image: url(../img/write/39.png);
	background-position: top center;
}


.rd-type3-write-2items .rd-type3-write-item-body {
	height: 310px;
}


.rd-type3-write-4items .rd-type3-write-item:nth-child(3),
.rd-type3-write-5items .rd-type3-write-item:nth-child(3) {
	top: 240px;
}

.rd-type3-write-4items .rd-type3-write-item:nth-child(4),
.rd-type3-write-5items .rd-type3-write-item:nth-child(4) {
	top: 240px;
	left: auto;
	right: 90px;
}

.rd-type3-write-3items .rd-type3-write-item:nth-child(3),
.rd-type3-write-5items .rd-type3-write-item:nth-child(5) {
	top: 240px;
	left: 50%;
	transform: translateX(-50%);
}

.rd-type3-write-2items .item-arrow-1,
.rd-type3-write-2items .item-arrow-2 {
	display: block;
}

.rd-type3-write-2items .item-arrow-3,
.rd-type3-write-2items .item-arrow-4,
.rd-type3-write-2items .item-arrow-5 {
	display: none;
}

.rd-type3-write-3items .item-arrow-1,
.rd-type3-write-3items .item-arrow-2,
.rd-type3-write-3items .item-arrow-5 {
	display: block;
}

.rd-type3-write-3items .item-arrow-3,
.rd-type3-write-3items .item-arrow-4 {
	display: none;
}

.rd-type3-write-4items .item-arrow-1,
.rd-type3-write-4items .item-arrow-2,
.rd-type3-write-4items .item-arrow-3,
.rd-type3-write-4items .item-arrow-4 {
	display: block;
}

.rd-type3-write-4items .item-arrow-5 {
	display: none;
}

.rd-type3-write-5items .item-arrow-1,
.rd-type3-write-5items .item-arrow-2,
.rd-type3-write-5items .item-arrow-3,
.rd-type3-write-5items .item-arrow-4,
.rd-type3-write-5items .item-arrow-5 {
	display: block;
}

.rd-type3-write-3items .rd-type3-write-item-avata,
.rd-type3-write-4items .rd-type3-write-item-avata,
.rd-type3-write-5items .rd-type3-write-item-avata {
	top: 15px;
}

.rd-type3-write-3items .rd-type3-write-item-header,
.rd-type3-write-4items .rd-type3-write-item-header,
.rd-type3-write-5items .rd-type3-write-item-header {
	top: 25px;
}

.rd-type3-write-2items .rd-type3-write-item:nth-child(3),
.rd-type3-write-2items .rd-type3-write-item:nth-child(4),
.rd-type3-write-2items .rd-type3-write-item:nth-child(5) {
	display: none;
}

.rd-type3-write-3items .rd-type3-write-item:nth-child(4),
.rd-type3-write-3items .rd-type3-write-item:nth-child(5) {
	display: none;
}

.rd-type3-write-4items .rd-type3-write-item:nth-child(5) {
	display: none;
}

.rd-type3-write-item-arrow {
	position: absolute;
}

.rd-type3-write-4items .rd-type3-write-center-item {
	top: 160px;
}

.rd-type3-write-summary {
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.rd-type3-write.show-summary {
	background-image: url(../img/write/96.png);
}

	.rd-type3-write.show-summary .rd-type3-write-content {
		display: none;
	}

.rd-type3-write-summary-smaple-info {
	position: absolute;
	top: 170px;
	left: 95px;
	width: 900px;
	line-height: 1.5;
	font-weight: bold;
	color: #5562b0;
	font-size: 16px;
}

.rd-type3-write-summary-your-summary {
	position: absolute;
	top: 330px;
	left: 95px;
	width: 900px;
	z-index: 11;
}

	.rd-type3-write-summary-your-summary textarea {
		width: 100%;
		line-height: 2;
		border: 0;
		font-weight: bold;
		color: #5562b0;
		background-color: transparent;
		font-size: 17px;
		height: 200px;
		outline: none !important;
	}

.rd-type3-write-bottom {
	width: 100%;
	height: 100%;
	position: relative;
	transition: all ease-in-out .3s;
	padding-top: 530px;
	opacity: 0;
}

	.rd-type3-write-bottom.show {
		padding-top: 0px;
		opacity: 1;
	}

	.rd-type3-write-bottom .rd-type3-write-bottom-inner {
		position: absolute;
		bottom: 26px;
		left: 50%;
		transform: translateX(-50%);
		width: 1035px;
		z-index: 15;
		height: 550px;
		padding-bottom: 30px;
		background-image: url(../img/write/82.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

.rd-type3-write-bottom-title {
	position: absolute;
	top: 40px;
	text-align: center;
	width: 100%;
	z-index: 16;
	color: #fff;
	font-size: 20px;
}

	.rd-type3-write-bottom-title span {
		padding: 14px 100px;
		margin-right: 20px;
		cursor: pointer;
	}

.rd-type3-write-bottom .rd-type3-write-text-block {
	display: none;
}

.rd-type3-write-bottom .rd-type3-write-item {
	top: 80px;
}

.rd-type3-write-bottom .rd-type3-write-2items .rd-type3-write-item {
	top: 120px;
}

.rd-type3-write-bottom .rd-type3-write-center-item {
	top: 135px;
}

.rd-type3-write-2items .rd-type3-write-center-item {
	top: 130px;
}

.rd-type3-write-bottom .rd-type3-write-3items .rd-type3-write-item:nth-child(3),
.rd-type3-write-bottom .rd-type3-write-5items .rd-type3-write-item:nth-child(5) {
	top: 300px;
}

.rd-type3-write-bottom .item-arrow-5 {
	top: 240px;
}

.rd-type3-write-bottom .rd-type3-write-4items .rd-type3-write-item:nth-child(3),
.rd-type3-write-bottom .rd-type3-write-5items .rd-type3-write-item:nth-child(3),
.rd-type3-write-bottom .rd-type3-write-4items .rd-type3-write-item:nth-child(4),
.rd-type3-write-bottom .rd-type3-write-5items .rd-type3-write-item:nth-child(4) {
	top: 300px;
}

.rd-type3-write-summary-action {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 12;
}

#btnShowUp {
	position: absolute;
	bottom: 17px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

#btnSaveSummary {
	position: absolute;
	bottom: 35px;
	right: 35px;
	cursor: pointer;
}

.rd-type3-write-bottom-confirm {
	display: none;
	position: absolute;
	bottom: 26px;
	left: 50%;
	transform: translateX(-50%);
	width: 1035px;
	z-index: 20;
	height: 550px;
	padding-bottom: 30px;
	background-color: rgba(0,0,0,.2);
}

.rd-type3-write-bottom-confirm-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

.rd-type3-write-bottom-confirm-inner-content {
	padding: 30px 50px;
	background-color: #95def9;
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
	border-bottom: 1px #3ca4cd dashed;
}

.rd-type3-write-bottom-confirm-inner-bottom {
	padding: 15px 50px;
	background-color: #69cbf0;
	text-align: center;
}

	.rd-type3-write-bottom-confirm-inner-bottom a {
		margin: 0 15px;
	}

.rd-type3-write-bottom-confirm p {
	color: #255668;
}

.rd-type3-write-bottom-confirm a {
	position: relative;
}

	.rd-type3-write-bottom-confirm a span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 20px;
		color: #fff !important;
	}


/*Wordgame1*/
#rdWordGame.rd-word-type-1 {
	background-image: url(../img/569.png);
}

#rdWordGame1 {
}

	#rdWordGame1 .rd-word-game1-content-title {
		text-align: center;
		font-weight: bold;
		color: #007db0;
		font-size: 34px;
		text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
		padding-top: 40px;
	}
/*Wordgame2*/
#rdWordGame.rd-word-type-2 {
	background-image: url(../img/wordgame/552_slotbg.png.png);
}

#rdWordGame2 {
	position: relative;
	width: 100%;
	height: 100%;
}

	#rdWordGame2 .rd-word-game-content-title {
		font-size: 40px;
		text-align: center;
		position: absolute;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
	}

	#rdWordGame2 .rd-word-game-content-control {
		position: absolute;
		top: 280px;
		right: 95px;
		cursor: url(../img/wordgame/556.png), auto;
	}

		#rdWordGame2 .rd-word-game-content-control:active {
			cursor: url(../img/wordgame/558.png), auto;
		}

		#rdWordGame2 .rd-word-game-content-control .control-toggle {
			transform-origin: bottom left;
		}

		#rdWordGame2 .rd-word-game-content-control .control-blink {
			position: absolute;
			top: -1px;
			right: -1px;
			-webkit-animation: controlblink 5s infinite;
			animation: controlblink 1s infinite;
		}

		#rdWordGame2 .rd-word-game-content-control.clicked .control-toggle {
			-webkit-animation: controlclick 1s;
			animation: controlclick 1s;
		}

		#rdWordGame2 .rd-word-game-content-control.clicked .control-blink {
			display: none;
		}

	#rdWordGame2 .rd-word-game-content-column {
		top: 0;
		/*position: absolute;*/
		width: 161px;
		height: 344px;
		border-radius: 5px;
		overflow: hidden;
		margin: 0 16px 0 24px;
	}

	#rdWordGame2 .rd-word-game-content-column-item {
		width: 130px;
		height: 150px;
		border: 5px yellow solid;
		border-radius: 15px;
		margin: 20px auto;
		display: flex;
		align-items: center;
		background: #fff;
		opacity: .3;
		cursor: pointer;
	}

		#rdWordGame2 .rd-word-game-content-column-item.prev {
			margin-top: -80px;
		}

		#rdWordGame2 .rd-word-game-content-column-item.active {
			opacity: 1;
		}

		#rdWordGame2 .rd-word-game-content-column-item.next {
			margin-bottom: 100px;
		}

		#rdWordGame2 .rd-word-game-content-column-item img {
			max-width: 100%;
			margin: 0 auto;
			max-height: 100%;
		}

	#rdWordGame2 .rd-word-game-content-column1 {
		left: 33px;
	}

	#rdWordGame2 .rd-word-game-content-column2 {
		left: 234px;
	}

	#rdWordGame2 .rd-word-game-content-column3 {
		left: 435px;
	}

	#rdWordGame2 .rd-word-game-content-column4 {
		left: 636px;
	}

	#rdWordGame2 .rd-word-game-content-column {
		animation: var(--animation, none) 2s infinite linear;
	}

		#rdWordGame2 .rd-word-game-content-column:nth-of-type(odd) {
			align-self: flex-end;
			--direction: 50%;
			bottom: 0;
		}

	#rdWordGame2 .rd-word-game-content-column-list.slide-playing .prev {
		margin-top: 0 !important;
	}

	#rdWordGame2 .rd-word-game-content-column-list.slide-pause .rd-word-game-content-column:nth-of-type(odd) .prev {
	}

	#rdWordGame2 .rd-word-game-content-column-list.slide-pause .rd-word-game-content-column:nth-of-type(odd) .active {
		margin-top: -40px;
	}

	#rdWordGame2 .rd-word-game-content-column-list.slide-pause .rd-word-game-content-column:nth-of-type(odd) .next {
	}

.rd-word-game-content-column-list {
	position: absolute;
	width: 820px;
	height: 345px;
	left: 93px;
	top: 204px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.good-anwser,
.bad-anwser {
	display: none;
	position: absolute;
	top: 415px;
	right: 128px;
}

@-webkit-keyframes controlblink {
	0% {
		opacity: .3;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: .3;
	}
}

@keyframes controlblink {
	0% {
		opacity: .3;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: .3;
	}
}


@-webkit-keyframes controlclick {
	0% {
		transform: rotateZ(45deg);
	}

	100% {
		transform: rotateZ(0);
	}
}

@keyframes controlclick {
	0% {
		transform: rotateZ(45deg);
	}

	100% {
		transform: rotateZ(0);
	}
}

@keyframes wordgameslide {
	to {
		-webkit-transform: translateY(var(--direction, -50%));
		transform: translateY(var(--direction, -50%));
	}
}



.rd-type3-write-compare-content-inner {
	padding: 50px;
	width: calc(100% - 100px);
	height: calc(100% - 250px);
}

.rd-type3-write-compare-content-data {
	width: 90%;
	height: 380px;
	margin: 10px auto;
}

.rd-type3-write-compare-item {
	width: 50%;
	height: 380px;
	float: left;
}

.rd-type3-write-compare-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type3-write-compare-item-avata {
	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(../img/9.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 3;
	top: 0;
	left: 0;
	overflow: hidden;
}

	.rd-type3-write-compare-item-avata img {
		width: 60px;
		margin-top: -2px;
		border-radius: 50%;
		padding: 5px 7px;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.rd-type3-write-compare-item-header {
	position: absolute;
	width: 225px;
	height: 55px;
	top: 12px;
	left: 50px;
	background-image: url(../img/45.png);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 2;
	text-align: center;
	font-weight: bold;
	color: #503b2d;
}

	.rd-type3-write-compare-item-header p {
		font-weight: bold;
		padding: 15px;
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 1.3;
		color: #503b2d;
	}

.rd-type3-write-compare-item-link {
	position: absolute;
	z-index: 1;
	left: 70px;
	top: 30px;
}

.rd-type3-write-compare-item-body {
	background-image: url(../img/43.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 269px;
	height: 295px;
	z-index: 2;
	position: absolute;
	top: 80px;
	left: 100px;
}

.rd-type3-write-compare-item-body-drop {
	padding: 20px;
	font-weight: bold;
	height: 250px;
	line-height: 1.5;
	color: #503b2d;
}

	.rd-type3-write-compare-item-body-drop p:hover {
		color: #fff;
	}



.rd-type3-write-diagram-content-inner {
	padding: 50px;
	width: calc(100% - 50px);
	height: calc(100% - 150px);
}

.rd-type3-write-diagram-content-data {
	width: 730px;
	height: 380px;
	margin: 10px auto;
	background-image: url(../img/write/55.png);
	background-size: 100% 100%;
}

.rd-type3-write-diagram-text-item {
	float: left;
	cursor: pointer;
	width: 240px;
	padding: 10px;
	font-weight: bold;
	color: #503b2d;
	line-height: 1.5;
}

.rd-type3-write-diagram-item {
	width: 33%;
	height: 320px;
	float: left;
}

.rd-type3-write-diagram-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type3-write-diagram-item-avata {
	position: absolute;
	width: 75px;
	height: 75px;
	background-image: url(../img/9.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 3;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
}

	.rd-type3-write-diagram-item-avata img {
		width: 60px;
		margin-top: -2px;
		border-radius: 50%;
		padding: 5px 7px;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.rd-type3-write-diagram-item-header {
	position: absolute;
	width: 100%;
	height: 55px;
	top: 20px;
	left: 10px;
	background-image: url(../img/write/58.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 1;
	text-align: center;
	font-weight: bold;
	color: #503b2d;
}

	.rd-type3-write-diagram-item-header p {
		font-weight: bold;
		padding: 15px;
		padding-bottom: 10px;
		font-size: 13px;
		line-height: 1.3;
	}

.rd-type3-write-diagram-item-body {
	width: 240px;
	height: 100%;
}

.rd-type3-write-diagram-item-body-drop {
	padding: 80px 30px 0 30px;
	height: 245px;
	font-weight: bold;
	line-height: 1.5;
}

	.rd-type3-write-diagram-item-body-drop p:hover {
		color: #fff;
	}

.rd-type3-write-diagram-content-data .rd-type3-write-diagram-item:nth-child(2) .rd-type3-write-diagram-item-header {
	top: 42px;
	left: 3px;
}

.rd-type3-write-diagram-content-data .rd-type3-write-diagram-item:nth-child(3) {
	margin-top: 40px;
	margin-left: -13px;
}

.rd-type3-write-diagram-content-data .rd-type3-write-diagram-item:nth-child(2) .rd-type3-write-diagram-item-body-drop {
	padding: 100px 20px 0 20px;
}


.rd-type3-write-sequence-content-inner {
	padding: 50px 0;
	padding-top: 45px;
	width: calc(100% - 100px);
	height: calc(100% - 250px);
}

.rd-type3-write-sequence-content-data {
	width: 100%;
	height: 380px;
	margin: 0px auto;
}

.rd-type3-write-sequence-item {
	width: 32%;
	height: 200px;
	float: right;
	margin-bottom: 10px;
}

.rd-type3-write-sequence-item-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.rd-type3-write-sequence-item-header {
	position: absolute;
	width: 245px;
	height: 55px;
	top: 5px;
	left: 50px;
	background-image: url(../img/write/64.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 2;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

	.rd-type3-write-sequence-item-header p {
		font-weight: bold;
		padding: 15px;
		padding-bottom: 10px;
		font-size: 13px;
		line-height: 1.3;
	}

.rd-type3-write-sequence-item-link {
	position: absolute;
	z-index: 1;
	right: -30px;
	top: 100px;
}

.rd-type3-write-sequence-item-body {
	background-image: url(../img/write/62.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 265px;
	background-size: 100%;
	height: 170px;
	z-index: 1;
	position: absolute;
	top: 35px;
	left: 43px;
}

.rd-type3-write-sequence-item-body-drop {
	padding: 35px 20px 15px 20px;
	font-weight: bold;
	height: 110px;
	line-height: 1.5;
	color: #503b2d;
}

	.rd-type3-write-sequence-item-body-drop p:hover {
		color: #fff;
	}

.rd-type3-write-sequence-content-data .rd-type3-write-sequence-item:nth-child(4) .rd-type3-write-sequence-item-link {
	display: none;
}

.rd-type3-write-sequence-content-data .rd-type3-write-sequence-item:nth-child(1) .rd-type3-write-sequence-item-link {
	top: 145px;
}

#rdType3Write_data_word_answer {
	margin-top: -10px;
}

#rdType3WriteBottom .rd-type3-write-sequence-content-data {
	padding-top: 50px !important;
}

#rdType3WriteBottom .rd-type3-write-sequence-item-link {
	right: -43px;
}

#rdType3WriteBottom .rd-type3-write-diagram-content-data,
#rdType3WriteBottom .rd-type3-write-compare-content-data {
	margin-top: 50px !important;
}

.rd-ebook {
	width: 100%;
	height: 100%;
}

	.rd-ebook .rd-ebook-content {
		width: 960px;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}

		.rd-ebook .rd-ebook-content .rd-ebook-center {
			height: calc(100% + 40px);
			position: absolute;
			top: -10px;
			left: 50%;
			transform: translateX(-50%);
		}

		.rd-ebook .rd-ebook-content .rd-ebook-data-left,
		.rd-ebook .rd-ebook-content .rd-ebook-data-right {
			width: 50%;
			height: 100%;
			float: left;
			position: relative;
		}

			.rd-ebook .rd-ebook-content .rd-ebook-data-left img {
				float: right;
			}

			.rd-ebook .rd-ebook-content .rd-ebook-data-right img {
				float: left;
			}

			.rd-ebook .rd-ebook-content .rd-ebook-data-right img {
				max-width: 100% !important;
				max-height: 100% !important;
			}

			.rd-ebook .rd-ebook-content .rd-ebook-data-left.show-bs:after {
				content: '';
				width: 80px;
				height: calc(100% + 40px);
				position: absolute;
				top: -10px;
				right: 0px;
				background: rgb(0,0,0);
				background: linear-gradient(-90deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
			}

			.rd-ebook .rd-ebook-content .rd-ebook-data-right.show-bs:before {
				content: '';
				width: 80px;
				height: calc(100% + 40px);
				position: absolute;
				top: -10px;
				left: 0px;
				background: rgb(0,0,0);
				background: linear-gradient(90deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.1) 50%, rgba(0,0,0,0) 100%);
			}

.rd-ebook-header {
	display: flex;
	position: absolute;
	top: -70px;
	right: 20px;
	height: 38px;
	align-items: center;
}

	.rd-ebook-header #btnZoomInZoomOut {
		width: 38px;
		text-align: center;
		padding: 6px;
	}

		.rd-ebook-header #btnZoomInZoomOut img {
			height: 26px;
		}

.rd-ebook-bookmark {
	margin-left: 10px;
}

.rd-ebook-bookmark-flag {
	position: absolute;
	top: -12px;
	right: -70px;
}

	.rd-ebook-bookmark-flag img {
		width: 70px;
	}

#rdEbookBookmark,
#rdEbookBookmarkFlag {
	visibility: hidden;
}

.bookmark-hover {
	display: none;
	height: 30px;
	width: auto !important;
}

#btnBookmarkFlag:hover .bookmark-hover,
#btnBookmark:hover .bookmark-hover {
	display: block;
}

.rd-ebook-header .rd-ebook-go-to-page {
	width: 156px;
	height: 38px;
	margin-left: 190px;
	background-image: url(../img/ebook/73.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

	.rd-ebook-header .rd-ebook-go-to-page #txtPageIndex {
		border: 0;
		font-size: 18px;
		width: 50px;
		text-align: center;
		padding: 5px;
		outline: none;
		background: transparent;
		margin-left: 50px;
		margin-top: 4px;
	}

	.rd-ebook-header .rd-ebook-go-to-page #btnGoToPage {
		position: absolute;
		top: 8px;
		right: 20px;
	}

		.rd-ebook-header .rd-ebook-go-to-page #btnGoToPage img {
			height: 24px;
		}

.rd-ebook-header .rd-ebook-audio-controls #btnPlay img,
.rd-ebook-header .rd-ebook-audio-controls #btnPause img {
	height: 32px;
}

.rd-ebook-header .time_ranger {
	width: 210px;
	height: 11px;
	border-radius: 10px;
	background-image: url(../img/ebook/56.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.rd-ebook-header .time_ranger_data {
	width: 0px;
	height: 11px;
	background-image: url(../img/ebook/62.png);
	background-size: 100% 100%;
	background-position: left center;
	background-repeat: no-repeat;
	border-radius: 10px;
	transition: all ease-in-out .1s;
}

.rd-ebook-action #btnPrev,
.rd-ebook-action #btnNext {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.rd-ebook-action #btnPrev {
	left: 10px;
}

.rd-ebook-action #btnNext {
	right: 10px;
}

.rd-read-alound {
	width: 100%;
	height: 100%;
	position: relative;
}

.rd-read-alound-content-video {
	width: 100%;
	/*height: calc(100% - 65px);*/
}

.rd-read-alound-content-video-data,
.rd-read-alound-content-video-data video {
	/*height: 100%;*/
	border-radius: 10px;
	background: #ddd;
}

.rd-read-alound-content {
	width: calc(100% - 100px);
	height: calc(100% - 60px);
	padding: 50px;
	padding-bottom: 10px;
}

.rd-read-alound-content-video-data {
	position: relative;
}

.rd-read-alound-content-video-control {
	width: calc(100% - 40px);
	padding: 20px 20px 0 20px;
	height: 25px;
}

.re-read-alound-popup {
	text-align: center;
	padding-bottom: 15px;
	border: 5px #f3f3f3 solid;
	background: #fff;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

	.re-read-alound-popup a {
		margin: 0 15px;
	}

.rd-read-alound-content-video-control .time_slider {
	margin-top: 7px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #969ea0));
	border: 0;
	width: 890px;
	position: relative;
	margin-left: -25px;
}

.rd-read-alound-content-video-control .time_slider-value {
	transition: all ease-in-out .1s;
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	border-radius: 10px 0 0 10px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fa8c3a),color-stop(1, #b15712));
}

.rd-read-alound-content-video-sub {
	position: absolute;
	width: 100%;
	background-color: rgba(255,255,255,.5);
	height: 95px;
	border-radius: 10px;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}

	.rd-read-alound-content-video-sub > div:first-child {
		margin-left: 10px;
	}

	.rd-read-alound-content-video-sub > div {
		margin-left: 5px;
		z-index: 2;
	}

	.rd-read-alound-content-video-sub > #rdRecordStep img {
		margin-left: -25px;
		margin-top: -33px;
	}

	.rd-read-alound-content-video-sub > div p {
		font-size: 20px;
	}

.rd-read-alound-content-video-sub-summary {
	position: absolute;
	width: 100%;
	background-color: rgba(255,255,255,.5);
	height: 50px;
	border-radius: 10px;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	margin-bottom: 80px;
}

	.rd-read-alound-content-video-sub-summary > div:first-child {
		margin-left: 10px;
	}

	.rd-read-alound-content-video-sub-summary > div p {
		font-size: 20px;
	}

.play-range {
	height: 6px;
	background-color: #27a8e0;
	border-radius: 10px;
	margin-top: 20px;
	position: relative;
}

.play-range-inner {
	position: absolute;
	top: -1px;
	left: 0;
	background-color: #ffaf00;
	height: 7px;
	border-radius: 10px;
	transition: all ease-in-out .1s;
}

.listen-voice {
	position: absolute;
	width: 305px;
	background-color: rgba(255,255,255,.5);
	height: 25px;
	border-radius: 10px 10px 0 0;
	top: -45px;
	left: 35px;
	color: #fa8c3a;
	font-size: 13px;
	padding: 10px;
}

	.listen-voice img {
		margin-right: 5px;
	}

.fit-content {
	width: -webkit-fit-content !important;
	width: fit-content !important;
	width: auto !important;
	width: -webkit-max-content;
	width: -o-max-content
}

.border-none {
	border: none !important;
}

.card-list-4line {
	margin-top: -20px;
}

.rd-type3-summary2 .rd-type3-summary-header {
	height: 86px !important;
}

#rdVideoWatchVideoTag {
	height: 480px !important;
	width: auto !important;
	max-width: 780px !important;
}

video::-internal-media-controls-download-button {
	display: none;
}

video::-webkit-media-controls-enclosure {
	overflow: hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust as needed */
}

.anm-img {
	position: absolute;
	z-index: 0;
}

.anm-1 {
	top: 365px;
	right: 150px;
	opacity: 0;
	transition: all ease-in-out .5s;
	animation: anm1 1.5s linear infinite;
	-webkit-animation: anm1 1.5s linear infinite;
}

.anm-2 {
	top: 430px;
	right: 350px;
	animation: anm2 3s linear infinite;
	-webkit-animation: anm2 3s linear infinite;
	animation: anm1 1s linear infinite;
	-webkit-animation: anm1 1s linear infinite;
}

.anm-3 {
	top: 250px;
	right: 90px;
	animation: anm3 3s linear infinite;
	-webkit-animation: anm3 3s linear infinite;
}

.anm-4 {
	top: 220px;
	left: 90px;
	animation: anm4 3s linear infinite;
	-webkit-animation: anm4 3s linear infinite;
}

@keyframes anm1 {
	0% {
		top: 400px;
		opacity: 1;
	}

	100% {
		top: 365px;
		opacity: 0;
	}
}

@keyframes anm3 {
	0%, 100% {
		top: 260px;
	}

	50% {
		top: 250px;
	}
}

@keyframes anm4 {
	0%, 100% {
		top: 210px;
	}

	50% {
		top: 220px;
	}
}

.p-hover {
	opacity: 0;
	height: 0;
	transition: all ease-in-out .5s;
}

.rd-book-report-droppable-item {
	cursor: pointer;
	overflow: hidden;
}

	.rd-book-report-droppable-item > p {
	}

	.rd-book-report-droppable-item img {
		transition: all ease-in-out .5s;
	}

	.rd-book-report-droppable-item:hover img {
		opacity: 0;
		display: none;
	}

	.rd-book-report-droppable-item:hover .p-hover {
		opacity: 1;
		height: auto;
	}

.x-image-only {
	position: absolute;
	width: auto;
	left: 0;
	opacity: 1;
}

.x-word-only,
.k-word-only,
.y-word-only,
.z-word-only,
.m-word-only {
	top: 10px;
	position: absolute;
	width: auto;
	left: 60px;
	opacity: 1;
}

.animationx {
	transition: all ease-in-out .5s;
}

.right-imagex {
	opacity: 0;
	overflow: hidden;
	left: 0;
	padding-left: 60px;
	z-index: 0;
}

.left-imagex {
	opacity: 0;
	overflow: hidden;
	left: -60px;
	z-index: 0;
}

.x-word-only.left-imagex,
.k-word-only.left-imagex,
.y-word-only.left-imagex,
.z-word-only.left-imagex,
.m-word-only.left-imagex {
	left: 0px;
}

.word-prev,
.word-next {
	z-index: 15;
	width: 70px;
	height: 100%;
	top: 2px !important;
}

.rb-book-report-header .word-prev,
.rb-book-report-header .word-next {
	background: #a4e7ff;
}

.rd-type2-summay-web-text-block-inner .word-prev,
.rd-type2-summay-web-text-block-inner .word-next,
.rd-type2-summay-compare-text-block-inner .word-prev,
.rd-type2-summay-compare-text-block-inner .word-next,
.rd-type2-summay-sequence-text-block-inner .word-prev,
.rd-type2-summay-sequence-text-block-inner .word-next,
.rd-type2-summay-diagram-text-block-inner .word-prev,
.rd-type2-summay-diagram-text-block-inner .word-next {
	background: #fffb89;
}

.rd-type3-write-text-block-inner .word-prev
.rd-type3-write-text-block-inner .word-next {
	background: #fff;
}

.word-prev img,
.word-next img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.word-prev {
	left: -70px !important;
}

.word-next {
	right: -70px !important;
}

.rd-book-report-inner {
	padding: 80px 60px;
	height: calc(100% - 160px);
	overflow: hidden;
}

.game-container {
	position: absolute;
	width: 480px;
	top: -90px;
	right: 20px;
}

.row:after {
	content: '';
	display: table;
	clear: both;
}

.box {
	width: 180px;
	height: 200px;
	margin-right: 30px;
	padding: 10px;
	float: left;
	position: relative;
	overflow: hidden;
	background-image: url(/ver2.0/img/569_bg.png);
	background-position: center bottom 0px;
	background-repeat: no-repeat;
	border-radius: 0 0 75px 75px;
}

.mole-pic,
.mole-text {
	position: absolute;
	bottom: -90px;
	transition: bottom 0.5s ease;
	left: 17px;
	-webkit-animation: mymovex 1s infinite; /* Safari 4.0 - 8.0 */
	animation: mymovex 1s infinite;
}

.box.up {
	background-position: center bottom 5px;
}

	.box.up .mole-pic {
		bottom: 0px;
	}

.mole-text {
	text-align: center;
	width: 164px;
	font-weight: bold;
	font-size: 20px;
}

.box.up .mole-text {
	bottom: 57px;
}

.mole-pic.bonked {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.dirt-pic {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

@-webkit-keyframes mymovex {
	0% {
		transform: translateY(3px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(3px);
	}
}

@keyframes mymovex {
	0% {
		transform: translateY(3px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(3px);
	}
}

.button-zoom-out {
	display: none;
}

.zoom-clicked .rd-ebook-audio-controls,
.zoom-clicked .time_ranger,
.zoom-clicked .rd-ebook-go-to-page,
.zoom-clicked .button-zoom-in {
	display: none !important;
}

.zoom-clicked .button-zoom-out {
	display: block !important;
}

.zoom-clicked .rd-ebook-data-left,
.zoom-clicked .rd-ebook-data-left {
	cursor: pointer;
}

.ebook-zoom-in {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	overflow-y: auto;
	display: none;
}

	.ebook-zoom-in img {
		width: 100% !important;
		height: auto !important
	}

.rd-word-game-correct {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	transition: all ease 1.5s;
	width: 380px;
	text-align: center;
	background-color: #fff;
	padding: 30px 0;
	font-size: 30px;
	font-weight: bold;
	opacity: 0;
}

	.rd-word-game-correct.show {
		opacity: 1;
		bottom: 200px;
	}

.pids-wrapper {
	width: 12px;
	transform: rotate(180deg);
	background: #fff;
	z-index: 1;
}

.pid {
	width: 10px;
	height: 5px;
	border: 1px #c1c0b4 solid;
}

.rd-word-game3 {
	background-image: url(../img/8989.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	margin-top: 10px;
	position: relative;
}

.rd-word-game3-step {
	position: absolute;
	top: 11%;
	right: 53px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}

	.rd-word-game3-step span.total {
		padding-left: 40px;
		padding-top: 20px;
	}

.word-game3-loaded {
	position: relative;
}

.wordgame3-text {
	position: absolute;
	top: 290px;
	left: 50%;
	width: 640px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.wordgame3-button {
	position: absolute;
	top: 380px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	text-align: center;
}

.wordgame3-text-item {
	margin: 0 5px;
	background-image: url(/ver2.0/img/wordgame3/86.png);
	background-position: bottom center;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	color: #4a44ae;
	font-size: 24px;
	padding-bottom: 8px;
}

.wordgame3-text-item-blink {
	background-image: url(/ver2.0/img/wordgame3/89.png);
	-webkit-animation: wordgameblink .8s infinite; /* Safari 4+ */
	-moz-animation: wordgameblink .8s infinite; /* Fx 5+ */
	-o-animation: wordgameblink .8s infinite; /* Opera 12+ */
	animation: wordgameblink .8s infinite; /* IE 10+, Fx 29+ */
}

.rd-word-game4 {
	background-image: url(../img/wordgame4/331.png);
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	margin-top: 10px;
	position: relative;
}

.rd-word-game4-step {
	position: absolute;
	top: 11%;
	right: 53px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}

	.rd-word-game4-step span.total {
		padding-left: 40px;
		padding-top: 20px;
	}

.word-game4-loaded {
	position: relative;
}

.wordgame4-text {
	position: absolute;
	top: 355px;
	left: 50%;
	width: 640px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.wordgame4-center-text {
	position: absolute;
	top: 290px;
	left: 50%;
	width: 640px;
	text-align: center;
	transform: translateX(-50%);
	font-size: 30px;
	color: #4e3d3d;
}

.wordgame4-button {
	position: absolute;
	top: 450px;
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.wordgame4-button-item {
	width: 60px;
	height: 60px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 30px;
	margin: 5px;
	line-height: 60px;
	cursor: pointer;
}

	.wordgame4-button-item.clicked {
		visibility: hidden;
	}

.wordgame4-text-item {
	background-image: url(/ver2.0/img/wordgame4/349.png);
	background-position: bottom center;
	width: 66px;
	height: 70px;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 24px;
	background-size: 98%;
	line-height: 80px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

.wordgame4-text-item-blink {
	background-image: url(/ver2.0/img/wordgame4/349.png);
	-webkit-animation: wordgameblink2 .8s infinite; /* Safari 4+ */
	-moz-animation: wordgameblink2 .8s infinite; /* Fx 5+ */
	-o-animation: wordgameblink2 .8s infinite; /* Opera 12+ */
	animation: wordgameblink2 .8s infinite; /* IE 10+, Fx 29+ */
}

.correct-anws {
	text-align: center;
	font-weight: bold;
	color: #5464c7;
	font-size: 24px;
}

.wordgame4-listen {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 120px;
}

	.wordgame4-listen img.noclick {
		display: none;
	}

	.wordgame4-listen.listening img {
		display: none;
	}

		.wordgame4-listen.listening img.noclick {
			display: block;
		}

@-webkit-keyframes wordgameblink {
	0% {
		background-image: none;
	}

	100% {
		background-image: url(/ver2.0/img/wordgame3/89.png);
	}
}

@-moz-keyframes wordgameblink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes wordgameblink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes wordgameblink {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}




@-webkit-keyframes wordgameblink2 {
	0% {
		opacity: 0.3;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes wordgameblink2 {
	0% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes wordgameblink2 {
	0% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

@keyframes wordgameblink2 {
	0% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

#DescStudy {
	max-width: 100vw;
	max-height: 100vh;
}

.wordgame3-definition {
	position: absolute;
	top: 140px;
	left: 50%;
	width: 600px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 1.3;
}

.dropped {
	padding-bottom: 0 !important;
	margin-bottom: -8px !important;
}