.phone{position:fixed;right:1%;top:50%;z-index:1000}
.cellphone{position:fixed;right:1%;top:57%;z-index:1000}
.email2{position:fixed;right:1%;top:64%;z-index:1000}

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

@media only screen and (min-width: 768px){#banner {top:128px; } #main-wrap {margin-top: 127px;} #ndc-banner-editor {top: 127px;}}

@media only screen and (min-width: 768px){.topnavbar {background-color: #2c2c2f;border-bottom: 5px solid #e73c1e;}}
@media only screen and (max-width: 450px) {#header{background-color: #2c2c2f;border-bottom: 5px solid #e73c1e;}}

/*logo選單左右分開*/
.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: #e73c1e;}
#nav ul li a{color:  #ffffff;}
#nav ul li a:hover {color:#ffffff; background: #e73c1e;}

#nav .subnav{background-color: #2c2c2f;}
#nav ul li .subnav a {color:#fff5d9; background: #e73c1e;}
#nav ul li .subnav a:hover {background: #2c2c2f;}

/* 產品格 */
ul.product-list li a{color: #ffffff; background-color:#2c2c2f; border-bottom: 5px solid #aaaaaa;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #e73c1e; border-bottom: 5px solid #e73c1e;}

ul.product-list li .desc {  color: #c5c5c5;}
ul.product-list li a.focus .desc, ul.product-list li a:hover .desc {
    color: #919191;}

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

/* 首頁與內頁共用 */
.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(600 / 1920 * 100%); /* 內頁 banner 大小 */
}

body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }

.h1title {color: #2c2c2f; border-bottom:1px solid#dddddd;font-family: 'Noto Sans TC', sans-serif;font-weight: 700;}

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

#bodyinpage {
  background-color: #ffffff;}

#bodyinhome .fcol-1 {
    padding: 3rem 0;
    background-image: -webkit-linear-gradient(top, rgb(44 44 47 / 60%) 20%, rgb(44 44 47 / 60%) 80%), url(https://static.iyp.tw/409814/files/b1e4cdb4-5c96-421d-8595-48c2476b593a.png)  ;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-attachment: scroll;
}
#bodyinhome .fcol-2 {
    padding: 3rem 0;
    background-image: url(https://static.iyp.tw/409814/files/3ed9b820-03eb-41f8-adc1-36f9fb8f6a92.png)  ;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-attachment: scroll;
}
#bodyinhome .fcol-5 {
    padding: 3rem 0;
    background-image: -webkit-linear-gradient(top, rgb(44 44 47 / 60%) 20%, rgb(44 44 47 / 60%) 80%), url(https://static.iyp.tw/409814/files/bcd11f0c-cc88-42d3-99d5-6dd8b5e2f04a.png)  ;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-attachment: fixed;
}
#bodyinhome .fcol-6 {display:none;}
#bodyinhome #footer {margin-top:-60px;}

/*按鈕-文字底色變化特效*/
.btn-1 {
    border: 2px solid #e73c1e;/*表格按鈕框線樣式*/
    color: #e73c1e;
    font-size: 16px;
}
.btn-1:hover{
    background-color: #e73c1e; /* 當滑鼠經過時按鈕表格底色變化 */
    color: #fff;/* 當滑鼠經過時按鈕表格文字變化 */
}
.custom-btn {
    padding: 5px 25px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    background: #fff;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
}

/*圖片滑過特效*/
.grow:hover
{
 -webkit-animation: swing 1s ease;
 animation: swing 1s ease;
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}