@import url('../fa672/css/all.css');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
}
:root {
  --bs-font-sans-serif:'Roboto Condensed',"Noto Sans TC", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* Background Color #ffcb00 rgba(255, 203, 0, 1) */
body, html{font-family: 'Roboto Condensed','Noto Sans TC', sans-serif, 'Lao UI', Geneva, Tahoma, Verdana, Arial,Lato !important;font-style: normal;}
body, html{font-family: 'Roboto Condensed','Noto Sans TC',-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-style: normal;}
a, a:focus, a:focus-within {outline: 0;text-decoration: none;cursor: pointer;}
a {color:#000000;}
a:hover {color:rgba(211,44,40,1);}

input,button,select,optgroup,textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;outline: 0;}
.display-none{visibility:hidden;}
.mainnav {-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2) !important;-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2) !important;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2) !important;}

.mainnavtop {background-color:#000000;}
.mainnavtop a {font-weight:bold;color:#ffffff;}
.mainnavtop .shoppcar {position:relative;}
.mainnavtop .shoppno {width:1.5rem;height:1.5rem;display:block;position:absolute;top:-0.8rem;right:-1.2rem;background-color:rgba(211,44,40,1);font-size:0.9rem;color:#ffffff;font-weight:bold;border-radius:2rem;text-align:center;}
.mainnavtop .fa-solid {font-size:1.2rem;}

.mainnav.bg-light {--bs-bg-opacity: 1;background-color: rgba(255,255,255,1) !important;}
.mainnav .nav-link {font-size:1.2rem;font-weight:bold !important;color:rgba(0,0,0,1) !important;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);margin-right:2.5rem !important;letter-spacing: 2px;}
.mainnav .nav-link:hover {color: rgba(211,44,40,1) !important;}

.mainnav .dropdown-toggle {position:relative;}
.mainnav .dropdown-toggle::before,.mainnav .dropdown-toggle.show::after {display: inline-block;position:absolute;top:0.4rem;right:-1rem;margin-left: 0;vertical-align: 0;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;font-size:1.2rem;font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;}
.mainnav .dropdown-toggle.show::before,.mainnav .dropdown-toggle::after {display:none;}
.mainnav .dropdown-toggle::before {content: '\f107';}
.mainnav .dropdown-toggle:hover::before {content: '\f106';}
.mainnav .dropdown-toggle.show::after {content: '\f106';}
.mainnav .dropdown:hover > .dropdown-menu {display: block;} 

.mainnav .dropdown-menu {--bs-dropdown-border-radius: 0;--bs-dropdown-border-color: rgba(0,0,0,0);--bs-dropdown-border-width: 0;padding: 0;border:0.2rem solid #000000;border-bottom:0rem solid #000000;}
.mainnav .dropdown-menu .dropdown-item {font-weight:bold !important;color:#000000 !important;padding:0.8rem 2rem !important;border-bottom:0.2rem solid #000000;}
.mainnav .dropdown-menu .dropdown-item:hover {background-color:rgba(0,0,0,1) !important;color:#ffffff !important;}

.btn {letter-spacing: 2px;}
.btn-BuyNow {background-color:rgba(211,44,40,1) !important;color:#ffffff;font-weight:bold !important;border-radius:0rem;padding:1rem 2.5rem;text-transform: uppercase;}
.btn-BuyNow:hover{background-color:rgba(0,0,0,1) !important;color:#ffffff;}

.btn-normal {background-color:rgba(211,44,40,1) !important;color:#ffffff;font-weight:bold !important;border-radius:0rem;padding:0.5rem 1rem;}
.btn-normal:hover{background-color:rgba(0,0,0,1) !important;color:#ffffff;}

.btn-more{transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);display: inline-block;border-radius: 0;margin-top: 15px;color: #ffffff;outline: 0;background-color: #d32c28;padding: 20px;width: 220px;max-width: 100%;text-align: center;line-height: 1;font-size:1.2rem;}
.btn-more:hover, .btn-more:active, .btn-more:focus {color: #ffffff;background-color: #000000;}

.totop-btn,.totop-btn:visited {display:block;position: fixed;bottom:6rem;right:-5rem;width:2.8rem;height:2.8rem;background-color:rgba(0,0,0,0.5);opacity:1;z-index:9999;border: 3px solid rgba(211,44,40,1);border-radius: 2rem;line-height: 0 !important;}
.totop-btn:hover,.totop-btn:active {color:#ffffff;background-color:rgba(211,44,40,1);opacity:1;}
.totop-view {right:2rem;transition: right 500ms ,opacity .3s,background-color .25s ease-in-out;}
.totop-btn:after {color:rgba(255,255,255,1);position:absolute;left:0.3rem;top:0.4rem;font-size:1.8rem;font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;content: '\f077';line-height:0.9;}
.totop-btn:hover:after {color:rgba(255,255,255,1);}
.footer hr {height:0;border-top:0.2rem solid #c5c5c5;opacity:1 !important;}
.footer-bottom {font-size:0.8rem;padding-bottom:2rem;}
.footer .footer-menu,.footer .footer-menu li {padding:0;margin:0;list-style:none;}
.footer .footer-menu li {padding:0.2rem 0;}
.footer .footer-top h6 {font-weight:bold;font-size:1.2rem;margin-bottom:1rem;letter-spacing: 2px;}

.smlink a {display:inline-block;padding:0 0.3rem;}
.smlink img {width:36px;}
.smlink .add--line img {width:auto;}

.rel{position:relative;}
.padding-large {padding-top: 60px;padding-bottom: 60px;}
.padding-small {padding-top: 30px;padding-bottom: 30px;letter-spacing: 2px;}
.padding-small-bottom {padding-bottom: 30px;}
.padding-small-top {padding-top: 30px;}
@media (min-width: 992px) {.footer-subscription {padding-left: 0;}}
.padding-bottom {padding-bottom: 30px;}
.padding-small-top {padding-top: 30px;}

.btn-sb {background-color:rgba(211,44,40,1) !important;color:#ffffff;font-weight:bold !important;border-radius:0rem;text-transform: uppercase;}
.btn-sb:hover{background-color:rgba(0,0,0,1) !important;color:#ffffff;}
.sb-form-control {border:0;border-bottom:0.15rem solid #000000;}
.btn-sb,.sb-form-control {height:60px;border-radius:0;}

.footer .footer-top .social-links a {display:inline-block;font-size:1.8rem;line-height: 0;}

.btn-sb-more {background-color:rgba(211,44,40,1) !important;color:#ffffff;font-weight:bold !important;border-radius:0rem;}
.btn-sb-more:hover{background-color:rgba(0,0,0,1) !important;color:#ffffff;}

.btn-sb-close {background-color:rgba(0,0,0,1) !important;color:#ffffff;font-weight:bold !important;border-radius:0rem;border:1px solid #696969;}
.btn-sb-close:hover{background-color:rgba(182,182,182,1) !important;color:#ffffff;border:1px solid #ffffff;}

.btn-sb-home {font-size:2rem;background-color:rgba(211,44,40,0.3) !important;color:#ffffff;font-weight:bold !important;border-radius:0rem;padding:2rem 3rem;}
.btn-sb-home:hover{background-color:rgba(0,0,0,1) !important;color:#ffffff;}

/* HOME ---------------------------------------------------------------------*/

/* .site-homebg {background-image:url(../images/Project038-16_9-B4.gif);background-size:cover;background-repeat:no-repeat;background-position:center;} */
.site-homebg {background-image:url("../images/Project038-16_9-B.avif");background-size:cover;background-repeat:no-repeat;background-position:center;}
.home-content {height:52rem;max-height:60rem;min-height:20rem;}
@media screen and (max-width: 576px) {.home-content {height:40rem;}}

.col-banner {padding: 250px 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.col-banner .col-banner-content h2 {font-size:3rem;color:#ffffff;}
.col-banner .col-banner-content p {font-size:1rem;color:#ffffff;}

.more-btn-border {transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);display: inline-block;border-radius: 0;margin-top: 15px;outline: 0;padding: 20px;width: 220px;max-width: 100%;text-align: center;line-height: 1;font-size: 1.2rem;font-weight:bold;border: 3px solid #000000;color:#000000;background-color: transparent;}
.position-relative .more-btn-border-white {left: 50%;margin-left: -132.5px;padding: 15px 40px;width: 265px;bottom: 30px;border: 3px solid #ffffff;color: #ffffff;}

.more-btn-border:hover,.more-btn-border:active, .more-btn-border:focus {color: #ffffff;background-color: #000000;  background-color: #d32c28;border: 3px solid #d32c28;}

.col-theme-bright  {background-image: url("../images/module_bg_bright.avif");background-size: cover;background-repeat: no-repeat;background-position: center;}
.img-w100 img,.col-theme-testimonials img {max-width: 100%;height: auto;display: block;}
.col-theme-bright h2,.col-theme-bright p,.col-theme-bright li {font-weight:bold;}
.col-theme-bright h2 {font-size:3rem;}
.col-theme-bright ul,.col-theme-bright li {margin:0;padding:0;list-style:none;}
.col-theme-bright li {position:relative;padding-left:2rem;margin-bottom:1rem;}
.col-theme-bright li::before {position:absolute;top:0.4rem;left:0;content: '\f0c8';font-size:0.6rem;font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;}

.col-theme-video::before {content: "";display: block;width: calc(100% - 1.6rem);height: 4px;background-color: #000000;position: absolute;top: 0;left:0.8rem;}
.video-wrapper::before {font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;content: "\f04b";color: #ffffff;display: flex;align-items: center;justify-content: center;background-color: #d32c28;border-radius: 100%;position: absolute;top: 50%;left: 50%;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 1;font-size: 25px;width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;padding-left: 3px;}

.col-theme-testimonials {background-color:#000000;}

.col-theme-testimonials .h2-heading {margin-bottom: 40px;}
.h2-heading {margin-bottom: 30px;}

h2, .h2-heading {font-size: 50px;letter-spacing: 1.25px;}
h1, h2,  h3, h4, h5, h6,.h2-heading { line-height: 1;  font-weight: bold;  margin-bottom: 15px;}

.h1, h1 {font-family:'Roboto Condensed',"Noto Sans TC","Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size: 2.5rem;}

@media (min-width: 1200px) {.h1, h1 {font-size: 4.5rem;}}

.pd_title {font-size: 2rem !important;font-weight:900;}
.pd_title span {display:block;font-size:1.2rem;font-weight:600;margin-bottom:0.5rem;}
.pd-summary .price {font-size:2rem;font-weight:900;margin-top:1rem;color:#d32c28;}

.col-theme-testimonials-list::after {content: "";display: block;width: calc(100% - 30px);height: 4px;background-color: rgba(255, 255, 255, 0.16);position: absolute;left: 15px;bottom: 0;}

.col-theme-testimonials .customer-name {font-weight: 600;}

.col-theme-testimonials .company-name {color: #777777;}

@media (min-width: 768px) {.col-theme-testimonials .testimonial-text-wrap::after {left: 0;}}
.col-theme-testimonials .testimonial-text-wrap::after {font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;content: "\f10d";position: absolute;display: block;color: #d32c28;left: 0;top: -1.3rem;z-index:0;font-size:3rem;}

.col-theme-testimonials .testimonial-text {padding: 15px 0 20px 0;}
.col-theme-testimonials .testimonial-text p {position: relative;z-index: 1;}

.col-latest-articles {background-image: url("../images/module-latest-articles_bg.avif");background-size: cover;background-repeat: no-repeat;background-position: center;}

.card-lastest-post {color: #000000;background-color: #ffffff;box-shadow: 1.6px 1.1px 5px 0 rgba(0, 0, 0, 0.1);--bs-card-border-radius: 0;--bs-card-border-width:0;}
.card-lastest-post .card-cover {padding-bottom: 71.7948%;}
.object-fit-image-wrapper {position: relative;padding-bottom: 100%;}
.object-fit-image-wrapper img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;-o-object-fit: cover;object-fit: cover;-o-object-position: center center;object-position: center center;}
.card-lastest-post.has-video .card-cover::before {content: "\f04b";font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: flex;align-items: center;justify-content: center;border: 3px solid #ffffff;border-radius: 100%;position: absolute;top: 50%;left: 50%;opacity: 0;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 2;color: #ffffff;font-size: 25px;width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;padding-left: 3px;}
.card-lastest-post .card-cover::after {content: "";display: block;background-color: #000000;opacity: 0;position: absolute;width: 100%;height: 100%;z-index: 1;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.card-lastest-post:hover, .card-lastest-post:active, .card-lastest-post:focus {color: #000000;}
.card-lastest-post:hover .card-cover:before, .card-lastest-post:active .card-cover:before, .card-lastest-post:focus .card-cover:before {opacity: 1;}
.card-lastest-post:hover .card-cover:after, .card-lastest-post:active .card-cover:after, .card-lastest-post:focus .card-cover:after {opacity: 0.7;}
.card-lastest-post:hover .btn-arrow:after, .card-lastest-post:active .btn-arrow:after, .card-lastest-post:focus .btn-arrow:after {right: 0;}
.card-lastest-post .card-item-content .card-item-title {padding-bottom: 20px;margin-bottom: 25px;border-bottom: 1px solid rgba(0, 0, 0, 0.25);}
.card-lastest-post .card-item-content {padding-top: 30px;padding-bottom: 30px;padding-right: 20px;padding-left: 20px;}

.page-header {background-position: center;}
.page-header {position: relative;}
.background-default {background-size: cover;background-repeat: no-repeat;background-position: center;background-color:#e3e3e3;}
.page-header-content {color: #ffffff;z-index: 1;text-shadow: black 0.5em 0.5em 0.5em}
.hdbg1 {background-image:url('../images/sh7PhY3A-scaled.avif');background-position:0 25%;}
.hdbg2 {background-image:url('../images/Born-Into-Boxing_header.avif');}
.hdbg3 {background-image:url('../images/Boxmaster-Pro_header-NEW.avif');}
.hdbg4 {background-image:url('../images/Boxmaster-product-details-page.avif');}
.hdbg5 {background-image:url('../images/fightmaster-1.avif');}

.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-left:0 !important;margin-right:0 !important;}
.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;}
}


.products h2 {font-size:1.6rem;font-weight:800;margin-top:0.5rem;margin-bottom:1rem;letter-spacing: 0 !important;line-height:1.2;}
.products h3 {font-size:2rem;font-weight:800;margin-top:1rem;margin-bottom:1rem;color:rgba(211,44,40,1) !important;}
.products h3 del {font-size:1.5rem;color:#626262;}
.products h4 {font-size:1.2rem;font-weight:600;margin-top:1rem;margin-bottom:0;}


.products .pdhead {position:relative;}
.products .pdhead img {width:100%;}
.products .pdhead:hover::after {content: "";display: block;background-color: rgba(0, 0, 0, 0.2);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.products .pdhead .btn-sb-more {display:none;width:10.5rem;margin-left:-5rem;height:2.7rem;margin-top:-1.5rem;padding:0.5rem 1rem;position: absolute;top: 50%;left: 50%;z-index:1;}
.products .pdhead:hover .btn-sb-more {display:block;}
.product-summary .post-info-title {font-size:1.2rem;font-weight:900;padding-right:0.5rem;}
.product-summary .share-links ul ,.product-summary .share-links li {margin:0;padding:0;list-style:none;}
.product-summary .share-links li {display:inline-block;font-size:1.8rem;font-weight:900;padding:0.8rem 0.5rem;}

.product-summary {font-size:1.2rem;}

.products .pdlink:hover .pdhead::after {content: "";display: block;background-color: rgba(0, 0, 0, 0.2);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.products .pdlink:hover .pdhead .btn-sb-more {display:block;}

.product-tabs .nav-pills .nav-link.active,.product-tabs .nav-pills .show > .nav-link {color:#d32c28;}
.product-tabs .nav-pills .nav-link {position: relative;display: block;padding: 0.6rem 0;font-size: 1.5rem;font-weight:bold;color: #aaaaaa;text-decoration: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;border: 0;border-radius: 0;background-color: rgba(0, 0, 0, 0);}

.product-tabs .nav-pills li:hover button,.product-tabs .nav-pills li:active button,.product-tabs .nav-pills li:focus button {color:#000000;}

.product-tabs .nav-pills .nav-link:after {content: "";display: block;width: 0%;border-top: 0.2rem solid #d32c28;opacity: 0;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);margin: 0 auto;}
.product-tabs .nav-pills button:hover,.product-tabs .nav-pills button:active,.product-tabs .nav-pills button:focus {color:#d32c28 !important;}
.product-tabs .nav-pills button:hover:after,.product-tabs .nav-pills button:active:after,.product-tabs .nav-pills button:focus:after {opacity: 1;width: 100%;}
.product-tabs .nav-pills .active:after {content: "";display: block;width: 100%;border-top: 0.2rem solid #d32c28;opacity: 1;transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);margin: 0 auto;}
.product-tabs {margin-bottom: 60px;border-top: 0px solid #d3ced2;border-bottom: 1px solid #d3ced2;padding-top: 30px;}
.product-tabs .sold-txt {font-size:1.2rem;font-weight:bold;}
.product-tabs .sold-txt a {color:#d32c28;}
.product-tabs .sold-txt a:hover {text-decoration:underline;}

.product-tabs .table-add tr:nth-child(even){background: rgba(0,0,0,.025);}
.product-tabs .table-add th,.product-tabs .table-add td {border:0;vertical-align:middle;}
.product-tabs .table-add th {width:12rem;white-space: nowrap;}
.product-tabs .table-add th p,.product-tabs .table-add td p {margin:0;padding: 8px 0;}

.product-tabs .tab-content {font-size:1.2rem;}

@media (min-width: 1200px) {
.product-tabs .tab-pane {padding-top:3rem;padding-bottom:3rem;}
}

.product-tabs .nav-pills li:has(button) {background-color:#ffffff;border:1px solid #aaaaaa;}
.product-tabs .nav-pills li:has(button.active) {background-color:#ffffff;border-bottom:1px solid #ffffff;}

.xzoom {width:100%;}
.product-summary iframe,.col-theme-dark iframe {max-width: 100%;}

.col-theme-dark{background-color:#000000;color:#ffffff;}
@media screen and (min-width: 1200px) {.margin-bottom, .woocommerce .sort-list, .woocommerce-page .sort-list {margin-bottom: 60px;}}
.col-theme-dark a {color:#d32c28;}
.col-theme-dark a:hover {text-decoration:underline;}

.module-cta {background-image: url("../images/module-cta_bg.avif");background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #e3e3e3;}

.more-btn-border.more-btn-border-white, .module.theme-dark .more-btn-border {border: 3px solid #ffffff;color: #ffffff;}
.more-btn-border.more-btn-border-white:hover, .module.theme-dark .more-btn-border:hover {border: 3px solid #d32c28;}

.col-accordion-list .accordion-button:focus {z-index: 3;border-color: rgba(255,255,255,1);outline: 0;box-shadow: 0;}
.col-accordion-list .accordion-button:not(.collapsed) {color: rgba(0,0,0,1);background-color: rgba(255,255,255,1);box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.col-accordion-list .accordion-item {border: 0;}
.col-accordion-list .accordion-button {font-size:1.5rem;font-weight:bold;position:relative;padding-left:2rem;}
.col-accordion-list .accordion-button::after {position:absolute;font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;content:"\f107";flex-shrink: 0;width:1.3rem;height:1.3rem;right:1.5rem;background-image: none;transition: var(--bs-accordion-btn-icon-transition);line-height:0.75;}
.col-accordion-list .accordion-button::before {position:absolute;font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;content:"\f0c8";font-size:0.7rem;flex-shrink: 0;width:1.3rem;height:1.3rem;left:0;top:1.45rem;line-height:0.75;}
.col-accordion-list .accordion-button:hover,
.col-accordion-list .accordion-button:active,
.col-accordion-list .accordion-button:focus,
.col-accordion-list button.accordion-button[aria-expanded="true"] {color: #d32c28;}
.col-accordion-list .accordion-collapse {padding-left:2rem !important;}
.col-accordion-list .accordion-body {padding-left:0;}

/* Contact us ---------------------------------------------------------------------*/
.col-coninfo ul,.col-coninfo li {padding:0;margin:0;list-style:none;}
.col-coninfo li {display:inline-block;}
.col-coninfo ul.social-links {font-size:1.4rem;line-height:1;}
.col-contactus-form-body input, 
.col-contactus-form-body textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;border-bottom: 2px solid #000000;border-bottom-width: 2px;border-width: 0 0 2px 0;border-top-width: 0px;border-right-width: 0px;border-left-width: 0px;padding: 0 0;padding-right: 0;padding-left: 0;font-size: 1rem;border-radius: 0px;}
.col-contactus-form-body textarea {font-size: inherit;font-family: inherit;letter-spacing: normal;padding: 0 0;line-height: 1.5;resize: none;}
.col-contactus-form-body .form-label {clip: rect(1px,1px,1px,1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.col-contactus-form-body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {  height: 60px;}
.col-privacy-policy a {color:#d32c28;}
.col-privacy-policy a:hover {text-decoration:underline;}

/* 影片清單 ---------------------------------------------------------------------*/

.boxing-yt {border:0 solid transparent;padding:0;}
.boxing-yt h4 {font-size:1rem;margin-top:0.5rem;margin-bottom:2rem;}
.boxing-yt .ytimg {position: relative;overflow: hidden;display: block;border-radius:3rem !important;border:0 solid transparent;}

.boxing-yt .ytimg::before {display: block;position: absolute;width: 100%;height: 100%;transition: opacity .3s ease-in-out;background-color: rgba(220,0,19,0.5);content: "";opacity: 0;z-index: 1;border:0.5rem solid rgba(220,0,19,1);border-radius:3rem !important;}
.boxing-yt:hover .ytimg::before {opacity:1;}
.boxing-yt .ytimg .fa-play {position: absolute;top:50%;left: 50%;font-size:4rem;color:#ffffff;margin-left:-1.5rem;margin-top:-1.8rem;z-index: 2;opacity:0;transition: opacity .3s ease-in-out;}
.boxing-yt:hover .ytimg .fa-play {opacity:1;}

/* aboutus ---------------------------------------------------------------------*/
.ab-txt {font-size:1.2rem;}


@media screen and (min-width: 576px) {
.more-btn-border {bottom: calc(30px + 60 * (100vw - 576px) / 624); }
.video-wrapper::before {padding-left: calc( 3px + 2 * (100vw - 576px) / 624 );}
.video-wrapper::before {margin-left: calc( -25px + -10 * (100vw - 576px) / 624 );}
.video-wrapper::before {margin-top: calc( -25px + -10 * (100vw - 576px) / 624 );}
.video-wrapper::before {height: calc( 50px + 20 * (100vw - 576px) / 624 );}
.video-wrapper::before {width: calc( 50px + 20 * (100vw - 576px) / 624 );}
.video-wrapper::before {font-size: calc( 25px + 10 * (100vw - 576px) / 624 );}
.padding {padding-bottom: calc( 30px + 30 * (100vw - 576px) / 624 );}
h2, .h2-heading {letter-spacing: calc( 1.25px + 0.75 * (100vw - 576px) / 624 );}
h2, .h2-heading {font-size: calc( 50px + 30 * (100vw - 576px) / 624 );}
h1, h2,  h3, h4, h5, h6,.h2-heading {margin-bottom: calc( 15px + 15 * (100vw - 576px) / 624 );}
.padding-large {padding-bottom: calc( 60px + 30 * (100vw - 576px) / 624 );}
.padding-large {padding-top: calc( 60px + 30 * (100vw - 576px) / 624 );}
.padding-small-top {padding-top: 30px;}
.padding-bottom {padding-bottom: calc( 30px + 30 * (100vw - 576px) / 624 );}

.card-lastest-post.has-video .card-cover::before {padding-left: calc( 3px + 2 * (100vw - 576px) / 624 );}
.card-lastest-post.has-video .card-cover::before {margin-left: calc( -25px + -10 * (100vw - 576px) / 624 );}
.card-lastest-post.has-video .card-cover::before {margin-top: calc( -25px + -10 * (100vw - 576px) / 624 );}
.card-lastest-post.has-video .card-cover::before {height: calc( 50px + 20 * (100vw - 576px) / 624 );}
.card-lastest-post.has-video .card-cover::before {width: calc( 50px + 20 * (100vw - 576px) / 624 );}
.card-lastest-post.has-video .card-cover::before {font-size: calc( 25px + 10 * (100vw - 576px) / 624 );}
.card-lastest-post .card-item-content {padding-left: calc( 20px + 10 * (100vw - 576px) / 624 );}
.card-lastest-post .card-item-content {padding-right: calc( 20px + 10 * (100vw - 576px) / 624 );}

}/*min-width: 576px*/
@media screen and (min-width: 1200px) {
.position-relative .more-btn-border {bottom: 90px;}
.video-wrapper::before {padding-left: 5px;}
.video-wrapper::before {margin-left: -35px;}
.video-wrapper::before {margin-top: -35px;}
.video-wrapper::before {height: 70px;}
.video-wrapper::before {width: 70px;}
.video-wrapper::before {font-size: 35px;}
.padding {padding-bottom: 60px;}
.padding {padding-top: 60px;}
h2, .h2-heading {font-size: 2.5rem;letter-spacing: 2px;}
h1, h2,  h3, h4, h5, h6,.h2-heading {margin-bottom: 20px;}
.padding-large {padding-bottom: 90px;}
.padding-large {padding-top: 90px;}
.padding-bottom {padding-bottom: 60px;}

.card-lastest-post.has-video .card-cover::before {padding-left: 5px;}
.card-lastest-post.has-video .card-cover::before {margin-left: -35px;}
.card-lastest-post.has-video .card-cover::before {margin-top: -35px;}
.card-lastest-post.has-video .card-cover::before {height: 70px;}
.card-lastest-post.has-video .card-cover::before {width: 70px;}
.card-lastest-post.has-video .card-cover::before {font-size: 35px;}
.card-lastest-post .card-item-content {padding-left: 30px;}
.card-lastest-post .card-item-content {padding-right: 30px;}

}/*min-width: 1200px*/



/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

.btn-more{font-size:1rem;}
.totop-btn,.totop-btn:visited {bottom:2rem;}
.mainnav .navbar-toggler {border:0;font-size:2rem;color:#000000;}

.mainnav .shoppcar {position:relative;font-size:1.7rem;color:#000000;}
.mainnav .shoppno {width:1.5rem;height:1.5rem;display:block;position:absolute;top:-0.5rem;right:-1rem;background-color:rgba(211,44,40,1);font-size:0.9rem;color:#ffffff;font-weight:bold;line-height:1.7;border-radius:2rem;text-align:center;}

.mobile-nav {background-color:#000000;}
.mobile-nav .navbar-nav,.mobile-nav .offcanvas-header {background-color:#ffffff;}
.mobile-nav .offcanvas-header .btn-box-close {font-size:2.5rem;}
.mobile-nav .offcanvas-header {-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3) !important;-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3) !important;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3) !important;}
.mobile-nav .nav-link {margin:0 !important;}
.mobile-nav .nav-link {padding:1.2rem 1rem !important;border-bottom:0.3rem solid #000000;}
.mobile-nav .nav-link.show {color:#ffffff !important;background-color:#000000;}

.mobile-nav .dropdown-menu[data-bs-popper] {margin-top: 0;}
.mobile-nav .dropdown-menu{--bs-dropdown-border-radius: 0;--bs-dropdown-border-color: rgba(0,0,0,0);--bs-dropdown-border-width: 0;padding: 0;}
.mobile-nav .dropdown-menu .dropdown-item {font-weight:bold !important;color:#000000 !important;padding:1.2rem 0 !important;padding-left:2.5rem !important;border-bottom:0.3rem solid #000000;}
.mobile-nav .dropdown-toggle {position:relative;}

.mainnav .dropdown-toggle::before,.mainnav .dropdown-toggle.show::after,.mobile-nav .dropdown-toggle::before,.mobile-nav .dropdown-toggle.show::after {display: inline-block;position:absolute;top:0.8rem;right:1.2rem;margin-left: 0;vertical-align: 0;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;font-size:1.5rem;font-family: 'Font Awesome 6 Free';font-weight: 900;-webkit-font-smoothing: antialiased;}
.mainnav .dropdown-toggle.show::before,.mainnav .dropdown-toggle::after,.mobile-nav .dropdown-toggle.show::before,.mobile-nav .dropdown-toggle::after{display:none;}
.mainnav .dropdown-toggle::before,.mobile-nav .dropdown-toggle::before {content: '\f107';}
.mainnav .dropdown-toggle.show::after,.mobile-nav .dropdown-toggle.show::after {content: '\f106';}

.mnav {padding:1.5rem;}
.mnav .mobile-nav-link {display:block;padding-bottom:2rem;font-weight:bold;color:#ffffff;}

.col-theme-bright h2, h2, .h2-heading{font-size:2rem;}

.col-banner {padding-top:120px;padding-bottom:30px;}
.col-banner .col-banner-content h2 {font-size:2rem;color:#ffffff;}
.position-relative .more-btn-border {padding: 20px;width: 220px;}

.padding {padding-bottom: 30px;}
.padding {padding-top: 30px;}

.btn-sb-home {font-size:1.2rem;}

}

/* `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) {}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

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


.col-fluid{position:relative;padding:0;}
.myVideo {width:100%;z-index:111;}
.btn-layer {position:absolute;top:0;bottom:0;left:0;width:100%;z-index:999;text-align:center;display: flex;justify-content: center;align-items: center;}

.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}