/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.stretched #wrapper {
  background-repeat: repeat;
  background-image: url('../admin/archive/default/bg-trans.png');
}

@media screen and (max-width: 992px) {
  #gotoTop {
    z-index: -999;
  }
}

@media (min-width:992px) {
  #gotoTop {
    z-index: 999;
  }
}

/*  241116 自訂浮動兩側圖片  */
.img-sticky {
  position: fixed;
  bottom: 30%;
  right: 20px;
  width: 60px;
  /* 要固定寬度，多個才能直列顯示*/
  z-index: 99;
}

.img-sticky.img-sticky-right img {
  border-radius: 50%;
  padding-bottom: 5px;
}


/* 自訂底部浮動-手機版 */
ol,
ul {
  list-style: none;
  margin-bottom: 0;
}

.mobile_footer {
  position: fixed;
  z-index: 1000;
}

.mobile_footer .btn-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: unset;
  border: none;
  padding: 0;
  background: transparent;
  text-decoration: none;
}

.mobile_footer .btn-link .top {
  position: relative;
  bottom: 7px;
  width: 15px;
  height: 15px;
  -webkit-mask: url(../admin/archive/default/icon_right.svg) no-repeat;
  background-color: #d0d0d0;
  transform: rotate(-90deg);
}

.mobile_footer .btn-link::after {
  display: none;
}

.mobile_footer .btn-link .icon {
  display: block;
}

@media screen and (max-width: 992px) {
  #home .banner {
    height: calc(100vh - 70px);
    position: relative;
  }

  .mobile_footer .for-desktop {
    display: none !important;
  }

  .mobile_footer {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -o-linear-gradient(#47423f, #251a13);
    background-image: linear-gradient(#47423f, #251a13);
    padding: 0 25px;
  }

  .mobile_footer>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
  }

  .mobile_footer .btn-link {
    color: #ffffff;
    font-size: 25px;
    width: 30px;

  }

  .mobile_footer .btn-link img {
    width: 100%;
    height: 100%;

  }

  .mobile_footer .btn-fb {
    font-size: 25px;
  }

  .mobile_footer .btn-gotop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    cursor: pointer;
  }

  .mobile_footer .btn-gotop .icon {
    margin-top: -5px;
  }

  .mobile_footer .btn-gotop .txt {
    display: block;
    font-size: 12px;
    font-weight: 600;
  }

  @media (min-width: 576px) {
    .mobile_footer>ul {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }

    .mobile_footer .list-item+.list-item {
      margin-left: 25px;
    }
  }

  @media (max-width: 575.98px) {
    .mobile_footer>ul {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  }
}

@media (min-width:992px) {
  .mobile_footer {
    display: none;
  }
}


/* footer 自訂 */
.bg-handle{
  background-color: #28345a !important;
  color:#ffffff;
}

#footer li.inline-block a:hover{
  margin:0 5px;
  padding:0 5px;
  border-radius:3px;
  background-color:#ffffff;
  color:#28345a !important;
}