@media only screen and (min-width: 768px){.topnavbar {background: linear-gradient(65deg, transparent 699px, #1fb55b 0) no-repeat; background-size: 100%; padding: 0rem 0;}}

.topnavbar .container {
  text-align: justify;
  font-size: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

#nav ul li.current a {color:#5a3f37;  font-size: 17px;}
#nav ul li a{color: #ffffff;  font-size: 17px;}
#nav ul li a:hover {color: #5a3f37;  font-size: 17px;}

.h1title {
    color: #dde5de;
    border-bottom: 6px solid #1fb55b;
    background:#5a3f37;
}

.fcol-header {
    background: #5a3f37;
}

body[data-type="fullpage"]:not(#managehome) #wrap>*:not(:last-child) {
    margin-bottom: 0px;
}

ul.product-list li a{color: #ffffff; background-color: #1fb55b;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #fce1b8;}

#breadcrumb li a {
    color: #e3e3e3;
}
#breadcrumb li {
    color: #e3e3e3;
}

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

body.news .fcol-2 {
    display: none;
}

/*內文字型大小顏色*/
#product-header, .fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {font-size: 16px;color: #444;}

/*回最新消息*/
.back>a, .btn-search, .btn-style, input[type="submit"] {border: 1px solid #505050; background-color: #8a8a8a;}


/*產品介紹頁編輯框高度auto*/
body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }

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

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

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

/**/
.owl-carousel.owl-theme {
  padding: 0 1rem 2rem;
}
.owl-carousel.owl-theme .owl-nav {
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.owl-carousel.owl-theme .owl-dots {
  bottom: 0;
}
.owl-carousel.owl-theme button:focus {
  outline: none;
}
.owl-carousel.owl-theme .owl-nav,
.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
  float: left;
  transform: translateX(-100%);
}
.owl-carousel.owl-theme .owl-nav .owl-next {
  float: right;
  transform: translateX(100%);
}
.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover{
  background: none;
  color: inherit;
}
.owl-carousel.owl-theme .owl-nav .fa{
  font-size: 3em; /*箭頭大小*/
}

.editmode .owl-carousel.owl-loaded {
  display: flex;
  flex-wrap: wrap;
}
.editmode .owl-carousel > div {
  flex: 0 0 25%;
  max-width: 25%;
}