@media only screen and (min-width: 768px){.topnavbar {background-color: #fbfbfb; padding: 0rem 0;}}

body.about-us .fcol.fcol-2 {    background: rgba(0,0,0,0.1);}

#nav ul li a {
    white-space: nowrap;
    color: #333;
    line-height: 1.3;
      font-weight: bold;
    padding: px 15px;
    font-size: 95%;
    border-right: 1px #888 dotted;
}


#nav ul li a:hover{
  background: #31983f;
  color: #fff;
}

#nav ul li.current a {
      background: #366c35;
      color: #fff;
      font-weight: 600;
}

.h1title {color: #32572c; border-bottom:1px solid#dddddd;}

ul.product-list li a:hover {
    color: #fff;
    background-color: rgba(58,164,60,0.58);
}

ul.product-list li a {
    color: #000;
    background-color: rgba(58,164,60,0.84);
}

a {color: #46413e;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #e5322d;}

#footer {    background-color: #0c380d;}

.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(700 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}