html, body{ overflow-x: hidden; }
body{ padding-top: 65px; }

.container{ max-width: 1100px; }

.navbar-area{ width: 100%; height: 65px; background: #e0df1d; box-shadow: 0 0 5px rgba(0, 0, 0, .5); position: fixed; top: 0; z-index: 999; }
.navbar-brand{ width: 314px; height: 40px; }
.navbar-brand img{ max-width: 100%; height: auto; }

.xton-nav{ background: #e0df1d; }

.marquee{ background: #f6f6f6; display: block; }
.marquee p{ margin: 0 50px; padding: 17px 0 10px 0; line-height: 1em; display: inline-block; }

.carousel-item img{ width: 100%; height: auto; }

.xton-nav .navbar{ margin: 2px 0 0 0; padding: 0; }
.xton-nav .navbar .navbar-nav{ margin-right: 30px;}
.xton-nav .navbar .navbar-nav .nav-item a { padding-top: 20px; padding-bottom: 20px; color: #565656; font-size: 1em;}
.xton-nav .navbar .navbar-nav .nav-item a i { font-size: .75em !important; top: -2px; right: -7px;}
.xton-nav .navbar .navbar-nav .nav-item .dropdown-menu { top: 60px;}

.func-btn-box .func-btn { font-size: 1.25em; cursor: pointer; color: #000000; transition: 0.5s;}

.quote_1{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.quote_2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.single-products-box .products-content h3{ height: 68px; line-height: 1.5em; }

.products-img{ transition: .5s; }
.products-img:hover{ opacity: .5; }
.products-img img{ width: 100%; height: auto; }

.post-image img{ width: 100%; height: auto; }

.nav-link{ color: #999; }
.nav-link:hover, .nav-link.active{ color: #2b2b6e !important; }
.tab-pane{ padding: 30px 0 0 0; }

.products-details-image-slides{ list-style: none; }

button.tab{ width: auto; height: 72px !important; background: none; overflow: hidden; }

.price h3, .price p{ line-height: 1em; }

.collections-list-dropdown{ display: none; }
.collections-list-dropdown .dropdown-menu a.dropdown-item{ white-space: normal;}

.anchor_offset { position: relative; top: -65px; }

.collections-list-row li.active a{ color: #2b2b6e !important; }

.form-check{ display: inline-block; }

.mbr_wrap{ padding: 30px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; }

input[name="text"]:disabled, input[name="text"]:disabled:focus, input[name="email"]:disabled, input[name="email"]:disabled:focus{ background: #000; border-color: #fff; border-bottom: 1px solid #ccc; }
.billing-details .form-group .nice-select { height: 48px; border-radius: 0;}

th[scope="col"]{ background: #f6f6f6; }

.dropdown-menu.srch{ width: 250px; }
.dropdown-menu.srch li{ overflow: hidden; }
.dropdown-menu.srch li input{ float: left; width: calc(100% - 50px); padding: 2px 5px 3px 5px; border: 1px solid #ccc; border-radius: 0; }
.dropdown-menu.srch li button{ float: left; width: 50px !important; }

.dropdown-menu.mbr{ width: 250px; }
/* .dropdown-menu.mbr .func_wrap{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } */
.dropdown-menu.mbr .func_wrap .btn{ width: 100%; margin-bottom: 10px; border-radius: 5px; }
.dropdown-menu.mbr .func_wrap .btn:last-child{ margin-bottom: 0; }
.dropdown-menu.mbr .dropdown-item{ font-size: .875em; }

.slider-nav{ position: relative; top: 10px; }
.slick-prev, .slick-next{ width: 30px; height: 30px; margin: 0; padding: 0; background: #fff; border: 1px solid #ccc; border-radius: 50%; }
.slick-prev{ position: absolute; top: 28.5%; left: -10px; z-index: 1; }
.slick-next{ position: absolute; top: 28.5%; right: -10px; z-index: 1; }
.slider-nav div{ margin: 0 5px; }
.slick-prev:after{ content: '\f104'; font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.slick-next:after{ content: '\f105'; font-family: 'Font Awesome 6 Free'; font-weight: 900; }

.anchor_link a{ padding: 10px 10px; border: 1px solid #ccc; border-left: 0; display: block; text-align: center; }
.anchor_link div:first-child a{ border-left: 1px solid #ccc;}

h3.border_l{ padding-left: 10px; color: #565656; font-size: 20px; font-weight: 700; border-left: 2px solid #565656; }
.cnt h4{ margin-bottom: 20px; color: #9b59b6; font-size: 1.125em; font-weight: 700; }
.cnt p{ margin: 0; padding: 0; color: #333; }
.cnt b{ color: #9b59b6; }

.sort{ padding: 3px 10px 3px 10px; color: #fff; background: #000; border-radius: 5px; display: inline-block; }
.price_b{ color: #c39d6f; font-size: 1.75em; line-height: 1em; font-family: "Noto Sans TC", sans-serif; font-weight: 700; }

.post-content h3{ font-size: 1em !important; line-height: 1.5em !important; }
.post-content a.details-btn{ font-weight: 700 !important; }
.info h4.title { font-size: 1em !important; line-height: 1.5em !important; }

.widget_categories ul li { width: 100%; padding-left: 0px !important; margin-bottom: 9px; border-bottom: 1px solid #ccc;}
.widget_categories ul li a { width: 100%; color: #565656; display: block; padding: 3px 0px 11px 0px;}
.widget_categories ul li::before { display: none !important;}

.woocommerce-widget-title{ color: #565656; font-weight: 400 !important; }

.products-add-to-cart button{ width: 220px; }

.payment-box button{ margin: 0 10px; display: inline-block !important; }

.more_mb{ display: none; }

.filter_wrap{ float: right; }
.filter_wrap p{ margin: 0; padding: 0; }
.filter_wrap .nice-select{ height: 24px; line-height: 20px; }
.filter_wrap .nice-select .list{ right: 0; left: auto; }

.mean-menu .navbar-nav > .nav-item a{ font-weight: 700 !important; }

.form-check-label a{ font-weight: 700; text-decoration: underline; }

.products-details-desc, .cnt{ word-break: break-all; }

/*** BTN ***/
.btn{ border-radius: 0; }
.btn_wrap{ width: 100%; margin:30px 0 0 0; }

.btn-primary{ background: #2b2b6e !important; border-color: #2b2b6e !important; }
.btn-primary:hover, .btn-primary:focus{ color: #2b2b6e; background: var(--color-02) !important; border-color: #2b2b6e !important;}

.btn-outline-light{ color: #000; background: #fff !important; border-color: #000 !important; }
.btn-outline-light:hover, .btn-outline-light:focus{ color: #000; background: var(--color-02) !important; border-color: #000 !important;}

.btn-group{border-radius: 0; }
.btn-group .dropdown-toggle{ margin: 0; padding: 20px 5px; border: 0; }
.btn-group:hover .dropdown-toggle i{ color: #2b2b6e; }
.btn-group button:after{ display: none; }
.btn-group .dropdown-menu{ padding: 5px 0px !important; top: 58px; right: 0; }
.btn-group .dropdown-menu{ transition: 0.5s;}

.others-option.dk{ display: block; }
.others-option.mb{ display: none; }

.others-option .dropdown-menu{ padding: 20px !important; }
.others-option .dropdown-menu .dropdown-item{ z-index: 9999; transition: 0.5s;}
.others-option .dropdown-menu .dropdown-item:hover{ color: #2b2b6e; }

.default-btn.btn-line{ color: #fff; background: #00b900; border-color: #00b900; text-align: center; }
.default-btn.btn-line span{ width: 108px; margin: 0 auto; overflow: hidden; display: block; }
.default-btn.btn-line i{ float: left; width: 24px; height: 23px; margin: 1px 5px 0 0; background: url('../../img/ico-line_logo.webp') center center no-repeat; background-size: auto 100%;}
.default-btn.btn-line p{ float: left; width: calc(100% - 29px); color: #fff; font-size: 1em; }

.default-btn:disabled{ background: #000; border-color: #000; }

.table_list div{ padding: 5px; position: relative;}
.table_list .th{ background: #eee; }
.table_list .row{ border-bottom: 1px solid #ccc; }
.table_list .row:nth-child(2n){ background: #f9f9f9; }
.table_list span{ width: 110px; padding: 10px 0; font-weight: 700; display: none; position: absolute; }
.table_list p{ margin: 0; padding: 10px 0; line-height: 1.25em; display: inline-block; word-break: break-all;}

.table_list2 div{ padding: 5px; position: relative;}
.table_list2 .th{ background: #eee; }
.table_list2 .row div{ padding: 10px 0; border-bottom: 1px solid #ccc; }
.table_list2 .row:nth-child(2n){ background: #f9f9f9; }
.table_list2 span{ width: 110px; padding: 10px 0; font-weight: 700; position: absolute; top: 10px; }
.table_list2 p{ width: calc(100% - 111px); margin-left: 110px; padding: 10px 0 10px 20px; line-height: 1.25em; border-left: 1px solid #333; word-break: break-all; display: inline-block; margin-bottom: 0;}
/*** /BTN ***/

/*** MODAL ***/
.modal{ }
.modal-header{ color: #fff; border: 0; }
.modal-open { padding-right: 0 !important;}
.modal-backdrop { opacity: .85 !important; }
.modal-content{ background: transparent; position: relative; }
.btn-close-wrap{ background-color: #2faeff; border-radius: 0; border-top-right-radius: 5px; border-bottom-left-radius: 5px; position: absolute; top: 0; right: 0; z-index: 10; }
.btn-close{ padding: 15px 15px;}
.modal-body{ padding: 30px 30px 30px 30px; color: #333; background: #fff; border-radius: 10px; overflow: hidden; }
.modal-body h3.normal{ font-weight: 400; }
.modal-body h4{ font-weight: 700; line-height: 1.25em; text-align: center; }
.modal-body h4 span{ font-size: .6em; font-weight: 400; display: block; text-transform: uppercase; }
.modal-body h5{ margin-bottom: 20px; color: #2b2b6e; font-weight: 700; line-height: 1.5em; }
.modal-body button{ margin-top: 5px; margin-bottom: 5px; }
.modal-body p{ line-height: 1.5em; }
/*** /MODAL ***/

/*** FLOATING ***/
.float_wrap{ width: 86px; height: 86px; padding: 10px; background: #00b900; border-radius: 10px; position: fixed; right: 20px; bottom: 80px; z-index: 1003; }
.float_img{ width: 30px; margin: 0 auto 5px auto; }
.float_img img{ width: 100%; height: auto; }
.float_wrap p{ margin: 0; padding: 0; color: #fff; font-size: .875em; font-weight: 700; line-height: 1.25em; text-align: center; }

.float_wrap_mb{ display: none; }
/*** /FLOATING ***/