@media only screen and (min-width: 768px){.topnavbar { background:#64390e url(https://static.iyp.tw/409466/files/c6a2fbc3-a7fc-450b-988c-148ef205dc86.png) no-repeat center; padding: 0rem 0;}}

@media only screen and (max-width: 414px) {
  .topnavbar { background:#64390e url(https://static.iyp.tw/409466/files/c6a2fbc3-a7fc-450b-988c-148ef205dc86.png) no-repeat center;}
}

#nav ul li.current a {color: #190d02;}
#nav ul li a{color:#f3f3f3;}
#nav ul li a:hover {color: #190d02;}

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

ul.product-list li a{color: #ffffff; background-color: #b6936f;}
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;}

.fcol-header {
    display: none;
}

body.about-us .fcol-1 {
    background: linear-gradient(360deg, transparent 31%, #b19880 0) no-repeat;
    background-size: 100%;
}

body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/409466/files/a87bc22a-c2f8-4cc5-a613-2ac8e731d193.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

body.about-us .fcol-5 .container {
    width: 100%;
    padding: 0;
  
}

/**/
@media (min-width: 992px){
.col-md-5 {
    width: 39%;
}}
  
@media (min-width: 992px){
.col-md-7 {
    width: 60%;
}}


/**/
.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

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

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


@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%
    }
}

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

/**/
.container1{perspective:1000;transform-style:preserve-3d;}
.container1,.front1,.back1{width:100%;height:160px;}
.flip1{position:relative;transition:0.6s;transform-style:preserve-3d;}
.front1,.back1{position:absolute;top: 0px;left: 0px;backface-visibility:hidden;}
.front1{z-index:2;}
.back1{transform:rotateY(-180deg);}
.container1:hover .flip1{transform:rotateY(180deg);}

/**/
.owl-carousel.owl-theme {
  padding: 0 1rem 2rem;
}
.owl-carousel.owl-theme .owl-nav {
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.owl-carousel.owl-theme .owl-dots {
  bottom: 0;
}
.owl-carousel.owl-theme button:focus {
  outline: none;
}
.owl-carousel.owl-theme .owl-nav,
.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
  float: left;
  transform: translateX(-100%);
}
.owl-carousel.owl-theme .owl-nav .owl-next {
  float: right;
  transform: translateX(100%);
}
.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover{
  background: none;
  color: inherit;
}
.owl-carousel.owl-theme .owl-nav .fa{
  font-size: 3em; /*箭頭大小*/
}

.editmode .owl-carousel.owl-loaded {
  display: flex;
  flex-wrap: wrap;
}
.editmode .owl-carousel > div {
  flex: 0 0 25%;
  max-width: 25%;
}

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