@media only screen and (min-width: 768px){.topnavbar {background-color: rgba(212, 200, 200, 0); padding: 0rem 0;}}

.topnavbar .container {
  text-align: center;
}

#nav ul li.current a {color: #a81919; border-bottom: 5px solid;}
#nav ul li a{color:  #353535;}
#nav ul li a:hover {color: #a81919;}

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

.h1title {color: #1c8c1e; /*border-bottom:1px solid #dddddd;*/ text-align: center; padding-top: 80px;}

.fcol-header .container {
    background-image: url(https://static.iyp.tw/41438/files/a2b652b6-1933-4904-ae76-a0386516b2a9.png),url(https://static.iyp.tw/41438/files/53c2e5f2-43a2-48de-89a8-0d6ac72b6f8f.jpg);
    background-repeat: no-repeat;
    background-position: center top, center bottom;
}

ul.product-list li a { color: #040404; background-color: rgb(13 119 41 / 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-3 {
    background: url(https://static.iyp.tw/41438/files/5c55a4d9-3cad-4091-8b73-1403211bfca1.jpg)no-repeat center;
    background-size: cover;
}

#bodyinhome .fcol-4 {
    background: url(https://static.iyp.tw/41438/files/a2729c29-de3c-4362-b10c-85e5303beb88.jpg)no-repeat center;
    background-size: cover;
}

#bodyinhome .fcol-4 .container {
    background: rgb(0 0 0 / 37%);
    border-radius: 38px 38px 0px 0px;
}

#bodyinhome .fcol-5, #bodyinhome .fcol-6 {display: none;}

#bodyinhome #footer {margin-top: -40px;}

#footer { background-color: #142111;}

#bodyinpage #wrap {
    background: url(https://static.iyp.tw/41438/files/e08eff80-eddf-4064-888b-0f7bd9708b63.jpg)no-repeat bottom center;
}

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

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

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

#call {
    width: 55px;
    right: 10px;
    background: rgba(250,209,0,0);
    border-radius: 50%;
    z-index: 999;
    bottom: 45px;
    position: fixed;
}