* {
        font-family: "微軟正黑體","Helvetica", "Arial","LiHei Pro","黑體-繁", sans-serif;
      } 
      .e_font {
        font-family: "Tahoma";
      }
      .contact-info-area {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #6c757d63;
    font-weight: bolder;
    line-height: normal;
    color: rgb(137,111,92);
      }
    .contact-info-area a {
        color: #014465;
        color: rgb(137,111,92);
      }
      .contact-info-area a:hover {
        color: #00273b;
        text-decoration: none;
        font-weight: bolder;
      }

      .contact-info {
            font-size: 12pt;
            padding-left: 3pt;
            padding-right: 3pt; 
            text-align: center;
      }
      .contact-info-wrapper {
            margin:0px auto;
      }
      .header-logo {
        padding: 3pt;        
      }

      .header-info {
        padding: 12pt;
        color :   #d43b6b;
      }
      .nav-style {
        color:  #FF9800;
        font-weight: 700!important;
        font-size: 108%;
        padding-bottom: 0pt;
      }
      .img-des {
        padding-top: 0.5em;
        line-height: 2bt;
        color: #6C3F21;
        background-color: whrite;
        background-color: #ffffffde;
        padding-bottom: 1em;
        margin-top: 0em;
        margin-bottom: 1em;

        border: 3px solid #333333;
        font-size: 2.5rem;
        border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;        
        position: relative;

     }
     .img-des::before {
      content: '';
      border: 2px solid #353535;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
      border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
      z-index:-1;
  }

  .btn-info {
    color: #fff;
    background-color: #795548;
    border-color: #291d18;
    -webkit-box-shadow: 5px 5px 11px -1px rgba(0,0,0,0.75); 
    box-shadow: 5px 5px 11px -1px rgba(0,0,0,0.75);
  }
  .btn-info:hover {
    background-color: #352620;
    border-color: #160a05;
    -webkit-box-shadow: 5px 5px 5px -1px #000000; 
    box-shadow: 5px 5px 5px -1px #000000;
  }
  .btn-group-lg>.btn, .btn-lg {

    font-size: 1.8rem;
  }
      body {
        background: #fffdfb;
      }



      footer {
        width: 100%;
        display: block;
        background-color: #c6b19c;
        padding: 10pt;
        border-top-style: solid;
        border-color: #f9e0c72e

      }
      
      footer iframe{
        margin: 0 auto !important; 
        display:block;
      }

      .nav-link.disabled {
        color: #6c757d00;
      }


@media (min-width: 400px) {
  .menu-botton-box {
    font-size: 180% !important;
  }
  .nav-style {
      font-size: 150% !important;
   }
  .icons {
    font-size: 150% !important;
  }
}
@media (min-width: 768px) { 
  .menu-botton-box {
    font-size: 180% !important;
  }
  .nav-style {
     font-size: 132%!important;
  }
}
@media (min-width: 992px) { 
  .menu-botton-box {
    font-size: 105% !important;
  }
  .nav-style {
     font-size: 108%!important;
   }
   .icons  {
     font-size: 110%!important;
   }  
}
@media (min-width: 1200px) { 
  .menu-botton-box {
    font-size: 120% !important;
  }
  .nav-style {
     font-size: 108% !important;
   }  
 }