@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');

@import url('https://fonts.googleapis.com/css?family=Lobster');

/* CSS Document */
body {
    background-repeat: repeat;
    font-family: "Microsoft YaHei", sans-serif;
}
/* 這是設定所有放大縮小的物件是使用移動方式變化 */
.tra{-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
/* wow進場後額外繼續輪播的動畫 */
.myAni {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.myAni.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.myAni.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.myAni.infinite.pulse {
/*animation-delay: 2s;*/
-webkit-animation-name: pulse !important;
animation-name: pulse !important;
}
.wrapper{position:relative;overflow:hidden;}

/*頁首頁尾CSS共用----------------請勿砍*/
.top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 280px;
    margin-bottom: -256px;
    z-index: 9999999999999;
}

.top iframe {
    height: 280px;
}

.top + * {
    margin-top: 65px;
}

.footer {
    width: 100%;
    height: 290px;
    z-index: 9999999999999;
}

.footer iframe {
    height: 319px;
}

@media screen and (max-width: 1023px) {

    .top {
        height: 65px;
        /*margin-bottom: 405px;*/
    }

    .top iframe {
        height: 65px;
    }
  
    .footer, .footer iframe {
        height: 624px;
    }
}
/*
.top, .footer{
    line-height: 0px;
}
.top{
    z-index: 99;
    position: relative;
}*/
/*很多物件通用*/
.BRR{height: 1px;}
.width1280{max-width:1280px;min-width:280px;height:auto;margin: 0  auto;}
.topICON{ text-align:center; padding-top:20px; padding-bottom:20px;}
.myButton {
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
  border-radius:28px;
  display:inline-block;
  cursor:pointer;
  font-family:Arial;
  font-size:17px;
  padding:9px 33px;
  text-decoration:none;
}
.myButton:hover {
  background-color:#5cbf2a;
}
.myButton:active {
  position:relative;
  top:1px;
}


/*BANNER 進場delay時間、浮動*/
.banner{position: relative;overflow:hidden;}
img.banner001,img.banner002, img.banner003,img.banner004{position:absolute;}
img.banner001{-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */animation-delay: 0.3s;}
img.banner002{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:0.4s;}
img.banner003{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:1.2s;}
img.banner004{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}

/*表單區*/
.fill{text-align:center;width: 100vw;padding: 2%;background-image: url(../images/bg07.svg);background-repeat: no-repeat;background-position: top;background-size: 100vw;}
.fill .form-control {margin: 6px 22%;width: 96%;height: 48px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #ffffff;border-radius: 35px;box-shadow: none;border: none;box-shadow: 8px 6px 0px rgb(255, 199, 0);}
.fill h2{font-size: 3em;color: #fff;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;/* font-family: 'Noto Sans TC', sans-serif; */font-weight: 600;}
.fill h2 .important{font-size:35px;}
.fill h2 .gray{color: #fff;font-size: 1em;font-weight: 200;}
.fill h2 .Bu{color: #f8012f;line-height: 48px;font-size: 37px;}
.fill h3{font-size: 38px;color: #FFF;font-weight:bold;padding-bottom: 9px;margin-top: 1%;}
.fill .share{ display:block; width:280px; margin:0 auto;}
.fill .share ul{}
.fill .share ul li{ float:left; list-style:none; padding-left:12px;}
.fill #sBut{max-width:527px;height:auto;min-width:280px;margin: 15px auto;width:100%;}
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 255px;height:auto;margin:0 auto;}
.fill .statement{color: #00000;line-height:40px;font-size: 18px;letter-spacing: 0.1em;}
.fill .statement a{color: #333;}
.fill .statement a:hover{ color:#333;}
.list{margin:0 auto;width: 115%;}

    /* Sweep To Right */
    .hvr-sweep-to-right {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      border-radius: 50px;
      background-color: #1f4d9c;
      text-align: center;
      width: 11em;
      font-size: 1.8em;
      font-weight: bold;
      text-align: center;
      padding: 0.5% 2%;
      color: #ffffff;
      letter-spacing: 0.1em;
    }
    .hvr-sweep-to-right:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000000;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      border-radius: 50px;
      box-shadow: 5px 5px 0px rgba(99, 99, 99, 0.36);
    }
    .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
      color: white;
    }
    .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }

/*內文*/
.top-line{height: 10em;width: 13%;border-bottom: 12px solid #febd00;margin: 0 auto;}
.content1{background-image: url(../images/bg06.png);background-repeat:no-repeat;padding-bottom: 5%;}
.content1 h2{font-size: 3em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;letter-spacing: 0.1em;}
.content1 p{margin: -2px 0;padding-left: 43px;font-size: 1.5em;color: #454545;text-align: center;line-height: 1.3em;letter-spacing: 0.05em;margin-top: -18px;font-family: 'Noto Sans TC', sans-serif;}

.content2{margin:0 auto;padding-bottom: 4%;}
.content2 h2{font-size: 3em;color: #2e3428;text-align: center;margin: 3% 7%;font-family: 'Noto Sans TC', sans-serif;letter-spacing: 0.1em;}
.content2 h3{font-size: 1.3em;color: #1f4d9c;/* font-weight:bold; */text-align: center;font-family: 'Noto Sans TC', sans-serif;}
.content2 p{font-size: 16px;color: #7d7d7d;text-align: center;line-height: 20px;letter-spacing: 0.05em;font-family: 'Noto Sans TC', sans-serif;}
.slider {width: 65%;margin: 100px auto;}

.content3{background-image: url(../images/bg06.png);background-repeat:no-repeat;margin:0 auto;padding-bottom: 5%;}
.content3 h2{font-size: 3em;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}
.content3 h3{font-size: 1.6em;text-align: center;line-height: 1.3em;color: #1f4d9c;letter-spacing: 0.05em;margin-top: 0px;margin-left: 9px;font-family: 'Noto Sans TC', sans-serif;}
.content3 p{font-size: 18px;color: #868686;text-align: center;padding: 0px 24px;font-family: 'Noto Sans TC', sans-serif;}
.parent {
  width: 1214px;
  height: 114px;
  margin: 26px auto;
  overflow: hidden;
  margin-top: 55px;
}

.parent .child {
  width: 2045px;
  display: inline-block;
  animation: marquee 15s linear infinite;
}
@keyframes marquee {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: calc(-2045px + 1214px);
  }
}

.parent .child:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.content4{background-image: url(../images/bg05.jpg);background-repeat: repeat;margin:0 auto;padding-bottom: 4%;}
.content4 h1{font-size: 3em;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}
.content4 h3{font-size: 1.7em;text-align: center;color: #1f4d9c;letter-spacing: 0.07em;font-family: 'Noto Sans TC', sans-serif;margin-top: 0%;}
.content4 p{font-size: 18px;color: #868686;text-align: center;padding: 0px 30px;margin-bottom: 40px;font-family: 'Noto Sans TC', sans-serif;}

.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;}
.content5 h2{font-size: 3em;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}
.content5 h3{font-size: 28px;text-align: center;line-height: 1.2em;color: #e89696;letter-spacing: 0.07em;font-family: 'Noto Sans TC', sans-serif;border-bottom: 1px #e9e9e9 solid;border-top: 1px #e9e9e9 solid;margin-bottom: 2%;padding: 11px 0;}
.content5 h4{font-size: 1.5em;/* letter-spacing: 0.1em; */color: #1f4d9c;text-align: center;margin: 0.5% auto;font-family:'Noto Sans TC', sans-serif;}
.content5 p{font-size: 18px;color: #868686;text-align: center;padding: 0px 30px;margin-bottom: 20px;font-family: 'Noto Sans TC', sans-serif;}

.line{float: left;}

.item {
    width: 100%;
    background-color: white;
    min-height: 100px;
    padding: 5px;
    margin: 10px 0px;   
}

.item:hover {
    opacity: 0.5;
}
.item p {

}
.item.h150{
    width: 100%;
    min-height: 150px;
}

.item.h50{
    width: 100%;
    min-height: 50px;
}

.padding{
    padding: 10px 5px;
}

.content6{text-align: center;height: 120px;}

/*PIC通用*/
img.pic1{max-width: 328px;height:auto;margin: 8% auto;}
img.pic4{max-width: 171px;height:auto;}


/*  ↓↓↓↓    螢幕尺寸大於1920時頁面顯示效果↓↓↓↓    */
@media (min-width: 2560px) {
/*BANNER*/
img.banner_big{ width: 100vw;height: auto;}
img.banner_min{ display:none;}  
img.banner001{top: 32%;left: 20.5%;z-index: 5;max-width: 876px;height:auto;width: 34%;}
img.banner002{top: 21%;left: 52%;z-index: 7;max-width: 816px;height: auto;width: 34%;}
img.banner003{top: 25%;left: 70%;z-index: 20;max-width: 340px;height:auto;width: 15%;}
img.banner004{top: 78%;left: 0%;z-index: 1;max-width: 2384px;height:auto;}  
}


/*  ↓↓↓↓    螢幕尺寸大於1920時頁面顯示效果↓↓↓↓    */
@media (min-width: 1920px) and (max-width:2559px){
/*BANNER*/
img.banner_big{ width: 100vw;height: auto;}
img.banner_min{ display:none;}  
img.banner001{top: 32%;left: 20.5%;z-index: 5;max-width: 876px;height:auto;width: 34%;}
img.banner002{top: 9%;left: 52%;z-index: 7;max-width: 816px;height: auto;width: 34%;}
img.banner003{top: 25%;left: 70%;z-index: 20;max-width: 340px;height:auto;width: 15%;}
img.banner004{left: 0%;z-index: 1;max-width: 2384px;height:auto;bottom: -4%;}   
}

/*  ↓↓↓↓    螢幕尺寸大於1680時頁面顯示效果↓↓↓↓    */
@media (min-width: 1440px) and (max-width:1919px) { 
/*BANNER*/
img.banner_big{ width: 100%;max-width: 1920px;min-width: 735px;height: auto;}
img.banner_min{ display:none;}  
img.banner001{top: 32%;left: 20.5%;z-index: 5;max-width: 876px;height:auto;width: 34%;}
img.banner002{top: 9%;left: 52%;z-index: 7;max-width: 816px;height: auto;width: 34%;}
img.banner003{top: 25%;left: 70%;z-index: 20;max-width: 340px;height:auto;width: 15%;}
img.banner004{left: 0%;z-index: 1;bottom: -3%;}     
}

/*  ↓↓↓↓    ipad 橫向 w1024 ↓↓↓↓   */
@media (min-width: 1024px) and (max-width:1439px) {
/*BANNER*/
img.banner_big{ width: 100%;max-width: 1920px;min-width: 735px;height: auto;}
img.banner_min{ display:none;}  
img.banner001{top: 32%;left: 20.5%;z-index: 5;max-width: 876px;height:auto;width: 34%;}
img.banner002{top: 9%;left: 52%;z-index: 7;max-width: 816px;height: auto;width: 34%;}
img.banner003{top: 25%;left: 70%;z-index: 20;max-width: 340px;height:auto;width: 15%;}
img.banner004{display: block;left: 0%;z-index: 1;width: 36%;height:auto;bottom: -3%;}
    
.top-line{height: 10em;width: 13%;border-bottom: 12px solid #febd00;margin: 0 auto;}
    
.fill{background-size: 144vw;width: 100vw;padding: 2%;} 
.fill h2{font-size: 2.5em;color: #fff;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;/* font-family: 'Noto Sans TC', sans-serif; */font-weight: 600;}
.content1 h2{font-size: 2.5em;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}    
.content1 p{margin: 0 auto;padding-left: 19px;font-size: 1.3em;line-height: 1.3em;margin-top: 5px;}
.content2 h2{font-size: 2.5em;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% 7%;font-family: 'Noto Sans TC', sans-serif;}  
.content3 h2{font-size: 2.5em;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}    
.content3 h3{font-size: 1.3em;letter-spacing: 0.05em;margin-top: 0px;margin-left: 9px;font-family: 'Noto Sans TC', sans-serif;}
.content3 p{font-size: 1.2em;color: #868686;}
.content4 h1{font-size: 2.5em;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;} 
.content4 h3{font-size: 1.3em;letter-spacing: 0.07em;margin-top: 7%;}
.content4 p{font-size: 1.2em;padding: 0px 30px;}
.content5 h2{font-size: 2.5em;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}

/*PIC通用*/
img.pic1{width: 94%;height:auto;margin: 0px 8px;}   
    
}

/*  ↓↓↓↓    ipad 直向 w768 ↓↓↓↓    */
@media (min-width: 768px) and (max-width:1023px) {  
/*BANNER*/
img.banner_big{display: none;}
img.banner_min{width: 100%;height: auto;}   
img.banner001{top: 2%;left: 2.5%;z-index: 5;height:auto;width: 95%;}
img.banner002{top: 36%;left: 11%;z-index: 7;height: auto;width: 85%;}
img.banner003{top: 54%;left: 55%;z-index: 20;height:auto;width: 37%;}
img.banner004{display: none;}
    
.top-line{height: 0em;width: 13%;border-bottom: 12px solid #febd00;margin: 0 auto;}
    
.fill{background-size: 241vw;width: 100vw;padding: 4%;} 
.fill h2{font-size: 2.5em;color: #fff;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;/* font-family: 'Noto Sans TC', sans-serif; */font-weight: 600;}
.fill .form-control {margin: 18px auto;width: 96%;height: 48px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #ffffff;border-radius: 35px;border: none;box-shadow: 8px 6px 0px rgb(255, 199, 0);}
.list{margin:0 auto;width: 77%;}
    
.content1 h2{font-size: 2.5em;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}    
.content1 p{margin: 0 auto;padding-left: 19px;font-size: 1.3em;line-height: 1.3em;margin-top: 5px;}
.content2 h2{font-size: 2.5em;letter-spacing: 0.05em;margin: 3% 14%;}   
.content3 h2{font-size: 2.5em;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}    
.content3 h3{font-size: 1.3em;letter-spacing: 0.05em;margin-top: 0px;margin-left: 9px;font-family: 'Noto Sans TC', sans-serif;}
.content3 p{font-size: 1.2em;color: #868686;padding: 0px 33px;}
.content4 h1{font-size: 2.5em;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;} 
.content4 h3{font-size: 1.3em;letter-spacing: 0.07em;margin-top: 6%;}
.content4 p{font-size: 1.2em;padding: 0px 30px;}
.content5 h2{font-size: 2.5em;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}

/*PIC通用*/
img.pic1{width: 76%;height:auto;margin: 0px 48px;margin-top: 10%;}  
}

/* ↓↓↓↓ iPhone Plus w414  Pixel 2 w411 手機尺寸,顯示效果 ↓↓↓↓  */
@media (max-width: 767px) and (min-width: 411px) {
/*BANNER*/
img.banner_big{display: none;}
img.banner_min{width: 100%;height: auto;}   
img.banner001{top: 2%;left: 2.5%;z-index: 5;height:auto;width: 95%;}
img.banner002{top: 36%;left: 11%;z-index: 7;height: auto;width: 85%;}
img.banner003{top: 54%;left: 55%;z-index: 20;height:auto;width: 37%;}
img.banner004{display: none;}
    
.top-line{height: 0em;width: 20%;border-bottom: 9px solid #febd00;margin: 0 auto;}
    
.fill{background-size: 241vw;width: 100vw;padding: 4%;background-color: #ef584f;background-image: none;}    
.fill h2{font-size: 2.2em;color: #fff;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;/* font-family: 'Noto Sans TC', sans-serif; */font-weight: 600;}
.fill .form-control {margin: 8px auto;width: 100%;height: 45px;line-height: 1.42857143;color: #555;background-color: #ffffff;border: none;}
.list{margin:0 auto;width: 85%;}
    
.content1{padding-bottom: 15%;padding-top: 5%;}
.content1 h2{font-size: 2.2em;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family: 'Noto Sans TC', sans-serif;}    
.content1 p{margin: 0 auto;padding-left: 19px;font-size: 1.5em;line-height: 1.3em;margin-top: 5px;}
    
.content2{padding-top: 5%;padding-bottom: 12%;}
.content2 h2{font-size: 2.2em;letter-spacing: 0.05em;margin: 3% 8%;}    
    
.content3{padding-top: 5%;padding-bottom: 15%;}
.content3 h2{font-size: 2.2em;margin: 3% 5%;}   
.content3 h3{font-size: 1.7em;letter-spacing: 0.05em;margin-top: 0px;margin-left: 9px;font-family: 'Noto Sans TC', sans-serif;} 
.content3 p{font-size: 1.4em;color: #868686;padding: 0px 9%;}
    
.content4{padding-top: 5%;padding-bottom: 12%;}
.content4 h1{font-size: 2.2em;margin: 3% 5%;}   
.content4 h3{font-size: 1.5em;letter-spacing: 0.07em;margin-top: 6%;}

.content4 p{font-size: 1.2em;padding: 0px 8px;}
    
.content5{padding-top: 5%;padding-bottom: 12%;} 
.content5 h2{font-size: 2.2em;letter-spacing: 0.1em;margin: 3% 5%;}
.content5 h3{font-size: 29px;margin-bottom: 2%;margin-top: 12%;padding: 11px 0;letter-spacing: 0em;}
    
.content6{text-align: center;}
    
/*PIC通用*/
img.pic1{width: 100%;height:auto;margin: 0px 42px;margin-top: 10%;} 

}

/* ↓↓↓↓ iPhone X   iPhone6/7/8 w375 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 375px) and (max-width:410px) {
/*BANNER*/
img.banner_big{display: none;}
img.banner_min{width: 100%;height: auto;}   
img.banner001{top: 2%;left: 2.5%;z-index: 5;height:auto;width: 95%;}
img.banner002{top: 36%;left: 11%;z-index: 7;height: auto;width: 85%;}
img.banner003{top: 54%;left: 55%;z-index: 20;height:auto;width: 37%;}
img.banner004{display: none;}
    
.top-line{height: 0em;width: 20%;border-bottom: 9px solid #febd00;margin: 0 auto;}
    
.fill{background-size: 241vw;width: 100vw;padding: 4%;background-color: #ef584f;background-image: none;}    
.fill h2{font-size: 2.2em;color: #fff;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;/* font-family: 'Noto Sans TC', sans-serif; */font-weight: 600;}
.fill .form-control {margin: 8px auto;width: 100%;height: 45px;line-height: 1.42857143;color: #555;background-color: #ffffff;border: none;}
.list{margin:0 auto;width: 85%;}
    
.content1{padding-bottom: 15%;padding-top: 5%;}
.content1 h2{font-size: 2em;margin: 3% auto;}   
.content1 p{margin: 0 -3%;padding-left: 19px;font-size: 1.5em;margin-top: 5px;}
    
.content2{padding-top: 5%;padding-bottom: 12%;}
.content2 h2{font-size: 2em;margin: 3% 8%;letter-spacing: 0.1em;}   
    
.content3{padding-top: 5%;padding-bottom: 15%;}
.content3 h2{font-size: 2em;margin: 3% 5%;} 
.content3 h3{font-size: 1.7em;letter-spacing: 0.05em;margin-top: 0px;margin-left: 9px;font-family: 'Noto Sans TC', sans-serif;} 
.content3 p{font-size: 1.4em;color: #868686;padding: 0px 10%;}
    
.content4{padding-top: 5%;padding-bottom: 12%;}
.content4 h1{font-size: 2em;margin: 3% 5%;} 
.content4 h3{font-size: 1.7em;letter-spacing: 0.07em;margin-top: 6%;}
.content4 p{font-size: 1.4em;padding: 0px 5px;}
    
.content5{padding-top: 5%;} 
.content5 h2{font-size: 2em;letter-spacing: 0.1em;margin: 3% 5%;}
.content5 h3{font-size: 29px;margin-bottom: 2%;margin-top: 12%;padding: 11px 0;letter-spacing: 0em;}
    
.content6{text-align: center;}
    
/*PIC通用*/
img.pic1{width: 100%;height:auto;margin: 0px 24px;margin-top: 10%;} 
}

/* ↓↓↓↓ Galaxy S5 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 360px) and (max-width:374px) {
/*BANNER*/
img.banner_big{display: none;}
img.banner_min{width: 100%;height: auto;}   
img.banner001{top: 2%;left: 2.5%;z-index: 5;height:auto;width: 95%;}
img.banner002{top: 36%;left: 11%;z-index: 7;height: auto;width: 85%;}
img.banner003{top: 54%;left: 55%;z-index: 20;height:auto;width: 37%;}
img.banner004{display: none;}
    
.top-line{height: 1em;width: 20%;border-bottom: 8px solid #febd00;margin: 0 auto;}
    
.fill{background-size: 241vw;width: 100vw;padding: 4%;background-color: #ef584f;background-image: none;}    
.fill h2{font-size: 2em;color: #fff;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;/* font-family: 'Noto Sans TC', sans-serif; */font-weight: 600;}
.fill .form-control {margin: 8px auto;width: 100%;height: 45px;line-height: 1.42857143;color: #555;background-color: #ffffff;border: none;}
.list{margin:0 auto;width: 85%;}
    
.content1{padding-bottom: 15%;padding-top: 5%;}
.content1 h2{font-size: 2em;margin: 3% 13%;}    
.content1 p{margin: 0 -3%;padding-left: 19px;font-size: 1.5em;margin-top: 5px;}
    
.content2{padding-top: 5%;padding-bottom: 12%;}
.content2 h2{font-size: 2em;margin: 3% 8%;letter-spacing: 0.1em;}   
    
.content3{padding-top: 5%;padding-bottom: 15%;}
.content3 h2{font-size: 2em;margin: 3% 3%;} 
.content3 h3{font-size: 1.3em;letter-spacing: 0.05em;margin-top: 0px;margin-left: 9px;} 
.content3 p{font-size: 1.2em;color: #868686;padding: 0px 14%;}
    
.content4{padding-top: 5%;padding-bottom: 12%;}
.content4 h1{font-size: 2em;margin: 3% 11%;}    
.content4 h3{font-size: 1.5em;letter-spacing: 0.07em;margin-top: 6%;}
.content4 p{font-size: 1.2em;padding: 0px 2px;}
    
.content5{padding-top: 5%;} 
.content5 h2{font-size: 2em;letter-spacing: 0.1em;margin: 3% 5%;}
.content5 h3{font-size: 29px;margin-bottom: 2%;margin-top: 12%;padding: 11px 0;letter-spacing: 0em;}
    
.content6{text-align: center;}
    
/*PIC通用*/
img.pic1{width: 87%;height:auto;margin: 0px 7%;margin-top: 12%;}    
}

/* ↓↓↓↓ 手機尺寸SE ,顯示效果 ↓↓↓↓  */
@media (min-width: 320px) and (max-width:359px) {
/*BANNER*/
img.banner_big{display: none;}
img.banner_min{width: 100%;height: auto;}   
img.banner001{top: 2%;left: 2.5%;z-index: 5;height:auto;width: 95%;}
img.banner002{top: 36%;left: 11%;z-index: 7;height: auto;width: 85%;}
img.banner003{top: 54%;left: 55%;z-index: 20;height:auto;width: 37%;}
img.banner004{display: none;}
    
.top-line{height: 1em;width: 20%;border-bottom: 8px solid #febd00;margin: 0 auto;}
    
.fill{background-size: 241vw;width: 100vw;padding: 4%;background-color: #ef584f;background-image: none;}    
.fill h2{font-size: 1.8em;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;/* font-family: 'Noto Sans TC', sans-serif; */font-weight: 600;}
.fill .form-control {margin: 8px auto;width: 100%;height: 45px;line-height: 1.42857143;color: #555;background-color: #ffffff;border: none;}
.list{margin:0 auto;width: 85%;}
    
.content1{padding-bottom: 15%;padding-top: 5%;}
.content1 h2{font-size: 2em;margin: 3% 10%;}    
.content1 p{margin: 0 -3%;padding-left: 19px;font-size: 1.5em;margin-top: 5px;}
    
.content2{padding-top: 5%;padding-bottom: 12%;}
.content2 h2{font-size: 2em;margin: 3% 4%;letter-spacing: 0.1em;}   
    
.content3{padding-top: 5%;padding-bottom: 15%;}
.content3 h2{font-size: 2em;margin: 3% 8%;} 
.content3 h3{font-size: 1.7em;letter-spacing: 0.05em;margin-top: 0px;margin-left: 9px;} 
.content3 p{font-size: 1.4em;color: #868686;padding: 0px 14%;}
    
.content4{padding-top: 5%;padding-bottom: 12%;}
.content4 h1{font-size: 2em;margin: 3% 9%;} 
.content4 h3{font-size: 1.7em;letter-spacing: 0.07em;margin-top: 6%;}
.content4 p{font-size: 1.4em;padding: 0px 2px;}
    
.content5{padding-top: 5%;} 
.content5 h2{font-size: 2em;letter-spacing: 0.1em;margin: 3% 5%;}
.content5 h3{font-size: 29px;margin-bottom: 2%;margin-top: 12%;padding: 11px 0;letter-spacing: 0em;}
    
.content6{text-align: center;}
    
/*PIC通用*/
img.pic1{width: 87%;height:auto;margin: 0px 7%;margin-top: 12%;}    
}