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

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


.topnavbar {
    background: #fbfbfb url(https://static.iyp.tw/409852/files/18766027-71b7-4a53-adec-6d7906cdc385.jpg)repeat-x center;
  top:0px;
   position: relative;
   z-index:100;
 width:100%;
  padding: 0;
}



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




/*頁籤文字*/

#nav ul li a {
    padding: 8px;
    line-height: -0.7;
}

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

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

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





/*下拉式選單*/


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


/*subnav
#nav .subnav {
min-width: 260px;
}*/

#nav .subnav {
    max-width: 251px;
}





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



/*產品格*/

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

ul.product-list li a {
    color: #000;
    background-color: rgba(228,220,204,0.8);
}



ul.product-list li .desc { display: none;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #b0893b;
}



/*標題*/

.h1title {display:none;}


/*產品分類文字*/

#side ul li.current>div a {
    color: #8f7b54;
}


/*首頁*/

body.index .fcol.fcol-3 {   display:none;}
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 .fcol.fcol-1 {   margin-top: -40px;  }


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


/*footer*/


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

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




/*產品頁編輯框*/

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


/**/
 .container .box {
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #383838;
  /*margin: 20px;*/
  transition: 0.3s all ease-in-out;
  position: relative;
  /*box-shadow: 0px 0px 15px background;*/
  /* Link */
}
.container .box .boxContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px;
}
.container .box .boxContent .icon {
  color: #8293ff;
  font-size: 48px;
  padding: 15px;
}
.container .box .boxContent .title {
  font-size: 24px;
  color: #f7f7f7;
  font-weight: bold;
  padding: 10px;
}
.container .box .boxContent .desc {
  color: #f7f7f7;
  font-size: 15px;
  height: 20%;
}
.container .box a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.container .box:hover {
  background: linear-gradient(130deg, #eac58f 0%, #b58b44 100%);
  box-shadow: none;
}
.container .box:hover .icon,
.container .box:hover .title,
.container .box:hover .desc {
  color: white;
  transition: 0.3s all ease-in-out;
}

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


/*手風琴*/
#accordion li div {
 display:none;
}

#accordion li>h3{
   display:block;
   border:1px solid #dddddd;
   border-radius:3px; 
   background:#a9a9a9;
   margin-top: 7px;
   color:#FFF;
   padding: 10px;
}

#accordion li>div{
   border:1px solid #dddddd;
   border-radius:3px; 
   margin-top: 7px;
   padding: 10px;
   background: rgb(255 255 255 / 55%);
}

/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 70px;
    line-height: 70px;
    background: #c32f2f;
}
#tb td a:hover {
    background: #444;
}




/*圖片透明效果*/
.img3{
    opacity: 1.0; //設為完全不透明
    filter: alpha(opacity=50); // IE8 與更早的版本
}
.img3:hover{
    opacity: 0.5; //透明度設為 0.5
    filter: alpha(opacity=100); // IE8 與更早的版本
}




#photoLogo {
  width: 100%;
}





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




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



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


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


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