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

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


.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: #5c5c5c;}

#nav ul li.current a {color: #00a551;}



/*頁籤底色微白色時，滑鼠變色為黑*/

#nav ul li a:hover {color: #00a551;}


/*BANNER*/

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

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

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




/*網站字體間距*/


.fcol .container {    color: #222;    font-size: 15px;}
p { line-height:2;}



/*標題*/

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


body {background-color: #ffffff;}


body{
background-image : url(https://static.iyp.tw/409759/files/4cd9a7a4-a02a-4b9a-a814-0dab0eea17e3.jpg);
background-repeat : repeat; 
background-attachment : fixed;
}




/*關於*/

body.about-us .fcol.fcol-1 {   margin-top: -80px;  }

body.about-us .h1title{display:none;} 


body.about-us .fcol-2 {
    background:url(https://static.iyp.tw/409759/files/e81e16d1-2968-4fb0-8630-99e517d941c5.png)no-repeat bottom;
    background-size: cover;

}

body.about-us .fcol.fcol-3 {    background: rgba(242,240,236,1);}


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




body.about-us .fcol-5 {
    background: #fbfbfb url(https://static.iyp.tw/409759/files/b554d8d9-db93-495d-9cd2-f79f56cf7538.png)repeat-y center;
    background-attachment: fixed;

}



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

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








/*產品*/

body.product .fcol.fcol-1 {   margin-top: -80px;  }

body.product .h1title{display:none;} 


body.product .fcol.fcol-3 {    background: rgba(242,240,236,1);}


/*技術服務*/

body.news .fcol.fcol-1 {   margin-top: -80px;  }

body.news .h1title{display:none;} 


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #3e4d45;}


/*聯絡*/

body.contact-us .fcol.fcol-1 {   margin-top: -80px;  }

body.contact-us .h1title{display:none;} 

body.contact-us .fcol.fcol-2 {    background: rgba(249,247,244,0.8);}

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



.mark {color: #4caf50;}

mark, .mark {background-color: #faf9f7;}

.marktxt {color: #9dbd9f;}


/*footer*/ 
#footer {
    color: #717171;
    background-color: #ebebeb;
}


.contact-row h5 {color: #717171;}


#footer a {color: #dcdcdc;}

#foot-nav {border-bottom: 1px solid #dbdbdb;}

#foot-nav ul li.current a, #foot-nav ul li a:hover {color: #282828;}

#footer a {
    color: #9b9b9b;
}


/*圖片*/
.row [class^="col-"] img{
  opacity:3;
    transition:0.7s
}
.row [class^="col-"] {
  padding:10px;
}
.picc {
  overflow:hidden;
}
.picc img:hover {
  transform:scale(1.2);
}







/*產品輪播*/
.rwd-table {
  	overflow-y: visible !important;
}
#myDiv img {
        max-width: none;
} 



a {
    color: #467faf;
    text-decoration: none;
}
#bodyinhome h3 {
    border-bottom: 1px solid #aaa;
 padding:5px;
}
.info ul li{
    padding: 10px 5px 5px 5px;
    border-bottom: 1px dashed #ccc;
}
body {
    background-color: #fff;
    color: #333;
    font-size: 15px;
    margin: 0;
}



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




#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 180px;
    position: fixed;
}






/*產品頁編輯框*/

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



#photoLogo {
  width: 100%;
}