@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;}

/*表頭表尾 請勿砍*/
.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;background-image: url(../images/bg01.jpg);background-repeat:repeat;display: block;/* height: 710px; *//* margin-bottom: 14px; *//* padding-bottom: 44px; *//* padding-top: 39px; */}
img.banner001, img.banner001b,img.banner002, img.banner003,img.banner004,img.banner004b,img.banner005,img.banner005b,img.banner006,img.banner006b{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: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;}
img.banner004b{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */animation-delay: 0.6s;}
img.banner005{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:0.8s;}
img.banner005b{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:0.8s;}
img.banner006{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:0.3s;}
img.banner006b{-webkit-animation-delay:1s; /* Chrome, Safari, Opera */ animation-delay:0.3s;}

/*表單區*/
.fill{position:relative;background-color: #fff;text-align:center;margin: 0 auto;border-radius: 0px;width: 100%;height: 445px;padding: 40px;}
.fill .form-control {margin: 6px 49%;width: 97%;height: 42px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #dde1d9;border-radius: 27px;box-shadow: none;}
.fill h2{font-size: 48px;color: #7f9e65;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;font-family: 'cwTeXYen', sans-serif;}
.fill h2 .important{font-size:35px;}
.fill h2 .gray{color: #404040;font-size: 42px;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{display:block;max-width:527px;height:auto;min-width:280px;margin: 32px 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: 100%;}


/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background-color: #7e9e65;
  padding: 10px 30px 10px 30px;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #526746;
  height: 9px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -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;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*內文*/
.top-line{height: 120px;width: 13%;border-bottom: 12px solid #febd00;margin: 0 auto;}
.content1{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-size: 100%;padding-bottom: 7em;}
.content1 h2{font-size: 42px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family:'cwTeXYen', sans-serif;}
.content1 p{margin: -2px 0;padding-left: 43px;font-size: 25px;color: #454545;text-align: center;line-height: 27px;letter-spacing: 0.05em;margin-top: -18px;font-family: 'cwTeXYen', sans-serif;}

.content2{margin:0 auto;padding-bottom: 5em;}
.content2 h2{font-size: 40px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% 7%;font-family: 'cwTeXYen', sans-serif;}
.content2 h3{font-size: 24px;color: #768867;/* font-weight:bold; */text-align: center;font-family:'cwTeXYen', 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/bg04.jpg);background-repeat:repeat;margin:0 auto;}
.content3 h2{font-size: 42px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family:'cwTeXYen', sans-serif;}
.content3 h3{font-size: 28px;text-align: center;color: #586052;letter-spacing: 0.05em;font-family: 'cwTeXYen', sans-serif;margin-top: 0px;margin-left: 9px;}
.content3 p{font-size: 18px;color: #868686;text-align: center;padding: 0px 24px;margin-bottom: 40px;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;}
.content4 h2{font-size: 45px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family:'cwTeXYen', sans-serif;}
.content4 h3{font-size: 34px;text-align: center;color: #586052;letter-spacing: 0.07em;font-family: 'cwTeXYen', sans-serif;margin-top: 8%;}
.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: 45px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 3% auto;font-family:'cwTeXYen', sans-serif;}
.content5 h3{font-size: 28px;text-align: center;line-height: 1.2em;color: #586052;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: 27px;/* letter-spacing: 0.1em; */color: #5c9979;text-align: center;margin: 0.5% auto;font-family:'cwTeXYen', 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.pic2{max-width: 306px;height:auto;margin-bottom: 4%;}
img.pic1{max-width: 328px;height:auto;margin: 8% auto;}
img.pic4{max-width: 171px;height:auto;}

/*	↓↓↓↓	螢幕尺寸大於1920時頁面顯示效果↓↓↓↓	 */
@media (min-width: 2560px) {
/*BANNER*/
img.banner001{display: block;top: 28.5%;left: 39.5%;z-index: 5;max-width: 558px;height:auto;}
img.banner002{display: block;top: 55%;left: 42%;z-index: 7;max-width: 448px;height:auto;}
img.banner003{display: block;top: 46%;left: 62%;z-index: 4;max-width: 356px;height:auto;}
img.banner004{display: block;top: 19%;left: 5%;z-index: 1;max-width: 2384px;height:auto;}
img.banner004b{display: none;}		
img.banner005{display: block;margin-top: 11%;margin-bottom: -14%;left: 1%;z-index: 6;max-width: 2384px;height:auto;position: relative;}
img.banner005b{display: none;}		
img.banner006{display: block;top: 7%;left: 24.5%;z-index: 3;max-width: 1276px;height:auto;}
img.banner006b{display: none;}	
img.banner001b{display: none;}		
}



/*	↓↓↓↓	螢幕尺寸大於1920時頁面顯示效果↓↓↓↓	 */
@media (min-width: 1920px) and (max-width:2559px) {	
/*BANNER*/
img.banner001{display: block;top: 28.5%;left: 34.5%;z-index: 5;max-width: 558px;height:auto;}
img.banner002{display: block;top: 55%;left: 38%;z-index: 7;max-width: 448px;height:auto;}
img.banner003{display: block;top: 46%;left: 65%;z-index: 4;max-width: 356px;height:auto;}
img.banner004{display: block;top: 19%;left: -12%;z-index: 1;max-width: 2384px;height:auto;}
img.banner004b{display: none;}		
img.banner005{display: block;margin-top: 11%;margin-bottom: -14%;left: -13%;z-index: 6;max-width: 2384px;height:auto;position: relative;}
img.banner005b{display: none;}		
img.banner006{display: block;top: 7%;left: 17%;z-index: 3;max-width: 1276px;height:auto;}
img.banner006b{display: none;}	
img.banner001b{display: none;}		
}


/*	↓↓↓↓	螢幕尺寸大於1680時頁面顯示效果↓↓↓↓	 */
@media (min-width: 1440px) and (max-width:1919px) {	
/*BANNER*/
img.banner001{display: block;top: 22.5%;left: 24.5%;z-index: 5;width: 42%;height:auto;}
img.banner002{display: block;top: 60%;left: 25%;z-index: 7;width: 37%;height:auto;/* position: relative; */}
img.banner003{display: block;top: 46%;left: 67%;z-index: 4;width: 22%;height:auto;/* position: relative; */}
img.banner004{display: block;top: 18%;/* padding-top: 75px; */left: -8%;/* margin-bottom: -20px; */z-index: 1;width: 116%;height:auto;/* position: relative; */}

img.banner004.move.animated.fadeInUp {}
img.banner004b{display: none;}		
img.banner005{display: block;top: 30%;left: -18%;z-index: 6;width: 129%;height:auto;position: relative;margin-top: 8%;margin-bottom: -15%;}
img.banner005b{display: none;}		
img.banner006{display: block;top: 2%;left: 13%;z-index: 3;width: 75%;height:auto;position: absolute;}
img.banner006b{display: none;}	
img.banner001b{display: none;}		
}

/*	↓↓↓↓	ipad 橫向 w1024 ↓↓↓↓	 */
@media (min-width: 1024px) and (max-width:1439px) {
/*BANNER*/
img.banner001{display: block;top: 24.5%;left: 23.5%;z-index: 5;width: 558px;height:auto;/* position: relative; */}
img.banner002{/* display: block; */top: 57%;left: 24%;z-index: 7;width: 42%;height:auto;/* position: relative; */}
img.banner003{display: block;top: 48%;left: 68%;z-index: 4;width: 29%;height:auto;}
img.banner004{display: block;top: 25%;left: -22%;z-index: 1;width: 147%;height:auto;/* position: relative; */}
img.banner004b{display: none;}		
img.banner005{display: block;top: 80%;left: -17%;z-index: 6;width: 131%;height:auto;position: relative;padding-top: 18%;margin-bottom: -129px;}
img.banner005b{display: none;}		
img.banner006{display: block;top: 6%;left: 4%;z-index: 3;width: 94%;height:auto;}
img.banner006b{display: none;}		
img.banner001b{display: none;}	
	
.top-line{height: 100px;width: 21%;border-bottom: 12px solid #febd00;margin: 0 auto;}
	
.fill h2{font-size: 46px;color: #7f9e65;text-align:center;padding-bottom:10px;margin-top: 1%;letter-spacing: 0.06em;font-family: 'cwTeXYen', sans-serif;}
	
.content1{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;height: 565px;}
.content1 p{margin: -2px 0;padding-left: 25px;font-size: 21px;color: #454545;text-align: center;line-height: 27px;letter-spacing: 0.05em;margin-top: -18px;font-family: 'cwTeXYen', sans-serif;}	
	
.slider {width: 83%;margin: 60px auto;}	
	
.content2{margin:0 auto;height: 730px;}
	
.content3{background-size: 100%;margin:0 auto;height: 860px;}
.content3 h3{font-size: 25px;text-align: center;color: #586052;letter-spacing: 0.05em;font-family: 'cwTeXYen', sans-serif;margin-top: 0px;margin-left: 9px;}
.content3 p{font-size: 17px;color: #868686;text-align: center;padding: 0px 24px;margin-bottom: 40px;font-family: 'Noto Sans TC', sans-serif;}	
	
.content4{background-size: 100%;margin:0 auto;height: 490px;}
.content4 h2{font-size: 42px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 3% auto;font-family:'cwTeXYen', sans-serif;}
.content4 p{font-size: 17px;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;height: 1365px;}
.content5 h2{font-size: 45px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 1% auto;font-family:'cwTeXYen', sans-serif;}
	
.content6{text-align: center;height: 125px;}
	
/*PIC通用*/
img.pic1{width: 99%;height:auto;margin: 8% auto;}
img.pic2{max-width: 306px;height:auto;margin-bottom: 4%;}
img.pic3{width: 93%;height:auto;margin: 8% 4%;}
img.pic4{max-width: 171px;height:auto;}	
}

/*	↓↓↓↓	ipad 直向 w768 ↓↓↓↓	 */
@media (min-width: 768px) and (max-width:1023px) {	
/*BANNER*/
.banner{position:relative;overflow:hidden;height: 867px;background-image: url(../images/bg01.jpg);background-repeat:repeat;}	
img.banner001b{display: block;top: 19.5%;left: 18.5%;z-index: 2;width: 65%;height:auto;}
img.banner002{display: block;top: 61%;left: 20%;z-index: 7;width: 62%;height:auto;}
img.banner003{display: block;top: 68%;left: 59%;z-index: 4;width: 37%;height:auto;}
img.banner004b{display: block;top: 49%;left: 0%;z-index: 1;width: 100%;height:auto;}
img.banner005b{display: block;top: 52%;left: 0%;z-index: 6;width: 100%;height:auto;}
img.banner006b{display: block;top: -1%;left: 0%;z-index: 3;width: 100%;height:auto;}
img.banner004{display: none;}
img.banner005{display: none;}	
img.banner006{display: none;}
img.banner001{display: none;}	
	
.top-line{height: 0px;width: 25%;border-bottom: 12px solid #febd00;margin: -23px auto;}
	
.fill{position:relative;background-color: #fff;text-align:center;margin: 0 auto;border-radius: 0px;width: 100%;height: 541px;padding: 40px;}
.fill h2{font-size: 43px;color: #7f9e65;text-align:center;padding-bottom:10px;margin-top: 0%;letter-spacing: 0.06em;font-family: 'cwTeXYen', sans-serif;}
.fill .form-control {margin: 14px 3%;width: 94%;height: 42px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #dde1d9;border-radius: 27px;box-shadow: none;}
.list{margin:0 auto;width: 100%;}	
	

.content1{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-color: #f8f8f8;height: 1185px;}
.content1 h2{font-size: 42px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 5% auto;font-family:'cwTeXYen', sans-serif;}
.content1 p{margin: -2px 0;padding-left: 25px;font-size: 24px;color: #454545;margin-top: -18px;margin-bottom: 6%;}	
	
.slider {width: 83%;margin: 60px auto;}	
	
.content2{margin:0 auto;height: 745px;position: relative;}
.content2 h2{font-size: 40px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 5% 7%;font-family: 'cwTeXYen', sans-serif;}
.content2 h3{font-size: 24px;color: #768867;/* font-weight:bold; */text-align: center;font-family:'cwTeXYen', sans-serif;}
	
.content3{background-image: url(../images/bg04.jpg);background-repeat:repeat;background-size: 171%;margin:0 auto;height: 1525px;}
.content3 h2{font-size: 42px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 5% auto;font-family:'cwTeXYen', sans-serif;}
.content3 h3{font-size: 25px;text-align: center;color: #586052;letter-spacing: 0.05em;font-family: 'cwTeXYen', sans-serif;margin-top: -28px;margin-left: 9px;}
.content3 p{font-size: 17px;color: #868686;text-align: center;padding: 0px 38px;margin-bottom: 30px;font-family: 'Noto Sans TC', sans-serif;}	
	
.content4{background-size: 100%;background-repeat: repeat;margin:0 auto;height: 1119px;}
.content4 h2{font-size: 42px;margin: 5% auto;font-family:'cwTeXYen', sans-serif;width: 76%;}
.content4 h3{font-size: 34px;text-align: center;color: #586052;letter-spacing: 0.07em;font-family: 'cwTeXYen', sans-serif;margin-top: -4%;}
.content4 p{font-size: 19px;color: #868686;text-align: center;padding: 0px 30px;margin-bottom: 27px;font-family: 'Noto Sans TC', sans-serif;}
	
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 1365px;}
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 1750px;}
.content5 h2{font-size: 45px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 5% auto;font-family:'cwTeXYen', sans-serif;}
.content5 h3{font-size: 30px;margin-bottom: 2%;margin-top: 9%;padding: 11px 0;}
	
.content6{text-align: center;height: 134px;}
	
/*PIC通用*/
img.pic1{width: 99%;height:auto;margin: 10% 7%;}
img.pic2{max-width: 306px;height:auto;margin-bottom: 4%;}
img.pic3{width: 91%;height:auto;margin: 10% 5%;}
img.pic4{max-width: 171px;height:auto;}
}


/* ↓↓↓↓ iPhone Plus w414  Pixel 2 w411 手機尺寸,顯示效果 ↓↓↓↓  */
@media (max-width: 767px) and (min-width: 411px) {
/*BANNER*/
.banner{position:relative;overflow:hidden;height: 470px;background-image: url(../images/bg01.jpg);background-repeat:repeat;}	
img.banner001b{display: block;top: 19.5%;left: 16.5%;z-index: 2;width: 68%;height:auto;}
img.banner002{display: block;top: 62%;left: 17%;z-index: 7;width: 66%;height:auto;}
img.banner003{display: block;top: 68%;left: 55%;z-index: 4;width: 38%;height:auto;}
img.banner004b{display: block;top: 49%;left: 0%;z-index: 1;width: 100%;height:auto;}
img.banner005b{display: block;top: 53%;left: 0%;z-index: 6;width: 100%;height:auto;}
img.banner006b{display: block;top: 0%;left: 0%;z-index: 3;width: 100%;height:auto;}
img.banner004{display: none;}
img.banner005{display: none;}	
img.banner006{display: none;}
img.banner001{display: none;}
	
.top-line{height: 23px;width: 40%;border-bottom: 9px solid #febd00;margin: -23px auto;margin-bottom: 5%;}
.fill h2{font-size: 43px;color: #7f9e65;text-align:center;padding-bottom:10px;margin-top: 5%;letter-spacing: 0.06em;font-family: 'cwTeXYen', sans-serif;}	
.fill h2 .gray{color: #404040;font-size: 37px;font-weight: 200;}	
.fill{position:relative;background-color: #fff;text-align:center;margin: 0 auto;border-radius: 0px;width: 100%;height: 580px;padding: 18px;}
.fill .form-control {margin: 14px 3%;width: 94%;height: 42px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #dde1d9;border-radius: 27px;box-shadow: none;}
.list{margin:0 auto;width: 100%;}	
	
.content1{background-image: url(../images/bg03.jpg);background-repeat: repeat;background-color: #f8f8f8;height: 2265px;}
.content1 h2{font-size: 35px;letter-spacing: 0em;color: #2e3428;text-align: center;margin: 5% auto;font-family:'cwTeXYen', sans-serif;}
.content1 p{margin: -2px 0;padding-left: 14px;font-size: 30px;color: #454545;margin-top: -18px;margin-bottom: 15%;letter-spacing: 0em;line-height: 30px;}	
	
.slider {width: 83%;margin: 60px auto;}	
	
.content2{margin:0 auto;height: 600px;position: relative;}
.content2 h2{font-size: 35px;letter-spacing: 0em;color: #2e3428;text-align: center;margin: 5% 2%;font-family: 'cwTeXYen', sans-serif;}
.content2 h3{font-size: 24px;color: #768867;/* font-weight:bold; */text-align: center;font-family:'cwTeXYen', sans-serif;}
	
.content3{background-image: url(../images/bg04.jpg);background-repeat:repeat;background-size: 171%;margin:0 auto;height: 2725px;}
.content3 h2{font-size: 35px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 5% 14%;font-family:'cwTeXYen', sans-serif;}
.content3 h3{font-size: 28px;text-align: center;color: #586052;letter-spacing: 0em;font-family: 'cwTeXYen', sans-serif;margin-top: -30px;margin-left: 9px;}
.content3 p{font-size: 19px;color: #868686;text-align: center;padding: 0px 38px;margin-bottom: 50px;font-family: 'Noto Sans TC', sans-serif;}	
	
.content4{background-image: url(../images/bg05.jpg);background-size: 185%;margin:0 auto;height: 2075px;}
.content4 h2{font-size: 35px;margin: 5% auto;font-family:'cwTeXYen', sans-serif;width: 89%;letter-spacing: 0em;}
.content4 h3{font-size: 34px;text-align: center;color: #586052;letter-spacing: 0.07em;font-family: 'cwTeXYen', sans-serif;margin-top: -4%;}			
.content4 p{font-size: 20px;color: #868686;text-align: center;padding: 0px 13px;margin-bottom: 35px;font-family: 'Noto Sans TC', sans-serif;}
	
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 1365px;}
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 2865px;}
.content5 h2{font-size: 35px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 5% auto;font-family:'cwTeXYen', sans-serif;}
.content5 h3{font-size: 29px;margin-bottom: 2%;margin-top: 12%;padding: 11px 0;letter-spacing: 0em;}
	
.content6{text-align: center;height: 125px;}
	
/*PIC通用*/
img.pic1{width: 120%;height:auto;margin: 10% 10%;margin-top: 1%;}
img.pic2{max-width: 306px;height:auto;margin-bottom: 4%;}
img.pic3{width: 85%;height:auto;margin: 10% 8%;margin-top: 8%;}
img.pic4{max-width: 171px;height:auto;}	
}

/* ↓↓↓↓ iPhone X   iPhone6/7/8 w375 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 375px) and (max-width:410px) {
/*BANNER*/
.banner{position:relative;overflow:hidden;height: 439px;background-image: url(../images/bg01.jpg);background-repeat:repeat;}	
img.banner001b{display: block;top: 19.5%;left: 16.5%;z-index: 2;width: 68%;height:auto;}
img.banner002{display: block;top: 60%;left: 19%;z-index: 7;width: 66%;height:auto;}
img.banner003{display: block;top: 68%;left: 55%;z-index: 4;width: 38%;height:auto;}
img.banner004b{display: block;top: 50%;left: 0%;z-index: 1;width: 100%;height:auto;}
img.banner005b{display: block;top: 54%;left: 0%;z-index: 6;width: 100%;height:auto;}
img.banner006b{display: block;top: 0%;left: 0%;z-index: 3;width: 100%;height:auto;}
img.banner004{display: none;}
img.banner005{display: none;}	
img.banner006{display: none;}
img.banner001{display: none;}
	
.top-line{height: 23px;width: 40%;border-bottom: 9px solid #febd00;margin: -23px auto;}
	
.fill h2{font-size: 42px;color: #7f9e65;text-align:center;padding-bottom:10px;margin-top: 3%;letter-spacing: 0.06em;font-family: 'cwTeXYen', sans-serif;}	
.fill h2 .gray{color: #404040;font-size: 34px;font-weight: 200;}	
.fill{position:relative;background-color: #fff;text-align:center;margin: 0 auto;border-radius: 0px;width: 100%;height: 575px;padding: 20px;}
.fill .form-control {margin: 14px 3%;width: 94%;height: 42px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #dde1d9;border-radius: 27px;box-shadow: none;}
.list{margin:0 auto;width: 100%;}	
	
.content1{background-image: url(../images/bg03.jpg);background-repeat: repeat;background-color: #f8f8f8;height: 2290px;}
.content1 h2{font-size: 35px;letter-spacing: 0em;color: #2e3428;text-align: center;margin: 5% 13%;font-family:'cwTeXYen', sans-serif;}
.content1 p{margin: -2px 0;padding-left: 7px;font-size: 27px;color: #454545;margin-top: -18px;margin-bottom: -2%;letter-spacing: 0em;line-height: 30px;}	
	
.slider {width: 83%;margin: 60px auto;}	
	
.content2{margin:0 auto;height: 600px;position: relative;}
.content2 h2{font-size: 35px;letter-spacing: -0.05em;color: #2e3428;text-align: center;margin: 5% 0%;font-family: 'cwTeXYen', sans-serif;}
.content2 h3{font-size: 24px;color: #768867;/* font-weight:bold; */text-align: center;font-family:'cwTeXYen', sans-serif;}
	
.content3{background-image: url(../images/bg04.jpg);background-repeat:repeat;background-size: 195%;margin:0 auto;height: 2810px;}
.content3 h2{font-size: 35px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 5% 10%;font-family:'cwTeXYen', sans-serif;}
.content3 h3{font-size: 29px;text-align: center;color: #586052;letter-spacing: 0em;font-family: 'cwTeXYen', sans-serif;margin-top: -12px;margin-left: 9px;}
.content3 p{font-size: 18px;color: #868686;text-align: center;padding: 0px 25px;margin-bottom: 0px;font-family: 'Noto Sans TC', sans-serif;}	
.parent {width: 1214px;height: 114px;margin: -35px auto;overflow: hidden;margin-top: 53px;}	
	
.content4{background-image: url(../images/bg05.jpg);background-size: 185%;margin:0 auto;height: 2157px;}
.content4 h2{font-size: 35px;margin: 5% auto;font-family:'cwTeXYen', sans-serif;width: 81%;letter-spacing: 0em;}
.content4 h3{font-size: 34px;text-align: center;color: #586052;letter-spacing: 0.07em;font-family: 'cwTeXYen', sans-serif;margin-top: -4%;}		
.content4 p{font-size: 19px;color: #868686;text-align: center;padding: 0px 9px;margin-bottom: 0px;font-family: 'Noto Sans TC', sans-serif;}
	
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 1365px;}
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 2835px;}
.content5 h2{font-size: 35px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 5% auto;font-family:'cwTeXYen', sans-serif;}
.content5 h3{font-size: 28px;margin-bottom: 2%;margin-top: 12%;padding: 11px 0;letter-spacing: 0em;}
	
.content6{text-align: center;height: 125px;}
	
/*PIC通用*/
img.pic1{width: 94%;height:auto;margin: 10% 7%;margin-top: 19%;}
img.pic2{max-width: 306px;height:auto;margin-bottom: 4%;}
img.pic3{width: 92%;height:auto;margin: 10% 4%;margin-top: 24%;}
img.pic4{max-width: 171px;height:auto;}
}

/* ↓↓↓↓ Galaxy S5 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 360px) and (max-width:374px) {
/*BANNER*/
.banner{position:relative;overflow:hidden;height: 433px;background-image: url(../images/bg01.jpg);background-repeat:repeat;}	
img.banner001b{display: block;top: 19.5%;left: 16.5%;z-index: 2;width: 68%;height:auto;}
img.banner002{display: block;top: 60%;left: 17%;z-index: 7;width: 69%;height:auto;}
img.banner003{display: block;top: 68%;left: 55%;z-index: 4;width: 38%;height:auto;}
img.banner004b{display: block;top: 52%;left: 0%;z-index: 1;width: 100%;height:auto;}
img.banner005b{display: block;top: 55%;left: 0%;z-index: 6;width: 100%;height:auto;}
img.banner006b{display: block;top: 0%;left: 0%;z-index: 3;width: 100%;height:auto;}
img.banner004{display: none;}
img.banner005{display: none;}	
img.banner006{display: none;}
img.banner001{display: none;}
	
.top-line{height: 15px;width: 40%;border-bottom: 9px solid #febd00;margin: -23px auto;}
	
.fill h2{font-size: 40px;margin-top: 5%;padding: 0 23px;}	
.fill h2 .gray{color: #404040;font-size: 31px;font-weight: 200;}	
.fill{position:relative;background-color: #fff;text-align:center;margin: 0 auto;border-radius: 0px;width: 100%;height: 555px;padding: 13px;}
.fill .form-control {margin: 14px 3%;width: 94%;height: 42px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #dde1d9;border-radius: 27px;box-shadow: none;}
.list{margin:0 auto;width: 100%;}	
	
.content1{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-color: #f8f8f8;height: 2250px;}
.content1 h2{font-size: 35px;letter-spacing: 0em;color: #2e3428;text-align: center;margin: 8% 13%;font-family:'cwTeXYen', sans-serif;}
.content1 p{margin: 13px 13px;padding-left: 7px;font-size: 27px;color: #454545;margin-top: -18px;margin-bottom: -2%;letter-spacing: 0em;line-height: 29px;}	
	
.slider {width: 83%;margin: 60px auto;}	
	
.content2{margin:0 auto;height: 650px;position: relative;}
.content2 h2{font-size: 35px;letter-spacing: -0.05em;color: #2e3428;text-align: center;margin: 8% 1%;font-family: 'cwTeXYen', sans-serif;}
.content2 h3{font-size: 24px;color: #768867;/* font-weight:bold; */text-align: center;font-family:'cwTeXYen', sans-serif;}
	
.content3{background-image: url(../images/bg04.jpg);background-repeat:repeat;background-size: 230%;margin:0 auto;height: 2875px;}
.content3 h2{font-size: 35px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 8% 6%;font-family:'cwTeXYen', sans-serif;}
.content3 h3{font-size: 29px;text-align: center;color: #586052;letter-spacing: 0em;font-family: 'cwTeXYen', sans-serif;margin-top: -12px;margin-left: 9px;}
.content3 p{font-size: 19px;color: #868686;text-align: center;padding: 0px 16px;margin-bottom: 16px;font-family: 'Noto Sans TC', sans-serif;}	
.parent {width: 1214px;height: 114px;margin: -10px auto;overflow: hidden;margin-top: 53px;}	
	
.content4{background-image: url(../images/bg05.jpg);background-size: 185%;margin:0 auto;height: 2160px;}
.content4 h2{font-size: 35px;margin: 8% auto;font-family:'cwTeXYen', sans-serif;width: 86%;letter-spacing: 0em;}
.content4 h3{font-size: 34px;text-align: center;color: #586052;letter-spacing: 0.07em;font-family: 'cwTeXYen', sans-serif;margin-top: -4%;}	
.content4 p{font-size: 21px;color: #868686;text-align: center;padding: 0px 9px;margin-bottom: 0px;font-family: 'Noto Sans TC', sans-serif;}
	
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 1365px;}
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 2830px;}
.content5 h2{font-size: 35px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 8% auto;font-family:'cwTeXYen', sans-serif;}
.content5 h3{font-size: 28px;margin-bottom: 2%;margin-top: 12%;padding: 11px 10px;letter-spacing: 0em;}
	
.content6{text-align: center;height: 125px;}
	
/*PIC通用*/
img.pic1{width: 94%;height:auto;margin: 10% 4.5%;margin-top: 18%;}
img.pic2{max-width: 306px;height:auto;margin-bottom: 4%;}
img.pic3{width: 94%;height:auto;margin: 10% 3%;margin-top: 24%;}
img.pic4{max-width: 171px;height:auto;}
}

/* ↓↓↓↓ 手機尺寸SE ,顯示效果 ↓↓↓↓  */
@media (min-width: 320px) and (max-width:359px) {
/*BANNER*/
.banner{position:relative;overflow:hidden;height: 385px;background-image: url(../images/bg01.jpg);background-repeat:repeat;}	
img.banner001b{display: block;top: 19.5%;left: 16.5%;z-index: 2;width: 68%;height:auto;}
img.banner002{display: block;top: 60%;left: 17%;z-index: 7;width: 69%;height:auto;}
img.banner003{display: block;top: 68%;left: 55%;z-index: 4;width: 38%;height:auto;}
img.banner004b{display: block;top: 52%;left: 0%;z-index: 1;width: 100%;height:auto;}
img.banner005b{display: block;top: 55%;left: 0%;z-index: 6;width: 100%;height:auto;}
img.banner006b{display: block;top: 0%;left: 0%;z-index: 3;width: 100%;height:auto;}
img.banner004{display: none;}
img.banner005{display: none;}	
img.banner006{display: none;}
img.banner001{display: none;}
	
.top-line{height: 23px;width: 40%;border-bottom: 9px solid #febd00;margin: -23px auto;}
	
.fill h2{font-size: 35px;color: #7f9e65;text-align:center;padding-bottom:10px;margin-top: 5%;letter-spacing: 0.06em;font-family: 'cwTeXYen', sans-serif;}	
.fill h2 .gray{color: #404040;font-size: 29px;font-weight: 200;}	
.fill{position:relative;background-color: #fff;text-align:center;margin: 0 auto;border-radius: 0px;width: 100%;height: 535px;padding: 13px;}
.fill .form-control {margin: 14px 4%;width: 94%;height: 42px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #dde1d9;border-radius: 27px;box-shadow: none;}
.list{margin:0 auto;width: 100%;}	
	
.content1{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-color: #f8f8f8;height: 2055px;}
.content1 h2{font-size: 35px;letter-spacing: 0em;color: #2e3428;text-align: center;margin: 5% 7%;font-family:'cwTeXYen', sans-serif;}
.content1 p{margin: 13px 13px;padding-left: 18px;font-size: 27px;color: #454545;margin-top: -18px;margin-bottom: -2%;letter-spacing: 0em;line-height: 29px;}	
	
.slider {width: 83%;margin: 60px auto;}	
	
.content2{margin:0 auto;height: 650px;position: relative;}
.content2 h2{font-size: 35px;letter-spacing: -0.05em;color: #2e3428;text-align: center;margin: 5% 5%;font-family: 'cwTeXYen', sans-serif;}
.content2 h3{font-size: 24px;color: #768867;/* font-weight:bold; */text-align: center;font-family:'cwTeXYen', sans-serif;}
	
.content3{background-image: url(../images/bg04.jpg);background-repeat:repeat;background-size: 230%;margin:0 auto;height: 2731px;}
.content3 h2{font-size: 35px;letter-spacing: 0.05em;color: #2e3428;text-align: center;margin: 5% 6%;font-family:'cwTeXYen', sans-serif;}
.content3 h3{font-size: 29px;text-align: center;color: #586052;letter-spacing: 0em;font-family: 'cwTeXYen', sans-serif;margin-top: -12px;margin-left: 9px;}
.content3 p{font-size: 19px;color: #868686;text-align: center;padding: 0px 16px;margin-bottom: 16px;font-family: 'Noto Sans TC', sans-serif;}	
.parent {width: 1214px;height: 114px;margin: -10px auto;overflow: hidden;margin-top: 53px;}	
	
.content4{background-image: url(../images/bg05.jpg);background-size: 185%;margin:0 auto;height: 1975px;}
.content4 h2{font-size: 35px;margin: 5% auto;font-family:'cwTeXYen', sans-serif;width: 94%;letter-spacing: 0em;}
.content4 h3{font-size: 34px;text-align: center;color: #586052;letter-spacing: 0.07em;font-family: 'cwTeXYen', sans-serif;margin-top: -4%;}			
.content4 p{font-size: 21px;color: #868686;text-align: center;padding: 0px 9px;margin-bottom: 0px;font-family: 'Noto Sans TC', sans-serif;}
	
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 1365px;}
.content5{background-image: url(../images/bg02.jpg);background-repeat: repeat;margin:0 auto;height: 2750px;}
.content5 h2{font-size: 35px;letter-spacing: 0.1em;color: #2e3428;text-align: center;margin: 5% auto;font-family:'cwTeXYen', sans-serif;}
.content5 h3{font-size: 27px;margin-bottom: 2%;margin-top: 12%;padding: 11px 16px;letter-spacing: 0em;}
	
.content6{text-align: center;height: 137px;}
	
/*PIC通用*/
img.pic1{width: 94%;height:auto;margin: 10% 3%;margin-top: 18%;}
img.pic2{max-width: 306px;height:auto;margin-bottom: 4%;}
img.pic3{width: 94%;height:auto;margin: 10% 3%;margin-top: 24%;}
img.pic4{max-width: 171px;height:auto;}
}