.btn_box {
  position: fixed;
  right: 1.1vw;
  bottom: 260px;
  z-index: 10;
  font-size: 32px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.btn_box a {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_box button {
  width: 50px;
  height: 50px;
  border: none;
  /* border-radius: 100px; */
}
.btn_box button:hover .top_img {
  box-shadow: 1px 3px 11px -3px rgba(0, 0, 0, 0.35);
}
.btn_box button .top_img {
  width: 50px;
  height: 50px;
  display: block;
  /* border-radius: 200px; */
  background-size: cover;
  box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
  background-image: url("https://hhh.com.tw/assets/images/section/icon/new-tool-icon/top1.svg");
}
.btn_box .note,
.btn_box .user,
.btn_box .cart {
  background: #fff;
  box-shadow: 1px 3px 13px -2px rgba(0, 0, 0, 0.35);
}
.btn_box .note:hover,
.btn_box .user:hover,
.btn_box .cart:hover {
  box-shadow: 1px 3px 11px -3px rgba(0, 0, 0, 0.35);
}
.btn_box .note {
    margin-top: 13px;
    margin-bottom: 10px;
}
.btn_box .note img {
  width: 22px;
  height: 22px;
  margin-left: 5px;
}
.btn_box .user {
  margin-bottom: 10px;
}
.btn_box .user img {
  width: 20px;
  height: 20px;
}
.btn_box .cart img {
  width: 25px;
  height: 25px;
}



@media screen and (min-width: 1200px) {
  .navbar-brand-block {
    display: inline-block;
    /*position: absolute;*/
    left: 8px;
  }
}

.empty {
  height: 0;
}

.item-card .photos-item-card {
  width: 100%;
  overflow: hidden;
}

.item-card .photos-item-card:hover .item-card-img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.item-card .item-card-img {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.item-card .item-card-text a {
  font-size: 16px;
  height: 24.96px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #212529;
}

.item-card .item-card-text a:hover {
  cursor: pointer;
}

@media screen and (min-width: 1200px) {
  .navbar-brand-block {
    display: inline-block;
    /*position: absolute;*/
    left: 8px;
  }
}

@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
  .navbar-brand-block {
    position: relative;
  }
}

@media screen and (min-width: 1200px) {
  .navbar-collapse-block {
    margin-left: auto;
    margin-right: auto;
  }
  .nav-user-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    /*position: absolute;*/
    right: 8px;
  }
}

@media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
  .nav-user-block {
    position: relative;
  }
}

@media screen and (min-width: 1200px) {
  .navbar-brand-block-sm {
    display: none;
  }
  body {
    overflow: auto;
  }
  .nb-mobile, .nb-mobile-icon {
    display: none;
  }
  .dropdown-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .st-mobile, .footer-fix, .searchall {
    display: none;
  }
  .top-designer, .search-bar, .search-tab {
    display: block;
  }
  .item-card-img-wrapper {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
  .item-card-img {
    position: relative;
    width: 100%;
    height: 290px;
    background-size: cover;
    background-position: center center;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .gotop-btn-wrapper {
    right: 2%;
    bottom: 10%;
    z-index: 999;
  }
  .owl-nav {
    width: calc(100% + 70px);
    z-index: 10;
  }
  .photos-owl-wrapper {
    background-image: url(../images/section/icon/photos/owl-bg-m.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .gotop-btn-wrapper {
    right: 2%;
    bottom: 10%;
    z-index: 999;
  }
  .icon {
    width: 74px;
    height: 70px;
  }
  .info-area-other-case img, .info-area-same-case img {
    width: 100%;
    height: 170px;
  }
  .info-area-title {
    font-size: 22px;
  }
  .data-table {
    font-size: 18px;
  }
  .data-table .data-table-lf {
    -ms-flex-preferred-size: 14%;
        flex-basis: 14%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    max-width: 14%;
  }
  .data-table .data-table-rt {
    -ms-flex-preferred-size: 86%;
        flex-basis: 86%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    max-width: 86%;
    word-break: break-all;
  }
  .contact-section span {
    font-size: 22px;
  }
  .contact-section .contact-section-detail {
    font-size: 18px;
  }
  .info-area-other-case, .info-area-same-case, .info-area-data, .info-area-contact {
    font-size: 20px;
  }
  .owl-nav {
    width: calc(100% + 70px);
    z-index: 10;
  }
  .photos-owl-wrapper {
    background-image: url(../images/section/icon/photos/owl-bg-s.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
  }
  .member {
    padding-top: 5.5rem;
  }
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
  .search-tab-itemBtn .dropdown-wrapper {
    display: -webkit-box !important;
  }
  .footer .footer-media {
    color: #3b5998;
  }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
  .owl-nav {
    width: calc(100% + 40px);
    height: 0%;
    z-index: 10;
  }
  .photos-owl-wrapper {
    background-image: url(../images/section/icon/photos/owl-bg-s.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
  }
  .member {
    padding-top: 5.5rem;
  }
  .member .item-card-member .item-card-img-member {
    width: 100%;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
  .nb-mobile.active {
    position: fixed;
    bottom: 0;
  }
  #navbarSupportedContent {
    display: none;
  }
  .search-tab-itemBtn .dropdown-wrapper {
    display: -webkit-box !important;
  }
}

@media screen and (max-width: 576px) {
  .gotop-btn-wrapper {
    right: 3%;
    bottom: 10%;
    z-index: 999;
  }
  .empty {
    display: inline-block;
    height: 35px;
  }
  .photos-overflow {
    overflow-x: hidden;
  }
  .owl-nav {
    width: calc(100% + 40px);
    height: 0%;
    z-index: 10;
  }
  .photos-owl-wrapper {
    background-image: url(../images/section/icon/photos/owl-bg-s.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
  }
  .member {
    padding-top: 5.5rem;
  }
  .member .item-card-member .item-card-img-member {
    width: 100%;
    height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .navbar-brand-block, .navbar-collapse-block, .nav-user-block {
    display: none;
  }
  .navbar-brand-block-sm {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .nb-mobile-icon {
    display: block;
  }
  .nb-mobile-icon .bars {
    display: block;
  }
  .nb-mobile-icon .bars.active {
    display: none;
  }
  .nb-mobile-icon .arrow {
    display: none;
  }
  .nb-mobile-icon .arrow.active {
    display: block;
  }
  .search-tab-itemBtn .dropdown-wrapper {
    display: -webkit-box !important;
  }
}








/*·Æ°Ê¤è¶ô*/

.btn-box {
  position: fixed;
  right: 13px;
  /*bottom: 170px;*/
  bottom: 130px;
  /*z-index: 10;*/
  z-index: 1000;
  font-size: 32px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .btn-box {
    right: 5px;
    bottom: 85px;
  }
}
.btn-box a {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.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);
}
.btn-box button:hover {
  transition: all 0.5s;
  background: rgb(255, 255, 255);
}
.btn-box button:hover img {
  filter: invert(50%) sepia(50%) saturate(4600%) hue-rotate(365deg) brightness(100%) contrast(100%);
}
.btn-box button img {
  width: 20px;
}

.btn-box .btn-gotop img {
  margin-top: -7px;
}
.btn-box .btn-gotop:focus {
    outline: none;
} 

.btn-box .calculator-btn p,
.btn-box .shop-btn p {
  display: none;
  width: 0px;
  /* margin-right: -5px; */
     margin: 0 0 0 10px;
  overflow: hidden;
  color: #ee751b;
  font-size: 16px;
  letter-spacing: 1px;
  transition: all 0.6s;
}
.btn-box .calculator-btn.show a img,
.btn-box .shop-btn.show a img {
  width: 22px;
  margin-left: 3px;
  position: relative;
  left: 8px;
}


.btn-box .shop-btn a,
.btn-box .calculator-btn a {

 text-decoration: none;

}



.btn-box .calculator-btn.show a p,
.btn-box .shop-btn.show a p {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
}
.btn-box .calculator-btn.show {
  width: 120px;
  margin-left: -75px;
}
.btn-box .shop-btn.show {
  width: 95px;
  margin-left: -50px;
}



.navbar-brand-block {
  display: flex;
  align-items: center;
}


.navbar {
    padding: 2px 2.5rem 0;
}


/*# sourceMappingURL=photos_main.css.map */