.topnavbar {
   background: linear-gradient(260deg, transparent 60px, #ff6715 0) no-repeat;
   background-color: #fff;
   position: relative;
   background-size: 50%;
   z-index:200;
   width:100%;
   padding: 5px;
}

.topnavbar .container {
  text-align: justify;
  font-size: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

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

body {
  background-color: #fff;}

@media only screen and (min-width: 400px) and (max-width: 1024px) {
.topnavbar {
   background-color: #ff6715;
   padding: 5px;
   display: inline-block;}
}

@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%
    }
}

#nav ul li.current a {color:  #ff6715;}
#nav ul li a{color: #1b1b1b; font-size: 17px;}
#nav ul li a:hover {background-color: #ff6715;color: #fff; font-size: 17px;}

.h1title {display: none;color: #5a5359; border-bottom:2px outset #dddddd;}

ul.product-list li a{color: #323232; background-color: rgb(173 173 173 / 38%);text-align: center;border-radius: 20px;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #ff6715;}
a {color: #ff6715;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #ff6715;}

/*頁尾背景及字體顏色*/
#footer {
    color: #fff;
    background-color: #1b1b1b;
}  

#contact-info ul li span {
    color: #FFFFFF;
}

body.about-us .fcol-1 {
    background: url(https://resource.iyp.tw/static.iyp.tw/22143/files/247ced41-b65e-4f74-81c3-e21596e70490.png)no-repeat bottom;
    background-attachment: fixed;
    background-size: 100%;
    margin-top: -80px;
}

body.about-us .fcol-3 {
    background: url(https://resource.iyp.tw/static.iyp.tw/22143/files/cadb0556-7d09-4c79-97c8-a3fa35436705.png)no-repeat top;
    background-size: 100%;
}

body.about-us .fcol-4 {
    display: none;
    background: linear-gradient(0deg, transparent 283px, #3498db 0) no-repeat;
    background-size: 100%;
}

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

body.about-us .fcol-6 {
    display: none;
    color: #fbfbfb;
    background-attachment: fixed;
    background-size: cover;
}

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

body.product {
    background: url(https://resource.iyp.tw/static.iyp.tw/22143/files/247ced41-b65e-4f74-81c3-e21596e70490.png)no-repeat top;
    background-size: 100%;
    background-attachment: fixed;
}

body.news {
    background: url(https://resource.iyp.tw/static.iyp.tw/22143/files/247ced41-b65e-4f74-81c3-e21596e70490.png)no-repeat top;
    background-size: 100%;
    background-attachment: fixed;
}

body.contact-us {
    background: url(https://resource.iyp.tw/static.iyp.tw/22143/files/247ced41-b65e-4f74-81c3-e21596e70490.png)no-repeat top;
    background-size: 100%;
    background-attachment: fixed;
}

/*回最新消息*/
.back>a, .btn-search, .btn-style, input[type="submit"] {border: 1px solid #505050; background-color: #8a8a8a;}


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


.swiper-container {
  height: auto !important;
}

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

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

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