@media only screen and (min-width: 768px){
    .topnavbar{background-color: rgb(251 251 251 / 50%);
    background-image: url(https://static.iyp.tw/42959/files/d9341e62-a9fd-4c0c-b37d-5baaf4c38fed.png),url(https://static.iyp.tw/42959/files/94a87a2b-b568-485f-a431-c173dbff36f4.jpg);
    background-repeat: no-repeat;
  background-position: right, bottom center;}}

@media only screen and (max-width: 414px) {
.topnavbar{background-color: #fbfbfb;
    background-image: url(https://static.iyp.tw/42959/files/94a87a2b-b568-485f-a431-c173dbff36f4.jpg);
    background-repeat: no-repeat;
  background-position: bottom right;
    background-size: 100%;}
}

#nav ul li.current a {color: #d9ffb6;}
#nav ul li a{color: #ffffff; text-shadow: 1px 1px 5px black;}
#nav ul li a:hover {color: #d9ffb6;}

#nav .subnav{background-color: #fff;}
#nav ul li .subnav a {color:#353535; text-shadow: 0px 0px 0px black;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1); text-shadow: 0px 0px 0px black;}

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

#side ul li a:hover {
    background-color: rgb(222 236 245);
    border-radius: 30px;
}
#side ul li.current>div a {
    color: #1589db;
}

ul.product-list li a{color: #094d74; background-color: #fbfbfb;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #ffffff;
    background-image: linear-gradient(304deg, #1a80d3 0%, #b5f76e 100%);}

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

/*body.about-us .fcol-2 .container {
    width: 100%;
}*/

body.about-us .fcol-3 .container {
    background: #fbfbfb;
}
body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/42959/files/c5ea5dd4-cea5-4d2e-9ed2-0e09fc920bfe.jpg)no-repeat right;
    background-attachment: fixed;
}

body.about-us .fcol-6 {
    background: url(https://static.iyp.tw/42959/files/89642596-e434-4bd6-8235-fb91157ad5b5.png)no-repeat bottom center;
}

body.about-us .fcol-5 {
    background: #e8eff5;
}

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

body.about-us .fcol-4 {
    background: url(https://static.iyp.tw/42959/files/bdc03bac-fbe4-4cdc-bad3-077253ba4298.png)no-repeat right bottom;
}

#bodyinhome .fcol-6 {
    background: #e9eff7;
}

#bodyinhome #footer {
    margin-top: -40px;
}

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

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

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


/**/
.owl-carousel.owl-theme {
  padding: 0 1rem 2rem;
}
.owl-carousel.owl-theme .owl-nav {
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.owl-carousel.owl-theme .owl-dots {
  bottom: 0;
}
.owl-carousel.owl-theme button:focus {
  outline: none;
}
.owl-carousel.owl-theme .owl-nav,
.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
  float: left;
  transform: translateX(-100%);
}
.owl-carousel.owl-theme .owl-nav .owl-next {
  float: right;
  transform: translateX(100%);
}
.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover{
  background: none;
  color: inherit;
}
.owl-carousel.owl-theme .owl-nav .fa{
  font-size: 3em; /*箭頭大小*/
}

.editmode .owl-carousel.owl-loaded {
  display: flex;
  flex-wrap: wrap;
}
.editmode .owl-carousel > div {
  flex: 0 0 25%;
  max-width: 25%;
}

/**/
/*圖片放大透明*/
.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: 35px;
    line-height: 35px;
    background-image: linear-gradient(304deg, #1a80d3 0%, #b5f76e 100%);
    color: #fbfbfb;
  border-radius: 30px;}
#tb td a:hover {
    background: #0f4089;
}