@media only screen and (min-width: 768px){.topnavbar {background-color: #ffffff; padding: 0rem 0;}}

@media only screen and (max-width: 414px) {
.topnavbar {
    background: #2e5a3c;
}}

@media only screen and (max-width: 576px) {
  .topnavbar {
    background: #2e5a3c;
}}

#nav ul li.current a {color:#146ca3; /* text-shadow: 1px 1px 6px #000;*/}
#nav ul li a{color:  #0e4426;/* text-shadow: 1px 1px 6px #000;*/}
#nav ul li a:hover {color:#0e4426; /*text-shadow: 1px 1px 6px #000;*/}

#nav .subnav{background-color: #fff;}
#nav ul li .subnav a {color:#353535; text-shadow: 0px 0px 0px #000;}
#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;}

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


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

/*產品介紹頁編輯框高度auto*/
body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }


/* 首頁與內頁共用 */
.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;
}

/*文字效果*/
.row1 [class^="col-"] a{color: #3abecd; }
.row1 [class^="col-"] a:hover {color: #2c7178; }


/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #00ac97;
    color: #fbfbfb;
}
#tb td a:hover {
    background: #21b6e5;
}

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