@media only screen and (min-width: 768px){.topnavbar {background-color:rgb(255 255 255 / 0%); background-image:linear-gradient(to top, rgb(0 0 0 / 0%) 10%, rgb(0 0 0 / 16%) 35%, rgb(0 0 0 / 89%) 100%);}}

.topnavbar .container {
  text-align: right;
}

#nav ul li.current a {color: #ffd356;}
#nav ul li a{color: #ffffff; text-shadow: 1px 1px 5px black;}
#nav ul li a:hover {color: #ffd356;}

#nav .subnav{background-color: #fff;}
#nav ul li .subnav a {color:#353535;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1);}

.h1title {color: #5a5359; border-bottom:1px solid #dddddd;}

ul.product-list li a{color: #1d1d1d; background-color: rgb(230 216 216 / 38%);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #6b2828;}

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

/*內文字型大小顏色*/
#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;}

/* 首頁與內頁共用 */
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
}

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

/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(900 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(600 / 1920 * 100%); /* 內頁 banner 大小 */
}