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

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


@media only screen and (min-width: 768px){
.topnavbar {
    background: none;
}}





#nav {background: #2f3285;}
#nav ul li.current a {color: #fff; background: #6569d3;}
#nav ul li a:hover {color: #fff; background: #6569d3;}

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





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

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(500 / 1920 * 100%); /* 內頁 banner 大小 */
}


.h1title {color: #5a5359; text-align: center;  border-bottom:1px solid#dddddd;margin-top: -40px;display:none;}





body.index  .fcol.fcol-1 {   margin-top: -90px;  }
body.index .fcol.fcol-1 {    background: rgba(255,228,1,1);}
body.index .fcol.fcol-2 .container {width: 100%;}
body.index .fcol.fcol-3 .container {width: 100%;}
body.index .fcol.fcol-3 {    background: rgba(241,243,244,1);}
body.index .fcol.fcol-4 {   display:none;}
body.index .fcol.fcol-5 {   display:none;}
body.index .fcol.fcol-6 {   display:none;}
body.index #footer { margin-top: -40px;}








body.about-us .h1title{display:none;} 
body.about-us .fcol.fcol-1 {   margin-top: -80px;  }
body.about-us .fcol-1 {
    background:  url(https://static.iyp.tw/42892/files/f253c609-4aaf-41c1-bffa-e785bb6f6d9f.jpg)no-repeat bottom;
    background-size: cover;
}
body.about-us #footer { margin-top: -40px;}
body.about-us .fcol.fcol-2 {   display:none;}
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;}






body.serve .h1title{display:none;} 
body.serve .fcol.fcol-1 {   margin-top: -80px;  }
body.serve .fcol-1 {
    background:  url(https://static.iyp.tw/42892/files/35475ea6-4775-46e5-9195-f91e91ecf6c0.jpg)no-repeat bottom;
    background-size: cover;
}

body.serve .fcol-2 {
    background:  url(https://static.iyp.tw/42892/files/8656e3e4-8eb0-40d1-bea4-6f773a70c902.jpg)no-repeat bottom;
    background-size: cover;
}
body.serve .fcol.fcol-3 {   display:none;}
body.serve .fcol.fcol-4 {   display:none;}
body.serve .fcol.fcol-5 {   display:none;}
body.serve .fcol.fcol-6 {   display:none;}
body.serve #footer { margin-top: -40px;}




body.fleet .fcol.fcol-1 {   margin-top: -80px;  }
body.fleet .fcol-1 {
    background:  url(https://static.iyp.tw/42892/files/c44151e2-e210-4bfe-a497-b0f6b572a63d.jpg)no-repeat bottom;
    background-size: cover;
}
body.fleet .h1title{display:none;} 
body.fleet .fcol.fcol-2 {   display:none;}
body.fleet .fcol.fcol-3 {   display:none;}
body.fleet .fcol.fcol-4 {   display:none;}
body.fleet .fcol.fcol-5 {   display:none;}
body.fleet .fcol.fcol-6 {   display:none;}
body.fleet #footer { margin-top: -40px;}




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

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


body {
    background-color: #FFF;
}



#footer {
    color: #b6b6b6;
    background-color: #2f3166;
}



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


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

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







/*產品輪播*/
.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;
}








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