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);
}

.text-main{
  color:#d8373e;
}

.link-main {
  color:#d8373e;
  text-decoration: none;
  cursor: pointer;
}
.link-main:hover,.link-main:focus,.link-main:focus-within,.link-main:active,.link-main:focus-visible {
  color:#b8242a;
  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;
}