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

@media only screen and (max-width: 410px) {.topnavbar .container {background: #e05454;}}

.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

#nav ul li.current a {color: #ffa252;border-bottom: 1px double #ffa252;border-top: 1px double #ffa252;}
#nav ul li a{color: #ffffff;}
#nav ul li a:hover {color: #ffa252;color: #ffa252;border-bottom: 1px double #ffa252;border-top: 1px double #ffa252;}

.h1title {
    color: #a40000;
    text-align: center;
    border-bottom: 1px solid #c3a8a8;
    background: url(https://static.iyp.tw/41403/files/9402a138-55de-40f5-a67f-4736b6d3bccd.png)no-repeat center bottom;
    padding-bottom: 25px;
}

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-2 {
    background: #c33636 url(https://static.iyp.tw/41403/files/e8d11aba-9749-47f7-9a6d-821ee6f22fe1.jpg)no-repeat center;
    color: #fbfbfb;
    background-attachment: fixed;
}

body.about-us .fcol-3 {
    background: #e05454;
    color: #fbfbfb;
}

#wrap {
    background: url(https://static.iyp.tw/41403/files/80e8769b-3538-46a5-b1c3-03e3691db0f5.jpg)no-repeat center;
    background-attachment: fixed;
}

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

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

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

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

/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #fbfbfb;
}
#tb td a:hover {
   background: #e05454;
   color: #fbfbfb;
}