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

/*浮動按鈕*/
#call {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 225px;
    position: fixed;
}

#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 16px;
    border-radius:10px;
    background-color: hsla(240, 0%, 50%, 0.5) ;
    color: white;
    cursor: pointer;
}


#logo {
  display: block;
}

.topnavbar .container {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#nav {
    border-radius: 12px;
    font-weight: 700;
}
#nav ul li.current a {    
    color: #fbfbfb;
    background: #ec6941;}
#nav ul li a{color: #1a1a1a; padding: 10px 20px;}
#nav ul li a:hover {color: #ec6941; background: #fbfbfb;}

.h1title {color: #5a5359;
  border-bottom:1px dashed #b5b5b5;
  font-family: 'Noto Sans TC', sans-serif;
  line-height: 30px; 
  letter-spacing: 1.5px;
  font-weight: 700;
  text-align: center;
}

#wrap {
    background: url(https://static.iyp.tw/409839/files/5c2cf409-db6b-4a32-865c-8e35f514b5ff.png) fixed;
}

.swiper-container {
  height: auto !important; /* 將容器預設的高拿掉 */
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(750 / 1920 * 100%); /* 自定響應式圖片高度 */
}

.swiper-slide {
  width: 100% !important; /* 強制圖片寬度隨容器變更 */
}
/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(850 / 1920 * 100%); /* 首頁 banner 大小 */
}
/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(850 / 1920 * 100%); /* 內頁 banner 大小 */
}

/*ipheno尺寸調整*/
@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%
    }
}

/*內文字型大小顏色*/
.fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {
  line-height: 28px; 
  letter-spacing: 1.5px;
  font-family: 'Noto Sans TC', sans-serif;
}

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

body.about-us .fcol-2 {
    padding: 2rem 0;
    background-image: -webkit-linear-gradient(top, rgb(44 44 47 / 60%) 20%, rgb(44 44 47 / 60%) 80%), url(https://static.iyp.tw/409839/files/6ec43a8c-a4e8-44d7-a1f8-812317b9e335.png)  ;
   background-repeat: no-repeat;
   background-position:center;
   background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
   background-attachment: fixed;
}

body.about-us .fcol-3 .container {width: 70%;}
body.about-us .fcol-3 {
   padding: 2rem 0;
   background-image:url(https://static.iyp.tw/409839/files/20c20462-307b-4937-8f59-634afc807256.png);
   background-repeat: no-repeat;
   background-position:center;
   background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
   background-attachment: scroll;
}
body.about-us .fcol-4 {
   padding: 1rem 0;
   background-image:url(https://static.iyp.tw/409839/files/34c3514f-af2b-422e-835b-49efe14f33a5.png);
   background-repeat: no-repeat;
   background-position:center;
   background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
   background-attachment: scroll;
}
body.about-us .fcol-5 .container {
    padding: 0;
    width: 100%;}
body.about-us .fcol-5 {
    padding: 0;
}
body.about-us .fcol-5 .container>* {
    padding-left: 0;
    padding-right: 0;
}

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

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

ul.product-list li a{color: #202020; background-color: #ffffff;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #ec6941;}

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

fcol fcol-header #breadcrumb {
    padding: 0 16px;
    font-size: 16px;
    overflow: hidden;}

.snip1581 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px;
  min-width: 180px;
  max-width: 210px;
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  text-align: left;
  font-size: 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.snip1581 * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.snip1581 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1581 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.snip1581 h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 3px 0;
}
.snip1581 .title1 {
  font-weight: 700;
}
.snip1581 .title2 {
  color: #a58e7c;
  font-weight: 300;
}
.snip1581 .title3 {
  font-weight: 700;
  font-size: 15px;
}
.snip1581 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.snip1581:hover img,
.snip1581.hover img {
  -webkit-transform: scale(1.3) rotate(5deg);
  transform: scale(1.3) rotate(5deg);
}