@media only screen and (min-width: 768px){.topnavbar {background: #f3f3f3 linear-gradient(
120deg, rgb(0 0 0 / 25%) 612px, #eb6100 0) no-repeat;
background-size: 100% 35px;}}

.topnavbar .container {text-align: center; padding-top: 15px;
    padding-bottom: 0px;}

#nav ul li.current a {color:  #db511a; font-size: 18px;}
#nav ul li a{color:  #353535; text-align: left; font-size: 16px;}
#nav ul li a:hover {color: #db511a; font-size: 18px;}

#nav .subnav{background-color: #f5f5f5;}
#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: rgb(88 88 88 / 64%);}
ul.product-list li a.focus, ul.product-list li a:hover {color: #444;}

ul.product-list li h3 {max-height: 4.15rem; font-size: 1.3rem;}

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

#bodyinhome .fcol-2 {
    background: linear-gradient(90deg, rgb(0 0 0 / 4%) 1533px, #eb6100 0) no-repeat;
    background-size: 100%;}

#bodyinhome .fcol-3 {display: none;}

#bodyinhome .fcol-4 {
    background: url(https://static.iyp.tw/41209/files/cba3631b-2106-486a-b3e3-37e5499cd609.jpg)no-repeat center;
    color: #fbfbfb;
    background-attachment: fixed;
  text-shadow: 1px 1px 5px #444;
}
#bodyinhome .fcol-4 .container {
    background: rgb(235 97 0 / 80%);
}
#bodyinhome .fcol-5, #bodyinhome .fcol-6 {display: none;}
#bodyinhome #footer {margin-top: -40px;}

body.about-us .fcol-4 {
    background: #cacaca;
    color: #fbfbfb;
}

body.about-us .fcol-3 {background: #fbfbfb url(https://static.iyp.tw/41209/files/c1f20aa4-a120-4a6d-b628-b0a9407b0697.png)no-repeat center bottom;
}

/*body.about-us .fcol-2 {
    background: #fbfbfb url(https://static.iyp.tw/41209/files/3dedde49-be1c-486b-b0f9-1ccddd54c55e.jpg)no-repeat center;
}*/

@media only screen and (max-width: 410px) {
/* 螢幕尺寸小於 320px, iPhone 等小螢幕 css 寫這 */
body.about-us .fcol-2 {
    background: #fbfbfb;
}
}


body.about-us .fcol-6 .container {width: 100%;}

#side ul li a {color: #4a4a4a;}

#footer {
    border-bottom: 45px solid #eb6100;
}

.productdetail .detail-spec b, .productdetail .detail-desc b {
    color: #ffffff;
    background-color: rgb(218 70 13 / 80%);
    text-shadow: none;
    border-radius: 6px;
}

ul.product-list li .desc {
    display: none;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/*左右上下置中*/
.row-center{
height: 100%;
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

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

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

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

/*產品輪播*/
.rwd-table {
  	overflow-y: visible !important;
}
#myDiv img {
        max-width: none;
}

/*圖片放大透明*/
.picc { 
    opacity: 1; /* 透明度100% FireFox 的寫法 */ 
    filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */ 
    margin:0 auto;
    overflow: hidden;
} 
.picc img { 
    opacity: 1; 
    filter: Alpha(Opacity=100); 
  margin:0 auto;
  -webkit-transform: scale(1);
  -webkit-transition: 1s;
} 
.picc img:hover { 
  opacity: .5; /* 透明度50% FireFox 的寫法 */ 
  filter: Alpha(Opacity=50); /* 透明度50% IE 的寫法 */ 
  -webkit-transform: scale(1.05);
}

.hover {
    background: #000;
}

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

#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 205px;
    position: fixed;
}
#fb {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 135px;
    position: fixed;
}
#line {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 62px;
    position: fixed;
}