@media only screen and (min-width: 768px){.topnavbar {background-color: #343d48; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} }

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

/*iphone手機顯示調整*/
@media only screen and (max-width: 576px) {
.rwd-wrapper .col-2 {
-webkit-flex:0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
}

#header{background-color: #164a84;}

#nav ul li.current a {color: #ffcd6e;}
#nav ul li a{color:  #FFF; }
#nav ul li a:hover {color: #ffcd6e;}

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

ul.product-list li a{color: #ffffff; background-color: rgb(52, 61, 72, 0.5);}
ul.product-list li a.focus, ul.product-list li a:hover {color:  #ffcd6e;}

a{color: #343d48;}
a:hover {color: #ffcd6e;}

/*內文字型大小顏色*/
#product-header, .fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3 {font-size: 16px;color: #444;}
#contact-info {color: #dadada;}

body.about-us .fcol.fcol-1 {background-color: #dbe9ef;}
body.about-us .fcol.fcol-3 {
    background: url(https://static.iyp.tw/2254/files/edb3f8e1-ec3a-472b-a80b-9ea64feed9a4.jpg) center no-repeat; background-attachment: fixed;}

body.about-us .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {display: none;}

/*手機板banner縮放*/
.swiper-container {
  height: auto !important;
}

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

.swiper-slide {
  width: 100% !important;
}