#google_translate_element { position:absolute; top:60px; left:800px;}
/*map icon*/
.map{position:fixed;right:1%;top:5%;z-index:1000}
/*phone icon*/
.phone{position:fixed;right:1%;top:15%;z-index:1000}
/*line-1 icon*/
.line-1{position:fixed;right:1%;top:25%;z-index:1000}


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

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




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

.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}



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





#nav ul li.current a {color: #FFF; border-bottom: 2px solid #FFF;}
#nav ul li a{color: #222;}
#nav ul li a:hover {color: #FFF; border-bottom: 2px solid #FFF;}

#nav .subnav a:hover {
    border-bottom: 0px solid #FFF;
}


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

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



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



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


body {
    background-color: #efeeee;

}

body.index .fcol.fcol-1 {   margin-top: -40px;  }
body.index .fcol.fcol-1 {    background: #30323d;}
body.index .fcol.fcol-1 .container {width: 80%;}
body.index .fcol-2 {
    background:  url(https://static.iyp.tw/6315/files/aa67f394-1d2b-4ded-adbc-59d400bf50fd.jpg)no-repeat bottom;
    background-attachment: fixed;
    background-size: cover;

}

body.index .fcol.fcol-4 {    background: rgba(0,0,0,0.1);}
body.index .fcol.fcol-5 {   display:none;}
body.index .fcol.fcol-6 {   display:none;}
body.index #footer { margin-top: -40px;}

/*title文字顏色*/
.h1title {
    text-align: center;
    color: #000;
    border-bottom: 0px solid #e5989a;
    
}

#footer {
    background: url(https://static.iyp.tw/6315/files/afe89121-5c6e-497c-a254-e5d863f14b6c.jpg) no-repeat center rgba(0,0,0,1);
}

#foot-nav ul li a {

    display: none;
}


#foot-nav {

    border-bottom: 1px solid #00000e;
}




/*大標下底線*/
.title-bar {
    margin-bottom: 1.417em;

}

.title-bar::after {
    content: "";
    display: block;
    width: 2em;
    margin: 0.25em auto 0;
    border-top: solid 3px #FCD25D;
}


/*改內文標題顏色*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: inherit;
    color: #000;
}

/*改產品大標的陰影*/
.product-list-div h2 {
    text-shadow: 0 0px 0 #333;
}



/*改產品標題顏色*/
ul.product-list li a.focus h3, ul.product-list li a:hover h3 {
    color: #464646;
}
ul.product-list li h3 {
    flex: 1 0 auto;
    max-height: 3.15rem;
    margin: 0.7rem 0;
    font-size: 1.05rem;
    line-height: 1.5;
    color: #7a7a7a;
    overflow: hidden;
    padding: 0 16px;
}


/*側邊文字顏色*/
#side ul li a {
    color: #222;

}


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

body[data-type="fullpage"]:not(#managehome) #wrap>*:not(:last-child) {
    margin-bottom: 00px;
}

/*table語法 -讓手機不會破版*/
table {
table-layout: fixed;
word-wrap:break-word;
}

/*UL大標 https://www.daconote.com/css%E9%A0%85%E7%9B%AE%E6%B8%85%E5%96%AE-list/*/
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ol.c {
  list-style-type: decimal;/*數字*/
}

ol.d {
  list-style-type: disc;
  margin-left: 1em;
  
}

.d li {
  border-bottom: 1px solid #ddd;
}


/*了解更多*/
.bg-icon  {
  background-color: #ffda00; 
  width:100%; 
  height:100%;
  margin-left: auto; 
  margin-right: auto;
  color:#000;
  transition:.3s all ease;
  padding:10px;
  text-align:center;
}

.bg-icon:hover  {
  background-color: #ff9000; 
}


/*圖片*/
.row [class^="col-"] img {
  opacity:3;
    transition:0.7s
}
.row [class^="col-"] {
  padding:10px;
}
.picc {

  overflow:hidden;
}
.picc img:hover {
  transform:scale(1.1);
}

.picc img {
    width:90%; 
   height:300px;
    margin-left:auto; /*置中*/
    margin-right:auto;/*置中*/  
    object-fit: cover;
}

.picc2 {

  overflow:hidden;
}
.picc2 img:hover {
  transform:scale(1.1);
}

.picc2 img {
    width:90%; 
   height:200px;
    margin-left:auto; /*置中*/
    margin-right:auto;/*置中*/  
    object-fit: cover;
}

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



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