@media only screen and (min-width: 768px){.topnavbar {background-color: rgb(251 251 251 / 55%); padding: 0rem 0;}}

#nav ul li.current a { color: #ffffff; background: #a40000; border-radius: 20px 20px 0px 0px;}
#nav ul li a{color: #353535;}
#nav ul li a:hover { color: #ffffff; background: #a40000; border-radius: 20px 20px 0px 0px;}

#nav .subnav{background-color: #fff; max-width: 244px;}
#nav ul li .subnav a {color:#353535;}
#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-image: linear-gradient(to right, #fbfbfb 0%, #bcecf7 100%);
}


#bodyinhome .fcol-3 {
    background: #bdd1e3 url(https://static.iyp.tw/42206/files/aa73d7cb-4243-4e52-bbcc-bdb3f10f4b01.jpg)no-repeat center;
    background-attachment: fixed;
}

#bodyinhome .fcol-6 {
    background: url(https://static.iyp.tw/42206/files/d9f0b620-42cb-487d-af21-cd5f6137aa48.jpg)no-repeat center bottom;
    background-attachment: fixed;
}

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

body.about-us .fcol-6 {
    background: #264574;
}

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

#main-wrap {
    background-image: url(https://static.iyp.tw/42206/files/7a1d6e78-d436-4983-8a1e-42ceb896c2fa.png),url(https://static.iyp.tw/42206/files/11197d7a-74d9-4000-86c0-e584d244dc7a.png);
    background-repeat: no-repeat;
    background-position: left 45%,right 65%;
    background-size: 13%;
    background-attachment: fixed;
    
}

/*內文字型大小顏色*/
#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: 96px;} #main-wrap {margin-top: 96px;} #ndc-banner-editor {top: 96px;}}

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

/*圖片*/
.menu [class^="col-"] img:hover {
    border-radius: 8px;
}
.menu [class^="col-"] img {
  transition:0.7s;
  border-radius: 50%;
  border: 1px #dddddd solid;
  padding:6px;
}

/*google翻譯器*/
#google_translate_element {
  z-index: 999999;
  position: absolute;
  top: 6px;
  right: 600px;
}


@media only screen and (max-width: 414px) {
/* 螢幕尺?寸?小於 320px, iPhone 等?小螢幕 css 寫這 */
 #google_translate_element {
  z-index: 999999;
  position: absolute;
  top: 5px;
  right: 10px;
}
}
#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 165px;
    position: fixed;
}