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

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


#nav ul li a {
    color: #eee;
}





.topnavbar {
    background-color: #bdd7f8;
  top:0px;
   position: relative;
   z-index:100;
 width:100%;
  padding: 0;
}
.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}



#nav {background: #07436b;}
#nav ul li.current a {color: #fff; background: #0092f8;}
#nav ul li a:hover {color: #fff; background: #0092f8;}




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

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

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







.h1title {
    color: #fff;
}


.fcol.fcol-header {margin-top: -20px; z-index: 9999;}
.fcol.fcol-header .container {background-image: linear-gradient(120deg, #2380fa 0%, #bbeef8 100%); transform: skewX(338deg);}






body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }




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


ul.product-list li a:hover .desc {color: #fff;}


ul.product-list li a:hover {
    color: #fff;
    background-color: rgba(57,74,84,1);
}

ul.product-list li a {
    color: #000;
    background-color: rgba(57,74,84,0.3);
}



a {
    color: #039dde;
    text-decoration: none;
}


.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #039dde;}

.marktxt {
    margin-top: 10px;
    font-size: 95%;
    color: #e30101;
}




body{
background-image : url(https://static.iyp.tw/41620/files/d81136b5-20fd-462f-bafd-c54c1c58e1b0.png);
background-repeat : repeat; 
background-attachment : fixed;
}





.productdetail .detail-spec b {
    display: none;
}


p {
    line-height: 2;
}








#breadcrumb li a {
    color: #fff;
}

#breadcrumb li {
    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: 25px;
    border-radius: 50%;
    z-index: 999;
    bottom: 110px;
    position: fixed;
}



#line {
    width: 55px;
    right: 25px;
    border-radius: 50%;
    z-index: 999;
    bottom: 35px;
    position: fixed;
}






#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 200px;    
    padding: 10px 15px;    
    font-size: 20px;
    border-radius:10px;
    background-color: hsla(240, 0%, 50%, 0.5) ;
    color: white;
    cursor: pointer;
}