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

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


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

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

#nav ul li.current a {color:  #fdd100;}
#nav ul li a{color:  #a1e1ff;}
#nav ul li a:hover {color: #fdd100;}

#nav .subnav{background-color: #004153;}
#nav ul li .subnav a {color:#a1e1ff;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1);}

.h1title {color: #5a5359; border-bottom:1px solid #dddddd;}

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

#bodyinhome .fcol-1 {
    background-color: #004153;
    color: #fbfbfb;
}
@media only screen and (max-width: 414px) {#bodyinhome .fcol-1 {
    margin-top: -41px;
}}

#bodyinhome .fcol-4, body.flat-configuration .fcol-6 {
    background: #dfdfdf url(https://static.iyp.tw/409094/files/b4813f3f-c5a9-46d5-8c83-bfffdf127817.jpg)no-repeat center;
} 

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

#bodyinhome .fcol-2 {
    background: url(https://static.iyp.tw/409094/files/ff784a5a-013b-46c6-ac81-e2c062347dc1.jpg)no-repeat right top;
}

#bodyinpage .fcol-header {
    display: none;
}

body.contact-us  #wrap {
    background: url(https://static.iyp.tw/409094/files/729eecb5-a41a-4a52-aaff-52d06ff23db9.jpg)no-repeat bottom center;
}

body.about-us  #wrap {
    background:  #004153;
}

body.flat-configuration .fcol-3 .container {
    background: #f1f0e6;
    border-radius: 35px;
    padding: 25px;
}

body.flat-configuration .fcol-4 .container {
    background: #f1f0e6;
    border-radius: 35px;
    padding: 25px;
    margin-top: 25px;
}

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

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

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

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

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

#call {
    width: 55px;
    right: 12px;
    z-index: 999;
    bottom: 35%;
    position: fixed;
}