#phone {
    width: 65px;
    right: 10px;
    z-index: 999;
    bottom: 400px;
    position: fixed;
}
#cellphone {
    width: 65px;
    right: 10px;
    z-index: 999;
    bottom: 340px;
    position: fixed;
}
#email {
    width: 65px;
    right: 10px;
    z-index: 999;
    bottom: 280px;
    position: fixed;
}
#FB {
    width: 65px;
    right: 10px;
    z-index: 999;
    bottom: 220px;
    position: fixed;
}
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 5px 10px;    
    font-size: 16px;
    border-radius: 10px;
    background-color: hsla(240, 0%, 50%, 0.5) ;
    color: white;
    cursor: pointer;
}

/*banner高度調整*/
@media only screen and (min-width: 768px){#banner {top: 128px;} #main-wrap {margin-top: 128px;} #ndc-banner-editor {top: 128px;}}
@media only screen and (min-width: 768px){.topnavbar {background-color: #fff;}}

.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

#nav ul li.current a {color: #ffffff; background-color: #3d8e8c;}
#nav ul li a{color:  #353535;}
#nav ul li a:hover {color: #ffffff; background-color: #3d8e8c;}

/*iphone手機顯示調整*/
@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%}
}

/*手機板banner縮放*/
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(750 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}

body {
    background-color: #fff;/*背景底色*/
}

.h1title {
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 700;
  background-image: linear-gradient(to right, #3d8e8c, #39d1a1);
  border-radius: 0px 50px 0px 50px;
  font-size:30px;
}

/*產品頁面*/
ul.product-list li a{
    color: #fff;
    background-color: #3d8e8c;
    text-align: center;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #fff45c;}

/*內文字型大小顏色*/
.fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {
  color: #1b1b1b;
  line-height: 1.7;
  letter-spacing: 0.2em;
}

/*連結+指標滑過顏色*/
a {color: #1b1b1b;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #3d8e8c;}

/*關於我們*/
body.about-us .fcol-1 {
   background-repeat: no-repeat;
   background-position:top;
   background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
   background-image: url(https://static.iyp.tw/409729/files/f67435a8-e667-49d2-97c1-bad636485353.png);
}

body.about-us .fcol-2 {
    margin-top: -50px;
    background-color: #fff;
    width: 100%;
    padding: 2rem;
    background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(61 142 140/ 80%) 30%, rgb(57 209 161 / 50%) 80%), url(https://static.iyp.tw/409729/files/4aecb158-402c-4c4c-be17-c32c771d9031.png)  ;
}

body.about-us .fcol-3 {
   background-repeat: no-repeat;
   background-position:bottom;
   background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
   background-image: url(https://static.iyp.tw/409729/files/db176d38-4d10-4a84-81a2-40a6793644d0.png);
}

body.about-us .fcol-4 {
   background-repeat: no-repeat;
   background-position:top;
   background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
   background-image: url(https://static.iyp.tw/409729/files/24ef8702-9f3d-484a-99d7-a2bd3c58181a.png);
}

body.about-us .fcol-6  {display:none;}

body.about-us #footer {
  margin-top: -40px;}

body.product{
   background: url(https://static.iyp.tw/409729/files/9b1484ec-7331-461e-aec4-11b06e57dbf1.png)fixed bottom;
}

body.contact-us {
   background: url(https://static.iyp.tw/409729/files/9b1484ec-7331-461e-aec4-11b06e57dbf1.png)fixed bottom;
}

/*圖片放大透明*/
.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);
}

/*產品輪播*/
.rwd-table {
  	overflow-y: visible !important;
}
#myDiv img {
        max-width: none;
} 