@media only screen and (min-width: 768px){.topnavbar {background: #222 url(https://static.iyp.tw/408955/files/e0f8e619-3f94-4c24-bcfa-35adbf60869a.jpg)no-repeat center;}}

#header {background-color: #222;}

#wrap {background-color: #191919;}

#nav ul li.current a {color: #58beff;}
#nav ul li a{color: #ededed;}
#nav ul li a:hover {color: #ffd224;}


.h1title { color: #f3f3f3; border-bottom: 1px solid #404040;}

/*side文字調整*/
#side ul li a {color: #b1b1b1; font-size: 15px;}
#side ul li a:hover {color: #eacd76;background-color: rgba(0,0,0,0.3);}
#side ul li.current>div a {color: #eacd76;}

.product-list-div h2 {border-bottom: 1px solid #505050; text-shadow: 0 1px 0 #000;}
.product-list-div h2 a {color: #cecece;}

ul.product-list li a{color: #ffffff; background-color: rgba(88, 88, 88, 0.38); border: 0px solid #191919;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #eacd76;}

/*產品名稱*/
.productdetail .detail-spec h2 {color: #fff; text-shadow: 0 1px 0 #000;}
.productdetail .detail-spec b {
    color: #ececec;
    box-shadow: 0 1px 0 #929292;
    background-color: rgba(255, 255, 255, 0.25);
    text-shadow: 0 1px 0 #000;
}

a {color: #46413e;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #e5322d;}
#news-content .news-box {background-color: #191919;}
.back>a, .btn-search, .btn-style, input[type="submit"] {border: 1px solid #9a9a9a; background-color: #797877;}

#footer {background-color: #000;}

/*內文字型大小顏色*/
#product-header, .fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {font-size: 16px; color: #fbfbfb;}
#contact-info {color: #dadada;}
.news .fcol .news-list li a, .news .news.main-content li a {color: #b3b3b3;}

body.about-us .fcol-2 {
    background: #1a1416 url(https://static.iyp.tw/408955/files/bc6bce7f-5519-4cb1-97cc-444983cfb52f.jpg)no-repeat center;
    background-attachment: fixed;
}

/*產品介紹頁編輯框高度auto*/
body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }

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

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

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

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

/**/
.slideshow {
    position: relative;
    margin: auto;
    overflow: hidden;
    height: 395px;
    width: 100%;
}
.slideshow img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #45b6d1;
    color: #000;
}
#tb td a:hover {
    background: #00587a;
    color: #fff;
}