@media only screen and (min-width: 768px){.topnavbar {background-color: #F2AF29; border-bottom: 5px solid #D1603D;}}

#wrap {background: #E0E0CE;}

#nav ul li.current a {color: #b15133;}
#nav ul li a{color: #353535;}
#nav ul li a:hover {color: #b15133;}

#nav .subnav{background-color: #F2AF29;}
#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 #b1b1b1;}

ul.product-list li a{color: #2b2b2b;background-color:rgba(242, 175, 41, 0.26); text-align: center;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #ea7700;}

body[data-type="fullpage"] .product-list-div h2 a.show-all {color: #a7650a;}
.main-container .price, #topnav .price {color: #bd0f0f;}
ul.product-list li .money-icon {color: #717171; text-shadow: 0 1px 0 rgba(255,255,255,0);}
.product-list-div h2 {border-bottom: 1px solid #bfbfbf;}

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

#footer {background-color: #474747;}
#foot-nav {border-bottom: 1px solid #797979;}

#wrap {background: #E0E0CE url(https://static.iyp.tw/40665/files/055d77f3-79e5-4d6c-80a5-415f8b697e7d.jpg) repeat-x bottom;}

#bodyinpage #wrap {
    background-color: #E0E0CE;
    background-image: url(https://static.iyp.tw/40665/files/055d77f3-79e5-4d6c-80a5-415f8b697e7d.jpg), url(https://static.iyp.tw/40665/files/d4d7f704-712b-4ec0-befc-ad2de28dc5be.png);
    background-repeat: repeat-x, repeat;
    background-position: bottom;
}

#bodyinhome .fcol-2 {background: rgba(158, 146, 126, 0.71) url(https://static.iyp.tw/40665/files/932d0e15-c42b-49f2-8ac0-d89872fc9bd2.png);}

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


/*內文字型大小顏色*/
#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(600 / 1920 * 100%); /* 首頁 banner 大小 */
}

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

/*圖片透明效果*/
.img3{
    opacity: 1.0; //設為完全不透明
    filter: alpha(opacity=50); // IE8 與更早的版本
}
.img3:hover{
    opacity: 0.5; //透明度設為 0.5
    filter: alpha(opacity=100); // IE8 與更早的版本
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
}