@charset "UTF-8";
* {
  position: relative; }

html, body {
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans TC", sans-serif; }

/*------主視覺-------- */
@media screen and (max-width: 1200px) {
  .main-bg .main .main-title {
    left: -200px; } }
@media (min-width: 769px) and (max-width: 1024px) {
  .main-bg .main .main-title {
    left: -180px; } }
@media (min-width: 601px) and (max-width: 768px) {
  .main-bg {
    background-image: url(../img/main-bg-m.jpg); }
    .main-bg .main {
      height: 1000px; }
      .main-bg .main .main-title {
        top: 50px;
        left: 0px; }
      .main-bg .main .woman {
        left: 50px; } }
@media (min-width: 500px) and (max-width: 600px) {
  .main-bg {
    background-image: url(../img/main-bg-m.jpg); }
    .main-bg .main {
      height: 650px; }
      .main-bg .main .main-title {
        width: 500px;
        top: 30px;
        left: 0px; }
      .main-bg .main .woman {
        left: 70px;
        width: 400px; } }
@media (min-width: 400px) and (max-width: 499px) {
  .main-bg {
    background-image: url(../img/main-bg-m.jpg); }
    .main-bg .main {
      height: 590px; }
      .main-bg .main .main-title {
        width: 400px;
        top: 20px;
        left: 0px; }
      .main-bg .main .woman {
        left: 30px;
        width: 400px; } }
@media (min-width: 300px) and (max-width: 399px) {
  .main-bg {
    background-image: url(../img/main-bg-m.jpg); }
    .main-bg .main {
      height: 520px; }
      .main-bg .main .main-title {
        width: 340px;
        top: 10px;
        left: 0px; }
      .main-bg .main .woman {
        left: 0px;
        width: 380px; } }
/*------表單-------- */
@media (min-width: 601px) and (max-width: 768px) {
  .form-title {
    margin-bottom: 40px; }
    .form-title img.pc {
      display: none; }
    .form-title img.m {
      display: inline-block; } }
@media (min-width: 400px) and (max-width: 420px) {
  .form-title {
    margin-bottom: 40px; }
    .form-title img.pc {
      display: none; }
    .form-title img.m {
      display: inline-block;
      width: 400px; } }
@media (min-width: 360px) and (max-width: 399px) {
  .form-title {
    margin-bottom: 40px; }
    .form-title img.pc {
      display: none; }
    .form-title img.m {
      display: inline-block;
      width: 360px; } }
@media (min-width: 320px) and (max-width: 359px) {
  .form-title {
    margin-bottom: 40px; }
    .form-title img.pc {
      display: none; }
    .form-title img.m {
      display: inline-block;
      width: 320px; } }
/*------學好英語-------- */
@media (min-width: 601px) and (max-width: 768px) {
  #whywhy_wrap {
    background-image: url(../img/section1-bg-m.jpg);
    background-size: cover;
    text-align: center;
    padding: 70px 0 20px 0; }
    #whywhy_wrap .section1-title {
      text-align: center; }
      #whywhy_wrap .section1-title .pc {
        display: none; }
      #whywhy_wrap .section1-title .m {
        display: inline-block;
        margin: 0; }
    #whywhy_wrap .lesson_flexbox {
      display: inline-block; } }
@media (min-width: 400px) and (max-width: 420px) {
  #whywhy_wrap {
    background-image: url(../img/section1-bg-m.jpg);
    background-size: cover;
    text-align: center;
    padding: 70px 0 20px 0; }
    #whywhy_wrap .section1-title {
      text-align: center; }
      #whywhy_wrap .section1-title .pc {
        display: none; }
      #whywhy_wrap .section1-title .m {
        width: 400px;
        margin-bottom: 50px;
        display: inline-block; }
    #whywhy_wrap .lesson_flexbox {
      display: inline-block; } }
@media (min-width: 360px) and (max-width: 399px) {
  #whywhy_wrap {
    background-image: url(../img/section1-bg-m.jpg);
    background-size: cover;
    text-align: center;
    padding: 70px 0 20px 0; }
    #whywhy_wrap .section1-title {
      text-align: center; }
      #whywhy_wrap .section1-title .pc {
        display: none; }
      #whywhy_wrap .section1-title .m {
        width: 360px;
        margin-bottom: 50px;
        display: inline-block; }
    #whywhy_wrap .lesson_flexbox {
      display: inline-block; } }
@media (min-width: 320px) and (max-width: 359px) {
  #whywhy_wrap {
    background-image: url(../img/section1-bg-m.jpg);
    background-size: cover;
    text-align: center;
    padding: 70px 0 20px 0; }
    #whywhy_wrap .section1-title {
      text-align: center; }
      #whywhy_wrap .section1-title .pc {
        display: none; }
      #whywhy_wrap .section1-title .m {
        width: 300px;
        margin-bottom: 50px;
        display: inline-block; }
    #whywhy_wrap .lesson_flexbox {
      display: inline-block; } }
/*------英語人才培訓-------- */
@media (min-width: 601px) and (max-width: 768px) {
  .section2 .pc {
    display: none; }
  .section2 .m {
    display: inline-block; }

  #FourthArea {
    background-image: url(../img/BodyBG.png);
    background-repeat: repeat-y;
    padding: 50px 0 0 0; }
    #FourthArea .woman2 {
      height: 850px; } }
@media (min-width: 400px) and (max-width: 420px) {
  .section2 .pc {
    display: none; }
  .section2 .m {
    display: inline-block;
    width: 400px; } }
@media (min-width: 360px) and (max-width: 399px) {
  .section2 .pc {
    display: none; }
  .section2 .m {
    display: inline-block;
    width: 360px; } }
@media (min-width: 320px) and (max-width: 359px) {
  .section2 .pc {
    display: none; }
  .section2 .m {
    display: inline-block;
    width: 300px; } }
/*------階梯圖-------- */
@media (min-width: 601px) and (max-width: 768px) {
  .section3 .section3-title .pc {
    display: none; }
  .section3 .section3-title .m {
    display: inline-block; }
  .section3 .stair-pc img {
    margin: 0 5px;
    width: 14%; } }
@media (min-width: 400px) and (max-width: 420px) {
  .section3 {
    background-image: url(../img/section3-bg-m.jpg); }
    .section3 .section3-title {
      margin-bottom: 30px; }
      .section3 .section3-title .pc {
        display: none; }
      .section3 .section3-title .m {
        display: inline-block;
        width: 400px; }
    .section3 .stair-pc {
      display: none; }
    .section3 .stair-m {
      display: block;
      text-align: center; }
      .section3 .stair-m img {
        width: 380px;
        margin-top: 5px; } }
@media (min-width: 360px) and (max-width: 399px) {
  .section3 {
    background-image: url(../img/section3-bg-m.jpg); }
    .section3 .section3-title {
      margin-bottom: 30px; }
      .section3 .section3-title .pc {
        display: none; }
      .section3 .section3-title .m {
        display: inline-block;
        width: 360px; }
    .section3 .stair-pc {
      display: none; }
    .section3 .stair-m {
      display: block;
      text-align: center; }
      .section3 .stair-m img {
        width: 340px;
        margin-top: 5px; } }
@media (min-width: 320px) and (max-width: 359px) {
  .section3 {
    background-image: url(../img/section3-bg-m.jpg); }
    .section3 .section3-title {
      margin-bottom: 30px; }
      .section3 .section3-title .pc {
        display: none; }
      .section3 .section3-title .m {
        display: inline-block;
        width: 300px; }
    .section3 .stair-pc {
      display: none; }
    .section3 .stair-m {
      display: block;
      text-align: center; }
      .section3 .stair-m img {
        width: 280px;
        margin-top: 5px; } }
/*------學員見證-------- */
@media (min-width: 400px) and (max-width: 420px) {
  .section4 {
    background-image: url(../img/section4-bg-m.jpg);
    background-size: cover;
    padding: 70px 0; }
    .section4 .section4-title {
      text-align: center; }
      .section4 .section4-title img {
        width: 400px; } }
@media (min-width: 360px) and (max-width: 399px) {
  .section4 {
    background-image: url(../img/section4-bg-m.jpg);
    background-size: cover;
    padding: 70px 0; }
    .section4 .section4-title {
      text-align: center; }
      .section4 .section4-title img {
        width: 360px; } }
@media (min-width: 320px) and (max-width: 359px) {
  .section4 {
    background-image: url(../img/section4-bg-m.jpg);
    background-size: cover;
    padding: 70px 0; }
    .section4 .section4-title {
      text-align: center; }
      .section4 .section4-title img {
        width: 300px; } }
/*------百萬補助-------- */
@media (min-width: 601px) and (max-width: 768px) {
  .section5 {
    padding: 50px 0; }
    .section5 .section5-title {
      text-align: center; }
      .section5 .section5-title .pc {
        display: none; }
      .section5 .section5-title .m {
        display: inline-block; } }
@media (min-width: 400px) and (max-width: 420px) {
  .section5 {
    padding: 50px 0; }
    .section5 .section5-title {
      text-align: center; }
      .section5 .section5-title .pc {
        display: none; }
      .section5 .section5-title .m {
        display: inline-block;
        width: 400px; } }
@media (min-width: 360px) and (max-width: 399px) {
  .section5 {
    padding: 50px 0; }
    .section5 .section5-title {
      text-align: center; }
      .section5 .section5-title .pc {
        display: none; }
      .section5 .section5-title .m {
        display: inline-block;
        width: 360px; } }
@media (min-width: 320px) and (max-width: 359px) {
  .section5 {
    padding: 50px 0; }
    .section5 .section5-title {
      text-align: center; }
      .section5 .section5-title .pc {
        display: none; }
      .section5 .section5-title .m {
        display: inline-block;
        width: 300px; } }