@media only screen and (min-width: 768px){
  .topnavbar {background: linear-gradient(-60deg, #ad1515 55%, #000000 0) no-repeat;
  background-size: 100%;
 /* border-bottom: 10px solid #ad1515; */
  padding: 0rem 0;}
}

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

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

@media only screen and (max-width: 414px) {
  .topnavbar {background: linear-gradient(-60deg, #ad1515 55%, #000000 0) no-repeat;
  background-size: 100%;
  /* border-bottom: 10px solid #ad1515; */
  padding: 0rem 0;}
}
@media only screen and (max-width: 767px) {
  .topnavbar {background: linear-gradient(-60deg, #ad1515 55%, #000000 0) no-repeat;
  background-size: 100%;
  /*border-bottom: 10px solid #ad1515;*/
  padding: 0rem 0;}
}

#nav ul li.current a {color: #ffbc00;}
#nav ul li a{color: #ffffff;}
#nav ul li a:hover {color: #ffbc00;}

#nav .subnav{background-color: #ad1515;}
#nav ul li .subnav a {color: #ffffff; padding: 16px 50px;}
#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: #222222;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #b3b3b3; border-bottom: 5px solid #c71717;}

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

#bodyinhome .fcol-2 {
    background: #000 url(https://static.iyp.tw/42368/files/58016bc0-a90f-4457-ad93-a5d55adc49b0.jpg)no-repeat center;
}

#bodyinhome .fcol-3 {
    background: #cfcfcf url(https://static.iyp.tw/42368/files/9c9ffe35-a8aa-4f7b-9bc2-2f98193d4d1c.jpg)no-repeat center;
    background-size: cover;
}

#bodyinhome .fcol-3 .container {
    width: 100%;
}

body.about-us .fcol-5 {
    background: #000; border-bottom: 10px solid #ad1515;
}

body.about-us .fcol-4 {
    background-image: linear-gradient(to right, #fbfbfb 0, #d30f0f 70%);
}

body.contact-us .fcol-header {
    display: none;
}



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

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

/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(800 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(400 / 1920 * 100%); /* 內頁 banner 大小 */
}

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

/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #0c0c0c;
    color: #fbfbfb;
}
#tb td a:hover {
    background: #ad1515;
    transform: translateY(3px);
}
/*圖片放大透明*/
.picc { 
    opacity: 1; /* 透明度100% FireFox 的寫法 */ 
    filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */ 
    margin:0 auto;
    overflow: hidden;
} 
.picc img { 
    opacity: 1; 
    filter: Alpha(Opacity=100); 
  margin:0 auto;
  -webkit-transform: scale(1);
  -webkit-transition: 1s;
} 
.picc img:hover { 
  opacity: .5; /* 透明度50% FireFox 的寫法 */ 
  filter: Alpha(Opacity=50); /* 透明度50% IE 的寫法 */ 
  -webkit-transform: scale(1.05);
}


/**/
/*漢堡選單文字變大*/
.navbar .rwd-navbar-toggle {
  padding: 23px 70px 23px 12px;

}
.rwd-navbar-toggle .label { 
  font-size: 20px !important;
}
.navbar-icon-bar {
  width: 25px;
  height: 3px;
}
.navbar-icon-bar:before {
  top: -8px;
}
.navbar-icon-bar:after {
  top: 8px;
}
.navbar .rwd-navbar-toggle .label {
  left: 45px;
}
@media (max-width: 767px) {
  .navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
/*.rwd-navbar-toggle .label {
  font-size: 22px;
}*/

@media (max-width: 767px) {
  .rwd-navbar-toggle .label {
    color: #fbfbfb; /* 填入想要的顏色 */
  }
  .navbar-icon-bar {
    background-color: #fbfbfb; /* 填入想要的顏色 */
  }
  .navbar-icon-bar:before, .navbar-icon-bar:after {
    background-color:  #fbfbfb; /* 填入想要的顏色 */
  }
  .navbar-nav>li>a {
    color:  #fbfbfb; /* 填入想要的顏色 */
  }
  .navbar-nav .caret {
    border-top-color: #fbfbfb; /* 填入想要的顏色 */
  }
}
  @media only screen and (min-width: 768px) {
    .topnavbar {
      background-color: #000; /* 填入想要桌面版型的導覽列顏色 */
    }
  }
  .navbar {
    background-color: #000; /* 填入想要手機版型的導覽列想要的顏色 */
  }
  #nav ul li a {
    color: #fbfbfb; /* 填入想要桌面版型的導覽選項文字想要的顏色 */
  }