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: #550907;*/
}
/*.top_bg{
  max-width: 1170px;
  background-image: url(images/down_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;

  }*/
  .navbar-default{
    /*background-color:#f88f7a;*/
    background-color:#39230b;
    color: #FFF; 
    border-color: #240300;
    border-bottom-width: 0px;
  }
  .navbar-default .navbar-nav>li>a{
    color: #FFF;
    font-size: 17px;
  }
  .navbar-default .navbar-nav>li{
    /*margin-right: -15px;*/
  }
  .navbar-default .navbar-header>a{
    color: #FFF;
    font-size: 19px;
  }
  .navbar-default .navbar-nav>li>a:hover{
    background-color: #000;
    color: #fdd000;
  }

  .navbar-default .navbar-toggle{
    border-color: #240300;
  }
  .navbar-default .navbar-toggle .icon-bar{
    background-color: #FFF;
    border-color: #240300;
  }
  .navbar-default .navbar-toggle:hover{
    background-color: #707070;

  }
  .bg{
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    margin-top: -20px;

  }
  .top_bg2 {
    /*width: 100%;*/
    /*height: 100%;*/
    background-image: url(images/bg1.jpg);
    background-repeat: repeat;
    /*  background-size: 100%;*/
    background-position: center 0%;
    color: #4a6d28;
    background-attachment: fixed;
    /*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: 2em;
    margin: 0 auto 0 auto;
    font-weight: bold;
    line-height: 2.5em;
    color: #FFF;
  }
  .content {
    margin: 10% auto;
    /*	padding: 3%;*/
    /*  margin-top: 3% ;*/
    /*  background-image: url(images/bg3.jpg);*/
    /*  background-attachment: fixed;*/
    background-size: cover;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    /*  background-color: #3f1918;*/
    border: 10px solid #7b9d0c;
    /*	outline-offset: 10px;*/
    /*  margin-bottom: 2%;*/
    padding: 5%;
    /*  border-radius: 15px;*/
    background-color: rgba(231, 216, 95, 0.2);
    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: bolder;
    color: #7b9d0c;
    text-align: center;
    /*  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 h1 {
    text-align: center;
    font-weight: 900;
    color: #fcf6c6;
    margin-bottom: 5%;
    text-shadow: 2px 2px 5px #000;
  }
  .copyright {
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 3em;
    margin-top: 20px;
  }
  .p0 {
    padding: 0px;
  }
  .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;
  }
  @Media Print {
    Body {
      display: none;
    }
  }
  @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;
  }