@media only screen and (min-width: 768px){.topnavbar {background-color: rgb(251 251 251 / 20%); padding: 0rem 0;}}

@media (min-width: 1200px){
body[data-type="fullpage"] .topnavbar .container {
    width: 90%;
}}

#nav ul li.current a {color: #ffffff; background: #2b3f6c; border-bottom: 3px solid #ff9700; border-radius: 26px 3px 10px 3px;}
#nav ul li a{color:  #353535;}
#nav ul li a:hover {color: #ff9700;}

#nav .subnav{background-color: #2b3f6c;}
#nav ul li .subnav a {color:#fbfbfb; background: #2b3f6c; border-bottom: 0px solid #ff9700;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1); border-radius: 0px;}

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

ul.product-list li a{color: #2a2a2a; background-color: rgb(88 88 88 / 11%);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #ff9700;}

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

body {
  background-color: #ffffff;}

#bodyinhome .fcol-1 {
    background: linear-gradient(180deg, transparent 236px, #1f2d4a 0) no-repeat;
    background-size: 100%;
}
#bodyinhome .fcol-2 {
    background: linear-gradient(100deg, transparent 48%, #efefef 0) no-repeat;
    background-size: 100%;
}
#bodyinhome .fcol-3 {
    background:#efefef; margin-top: -16px;
}
#bodyinhome .fcol-4 {
    background: linear-gradient(80deg, transparent 50%, #efefef 0) no-repeat;
    background-size: 100%;
    border-bottom: 9px solid #ec971f;
}

#bodyinhome .fcol-5, #bodyinhome .fcol-6 {
    display: none;
}
#bodyinhome #footer {
    margin-top: -40px;
}

body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/42993/files/6e9e2fed-8871-4654-b34a-4ef74c21f944.jpg)no-repeat right center;
}

body.about-us .fcol-3 {
    background: #e9e9e9;
}

body.about-us .fcol-4 {
    background: linear-gradient(236deg, transparent 50%, #1f3150 0) no-repeat;
    background-size: 100%;
}

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


/* 首頁與內頁共用 */
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
}

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

/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(800 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(500 / 1920 * 100%); /* 內頁 banner 大小 */
}

/**/
.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: .9; /* 透明度50% FireFox 的寫法 */ 
  filter: Alpha(Opacity=90); /* 透明度50% IE 的寫法 */ 
  -webkit-transform: scale(1.05);
}