.mixed-area-content .area-template {
  display: flex;
  margin-left: 0px;
  margin-right: 0px;
}

.mixed-area-content .area-template-main {
  justify-content: center;
}

.mixed-area-content .number-answer {
  margin-bottom: 3px !important;
}

.mixed-area-content .number-calculate {
  margin-bottom: 3px !important;
}

.mixed-area-content .number-remain {
  margin-bottom: 3px !important;
}

/* .mixed-area-content .scroll-horizon .area-template-main {
  justify-content: flex-start !important;
} */

.mixed-area-content .page-layer-2 .mixed-area-content .quiz-container {
  display: block;
}

.mixed-area-content .mixed-page1 {
  /* display: flex; */
  padding-top: 10px;
  padding-bottom: 90px;
  width: 100%;
}

/* .mixed-area-content .area-template:nth-child(4n) {
  width: auto;
}

.mixed-area-content .area-template:nth-child(4n+1) {
  width: auto;
} */

.mixed-area-content .mixed-page1-layer1 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border-right: 1px solid #CECECE;
  min-height: 100px;
  padding-right: 15px;
  padding-top: 20px;
}

.mixed-area-content .mixed-page1-layer2 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 100px;
  padding-left: 20px;
  padding-top: 20px;
}

.mixed-area-content .mixed-page1 .area-mixed-order:first-child {
  margin-top: 0px !important;
}

.mixed-area-content .mixed-page2 .area-mixed-order:first-child {
  margin-top: 0px !important;
}

.mixed-area-content .page-division-line {
  width: 1121px;
  margin-left: -51px;
  height: 30px;
  background-color: #F2F6F7;
}

.mixed-area-content .page-division-inner-line {
  width: calc(100% - 1px);
  height: 100%;
  box-sizing: border-box;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  margin-left: 0.5px;
}

.mixed-area-content .mixed-page2 {
  /* display: flex; */
  padding-top: 70px;
  width: 100%;
}

.mixed-area-content .mixed-page2-layer1 {
  display: block;
  box-sizing: border-box;
  width: 50%;
  border-right: 1px solid #CECECE;
  padding-top: 20px;
}

.mixed-area-content .mixed-page2-layer2 {
  display: block;
  box-sizing: border-box;
  width: 50%;
  padding-left: 20px;
  padding-top: 20px;
}

.mixed-area-content .page-layer-1 {
  display: block;
  width: 100%;
}

.mixed-area-content .page-layer-2 {
  display: inline-block;
  margin-right: 15px;
  width: 235px;
}

.mixed-area-content .area-template-index {
  border: 1px solid white;
}

.mixed-area-content .area-mixed-order {
  font-size: 20px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #000000;
  word-break: keep-all;
  /* line-height: 1.4; */
  line-height: 1.5;
  /* width: 360px; */
  width: 500px;
}

.mixed-area-content .area-mixed-order {
  margin-top: 80px !important;
}

.mixed-area-content .area-template {
  margin-top: 20px;
  border-right: 0px;
}

.mixed-area-content .divide-line {
  border-right: 0px !important;
}

.mixed-area-content .divide-line:nth-child(3n+1) {
  border-right: 0px !important;
}

.mixed-area-content .divide-line:nth-child(3n+2) {
  border-right: 0px !important;
}

.mixed-area-content .page-layer-2 .area-template-main {
  margin: 0px auto;
}

.mixed-area-content .second-element {
  margin-right: 0px !important;
}


.mixed-area-content .area-template-1-2-4-5 .quiz-line1 {
  height: 44px !important;
}

.mixed-area-content .area-template-1-2-4-8 {
  margin-left: 0px;
  margin-right: 0px;
}

.mixed-area-content .area-template-1-2-4-8 .area-template-main {
  padding-left: 10px;
}


.mixed-area-content .area-template-1-2-2-17 .quiz-line1 {
  height: 44px !important;
}

.mixed-area-content .area-template-1-2-2-21 {
  margin-left: 0px;
  margin-right: 0px;
}

.mixed-area-content .area-template-1-2-2-21 .area-template-main {
  padding-left: 10px;
}


.mixed-area-content .area-template-3-1-1-17 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-3-1-1-17 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-17 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-17 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-18 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-3-1-1-18 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 32px;
}

.mixed-area-content .area-template-3-1-1-18 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-18 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-19 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-3-1-1-19 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-19 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-19 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-20 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-3-1-1-20 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-20 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-3-1-1-20 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

/* .mixed-area-content .area-mixed-order-3-1-5-1 {
  margin-top: 60px !important;
} */

.mixed-area-content .area-template-3-1-5-1 {
  padding: 0px;
}

/* .mixed-area-content .area-mixed-order-3-1-5-2 {
  margin-top: 60px !important;
} */

.mixed-area-content .area-template-3-1-5-2 {
  padding: 0px;
}

.mixed-area-content .area-template-4-1-2-1 {
  width: 200px !important;
  margin-right: 55px;
  padding-right: 0px;
  padding-left: 0px;
}

.mixed-area-content .area-template-4-1-2-1 .area-template-main {
  overflow: hidden;
}

.mixed-area-content .area-template-4-1-2-2 {
  width: 200px !important;
  margin-right: 55px;
  padding-right: 0px;
  padding-left: 0px;
}

/* .mixed-area-content .area-template-4-1-2-2:nth-child(2n) {
  margin-right: 0px;
} */

.mixed-area-content .area-template-4-1-2-2 .area-template-main {
  overflow: hidden;
}

.mixed-area-content .area-template-4-1-3-2 .area-template-main {
  width: 100%;
}

/* .mixed-area-content .area-mixed-order-4-1-3-1 {
  margin-top: 15px !important;
} */

.mixed-area-content .area-template-4-1-3-1 .calculate-line div {
  height: 33px;
}

.mixed-area-content .area-template-4-1-3-1 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-4-1-3-1 {
  padding-left: 0px;
  padding-right: 0px;
}

.mixed-area-content .area-template-4-1-3-1 .area-template-main {
  width: 100%;
}

.mixed-area-content .area-template-4-1-3-1 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-4-1-3-1 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-1 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-1 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-1 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

/* .mixed-area-content .area-mixed-order-4-1-3-2 {
  margin-top: 15px !important;
} */

.mixed-area-content .area-template-4-1-3-2 .calculate-line div {
  height: 33px;
}

.mixed-area-content .area-template-4-1-3-2 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-4-1-3-2 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-4-1-3-2 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-2 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-2 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-2 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .mixed-page1 .area-template-4-1-3-3 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .mixed-page2 .area-template-4-1-3-3 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .mixed-page1 .area-template-4-1-3-4 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .mixed-page2 .area-template-4-1-3-4 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .mixed-page1 .area-template-4-1-3-6 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .mixed-page2 .area-template-4-1-3-6 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .mixed-page1 .area-template-4-1-3-7 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .mixed-page2 .area-template-4-1-3-7 {
  padding-left: 0px;
  width: auto;
}

.mixed-area-content .area-template-4-1-3-9 .calculate-line div {
  height: 35px !important;
  width: 36px !important;
}

.mixed-area-content .area-template-4-1-3-9 .remain-line div {
  height: 35px !important;
  width: 36px !important;
}

.mixed-area-content .area-template-4-1-3-10 .calculate-line div {
  height: 45px !important;
}

.mixed-area-content .area-template-4-1-3-10 .remain-line div {
  height: 45px !important;
}



.mixed-area-content .area-template-4-1-3-11 {
  padding-left: 0px;
  padding-right: 0px;
}


.mixed-area-content .area-template-4-1-3-11 .calculate-line div {
  height: 35px !important;
  width: 36px !important;
}

.mixed-area-content .area-template-4-1-3-11 .remain-line div {
  height: 35px !important;
  width: 36px !important;
}

.mixed-area-content .area-template-4-1-3-11 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-4-1-3-11 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-11 .number-calculate {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-11 .number-remain {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-11 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-11 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.mixed-area-content .area-template-4-1-3-12 .calculate-line div {
  height: 45px !important;
}

.mixed-area-content .area-template-4-1-3-12 .remain-line div {
  height: 45px !important;
}

.mixed-area-content .area-template-4-1-3-9 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-4-1-3-9 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-9 .number-calculate {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-9 .number-remain {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-9 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-1-3-9 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

/* .mixed-area-content .area-mixed-order-4-2-1-1 {
  margin-top: 30px !important;
}

.mixed-area-content .area-mixed-order-4-2-1-2 {
  margin-top: 30px !important;
}

.mixed-area-content .area-mixed-order-4-2-1-3 {
  margin-top: 30px !important;
}

.mixed-area-content .area-mixed-order-4-2-1-4 {
  margin-top: 30px !important;
}

.mixed-area-content .area-mixed-order-4-2-1-5 {
  margin-top: 30px !important;
}

.mixed-area-content .area-mixed-order-4-2-1-6 {
  margin-top: 30px !important;
}

.mixed-area-content .area-mixed-order-4-2-1-7 {
  margin-top: 30px !important;
}

.mixed-area-content .area-mixed-order-4-2-1-8 {
  margin-top: 30px !important;
} */

.mixed-area-content .area-template-4-2-3-4 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-4-2-3-4 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-2-3-4 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-2-3-4 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-2-3-4 .point {
  bottom: 14px;
  right: 106px
}

.mixed-area-content .area-template-4-2-3-12 .blank {
  width: 32px;
  height: 32px;
  margin: 2px;
}

.mixed-area-content .area-template-4-2-3-12 .number-quiz {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-2-3-12 .operator {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-2-3-12 .number-answer {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 2px;
  font-size: 30px;
}

.mixed-area-content .area-template-4-2-3-12 .point {
  bottom: 14px;
  right: 106px
}

.mixed-area-content .ios-template-4-2-3-12 .point {
  bottom: 10px !important;
}

.mixed-area-content .area-template-5-1-1-1 .area-template-main {
  display: flex;
  justify-content: center;
}

.mixed-area-content .area-template-5-1-1-1 .area-svg {
  height: 50px;
}

.mixed-area-content .area-template-5-1-1-2 .area-template-main {
  display: flex;
  justify-content: center;
}

.mixed-area-content .area-template-5-1-1-2 .area-svg {
  height: 50px;
  margin-left: 23px;
}

.mixed-area-content .area-template-5-1-1-3 .area-template-main {
  display: flex;
  justify-content: center;
}

.mixed-area-content .area-template-5-1-1-3 .area-svg {
  height: 80px;
}

.mixed-area-content .area-template-5-1-1-4 .area-template-main {
  display: flex;
  justify-content: center;
}

.mixed-area-content .area-template-5-1-1-4 .area-svg {
  height: 80px;
}

.mixed-area-content .area-template-5-1-1-5 .area-template-main {
  display: flex;
  justify-content: center;
}

.mixed-area-content .area-template-5-1-1-5 .area-svg {
  height: 80px;
}

.mixed-area-content .area-template-5-1-1-6 .area-template-main {
  display: flex;
  justify-content: center;
}

.mixed-area-content .area-template-5-1-1-6 .area-svg {
  height: 80px;
}

.mixed-area-content .area-template-5-1-1-7 .area-template-main {
  display: flex;
  justify-content: center;
}

.mixed-area-content .area-template-5-1-1-7 .area-svg {
  height: 80px;
}

.mixed-area-content .mixed-page1 .area-template-5-1-2-1 {
  width: 500px !important;
}

.mixed-area-content .mixed-page2 .area-template-5-1-2-1 {
  width: 500px !important;
}

.mixed-area-content .area-template-5-1-2-1 .area-quiz {
  justify-content: flex-start;
}

.mixed-area-content .area-template-5-1-2-2 .area-quiz {
  flex-direction: column;
}

/* .mixed-area-content .area-template-5-1-2-3:nth-child(2n) {
  margin-right: 0px;
} */

.mixed-area-content .area-template-5-1-2-3 {
  width: 183px;
  margin-right: 55px;
  /* width: 220px; */
}

.mixed-area-content .area-template-5-1-2-3 .inner-template-main {
  margin: 0px auto;
  width: 183px;
}

.mixed-area-content .area-template-5-1-2-3 .common-area {
  width: 183px;
}

.mixed-area-content .area-template-5-1-2-3 .area-quiz-line {
  width: 183px;
}

.mixed-area-content .area-template-5-1-2-3 .area-quiz {
  flex-direction: column;
  justify-content: flex-start;
}

.mixed-area-content .area-template-5-1-2-3 .img-division {
  width: 8.5px;
  left: 45px;
  top: 4px;
}

.mixed-area-content .area-template-5-1-2-4 .area-template-main {
  justify-content: flex-start;
}

.mixed-area-content .area-template-5-1-2-5 .area-template-main {
  justify-content: flex-start;
}

.mixed-area-content .area-template-5-1-2-5 .area-quiz {
  flex-direction: column;
}

/* .mixed-area-content .area-template-5-1-2-6:nth-child(2n) {
  margin-right: 0px;
} */

.mixed-area-content .area-template-5-1-2-6 {
  width: 183px;
  margin-right: 55px;
  /* width: 220px; */
}

.mixed-area-content .area-template-5-1-2-6 .area-template-main {
  justify-content: flex-start;
}

.mixed-area-content .area-template-5-1-2-6 .inner-template-main {
  width: 183px;
}

.mixed-area-content .area-template-5-1-2-6 .common-area {
  width: 183px;
}

.mixed-area-content .area-template-5-1-2-6 .area-quiz {
  flex-direction: column;
  justify-content: flex-start;
}

.mixed-area-content .area-template-5-1-2-6 .img-division {
  width: 8.5px;
  left: 45px;
  top: 4px;
}

/* .mixed-area-content .area-mixed-order-5-1-5-1 {
  margin-top: 30px !important;
} */

.mixed-area-content .area-template-5-1-5-1 .area-template-main {
  justify-content: center !important;
}

/* .mixed-area-content .area-mixed-order-5-1-5-2 {
  margin-top: 30px !important;
} */

.mixed-area-content .area-template-5-1-5-2 .area-template-main {
  justify-content: center !important;
}

/* .mixed-area-content .area-mixed-order-5-1-5-3 {
  margin-top: 30px !important;
} */

.mixed-area-content .area-template-5-1-5-3 .area-template-main {
  justify-content: center !important;
}

/* .mixed-area-content .area-mixed-order-5-1-5-4 {
  margin-top: 30px !important;
} */

.mixed-area-content .area-template-5-1-5-4 .area-template-main {
  justify-content: center !important;
}

.mixed-area-content .area-template-5-1-6-3 {
  width: 235px;
}

.mixed-area-content .area-template-5-1-6-3 .area-template-main {
  padding: 0px;
}

.mixed-area-content .area-template-5-1-6-4 .area-template-main {
  padding: 0px;
}

/* .mixed-area-content .area-mixed-order-5-2-2-1 {
  margin-top: 50px !important;
} */

.mixed-area-content .area-template-5-2-2-1 .area-template-main {
  justify-content: center !important;
}

/* .mixed-area-content .area-mixed-order-5-2-2-2 {
  margin-top: 50px !important;
} */

.mixed-area-content .area-template-5-2-2-2 .area-template-main {
  justify-content: center !important;
}

/* .mixed-area-content .area-mixed-order-5-2-2-3 {
  margin-top: 50px !important;
} */

.mixed-area-content .area-template-5-2-2-3 .area-template-main {
  justify-content: center !important;
}

/* .mixed-area-content .area-mixed-order-5-2-2-4 {
  margin-top: 50px !important;
} */

.mixed-area-content .area-template-5-2-2-4 .area-template-main {
  justify-content: center !important;
}

/* .mixed-area-content .area-mixed-order-6-1-3-1 {
  margin-top: 10px !important;
} */

.mixed-area-content .area-template-6-1-3-1 .calculate-line div {
  height: 33px;
  width: 34px !important;
}

.mixed-area-content .area-template-6-1-3-1 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-6-1-3-1 .inner-answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-6-1-3-1 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-6-1-3-1 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-1 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-1 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-1 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-1 .point {
  bottom: 16px;
  right: 65px;
}

.mixed-area-content .area-template-6-1-3-1 .point2 {
  bottom: 15px;
  right: 30px;
}

.mixed-area-content .area-template-6-1-3-1 .point3 {
  bottom: 16px;
  right: 30px;
}

.mixed-area-content .ios-template-6-1-3-1 .point {
  bottom: 10px !important;
}

.mixed-area-content .ios-template-6-1-3-1 .point2 {
  bottom: 10px !important;
}

.mixed-area-content .ios-template-6-1-3-1 .point3 {
  bottom: 10px !important;
}

/* .mixed-area-content .area-mixed-order-6-1-3-2 {
  margin-top: 15px !important;
} */

.mixed-area-content .area-template-6-1-3-2 .calculate-line div {
  height: 33px;
  width: 34px !important;
}

.mixed-area-content .area-template-6-1-3-2 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-6-1-3-2 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-6-1-3-2 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-2 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-2 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-2 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-1-3-2 .point {
  bottom: 16px;
  right: 65px;
}

.mixed-area-content .area-template-6-1-3-2 .point2 {
  bottom: 16px;
  right: 30px;
}

.mixed-area-content .ios-template-6-1-3-2 .point {
  bottom: 10px !important;
}

.mixed-area-content .ios-template-6-1-3-2 .point2 {
  bottom: 10px !important;
}

.mixed-area-content .area-template-6-1-4-1 {
  margin-bottom: 30px;
}

.mixed-area-content .area-template-6-1-6-1 .area-template-main {
  overflow: hidden;
}

.mixed-print-area .area-template-6-1-6-1 .img-cm {
  width: 27px;
}

/* .mixed-area-content .area-mixed-order-6-1-6-1 {
  margin-top: 60px !important;
} */

.mixed-area-content .area-template-6-1-6-2 .area-template-main {
  overflow: hidden;
}

.mixed-print-area .area-template-6-1-6-2 .img-cm {
  width: 27px;
}

/* .mixed-area-content .area-mixed-order-6-2-1-1 {
  margin-top: 40px !important;
}

.mixed-area-content .area-mixed-order-6-2-1-2 {
  margin-top: 40px !important;
}

.mixed-area-content .area-mixed-order-6-2-1-3 {
  margin-top: 40px !important;
}

.mixed-area-content .area-mixed-order-6-2-1-4 {
  margin-top: 40px !important;
}

.mixed-area-content .area-mixed-order-6-2-2-1 {
  margin-top: 15px !important;
} */

.mixed-area-content .area-template-6-2-2-1 .calculate-line div {
  height: 33px;
  width: 34px !important;
}

.mixed-area-content .area-template-6-2-2-1 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-6-2-2-1 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-6-2-2-1 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-1 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-1 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-1 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-1 .point2 {
  bottom: 16px;
  right: 29px;
}

.mixed-area-content .ios-template-6-2-2-1 .point2 {
  bottom: 10px !important;
}

/* .mixed-area-content .area-mixed-order-6-2-2-2 {
  margin-top: 15px !important;
} */

.mixed-area-content .area-template-6-2-2-2 .calculate-line div {
  height: 33px;
  width: 34px !important;
}

.mixed-area-content .area-template-6-2-2-2 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-6-2-2-2 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-6-2-2-2 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-2 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-2 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-2 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-2 .point {
  bottom: 18px;
  right: 64px;
}

.mixed-area-content .area-template-6-2-2-2 .point2 {
  bottom: 16px;
  right: 29px;
}

.mixed-area-content .ios-template-6-2-2-2 .point {
  bottom: 10px !important;
}

.mixed-area-content .ios-template-6-2-2-2 .point2 {
  bottom: 10px !important;
}

/* .mixed-area-content .area-mixed-order-6-2-2-3 {
  margin-top: 15px !important;
} */

.mixed-area-content .area-template-6-2-2-3 .calculate-line div {
  height: 33px;
  width: 34px !important;
}

.mixed-area-content .area-template-6-2-2-3 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-6-2-2-3 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-6-2-2-3 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-3 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-3 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-3 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-3 .point {
  bottom: 16px;
  right: 64px;
}

.mixed-area-content .area-template-6-2-2-3 .point2 {
  bottom: 16px;
  right: 30px;
}

.mixed-area-content .ios-template-6-2-2-3 .point {
  bottom: 10px !important;
}

.mixed-area-content .ios-template-6-2-2-3 .point2 {
  bottom: 10px !important;
}

/* .mixed-area-content .area-mixed-order-6-2-2-4 {
  margin-top: 15px !important;
} */

.mixed-area-content .area-template-6-2-2-4 .calculate-line div {
  height: 33px;
  width: 34px !important;
}

.mixed-area-content .area-template-6-2-2-4 .answer-line div {
  height: 33px;
}

.mixed-area-content .area-template-6-2-2-4 .blank {
  width: 32px;
  height: 31px;
  margin: 1px;
}

.mixed-area-content .area-template-6-2-2-4 .number-quiz {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-4 .operator {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-4 .number-calculate {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-4 .number-answer {
  width: 32px;
  height: 31px;
  line-height: 31px;
  margin: 1px;
  font-size: 30px;
}

.mixed-area-content .area-template-6-2-2-4 .point2 {
  bottom: 12px;
  right: 30px;
}

.mixed-area-content .ios-template-6-2-2-4 .point2 {
  bottom: 10px !important;
}

/* .mixed-area-content .area-mixed-order-6-2-3-1 {
  margin-top: 60px !important;
}

.mixed-area-content .area-mixed-order-6-2-3-2 {
  margin-top: 60px !important;
}

.mixed-area-content .area-mixed-order-6-2-3-3 {
  margin-top: 60px !important;
}

.mixed-area-content .area-mixed-order-6-2-3-4 {
  margin-top: 60px !important;
}

.mixed-area-content .area-mixed-order-6-2-3-5 {
  margin-top: 60px !important;
}

.mixed-area-content .area-mixed-order-6-2-3-6 {
  margin-top: 60px !important;
}

.mixed-area-content .area-mixed-order-6-2-3-7 {
  margin-top: 60px !important;
} */

.mixed-area-content .area-template-6-2-3-1 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.mixed-area-content .area-template-6-2-3-1 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(0px, 25px) !important;
}

.mixed-area-content .area-template-6-2-3-1 .inner-template-main {
  width: 100%;
}

.mixed-area-content .area-template-6-2-3-1 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-1 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-1 .y-area {
  width: 70px;
  height: 112px;
}

.mixed-area-content .area-template-6-2-3-1 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-1 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-1 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-2 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.mixed-area-content .area-template-6-2-3-2 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(0px, 25px) !important;
}

.mixed-area-content .area-template-6-2-3-2 .inner-template-main {
  width: 100%;
}

.mixed-area-content .area-template-6-2-3-2 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-2 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-2 .y-area {
  width: 70px;
  height: 112px;
}

.mixed-area-content .area-template-6-2-3-2 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-2 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-2 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-3 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.mixed-area-content .area-template-6-2-3-3 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(0px, 25px) !important;
}

.mixed-area-content .area-template-6-2-3-3 .inner-template-main {
  width: 100%;
}

.mixed-area-content .area-template-6-2-3-3 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-3 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-3 .y-area {
  width: 70px;
  height: 112px;
}

.mixed-area-content .area-template-6-2-3-3 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-3 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-3 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-4 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.mixed-area-content .area-template-6-2-3-4 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(0px, 25px) !important;
}

.mixed-area-content .area-template-6-2-3-4 .inner-template-main {
  width: 100%;
}

.mixed-area-content .area-template-6-2-3-4 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-4 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-4 .y-area {
  width: 70px;
  height: 112px;
}

.mixed-area-content .area-template-6-2-3-4 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-4 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-4 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-5 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.mixed-area-content .area-template-6-2-3-5 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(0px, 25px) !important;
}

.mixed-area-content .area-template-6-2-3-5 .inner-template-main {
  width: 100%;
}

.mixed-area-content .area-template-6-2-3-5 .x-area {
  position: relative;
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-5 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-5 .y-area {
  position: relative;
  width: 70px;
  height: 112px;
}

.mixed-area-content .area-template-6-2-3-5 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-5 .z-area {
  position: relative;
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-5 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-6 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.mixed-area-content .area-template-6-2-3-6 .mobile-area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(2) translate(0px, 25px) !important;
}

.mixed-area-content .area-template-6-2-3-6 .inner-template-main {
  width: 100%;
}

.mixed-area-content .area-template-6-2-3-6 .x-area {
  display: none;
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-6 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-6 .y-area {
  display: none;
  width: 70px;
  height: 112px;
}

.mixed-area-content .area-template-6-2-3-6 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-6 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-6 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-7 .area-canvas {
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-230px, -200px);
}

.mixed-area-content .area-template-6-2-3-7 .inner-template-main {
  width: 100%;
}

.mixed-area-content .area-template-6-2-3-7 .x-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-7 .x-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-7 .y-area {
  width: 70px;
  height: 112px;
}

.mixed-area-content .area-template-6-2-3-7 .y-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-3-7 .z-area {
  width: 70px;
  height: 112px;
  margin-right: 10px;
}

.mixed-area-content .area-template-6-2-3-7 .z-area-canvas {
  margin-top: 7px;
  display: inline-block;
  position: relative;
  transform: scale(0.5) translate(-70px, -70px);
}

.mixed-area-content .area-template-6-2-4-3 .area-quiz {
  justify-content: flex-start;
}

.mixed-area-content .time-divide-line {
  border-right: 0px;
}