/* line 13, ../sass/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 21, ../sass/_reset.scss */
html {
  font-family: sans-serif;
}

/* line 26, ../sass/_reset.scss */
body {
  margin: 0;
}

/* line 29, ../sass/_reset.scss */
article {
  display: block;
}

/* line 32, ../sass/_reset.scss */
aside {
  display: block;
}

/* line 35, ../sass/_reset.scss */
details {
  display: block;
}

/* line 38, ../sass/_reset.scss */
figcaption {
  display: block;
}

/* line 41, ../sass/_reset.scss */
figure {
  display: block;
  margin: 1em 40px;
}

/* line 45, ../sass/_reset.scss */
footer {
  display: block;
}

/* line 48, ../sass/_reset.scss */
header {
  display: block;
}

/* line 51, ../sass/_reset.scss */
main {
  display: block;
}

/* line 54, ../sass/_reset.scss */
menu {
  display: block;
}

/* line 57, ../sass/_reset.scss */
nav {
  display: block;
}

/* line 60, ../sass/_reset.scss */
section {
  display: block;
}

/* line 63, ../sass/_reset.scss */
summary {
  display: block;
}

/* line 66, ../sass/_reset.scss */
audio {
  display: inline-block;
}
/* line 68, ../sass/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 73, ../sass/_reset.scss */
canvas {
  display: inline-block;
}

/* line 76, ../sass/_reset.scss */
progress {
  display: inline-block;
  vertical-align: baseline;
}

/* line 80, ../sass/_reset.scss */
video {
  display: inline-block;
}

/* line 83, ../sass/_reset.scss */
template {
  display: none;
}

/* line 86, ../sass/_reset.scss */
[hidden] {
  display: none;
}

/* line 89, ../sass/_reset.scss */
a {
  background-color: transparent;
}
/* line 91, ../sass/_reset.scss */
a:active {
  outline-width: 0;
}
/* line 94, ../sass/_reset.scss */
a:hover {
  outline-width: 0;
}

/* line 98, ../sass/_reset.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 103, ../sass/_reset.scss */
b {
  font-weight: inherit;
  font-weight: bolder;
}

/* line 107, ../sass/_reset.scss */
strong {
  font-weight: inherit;
  font-weight: bolder;
}

/* line 111, ../sass/_reset.scss */
dfn {
  font-style: italic;
}

/* line 114, ../sass/_reset.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 118, ../sass/_reset.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/* line 122, ../sass/_reset.scss */
small {
  font-size: 80%;
}

/* line 125, ../sass/_reset.scss */
sub {
  bottom: -0.25em;
}

/* line 129, ../sass/_reset.scss */
sup {
  top: -0.5em;
}

/* line 133, ../sass/_reset.scss */
img {
  border-style: none;
}

/* line 136, ../sass/_reset.scss */
code {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 140, ../sass/_reset.scss */
kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 144, ../sass/_reset.scss */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 148, ../sass/_reset.scss */
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 152, ../sass/_reset.scss */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 158, ../sass/_reset.scss */
button {
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
}
/* line 163, ../sass/_reset.scss */
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 167, ../sass/_reset.scss */
input {
  font: inherit;
  margin: 0;
  overflow: visible;
}

/* line 172, ../sass/_reset.scss */
select {
  font: inherit;
  margin: 0;
  text-transform: none;
}

/* line 177, ../sass/_reset.scss */
textarea {
  font: inherit;
  margin: 0;
  overflow: auto;
}

/* line 182, ../sass/_reset.scss */
optgroup {
  font-weight: bold;
}

/* line 185, ../sass/_reset.scss */
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 189, ../sass/_reset.scss */
[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 193, ../sass/_reset.scss */
[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 197, ../sass/_reset.scss */
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 201, ../sass/_reset.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 206, ../sass/_reset.scss */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* line 215, ../sass/_reset.scss */
[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 220, ../sass/_reset.scss */
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 225, ../sass/_reset.scss */
[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

/* line 228, ../sass/_reset.scss */
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 231, ../sass/_reset.scss */
[type="search"] {
  outline-offset: -2px;
}

/* line 238, ../sass/_reset.scss */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/* line 242, ../sass/_reset.scss */
::-webkit-file-upload-button {
  font: inherit;
}

/* line 245, ../sass/_reset.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 248, ../sass/_reset.scss */
[type="reset"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 251, ../sass/_reset.scss */
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 254, ../sass/_reset.scss */
[type="button"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

@font-face {
  font-family: 'BpmfGenSenRounded-R';
  src: url(./font/BpmfGenSenRounded-R.ttf) format("truetype");
}
@font-face {
  font-family: 'BpmfGenSenRounded-B';
  src: url(./font/BpmfGenSenRounded-B.ttf) format("truetype");
}
/* line 6, ../sass/default.scss */
body {
  font-family: Microsoft JhengHei, Arial;
}

/* line 10, ../sass/default.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1440px) {
  /* line 17, ../sass/default.scss */
  .container {
    max-width: 1400px;
  }
}
/* line 22, ../sass/default.scss */
.customer-container {
  width: 1100px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*pages*/
/* line 1, ../sass/_header.scss */
header {
  min-width: 1240px;
}
/* line 4, ../sass/_header.scss */
header .header-b {
  display: flex;
  align-items: center;
  padding: 25px 0;
}
/* line 8, ../sass/_header.scss */
header .header-b .logo {
  width: 47.5%;
}
/* line 11, ../sass/_header.scss */
header .header-b .nav-b {
  width: 52.5%;
}
/* line 13, ../sass/_header.scss */
header .header-b .nav-b .nav {
  justify-content: flex-end;
}
/* line 15, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item {
  position: relative;
  margin-left: 12px;
}
/* line 18, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item a.nav-link {
  padding: .5rem 5px;
  font-size: 1.25rem;
  color: #000;
  font-weight: bold;
}
/* line 24, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item a.nav-link.active::after, header .header-b .nav-b .nav .nav-item a.nav-link:hover::after, header .header-b .nav-b .nav .nav-item a.nav-link:focus::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffff00;
  width: 100%;
  height: 15px;
  bottom: 8px;
  left: 0;
  z-index: -1;
}
/* line 36, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item a.nav-link img {
  width: 120px;
}

/* line 1, ../sass/_footer.scss */
footer {
  background-color: #000;
  min-width: 1240px;
}
/* line 5, ../sass/_footer.scss */
footer .footer-b {
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding: 15px;
}

/* line 34, ../sass/default.scss */
button {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  cursor: pointer;
}

/* line 42, ../sass/default.scss */
.home-wrapper {
  min-width: 1240px;
}
/* line 46, ../sass/default.scss */
.home-wrapper .rainbow-block {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
/* line 51, ../sass/default.scss */
.home-wrapper .rainbow-block img.rainbow {
  width: 100%;
}
/* line 56, ../sass/default.scss */
.home-wrapper .rainbow-block .top-start-link img {
  width: 170px;
  position: absolute;
  top: 66px;
  left: calc( 50% - 83px);
}
/* line 65, ../sass/default.scss */
.home-wrapper .rainbow-block .bottom-start-link img {
  width: 165px;
  position: absolute;
  bottom: -100px;
  left: calc( 50% - 83px);
}
/* line 74, ../sass/default.scss */
.home-wrapper .rainbow-block .iland {
  position: absolute;
}
/* line 76, ../sass/default.scss */
.home-wrapper .rainbow-block .iland img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  -webkit-transition-property: transform;
  -webkit-transition-duration: .1s;
  -webkit-backface-visibility: hidden;
}
/* line 87, ../sass/default.scss */
.home-wrapper .rainbow-block .iland img:nth-child(2) {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  -webkit-transition-property: transform;
  -webkit-transition-duration: .4s;
  -webkit-backface-visibility: hidden;
}
/* line 95, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-start {
  top: -135px;
  left: 350px;
  width: 295px;
}
/* line 102, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-01 {
  top: 67px;
  left: 710px;
  width: 190px;
}
/* line 109, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-02 {
  top: 257px;
  left: 460px;
  width: 192px;
}
/* line 115, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-03 {
  top: 182px;
  left: 159px;
  width: 197px;
}
/* line 121, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-04 {
  top: 449px;
  left: 264px;
  width: 200px;
}
/* line 127, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-05 {
  top: 469px;
  left: 666px;
  width: 203px;
}
/* line 133, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-06 {
  top: 748px;
  left: 493px;
  width: 207px;
}
/* line 139, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-07 {
  top: 744px;
  left: 134px;
  width: 211px;
}
/* line 145, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-08 {
  top: 1024px;
  left: 307px;
  width: 214px;
}
/* line 151, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-09 {
  top: 1096px;
  left: 754px;
  width: 217px;
}
/* line 157, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-10 {
  top: 1338px;
  left: 386px;
  width: 220px;
}
/* line 168, ../sass/default.scss */
.home-wrapper .rainbow-block a.iland-link:hover .iland img:nth-child(1), .home-wrapper .rainbow-block a.iland-link.active .iland img:nth-child(1) {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, 360deg);
}
/* line 172, ../sass/default.scss */
.home-wrapper .rainbow-block a.iland-link:hover .iland img:nth-child(2), .home-wrapper .rainbow-block a.iland-link.active .iland img:nth-child(2) {
  opacity: 1;
  -webkit-transform: rotate3d(0, 1, 0, 360deg);
}
/* line 187, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .banner-b img {
  width: 100%;
}
/* line 192, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block {
  width: 910px;
  margin: 0 auto;
  position: relative;
}
/* line 198, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 3px;
}
/* line 204, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title span {
  position: relative;
}
/* line 207, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title span:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffff00;
  width: 100%;
  height: 15px;
  bottom: 8px;
  left: 0;
  z-index: -1;
}
/* line 219, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title .home-img-title {
  width: 250px;
}
/* line 226, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .bottom-start-link img {
  width: 275px;
}

/* line 236, ../sass/default.scss */
.test-wrapper {
  min-width: 1240px;
  background-color: #ffdfbf;
  padding-bottom: 24px;
  min-height: calc( 100vh - 151px);
}
/* line 245, ../sass/default.scss */
.test-wrapper.normal-version {
  background-color: #ffdfbf;
}
/* line 250, ../sass/default.scss */
.test-wrapper .page-banner-b {
  background-color: #fff;
}
/* line 252, ../sass/default.scss */
.test-wrapper .page-banner-b img {
  width: 100%;
}
/* line 257, ../sass/default.scss */
.test-wrapper .test-content-block {
  position: relative;
}
/* line 259, ../sass/default.scss */
.test-wrapper .test-content-block .board-block {
  width: 1210px;
  height: 730px;
  margin: 0 auto;
  position: relative;
  background-size: 103% auto;
  background-repeat: no-repeat;
  background-position: center 5px;
}
/* line 270, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.pink-content {
  background-image: url(../images/QA/board_story.png);
}
/* line 274, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content {
  background-image: url(../images/QA/board_answer.png);
}
/* line 278, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.qa-content {
  background-image: url(../images/QA/board_QA.png);
}
/* line 282, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.contact-content {
  background-image: url(../images/QA/board_contact.png);
}
/* line 286, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-01 {
  background-image: url(../images/QA/QA_QA_board_01.svg);
}
/* line 289, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-02 {
  background-image: url(../images/QA/QA_QA_board_02.svg);
}
/* line 292, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-03 {
  background-image: url(../images/QA/QA_QA_board_03.svg);
}
/* line 295, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-04 {
  background-image: url(../images/QA/QA_QA_board_04.svg);
}
/* line 298, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-05 {
  background-image: url(../images/QA/QA_QA_board_05.svg);
}
/* line 301, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-06 {
  background-image: url(../images/QA/QA_QA_board_06.svg);
}
/* line 304, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-07 {
  background-image: url(../images/QA/QA_QA_board_07.svg);
}
/* line 307, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-08 {
  background-image: url(../images/QA/QA_QA_board_08.svg);
}
/* line 310, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-09 {
  background-image: url(../images/QA/QA_QA_board_09.svg);
}
/* line 315, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.about {
  background-image: url(../images/about/about_board.png);
}
/* line 318, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.activities {
  background-image: url(../images/activities/lottery_board.png);
}
/* line 321, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.awarded-list {
  background-image: url(../images/lottery/lottery_announcement_board.png);
}
/* line 331, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block {
  position: absolute;
  background-image: url(../images/QA/board_title.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  width: 950px;
  height: 150px;
  left: 51%;
  top: 20px;
  transform: translateX(-50%);
}
/* line 344, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .unit {
  position: absolute;
  top: 52px;
  left: 42px;
  width: 300px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #603813;
}
/* line 355, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .icon {
  position: absolute;
  left: 413px;
  top: 36px;
  width: 86px;
}
/* line 360, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .icon img {
  width: 100%;
}
/* line 365, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .title {
  position: absolute;
  top: 48px;
  left: 580px;
  width: 300px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #603813;
}
/* line 379, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .fire-man {
  position: absolute;
  bottom: -8px;
  left: -25px;
  z-index: 2;
}
/* line 385, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .fire-man img {
  width: 400px;
}
/* line 391, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block {
  position: absolute;
  top: 199px;
  left: 207px;
  width: 782px;
  height: 428px;
  z-index: 2;
}
/* line 403, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .title-block {
  color: #603813;
  display: flex;
  align-items: center;
}
/* line 407, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .title-block .title {
  font-size: 2rem;
  font-weight: bold;
  padding: 0 25px;
  flex-grow: 0;
}
/* line 415, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .title-block .line {
  height: 5px;
  border-radius: 5px;
  background-color: #603813;
  flex-grow: 1;
}
/* line 425, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc {
  height: calc( 100% - 53px - 10px - 20px );
  width: calc( 100% + 25px );
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 25px;
  margin-right: -25px;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
/* line 437, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .desc-title {
  color: #603813;
  font-weight: bold;
}
/* line 442, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc img {
  max-width: 100%;
}
/* line 446, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .small-block {
  width: 660px;
  margin: 0 auto;
  margin-bottom: 15px;
}
/* line 452, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .desc-alert {
  text-indent: -40px;
  padding-left: 40px;
  margin-bottom: 8px;
}
/* line 456, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .desc-alert:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-image: url(../images/__icon_notice.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  margin-top: -4px;
  margin-right: 10px;
}
/* line 473, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input {
  display: flex;
  margin-bottom: 8px;
}
/* line 477, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input:last-child {
  margin-bottom: 0;
}
/* line 481, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .lebal-b {
  font-size: 1.125rem;
  width: 55px;
  line-height: 46px;
}
/* line 487, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b {
  font-size: 1.125rem;
  width: calc( 100% - 60px );
}
/* line 493, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="text"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="email"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="password"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="number"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b textarea {
  border: 0;
  width: 100%;
  padding: 10px 20px;
  border-radius: 25px;
}
/* line 501, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b textarea {
  height: 120px;
  resize: none;
}
/* line 512, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}
/* line 518, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar-track {
  background: #E6E6E6;
  border-radius: 8px;
}
/* line 524, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 8px;
}
/* line 530, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar-thumb:hover {
  background: #888;
}
/* line 535, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .bottom-line {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #603813;
}
/* line 547, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block {
  top: 178px;
  left: 250px;
  width: 697px;
  height: 395px;
  z-index: 1;
}
/* line 555, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .title-block {
  color: #008d91;
}
/* line 557, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .title-block .line {
  background-color: #008d91;
}
/* line 563, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .desc {
  padding: 0 100px 0 75px;
}
/* line 567, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .bottom-line {
  background-color: #008d91;
}
/* line 576, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .number-of-question-block {
  position: absolute;
  top: 90px;
  left: 203px;
  width: 209px;
  height: 36px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
}
/* line 589, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block {
  position: absolute;
  top: 150px;
  left: 120px;
  width: 825px;
  height: 122px;
  top: 168px;
  left: 223px;
  width: 800px;
  height: 110px;
}
/* line 600, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block .question-number {
  font-size: 1.5rem;
  font-weight: bold;
  color: #603813;
  margin-right: 10px;
}
/* line 608, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block .question-title {
  font-size: 1.5rem;
  color: #603813;
}
/* line 614, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.correct .question-number {
  background-color: #00959D;
}
/* line 619, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.correct .question-title {
  color: #00959D;
}
/* line 625, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.error .question-number {
  background-color: #ED1C24;
}
/* line 630, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.error .question-title {
  color: #ED1C24;
}
/* line 636, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block {
  position: absolute;
  top: 372px;
  left: 202px;
  width: 795px;
  height: 247px;
  z-index: 2;
}
/* line 645, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block.desc-b {
  height: 281px;
}
/* line 649, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
/* line 655, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card {
  width: calc( 25% - 10px );
  margin-left: 5px;
  margin-right: 5px;
}
/* line 659, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label {
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
}
/* line 663, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label input[type=radio] {
  display: none;
}
/* line 666, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label div {
  border-radius: 30px;
}
/* line 668, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label div img {
  width: 100%;
}
/* line 672, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label input[type=radio]:checked + div {
  border: 6px solid #00AA9D;
}
/* line 675, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label input[type=radio]:hover + div {
  border: 6px solid #00AA9D;
}
/* line 683, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .progress-bar-block {
  position: absolute;
  top: 628px;
  left: 238px;
  width: 625px;
  height: 17px;
  background-color: #006759;
  border-radius: 15px;
  padding: 4px 5px;
  overflow: hidden;
}
/* line 694, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .progress-bar-block .bar {
  background-color: #ffea2f;
  border-radius: 11px;
  height: 100%;
}
/* line 701, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .progress-question-block {
  position: absolute;
  top: 623px;
  left: 881px;
  width: 150px;
  height: 28px;
  color: #000;
  font-size: 0.875rem;
  line-height: 28px;
}
/* line 713, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card {
  position: absolute;
}
/* line 715, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card .title {
  color: #603813;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
/* line 722, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card .desc {
  font-size: 1.25rem;
}
/* line 725, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-1 {
  top: 185px;
  left: 225px;
}
/* line 729, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-2 {
  top: 185px;
  left: 697px;
}
/* line 733, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-3 {
  top: 449px;
  left: 225px;
}
/* line 737, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-4 {
  top: 449px;
  left: 697px;
}
/* line 744, ../sass/default.scss */
.test-wrapper .test-content-block .next-block {
  text-align: center;
  position: relative;
  z-index: 2;
}
/* line 748, ../sass/default.scss */
.test-wrapper .test-content-block .next-block .qa-next-link {
  display: inline-block;
}
/* line 750, ../sass/default.scss */
.test-wrapper .test-content-block .next-block .qa-next-link img {
  width: 275px;
  margin-right: 5px;
  margin-left: 5px;
}
/* line 760, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block {
  text-align: center;
}
/* line 762, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .clode_title {
  width: 315px;
  margin-top: 50px;
}
/* line 766, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .people-b {
  height: 335px;
  position: relative;
}
/* line 771, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .grade_people {
  width: 280px;
  position: absolute;
  bottom: 29px;
  left: 0;
}
/* line 779, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .lottery-btn img {
  width: 210px;
}
/* line 789, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block {
  width: 1070px;
  margin: 0 auto;
  position: relative;
}
/* line 795, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 50px 40px;
}
/* line 801, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.no-bk-color {
  background-color: transparent;
}
/* line 805, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc {
  padding: 40px 50px 40px;
  min-height: 400px;
}
/* line 809, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc .des-content {
  padding-right: 0;
}
/* line 813, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc .fireman {
  position: absolute;
  bottom: -25px;
  right: -85px;
}
/* line 818, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc .fireman img {
  width: 300px;
}
/* line 825, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc {
  padding: 40px 120px 40px 120px;
  min-height: 400px;
}
/* line 829, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc .des-content {
  padding-right: 100px;
}
/* line 833, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc .fireman {
  position: absolute;
  bottom: -25px;
  right: -85px;
}
/* line 838, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc .fireman img {
  width: 300px;
}
/* line 845, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc.normal-answer-desc .des-content {
  padding-right: 0;
}
/* line 850, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-title {
  color: #42210b;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 3px;
}
/* line 857, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-title-icon {
  text-align: center;
}
/* line 859, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-title-icon img {
  width: 175px;
}
/* line 864, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content {
  color: #333333;
  font-size: 1.625rem;
  line-height: 1.75;
}
/* line 870, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input {
  display: flex;
  margin-bottom: 15px;
}
/* line 874, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input:last-child {
  margin-bottom: 0;
}
/* line 878, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .lebal-b {
  font-size: 1.375rem;
  color: #333;
  width: 80px;
  line-height: 55px;
}
/* line 886, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b {
  font-size: 1.375rem;
  width: calc( 100% - 80px );
}
/* line 892, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="text"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="email"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="password"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="number"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b textarea {
  border: 1px solid #989898;
  width: 100%;
  padding: 10px 20px;
  border-radius: 30px;
}
/* line 900, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b textarea {
  height: 120px;
  resize: none;
}
/* line 906, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b.verify-input {
  width: calc( 100% - 250px );
}
/* line 912, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .verify-img-b {
  width: 160px;
  margin-left: 10px;
  background-color: #c8c8c8;
  height: 55px;
  border-radius: 30px;
  line-height: 55px;
  text-align: center;
}
/* line 924, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .verify-img-b img {
  width: 100px;
  height: 30px;
}
/* line 935, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block {
  width: 100%;
  background-color: #fff;
  border-radius: 70px;
  padding: 30px 50px 30px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
/* line 945, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block.small-radius {
  border-radius: 20px;
}
/* line 949, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block .question-number {
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
  margin-right: 10px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
/* line 961, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block .question-number img {
  width: 100%;
  vertical-align: middle;
  margin-top: -4px;
}
/* line 969, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block .question-title {
  display: flex;
  align-items: center;
  width: calc( 100% - 80px );
  color: #42210b;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
}
/* line 981, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block {
  width: 100%;
}
/* line 987, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}
/* line 994, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card {
  width: 100%;
  margin-bottom: 15px;
}
/* line 997, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label {
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
}
/* line 1001, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label input[type=radio] {
  display: none;
}
/* line 1004, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label div.anwser-option {
  padding: 30px 50px 30px;
  border-radius: 70px;
  border: 10px solid rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  background-color: #AAA;
}
/* line 1012, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label div.anwser-option:before {
  content: "";
  display: block;
  width: 50px;
  height: 51px;
  background-image: url(../images/__choice_v_2.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0px 0px;
  margin-right: 14px;
}
/* line 1023, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label div.anwser-option img {
  width: 50px;
  margin-right: 20px;
}
/* line 1027, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label div.anwser-option .desc {
  font-size: 2rem;
  color: #fff;
  line-height: 2.5rem;
  font-weight: bold;
  width: calc(100% - 135px);
}
/* line 1035, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label input[type=radio]:checked + div.anwser-option {
  border: 10px solid #FFFFFF;
}
/* line 1037, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label input[type=radio]:checked + div.anwser-option:before {
  background-image: url(../images/__choice_v.svg);
}
/* line 1041, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label input[type=radio]:hover + div.anwser-option {
  border: 10px solid #FFFFFF;
}
/* line 1048, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card:nth-child(4n+1) label div.anwser-option {
  background-color: #0aba6e;
}
/* line 1051, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card:nth-child(4n+2) label div.anwser-option {
  background-color: #009aaa;
}
/* line 1054, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card:nth-child(4n+3) label div.anwser-option {
  background-color: #3b92cc;
}
/* line 1057, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card:nth-child(4n) label div.anwser-option {
  background-color: #6b83d2;
}

/* line 1070, ../sass/default.scss */
.customer-modal-wp {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 1081, ../sass/default.scss */
.customer-modal-wp.active {
  display: block;
}
/* line 1084, ../sass/default.scss */
.customer-modal-wp .customer-modal-block {
  padding: 180px 40px;
  background-color: #fff;
  position: relative;
  width: 620px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
  z-index: 501;
  border-radius: 25px;
}
/* line 1096, ../sass/default.scss */
.customer-modal-wp .customer-modal-block.no-padding {
  padding: 0;
}
/* line 1100, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .fire-man-celebrate {
  text-align: center;
}
/* line 1102, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .fire-man-celebrate img {
  width: 540px;
}
/* line 1107, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .info-mark {
  color: #333;
  text-align: center;
  font-size: 22px;
  margin-bottom: 15px;
}
/* line 1115, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block {
  width: 365px;
  margin: 0 auto;
  margin-bottom: 35px;
}
/* line 1119, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
/* line 1124, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .full-col {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
/* line 1129, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .half-col {
  width: calc( 50%);
  padding-left: 8px;
  padding-right: 8px;
}
/* line 1135, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .note {
  color: #F15A24;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}
/* line 1141, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .note:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background-image: url(../images/finish/finish_tips_icon.svg);
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: center 2px;
  margin-right: 3px;
}
/* line 1155, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row input[type="text"], .customer-modal-wp .customer-modal-block .input-block .input-row input[type="number"], .customer-modal-wp .customer-modal-block .input-block .input-row input[type="password"], .customer-modal-wp .customer-modal-block .input-block .input-row input[type="email"] {
  width: 100%;
  background-color: #E6E6E6;
  color: #333;
  border: 0;
  border-radius: 30px;
  text-align: center;
  padding: 15px 20px;
  font-size: 18px;
}
/* line 1166, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row select {
  width: 100%;
  border: 0;
  border-radius: 30px;
  text-align: center;
  padding: 15px 35px;
  font-size: 18px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/finish/finish_arrow_down.svg) no-repeat scroll right center transparent;
  background-size: 8px auto;
  background-position: right 25px center;
  background-color: #E6E6E6;
}
/* line 1183, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row textarea {
  width: 100%;
  background-color: #E6E6E6;
  color: #333;
  border: 0;
  border-radius: 30px;
  text-align: left;
  padding: 20px 35px;
  font-size: 18px;
  height: 180px;
  resize: none;
}
/* line 1199, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .link-block {
  text-align: center;
  padding-bottom: 40px;
}
/* line 1203, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .link-block.no-padding {
  padding: 0px;
}
/* line 1207, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .link-block a img, .customer-modal-wp .customer-modal-block .link-block button img {
  width: 230px;
}
/* line 1214, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .finish-icon {
  text-align: center;
  margin-bottom: 20px;
}
/* line 1217, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .finish-icon img {
  width: 130px;
}
/* line 1222, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block {
  width: 450px;
  margin: 0 auto;
  margin-bottom: 35px;
  text-align: center;
}
/* line 1227, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block .student {
  font-weight: bold;
  color: #0071BC;
  line-height: 26px;
}
/* line 1234, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  height: 260px;
}
/* line 1239, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar {
  width: 8px;
  cursor: pointer;
}
/* line 1243, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar-track {
  background-color: #ddd;
  border-radius: 16px;
}
/* line 1247, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 16px;
}
/* line 1251, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #999;
  cursor: pointer;
}