@import url(../fontawesome/css/all.css);
@font-face {font-family: Ethnocentric rg;src: url(https://cdn.prod.website-files.com/6231a9ee43621f83e1552a71/62b13593f8989b6468cdadcd_ethnocentric%20rg.ttf)format("truetype");font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: Ethnocentric rg it;src: url(https://cdn.prod.website-files.com/6231a9ee43621f83e1552a71/62b1359360217b7471fd2d3c_ethnocentric%20rg%20it.ttf)format("truetype");font-weight: 400;font-style: normal;}
@font-face {font-family: Sailec;src: url(https://cdn.prod.website-files.com/6231a9ee43621f83e1552a71/62b135932bf556c17575d8e5_Sailec%20Bold.ttf)format("truetype");font-weight: 700;font-style: normal;font-display: swap;}
@font-face {font-family: Sailec;src: url(https://cdn.prod.website-files.com/6231a9ee43621f83e1552a71/62b135938e14562628552c16_Sailec%20Light.ttf)format("truetype");font-weight: 300;font-style: normal;font-display: swap;}
@font-face {font-family: Sailec;src: url(https://cdn.prod.website-files.com/6231a9ee43621f83e1552a71/62b135936a9af47b9c6e0ccd_Sailec%20Medium.ttf)format("truetype");font-weight: 500;font-style: normal;font-display: swap;}
@font-face {font-family: Sailec;src: url(https://cdn.prod.website-files.com/6231a9ee43621f83e1552a71/62b1359360217b3fe2fd2d3d_Sailec%20Thin.ttf)format("truetype");font-weight: 100;font-style: normal;font-display: swap;}

:root {
    --white-smoke: #e9e9e9;
    --white-smoke-2: #eee;
    --black: #000;
    --red: #dc0100;
    --gainsboro: #ddd;
    --white: white;
    --blue: #005dac;
    --accessible-components--dark-grey: #9b9b9b;
    --accessible-components--white-smoke: whitesmoke;
    --body-color: #ebebeb;
    --bs-navbar-bg-rgb: 0,0,0;
    --bs-hcolor-b-rgb: 220, 1, 0;
    --bs-hcolor-a-rgb: 73, 38, 32;
}
/* color:var(--red); */
/* color: rgba(var(--bs-hcolor-a-rgb),0.5); */

body, html{font-family: '微軟正黑體',-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
a, a:focus, a:focus-within {outline: none;text-decoration: none;cursor: pointer;}
a {color:var(--black);}
a:hover {color:var(--red);}

input,button,select,optgroup,textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;outline: 0;}
button,input,optgroup,select,textarea,button:focus,input:focus,optgroup:focus,select:focus,textarea:focus {color: inherit;font: inherit;margin: 0;outline: none;box-shadow:0;}

button {overflow: visible}
button,select {text-transform: none}

button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0}
input {line-height: normal}
input[type=checkbox],input[type=radio] {box-sizing: border-box;padding: 0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height: auto}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance: none}
.navbar-brand img {max-width:12rem;}

footer {padding-top:2rem;padding-bottom:2rem;}
.col-foot {height:100px;font-size:0.8rem;border-top:1px solid rgba(var(--bs-hcolor-a-rgb),.3);padding-top:1rem;}
.col-foot a, .col-foot a:link {color:var(--bs-hcolor-a);text-decoration: none;}
.col-foot a:hover {text-decoration:underline;}
footer.bg-foot {padding-top:5rem;background-color:#ffffff;position:relative;}
.col-foots {font-size:0.8rem;border-top:1px solid rgba(var(--bs-hcolor-a-rgb),.3);padding-top:1rem;}
.col-foots a, .col-foot a:link {color:var(--bs-hcolor-a);text-decoration: none;}
.col-foots a:hover {text-decoration:underline;}
.smlink a {display:inline-block;padding:0 0.3rem;}
.smlink img {width:40px;}
.smlink .addline img {width:auto;}

.product-list .card {border:0;}
.product-list a.card {color:#000000;}
.product-list font.card-title {font-size:1.5rem;font-weight:900;margin-top:1.3rem;margin-bottom:0;}
.product-list .card-text {font-size:0.8rem;}
.product-list .card-text span {font-size:1.3rem;font-weight:900;color:#dc0100;font-family: 'Roboto Condensed','Noto Sans TC', sans-serif, 'Lao UI', Geneva, Tahoma, Verdana, Arial,Lato !important;}
.product-list .card-footer {background-color:rgba(var(--bs-body-color-rgb), 0);min-height: 7rem;}
.product-list .card .card-body,.product-list .card .card-footer font {position: relative;}
.product-list .card .card-body {overflow: hidden;}
.product-list .card .card-body::before {display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;transition: opacity .3s ease-in-out;background-color: rgba(255,255,255,0.5);content: "";opacity: 0;z-index: 1;}
.product-list .card:hover .card-body::before {opacity:1;}
.product-list .card .card-footer font::before {content: "";position: absolute;width: 0;height: 2px;left: 0;top: 100%;background: #000000;transition: width .3s ease;}
.product-list .card:hover .card-footer font:before{text-decoration: none;width: 100%;}
.product-list .card .card-body h2 {position:absolute;left:50%;bottom:0;transform: translate(-50%, 10rem);transition-duration: .3s;font-size:1.5rem;font-weight:900;color:#fff;padding:0.5rem 2rem;background-color:#dc0100;z-index:2;}
.product-list .card:hover .card-body h2 {transform: translate(-50%, 0);}

/* 產品介紹*/
.carousel-sticky {position: sticky;top: 0;}

.page-title-overlap {/* padding-bottom: 6.375rem; */ min-height: 26rem;background-repeat:no-repeat;background-size:100% auto;}
.page-title-overlap + * {margin-top: -22rem;}
.headbg1 {background-image:url(../images/headbg1.avif);background-position:100% 75%;}
.headbg2 {background-image:url(../images/headbg2.avif);background-position:100% 65%;}
.headbg3 {background-image:url(../images/headbg3.avif);background-position:100% 60%;}
.headbg4 {background-image:url(../images/headbg4.avif);background-position:100% 90%;}

.breadcrumb {display: flex;flex-wrap: wrap;padding: 0 0;margin-bottom: 0;font-size: 0.8125rem;list-style: none;}
.breadcrumb-item > a > i {margin-top: -0.175rem;margin-right: .375rem;font-size: 1.05em;vertical-align: middle;}
.breadcrumb-light .breadcrumb-item > a {color: #fff;}
.breadcrumb-light .breadcrumb-item.active {color: rgba(255,255,255,1);}
.breadcrumb-item + .breadcrumb-item::before {color: rgba(255,255,255,1);}

.carousel-indicators button.thumbnail {width: 100px;border:1px solid rgba(0,0,0,0.3);display:block;height:auto;}
.carousel-indicators button.thumbnail:not(.active) {opacity: 0.5;border:0;}
.carousel-indicators {position: static;margin-top:0.5rem;}
.carousel-control-next, .carousel-control-prev {font-size:3rem;color:rgba(0,0,0,0.2);}
.carousel-control-next:hover, .carousel-control-prev:hover {color:rgba(0,0,0,1);}
@media screen and (min-width: 992px) {.carousel {max-width: 100%;margin: 0 auto;}}


#st-1 .st-btn {height: 32px !important;padding: 0 5px !important;border: 2px solid rgba(255,255,255,0.5) !important;}
#st-1 .st-btn > img {top: 5px !important;}

.pdviewtxt {font-size:1rem;}
.pdviewtxt .ptxt{font-size:1.5rem;font-weight:900;min-height:10rem;margin-bottom:2rem;color:#ffffff;}
.pno-txt {font-size:1.5rem;font-weight:900;color:#ffffff;}

.pdviewtxt span {padding:0.5rem;font-size:1.5rem;font-weight:900;display:inline-block;}
.pdviewtxt .forsale {color: rgba(var(--bs-hcolor-b-rgb),1);font-weight:900;font-size:2.2rem; font-family: 'Roboto Condensed','Noto Sans TC', sans-serif, 'Lao UI', Geneva, Tahoma, Verdana, Arial,Lato !important;}
.pdviewtxt span.onsale {color: rgba(var(--bs-hcolor-a-rgb),0.5);}
.pdviewtxt h4 {font-size:1rem;font-weight:400 !important;color:var(--bs-hcolor-a);line-height: 2;margin-bottom:2rem;}
.pdviewtxt h5 {font-weight:900 !important;color:var(--bs-hcolor-a);}

.nav-link-style {color: #4b566b;text-decoration: none;}
.nav-link-style:hover,.nav-link-style.active {color: #fe696a;}
.list-unstyled {list-style: none;}
.fs-base {font-size: 1rem !important;font-weight:bold;}
.rounded-circle {border-radius: 50% !important;}
.img-thumbnail {padding: .3125rem;background-color: #fff;border: 4px solid rgba(var(--bs-hcolor-a-rgb),.5);box-shadow: none;max-width: 100%;padding:.9rem;height: auto;text-align:center;}
.img-thumbnail .fa-user {font-size:3rem;color:rgba(var(--bs-hcolor-b-rgb),.5);}
.col-right {padding-top: 6rem;}
.col-vimeo {padding:56.25% 0 0 0;position:relative;}
.iframe-vimeo {position:absolute;top:0;left:0;width:100%;height:100%;}

.btn-buy {color: #000000;background-color:var(--white);border-color:var(--red);border-radius:0;}
.btn-buy:hover {color: #ffffff;background-color:var(--red);border-color:var(--red);}

.btn-submit {color: #ffffff;background-color:var(--black);border-color:var(--black);border-radius:0;}
.btn-submit:hover {color: #ffffff;background-color:var(--red);border-color:var(--red);}

/* 返回頁首 */
.top-navbar {opacity: 1 !important;background-color: #ffffff !important;}
.show-navbar{-webkit-transition: opacity .5s ease-in;-moz-transition: opacity .5s ease-in;-ms-transition: opacity .5s ease-in;-o-transition: opacity .5s ease-in;transition: opacity .5s ease-in;opacity:1;}
.totop-btn {font-size:3.5rem;display: block;position: fixed;bottom:5.5rem;right:-3.5rem;color:var(--black);opacity:.7;z-index:2;transition: right 300ms ,opacity .3s,background-color .25s ease-in;}
.totop-btn:hover {color:var(--red);opacity:1;}
.totop-view {right:1.5rem;transition: right 500ms ,opacity .3s,background-color .25s ease-in-out;}



/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.carousel-indicators {display:none;}
.breadcrumb-light .breadcrumb-item > a {color: #000;}
.breadcrumb-light .breadcrumb-item.active {color: rgba(0,0,0,1);}
.breadcrumb-item + .breadcrumb-item::before {color: rgba(0,0,0,1);}
.page-title-overlap {/* padding-bottom: 6.375rem; */ min-height: auto;background-image:url(../images/headbg.avif);background-repeat:no-repeat;background-position:-100% -100%;background-size:100% auto;}
.page-title-overlap + * {margin-top:0;}
.col-right {padding-top: 1.5rem;}
.pdviewtxt .ptxt {font-size:1rem;font-weight:900;min-height:auto;margin-bottom:0rem;color:#000;display:block;}
.pdviewtxt .forsale {font-size:1.5rem;}
.pdviewtxt h4 {font-size: 1rem;}
.pno-txt {font-size:1.2rem;font-weight:900;color:#000;}



}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {


}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.product-list .card-footer {min-height: 7rem;}
.product-list font.card-title {font-size: 1.3rem;}
.product-list .card-text span {font-size: 1rem;}

}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
.product-list font.card-title {font-size: 1.3rem;}
.product-list .card-text span {font-size: 1rem;}

}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}