html, /*
    body {
      position: relative;
      height: 100%;
    }
*/ body {
      font-family: "微軟正黑體", Arial;
      margin: 0;
      padding: 0;
      line-height: 1.8em;
      background-size: 100%;
      /*    background-image: url(images/bg1.jpg);*/
      background-repeat: repeat-y;
      background-size: 100%;
      font-size: 24px; /*  background-color: #540000;*/
      background-color: #000;
      position: relative;
      height: 100%;
    }
    .navbar-default {
      background-color: #000;
      border: 0px;
      border-radius: 0px;
      margin: 0px;
    }
    /*.top_bg{
  max-width: 1170px;
  background-image: url(images/down_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;

}*/
    .top_bg2 {
      /*width: 100%;*/
      /*height: 100%;*/
      background-image: url(images/bg2.jpg);
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center 0%;
      color: #4a6d28;
      background-attachment: fixed;
      /*margin: 0;*/
      /*padding: 0;*/
      /*background-color: #5fc5b0;*/
    }
    .top_bg3 {
      /*width: 100%;*/
      /*height: 100%;*/
      background-image: url(images/bg1.gif);
      background-repeat: repeat;
      background-position: center 0%;
      color: #4a6d28;
      /*  background-attachment: fixed;*/
      /*margin: 0;*/
      /*padding: 0;*/
      /*background-color: #5fc5b0;*/
    }
    .top_bg4 {
      /*width: 100%;*/
      /*height: 100%;*/
      background-image: url(images/bg1.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center 0%;
      color: #4a6d28;
      background-attachment: fixed;
      padding-bottom: 5%;
      /*margin: 0;*/
      /*padding: 0;*/
      /*background-color: #5fc5b0;*/
    }
    .top_bg2 div2 {
      font-size: 1.2em;
      color: #2B2B2B;
      font-weight: bold;
      margin: 2% auto 0 auto;
      padding: 0 auto 0 auto;
      display: block;
    }
    .top_page01 {
      max-width: 1920px;
      margin: 0 auto 0 auto;
      padding: 0;
    }
    .top_page02 {
      max-width: 1170px;
      margin: 0 auto 0 auto;
      padding: 0;
    }
    .title_page {
      /*	max-width: 340px;*/
      /*	margin: auto auto;*/
      /*	text-align: center;*/
      /*	padding-top: 3%;*/
    }
    .title {
      font-size: 1.6em;
      margin: 0 auto;
      font-weight: bold;
/*      line-height: 2em;*/
      color: #FFF;
      text-shadow: 2px 2px 5px #000;
	  border-left: 8px solid #7a252b;
		margin: 3% auto;
		padding-left: 1%;
    }
    .title_m {
      font-size: 1em;
      margin: 0 auto 0 auto;
      font-weight: bold;
      /*  line-height: 1.5em;*/
      color: #FFF;
      text-align: center;
    }
    .content {
      margin: 2% auto;
		
      /*  padding: 3%;*/
      /*  margin-top: 3% ;*/
      /*  background-image: url(images/bg1.jpg);*/
/*      background-attachment: fixed;*/
/*      background-size: cover;*/
/*      background-position: 50% 0px;*/
/*      background-repeat: no-repeat;*/
/*      background-color: #3f1918;*/
      border: 10px solid #ed9e18;
      /*	outline-offset: 10px;*/
      /*  margin-bottom: 2%;*/
      padding: 2%;
      /*  border-radius: 15px;*/
      background-color: rgba(114, 18, 22, 0.9);
      box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    }
    .content img {
      margin: auto;
    }
    .content p {
      line-height: 2em;
      /*  margin: 20px;*/
      font-weight: 500;
      color: #fcf6c6;
      text-align: center;
      text-shadow: 2px 2px 5px #000;
    }
    .content1 {
      margin: 2% auto;
      /*	padding: 3%;*/
      /*  margin-top: 3% ;*/
      /*  background-image: url(images/bg1.jpg);*/
      background-attachment: fixed;
      background-size: cover;
      background-position: 50% 0px;
      background-repeat: no-repeat;
      background-color: #3f1918;
      border: solid #721216;
      border-width: 10px 1px;
      /*	outline-offset: 10px;*/
      /*  margin-bottom: 2%;*/
      padding: 3%;
      /*  border-radius: 15px;*/
      background-color: rgba(0, 0, 0, 0.8);
      box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    }
    .content1 img {
      margin: auto;
    }
    .content1 p {
      line-height: 2em;
      /*  margin: 20px;*/
      color: #FFF;
      text-shadow: 2px 2px 5px #000;
    }
    .content_page {
      background-color: #FFFFFF;
      /*border-radius: 20px;*/
      padding: 5%;
      border: 15px solid #bd9d30;
      /*  max-width: 1170px;*/
      margin: auto;
    }
    .content h2 {
      text-align: center;
      font-weight: 500;
      color: #FFF;
      text-shadow: 2px 2px 5px #000;
      line-height: 50px;
    }
    .copyright {
      font-size: 16px;
      text-align: center;
      color: #fff;
      line-height: 3em;
      margin-top: 20px;
    }
    .p0 {
      padding: 0px;
    }
    .mb10 {
      margin-bottom: 10px;
    }
    .photosh {
      box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
    /*swiper*/
    .swiper {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .TEAM {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 3%;
      margin: 3% 0%;
    }
    .TEAMA {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 1%;
      margin: 1% 0%;
    }
    .TEAMB {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 1%;
    }
    @keyframes fadeInDown {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }
    .fadeInDown {
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    @-webkit-keyframes bounceIn {
      from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
      }
      40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
      }
      80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
      }
      to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
    }
    @keyframes bounceIn {
      from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
      }
      40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
      }
      80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
      }
      to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
    }
    .bounceIn {
      -webkit-animation-duration: 0.75s;
      animation-duration: 0.75s;
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
    }
    .animated {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    .animated.infinite {
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
    }
    .animated.delay-0s {
      -webkit-animation-delay: 0.0s;
      animation-delay: 0.0s;
    }
    .animated.delay-1s {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
    }
    .animated.delay-2s {
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
    }
    .animated.delay-3s {
      -webkit-animation-delay: 1.0s;
      animation-delay: 1.0s;
    }
    .animated.delay-4s {
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    .animated.delay-5s {
      -webkit-animation-delay: 1.4s;
      animation-delay: 1.4s;
    }
    .animated.delay-6s {
      -webkit-animation-delay: 2s;
      animation-delay: 2s;
    }
    .animated.delay-7s {
      -webkit-animation-delay: 2.2s;
      animation-delay: 2.2s;
    }
    .animated.delay-8s {
      -webkit-animation-delay: 2.4s;
      animation-delay: 2.4s;
    }
    .animated.fast {
      -webkit-animation-duration: 800ms;
      animation-duration: 800ms;
    }
    .animated.faster {
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms;
    }
    .animated.slow {
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
    }
    .animated.slower {
      -webkit-animation-duration: 3s;
      animation-duration: 3s;
    }
    @media (prefers-reduced-motion) {
      .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
      }
    }
    .slide-in-elliptic-top-fwd {
      -webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }
    @-webkit-keyframes slide-in-elliptic-top-fwd {
      0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
      }
      100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1;
      }
    }
    @keyframes slide-in-elliptic-top-fwd {
      0% {
        -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
        transform: translateY(-600px) rotateX(-30deg) scale(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
      }
      100% {
        -webkit-transform: translateY(0) rotateX(0) scale(1);
        transform: translateY(0) rotateX(0) scale(1);
        -webkit-transform-origin: 50% 1400px;
        transform-origin: 50% 1400px;
        opacity: 1;
      }
    }
    form {
      display: block;
      margin-top: 0em;
      margin-block-end: 0em;
    }