


.topnavbar {
    background-color: #FFF;
  top:0px;
   position: relative;
   z-index:100;
 width:100%;
  padding: 0;
}
.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}





#nav ul li a {
    color: #909191;
}


#nav ul li.current a {
    color: #8d7a67;
}


#nav ul li a:hover {color: #8d7a67;}






.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(720 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}





.fcol .container {    color: #222;    font-size: 15px;}
p { line-height:2;}




body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }


.h1title {color: #5a5359; border-bottom:1px solid#dddddd;margin-top: -50px;}


body.about-us .h1title{display:none;} 
body.about-us .fcol-1 {
    background: url(https://static.iyp.tw/41933/files/15d3a0ee-0385-4b69-8fb1-343e61b884b9.jpg)no-repeat bottom;
}

body.about-us .fcol.fcol-1 {   margin-top: -70px;  }
body.about-us .fcol.fcol-3 .container {width: 100%;}
body.about-us .fcol.fcol-4 {   display:none;}
body.about-us .fcol.fcol-5 {   display:none;}
body.about-us .fcol.fcol-6 {   display:none;}
body.about-us #footer { margin-top: -40px;}










ul.product-list li a:hover {
    color: #fff;
    background-color: rgba(141,122,103,1);
}

ul.product-list li a {
    color: #000;
    background-color: rgba(141,122,103,0.3);
}







#footer {
    color: #fff;
    background-color: #8d7a67;
}


#contact-info ul li span {
    color: #FFF;
}


#foot-nav {
    border-bottom: 1px solid #ccc;
}



#foot-nav ul li a {
    color: #ddd;
}




body {
    -webkit-font-smoothing: antialiased;
    background-color: #fFF;
}





/*圖片*/
.menu [class^="col-"] img:hover {
    border-radius: 8px;
}
.menu [class^="col-"] img {
  transition:0.7s;
  border-radius: 50%;
  border: 1px #dddddd solid;
  padding:6px;
}

.row1 [class^="col-"] img{
  opacity:3;
  transition:0.7s
}
.row1 [class^="col-"] img:hover {
    opacity:0.55;
}





#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 150px;
    position: fixed;
}



#line {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 60px;
    position: fixed;
}
