@media only screen and (min-width: 768px){.topnavbar {background: #1d1d1d url(https://static.iyp.tw/31618/files/0fc2c6d5-52e2-41dd-95b8-d1eecccef842.jpg)no-repeat center; padding: 0rem 0;}}

#nav ul li.current a {color: #ff5e55;}
#nav ul li a{color: #e9e9e9;}
#nav ul li a:hover {color: #ff5e55;}

.h1title {color: #5a5359; border-bottom:1px solid #dddddd;}

ul.product-list li a{color: #ffffff; background-color: rgb(46 46 46 / 89%);}
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: #1c1c1c;
    color: #fbfbFb;
}

body.about-us .fcol-3 {
    background: rgb(223 223 223 / 45%);
}

#wrap {
    background: url(https://static.iyp.tw/31618/files/f9544490-fb55-4436-8f34-3eab6b722391.jpg)no-repeat center bottom;
    background-attachment: fixed;
}

/*產品介紹頁編輯框高度auto*/
body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }

/*內文字型大小顏色*/
#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;}}


/*圖片輪播*/
.slideshow {
    border: 5px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: relative;
    width: 100%;
    height:305px;
}
.slideshow > img {
    -webkit-animation:slideshow 12s infinite;
    animation:slideshow 12s infinite;
    opacity: 0;
    position: absolute;
    width:100%;
}

@-webkit-keyframes slideshow{   
  25%{opacity:1;}
  40%{opacity:0;}
}
@keyframes slideshow{   
  25%{opacity:1;}
  40%{opacity:0;}
}

.slideshow {
    max-width: 100%;
}

.slideshow > img:nth-child(4){
  -webkit-animation-delay:0s;
  animation-delay:0s;
}
.slideshow > img:nth-child(3){
  -webkit-animation-delay:5s;
  animation-delay:4s;
}
.slideshow > img:nth-child(2){
  -webkit-animation-delay:10s;
  animation-delay:8s;
}
.slideshow > img:nth-child(1){
  -webkit-animation-delay:15s;
  animation-delay:12s;
}

/**/
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(600 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}