@media only screen and (min-width: 768px){.topnavbar {background-color: #fff;}}

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

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

#nav ul li.current a {color: #f7f7f7; background: #bd4f4f;}
#nav ul li a{color: #ffffff; background: #6db6d9; border: 2px solid #fbfbfb;}
#nav ul li a:hover {color: #f7f7f7; background: #bd4f4f;}

.h1title {color: #5a5359; border-bottom:1px solid #dddddd; text-align: center; }

ul.product-list li a{color: #282828; background-color: #d5e2eb;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #0a60a9;}

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

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

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

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

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

body.about-us .fcol-3 {
    background-image: linear-gradient(to top, #fbfbfb 0%, #fbfbfb 30%, #a6cad1 48%, #9ec6cd 55%, #d5e2eb 78%, #fbfbfb 90%, #fbfbfb 100%);
}

body.about-us .fcol-5 {
    background: url(https://static.iyp.tw/409440/files/bd87a78c-a047-495b-aada-ab37c2d85d68.jpg) no-repeat center bottom;
}

body.about-us .fcol-6 {
    display: none;
}

body.about-us #footer {
    margin-top: -40px;
}


/*圖片透明效果*/
.img3{
    opacity: 1.0; //設為完全不透明
    filter: alpha(opacity=50); // IE8 與更早的版本
}
.img3:hover{
    opacity: 0.5; //透明度設為 0.5
    filter: alpha(opacity=100); // IE8 與更早的版本
}

/*圖片放大透明*/
.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);
}

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

/*回最新消息*/
.back>a, .btn-search, .btn-style, input[type="submit"] {border: 1px solid #505050; background-color: #8a8a8a;}


@media only screen and (max-width: 576px) {
    .rwd-wrapper .col-2 {
        -webkit-flex:0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

/*產品介紹頁編輯框高度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;}}


/*漢堡選單文字變大*/
.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;
  }
}
/**/
  .navbar {
    background-color: #004476; /* 填入想要手機版型的導覽列想要的顏色 */
  }

@media (max-width: 767px) {
  .rwd-navbar-toggle .label {
    color: #fff; /* 填入想要的顏色 */
  }
  .navbar-icon-bar {
    background-color:  #fff; /* 填入想要的顏色 */
  }
  .navbar-icon-bar:before, .navbar-icon-bar:after {
    background-color: #fff; /* 填入想要的顏色 */
  }
  .navbar-nav>li>a {
    color:  #fff; /* 填入想要的顏色 */
  }
  .navbar-nav .caret {
    border-top-color:  #fff; /* 填入想要的顏色 */
  }
}

/**/
@media only screen and (max-width: 767px) {
    .rwd-navbar-toggle:before,
    .rwd-side {
      background-color: #004476; /* 填入想要手機版型的選單背景顏色 */
    }
    .rwd-side a {
      color: #fff; /* 填入想要手機版型的選單選項的文字顏色 */
    }
    .rwd-side .product-search input[type="text"],
    .rwd-side .product-search input[type="text"]:focus {
      background-color: #004476; /* 填入想要手機版型的搜尋輸入匡的背景顏色 */
    }
    /*.rwd-side .nav li {
      border-bottom: 1px #ccc solid;
    }*/
    .rwd-side .language > a {
      padding-left: 0px;
    }
  }