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

#nav ul li.current a {color:  #0bb732; background: #efefef; border-radius: 30px 0px 30px 0px;}
#nav ul li a{color:  #353535; font-size: 17px;}
#nav ul li a:hover {color: #0bb732; font-size: 17px; background: #efefef; border-radius: 30px 0px 30px 0px;}

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

ul.product-list li a{color: #ffffff;  background-image: linear-gradient(135deg, #5ed780 0%, #1683c2 100%);}
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;}

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

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

body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/409111/files/5382fa34-0f92-4f5c-b842-68ff120df7bf.jpg)no-repeat center left;
    background-attachment: fixed;
}

body.about-us .fcol-2 {
    background: #d5e9f1;
}

body.about-us .fcol-4 {
    background-image: linear-gradient(169deg, #5ed780 0%, #1683c2 100%);
}

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

@media only screen and (min-width: 768px){
#main-wrap {
    margin-top: 48px;
    z-index: 999;
}
  #banner {z-index: -1;}
}


/*內文字型大小顏色*/
#product-header, .fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {font-size: 17px;color: #444;}

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

/*產品介紹頁編輯框高度auto*/
body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }

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

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

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

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

/**/
.container1{perspective:1000;transform-style:preserve-3d;}
.container1,.front1,.back1{width:100%;height:200px;}
.flip1{position:relative;transition:0.6s;transform-style:preserve-3d;}
.front1,.back1{position:absolute;top: 0px;left: 0px;backface-visibility:hidden;}
.front1{z-index:2;}
.back1{transform:rotateY(-180deg);}
.container1:hover .flip1{transform:rotateY(180deg);}

@media only screen and (max-width: 414px) {
.container1, .front1, .back1 {
    width: 100%;
    height: 314px;
}}

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

/**/
#call {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 165px;
    position: fixed;
}
#toline {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 105px;
    position: fixed;
}

#fb {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 235px;
    position: fixed;
}

/*改變選單顏色*/
.navbar {
  background-color:#2e7cb3; /* 填入想要的顏色 */
}

.rwd-navbar-toggle .label {
    font-size: 20px !important;
}

.navbar .rwd-navbar-toggle {
  padding: 23px 70px 23px 12px;
}
.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;
  }
}