/*頁籤*/
.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;
}




#photoLogo {
  width: 100%;
}



#nav ul li a { color: #6a6a6a;}


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


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



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

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

/*side無顯示*/
.fcol-side {
    display: none;
} 

.fcol-side + .fcol .main {
  width: 100%;
}

body[data-type="fullpage"].shopping .main-container.left-menu .fcol-side+.fcol, body[data-type="fullpage"].product .main-container.left-menu .fcol-side+.fcol {
    width: calc(1 * 1160px);
}




/* 首頁與內頁共用 */
.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 大小 */
}



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


#breadcrumb li {
    display: none;
}




/*首頁*/

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

body.index .fcol-1 {
    background: url(https://static.iyp.tw/409431/files/0627b7a3-458e-4745-8049-7ff794ba4df9.jpg)no-repeat bottom;
    background-attachment: fixed;

}

body.index .fcol-2 {
    background: url(https://static.iyp.tw/409431/files/a8a85b88-b694-458d-b167-5a7a86441687.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}

body.index .fcol-3 {
    background: #2b426c url(https://static.iyp.tw/409431/files/6134518a-866e-4757-9548-b4b950786a90.png) repeat-y;
/*background: url(https://static.iyp.tw/409431/files/1376eaee-ad59-4da1-a427-e37e735c65a3.jpg)no-repeat bottom;
    background-attachment: fixed;*/

}

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

body.index .fcol-4 {
    background: url(https://static.iyp.tw/409431/files/1376eaee-ad59-4da1-a427-e37e735c65a3.jpg) no-repeat center;
    background-attachment: fixed;
}

/**/
@media (min-width: 992px){
.col-md-5 {
    width: 40%;
    background: #ede5da;
}}
  
@media (min-width: 992px){
.col-md-7 {
    width: 60%;
}}


body.index .fcol-5 .container {
    background: rgb(227 227 227 / 50%);
    border-radius: 45px;
    border: 1px solid #d3d3d3;
    box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 22%);
    margin-top: 25px;
}

@media (min-width: 1200px) {
    body.index .fcol-5 .container {
        width: 1269px;
    }
}

body.index .fcol-6 {
    background: url(https://static.iyp.tw/409431/files/70399f27-dd79-471c-9d3b-23726625879d.jpg) no-repeat bottom center;
}


/*
body.index .fcol-3 {
    background: url(https://static.iyp.tw/409431/files/e7b6b10f-30e0-479e-854a-8f08f80734f1.jpg)no-repeat bottom;
    background-attachment: fixed;

}




body.index .fcol.fcol-4 {    background: rgba(224,235,255,0.6);}

body.index .fcol.fcol-5 {    background: rgba(224,235,255,0.6);}

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: -60px;  }

body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/409431/files/8889bef8-3315-4cd0-a1c6-3f7b30ad5809.jpg)no-repeat bottom;
    background-attachment: fixed;

}

body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/409431/files/0627b7a3-458e-4745-8049-7ff794ba4df9.jpg)no-repeat bottom;
    background-attachment: fixed;

}


body.about-us .fcol.fcol-4  {
    background: url(https://static.iyp.tw/409431/files/70399f27-dd79-471c-9d3b-23726625879d.jpg)no-repeat bottom;
    background-attachment: fixed;

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


/*聯絡*/

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

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

body.contact-us .fcol-1 {
    background: url(https://static.iyp.tw/409431/files/0627b7a3-458e-4745-8049-7ff794ba4df9.jpg)no-repeat bottom;
    background-attachment: fixed;

}

body.contact-us .fcol.fcol-2 {    background: rgba(224,235,255,0.6);}

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





/*汽車*/

body.car-loan .fcol-3, body.locomotive-loan .fcol-3, body.house-loan .fcol-3, body.land-loan .fcol-3, body.passenger-check-loan .fcol-3, body.jewelry-loan .fcol-3, body.boutique-pawn .fcol-3{
    background: url(https://static.iyp.tw/409431/files/1376eaee-ad59-4da1-a427-e37e735c65a3.jpg)no-repeat bottom;
    background-attachment: fixed;

}






.marktxt {
    color: #346bc9;
}


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




/*footre*/

#foot-nav ul li a {
    display: none;
}


#foot-nav {
    display: none;
}

#footer {
    background-color: #2b426c;
}


#footer a {
    color: #ffffff;
}


#footer {
    color: #ffffff;
}






/*產品頁編輯框*/

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




/*響應式欄位手機板不破版*/

@media only screen and (max-width: 576px) {
    .rwd-wrapper .col-2 {
        -webkit-flex:0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}




/*圖片水平翻轉*/
.container1{perspective:1000;transform-style:preserve-3d;}
.container1,.front1,.back1{width:100%;height:163px;}
.flip1{position:relative;transition:0.6s;transform-style:preserve-3d;}
.front1,.back1{position:absolute;top: 0px;left: 0px;backface-visibility:hidden;}
.front1{z-index:2;}
.back1{transform:rotateY(-180deg);}
.container1:hover .flip1{transform:rotateY(180deg);}




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





#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;
}



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







/*漢堡選單*/


/**/
@media only screen and (max-width: 767px) {
    .rwd-navbar-toggle:before,
    .rwd-side {
      background-color: #fff; /* 填入想要手機版型的選單背景顏色 */
    }
    .rwd-side a {
      color: #fff; /* 填入想要手機版型的選單選項的文字顏色 */
    }
    .rwd-side .product-search input[type="text"],
    .rwd-side .product-search input[type="text"]:focus {
      background-color: #004476; /* 填入想要手機版型的搜尋輸入匡的背景顏色 */
    }
    .rwd-side .nav li {
      border-bottom: 1px #ccc solid;
    }
    .rwd-side .language > a {
      padding-left: 0px;
    }
  }





/*漢堡選單文字變大*/

/**/
  .navbar {
    background-color: #2b426c; /* 填入想要手機版型的導覽列想要的顏色 */
  }






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


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



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


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

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






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

/**/
.grow:hover
{
 -webkit-animation: swing 1s ease;
 animation: swing 1s ease;
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}