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




/*nav*/
#nav ul li a {
    white-space: nowrap;
    color: #333;
    line-height: 1.3;
      font-weight: bold;
    padding: px 15px;
    font-size: 95%;
    
}


#nav ul li.current a {
    color: #333;
    font-weight: 600;
}



#nav ul li a:hover {color: #333;}



#nav ul li.current a {color:#000; background: url(https://static.iyp.tw/42760/files/6ca31cec-57da-4407-90d5-433995c8bd6f.png)no-repeat top left;}

#nav ul li a{color: #000; padding: -1px 30px;}

#nav ul li a:hover {color: #000; background: url(https://static.iyp.tw/42760/files/6ca31cec-57da-4407-90d5-433995c8bd6f.png)no-repeat top left;}




#nav .subnav {
  background-color: RGBA(255,255,255,0.9); /* 填入想要的顏色 */
}


/*subnav*/
#nav .subnav {
min-width: 180px;
}
#nav ul li .subnav a span {
min-width: 270px;
}







/* 首頁與內頁共用 */
.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(350 / 1920 * 100%); /* 內頁 banner 大小 */
}





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




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



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






body.index .fcol.fcol-3 .container {width: 100%;}
body.index #footer { margin-top: -40px;}

body.index .fcol.fcol-1 {   margin-top: -45px;  }
body.index .fcol-1 {
    background: url(https://static.iyp.tw/42760/files/d2f4f0f1-12bb-4a8e-ba94-f5b5be43bd3d.jpg)no-repeat bottom;
    background-size: cover;
}

body.index .fcol.fcol-2 {    background: rgba(227,227,227,0.3);}
body.index .fcol.fcol-3 {    background: rgba(227,227,227,0.3);}
body.index .fcol-4 {
    background: url(https://static.iyp.tw/42760/files/45e2b203-f320-401c-8862-436cdd0b0d1c.jpg)no-repeat bottom;
    background-attachment: fixed;
    background-size: cover;
}

body.index .fcol.fcol-6 {   display:none;}
body.index #footer { margin-top: -40px;}








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

body.about-us .fcol-1 {
    background: url(https://static.iyp.tw/42760/files/2ec4df8b-3065-430b-bb6e-846485c13511.jpg)no-repeat bottom;
    background-attachment: fixed;
    background-size: cover;
}


body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/42760/files/88f880f1-c98a-4c37-b347-93843e3c473f.jpg)no-repeat bottom;
    background-attachment: fixed;
    background-size: cover;
}


body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/42760/files/99786f0e-b078-4f21-a0c7-1a24a9f0218e.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;}






body.equipment-1 .fcol.fcol-1 {   margin-top: -75px;  }

body.equipment-1 .fcol-1 {
    background: url(https://static.iyp.tw/42760/files/d2f4f0f1-12bb-4a8e-ba94-f5b5be43bd3d.jpg)no-repeat bottom;
    background-size: cover;
}

body.equipment-1 .fcol.fcol-2 {    background: rgba(227,227,227,0.3);}
body.equipment-1 .fcol.fcol-4 {    background: rgba(227,227,227,0.3);}
body.equipment-1 #footer { margin-top: -40px;}





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




body {
    background-color: #fff;
}









#footer {
    color: #666;
    background-color: #f5f4f4;
}


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

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


#footer a {
    color: #666;
}


#foot-nav ul li a {
    color: #666;
}


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




/*圖片*/
.menu [class^="col-"] img:hover {
    border-radius: 8px;
}
.menu [class^="col-"] img {
  transition:0.7s;
  border-radius: 50%;
  border: 1px #6b94cd solid;
  padding:6px;
}

.row1 [class^="col-"] img{
  opacity:3;
  transition:0.7s
}
.row1 [class^="col-"] img:hover {
    opacity:0.55;
}









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






/*詳細資訊*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #cf7aae;
    color: #fff;
}
#tb td a:hover {
    background: #090909;
}









/*圖片放大透明*/
.picc { 
    opacity: 1; /* 透明度100% FireFox 的寫法 */ 
    filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */ 
    margin:0 auto;
    overflow: hidden;
} 
.picc img { 
    opacity: 1; 
    filter: Alpha(Opacity=100); 
  margin:0 auto;
  -webkit-transform: scale(1);
  -webkit-transition: 1s;
} 
.picc img:hover { 
  opacity: .5; /* 透明度50% FireFox 的寫法 */ 
  filter: Alpha(Opacity=50); /* 透明度50% IE 的寫法 */ 
  -webkit-transform: scale(1.05);
}


/*圖片放大透明*/
.picc { 
    opacity: 1; /* 透明度100% FireFox 的寫法 */ 
    filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */ 
    margin:0 auto;
    overflow: hidden;
} 
.picc img { 
    opacity: 1; 
    filter: Alpha(Opacity=100); 
  margin:0 auto;
  -webkit-transform: scale(1);
  -webkit-transition: 1s;
} 
.picc img:hover { 
  opacity: .5; /* 透明度50% FireFox 的寫法 */ 
  filter: Alpha(Opacity=50); /* 透明度50% IE 的寫法 */ 
  -webkit-transform: scale(1.05);
}








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



#IG {
    width: 55px;
    right: 5px;
    border-radius: 50%;
    z-index: 999;
    bottom: 162px;
    position: fixed;
}




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



#FB {
    width: 55px;
    right: 5px;
    border-radius: 50%;
    z-index: 999;
    bottom: 38px;
    position: fixed;
}