@charset "UTF-8";
/* line 3, ../../../sass/controller/frontend/index.scss */
.index {
  width: 100%;
  position: relative;
}
/* line 13, ../../../sass/controller/frontend/index.scss */
.index .A_main {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: url("../../../../../images/DWA-BG1-2.jpg");
}
@media (min-width: 480px) {
  /* line 13, ../../../sass/controller/frontend/index.scss */
  .index .A_main {
    background: url("../../../../../images/DWA-BG1.jpg");
  }
}
@media (min-width: 0px) {
  /* line 22, ../../../sass/controller/frontend/index.scss */
  .index .A_main .main001 {
    display: none;
  }
}
@media (min-width: 480px) {
  /* line 22, ../../../sass/controller/frontend/index.scss */
  .index .A_main .main001 {
    display: block;
    width: 100%;
    max-width: 1920px;
    float: right;
  }
}
/* line 35, ../../../sass/controller/frontend/index.scss */
.index .A_main .main001:hover {
  cursor: pointer;
}
@media (min-width: 0px) {
  /* line 41, ../../../sass/controller/frontend/index.scss */
  .index .A_main .main002 {
    display: block;
    width: 100%;
    max-width: 480px;
    float: right;
  }
}
@media (min-width: 480px) {
  /* line 41, ../../../sass/controller/frontend/index.scss */
  .index .A_main .main002 {
    display: none;
  }
}
/* line 54, ../../../sass/controller/frontend/index.scss */
.index .A_main .main002:hover {
  cursor: pointer;
}
/* line 62, ../../../sass/controller/frontend/index.scss */
.index .QA {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: #e6ded8;
}
@media (min-width: 0px) {
  /* line 66, ../../../sass/controller/frontend/index.scss */
  .index .QA .tit {
    display: block;
    margin: 25px auto 25px auto;
    font: 600 30px "微軟正黑體", Arial, sans-serif;
    text-align: center;
    color: #645b58;
  }
}
@media (min-width: 1100px) {
  /* line 66, ../../../sass/controller/frontend/index.scss */
  .index .QA .tit {
    height: 83px;
    margin: 45px auto 5px auto;
    font: 600 32px "微軟正黑體", Arial, sans-serif;
  }
}
@media (min-width: 0px) {
  /* line 85, ../../../sass/controller/frontend/index.scss */
  .index .QA .QABox {
    width: 94%;
    background: #FFFFFF;
    margin: 0px auto 0px auto;
    padding: 3.5%;
    text-align: center;
  }
}
@media (min-width: 1100px) {
  /* line 85, ../../../sass/controller/frontend/index.scss */
  .index .QA .QABox {
    width: 1020px;
    margin: 0px auto 0px auto;
    padding: 1.7% 2% 2% 2%;
  }
}
/* line 101, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .t1 {
  clear: both;
  font: 600 18px "微軟正黑體", Arial, sans-serif;
  color: #797979;
  margin-bottom: 20px;
  margin-top: 10px;
}
@media (min-width: 1100px) {
  /* line 101, ../../../sass/controller/frontend/index.scss */
  .index .QA .QABox .t1 {
    float: left;
    margin-bottom: 80px;
    text-align: none;
    font: 600 20px "微軟正黑體", Arial, sans-serif;
    margin-left: 10px;
  }
}
/* line 118, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .Q1 {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  font: 600 20px "微軟正黑體", Arial, sans-serif;
  color: #4f4f4f;
  margin-bottom: 20px;
}
@media (min-width: 1100px) {
  /* line 118, ../../../sass/controller/frontend/index.scss */
  .index .QA .QABox .Q1 {
    font: 600 30px "微軟正黑體", Arial, sans-serif;
    margin-bottom: 80px;
  }
}
/* line 130, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .Q1 .txt1 {
  font: 600 30px "微軟正黑體", Arial, sans-serif;
}
@media (min-width: 1100px) {
  /* line 130, ../../../sass/controller/frontend/index.scss */
  .index .QA .QABox .Q1 .txt1 {
    font: 600 60px "微軟正黑體", Arial, sans-serif;
  }
}
/* line 139, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .answer {
  width: 100%;
  clear: both;
}
/* line 143, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .answer .yes {
  background: #fabe00;
  width: 40%;
  height: 130px;
  margin: 10px 2.2% 0px 2.2%;
  border: none;
  outline: none;
  text-align: center;
  color: #FFFFFF;
  font: 600 30px "微軟正黑體", Arial, sans-serif;
  margin-bottom: 30px;
}
@media (min-width: 1100px) {
  /* line 143, ../../../sass/controller/frontend/index.scss */
  .index .QA .QABox .answer .yes {
    width: 166px;
    height: 166px;
    font: 600 46px "微軟正黑體", Arial, sans-serif;
    margin-bottom: 50px;
  }
}
/* line 162, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .answer .yes:hover {
  opacity: 0.90;
  cursor: pointer;
}
/* line 168, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .answer .no {
  background: #ff7e31;
  width: 40%;
  height: 130px;
  margin: 10px 2.2% 0px 2.2%;
  border: none;
  outline: none;
  text-align: center;
  color: #FFFFFF;
  font: 600 30px "微軟正黑體", Arial, sans-serif;
  margin-bottom: 30px;
}
@media (min-width: 1100px) {
  /* line 168, ../../../sass/controller/frontend/index.scss */
  .index .QA .QABox .answer .no {
    width: 166px;
    height: 166px;
    font: 600 46px "微軟正黑體", Arial, sans-serif;
    margin-bottom: 50px;
  }
}
/* line 187, ../../../sass/controller/frontend/index.scss */
.index .QA .QABox .answer .no:hover {
  opacity: 0.90;
  cursor: pointer;
}
@media (min-width: 0px) {
  /* line 196, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox {
    width: 94%;
    background: #FFFFFF;
    margin: 0px auto 0px auto;
    padding: 3.5%;
    text-align: center;
  }
}
@media (min-width: 1100px) {
  /* line 196, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox {
    width: 1020px;
    margin: 0px auto 0px auto;
    padding: 1.7% 2% 2% 2%;
  }
}
/* line 212, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .t1 {
  clear: both;
  font: 600 18px "微軟正黑體", Arial, sans-serif;
  color: #797979;
  margin-bottom: 20px;
  margin-top: 10px;
}
@media (min-width: 1100px) {
  /* line 212, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox .t1 {
    float: left;
    margin-bottom: 30px;
    text-align: none;
    font: 600 20px "微軟正黑體", Arial, sans-serif;
    margin-left: 10px;
  }
}
/* line 228, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .result_img {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}
/* line 231, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .result_img .img1 {
  width: 100%;
  max-width: 500px;
}
/* line 237, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .txt1 {
  clear: both;
  font: 600 16px "微軟正黑體", Arial, sans-serif;
  float: left;
  color: #4f4f4f;
  margin-bottom: 15px;
  margin-top: 8px;
}
@media (min-width: 1100px) {
  /* line 237, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox .txt1 {
    font: 600 18px "微軟正黑體", Arial, sans-serif;
  }
}
/* line 251, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .txt2 {
  clear: both;
  font: 600 16px "微軟正黑體", Arial, sans-serif;
  float: left;
  color: #e72f6f;
  margin-bottom: 10px;
}
@media (min-width: 1100px) {
  /* line 251, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox .txt2 {
    font: 600 17px "微軟正黑體", Arial, sans-serif;
  }
}
/* line 263, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .txt3 {
  clear: both;
  font: 300 15px "微軟正黑體", Arial, sans-serif;
  float: left;
  color: #4f4f4f;
  text-align: left;
  margin-bottom: 15px;
  line-height: 23px;
  padding-bottom: 5px;
}
@media (min-width: 1100px) {
  /* line 263, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox .txt3 {
    font: 300 16px "微軟正黑體", Arial, sans-serif;
    line-height: 27px;
    padding-bottom: 3px;
  }
}
/* line 280, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .like_btn {
  clear: both;
  float: left;
  text-align: left;
  margin-bottom: 3px;
}
/* line 287, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .answer {
  width: 100%;
  clear: both;
  border-top: 1px solid #C3C3C3;
  padding-top: 12px;
  margin-bottom: 5px;
}
@media (min-width: 1100px) {
  /* line 287, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox .answer {
    padding-top: 16px;
  }
}
/* line 299, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .answer .share {
  background: #4867a8;
  margin: 10px 1.2% 0px 1.2%;
  border: none;
  outline: none;
  text-align: center;
  color: #FFFFFF;
  font: 600 20px "微軟正黑體", Arial, sans-serif;
  padding: 1.4% 6%;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
}
@media (min-width: 1100px) {
  /* line 299, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox .answer .share {
    font: 600 20px "微軟正黑體", Arial, sans-serif;
  }
}
/* line 316, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .answer .share:hover {
  opacity: 0.90;
  cursor: pointer;
}
/* line 322, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .answer .again {
  background: #da3768;
  margin: 10px 1.2% 0px 1.2%;
  border: none;
  outline: none;
  text-align: center;
  color: #FFFFFF;
  font: 600 20px "微軟正黑體", Arial, sans-serif;
  padding: 1.4% 6%;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
}
@media (min-width: 1100px) {
  /* line 322, ../../../sass/controller/frontend/index.scss */
  .index .QA .resultBox .answer .again {
    font: 600 20px "微軟正黑體", Arial, sans-serif;
  }
}
/* line 342, ../../../sass/controller/frontend/index.scss */
.index .QA .resultBox .answer .again:hover {
  opacity: 0.90;
  cursor: pointer;
}
@media (min-width: 0px) {
  /* line 352, ../../../sass/controller/frontend/index.scss */
  .index .QA .yellowBox {
    width: 94%;
    background: #fccf41;
    margin: 0px auto 30px auto;
    padding: 3.5%;
    text-align: center;
  }
}
@media (min-width: 1100px) {
  /* line 352, ../../../sass/controller/frontend/index.scss */
  .index .QA .yellowBox {
    width: 1020px;
    margin: 0px auto 90px auto;
    padding: 1.2% 2% 1.2% 2%;
  }
}
/* line 368, ../../../sass/controller/frontend/index.scss */
.index .QA .yellowBox .t2 {
  font: 600 15px "微軟正黑體", Arial, sans-serif;
  color: #242424;
  text-align: none;
  margin: 10px 10px 0px 10px;
}
@media (min-width: 1100px) {
  /* line 368, ../../../sass/controller/frontend/index.scss */
  .index .QA .yellowBox .t2 {
    font: 600 16px "微軟正黑體", Arial, sans-serif;
    line-height: 27px;
  }
}
/* line 380, ../../../sass/controller/frontend/index.scss */
.index .QA .yellowBox .linkexb {
  background: url("../../../../../images/1_16.png");
  width: 230px;
  height: 52px;
  margin: 10px 1.5% 0px 1.5%;
  border: none;
  outline: none;
  text-align: center;
  color: #FFFFFF;
  font: 600 46px "微軟正黑體", Arial, sans-serif;
}
/* line 391, ../../../sass/controller/frontend/index.scss */
.index .QA .yellowBox .linkexb:hover {
  opacity: 0.90;
  cursor: pointer;
}
@media (min-width: 0px) {
  /* line 403, ../../../sass/controller/frontend/index.scss */
  .index .introduction_pc {
    display: none;
  }
}
@media (min-width: 480px) {
  /* line 403, ../../../sass/controller/frontend/index.scss */
  .index .introduction_pc {
    display: block;
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    background: #fabe00;
  }
  /* line 416, ../../../sass/controller/frontend/index.scss */
  .index .introduction_pc .bg {
    max-width: 100% !important;
    max-height: 828px;
  }
}
@media (min-width: 0px) {
  /* line 424, ../../../sass/controller/frontend/index.scss */
  .index .introduction_m {
    display: block;
  }
  /* line 429, ../../../sass/controller/frontend/index.scss */
  .index .introduction_m .img2 {
    display: block;
    width: 100%;
    max-width: 500px;
    float: right;
  }
  /* line 436, ../../../sass/controller/frontend/index.scss */
  .index .introduction_m .pinkbox {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #e72f6f;
    text-align: center;
    color: #FFFFFF;
    padding: 7%;
    line-height: 24px;
    font: 300 15px "微軟正黑體", Arial, sans-serif;
  }
  /* line 445, ../../../sass/controller/frontend/index.scss */
  .index .introduction_m .pinkbox .tit2 {
    font: 600 30px "微軟正黑體", Arial, sans-serif;
  }
  /* line 449, ../../../sass/controller/frontend/index.scss */
  .index .introduction_m .pinkbox .tit3 {
    font: 600 16px "微軟正黑體", Arial, sans-serif;
  }
}
@media (min-width: 480px) {
  /* line 424, ../../../sass/controller/frontend/index.scss */
  .index .introduction_m {
    display: none;
  }
}
/* line 462, ../../../sass/controller/frontend/index.scss */
.index .info {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: #fabe00;
}
@media (min-width: 0px) {
  /* line 466, ../../../sass/controller/frontend/index.scss */
  .index .info .infobox {
    width: 94%;
    margin: 0px auto 0px auto;
    padding: 3.5%;
    text-align: center;
  }
}
@media (min-width: 1100px) {
  /* line 466, ../../../sass/controller/frontend/index.scss */
  .index .info .infobox {
    width: 1020px;
    margin: 0px auto 0px auto;
    padding: 60px 2% 2% 2%;
  }
}
/* line 481, ../../../sass/controller/frontend/index.scss */
.index .info .infobox .logo {
  width: 100%;
  max-width: 379px;
}
@media (min-width: 1100px) {
  /* line 481, ../../../sass/controller/frontend/index.scss */
  .index .info .infobox .logo {
    width: 379px;
    height: 277px;
  }
}
/* line 491, ../../../sass/controller/frontend/index.scss */
.index .info .infobox .organizer {
  font: 300 14px "微軟正黑體", Arial, sans-serif;
  text-align: center;
  line-height: 25px;
  margin-top: 15px;
}
@media (min-width: 1100px) {
  /* line 491, ../../../sass/controller/frontend/index.scss */
  .index .info .infobox .organizer {
    font: 300 16px "微軟正黑體", Arial, sans-serif;
    line-height: 30px;
  }
}
/* line 504, ../../../sass/controller/frontend/index.scss */
.index .info .infobox .fbLiink {
  width: 100%;
  max-width: 379px;
}
@media (min-width: 1100px) {
  /* line 504, ../../../sass/controller/frontend/index.scss */
  .index .info .infobox .fbLiink {
    width: 379px;
    height: 65px;
  }
}
/* line 515, ../../../sass/controller/frontend/index.scss */
.index .info .infobox .orsay0 {
  width: 100%;
  font: 300 12px "微軟正黑體", Arial, sans-serif;
}
/* line 521, ../../../sass/controller/frontend/index.scss */
.index .info .infobox .wslogo {
  width: 100%;
  max-width: 379px;
  clear: both;
  margin-top: 20px;
}
@media (min-width: 1100px) {
  /* line 521, ../../../sass/controller/frontend/index.scss */
  .index .info .infobox .wslogo {
    width: 379px;
    height: 67px;
  }
}