/*頁籤*/
.topnavbar {
    background-color: #0f473a;
  top:0px;
   position: relative;
   z-index:100;
 width:100%;
  padding: 0;
}
.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}
#nav ul li a {color: #fff;}
#nav ul li.current a {color: #fff;}
#nav ul li a:hover {color: #737373;}

#nav .subnav{background-color: #0f473a; max-width: 280px;}
#nav ul li .subnav a {color:#ffffff;}
#nav ul li .subnav a:hover {background: rgba(115, 115, 115, 0.5);}

/*商品頁側欄*/
#side ul li.current>div a {
    color: #8c8c8c;
    font-size: 15px;
}
#side ul li a {
    color: #ffffff;
    font-size: 15px;
}
#side h3 {
    color: #ffffff;
    font-weight:bold;
    font-size: 18px;
}

/*BANNER*/
.swiper-container {
  height: auto !important;
}
.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(1242 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}
.swiper-slide {
  width: 100% !important;
}

/*網站字體間距*/
.fcol .container { color: #222;font-size: 15px;}
p { line-height:2;}

.h1title {color: #ffffff; border-bottom:1px solid#dddddd;}

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

/*首頁*/
body.index .fcol.fcol-1 {   display:none;}
body.index .fcol.fcol-2 {   display:none;}
body.index .fcol.fcol-3 {   display:none;}
body.index .fcol.fcol-4 {   display:none;}
body.index .fcol.fcol-5 {   display:none;}
body.index .fcol.fcol-6 {   display:none;}
body.index #footer { margin-top: -40px;}

body.about-us #banner {display: none;}
body.product #banner {display: none;}
body.news #banner {display: none;}
body.contact-us #banner {display: none;}

body {
    background-color: #0f473a;
}

/*footer*/
#footer {
    color: #ffffff;
    background-color: #10473b;}
#foot-nav {
    border-bottom: 1px solid #084d3e;}
#contact-info ul li span {
    color: #FFFFFF;}