@media only screen and (min-width: 768px){.topnavbar {background-color: #2f2f2f;}}

@media only screen and (max-width: 414px) {.topnavbar {
    background: #2f2f2f;
}}

#nav ul li.current a {color: #ffe000;}
#nav ul li a{color:  #e4e4e4;}
#nav ul li a:hover {color: #ffe000;}

.h1title {color: #5a5359; border-bottom:1px solid #dddddd;}

ul.product-list li a{color: #ffffff; background-color: rgba(88, 88, 88, 0.38);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #fce1b8;}

a {color: #46413e;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #e5322d;}

body.about-us .fcol-4 {
    background: url(https://static.iyp.tw/41656/files/19a68659-f55e-4676-ab2a-8c2623c8a267.jpg)no-repeat center;
    background-attachment: fixed;
}

.fcol.fcol-header {
    background: url(https://static.iyp.tw/41656/files/2ae2f37f-1f74-4c76-8467-3cc9a571c8c1.jpg)no-repeat top;
}

#wrap {
    background: url(https://static.iyp.tw/41656/files/c6269b72-05a6-4fec-9898-e02c2023c9e8.jpg)no-repeat bottom;
}

#footer {
    background-image: url(https://static.iyp.tw/41656/files/a9b71705-38c3-4a83-844f-a4f54d082dae.jpg);
    background-position: center top;
}

/*banner高度調整*/
@media only screen and (min-width: 768px){#banner {top: 128px;} #main-wrap {margin-top: 128px;} #ndc-banner-editor {top: 128px;}}

/*內文字型大小顏色*/
#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;}

/*banner高度調整*/
@media only screen and (min-width: 768px){#banner {top: 128px;} #main-wrap {margin-top: 128px;} #ndc-banner-editor {top: 128px;}}

/*產品介紹頁編輯框高度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;
}