@charset "utf-8";
/* 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;height: 735px;}
img.banner001,img.banner001b, img.banner002, img.banner003{position:absolute;}
img.banner001{-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */animation-delay: 0.3s;}
img.banner001b{-webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */animation-delay: 0.3s;}
img.banner002{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:1s;}
img.banner003{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:1s;}
.top-word{position: absolute;display: block;margin-left: 50%;margin-top: -19%;border-left: 10px solid #b4b3b3;z-index: 99;height: 66px;padding-left: 10px;}
.top-word h3{font-size: 22px;line-height: 1.5em;color: #000;margin-top: -1px;letter-spacing: 0.07em;}

/*表單區*/
.fill{position: relative;text-align:center;margin: 0 auto;height: 600px;}
.fill h2{font-size: 39px;color: #000;text-align:center;font-weight: bold;letter-spacing: 0.06em;margin: 0% auto;padding: 21px 0;}
.fill .list{display:block;width: 61%;margin:0 auto;}
.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{display:block;max-width:527px;height:auto;min-width:280px;margin: 18px auto;margin-bottom: 62px;width:100%;letter-spacing: 0.2em;}
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 255px;height:auto;margin:0 auto;}
.fill .statement{color: #000;line-height:40px;font-size: 18px;letter-spacing: 0.1em;}
.fill .statement a{color: #000;}
.fill .statement a:hover{ color:#000;}
.fill .form-control{display: block;
    width: 94%;
    height: 45px;
    padding: 6px 12px;
    font-size: 18px;  
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

/* 版頭文字 */
.banner02{margin-left: 50%;margin-top: -15%;text-align:center;z-index: 99;position: absolute;}
.banner02 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}

/*內文*/
.top-line{display: block;height: 95px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}

.content1{display:block;height: 650px;}
.content1 h2{font-size: 42px;letter-spacing: 0.1em;color: #000;font-weight:bold;text-align: center;margin: 2% auto;padding: 21px 0;}
.content1 p{font-size: 19px;color: #454545;text-align: center;margin: 0px 31px;letter-spacing: 0.15em;}

.content2{margin:0 auto;height: 917px;}
.content2 h2{font-size: 42px;color: #000;font-weight:bold;text-align: center;padding: 21px 0;}
.content2 p{font-size: 24px;font-weight: bold;color: #000;text-align: center;letter-spacing: 0.07em;margin-top: -107px;}

.content3{margin:0 auto;height: 935px;}
.content3 h2{font-size: 26px;color: #000;font-weight:bold;text-align: center;margin-top: -6.5%;margin-bottom: 4%;}
.content3 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}
.content3 p{font-size: 19px;color: #454545;text-align: center;padding: 0px 62px;margin-bottom: 40px;}
.content3 .banner01{text-align: center;margin-top: 8%;}

/*PIC通用*/
img.pic1{max-width:316px;height:auto;margin: 2% auto;}
img.pic2{width: 91%;height:auto;margin: 13% 10px;}
img.pic3{width: 85%;height:auto;margin: 17% auto;margin-left: 26px;}
img.free{width: 237px;height:auto;margin: 10% auto;margin-left: -23px;}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.27);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #e3253e;
  width: 268px;
  text-align: center;
  padding: 11px;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #53bad2;
  box-shadow: none;
  -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.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Right */
.hvr-bounce-to-right02 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.27);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #e3253e;
  width: 278px;
  text-align: center;
  padding: 11px;
}
.hvr-bounce-to-right02:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #53bad2;
  box-shadow: none;
  -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.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right02:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right02:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*  ↓↓↓↓  螢幕尺寸大於1920時頁面顯示效果↓↓↓↓  */
@media (min-width: 1910px) {
/*BANNER*/
img.banner_big{width: 100%;height: auto; display:block;}
img.banner_min{ display:none;}
img.banner001{display: block;top: 23.5%;left: 48.5%;z-index: 5;max-width: 561px;height:auto;}
img.banner001b{display: none;}
img.banner002{display: block;top: 15%;left: 28%;z-index: 7;max-width: 413px;height:auto;}
img.banner003{display: block;top: 3%;left: 20%;z-index: 1;max-width: 827px;height:auto;}

/*PIC通用*/
img.all4-1{margin-top: 18%;margin-bottom: 4%;margin-left: 9%;width: 80%;}
img.all4-2{margin-top: 7%;margin-bottom: 4%;margin-left: 3%;width: 140%;}
img.all4-3{margin-top: -50px;margin-bottom: 4%;margin-left: -37%;width: 140%;}
img.all4-4{margin-top: 4.5%;margin-bottom: 4%;margin-left: 9%;width: 80%;}
img.pic1{max-width:390px;margin: auto;display:block;height:auto;margin-bottom: 4%;}

}

/*  ↓↓↓↓  螢幕尺寸大於1680時頁面顯示效果↓↓↓↓  */
@media (min-width: 1670px) and (max-width:1909px) {


}

/*  ↓↓↓↓  螢幕尺寸大於1680時頁面顯示效果↓↓↓↓  */
@media (min-width: 1430px) and (max-width:1669px) {

}

/*  ↓↓↓↓  ipad 橫向 w1024 ↓↓↓↓   */
@media (min-width: 1024px) and (max-width:1429px) {
/*BANNER*/
img.banner_big{width: 100%;height: auto; display:block;}
img.banner_min{ display:none;}
img.banner001{display: block;top: 23.5%;left: 42.5%;z-index: 5;width: 48%;height:auto;}
img.banner001b{display: none;}
img.banner002{display: block;top: 15%;left: 8%;z-index: 7;width: 39%;height:auto;}
img.banner003{display: block;top: 2%;left: 5%;z-index: 1;width: 75%;height:auto;}
.top-word{position: absolute;display: block;margin-left: 45%;margin-top: -36%;border-left: 10px solid #b4b3b3;z-index: 99;height: 66px;padding-left: 10px;}
.top-word h3{font-size: 22px;line-height: 1.5em;color: #000;margin-top: -1px;letter-spacing: 0.07em;}
  
/*PIC通用*/
img.pic1{width: 90%;margin: auto;display:block;height:auto;margin-bottom: 4%;}
  
/*表單區*/
.fill .list{display:block;width: 85%;margin:0 auto;}  
.fill .form-control{
    display: block;
    width: 95%;
    height: 45px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

/* 版頭文字 */
.banner02{margin-left: 45%;margin-top: -28%;text-align:center;z-index: 99;position: absolute;}
.banner02 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}
  
/*內文*/
.top-line{display: block;height: 95px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}

.content1{display:block;height: 510px;}
.content1 h2{font-size: 39px;letter-spacing: 0.1em;color: #000;font-weight:bold;text-align: center;margin: 2% auto;padding: 21px 0;}
.content1 p{font-size: 16px;color: #454545;text-align: center;margin: 0px 31px;letter-spacing: 0.15em;}

.content2{margin:0 auto;height: 730px;}
.content2 h2{font-size: 39px;color: #000;font-weight:bold;text-align: center;padding: 21px 0;}
.content2 p{font-size: 20px;font-weight: bold;color: #000;text-align: center;letter-spacing: 0.07em;margin-top: -89px;}

.content3{margin:0 auto;height: 800px;}
.content3 h2{font-size: 24px;color: #000;font-weight:bold;text-align: center;margin-top: -6.5%;margin-bottom: 4%;}
.content3 p{font-size: 16px;color: #454545;text-align: center;padding: 0px 46px;}

}

/*  ↓↓↓↓  ipad 直向 w768 ↓↓↓↓  */
@media (min-width: 768px) and (max-width:1023px) {  
/*BANNER*/
.banner{position:relative;height: 826px;}
img.banner_big{ display:none;}
img.banner_min{width: 100%;height: auto; display:block;}
img.banner001{display: none;}
img.banner001b{display: block;top: 8.5%;left: 6.5%;z-index: 5;width: 48%;height:auto;}
img.banner002{display: none;}
img.banner003{display: none;}
.top-word{position: absolute;display: block;margin-left: 7%;margin-top: -53%;border-left: 10px solid #b4b3b3;z-index: 99;height: 97px;padding-left: 10px;}
.top-word h3{font-size: 23px;font-weight: bold;line-height: 1.4em;color: #000;margin-top: -1px;letter-spacing: 0.07em;width: 76%;}

/*PIC通用*/
img.pic1{max-width:316px;height:auto;margin: 2% auto;margin-left: 33px;}
img.pic2{width: 81%;height:auto;margin: 11% 36px;}
img.pic3{width: 55%;height:auto;margin: 9% auto;margin-left: 22%;}
img.free{display: none;}  
img.free02{width: 768px;height:auto;margin-left: -10.3%;margin-top: -3px;}  
  
/*表單區*/
.fill{position: relative;text-align:center;margin: 0 auto;height: 734px;} 
.fill .list{display:block;width: 83%;height: 612px;}  
.fill #sBut{display:block;margin: -125px auto;} 
.fill .form-control{
    display: block;
    width: 93%;
    height: 46px;
    margin: 18px 25px;
    padding: 6px 12px;
    font-size: 18px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

/* 版頭文字 */
.banner02{margin-left: 7%;margin-top: -38%;text-align:center;z-index: 99;position: absolute;}
.banner02 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}
  
/*內文*/
.top-line{display: block;height: 95px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}

.content1{display:block;height: 950px;}
.content1 h2{font-size: 33px;letter-spacing: 0.1em;color: #000;font-weight:bold;text-align: center;margin: 2% auto;padding: 21px 0;}
.content1 p{font-size: 16px;margin: 0px 31px;margin-bottom: 35px;}

.content2{margin:0 auto;height: 1600px;}
.content2 h2{font-size: 33px;color: #000;font-weight:bold;text-align: center;padding: 21px 0;}
.content2 p{font-size: 24px;font-weight: bold;color: #000;text-align: center;letter-spacing: 0.07em;margin-top: -116px;}

.content3{margin:0 auto;height: 2150px;}
.content3 h2{font-size: 28px;color: #000;font-weight:bold;text-align: center;margin-top: -6.5%;margin-bottom: 2%;}
.content3 p{font-size: 19px;width: 71%;margin: 0 auto;}

}

/* ↓↓↓↓ iPhone Plus w414  Pixel 2 w411 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 411px) and (max-width:767px) {
/*BANNER*/
.banner{position:relative;height: 578px;}
img.banner_big{ display:none;}
img.banner_min{width: 100%;height: auto; display:block;}
img.banner001{display: none;}
img.banner001b{display: block;top: 8.5%;left: 4.5%;z-index: 5;width: 54%;height:auto;}
img.banner002{display: none;}
img.banner003{display: none;}
.top-word{position: absolute;display: block;margin-left: 4%;margin-top: -78%;border-left: 8px solid #b4b3b3;z-index: 99;height: 74px;padding-left: 7px;}
.top-word h3{font-size: 18px;font-weight: bold;line-height: 1.4em;color: #000;margin-top: -1px;letter-spacing: 0.07em;width: 57%;}

/*PIC通用*/
img.pic1{max-width: 200px;height:auto;margin: 2% auto;margin-left: 4px;}
img.pic2{width: 90%;height:auto;margin: 12% 11px;}
img.pic3{width: 81%;height:auto;margin: 4% auto;margin-left: 9%;}
img.free{display: none;}  
img.free02{width: 172%;height:auto;margin-left: -36.3%;margin-top: -3px;} 
  
/*表單區*/
.fill{position: relative;text-align:center;margin: 0 auto;height: 655px;} 
.fill .list{display:block;width: 83%;height: 515px;}  
.fill h2{font-size: 30px;padding: 28px 0;}  
.fill #sBut{display:block;margin: -107px auto;} 
.fill .form-control{
    display: block;
    width: 102%;
    height: 46px;
    margin: 10px -3px;
    padding: 6px 12px;
    font-size: 18px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

/* 版頭文字 */
.banner02{margin-left: 18%;margin-top: -37%;text-align:center;z-index: 99;position: absolute;}
.banner02 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}
  
/*內文*/
.top-line{display: block;height: 88px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}

.content1{display:block;height: 700px;}
.content1 h2{font-size: 30px;letter-spacing: normal;margin: 2% auto;padding: 25px 0;}
.content1 p{font-size: 16px;margin: 0px 9px;margin-bottom: 25px;}

.content2{margin:0 auto;height: 1015px;}
.content2 h2{font-size: 30px;padding: 8px 20px;}
.content2 p{font-size: 18px;font-weight: bold;color: #000;text-align: center;letter-spacing: 0.07em;margin-top: -69px;}

.content3{margin:0 auto;height: 1750px;}
.content3 h2{font-size: 28px;margin-top: -0.5%;margin-bottom: 2%;}
.content3 p{font-size: 20px;width: 105%;}
}

/* ↓↓↓↓ iPhone X   iPhone6/7/8 w375 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 375px) and (max-width:410px) {
/*BANNER*/
.banner{position:relative;height: 525px;}
img.banner_big{ display:none;}
img.banner_min{width: 100%;height: auto; display:block;}
img.banner001{display: none;}
img.banner001b{display: block;top: 8.5%;left: 4.5%;z-index: 5;width: 52%;height:auto;}
img.banner002{display: none;}
img.banner003{display: none;}
.top-word{position: absolute;display: block;margin-left: 5%;margin-top: -78%;border-left: 8px solid #b4b3b3;z-index: 99;height: 74px;padding-left: 7px;}
.top-word h3{font-size: 18px;font-weight: bold;line-height: 1.4em;color: #000;margin-top: -1px;letter-spacing: 0.03em;width: 57%;}

/*PIC通用*/
img.pic1{max-width: 179px;height:auto;margin: 2% auto;margin-left: 4px;}
img.pic2{width: 90%;height:auto;margin: 12% 11px;}
img.pic3{width: 90%;height:auto;margin: 5% auto;margin-left: 5%;}
img.free{display: none;}  
img.free02{width: 173%;height:auto;margin-left: -36.3%;margin-top: -3px;} 
  
/*表單區*/
.fill{position: relative;text-align:center;margin: 0 auto;height: 640px;} 
.fill .list{display:block;width: 83%;height: 500px;}  
.fill h2{font-size: 30px;padding: 28px 0;}  
.fill #sBut{display:block;margin: -118px auto;} 
.fill .form-control{
    display: block;
    width: 103%;
    height: 40px;
    margin: 12px -4px;
    padding: 6px 12px;
    font-size: 18px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

/* 版頭文字 */
.banner02{margin-left: 14%;margin-top: -37%;text-align:center;z-index: 99;position: absolute;}
.banner02 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}
  
/*內文*/
.top-line{display: block;height: 88px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}

.content1{display:block;height: 690px;}
.content1 h2{font-size: 30px;letter-spacing: normal;margin: 2% auto;padding: 25px 0;}
.content1 p{font-size: 16px;margin: 0px 9px;margin-bottom: 31px;letter-spacing: normal;}

.content2{margin:0 auto;height: 955px;}
.content2 h2{font-size: 30px;padding: 8px 20px;}
.content2 p{font-size: 17px;font-weight: bold;color: #000;text-align: center;letter-spacing: 0.07em;margin-top: -64px;}

.content3{margin:0 auto;height: 1780px;}
.content3 h2{font-size: 28px;margin-top: -0.5%;margin-bottom: 2%;}
.content3 p{font-size: 20px;width: 115%;margin-left: -27px;}

}


/* ↓↓↓↓ Galaxy S5 w360 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 360px) and (max-width:374px) {
/*BANNER*/
.banner{position:relative;height: 496px;}
img.banner_big{ display:none;}
img.banner_min{width: 100%;height: auto; display:block;}
img.banner001{display: none;}
img.banner001b{display: block;top: 8.5%;left: 4.5%;z-index: 5;width: 52%;height:auto;}
img.banner002{display: none;}
img.banner003{display: none;}
.top-word{position: absolute;display: block;margin-left: 5%;margin-top: -76%;border-left: 8px solid #b4b3b3;z-index: 99;height: 74px;padding-left: 7px;}
.top-word h3{font-size: 17px;font-weight: bold;line-height: 1.4em;color: #000;margin-top: -1px;letter-spacing: 0.07em;width: 57%;}

/*PIC通用*/
img.pic1{max-width: 179px;height:auto;margin: 2% auto;margin-left: 4px;}
img.pic2{width: 90%;height:auto;margin: 10% 10px;}
img.pic3{width: 90%;height:auto;margin: 5% auto;margin-left: 5%;}
img.free{display: none;}  
img.free02{width: 174%;height:auto;margin-left: -36.3%;margin-top: -3px;} 
  
/*表單區*/
.fill{position: relative;text-align:center;margin: 0 auto;height: 620px;} 
.fill .list{display:block;width: 83%;height: 485px;}  
.fill h2{font-size: 29px;padding: 28px 0;}  
.fill #sBut{display:block;margin: -107px auto;} 
.fill .form-control{
    display: block;
    width: 111%;
    height: 38px;
    margin: 12px -16px;
    padding: 6px 12px;
    font-size: 18px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

/* 版頭文字 */
.banner02{margin-left: 13%;margin-top: -36%;text-align:center;z-index: 99;position: absolute;}
.banner02 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}
  
/*內文*/
.top-line{display: block;height: 88px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}

.content1{display:block;height: 660px;}
.content1 h2{font-size: 29px;letter-spacing: normal;margin: 2% auto;padding: 25px 0;}
.content1 p{font-size: 16px;margin: 0px 9px;margin-bottom: 31px;letter-spacing: normal;}

.content2{margin:0 auto;height: 905px;}
.content2 h2{font-size: 29px;padding: 8px 20px;}
.content2 p{font-size: 17px;font-weight: bold;color: #000;text-align: center;letter-spacing: 0.07em;margin-top: -57px;}

.content3{margin:0 auto;height: 1720px;}
.content3 h2{font-size: 28px;margin-top: -0.5%;margin-bottom: 2%;}
.content3 p{font-size: 18px;width: 115%;margin-left: -27px;}

}

/* ↓↓↓↓ 手機尺寸SE ,顯示效果 ↓↓↓↓  */
@media (min-width: 320px) and (max-width:359px) {
/*BANNER*/
.banner{position:relative;height: 480px;}
img.banner_big{ display:none;}
img.banner_min{width: 100%;height: auto; display:block;}
img.banner001{display: none;}
img.banner001b{display: block;top: 8.5%;left: 4.5%;z-index: 5;width: 52%;height:auto;}
img.banner002{display: none;}
img.banner003{display: none;}
.top-word{position: absolute;display: block;margin-left: 5%;margin-top: -88%;border-left: 8px solid #b4b3b3;z-index: 99;height: 65px;padding-left: 7px;}
.top-word h3{font-size: 15px;font-weight: bold;line-height: 1.4em;color: #000;margin-top: -1px;letter-spacing: 0.07em;width: 57%;}

/*PIC通用*/
img.pic1{max-width: 156px;height:auto;margin: 2% auto;margin-left: 3px;}
img.pic2{width: 90%;height:auto;margin: 9% 8px;}
img.pic3{width: 90%;height:auto;margin: 5% auto;margin-left: 5%;}
img.free{display: none;}  
img.free02{width: 174%;height:auto;margin-left: -37.3%;margin-top: -3px;} 
  
/*表單區*/
.fill{position: relative;text-align:center;margin: 0 auto;height: 595px;} 
.fill .list{display:block;width: 83%;height: 470px;}  
.fill h2{font-size: 26px;padding: 28px 0;}  
.fill #sBut{display:block;margin: -116px auto;} 
.fill .statement{color: #000;line-height:40px;font-size: 16px;letter-spacing: 0.1em;} 
.fill .form-control{
    display: block;
    width: 111%;
    height: 38px;
    margin: 10px -16px;
    padding: 6px 12px;
    font-size: 18px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

/* 版頭文字 */
.banner02{margin-left: 8%;margin-top: -47%;text-align:center;z-index: 99;position: absolute;}
.banner02 h4{font-size: 20px;line-height: 1.7em;color: #000;letter-spacing: 0.07em;}
  
/*內文*/
.top-line{display: block;height: 88px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}

.content1{display:block;height: 600px;}
.content1 h2{font-size: 26px;letter-spacing: normal;margin: 2% auto;padding: 25px 0;}
.content1 p{font-size: 14px;margin: 0px 9px;margin-bottom: 31px;letter-spacing: normal;}

.content2{margin:0 auto;height: 810px;}
.content2 h2{font-size: 25px;padding: 14px 20px;}
.content2 p{font-size: 15px;font-weight: bold;color: #000;text-align: center;letter-spacing: 0.07em;margin-top: -47px;}

.content3{margin:0 auto;height: 1585px;}
.content3 h2{font-size: 28px;margin-top: -0.5%;margin-bottom: 2%;}
.content3 p{font-size: 18px;width: 118%;margin-left: -27px;}

}