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

#phone {
    width: 55px;
    right: 25px;
    z-index: 999;
    bottom: 275px;
    position: fixed;
}

#line {
    width: 55px;
    right: 25px;
    z-index: 999;
    bottom: 215px;
    position: fixed;
}


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

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

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

/*手機板banner縮放*/
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(700 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

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

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

/*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%}
}

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

.topnavbar {
  font-family: "Noto Sans TC", sans-serif;
  background-color: #1b1b1b;/*頁籤底圖顏色;background-color: rgba(255,255,255,0);透明Transparent*/
  position: relative;/*relative 頁籤&banner分開不重疊;頂置 fixed;*/
  padding: 0;/*頁籤間距*/
  box-shadow: 1px 1px 3px #424242;/*top陰影*/
}

.topnavbar .container {
  text-align: center;
  font-size: 0;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

#logo img {
    height: 55px;
}

#nav ul li.current a {color:#eee; background: 1b1b1b;}
#nav ul li a{color: #eee;}
#nav ul li a:hover {color: #eee;}

#nav .subnav{background-color: #313131;}
#nav ul li .subnav a {color: #fbfbfb; background-color: #313131;}
#nav ul li .subnav a:hover {background: rgba(0, 0, 0, 0.5);}

body {background-color: #fbfbfb;} /* 背景色 */

/*內文字型大小顏色*/
.fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {
  color: #1b1b1b;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

/*大標*/
.h1title {
  color: #1b1b1b; 
  text-align: center; 
  border-bottom:2px dashed #dddddd;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 700;
}
.h1title h1 {
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 700;
}

/*產品格子&超連結顏色*/
ul.product-list li a{color: #ffffff; background-color: rgba(0, 0, 0, 0.5);text-align: center;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #b4ff00;}

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

/*投影片播放 */
.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: 2em; /*箭頭大小*/
}

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

/*按鈕樣式*/
.snip1417 {
  font-family: "Noto Sans TC", sans-serif;
  border: none;
  background-color: #e30007;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  padding: 0px 30px;
  display: inline-block;
  text-transform: uppercase;
  line-height: 46px;
  font-weight: 400;
  font-size: 1em;
  outline: none;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  border-radius: 23px;
  letter-spacing: 2px;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
}
.snip1417:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: inherit;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.snip1417:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border: 5px solid #e30007;
  content: '';
  border-radius: inherit;
}
.snip1417:hover,
.snip1417.hover {
  background-color: #fc3b41;
  color: #ffffff;
}
.snip1417:hover:before,
.snip1417.hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 0.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);
}

/* ------------------------------------------每頁內容------------------------------------------ */

body.index .fcol-1 {
    background-color: #fff;
    padding: 3rem 0;
    background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:bottom;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(251 251 251 / 100%) 30%, rgb(251 251 251 / 80%) 80%), url(https://static.iyp.tw/409663/files/328f201c-b670-44a5-ac71-cff3a96917be.png)  ;
}

body.index .fcol-2 {
    background-color: #dcdcdc;
}
body.index .fcol-2 .container {
    width: 80%;
}

body.index .fcol-3 {
    background-color: #fff;
    padding: 2rem 0;
    background-attachment: fixed; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(20 20 20 / 100%) 30%, rgb(20 20 20 / 80%) 80%), url(https://static.iyp.tw/409663/files/631cfaeb-a86b-4669-8734-93093d1182f7.png)  ;
}

body.index .fcol-4 {
    background-color: #fff;
    padding: 2rem 0;
    background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(255 255 255 / 100%) 30%, rgb(255 255 255 / 80%) 80%), url(https://static.iyp.tw/409663/files/e9b1f663-2649-41d9-9cb8-3f4f57c37d68.png)  ;
}

body.index .fcol-5, .fcol-6 {
    display: none;
}

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

/*關於我們*/
body.about-us .fcol-1 .container {
    width: 75%;
}
body.about-us .fcol-1 {
    background-color: #fff;
    padding: 3rem 0;
    background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:bottom;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(251 251 251 / 100%) 30%, rgb(251 251 251 / 80%) 80%), url(https://static.iyp.tw/409663/files/328f201c-b670-44a5-ac71-cff3a96917be.png)  ;
}

body.about-us .fcol-2  {
    background-color: #dcdcdc;
    padding: 2rem 0;
    background-attachment: fixed; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(220 220 220 / 100%) 30%, rgb(220 220 220 / 80%) 80%), url(https://static.iyp.tw/409663/files/631cfaeb-a86b-4669-8734-93093d1182f7.png)  ;
}
body.about-us .fcol-2 .container {
    width: 80%;
}

body.about-us .fcol-3 .container {
    width: 75%;
}

body.about-us .fcol-5 {
    background-color: #fff;
    padding: 2rem 0;
    background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(255 255 255 / 100%) 30%, rgb(255 255 255 / 80%) 80%), url(https://static.iyp.tw/409663/files/e9b1f663-2649-41d9-9cb8-3f4f57c37d68.png)  ;
}

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

/*新產品介紹*/
body.newcar, body.contact-us {
    background-attachment: fixed; /*fixed固定背景; scroll捲動背景*/
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;/*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
    background-image: -webkit-linear-gradient(top, rgb(255 255 255 / 100%) 30%, rgb(255 255 255 / 80%) 80%), url(https://static.iyp.tw/409663/files/328f201c-b670-44a5-ac71-cff3a96917be.png);
}

body.newcar .fcol.fcol-2, .fcol-3 {
    display: none;
}

#side ul li.current>div a {
  color: #e30007;
  font-size: 16px;
}
#side ul li a {
    font-size: 16px;
    color: #999;
    display: block;
}