.black{background-color:rgba(44, 45, 50, 0.6);width:100%;}

/* SHARE BOX */
.share-boxs{
  position: fixed;
  right: 25px;
  top: 10px;   
  z-index: 99999;
}
.share-icons{
  float: left;
  margin: 0 -5px;
}
.share-icons a{
  display:inline-block;
  width: 55px;
  height: 55px;
  background-repeat:no-repeat;
  background-position:center center;
  transform: scale(0.7);
}
.share-icons a:hover{
  background-position:center center;
} 

.hhh-index a{
  background-image:url(../img/0519icon/Logo3.svg);
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5)); 
}
.line-friend a{
  background-image:url(../img/0519icon/LINE3.svg);
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}
.fb-share a{
  background-image:url(../img/0519icon/FB3.svg);
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}
.yt-share a{
  background-image:url(../img/0519icon/YT3.svg);
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5)); 
}
.ig-share a{
  background-image:url(../img/0519icon/IG3.svg);
  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
}

.hhh-index a:hover{
  background-image:url(../img/0519icon/Logo2.svg);
}
.line-friend a:hover{
  background-image:url(../img/0519icon/LINE2.svg); 
}
.fb-share a:hover{
  background-image:url(../img/0519icon/FB2.svg);
}
.yt-share a:hover{
  background-image:url(../img/0519icon/YT2.svg);
}
.ig-share a:hover{
  background-image:url(../img/0519icon/IG2.svg);
}

#record{
  background-color: #fff;
}
#menus{
  z-index: 999 !important;
}
/* tool box start*/
.icon-tool-box-wrapper{
  width: 50px;
  position: fixed;
  /* bottom: 3%;
  right: 1%; */
  bottom: 30px;
  right: 15px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}

.icon-tool{
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: cover;
  margin: 5px 0;
  -webkit-box-shadow: 5px 3px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 5px 3px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.icon-toTop{
  background-image: url(../img/0519icon/top1.svg);
  opacity: 1;
}

.icon-toTop:hover, .icon-toTop:active{
  cursor: pointer;
}

.icon-calculator{
  background-image: url(../img/0519icon/estimate2.svg);
  opacity: 1;
}

.icon-calculator:hover, .icon-calculator:active{
  cursor: pointer;
}

.icon-demand{
  background-image: url(../img/0519icon/advisory2.svg);
  opacity: 1;
}

.icon-demand:hover, .icon-demand:active{
  cursor: pointer;
}

.icon-share{
  background-image: url(../img/0519icon/share1.svg);
  opacity: 1;
}

.icon-share:hover, .icon-share:active{
  cursor: pointer;
}
/* tool box start*/


/*分享社群媒體 start*/

.icon-media-wrapper{
  width: 200px;
  height: 50px;
  position: fixed;
  /* bottom: 3.5%;
  right: 4.5%; */
  bottom: 35px;
  right: 77px;
  z-index: 99;
  -webkit-box-shadow: 5px 3px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 5px 3px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  display: none;
}

.icon-media-wrapper.active{
  display: flex;
}

.icon-media-block{
  width: 100%;
  position: relative;
  background-color: #fff;
}

.icon-media-box-wrapper{
  position: absolute;
  top: 14%;
  width: 100%;
}

.icon-media-box{
  padding: 0 1rem;
  background-color: #fff;
  display: flex;
  justify-content: space-evenly;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
}

.icon-media-item{
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 33%;
}

.icon-media-item-line{
  background-image: url(../img/0519icon/share-LINE1.svg);
  width: 33%;
  /* transition: background-image 500ms ease-in-out; */
}

.icon-media-item-line:hover, .icon-media-item-line:active{
  background-image: url(../img/0519icon/share-LINE2.svg);
  width: 33%;
  cursor: pointer;
}

.icon-media-item-fb{
  background-image: url(../img/0519icon/share-FB1.svg);
  width: 33%;
  /* transition: background-image 500ms ease-in-out; */
}

.icon-media-item-fb:hover, .icon-media-item-fb:active{
  background-image: url(../img/0519icon/share-FB2.svg);
  width: 33%;
  cursor: pointer;
}

.icon-media-item-wechat{
  background-image: url(../img/0519icon/share-wechat1.svg);
  width: 33%;
  /* transition: background-image 500ms ease-in-out; */
}

.icon-media-item-wechat:hover, .icon-media-item-wechat:active{
  background-image: url(../img/0519icon/share-wechat2.svg);
  width: 33%;
  cursor: pointer;
}

/*分享社群媒體 end*/






/*滑動按鈕*/
.topglory-btn-box {
  position: fixed;
  right: 13px;
  bottom: 170px;
  z-index: 10;
  font-size: 32px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
@media (max-width: 981px) {
  .topglory-btn-box {
	/*
    right: 5px;
    bottom: 85px;
	*/
    right: 100px;
    bottom: 400px;
  }
}
.topglory-btn-box a {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.topglory-btn-box button {
  width: 46px;
  height: 46px;
  margin: 3px 0;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 2px 3px #ccc;
  background: rgba(255, 255, 255, 0.9);
}
@media (max-width: 981px) {
  .topglory-btn-box button{
    width: 120px;
    height: 120px;
    margin: 10px 0;


  }
}

.topglory-btn-box button:hover {
  transition: all 0.5s;
  background: rgb(255, 255, 255);
}
.topglory-btn-box button:hover img {
  filter: invert(50%) sepia(50%) saturate(4600%) hue-rotate(365deg) brightness(100%) contrast(100%);
}
.topglory-btn-box button img {
  width: 20px;
}
@media (max-width: 981px) {
  .topglory-btn-box button img{
   width: 60px;

  }
}

.topglory-btn-box .btn-gotop img {
  position: relative;
  top: -5px;
}
.topglory-btn-box .calculator-btn p,
.topglory-btn-box .shop-btn p {
  display: none;
  width: 0px;
  margin-right: -5px;
  margin-bottom: 0;
  overflow: hidden;
  color: #ee751b;
  font-size: 16px;
  letter-spacing: 1px;
  transition: all 0.6s;
}
.topglory-btn-box .calculator-btn.show a img,
.topglory-btn-box .shop-btn.show a img {
  width: 22px;
  margin-left: 3px;
  position: relative;
  left: 8px;
}
.topglory-btn-box .calculator-btn.show a p,
.topglory-btn-box .shop-btn.show a p {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
}
.topglory-btn-box .calculator-btn.show {
  width: 120px;
  margin-left: -75px;
}
.topglory-btn-box .shop-btn.show {
  width: 95px;
  margin-left: -50px;
}

 .mb-menu {
      display: none;
    }
/*
    @media (max-width: 767px) {
      .mb-menu {
        display: block;
      }
    }
*/
@media (max-width: 981px) {
  .topglory-btn-box .calculator-btn img{
   width: 60px !important;

  }
}















/* ===== 修正：dots 壓到下面設計師區塊 ===== */

/* 外層 */
.flex-container{
  position: relative;
  overflow: visible;
}

/* slider 本體：用 margin-bottom 推開下一段，不用 padding-bottom 撐高 */
.flexslider{
  position: relative;
  height: auto;
  overflow: visible;
  margin-bottom: 60px;   /* 依你想留的距離調整 40~80 */
  z-index: 1;            /* 不要壓過下面內容 */
}

/* viewport 只負責裁切圖片 */
.flexslider .flex-viewport{
  overflow: hidden;
}

/* 圖片撐滿 */
.flexslider .slides img{
  display: block;
  width: 100%;
  height: auto;
}

/* dots 放在圖片內側底部（不會跑到下一段） */
.flexslider .flex-control-nav{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;    /* dots 在圖內的位置 */
  z-index: 5;      /* 只要蓋在圖片上即可 */
}

/* 下面內容正常層級 */
.main-content{
  position: relative;
  z-index: 2;
}

.main-content{ clear: both; }