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

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



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








/*BANNER*/

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

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

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




/*網站字體間距*/


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





/*產品格*/

ul.product-list li a:hover {
    color: #fff;
    background-color: rgba(187,229,253,1);
}

ul.product-list li a {
    color: #000;
    background-color: rgba(187,229,253,0.3);
}


/*標題*/


.h1title { display:none;}






/*關於*/
body.about-us .fcol.fcol-1 {   margin-top: -60px;  }

body.about-us .fcol.fcol-3 {
background-image:url("https://static.iyp.tw/409842/files/34c6828e-545d-4615-a628-8e55b50116b9.png");
  background-attachment:fixed;
}

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

body.about-us .fcol.fcol-5 {
background-image:url("https://static.iyp.tw/409842/files/8e009cec-ce50-491c-851d-314f87df2f65.png");
  background-attachment:fixed;
}

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

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



/*產品*/

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



/*最新消息*/

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



/*聯絡我們*/

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






/*產品頁編輯框*/

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








#photoLogo {
  width: 100%;
}



/*首頁圖片特效-*/

.row [class^="col-5"] img:hover {
    opacity:0.55;
}
/*圖文按鈕特效*/
.snip1572 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0 auto 0;
  min-width: 160px;
  max-width: 100%;
  width: 100%;
  color: #fff;
  text-align: left;
  font-size: 16px;
  background: #abc2da;/*rgba(255,255,255,0);*/
  padding: 5px;
}

.snip1572 *,
.snip1572:before,
.snip1572:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.snip1572 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}

.snip1572:before,
.snip1572:after {
  content: '';
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.snip1572:before {
  width: 300px;
  height: 2px;
}

.snip1572:after {
  height: 300px;
  width: 2px;
}

.snip1572 figcaption {
  position: absolute;
  left: 0;
  top: 10px;
}

.snip1572 h3 {
  font-weight: 600;
  padding: 10px 20px;
  margin: 0;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.snip1572 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1572:hover img,
.snip1572.hover img {
  transform:scale(1.2,1.2);
  filter: alpha(opacity=25);
  -webkit-opacity: 0.25;
  opacity: 0.15;
}

.snip1572:hover:before,
.snip1572.hover:before,
.snip1572:hover:after,
.snip1572.hover:after {
  opacity: 1;
}

.snip1572:hover:before,
.snip1572.hover:before {
  width: 50px;
}

.snip1572:hover:after,
.snip1572.hover:after {
  height: 50px;
}

.snip1572:hover h3,
.snip1572.hover h3 {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}
/*圖文按鈕特效*/



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




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


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


#photoLogo {
  width: 100%;
}