@media only screen and (min-width: 768px){.topnavbar {background-color: #fff; position: relative;/*banner不被遮住*/}}

#nav ul li.current a {color: #0c96e7;}
#nav ul li a{color:  #353535;}
#nav ul li a:hover {color: #0c96e7;}

#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 #fbfbfb;}

ul.product-list li a{color: #ffffff; background-image: linear-gradient(120deg, #cab5f7 0%, #46bedb 100%);}

ul.product-list li a:hover {color: #beecff;}

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


body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/409994/files/b831ec42-562d-41b4-addb-48736183bbdb.png) no-repeat center bottom;
}

body.about-us .fcol-4 {
    background: url(https://static.iyp.tw/409994/files/5ca1f686-bcae-4414-8a24-9474496c9ccc.png) no-repeat center top;
}

body.about-us .fcol-6 {
    background: url(https://static.iyp.tw/409994/files/41f269ef-c3a3-4250-82e9-3644ede0cc97.png) no-repeat center;
    background-size: cover;
}

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

#footer {
    color: #b6b6b6;
    background-image: linear-gradient(326deg, #432a5b 0%, #7b4286 11%, #438ba1 43%, #2b3256 72%, #8170a4 94%, #8270a6 100%);
}

@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%
    }
}

/*分頁h1title h1標題視覺隱藏但可讀取*/
.h1title h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); /* 舊版瀏覽器相容 */
  clip-path: inset(50%);  /* 現代標準寫法 */
  white-space: nowrap;
  border: 0;
}


/*內文字型大小顏色*/
#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){
.swiper-container {
  height: auto !important;
}

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

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

@media only screen and (max-width: 414px){

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

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

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

@media only screen and (max-width: 576px) {

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

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(800 / 700 * 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);
}