html {
  font-size: 0.875rem;
}

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video { font-size: 1rem; }

hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

/*RWD the point size for Bootstarp
.className {
  max-width: 1200px;
}
@media (min-width: 576px) {
  .className {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .className {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .className {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .className {
    max-width: 1140px;
  }
}
*/

/*.mean-container .mean-bar:after{
  content:"選單" //選單中文化
}*/
/*  圖片垂直致中 需其他校正
.product-item-3 .product-thumb a>img {
  bottom: 0;margin-top:auto;margin-bottom: auto;
}*/

/*page-wrapper product*/
.product-item:hover .img-pri {
  opacity: 0;
}
.product-list-item:hover .img-pri{
  opacity: 0;
}
.product-item-3 .product-thumb {
  height: calc(100vw - 32px);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-background-color: rgba(0, 0, 0, 0.15);
}

@media (min-width: 479px) {
  .product-item-3 .product-thumb {
    height: calc(45vw - 32px);
  }
}

@media (min-width: 576px) {
  .product-item-3 .product-thumb {
    height: calc(45vw - 32px);
  }
}

@media (min-width: 768px) {
  .product-item-3 .product-thumb {
    height: calc(33vw - 32px);
  }
}

@media (min-width: 992px) {
  .product-item-3 .product-thumb {
    height: 270px;
  }
}

.product-item .product-thumb {
  height: calc(100vw - 32px);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-background-color: rgba(0, 0, 0, 0.15);
}

@media (min-width: 479px) {
  .product-item .product-thumb {
    height: auto;
  }
}

@media (min-width: 576px) {
  .product-item .product-thumb {
    height: calc(45vw - 32px);
  }
}

@media (min-width: 768px) {
  .product-item .product-thumb {
    height: calc(33vw - 32px);
  }
}

@media (min-width: 992px) {
  .product-item .product-thumb {
    height: 270px;
  }
}
/*lastest product*/
.product-item-5 .product-thumb {
  height: calc(100vw - 32px);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-background-color: rgba(0, 0, 0, 0.15);
}

@media (min-width: 479px) {
  .product-item-5 .product-thumb {
    height: calc(45vw - 32px);
  }
}

@media (min-width: 576px) {
  .product-item-5 .product-thumb {
    height: calc(45vw - 32px);
  }
}

@media (min-width: 768px) {
  .product-item-5 .product-thumb {
    height: calc(33vw - 32px);
  }
}

@media (min-width: 992px) {
  .product-item-5 .product-thumb {
    height: calc(20vw - 32px);
  }
}

@media (min-width: 1200px) {
  .product-item-5 .product-thumb {
    height: 210px;
  }
}

/*buy button hover effect*/
.action_link {
  transform: all 0.3s ease;
}

.action_link:hover,
.action_link:focus,
.action_link:focus-visible,
.action_link:focus-within,
.action_link:target {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -o-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.product-details-des .active {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -o-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.share-icon a:hover {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -ms-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -o-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.slider-wrapper-area .hero__1 .single-slider {
  height: 212px;
}

.slider-wrapper-area .hero__1 .single-slider .slider-main-content {
  height: 212px;
}

.btn-gray {
  color: #fff;
  background: #444444 linear-gradient(180deg, #6b6b6b, #444444) repeat-x;
  border-color: #444444;
}

.btn-gray:hover {
  color: #fff;
  background: #3d3d3d linear-gradient(180deg, #444444, #3d3d3d) repeat-x;
  border-color: #3d3d3d;
}

.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background: #444444 linear-gradient(180deg, #3d3d3d, #444444, ) repeat-x;
  border-color: #3d3d3d;
  box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -ms-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -o-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
}

.btn-gray.disabled,
.btn-gray:disabled {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
  background-image: none;
}

.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active,
.show>.btn-gray.dropdown-toggle {
  color: #fff;
  background-color: #808080;
  background-image: none;
  border-color: #ccc;
}

.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus,
.show>.btn-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -ms-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
  -o-box-shadow: 0 0 0 0.2rem rgba(161, 144, 143, 0.5);
}

.link-main {
  text-decoration: none;
  cursor: pointer;
}
.link-main:hover,.link-main:focus,.link-main:focus-within,.link-main:active,.link-main:focus-visible {
  text-decoration: underline;
}
.main-header-wrapper.bdr-bottom1{
  box-shadow: 0 7px 8px -8px #404040;
  -webkit-box-shadow: 0 7px 8px -8px #404040;
  -moz-box-shadow: 0 7px 8px -8px #404040;
  -ms-box-shadow: 0 7px 8px -8px #404040;
  -o-box-shadow: 0 7px 8px -8px #404040;
}
.slight-shadow{
  box-shadow: 0 2px 8px 2px #dfdfdf;
  -webkit-box-shadow: 0 2px 8px 2px #dfdfdf;
  -moz-box-shadow: 0 2px 8px 2px #dfdfdf;
  -ms-box-shadow: 0 2px 8px 2px #dfdfdf;
  -o-box-shadow: 0 2px 8px 2px #dfdfdf;
}
.shop-product-wrap.list .product-list-content{
  padding-left:1rem;
}
.brand-logo>a>img{
  max-height: 120px;
  height: auto;
}
.white-space{
  white-space:break-spaces;
}
.hyperLinkTop{
  position: relative;
  width: 45px;
  height: 0;
  
}
.hyperLinkTop>ul{
  position: absolute;
  text-decoration: none;
  display: flex;
  flex-direction: column-reverse;
  bottom: 0;
  padding-bottom: 41px;
  width: 45px;
}
.hyperLinkTop>ul>li{
  margin-bottom:12px;
  border-radius: 100%;
  width: 43px;
  height: 43px;
  border: 1px solid #fff;
  box-shadow: 2px -2px 4px 0 #404040;
  -webkit-box-shadow: 2px -2px 4px 0 #404040;
  -moz-box-shadow: 2px -2px 4px 0 #404040;
  -ms-box-shadow: 2px -2px 4px 0 #404040;
  -o-box-shadow: 2px -2px 4px 0 #404040;
  background: #808080;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.hyperLinkTop>ul>li:hover{
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
}
.hyperLinkTop>ul>li img{
  width: 43px;
  height: 43px;
}
.hyperLinkTop>ul>li img:hover{
  opacity:0.75;
}
.hyperLinkTop>ul>li a{
  color: #fff;
}