@media only screen and (min-width: 768px){.topnavbar {background-color:#141414; position: relative;/*banner不被遮住*/}}

#nav ul li.current a {color:#fff;}
#nav ul li a{color:#69E8FF;}
#nav ul li a:hover {color: #fff;}

/*.h1title {color: #5a5359; border-bottom:1px solid#dddddd;}*/

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;}

body {
    background-color: #222222;
    color: #e5e5e5;
}

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


#footer {
    background-color: #3C4142;
}



#news-content .news-box {
    background-color: rgb(214 245 248 / 76%);
    color: #fff;
}

.news .fcol .news-list li h3, .news .news.main-content li h3 {
    color: #fff;
}

#news-heading h3 {
    color: #fff;
}

#wrap {
    background: url(https://static.iyp.tw/409980/files/2c44e08b-fa3e-40f3-a7b0-1c8768b44f88.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

body.product .fcol-2, body.news .fcol-2 {
    display: none;
} {
    display: none;
}



@media only screen and (max-width: 428px) {
    .rwd-wrapper .col-4 {
        max-width: 50%;
    }
}

@media only screen and (max-width: 576px) {
 .rwd-wrapper .col-4 {
        max-width: 50%;
    }
}


body.about-us .fcol-5 {
    background: rgb(40 56 70 / 56%);
}

/*產品格調整*/
.productdetail .detail-spec h2 {
    color: #ffd438;
   text-shadow:none;
}

.productdetail .detail-spec b {
    display: none;
}

.productdetail .detail-desc b {
    display: none;
}

.productdetail .detail-img .main-image-area a {
    background: rgb(255 255 255 / 0%);
}

ul.product-list li .desc {
  color: #b3b3b3;}


/*內文字型大小顏色*/
#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;}

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

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

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


/*分頁h1title h1標題視覺隱藏但可讀取*/
.h1title h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); /* 舊版瀏覽器相容 */
  clip-path: inset(50%);  /* 現代標準寫法 */
  white-space: nowrap;
  border: 0;
}

#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 40px;    
    padding: 9px 15px;    
    font-size: 15px;
    border-radius:50%;
    background-color: hsla(240, 0%, 50%, 0.5) ;
    color: white;
    cursor: pointer;
}