@media only screen and (min-width: 768px){.topnavbar {background-color: #fbfbfb; border-top: 27px solid #23603f;}}

#wrap {
    background: #fbfbfb url(https://static.iyp.tw/40460/files/2805d1bc-69e9-466b-ba1d-bbbecb964d77.jpg)no-repeat center bottom;
    background-attachment: fixed;
}

#nav ul li.current a {color: #007245;}
#nav ul li a{color:  #353535; border-right: 2px dotted #74ab8d; padding: 8px 16px;}
#nav ul li a:hover {color: #007245;}

#nav .subnav{background-color: #fff;}
#nav ul li .subnav a {color:#353535; padding: 16px; border-right: 0px dotted #74ab8d; }
#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: #404040; background-color: rgba(154, 154, 154, 0.26);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #1c864f;}

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

#bodyinhome .fcol-2 {background-color: rgba(209, 229, 202, 0.11);}

#bodyinhome .fcol-3, body.about-us .fcol-4 {
    background-color: rgba(88, 88, 88, 0);
    background-image: linear-gradient(60deg, rgba(241, 241, 241, 0.6) 0%, rgba(183, 183, 183, 0.4) 100%);
    background-size: 100% 250px;
    background-repeat: no-repeat;
}


#footer {color: #cccccc; background: rgba(251, 251, 251, 0) url(https://static.iyp.tw/40460/files/5f912faa-6552-4cb0-9486-02491fc1b6c8.png) no-repeat top center}
#foot-nav {border-bottom: 1px solid #828282;}

/*內文字型大小顏色*/
#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: 156px;} #main-wrap {margin-top: 156px;} #ndc-banner-editor {top: 156px;}}

/*banner等比縮放*/
.swiper-container {
  height: auto !important;
}

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

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

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

/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 45px;
    line-height: 45px;
    background: #81c268;
    color: #fbfbfb;
}
#tb td a:hover {
    background: #d3e4c8;
    color: #444;
}

#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 165px;
    position: fixed;
}
#line {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 105px;
    position: fixed;
}