@media only screen and (min-width: 768px){.topnavbar {background-color: #fbfbfb; background-image: url(https://static.iyp.tw/40290/files/b1706abd-6a5a-4e4e-86e1-c6b68bae7d43.png);}}

#wrap {
    background: url(https://static.iyp.tw/40290/files/979ede64-ef89-461c-810f-7bee2fb35d41.png);
}

#nav ul li.current a {color: #d82320; font-size: 17px; border-bottom: 3px solid #d82320;}
#nav ul li a{color:  #353535; font-size: 17px;}
#nav ul li a:hover {color: #d82320; border-bottom: 3px solid #d82320;}

#nav .subnav{background-color: #fff;}
#nav ul li .subnav a {color:#353535;}
#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: rgba(154, 9, 9, 0.8);}
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-1 {background: #e8e8e8;}
#bodyinhome .fcol-6, body.about-us .fcol-6 {
    background: url(https://static.iyp.tw/40290/files/8fd91e8c-d059-4ec4-8e27-e549f1a00258.jpg)no-repeat center top;
    background-attachment: fixed;
}
#bodyinhome #footer, body.about-us #footer {margin-top: -40px;}


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

/**/
.buttons-coll1 {
  width: 90%;
  margin: 5px auto;
  text-align: center;
}
button1 {
  margin: 20px;
}
.custom-btn1 {
  padding: 10px 65px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}

/**** BTN No. 1 ****/
.btn-1 {
  border: 2px solid #868686;
}
.btn-1:hover {
  background: #000;
  color: #fff;
}
.btn-1:active {
  top: 2px;
}
/*圖片*/
.row [class^="col-"] img{
  opacity:3;
    transition:0.7s
}
.row [class^="col-"] {
  padding:10px;
}
.picc {
  overflow:hidden;
}
.picc img:hover {
  transform:scale(1.2);
}

/*右邊浮動式按鈕*/
#yahoo {
    width: 60px;
    right: 5px;
    border-radius: 50%;
    z-index: 999;
    bottom: 50%;
    position: fixed;
}
#shopee {
    width: 60px;
    right: 5px;
    border-radius: 50%;
    z-index: 999;
    bottom: 40%;
    position: fixed;
}
#pchome {
    width: 60px;
    right: 5px;
    border-radius: 50%;
    z-index: 999;
    bottom: 30%;
    position: fixed;
}