@media only screen and (min-width: 768px){.topnavbar {background-image: linear-gradient(to right, #292929 0%, #065008 100%);}}

#header{background-image: linear-gradient(to right, #292929 0%, #065008 100%);}

#wrap {
    background: url(https://static.iyp.tw/38983/files/b591656e-1cde-4e5a-85ff-f0b7480fc5ae.png)no-repeat bottom;
}

#nav ul li.current a {color: #f1a515;}
#nav ul li a{color:  #ffffff; background: url(https://static.iyp.tw/38983/files/aa66e84a-964d-4274-a379-2f5af03435f2.png) no-repeat left center;background-size: 20%; padding: 30px;}
#nav ul li a:hover {color: #f1a515;}

#nav .subnav{background-image: linear-gradient(to right, #292929 0%, #065008 100%);}
#nav ul li .subnav a {color:#ffffff;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1);}

.h1title {color: #5a5359;}

ul.product-list li a{color: #080808; background-color: rgba(181, 181, 181, 0.38);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #862d0a;}

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

.fcol.fcol-header {
    background-color: #ebf3e4;
    border-bottom: 2px solid #c3ccb7;
}

#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #ffffff;
}
#tb td a:hover {
    background: #0e470f;
    color: #FFF;
}

#bodyinhome .fcol.fcol-2 {background-color: #eaeaea;}

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

/*banner高度調整*/
@media only screen and (min-width: 768px){#banner {top: 129px;} #main-wrap {margin-top: 129px;} #ndc-banner-editor {top: 129px;}}

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

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

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