/*頁籤*/


.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

.topnavbar {
    background-color: #FFFFFF;
  top:0px;
   position: relative;
   z-index:100;
 width:100%;
  padding: 0;
}
.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*頁籤-文字*/


#nav ul li.current a {color: #82c8cd;}


#nav ul li a {color: #7b7b7b;}


#nav ul li a:hover {color: #82c8cd;}

#contact-info ul li span {color: #82c8cd;}


/*下拉式選單*/

#nav .subnav {
  background-color: RGBA(255,255,255,0.9); /* 填入想要的顏色 */
}



/* 首頁與內頁共用 */
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
}

.swiper-slide {
  width: 100% !important;
}

/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(850 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(520 / 1920 * 100%); /* 內頁 banner 大小 */
}


/*標題*/

.h1title {color: #5a5359; border-bottom:1px solid#dddddd;}



/*產品格*/

ul.product-list li a:hover {
    color: #fff;
    background-color: rgba(69,136,155,1);
}

ul.product-list li a {
    color: #7b7b7b;
    background-color: rgba(240,240,240,0.3);
}






/*首頁*/


body.index .fcol.fcol-1 {   margin-top: -60px;  }

body.index .fcol-1 {
    background: #fbfbfb url(https://static.iyp.tw/409789/files/737ae9db-038b-4fec-a847-4e5536ba97c6.jpg)no-repeat bottom;
    background-size: cover;

}


body.index .fcol-3 {
    background: #fbfbfb url(https://static.iyp.tw/409789/files/b9c7ae6f-ef64-4c09-8587-2ec9d7d8dd58.jpg)no-repeat bottom;
    background-size: cover;

}


body.index .fcol.fcol-4 {    background: rgba(25,25,25,1);}


body.index .fcol-5 {
    background: #fbfbfb url(https://static.iyp.tw/409789/files/96762f5e-c9bd-4028-a026-512e816112d1.jpg)no-repeat bottom;
    background-attachment: fixed;
    background-size: cover;

}



body.index .fcol.fcol-4 .container {width: 100%;}

body.index .fcol.fcol-6 {   display:none;}

body.index #footer { margin-top: -40px;}







/*關於*/

body.about-us .h1title{display:none;} 

body.about-us .fcol-1 {
    background: #fbfbfb url(https://static.iyp.tw/409789/files/ce26aa1f-6475-4cd9-8ed3-213ffed8143f.png)no-repeat bottom;
    background-size: cover;

}



body.about-us .fcol-3 {
    background: #fbfbfb url(https://static.iyp.tw/409789/files/d1162ee7-30a1-4b33-b04a-0df763136828.jpg)no-repeat bottom;
    background-attachment: fixed;
    background-size: cover;

}

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;}





/*footer*/

#footer {
    color: #548f93;
    background-color: #f0f0f0;
}

#foot-nav {border-bottom: 1px solid #e7e6e6;}

#foot-nav ul li a { color: #548f93;}


#contact-info ul li span {  color: #548f93;}

.contact-row h5 {color: #548f93;}

#footer a { color: #548f93;}



#foot-nav ul li.current a, #foot-nav ul li a:hover {
    color: #484848;
}







/*產品輪播*/
.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;
}






#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    border-radius:10px;
    background-color: hsla(240, 0%, 50%, 0.5) ;
    color: white;
    cursor: pointer;
}







/*按鈕*/


#mail {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 120px;
    position: fixed;
}


#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 200px;
    position: fixed;
}





/*LOGO*/

#photoLogo {
  width: 100%;
}