@charset "UTF-8";
  @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap');
  /* CSS Document */
  *{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
     image-rendering:-moz-crisp-edges;         /* Firefox        */
     image-rendering:-o-crisp-edges;           /* Opera          */
     image-rendering:-webkit-optimiz-contrast; /* Safari         */
     image-rendering:optimize-contrst;         /* CSS3 Proposed  */
     -ms-interpolation-mode:neares-neighbor;   /* IE8+           */
}
  
  html{ width:100%; height:100%; font-family:Arial, Helvetica,"微軟正黑體",sans-serif; text-size-adjust:none;
        font-size:15px; 
         }
  ul{ margin: 0; padding: 0; list-style: none;}



/* == 桌機版優先 ============================================================================= */

/*置頂選單*/
#bottom{ position: fixed;  bottom: 0; left: 0; width: 100%; z-index: 10000; text-align: center;}
#bottom>div{ padding: 20px 0; background-color: rgba(0, 0, 0, 0.75);}
#bottom>div a{ padding: 10px 20px; text-decoration: none;  font-size: 18px; color: #fff; background-color: rgba(0, 195, 0, 0.75); border-radius: 10px; }

/* 刊頭輪播 */
.headbn{ overflow: hidden;}
.headbn .slideCon .banner01{ background:url(../images/headbn-01.jpg)no-repeat; width: 100%; height: 0; padding-bottom:46.87%; background-size:cover;}
.headbn .slideCon .banner02{ background:url(../images/headbn-02.jpg)no-repeat; width: 100%; height: 0; padding-bottom:46.87%; background-size:cover;}
.headbn .slick-prev,.headbn .slick-next{ height:50px; width: 50px; z-index: 999;}
.headbn .slick-prev:before,.headbn .slick-next:before{ color:#253347; font-size:50px;}
.headbn .slick-prev{ left: 10px;}
.headbn .slick-next{ right: 10px;}

/* 我的新轉職機會 */
.foreword{ padding:60px calc((100% - 1200px)/2); overflow: hidden;}
.foreword a{ text-decoration: none; cursor: pointer;}
.foreword .con{ 
      margin: 0 auto; width: 80%; border: 1px solid #2f84a8; padding:30px 60px; border-radius: 15px; background-color: rgba(255,255,255,0.5); 
      display: flex; justify-content: center; align-items:center;}
.foreword .con>div{ margin-left: 20px;}
.foreword .con>div img{ max-width: 100%;}
.foreword .con h3{ font-size: 2rem; color: #2f84a8; }
.foreword .con p{ font-size: 1.4rem; line-height: 1.6; color: #333; }

/* 60秒測出你的年後命定好工作 */
.divination{ padding:100px calc((100% - 1200px)/2) 0; text-align: center; background-color: #ffe6cf; background-image:url(../images/bg01.jpg); background-repeat: no-repeat; background-position: top center;}
.divination .tit{ text-align: center;}
.divination .tit img{ max-width: 100%;}
.divination .tit h2{ font-size: 3.2rem; color: #135985;}
.divination .tit h3{ padding:10px 0; font-size: 2rem; font-weight: 700; color: #c99a1c;}
.divination .tit h4{ font-size: 1.5rem; line-height: 1.5; font-weight: 500; color: #135985;}
.divination .tit h4 span{ font-weight: bold;}
.divination .cardselect{ height:auto; overflow: hidden;}
.divination .cardselect ul{ padding:40px 0 50px; display: flex; justify-content: space-between;}
.divination .cardselect ul li img{ max-width: 100%;}
.divination .cardselect ul li:nth-child(odd){ margin-top: 70px;}
.divination .cardselect ul li .cardmain{ cursor: pointer;}
.divination .cardselect ul li .cardmain a{ display: block; position: relative;}
.divination .cardselect ul li .cardmain a::after{ content:'';display: block; background:url(../images/divination-btn.png) no-repeat; 
      width: 144px; height: 53px; position: absolute; bottom:-10px; left:calc((100% - 144px)/2); animation:btnflash 1.5s linear infinite;}
.divination .cardresult{ display:none; padding: 40px; background-color: #fff; border: 2px dashed #c99a1c; border-radius: 20px;}
.divination .cardresult .con{ display:flex; justify-content: center; align-items: center;}
.divination .cardresult .con img{ max-width: 100%;}
.divination .cardresult .con>div{ padding-left: 30px; width:100%; text-align:left;}
.divination .cardresult .con>div h3{ font-size: 3rem; color: #135985;}
.divination .cardresult .con>div h3 span{ color: #ed5b52;}
.divination .cardresult .con>div p{ padding: 15px 0 20px; font-size: 2.1rem;}
.divination .cardresult .con>div a{ display: inline-block; padding: 10px 30px; font-size: 1.9rem; color: #fff; text-decoration: none; background-color: #ed5b52; border-radius: 50px;}

/* 60秒測出你的年後命定好工作-行動版 */
.divination .m-cardselect{ height:auto;}
.divination .m-cardselect ul{ padding:40px 0 50px; display: flex; flex-wrap: wrap; justify-content:space-between;}
.divination .m-cardselect ul li{ width: 19%;}
.divination .m-cardselect ul li:nth-child(odd){ margin-top: 70px;}
.divination .m-cardselect ul li .cardmain img{ max-width: 100%;}
.divination .m-cardselect ul li .cardmain{ cursor: pointer;}
.divination .m-cardselect ul li .cardmain a{ display: block; position: relative;}
.divination .m-cardselect ul li .cardmain a::after{ content:'';display: block; background:url(../images/divination-btn.png) no-repeat; 
      width: 144px; height: 53px; position: absolute; bottom:-10px; left:calc((100% - 144px)/2); animation:btnflash 1s linear infinite;}
.divination .m-cardselect ul li .m-cardresult{ display: none; margin-top: 30px; padding:30px 20px; background-color: #fff; border-radius: 20px; border: 2px dashed #c99a1c;}
.divination .m-cardselect ul li .m-cardresult img{ padding: 10px 0; max-width: 50%;}
.divination .m-cardselect ul li .m-cardresult h3{ font-size: 1.5rem; color: #135985;}
.divination .m-cardselect ul li .m-cardresult h3 span{ color: #ed5b52;}
.divination .m-cardselect ul li .m-cardresult p{ padding-bottom: 20px; font-size: 1.1rem;}
.divination .m-cardselect ul li .m-cardresult a{ display: block; padding: 10px 0; font-size: 1rem; color: #fff; text-decoration: none; background-color: #ed5b52; border-radius: 50px;}

@keyframes btnflash{
      0%{ transform: translateY(4px); filter:brightness(0.8);}
      50%{ transform: translateY(0px); filter:brightness(1.2);}
      100%{ transform: translateY(4px); filter:brightness(0.8);}
  }

.bottom-divination{ height:227px; background-color: #ffe6cf; background-image:url(../images/bg02.jpg); background-repeat: no-repeat; background-position: top center;}


/* 轉職好工作 */
.onThelist{ padding:100px calc((100% - 1200px)/2) 50px;text-align: center; position: relative; overflow: hidden;}
.onThelist a{ text-decoration: none;}
.onThelist h2{ font-size: 3.2rem; font-weight: normal; line-height: 1.2; color: #2f84a8;}
.onThelist h2 span{ color: #ed5b52;}
.onThelist ul{display:flex;justify-content: space-around;margin:120px 0 60px; z-index: 2; position: relative; }
.onThelist ul li{width:31%;display: flex;flex-flow: column;justify-content: space-between;}
.onThelist ul li .top{height: auto;}
.onThelist ul li .top a{ 
    display: block; height: 100%; padding: 80px 50px 50px; background: #168a8e; border-radius:20px; position: relative;
    text-decoration: none; color: #fff;}
.onThelist ul li .top a::after{content:'';display: block;background:url(../images/onThelist-arr.png) no-repeat;width: 40px;height: 40px;position: absolute;bottom:-10px;left:45%;transform: translateY(100%);}
.onThelist ul li .top a::after{animation:UpDown 1s linear infinite;}
.onThelist ul li .top img{ width: 50%; position: absolute; top:0;left:50%; transform: translate(-50%, -60%);}
.onThelist ul li .top h3{ margin: 20px 0 40px; font-size: 5.6rem; font-weight: normal; line-height: 36px; color: #fff; }
.onThelist ul li .top p{ text-align: left; font-size: 1.5rem; line-height: 1.6;  min-height:110px  }
.onThelist ul li .top span{ color: #fcee21;}
.onThelist ul li .top h4{ width: 100%; background-color:#fff; border-radius: 5em; margin: 10px 0 0; font-size: 1.8rem; line-height: 54px; color: #168a8e;}

@keyframes UpDown{
    0%{transform: translateY(100%);}
    25%{transform: translateY(90%);}
    75%{transform: translateY(110%);}
    100%{transform: translateY(100%);}
}
.onThelist ul li .down{ background: #168a8e;border-radius: 20px; margin-top:60px; display: none;}
.onThelist ul li .down a{text-decoration: none; cursor: pointer;}
.onThelist ul li .down img{ width: 100%;}
.onThelist ul li .down .content{ padding:40px 50px;}
.onThelist ul li .down p{ font-size: 24px; line-height: 2.2; font-weight: normal;  color: #fff; border-bottom:1px dashed #fff ; text-align: left;}
.onThelist ul li .down p:last-child{ border-bottom:0;}
.onThelist ul li .down p span{ color: #fcee21; }

.onThelist ul li:nth-of-type(2) .top a{ 
      display: block; height: 100%; padding: 80px 50px 50px; background: #c99a1c; border-radius:20px; position: relative;box-sizing: border-box;
      text-decoration: none; color: #fff;}
.onThelist ul li:nth-of-type(2) .top a::after{content:'';display: block;background:url(../images/onThelist-arr2.png) no-repeat;width: 40px;height: 40px;position: absolute;bottom:-10px;left:45%;transform: translateY(100%);}
.onThelist ul li:nth-of-type(2) .top a::after{animation:UpDown 1s linear infinite;}
.onThelist ul li:nth-of-type(2) .top img{ width: 50%; position: absolute; top:0;left:50%; transform: translate(-50%, -60%);}
.onThelist ul li:nth-of-type(2) .top h3{ margin: 20px 0 40px; font-size: 5.6rem; font-weight: normal; line-height: 36px; color: #fff; }
.onThelist ul li:nth-of-type(2) .top p{ text-align: left; font-size: 1.5rem; line-height: 1.6;  min-height:110px  }
.onThelist ul li:nth-of-type(2) .top span{ color: #fcee21;}
.onThelist ul li:nth-of-type(2) .top h4{ width: 100%; background-color:#fff; border-radius: 5em; margin: 10px 0 0; font-size: 1.8rem; line-height: 54px; color: #c99a1c;}
  
.onThelist ul li:nth-of-type(2) .down{ background: #c99a1c;border-radius: 20px; margin-top:60px; display: none;}
.onThelist ul li:nth-of-type(2) .down img{ width: 100%;}
.onThelist ul li:nth-of-type(2) .down .content{ padding:40px 50px;}
.onThelist ul li:nth-of-type(2) .down p{ font-size: 24px; line-height: 2.2; font-weight: normal;  color: #fff; border-bottom:1px dashed #fff ; text-align: left;}
.onThelist ul li:nth-of-type(2) .down p:last-child{ border-bottom:0;}
.onThelist ul li:nth-of-type(2) .down p span{ color: #fcee21; }

.onThelist ul li:nth-of-type(3) .top a{ 
      display: block; height: 100%; padding: 80px 50px 50px; background: #ed5b52; border-radius:20px; position: relative;box-sizing: border-box;
      text-decoration: none; color: #fff;}
.onThelist ul li:nth-of-type(3) .top a::after{content:'';display: block;background:url(../images/onThelist-arr3.png) no-repeat;width: 40px;height: 40px;position: absolute;bottom:-10px;left:45%;transform: translateY(100%);}
.onThelist ul li:nth-of-type(3) .top a::after{animation:UpDown 1s linear infinite;}
.onThelist ul li:nth-of-type(3) .top img{ width: 50%; position: absolute; top:0;left:50%; transform: translate(-50%, -60%);}
.onThelist ul li:nth-of-type(3) .top h3{ margin: 20px 0 40px; font-size: 5.6rem; font-weight: normal; line-height: 36px; color: #fff; }
.onThelist ul li:nth-of-type(3) .top p{ text-align: left; font-size: 1.5rem; line-height: 1.6; min-height:110px  }
.onThelist ul li:nth-of-type(3) .top span{ color: #fcee21;}
.onThelist ul li:nth-of-type(3) .top h4{ width: 100%; background-color:#fff; border-radius: 5em; margin: 10px 0 0; font-size: 1.8rem; line-height: 54px; color: #ed5b52;}
  
.onThelist ul li:nth-of-type(3) .down{ background: #ed5b52;border-radius: 20px; margin-top:60px; display: none;}
.onThelist ul li:nth-of-type(3) .down img{ width: 100%;}
.onThelist ul li:nth-of-type(3) .down .content{ padding:40px 50px;}
.onThelist ul li:nth-of-type(3) .down p{ font-size: 24px; line-height: 2.2; font-weight: normal;  color: #fff; border-bottom:1px dashed #fff ; text-align: left;}
.onThelist ul li:nth-of-type(3) .down p:last-child{ border-bottom:0;}
.onThelist ul li:nth-of-type(3) .down p span{ color: #fcee21; }
  

/*轉職薪資帳戶*/
.booking{ text-align: center; }
.booking .bg{ background:url(../images/bg05.png) no-repeat;}
.booking .wrap{ padding:120px calc((100% - 1200px)/2) 100px;}
.booking .wrap h2{ padding: 20px 0; font-size: 2rem; font-weight: normal; color: #18637a; }
.booking .wrap h2 span{ color: #ed5b52;}
.booking .wrap img{ max-width: 100%;}
.booking .wrap .form{ padding: 20px; background-color: #fff; border-radius: 15px;}

/* footer */
footer{ padding: 40px calc((100% - 1200px)/2) ; }
footer ul{ display: flex; justify-content:space-between; }
footer ul li{ border-right: 1px solid #2d343d; line-height: 1; width: 10%; text-align: center;}
footer ul li:last-child{ border-right: 0px solid #2d343d;}
footer ul li a{ color: #2d343d; text-decoration: none; font-size: 16px;}
footer>p{ padding: 10px 0; text-align: center; color: #9e978f;}


/*置頂按鈕*/
.gotop{ background: #f39800; font-size: 40px; width: 60px; height: 60px; display: flex; justify-content: center;  align-items: center; border-radius: 50px; position: fixed; bottom: 10%; right: 2%; z-index: 999;}
.gotop a{ text-decoration: none; color: #fff; }

/* ===== table ====================================================================================== */
@media ( max-width:1180px ){

      .foreword{ padding:40px 5%;}
      .foreword .con{ width: 100%; padding: 20px 30px;}
      .foreword .con h3{ font-size: 2rem; color: #2f84a8; }
      .foreword .con p{ font-size: 1.2rem; line-height: 1.6;}

      /* 60秒測出你的年後命定好工作 */
      .divination .tit{ text-align: center;}
      .divination .tit img{ max-width: 100%;}
      .divination .tit h2{ font-size: 3.2rem;}
      .divination .tit h3{ font-size: 1.3rem;}
      .divination .tit h4{ font-size: 1.2rem;}

      .divination{ padding:0 4%; background-image: unset;}
      .divination .cardselect{ height:auto; overflow: hidden;}
      .divination .cardselect ul{ padding:40px 0 50px; display: flex; justify-content: space-between;}
      .divination .cardselect ul li{ width: 19%;}
      .divination .cardresult .con>div{ padding-left: 30px; width:100%;}
      .divination .cardresult .con>div h3{ font-size: 2.5rem;}
      .divination .cardresult .con>div p{ font-size: 2rem;}

      .top-divination{ height:auto; background-image:url(../images/bg03.jpg); background-repeat: no-repeat; background-position: top center; padding-bottom: 12%; background-size: cover;}
      .bottom-divination{ height:auto; padding-bottom: 12%; background-size: cover;}
      
      /* 60秒測出你的年後命定好工作-行動版 */
      .divination .m-cardselect{ height:auto;}
      .divination .m-cardselect ul li{ width: 19%;}
      .divination .m-cardselect ul li:nth-child(odd){ margin-top: 0;}
      .divination .m-cardselect ul li .m-cardresult img{ padding: 10px 0; max-width: 50%;}
      .divination .m-cardselect ul li .m-cardresult{ display: none; margin-top: 30px; padding:20px 10px;}
      .divination .m-cardselect ul li .m-cardresult h3{ font-size: 1.2rem;}
      .divination .m-cardselect ul li .m-cardresult p{ padding-bottom: 20px; font-size: 1.1rem;}
      .divination .m-cardselect ul li .m-cardresult a{ display: block; padding: 10px 0; font-size: 1rem;}
      
      /* 轉職好工作 */
      .onThelist{ margin: 40px 0; padding:20px 2%; }
      .onThelist h2{ font-size: 2.8rem;}
      .onThelist ul{ margin:60px 0 60px; }
      .onThelist ul li{width:31%;}
      .onThelist ul li .top a{ padding: 45px 25px 30px;}
      .onThelist ul li .top h3{ margin: 10px 0 20px; font-size: 3.5rem;}
      .onThelist ul li .top p{ font-size: 16px; min-height:80px  }
      .onThelist ul li .top h4{ margin: 10px 0 0; font-size: 1.4rem; line-height: 44px; }
      .onThelist ul li .down .content{ padding:20px 20px;}
      .onThelist ul li .down p{ font-size: 16px;}
      
      .onThelist ul li:nth-of-type(2) .top a{ padding: 45px 25px 30px;}
      .onThelist ul li:nth-of-type(2) .top h3{ margin: 10px 0 20px; font-size: 3.5rem;}
      .onThelist ul li:nth-of-type(2) .top p{ font-size: 16px; min-height:80px  }
      .onThelist ul li:nth-of-type(2) .top h4{ margin: 10px 0 0; font-size: 1.4rem; line-height: 44px; }
      .onThelist ul li:nth-of-type(2) .down .content{ padding:20px 20px;}
      .onThelist ul li:nth-of-type(2) .down p{ font-size: 16px;}
      
      .onThelist ul li:nth-of-type(3) .top a{ padding: 45px 25px 30px;}
      .onThelist ul li:nth-of-type(3) .top h3{ margin: 10px 0 20px; font-size: 3.5rem;}
      .onThelist ul li:nth-of-type(3) .top p{ font-size: 16px; min-height:80px  }
      .onThelist ul li:nth-of-type(3) .top h4{ margin: 10px 0 0; font-size: 1.4rem; line-height: 44px; }
      .onThelist ul li:nth-of-type(3) .down .content{ padding:20px 20px;}
      .onThelist ul li:nth-of-type(3) .down p{ font-size: 16px;}
      
      /*轉職薪資帳戶*/
      .booking .wrap{ padding:80px 4%;}
      .booking .bg{ background:unset; background-color: #d7f9ff;}
      .booking .wrap h2{ font-size: 2rem;}
      .booking .wrap img{ margin:20px 0; max-width: 80%;}
      
      /* footer */
      footer{ padding: 35px 2% ; }
      footer ul{ justify-content: flex-start; flex-wrap: wrap; }
      footer ul li{ line-height: 1.8; width: 25%; border: 0; } 
      
}

@media ( max-width:1024px ){
      /* 60秒測出你的年後命定好工作 */
      .divination .cardresult .con>div h3{ font-size: 2.2rem;}
      .divination .cardresult .con>div p{ font-size: 1.8rem;}
}

@media ( max-width:820px ){

      .divination .cardselect{ display: none;}
      /* 60秒測出你的年後命定好工作-行動版 */
      .divination .m-cardselect{ display: block;}
      .divination .m-cardselect ul{ padding:0 ;display: flex; flex-wrap: wrap; justify-content: center;}
      .divination .m-cardselect ul li{ margin: 15px 0; width: 32%;}
      .divination .m-cardselect ul li:nth-child(odd){ margin-top: 15px;}
      .divination .m-cardselect ul li .m-cardresult{ display: none; margin-top: 30px; padding:20px 15px;}
      .divination .m-cardselect ul li .m-cardresult img{ padding: 10px 0; max-width: 50%;}
      .divination .m-cardselect ul li .m-cardresult h3{ font-size: 1.2rem;}
      .divination .m-cardselect ul li .m-cardresult a{ display: block; padding: 10px 0; font-size: 1rem;}

      /* 轉職好工作 */
      .onThelist{ margin: 40px 0; }

      /*轉職薪資帳戶*/
      .booking .bg{ background:unset; background-color: #d7f9ff;}
      .booking .wrap{ padding:80px 5%;}
      .booking .wrap h2{ font-size: 1.5rem; }
      .booking .wrap img{ max-width: 80%;}
}

/* ===== phone ========================================================================================= */
@media( max-width:767px ){

      /* 刊頭輪播 */
      .headbn .slideCon .banner01{ background:url(../images/mobile-bg01.jpg)no-repeat; padding-bottom: 144%; background-size: cover;}
      .headbn .slideCon .banner02{ background:url(../images/mobile-bg02.jpg)no-repeat; padding-bottom: 144%; background-size: cover;}

      .foreword{ padding:20px 4% 40px;}
      .foreword .con{ 
            width: 100%; padding:20px 20px; border-radius: 15px;
            justify-content:  space-between; align-items:center; flex-wrap: wrap;}
      .foreword .con img{ display: none;}      
      .foreword .con>div{ margin-left: 0;}
      .foreword .con h3{ font-size: 1.6rem; color: #2f84a8; }
      .foreword .con p{ font-size: 1rem; line-height: 1.6; color: #333; }

      /* 60秒測出你的年後命定好工作 */
      .divination{ padding:0 4%; background-image: unset;}
      .divination .tit img{ max-width: 60%;}
      .divination .tit h2{ font-size: 2.5rem;}
      .divination .tit h3{ font-size: 1.2rem;}
      .divination .tit h4{ font-size: 1.1rem; word-break:break-all;}
      .divination .cardselect{ display: none;}
      /* 60秒測出你的年後命定好工作-行動版 */
      .divination .m-cardselect{ display: block;}
      .divination .m-cardselect ul{ display: flex; flex-wrap: wrap; justify-content: center;}
      .divination .m-cardselect ul li{ margin: 15px 0; width: 90%;}
      .divination .m-cardselect ul li .m-cardresult{ display: none; margin-top: 30px; padding:30px 20px; }
      .divination .m-cardselect ul li .m-cardresult img{ padding: 10px 0; max-width: 50%;}
      .divination .m-cardselect ul li .m-cardresult h3{ font-size: 1.5rem;}
      .divination .m-cardselect ul li .m-cardresult p{ padding-bottom: 20px; font-size: 1.1rem;}
      .divination .m-cardselect ul li .m-cardresult a{ display: block; padding: 10px 0; font-size: 1.1rem;}

      .top-divination{ height:auto; background-image:url(../images/bg03.jpg); background-repeat: no-repeat; background-position: top center; padding-bottom: 15%; background-size: cover;}
      .bottom-divination{ height:auto; padding-bottom: 15%; background-size: cover;}

      /* 轉職好工作 */
      .onThelist{ padding:60px 3% 50px;}
      .onThelist h2{ font-size: 2rem; line-height: 1.2;}
      .onThelist>img{position: absolute;bottom: 0;left:5.5%;width:13.6vw;}
      .onThelist ul{ flex-wrap: wrap; margin:20px 0 0;}
      .onThelist ul li{ width:90%; margin: 70px 0 60px; }
      .onThelist ul li .top a{ padding: 50px 40px 40px;}
      .onThelist ul li .top h3{ margin: 30px 0 20px; font-size: 4.5rem;}
      .onThelist ul li .top p{ font-size: 1.3rem; line-height: 1.6;  min-height:100px;}
      .onThelist ul li .down img{ width: 100%;}
      .onThelist ul li .down .content{ padding:20px 30px;}
      .onThelist ul li .down p{ font-size: 20px; line-height: 2.4;}
      .onThelist ul li .down p span{ font-size: 26px;}

      .onThelist ul li:nth-of-type(2) .top a{ padding: 50px 40px 40px;}
      .onThelist ul li:nth-of-type(2) .top h3{ margin: 30px 0 20px; font-size: 4.5rem;}
      .onThelist ul li:nth-of-type(2) .top p{ font-size: 1.3rem; line-height: 1.6;  min-height:100px;}
      .onThelist ul li:nth-of-type(2) .down img{ width: 100%;}
      .onThelist ul li:nth-of-type(2) .down .content{ padding:20px 30px;}
      .onThelist ul li:nth-of-type(2) .down p{ font-size: 20px; line-height: 2.4;}
      .onThelist ul li:nth-of-type(2) .down p span{ font-size: 26px;}

      .onThelist ul li:nth-of-type(3) .top a{ padding: 50px 40px 40px;}
      .onThelist ul li:nth-of-type(3) .top h3{ margin: 30px 0 20px; font-size: 4.5rem;}
      .onThelist ul li:nth-of-type(3) .top p{ font-size: 1.3rem; line-height: 1.6;  min-height:100px;}
      .onThelist ul li:nth-of-type(3) .down img{ width: 100%;}
      .onThelist ul li:nth-of-type(3) .down .content{ padding:20px 30px;}
      .onThelist ul li:nth-of-type(3) .down p{ font-size: 20px; line-height: 2.4;}
      .onThelist ul li:nth-of-type(3) .down p span{ font-size: 26px;}

      /*轉職薪資帳戶*/
      .booking .bg{ background:url(../images/bg05.png) no-repeat center; padding-bottom:15%; background-size: cover;}
      .booking .wrap{ padding:80px 4% 0; }
      .booking .wrap h2{ padding:10px 0; font-size: 1.3rem;}
      .booking .wrap img{ margin:0 0 10px; max-width: 80%;}
      .booking .wrap .form{ padding: 0 10px;}

      /* footer */
      footer{ padding: 35px 2% ; }
      footer ul{ justify-content: flex-start; flex-wrap: wrap; }
      footer ul li{ line-height: 1.8; width: 25%; border: 0; }

}