@media only screen and (min-width: 768px){.topnavbar {background-color: #fff; padding: 0rem 0; background: linear-gradient(270deg, transparent 60px, #e5d5ac 0) no-repeat;
        background-size: 45%;}}


.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

#nav ul li.current a {color: #c39221;}
#nav ul li a{color:  #353535;}
#nav ul li a:hover {color: #c39221;}

#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: #bf921e; border-bottom: 1px solid #e3d4ae;}

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;}

#foot-nav {
    display: none;
}

#footer {
    background-color: #545250;
}

#bodyinhome .fcol-2 {
    background: url(https://static.iyp.tw/409823/files/6092ff3e-91e1-4962-b17a-763b1a7528e7.png) no-repeat center;
}

#bodyinhome .fcol-3 {
    background: url(https://static.iyp.tw/409823/files/11d64558-4527-4464-85ce-3cb17982b1fe.png) no-repeat top right;
    background-size: 50%;
}

#bodyinhome .fcol-4 {
    background: url(https://static.iyp.tw/409823/files/ffcc434a-5f7d-4ed1-86ed-309498878e83.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}

#bodyinhome .fcol-6 {
    background: url(https://static.iyp.tw/409823/files/169f6dd1-090a-4792-b248-e4807816adcc.png) no-repeat center bottom;
}

#bodyinhome #footer {
    margin-top: -40px;
}

body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/409823/files/f8305584-47dc-45c7-acc8-e7ad7d5fe461.png) no-repeat center; background-size: cover;

}


/*side無顯示*/

.fcol.fcol-side {
    display: none;
}

.fcol-side {
    display: none;
} 

.fcol-side + .fcol .main {
  width: 100%;
}

body[data-type="fullpage"].shopping .main-container.left-menu .fcol-side+.fcol, body[data-type="fullpage"].product .main-container.left-menu .fcol-side+.fcol {
    width: calc(1 * 1160px);
}



/*內文字型大小顏色*/
#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;*/ font-family: 黑體, serif, Arial;}

/*回最新消息*/
.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: 110px;} #main-wrap {margin-top: 110px;} #ndc-banner-editor {top: 110px;}}


/* 首頁與內頁共用 */
.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(750 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(500 / 1920 * 100%); /* 內頁 banner 大小 */
}

/*圖片放大透明*/
.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);
}



/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
   /* background: #FFF9E0;*/
    border: 1px solid #dcb425;
    color: #b29443;
}
#tb td a:hover {
    transition: .3s;
    background: #f5f2e3;
    border: 1px solid #a48948;
    color: #a48a48;
}


/**/

#call {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 325px;
    position: fixed;
}
#gmap {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 260px;
    position: fixed;
}
#toline1 {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 195px;
    position: fixed;
}


#fb {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 130px;
    position: fixed;
}