@media only screen and (min-width: 768px){.topnavbar {background-color: transparent;}}

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

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

ul.product-list li a{color: #626262; background-color: #fefefe;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #fce1b8;}

ul.product-list li h3 {
    display: none;
}

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

body.about-us .fcol-header {
    display: none;
}

body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/409786/files/8f86faba-03f9-4f86-8246-fe4b414063e8.jpg) no-repeat center bottom; background-size: cover;
}

body.about-us .fcol-1 {
    background: url(https://static.iyp.tw/409786/files/e477df72-5aff-4254-a13d-da4eb0cb64ea.jpg) no-repeat center;
}


body[data-type="fullpage"]:not(#managehome) #wrap>*:not(:last-child) {
    margin-bottom: 0px;
}

body.about-us .fcol-4 .container {
    width: 90%;
}


body.about-us .fcol-4 {
    background: url(https://static.iyp.tw/409786/files/154568c1-cb26-42fb-8a34-00f3d23cf586.jpg) repeat-y center;
}

body.about-us .fcol-5 {
    background: url(https://static.iyp.tw/409786/files/499111c9-e992-44f8-991c-d77201a7b269.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}

body.about-us #footer {
    margin-top: -40px;
}

body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/409786/files/141bf354-1250-4728-9a5f-84eb6d7cba13.jpg) no-repeat center;
}

body.product #main-wrap, body.contact-us #main-wrap {
    background: url(https://static.iyp.tw/409786/files/5122f6f1-08ab-4f0d-84f4-683d43ce190e.jpg) no-repeat center top;
}

body.contact-us .fcol-1 .container {
    background: rgb(255 255 255 / 75%);
    border-radius: 30px;
    box-shadow: 1px 1px 9px 0px rgb(38 38 38 / 26%);
    padding: 35px;
}

/*內文字型大小顏色*/
#product-header, .fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {font-size: 18px;color:#444; line-height: 30px;}

/*回最新消息*/
.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;
  }

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


.swiper-container {
  height: auto !important;
}

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

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


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

@media only screen and (max-width: 414px) {
.col-md-5 {
    width: 100%;
}
.col-md-7 {
    width: 100%;
}
}

@media only screen and (max-width: 576px) {
.col-md-5 {
    width: 100%;
}
.col-md-7 {
    width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
 .col-md-5 {
    width: 100%;
}
.col-md-7 {
    width: 100%;
}
} 

@media only screen and (max-width: 767px) {
  .col-md-5 {
    width: 100%;
}
.col-md-7 {
    width: 100%;
}
} 
 

/*owl 輪播圖語法*/
.owl-carousel.owl-theme {
  padding: 0 20px 35px;/*內距:上 左右 下;*/
}
.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%;
}

.owl-carousel .owl-item img {
  object-fit: cover;  /*cover圖片剪裁不拉伸壓縮 ; contain不拉伸壓縮.等比縮放)*/
  display: block;
  width: 100%;
  height: 215px; /*高度*/
  border: 2px solid #fff;
  box-shadow: 0 6px 5px rgba(44,44,44,0.25);
}
.owl-carousel .row-no-gutters {
    margin-right: 5px;
    margin-left: 2px;
}


/**/
#call {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 165px;
    position: fixed;
}
#line {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 105px;
    position: fixed;
}
#gomap {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 45px;
    position: fixed;
}