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

/*頁首-只頁籤有底色*/
@media only screen and (min-width: 768px){.topnavbar {
    background-color: #0048BA;
    padding: 0rem 0;
    background-image: linear-gradient(60deg, #F6F6F6 0%, #F6F6F6 100%);
    background-size: 100% 97px;
    background-repeat: no-repeat;}
}

#nav ul li.current a {color:  #ACE5EE;}
#nav ul li a{color:  #f9f9f9;}
#nav ul li a:hover {color: #ACE5EE;}

#nav .subnav{background-color: #0048BA;}
#nav ul li .subnav a {color:#f9f9f9;}
#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: #ffffff; background-color: rgb(31 119 182);}
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;}

#bodyinhome .fcol-3 {background-color: #1678bf;}
#bodyinhome .fcol-2 {background-color: #c0ddef;}

#wrap {background: #fbfbfb url(https://static.iyp.tw/1272/files/e226412c-c89e-4ebd-b815-198c64172b6a.png);}

body.about-us .fcol-6 {background-color: #1678bf; color: #fbfbfb;}

/*內文字型大小顏色*/
#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;}
#contact-info {color: #dadada;}

/*回最新消息*/
.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;
  padding-bottom: calc(600 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}
/*banner高度調整*/
@media only screen and (min-width: 768px){#banner {top: 167px;} #main-wrap {margin-top: 167px;} #ndc-banner-editor {top: 167px;}}