@media only screen and (min-width: 768px){.topnavbar {background-color: rgb(12 185 215 / 12%);}}

@media only screen and (max-width: 414px) {.topnavbar .container {
    background: #10477c url(https://static.iyp.tw/41330/files/05cfb5e1-eac0-4f04-a9c1-b549a1b553c9.jpg)no-repeat center right;
    background-size: 100%;
}}

#header {background: #052c4e;}

#nav {
    background: #e1951a;
    border-bottom: 4px solid #337ab7;
    border-radius: 10px 10px 0px 0px;
}

#nav ul li.current a {color: #ffffff;}
#nav ul li a{color:  #0e2b42;}
#nav ul li a:hover {color: #ffffff;}

.h1title {color: #0f2636; border-bottom: 1px solid #0e2535;}

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: #0080FF;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #e5322d;}

.fcol.fcol-header {
    background: linear-gradient(-60deg,  #0091d0 60%, #df971c 0) no-repeat;
    background-size: 100%;
}

body.about-us .fcol-2 {
    background: #0e2b42 url(https://static.iyp.tw/41330/files/0ca812eb-befb-407f-85ce-456c8400b46c.jpg)repeat-y center;
    /*color: #fff;*/
    border-bottom: 8px solid #df971c;
    background-attachment: fixed;
}

#wrap {
    background: url(https://static.iyp.tw/41330/files/f60b0ef2-35ab-47f4-9d4e-e74957b7678c.jpg)no-repeat center;
    background-attachment: fixed;
}

#footer {background-color: #0072E3; background-image: linear-gradient(171deg, #0a69a0 17%, #0091d0 100%);}
#contact-info ul li span {color: #e2e2e2;}

/*內文字型大小顏色*/
#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;}

/*頁籤左右兩邊對齊*/
.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

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

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

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

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

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

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