@charset "utf-8";
/* CSS Document */

::selection {
	background: #9a0c1a;
}

::-moz-selection {
	background: #9a0c1a;
}

::-webkit-selection {
	background: #9a0c1a;
}

h1, h2, h3, h4, h5, h6, #page-title h1, .entry-title h2 a, .entry-title h3 a, .entry-title h4 a, .product-title h3 a, .single-product .product-title h2 a {
	color: #000;
}

a, h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge), .header-extras li .he-text span, .menu-item:hover > .menu-link, .menu-item.current > .menu-link, .dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link, .top-cart-item-desc a:hover, .top-cart-action .top-checkout-price, .breadcrumb a:hover, .grid-filter li a:hover, .portfolio-desc h3 a:hover, #portfolio-navigation a:hover, .entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .comment-content .comment-author a:hover, .product-title h3 a:hover, .single-product .product-title h2 a:hover, .product-price ins, .single-product .product-price, .process-steps li.active h5, .process-steps li.ui-tabs-active h5, .tab-nav-lg li.ui-tabs-active a, .team-title span, .btn-link, .page-link, .page-link:hover, .page-link:focus, .fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img, .fbox-border .fbox-icon i, .fbox-border .fbox-icon img, .dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link, .dark .top-cart-item-desc a:hover, .dark .breadcrumb a:hover, .dark .portfolio-desc h3 a:hover, .dark #portfolio-navigation a:hover, .dark .entry-title h2 a:hover, .dark .entry-title h3 a:hover, .dark .entry-title h4 a:hover, .dark .product-title h3 a:hover, .dark .single-product .product-title h2 a:hover, .dark .product-price ins, .dark .tab-nav-lg li.ui-tabs-active a {
	color: #9a0c1a;
}
.color, .h-text-color:hover, a.h-text-color:hover, .grid-filter.style-3 li.activeFilter a, .faqlist li a:hover, .tagcloud a:hover, .nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {
	color: #9a0c1a !important;
}
.top-cart-number, .top-cart-number::before, #page-menu-wrap, .page-menu-nav, .control-solid .flex-control-nav li:hover a, .control-solid .flex-control-nav li a.flex-active, .grid-filter li.activeFilter a, .grid-filter.style-4 li.activeFilter a::after, .grid-shuffle:hover, .entry-link:hover, .button, .fbox-icon i, .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after, .i-rounded:hover, .i-circled:hover, .tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot, #gotoTop:hover, input.switch-toggle-round:checked + label::before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label::after, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, input.switch-toggle-round:checked + label:before, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label:after, .irs-bar, .dark .entry-link:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark .tab-nav.tab-nav2 li.ui-state-active a, .dark #gotoTop:hover, .dark input.switch-toggle-round:checked + label::before, .dark input.switch-toggle-flat:checked + label, .dark input.switch-toggle-flat:checked + label::after {
	background-color: #9a0c1a;
}
.bg-color, .bg-color #header-wrap, .h-bg-color:hover, .process-steps li.active a, .process-steps li.ui-tabs-active a, .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover, .owl-carousel .owl-nav [class*=owl-]:hover, .widget-filter-links li.active-filter span, .page-item.active .page-link, .page-link:hover, .page-link:focus {
	background-color: #9a0c1a !important;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor, .checkbox-style:checked + .checkbox-style-1-label:before, .checkbox-style:checked + .checkbox-style-2-label:before, .checkbox-style:checked + .checkbox-style-3-label:before, .radio-style:checked + .radio-style-3-label:before {
	background: #9a0c1a;
}
.irs-bar, .irs-from, .irs-to, .irs-single, .irs-handle > i:first-child, .irs-handle.state_hover > i:first-child, .irs-handle:hover > i:first-child {
	background-color: #9a0c1a !important;
}
.top-cart-item-image:hover, .grid-filter.style-3 li.activeFilter a, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .cart-product-thumbnail img:hover, .fbox-outline .fbox-icon a, .fbox-border .fbox-icon a, .heading-block.border-color::after, .page-item.active .page-link, .page-link:focus, .dark .cart-product-thumbnail img:hover {
	border-color: #9a0c1a;
}
.border-color, .process-steps li.active a, .process-steps li.ui-tabs-active a, .tagcloud a:hover, .page-link:hover {
	border-color: #9a0c1a !important;
}
.top-links-sub-menu, .top-links-section, .tabs-tb .tab-nav li.ui-tabs-active a, .dark .top-links-sub-menu, .dark .top-links-section, .dark .tabs-tb .tab-nav li.ui-tabs-active a {
	border-top-color: #9a0c1a;
}
.title-border-color::before, .title-border-color::after, .irs-from:after, .irs-single:after, .irs-to:after, .irs-from:before, .irs-to:before, .irs-single:before {
	border-top-color: #9a0c1a !important;
}
.title-block {
	border-left-color: #9a0c1a;
}
.title-block-right {
	border-right-color: #9a0c1a;
}
.more-link, .tabs-bb .tab-nav li.ui-tabs-active a, .title-bottom-border h1, .title-bottom-border h2, .title-bottom-border h3, .title-bottom-border h4, .title-bottom-border h5, .title-bottom-border h6 {
	border-bottom-color: #9a0c1a;
}
.fbox-effect.fbox-dark .fbox-icon i::after, .dark .fbox-effect.fbox-dark .fbox-icon i:after {
	box-shadow: 0 0 0 2px #9a0c1a;
}
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
	box-shadow: 0 0 0 1px #9a0c1a;
}
.title-block > span {
	color: #9a0c1a;
}

@media (min-width: 992px) {
.sub-menu-container .menu-item:hover > .menu-link,  .mega-menu-style-2 .mega-menu-title > .menu-link:hover,  .dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
	color: #9a0c1a;
}
.style-3 .menu-container > .menu-item.current > .menu-link,  .sub-title .menu-container > .menu-item:hover > .menu-link::after,  .sub-title .menu-container > .menu-item.current > .menu-link::after,  .page-menu-sub-menu,  .dots-menu .page-menu-item.current > a,  .dots-menu .page-menu-item div,  .dark .style-3 .menu-container > .menu-item.current > .menu-link {
	background-color: #9a0c1a;
}
.style-4 .menu-container > .menu-item:hover > .menu-link,  .style-4 .menu-container > .menu-item.current > .menu-link,  .dots-menu.dots-menu-border .page-menu-item.current > a {
	border-color: #9a0c1a;
}
.sub-menu-container,  .mega-menu-content,  .style-6 .menu-container > .menu-item > .menu-link::after,  .style-6 .menu-container > .menu-item.current > .menu-link::after,  .top-cart-content,  .dark .sub-menu-container,  .dark .mega-menu-content,  .dark .top-cart-content {
	border-top-color: #9a0c1a;
}
.dots-menu .page-menu-item div::after {
	border-left-color: #9a0c1a;
}
}
/*============================================
                各類標題樣式
==============================================*/



/*============================================
                最上方區塊
==============================================*/

/*最上方區塊-主區塊*/
.dark #top-bar, #top-bar.dark {
	background-color: #9a0c1a;
}

/*最上方區塊-列表樣式*/
.dark .top-links-item {
	transition: all .3s;
}

/*最上方區塊-連結文字樣式*/
.dark .top-links-item > a {
	color: #fff;
}
.dark .top-links-item:hover {
	background-color: rgb(0 0 0 / 10%);
}

/*============================================
                上方區塊
==============================================*/
@media (min-width: 992px) {
	#header-wrap, .sticky-header #header-wrap {
		background-color: #fff;
		border-top: solid 1px rgba(0,0,0,0.05);
	}
	.primary-menu > #banner-menu > li > a {
		color: #000;
	}
	.primary-menu > #banner-menu > li > a:hover, #banner-menu > .menu-item:hover > .menu-link {
		color: #fff;
		background-color: #9a0c1a;
	}
}


/*===============================================
                   banner選單
=================================================*/
.primary-menu > #banner-menu > li > a {
	transition: all .3s;
}

/*===============================================
                首頁-內容區塊共同樣式
=================================================*/

.index-content .section {
	background-color: #fff;
}
.page-content .section {
	background-color: #fff;
}
.section.bg-color {
	background-color: #efefef !important;
}
.section.dark.bg-color {
	background-color: #9a0c1a !important;
}
/*============================================
                內頁最上方區塊色彩
==============================================*/

#top-bar.page-top {
	background-color: #9a0c1a;
}
#top-bar.page-top .top-links ul li {
	border-color: rgb(0 0 0 / 11%);
}
#top-bar.page-top .top-links li:hover {
	background-color: transparent;
}
#top-bar.page-top li a {
	color: #fff;
}
#top-bar.page-top li a:hover {
	background-color: #0003;
}
/*===============================================
                  下方主區塊
=================================================*/

#footer.dark {
	color: #fff;
	background-color: #9a0c1a;
}
.dark #copyrights, #copyrights.dark {
	color: #ffffff;
}
#footer.dark a {
	color: #fff;
}
#footer.dark span {
}
.dark #footer .social-icon.si-borderless, #footer.dark .social-icon.si-borderless {
	color: #ffffff !important;
}
/*下方社群連結區塊-icon樣式*/

#footer #footer-share a {
	color: #ccc;
	border-color: #ccc;
}


/*============================================
                 按鈕色彩
==============================================*/
/*主體色按鈕*/
.button {
	background-color: #444444;
}
.button:hover, .button.button-3d:hover, .button.button-light:hover {
	background-color: #333;
	color: #fff !important;
}

.button-style-color {
	background-color: #9a0c1a;
}
.button-style-color:hover {
	background-color: #7e0511 !important;
}
/*黃色按鈕*/

.button-light.button-yellow {
	color: #000;
	background-color: #ffc000 !important;
}
.button-light.button-yellow:hover {
	color: #000;
	background-color: #eea500 !important;
}
/*橘色按鈕*/

.button-amber {
	background-color: #f08300 !important;
}
.button-amber:hover {
	background-color: #f06f00 !important;
}
/*綠色按鈕*/

.button-green {
	background-color: #8ec31f !important;
}
.button-green:hover {
	background-color: #639c19 !important;
}
/*墨綠色按鈕*/

.button-dirtygreen {
	background-color: #0d545f !important;
}
.button-green:hover {
	background-color: #0f626f !important;
}
/*水藍色按鈕*/

.button-border.button-aqua {
	color: #205b74;
	border-color: #205b74;
}

/* 購物車按鈕 */
.button.add-to-cart-checkout {
	background-color: #9a0c1a;
}
.button.add-to-cart-checkout:hover {
	background-color: #c00f21;
}
.button.add-to-cart, .oc-item .button.add-to-cart-checkout, .shop .button.add-to-cart-checkout {
	background-color: #444;
}
.button.add-to-cart:hover, .oc-item .button.add-to-cart-checkout:hover, .shop .button.add-to-cart-checkout:hover {
	background-color: #666;
}
.button.add-to-fav {
	background-color: #999;
}
.button.add-to-fav:hover {
	background-color: #666;
}
.button.add-to-fav[status="1"] {
	background-color: var(--red);
}
.add-to-fav .icon-heart {
    color: #fff;
}
.button.add-to-inquiry {
	background-color: #eee;
	color: #333;
	text-shadow: none;
}
.button.add-to-inquiry:hover {
	background-color: #ccc;
	color: #333 !important;
}

.button.restocking {
	background-color: #666666;
}
.button.restocking:hover {
	background-color: #444444;
}


/* 價格樣式 */
.product-price ins {
	color: #444444;
}

.radio-style:checked + .radio-style-3-label:before {
	color: #fff;
	border-color: rgba(0,0,0,0.3);
}
.page-item.active .page-link, .page-link:hover, .page-link:focus {
	border-color: rgba(0,0,0,0.2) !important;
}