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

#nav ul li.current a {color:  #e10707;}
#nav ul li a{color:  #353535; }
#nav ul li a:hover {color: #e10707; }

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

ul.product-list li a{color: #ffffff; background-color: rgba(181, 20, 20, 0.64);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #040404;}

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

#wrap {
    background: url(https://static.iyp.tw/4073/files/097c49fd-5526-4ba7-8b8d-02091d748f6a.png);
}

body.about-us .fcol.fcol-3 {
    background: url(https://static.iyp.tw/4073/files/d44f9ed6-45a3-4d49-813f-03410fef0fe5.jpg) no-repeat bottom;
}

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

/*內文字型大小顏色*/
#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: 128px;} #main-wrap {margin-top: 128px;} #ndc-banner-editor {top: 128px;}}