@media only screen and (min-width: 768px){.topnavbar {background-color: #30609b;}}

@media only screen and (max-width: 414px) {
.topnavbar {
    background: #30609b;
}}

@media only screen and (max-width: 576px) {
.topnavbar {
    background: #30609b;
}}


#nav ul li.current a {color: #ffda1c;}
#nav ul li a{color:  #e5e5e5;}
#nav ul li a:hover {color: #ffda1c;}

.h1title {color: #fbfbfb; border-bottom:1px solid #dddddd; background: url(https://static.iyp.tw/409591/files/c008f3cc-c527-4ade-9380-f50260b121cf.png) no-repeat center left;}


ul.product-list li a{color: #ffffff; background-color: rgba(88, 88, 88, 0.38);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #fce1b8;}

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

body.news .fcol.fcol-2 {
    display: none;
}

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

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

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

body.about-us .fcol-2 .container {
    padding: 2px 0px;
}

#wrap {
    background: url(https://static.iyp.tw/409591/files/8fc554f6-48fd-4218-bffa-5df878120b4c.png) no-repeat bottom center;
}

.fcol-header {
    background: url(https://static.iyp.tw/409591/files/d5c3cdd9-1eb8-45f7-b21a-f33b154ddb67.png) no-repeat right center;
}

body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/409591/files/95a829b9-f9d8-4ec4-8b23-444a69b3d236.png) no-repeat center;
}

@media only screen and (max-width: 414px) {
body.about-us .fcol-3 {
    background: #30609b url(https://static.iyp.tw/409591/files/95a829b9-f9d8-4ec4-8b23-444a69b3d236.png) no-repeat center;
}}

@media only screen and (max-width: 576px) {
body.about-us .fcol-3 {
    background: #30609b url(https://static.iyp.tw/409591/files/95a829b9-f9d8-4ec4-8b23-444a69b3d236.png) no-repeat center;
}}

#footer {
    color: #b6b6b6;
    background-color: #1c3656;
}

body.about-us .fcol-2, body.about-us .fcol-1 {
    background: url(https://static.iyp.tw/409591/files/8eba4974-4169-4ce6-905d-3c32ea21aa60.jpg) no-repeat center;
    background-attachment: fixed;
}

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

/*內文字型大小顏色*/
#product-header, .fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {font-size: 16px;color:#444;}

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

/*banner高度調整*/
@media only screen and (min-width: 768px){#banner {top: 128px;} #main-wrap {margin-top: 128px;} #ndc-banner-editor {top: 128px;}}

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

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

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

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

#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 170px;
    position: fixed;
}



#line {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 100px;
    position: fixed;
}