@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif+TC:wght@200..900&display=swap');
body {
	font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI Light", "微軟正黑體", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Serif TC", "Noto Serif JP", Times, "Times New Roman", serif;
}
/* Color Theme*/ 
:root {
	--main-color: #ac1f25;
	--color-text: #ac1f25;
	--color-link: #ac1f25;
	--color-title: #ac1f25;
	--bg-color: #ac1f25;
	--color-border: #ac1f25;
	--section-color-dark: #b56062;
	--main-color-rgb: 172,31,37;
	--main-color-dark: #3d0d0f;
}
.section.dark {
	background-color: var(--section-color-dark);
}
.dark .d-title .color {
	color: #fff !important;
}
.section.dark .d-title .color {
	color: #fff !important;
}
/*===============================================
                    整體設定
=================================================*/
a, a:hover {
	text-decoration: none;
	transition: all .3s;
}
.noto-sans-jp {
	font-family: "Noto Sans JP", sans-serif !important;
}
.text-line-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.button {
	letter-spacing: 0;
}
.button-red {
	background-color: var(--main-color) !important;
}
.button-red:hover {
	background-color: var(--main-color-dark) !important;
}
.line-clamp-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.pl-28 {
	padding-left: 28px !important;
}
@media (max-width: 575.98px) {
	.button {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		min-width: 40px;
		letter-spacing: 0;
	}
}
/* Font Style */
.menu-link, .sidebar-widgets-wrap .widget_links {
	font-family: "Noto Serif TC", "Noto Serif JP", Times, "Times New Roman", serif;
}
/* Header */
.top-links-item > a > i:first-child {
    margin-right: 0;
}
.top-links-item > a > span:not(.top-cart-number), #top-cart a .title  {
	display: block;
	font-size: 0.6875rem;
	line-height: 1;
	margin-top: -0.25rem;
}
#top-cart a .title {
	margin-top: -0.55rem;
}
.top-links-item > a > i, #top-cart > #top-cart-trigger > i.icon-line2-bag {
	width: 50px;
	height: 50px;
	padding: 10px;
}
.top-links-item > a > i:before {
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
	transform: translateY(-5px);
}
.top-links-item > a > i.icon-line2-home:before {
	background: url('../image/icon-home.svg') no-repeat center center;
	background-size: cover;
}
.top-links-item > a > i.icon-user1:before {
	background: url('../image/icon-user.svg') no-repeat center center;
	background-size: cover;
}
.top-links-item > a > i.icon-line-search:before {
	background: url('../image/icon-search.svg') no-repeat center center;
	background-size: cover;
}
.top-links-item > a > i.icon-line-truck:before {
	background: url('../image/icon-shipping.svg') no-repeat center center;
	background-size: cover;
}
.top-links-item > a > i.icon-line-bell:before {
	background: url('../image/icon-notice.svg') no-repeat center center;
	background-size: cover;
}
.top-links-item > a > i.icon-line-heart:before {
	background: url('../image/icon-follow-list.svg') no-repeat center center;
	background-size: cover;
}
#top-cart > #top-cart-trigger > i.icon-line2-bag:before {
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
	background: url('../image/icon-bag.svg') no-repeat center center;
	background-size: auto 24px;
}
@media (max-width: 991.98px) {
	#top-bar {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 99;
		background-color: rgba(210, 210, 210, .9);
		backdrop-filter: blur(10px);
	}
	.top-links {
		border-bottom: 0;
	}
	.menu-item .sub-menu-trigger {
		width: 100%;
		text-align: right;
	}
	.sub-menu-trigger.icon-chevron-right.icon-rotate-90 {
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.sub-menu-trigger.icon-chevron-right.icon-rotate-90:before {
		transform: rotate(90deg);
		display: inline-block;
	}
	#top-bar .top-links-container {
		margin-left: -15px;
		margin-right: -15px;
	}
	.top-links-item {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	#top-bar .top-links-item > a, #top-bar #top-cart a {
		height: 64px;
		margin-left: auto;
    margin-right: auto;
	}
	.top-links-item > a > span, #top-cart a .title {
		display: block
	}
	.top-links-item > a > i:first-child {
		margin-right: 0;
	}
	.top-links-item.top-user a span.user-name {
		display: none;
	}
}
@media (min-width: 992px) {
	#top-bar {
		z-index: 300;
	}
	#header {
		background-color: transparent !important;
	}
	#logo {
		z-index: 310;
	}
	#logo img {
		max-height: 84px !important;
		padding: 0;
	}
	#top-bar .top-links-item.top-user > a {
		width: auto;
		min-width:50px;
		align-items: center;
	}
	.top-links-item.top-user a span.user-name {
		display: block;
		font-size: 0.75rem;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,100%);
		color: var(--main-color);
		width: 400%;
	}
}

/* Footer */
#footer {
	background-color: #b56062;
	border: none;
}
#footer a:hover {
	color: rgba(255, 255, 255, 0.7);
}
#footer #copyrights .border-top {
	border-top-color: rgba(255, 255, 255, 0.36) !important;
}
#footer-nav a {
	border-left-color: rgba(255, 255, 255, 0.4) !important;
}
#footer-menu ul li {
	margin: 2px 0;
}
#footer-menu ul li:first-child {
	margin-top: 0;
}
#footer-menu ul li a {
	position: relative;
	padding: 2px 0;
}
#footer-menu ul li a:after {
	content: '';
	display: block;
	width: 0%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0px;
	bottom: -2px;
	transition: all 0.2s ease;
}
#footer-menu ul li:hover a:after {
	width: 100%;
}
#footer-content {
	background-color: #535353;
}
#footer-content h4 {
	font-size: 0.9em;
	color: #B5B5B5;
}
#footer-contact .button {
	color: #000;
}
#footer-contact span {
	font-size: 0.9em;
	color: #B5B5B5;
}
#float-img {
	position: absolute;
	top: 0;
	left: 0;
}
#gotoTop {
	border-radius: 99px;
}
.stretched #gotoTop {
	bottom: 12.5vh;
}
.copyright-links a {
	border-bottom-color: rgba(255, 255, 255, 0.6) !important;
}
#footer-logo img {
	max-height: 36px;
}
	
@media (max-width: 991.98px) {
	.stretched #gotoTop {
		bottom: 21vh;
	}
	#footer-logo img {
		max-width: 200px;
		max-height: none;
	}
}
@media (max-width: 767.98px) {
	#footer-logo img {
		max-width: 100px;
	}
}
.fwarning {
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 11.5vh;
	padding: 15px;
	text-align: center;
	background-color: rgba(238, 238, 238, .75);
	color: #efefef;
	background-image: url("/front/footer/tf01_102/image/notice-lg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 75%;
}
@media (min-width:992px) and (max-width: 1199.98px) {
	.fwarning {
		background-image: url("/front/footer/tf01_102/image/notice-lg.png");
		background-size: contain;
	}
}
@media (max-width: 991.98px) {
	.fwarning {
		bottom: 64px;
		background-image: url("/front/footer/tf01_102/image/notice-xs.png");
		background-size: contain;
		height: 10.5vh;
	}
}
@media (orientation: landscape) and (max-width: 767.98px) {
  .fwarning {
		background-image: url("/front/footer/tf01_102/image/notice-lg.png");
		background-size: contain;
	}
}
/*===============================================
                  Home Style
=================================================*/
#slider .owl-carousel .slider-image:before {
	padding-top: 37.916%;
}
.index-banner img {
	width: 100%;
}
.index-banner .swiper-pagination span {
	background-color: #0b2530;
}
.index-banner .swiper-pagination span:hover, .index-banner .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #0e6286 !important;
}
#index-banner .owl-dots {
	position: absolute;
  bottom: 10px;
  width: 100%;
}
/*首頁-主標題共通樣式*/
#main-title .title-block {
	padding: 0;
	border: navajowhite;
}
#main-title h2, #main-title h3 {
	color: #2C2C2C;
	font-family: "Source Sans 3", "Noto Sans TC", "Noto Sans JP", sans-serif;
	letter-spacing: 2px;
}
#main-title span {
	color: #2C2C2C;
	font-weight: normal;
	font-family: "Source Sans 3", "Noto Sans TC", "Noto Sans JP", sans-serif;
	padding-left: 33px;
}
/* 首頁-最新消息區塊 */
#big-news-box .owl-carousel .owl-dots {
	position: absolute;
	left: 15px;
	top: 15px;
}
#big-news-box .owl-carousel .owl-dots .owl-dot {
	margin-top: 0;
}
#home-news .entry-title h2 {
	color: #000;
	font-size: 1.25rem;
}
a .entry-brief {
	color: #555;
}
#big-news-box .entry .entry-image:before, #list-news-box .entry .entry-image:before {
	padding-top: 84.7457%;
}
@media (max-width: 991.98px) {
	#list-news-box .entry .entry-image:before {
		padding-top: calc(50% - 37px);
	}
	#home-news .entry-title h2 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
}
@media (min-width: 992px) {
	/*#home-news #main-title h2 {
		background-image: url(/page/001/image/home-news-main-title-bg.png);
		background-repeat: no-repeat;
		background-position: center left;
		padding: 26px 7px;
	}
	#home-news #main-title span {
		position: absolute;
		left: -30px;
		top: 0;
		writing-mode: vertical-lr;
		padding-left: 0px;
		letter-spacing: 3px;
	}*/
	#list-news-box .entry .entry-image:before {
		padding-top: 77.3%;
	}
}
@media (min-width: 1200px) {
	#list-news-box .entry .entry-image:before {
		padding-top: 78.6%;
	}
}
@media (min-width: 1440px) {
	#list-news-box .entry .entry-image:before {
		padding-top: 79.4%;
	}
}
/* 首頁-熱銷商品區塊 */
#home-hot.section {
	overflow: visible;
	background-color: #fafafa;
}
#home-hot:before, #home-hot:after {
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
}
/*#home-hot:before {
	width: 11.15vw;
	height: 226px;
	right: 0;
	top: -60px;
	background: url('/archive/image/home-deco-brush-right.png') no-repeat right top;
	background-size: 100% auto;
}
#home-hot:after {
	width: 11.25vw;
	height: 241px;
	left: 0;
	bottom: -10px;
	background: url('/archive/image/home-deco-brush-left.png') no-repeat left bottom;
	background-size: 100% auto;
}*/
#home-hot .container {
	position: relative;
	z-index: 2;
}
#button-box a {
	display: inline-block;
	transition: all 0.2s ease;
}
a.btn-more-link {
	width: 164px;
	height: 164px;
}
a.btn-more-link span.btn-block {
	display: block;
	width: 164px;
	height: 164px;
	position: relative;
	transition: all 0.2s ease;
}
a.btn-more-link span.btn-block span {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
	background: url("../image/more-link-circle.svg");
	background-size: cover;
	transition: all 0.2s ease;
}
a.btn-more-link span i {
	font-style: normal;
	font-size: 1rem;
	position: relative;
	transition: all 0.2s ease;
}
a.btn-more-link span.btn-block:before {
	display: block;
	content: '';
	background-color: #9A0C1A;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	opacity: 0;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.2s ease;
}
a.btn-more-link:hover span.btn-block {
	padding: 10px;
	position: relative;
}
a.btn-more-link:hover span.btn-block:before {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	opacity: 1;
}
a.btn-more-link:hover span i {
	color: #fff;
}
@media (max-width: 991.98px) {
	#home-hot:before {
		width: 20.15vw;
	}
	#home-hot:after {
		width: 20.75vw;
	}
}
@media (max-width: 575.98px) {
	#home-hot:before {
		width: 28.15vw;
		top: -30px;
	}
	#home-hot:after {
		width: 28.75vw;
	}
}
@media (min-width: 992px) {
	/*#home-hot .container {
		max-width: calc(100% - ((100% - 960px) / 2));
		margin-left: calc(100% - 960px - (100% - 960px) / 2);
	}*/
	#home-hot #button-box {
		margin-right: calc(100vw - 960px - (100vw - 960px) / 2);
	}
	#home-decorate-02 {
		max-width: calc(100% - ((100% - 960px) / 2));
		margin-left: calc(100% - 960px - (100% - 960px) / 2) !important;
	}
}
@media (min-width: 1200px) {
	/*#home-hot .container {
		max-width: calc(100% - ((100% - 1140px) / 2));
		margin-left: calc(100% - 1140px - (100% - 1140px) / 2);
	}*/
	#home-hot #button-box {
		margin-right: calc(100vw - 1140px - (100vw - 1140px) / 2);
	}
	#home-decorate-02 {
		max-width: calc(100% - ((100% - 1140px) / 2));
		margin-left: calc(100% - 1140px - (100% - 1140px) / 2) !important;
	}
}
@media (min-width: 1440px) {
	/*#home-hot .container {
		max-width: calc(100% - ((100% - 1320px) / 2));
		margin-left: calc(100% - 1320px - (100% - 1320px) / 2);
	}*/
	#home-hot #button-box {
		margin-right: calc(100vw - 1320px - (100vw - 1320px) / 2);
	}
	#home-decorate-02 {
		max-width: calc(100% - ((100% - 1320px) / 2));
		margin-left: calc(100% - 1320px - (100% - 1320px) / 2) !important;
	}
}
/*首頁-熱銷商品區塊-頁籤樣式*/
/*.products-carousel.owl-carousel-full .owl-nav [class*=owl-] {
	width: auto;
	height: 42px;
	line-height: 42px;
	color: #000;
	background-color: rgba(0, 0, 0, 0);
	font-size: 0.85rem;
	border-radius: 0;
	padding: 0 15px;
	opacity: 1;
	top: -36px;
}
.products-carousel.owl-carousel-full .owl-nav .owl-prev {
	left: auto !important;
	right: 80px;
}
.products-carousel.owl-carousel-full .owl-nav .owl-prev:hover {
	padding: 0 20px 0 10px;
}
.products-carousel.owl-carousel-full .owl-nav .owl-next:hover {
	padding: 0 10px 0 20px;
}
.products-carousel.owl-carousel-full .owl-nav [class*=owl-]:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	transition: all 0.2s ease;
}
.products-carousel.owl-carousel-full .owl-nav [class*=owl-]:hover:before {
	background-color: #9a0c1a;
}
.products-carousel.owl-carousel-full .owl-nav .owl-next:before {
	top: auto;
	bottom: 0;
}
.products-carousel.owl-carousel.owl-carousel-full .owl-nav [class*=owl-]:hover {
	background-color: rgba(0, 0, 0, 0) !important;
	color: #9a0c1a !important;
}
.products-carousel .owl-nav [class^="icon-"] {
	font-family: 'Lato', 微軟正黑體修正, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	position: relative;
	z-index: 2;
}
.products-carousel.owl-carousel.owl-carousel-full .owl-nav .icon-angle-left:before {
	content: "PREV";
}
.products-carousel.owl-carousel.owl-carousel-full .owl-nav .icon-angle-right:before {
	content: "NEXT";
}
.products-carousel.owl-carousel .owl-nav [class*=owl-].disabled {
	display: block !important;
	opacity: 0.4;
}
@media (max-width: 991.98px) {
	.products-carousel.owl-carousel-full.owl-carousel {
		padding-bottom: 50px;
	}
	.products-carousel.owl-carousel-full .owl-nav [class*=owl-] {
		top: auto;
		bottom: 0;
	}
	.products-carousel.owl-carousel-full .owl-nav .owl-next {
		left: 51% !important;
		right: auto !important;
	}
	.products-carousel.owl-carousel-full .owl-nav .owl-prev {
		right: 51% !important;
		left: auto !important;
	}
}
@media (min-width: 992px) {
	.products-carousel.owl-nav {
		position: absolute;
		right: calc(100vw - 960px - 60px - (100vw - 960px) / 2);
		top: -8px;
	}
}
@media (min-width: 1200px) {
	.products-carousel.owl-nav {
		right: calc(100vw - 1140px - (100vw - 1140px) / 2);
		right: 0;
	}
}
@media (min-width: 1440px) {
	.products-carousel.owl-nav {
		right: calc(100vw - 1320px - (100vw - 1320px) / 2);
		right: 0;
	}
}*/
#home-hot #main-content {
	position: relative;
}
#home-hot .nav.nav-pills {
	position: absolute;
	left: 140px;
	top: -66px;
}
#home-hot .nav-pills .nav-link {
	background-color: #e9e9e9;
	border-radius: 99px;
	padding: 0.25rem 1rem;
}
#home-hot .nav-pills .nav-link.active {
	background-color: #9a0c1a;
}
@media (min-width: 768px) {
	#home-hot .nav.nav-pills {
		left: 200px;
		top: -76px;
	}
	#home-hot .nav-pills .nav-link {
		padding: 0.5rem 2rem;
	}
}
@media (max-width: 767.98px) {
	#home-hot .nav.nav-pills {
		position: relative;
		left: auto;
		top: auto;
	}
}
/*首頁-熱銷商品區塊-浮動tag區塊*/
#home-hot .sale-flash {
	width: 50px;
	left: inherit;
	right: 10px;
}
/*首頁-熱銷商品區塊-浮動tag樣式*/
#home-hot .badge {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 99%;
	padding: 0 !important;
}
#home-hot .hot-tag {
	background-color: #d36156;
}
#home-hot .sale-tag {
	background-color: #8d8d8d;
}
/*首頁-熱銷商品區塊-小標題樣式*/
#home-hot .product-title h3 {
	color: #000;
}
/*首頁-熱銷商品區塊-內文樣式*/
#home-hot .product-content {
	font-size: 0.9em;
	color: #000;
}
/* 首頁-本週推薦區塊 */
.product .fav-flash {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.product .fav-flash .btn {
	background-color: rgba(255,255,255,0.5);
	color: #B84F51;
	font-size: 1.25rem;
	transition: all 0.2s ease;
}
.product .fav-flash .btn:hover {
	background-color: #fcf0f1;
}
/*首頁-熱銷商品區塊-浮動tag區塊*/
#home-recommend .sale-flash {
	width: 50px;
	left: inherit;
	right: 10px;
}
/*首頁-熱銷商品區塊-浮動tag樣式*/
#home-recommend .badge {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	padding: 0 !important;
}
#home-recommend .hot-tag {
	background-color: #d36156;
}
#home-recommend .sale-tag {
	background-color: #8d8d8d;
}
/*首頁-熱銷商品區塊-圖片樣式*/
#home-recommend img {
	background-color: #efefef;
}
/*首頁-熱銷商品區塊-小標題樣式*/
#home-recommend .product-title h3 {
	color: #000;
}
/* 首頁-知識好文區塊 */

#home-article #tag-box small {
	color: #9a0c1a;
}
#home-article .entry-title h3 {
	font-size: 1rem;
	color: #333;
}
#home-article .entry-content {
	color: #666;
	font-size: 0.875rem;
}
#home-article .entry-more .button {
	color: #666;
	border-color: #666;
	background: none !important;
}
#home-article .entry-more .button:hover {
	color: #fff;
	background: #666 !important;
}
#home-link .tagcloud a {
	color: #333;
	font-size: 0.875rem !important;
	padding: 5px 12px;
}

/*首頁-熱門酒造*/
.list-distillery {
	padding-bottom: 10px;
	margin-bottom: 0;
	gap: 20px;
	width: auto;
	overflow-x: auto;
  scroll-snap-type: x;
	scrollbar-width: thin;
	scrollbar-color: #e1e1e1 #f1f1f1;
}
.list-distillery li {
	width: 153px;
	flex: 0 0 153px;
}
.list-distillery::-webkit-scrollbar {
  width: 5px;
}
.list-distillery::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 100px;
}

.list-distillery::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-clip: content-box;
  background-color: #e1e1e1;
}
@media (max-width: 767.98px) {
	.list-distillery {
		gap: 15px;
	}
	.list-distillery li {
		width: 80px;
		flex: 0 0 80px;
	}
}

/* 首頁IG*/
@media (min-width: 768px){
	.list-ig .list-wide {
		-ms-flex: 0 0 38.3%;
		flex: 0 0 38.3%;
		max-width: 38.3%;
	}
}
@media (min-width: 1440px){
	.list-ig .list-wide {
		-ms-flex: 0 0 38.25%;
		flex: 0 0 38.25%;
		max-width: 38.25%;
	}
}

/*首頁-熱門酒造*/
#home-brands ul {
	list-style: none;
	margin-bottom: -0.5rem;
}
#home-brands ul li {
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
#home-brands ul li a {
	display: block;
	position: relative;
	padding: 5px 15px;
	font-size: 1.25rem;
	border: solid 2px rgba(151, 151, 151, .25);
	border-radius: 30px;
	color: #666;
	transition: all 0.2s ease;
}
#home-brands ul li a:hover {
	background-color: var(--main-color);
	border-color: var(--main-color);
	color: #fff;
}
#home-brands ul li a:after {
	content: "\e7a5";
	display: inline-block;
	font-family: 'font-icons';
	margin-right: -5px;
	margin-left: 5px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	width: 0;
	height: 27px;
	opacity: 0;
	text-align: center;
	transition: all 0.2s ease;
}
#home-brands ul li a:hover:after {
	width: 27px;
	opacity: 1;
}
.oc-item .product .product-price del, .shop .product .product-price del {
	display: none;
}

/*===============================================
                  Page Style
=================================================*/
/*內頁banner區塊-遮罩區塊*/
.page-banner:before {
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 40%);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
/*內頁-子層選單區塊-主區塊*/
#page-menu #page-menu-wrap {
	top: 0 !important;
	position: relative !important;
}
#page-menu .page-menu-wrap-clone {
	display: none;
}
@media (min-width: 992px) {
	#page-menu {
		margin-top: 30px;
	}
	#page-menu #page-menu-wrap {
		background-color: #fff !important;
		box-shadow: none !important;
	}
	/*內頁-子層選單區塊-標題區塊*/
	#page-menu #page-menu-wrap .page-menu-title {
		display: none;
	}
	/*內頁-子層選單區塊-列表區塊*/
	#page-menu #page-menu-wrap .page-menu-nav {
		flex: 0 0 100%;
		justify-content: center;
	}
	#page-menu #page-menu-wrap .page-menu-item > a {
		font-size: 1em;
		color: #333;
		text-shadow: none;
		padding: 8px;
		border: 1px solid rgb(208, 201, 201);
		border-radius: 0px;
	}
}

.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
	font-weight: normal;
}
.product-title h3, .entry-title.title-sm h3, .product-price {
	font-size: 1.125rem;
}
.d-title h1.color {
	font-weight: normal;
	font-size: 1.5rem;
}
.owl-carousel .owl-nav [class*=owl-] {
	opacity: 0.6;
}
time.date .font-weight-bold {
	font-weight: normal !important;
}
.widget-link-hightlight ul li:nth-child(1n) a {
	background-color: #b56062;
}
.widget-link-hightlight ul li:nth-child(2n) a {
	background-color: #75a8b0;
}
.widget-link-hightlight ul li:nth-child(3n) a {
	background-color: #e1c479;
}
.widget-link-hightlight ul li:nth-child(4n) a {
	background-color: #e8907e;
}
@media (max-width: 767.98px) {
	#primary-menu-trigger {
		margin-left: -15px;
		height: 60px;
	}
}
@media (min-width: 992px) {
	.menu-link {
		font-size: 1rem;
	}
}
.cart-flash {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.entry .entry-image {
	position: relative;
	overflow: hidden;
	padding: 0;
	border-bottom: none;
}
.entry .entry-image:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.entry .entry-image:before {
	padding-top: 72.7272%;
}
.entry .entry-image .image-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.entry .entry-image .image-content div {
	width: 100%;
	height: 100%;
}
.entry .entry-image .image-content a {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	display: block;
}
.entry .entry-image .image-content img {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}
#search-list-page .entry .entry-image .image-content img {
	width: auto;
	max-height: 100%;
}


.product .product-image, .entry-image {
	border-radius: 0;
}
.shop .product-image, .oc-item .product-image {
	position: relative;
	overflow: hidden;
	padding: 0;
	border-bottom: none;
}
.shop .product-image:before, .oc-item .product-image:before {
	content: "";
	display: block;
	padding-top: calc(100% + 15px);
}
.shop .image-content, .oc-item .image-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.shop .product-image .fslider, .shop .fslider .flexslider {
	overflow: visible;
}
/*.shop .image-content div, .oc-item .image-content div {
	width: 100%;
	height: 100%;
}
.shop .image-content a, .oc-item .image-content a {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	display: block;
}
.shop .product-image img, .oc-item .product-image img {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
}*/

.single-product .product-image .image-content div, 
.oc-item .product-image .image-content div, 
.product-image .image-content .slide {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.single-product .product-image a, 
.single-product .product-image img,
.oc-item .product-image a,
.oc-item .product-image img, 
.product-image .image-content .slide a,
.product-image .image-content .slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.single-product .product-image img,
.oc-item .product-image img, 
.product-image .image-content .slide img {
  object-fit: contain;
  object-position: center center;
}
.product-image .bg-overlay {
	height: calc(100% - 15px);
}
@media (max-height: 767.98px) {
	.single-product .product-image img {
		max-height: 100vh;
	}
}

.shop .product-image .flex-control-nav {
	top: auto;
	bottom: -15px;
	width: 100%;
	right: 0;
}
.shop .product-image .flex-control-nav li {
	width: 8px;
	height: 8px;
}
.shop .product-image .flex-control-nav li a {
	border-color: var(--main-color);
}
.shop .product-image .flex-control-nav li:hover a, .shop .product-image .flex-control-nav li a.flex-active {
   background-color: var(--main-color);
}

.product-meta {
	color: #9A0C1A;
}
.product-image .sale-flash {
	position: absolute;
	left: auto;
	right: 10px;
	display: flex;
	gap: 5px;
}
.product-image .sale-flash .badge {
	line-height: 1.2 !important;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ededed;
	font-size: 0.85rem;
	text-align: center;
}
.product-image .sale-flash .badge > div {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.badge.badge-preorder {
	background-color: #d36156 !important;
	color: #fff;
}
.shop .product-desc, .oc-item .product-desc {
    padding-top: 0;
}
.shop .product-brief {
	font-size: 0.75rem;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.product-quick-info {
	margin-top: 5px;
}
.product-quick-info .tag {
	display: inline-block;
	margin: 0 0 0.125rem 0;
	padding: 0.1rem 0.25rem;
	border-radius: 0.25rem;
	background-color: #636363;
	color: #fff;
	font-size: 0.75rem;
}
.product-quick-info .tag.tag-preoder {
	background-color: #636363;
}
/*.product-quick-info .tag.tag-fastshipping {
	background-color: #9A0C1A;
}*/
.product .product-item-action {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	opacity: 0;
	transition: all 0.2s ease;
}
.product:hover .product-item-action {
	opacity: 1;
}
.product-item-action a {
	background: rgba(0, 0, 0, .6);
	padding: 5px;
	color: #fff;
	font-size: 1.125rem;
	display: block;
	transition: all 0.2s ease;
}
.product-item-action a:hover {
	background: rgba(0, 0, 0, .8);
}
.product-item-action a.add-to-fav[status="1"] {
  color: var(--red);
}
.product-item-action a.add-to-fav[status="1"] .icon-heart-empty:before {
	content: "\ea74";
}
.single-product .product .product-item-action {
	bottom: 0;
}
.viewed-products .product .product-item-action {
	bottom: 15px;
}
.single-product .product:hover .product-item-action {
	opacity: 0;
}
.single-product .product-image:hover .product-item-action {
	opacity: 1;
}
.single-product .tagcloud a {
	font-size: 1rem;
	color: #666;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid rgba(92, 83, 76, .95);
	padding: 5px 10px;
	transition: all 0.2s ease;
}
.single-product .tagcloud a:hover {
	background-color: rgba(92,83,76,.95);
	border: 1px solid rgba(92, 83, 76, .95) !important;
  color: rgba(238,238,238,.95) !important;
}
#content .single-product .product-brief p {
	line-height: 1.8;
	margin-bottom: 1rem;
}
.single-product .product-brief {
	text-align: justify;
}
#form_cart .button {
	height: 41px;
}
.quantity-title, .quantity .plus, .quantity .minus, .quantity .qty {
	background-color: transparent;
}
.quantity .qty, .quantity .plus, .quantity .minus {
	border: solid 1px rgba(0,0,0,0.15);
}
.quantity-title {
	text-align: right;
}
.quantity .plus {
	border-left: none;
}
.quantity .minus {
	border-right: none;
}
@media (max-width: 767.98px) {
	#form_cart .quantity .qty {
		border: solid 1px rgba(0,0,0,0.15);
	}
}

.cart td {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.cart-total {
	line-height: 1.8;
}
#form_cart .cart-product-subtotal, #form_cart .cart-product-total {
	text-align: right !important;
}
#form_cart .cart-product-subtotal span, #form_cart .cart-product-total span {
	font-weight: bold;
}
.coupon-input .d-flex {
	max-width: 350px;
}
.coupon-input .sm-form-control {
	text-align: right;
}
#coupon_price {
	color: var(--red);
}
.cart-discount, .cart_item .discount {
	color: var(--red);
}
#form_cart .cart-product-total .amount {
	font-size: 1.125rem;
	font-weight: 900;
}
.amount.color.lead strong {
	font-weight: 700;
}
@media (max-width: 767.98px) {
	#form_cart .cart-total {
		display: block;
	}
	#form_cart .cart-total td:nth-child(1), #form_cart .cart-total td:nth-child(3), #form_cart .cart-total td:nth-child(6) {
		display: inherit;
	}
	#form_cart .cart-total td:nth-child(2) {
		display: none;
	}
	#form_cart .cart-product-subtotal .amount {
		margin-right: 0;
	}
	#form_cart .cart-total .cart-product-subtotal .amount {
		font-size: 1rem;
		margin-right: 0;
	}
	.shipping-info > div {
		margin-right: 30px;
	}
	.cart .cart-product-price-total, .cart .cart-product-discount {
		width: 100%;
		text-align: right;
	}
	.coupon-input .d-flex {
		max-width: 100%;
	}
}
.cart-product-thumbnail img {
	border-color: rgba(0,0,0,0.1);
}


/* Product List View Type */
.btn-outline-secondary {
	color: #999;
	border-color: #999;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
	background-color: var(--main-color);
  border-color: var(--main-color);
}
.product-price .inventory_empty {
	color: #999 !important;
}

.shop:not(.list-line) .product-title a, .oc-item .product .product-title a {
	height: 3.4rem;
	overflow: hidden;
}
.shop:not(.list-line) .product-title h3 {
	height: 3.4rem;
	overflow: hidden;
}
.shop:not(.list-line) .product-title, .shop:not(.list-line) .product-price, .oc-item .product .product-title, .oc-item .product .product-price {
	text-align: center;
}
.shop:not(.list-line) .product-title, .oc-item .product .product-title {
	border-bottom: solid 1px #000;
	padding-bottom: 0.5rem;
}
.shop .product-bref, .oc-item .product .product-bref {
	margin: 0.5rem 0;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
   -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
	color: #777;
	font-size: 0.75rem !important;
}
.shop:not(.list-line) .product-bref p, .oc-item .product .product-bref p {
	line-height: 1.4 !important;
}
.shop:not(.list-line) .product-bref p, .shop:not(.list-line) .product-bref span {
	font-size: 0.75rem !important;
}
.shop:not(.list-line) .product-review, .oc-item .product-review {
	justify-content: center;
}
.shop .product-review .star-rating, .oc-item .product-review .star-rating {
  color: #ffd700;
}
.shop .product-review .star.empty, .oc-item .product-review .star.empty {
  color: #ccc;
}

.shop.list-line .product {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.shop.list-line .product .grid-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	width: unset;
	justify-content: flex-start;
}
.shop.list-line .product .product-image {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.shop.list-line .product .product-desc {
	position: relative;
	width: 100%;
	padding: 0 15px;
	-ms-flex: 0 0 25%;
	flex: 0 0 75%;
	max-width: 75%;
}
.shop.list-line .product .product-desc a {
	margin-bottom: 0.5rem;
	display: block;
}
.shop.list-line .image-content {
	left: 15px;
	right: 15px;
}
.shop.list-line .product-image img {
	top: 0;
	left: 0;
	transform: translate(0,0);
}

.shop.list-line .product-image .sale-flash {
	right: 5px;
	top: 5px;
}
.shop .modal .product-title, .shop .modal .product-price {
	text-align: left;
}
.product-item-action-h, .list-line .product-item-action {
	display: none;
	margin-top: auto;
}
.list-line .product-item-action-h {
	display: block;
}

@media (min-width: 768px) {
	.shop.list-line .product.col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.shop.list-line .product-desc {
		display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
	}
	/*.shop.list-line .product-quick-info {
		margin-top: auto;
	}*/
	.shop.list-line .product-brief.d-md-none {
		display: block !important;
		margin-top: 15px;
	}
}
@media (max-width: 575.98px) {
	.product-item-action-h {
		margin-top: 0.75rem;
	}
	.list-line .product .button {
			padding: 0.25rem 0.5rem;
	}
	.shop .product-title h3, .entry-title.title-sm h3, .product-price {
		font-size: 1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
}
@media (min-width: 992px) {
	.product-title h3, .entry-title.title-sm h3, .product-price {
		font-size: 1.125rem;
	}
	.shop:not(.list-line) .product-title a, .oc-item .product .product-title a {
		height: 3.6rem;
	}
	.shop .modal .product-title a {
		height: auto;
	}
}
@media (max-width: 991.98px) {
	/*.shop .product {
		-ms-flex: 0 0 33.333%;
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}*/
	.modal .product {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.shop.list-line.gutter-10 > [class*="col-"] {
		padding-bottom: 30px;
	}
	.shop.list-line .product {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (max-width: 767.98px) {
	/*.shop .product {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}*/
	.modal .product {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.shop.list-line.gutter-10 > [class*="col-"] {
		padding-bottom: 30px;
	}
	.shop.list-line .product {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.product-quick-info .tag {
		font-size: 0.625rem;
	}
	
	.shop.list-line .product .grid-inner {
		margin-right: -5px;
		margin-left: -5px;
	}
	.shop.list-line .product .product-image {
		padding-right: 5px;
		padding-left: 5px;
	}
	.shop.list-line .image-content {
		left: 5px;
		right: 5px;
	}
	.shop.list-line .product .product-desc {
		padding: 0 5px;
	}
	
	.shop.list-line .product-image .sale-flash .badge {
		transform: scale(0.6);
		transform-origin: right top;
	}
}

.store-list .entry .entry-image:before {
    padding-top: 66.666%;
}
.store-list .entry .entry-image .image-content img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
.store-list .entry .entry-content li {
	margin-top: 0.25rem;
}
.store-list .entry .entry-content a {
	color: #555;
	transition: all 0.2s ease;
}
.store-list .entry .entry-content a:hover {
	color: #9a0c1a;
}

.checkout_add .product-title h3 {
	font-size: 1rem;
	height: 3rem;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.checkout_add .product-image {
	max-width: 200px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 767.98px) {
	.checkout_add .product-title h3 {
		font-size: 0.875rem;
		height: 2.6rem;
	}
}

.review-summary-info-title {
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 8px;
}
.review-comment-ratings {
	position: relative;
	top: auto;
	height: auto;
	font-size: 1.25rem;
	color: #ffc600;
}
.review-level {
	width: calc(1.5rem + 10px);
}
.review-percent {
	width: calc(2.5rem + 10px);
	text-align: right;
}
.progress {
	height: 0.5rem;
	margin-top: 0.45rem;
}
.progress-bar {
	background-color: hsl(208deg 100% 70% / 60%);
}
.comment-inner {
	border: solid 1px #dfdfdf;
	border-radius: 8px;
}
.comment-header {
	border-bottom: solid 1px #dfdfdf;
    padding: 0 0 10px 0;
}
.comment-content .comment-author {
	margin-bottom: 0;
	line-height: 32px;
}
.comment-content .comment-author span a {
	font-style: normal;
	font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI Light", "微軟正黑體", sans-serif;
}
.commentlist li .comment-content p {
	margin: 0 0 20px 0;
}
.comment-content .review-comment-ratings {
	font-size: 0.875rem;
}
.commet-time {
	font-size: 0.75rem;
	color: #999;
}

.form-control-small {
	padding: 4px 7px;
	font-size: 0.875rem;
	border-width: 1px;
}
.price-highlight {
	color: var(--main-color) !important;
}
.product-add-purchase .item-add {
	padding: 10px;
	transition: all 0.2s ease;
}
.product-add-purchase .item-add:hover {
	background-color: rgba(0,0,0,0.1);
}
.product-add-purchase .product-price {
	font-size: 1rem;
}

a.item-link-arrow {
	color: #333;
	display: inline-block;
	transition: all 0.2s ease;
}
.item-link-arrow span {
	display: inline-block;
	margin-right: 0.5rem;
	position: relative;
	width: 2rem;
	height: 1rem;
	transition: all 0.2s ease;
}
.item-link-arrow span:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #333;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 3px;
	transition: all 0.2s ease;
}
.item-link-arrow span:after {
	content: '';
	display: block;
	width: 12px;
	height: 1px;
	background-color: #333;
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(30deg);
	transition: all 0.2s ease;
}
a.item-link-arrow:hover {
	color: var(--main-color);
}
.item-link-arrow:hover span {
	width: 3rem;
}
.item-link-arrow:hover span:before, .item-link-arrow:hover span:after {
	background-color: var(--main-color);
}

/*會員中心*/
#coupons-menu .tabs-bb .tab-nav .ui-tabs-tab {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
#coupons-menu .tabs-bb .tab-nav li.ui-tabs-active a {
	background-color: #fff;
}
#coupons-menu .tabs-bb .tab-nav li a {
	font-size: 1rem;
}
#user-menu i.icon-line2-user:before, #user-menu i.icon-line2-user-female:before {
	background: url(../image/icon-user.svg) no-repeat center center;
	background-size: cover;
	display: block;
	width: 64px;
	height: 64px;
	content: '';
}
#user-menu i.icon-line2-bag:before {
  background: url(../image/icon-bag.svg) no-repeat center center;
  background-size: auto 54px;
	display: block;
	width: 64px;
	height: 64px;
	content: '';
}
#user-menu i.icon-ticket-alt:before {
  background: url(../image/icon-coupon.svg) no-repeat center center;
  background-size: cover;
	display: block;
	width: 64px;
	height: 64px;
	content: '';
}
#user-menu i.icon-asterisk:before {
  background: url(../image/icon-point.svg) no-repeat center center;
  background-size: cover;
	display: block;
	width: 64px;
	height: 64px;
	content: '';
}
#user-menu i.icon-calculator:before {
  background: url(../image/icon-inquiry.svg) no-repeat center center;
  background-size: cover;
	display: block;
	width: 64px;
	height: 64px;
	content: '';
}

#form_cart .checkout_add .button.button-mini {
	height: auto;
	font-size: unset;
}

@media (min-width: 992px) {
	.user-login-section .vertical-middle.min-vh-100 {
    min-height: calc(100vh - 205px - 3rem) !important;
	}
}
@media(max-width: 575.98px) {
	.user-login-section .button {
		padding-left: 22px;
     padding-right: 22px;
	}
}

.product-add-purchase .item-add .checkbox-style-3-label:before {
	margin-right: 0;
}
.fav_add_cart .container {
	padding-left: 0;
	padding-right: 0;
}
.button.button-light.button-service {
	background-color: #d9d9d9;
	color: #040404;
}
.button.button-light.button-service:hover {
	background-color: #444;
	color: #fff !important;
}
.button-checkout {
	background-color: var(--main-color);
}
@media (max-width: 991.98px) {
	.fav_add_cart .container {
		max-width: 100%;
}
}
@media (min-width: 920px) {
	#gotoTop {
		z-index: 999;
	}
	.gototop-active .single-product #form_cart, .gototop-active .fav_add_cart {
		position: fixed;
		left: 0;
		bottom: 11.5vh;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		z-index: 999;
		padding-top: 1rem;
		padding-bottom: 0;
		padding-right: calc((100vw - 960px) / 2 - 30px);
		gap: 30px;
		background-color: rgba(255,255,255,0.9);
		box-shadow: 0 -5px 10px rgba(0,0,0,0.1);
		backdrop-filter: blur(10px);
	}
	.gototop-active .fav_add_cart {
		padding-bottom: 1rem;
	}
	.gototop-active .single-product #form_cart #product_detail_spec, .gototop-active #form_cart .product-price {
		margin-bottom: 0 !important;
	}
	.gototop-active .single-product #form_cart .product-buy {
		width: 36%;
		margin-top: 0 !important;
	}
	.gototop-active .single-product #form_cart .product-review {
		display: none !important;
	}
	.gototop-active .single-product #form_cart .product-price, .gototop-active #form_cart .product-btns {
		margin-top: 0 !important;
	}
	.gototop-active .single-product #form_cart .product-qty {
		margin-bottom: 10px;
	}
	.gototop-active .button-checkout, .gototop-active .button-service {
		position: fixed;
		right: 30px;
		bottom: calc(11.5vh + 10.5px);
		z-index: 999;
	}
	.gototop-active .button-service {
		right: 240px;
	}
	.gototop-active .fav_add_cart a {
		margin-right: 38px !important;
	}
	@-moz-document url-prefix() { 
		.button-checkout {
			 width: 205px;
		}
	}
}
@media (min-width: 1200px) {
	.gototop-active .single-product #form_cart, .gototop-active .fav_add_cart {
		padding-right: calc((100vw - 1140px) / 2 - 30px);
	}
	.gototop-active .single-product #form_cart .product-buy {
		width: 38%;
	}
	.gototop-active .button-checkout {
		right: calc((100vw - 1110px) / 2 - 10px);
	}
	.gototop-active .button-service {
		right: calc((100vw - 1110px) / 2 - 10px + 210px);
	}
	@-moz-document url-prefix() { 
		.button-checkout {
			 width: 205px;
		}
	}
}
@media (min-width: 1440px) {
	.gototop-active .single-product #form_cart, .gototop-active .fav_add_cart {
		padding-right: calc((100vw - 1320px) / 2 - 30px);
	}
	.gototop-active .single-product #form_cart .product-buy {
		width: 32%;
	}
	.gototop-active .button-checkout {
		right: calc((100vw - 1290px) / 2 - 10px);
	}
	.gototop-active .button-service {
		right: calc((100vw - 1290px) / 2 - 10px + 210px);
	}
	@-moz-document url-prefix() { 
		.button-checkout {
			 width: 205px;
		}
	}
}

.product-image .fslider .slide > a > img {
	max-height: 100%;
}

.badge-small {
	font-size: 11px;
	padding: 2px 14px;
	line-height: 20px;
}

/* Cart Style */
@media (max-width: 767.98px) {
	.cart_button .button {
		max-width: 100%;
	}
}
.btn.delet .icon-remove:before {
    content: "\e6cf";
}
#form_cart .cart-product-discount {
	color: var(--red);
}
.cart_item.gift {
	background-color: #f5f5f5;
}
#form_cart .cart-product-quantity .quantity {
	flex-wrap: nowrap;
}
@media(max-width: 767.98px) {
	#form_cart .cart-product-delete {
		top: 10px;
	}
	#form_cart .cart_item {
		border: solid 1px #ededed;
		padding: 10px;
		border-radius: 0.75rem;
		margin-top: 1rem;
	}
	#form_cart .cart_item:first-child, .order-summary-list .cart_item:first-child {
		margin-top: 0;
	}
	#form_cart .cart_item .cart-product-price {
		justify-content: flex-start;
	}
	#form_cart .cart_item .cart-product-quantity {
		text-align: right !important;
	}
	#form_cart .cart td, .order-summary-list .cart td {
		border: none;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	#form_cart .cart_item.gift .cart-product-quantity, .order-summary-list .cart_item.gift .cart-product-quantity {
		margin-left: auto;
	}
	#form_cart .cart_item.gift .cart-product-price, 
	#form_cart .cart_item.gift .cart-product-price-total, 
	#form_cart .cart_item.gift .cart-product-discount,
	#form_cart .cart_item.gift .cart-product-subtotal,
	#form_cart .cart_item.gift .cart-product-delete, 
	.order-summary-list .cart_item.gift .cart-product-price, 
	.order-summary-list .cart_item.gift .cart-product-price-total, 
	.order-summary-list .cart_item.gift .cart-product-discount,
	.order-summary-list .cart_item.gift .cart-product-subtotal,
	.order-summary-list .cart_item.gift .cart-product-delete{
		display: none;
	}
}

/* Checkout Style */
.order-summary-list .quantity {
	align-items:center;
}
.order-summary-list .cart-product-delete {
	width: 50px;
}
.order-summary-list .cart-product-delete .btn i {
	margin-right: 0;
}
.order-summary-list .specification {
	color: var(--red);
}
.order-summary-list .cart-product-quantity .quantity span {
	margin-left: 0.25rem;
}
.order-summary-list .cart-product-quantity .quantity {
	flex-wrap: nowrap;
}
@media (max-width: 767.98px) {
	.order-summary-list thead {
		display: none;
	}
	.order-summary-list tr, .order-summary-list td {
			display: block;
	}
	.order-summary-list .cart_item {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		padding: 10px 0;
		border-top: solid 1px #ededed;
	}
	.order-summary-list .cart_item:first-child {
		border-top: none;
		padding-top: 0;
	}
	.order-summary-list .cart-product-name {
  	width: calc(100% - 135px);
  }
	.order-summary-list .cart-product-delete {
		position: absolute;
		right: 0;
		top: 3px;
		padding: 0.25rem 0 !important;
		text-align: center;
		width: auto;
	}
	.order-summary-list .cart_item:first-child .cart-product-delete {
		top: -7px;
	}
	.order-summary-list .cart-product-delete .btn {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	.order-summary-list .cart-product-price {
		width: 40%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.order-summary-list .cart-product-quantity {
		width: 60%;
		text-align: left !important;
	}
	.order-summary-list .cart-product-quantity .quantity {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.order-summary-list .cart-product-quantity .quantity .plus, .order-summary-list .cart-product-quantity .quantity .minus {
		width: 36px;
	}
	.order-summary-list .quantity .qty {
		width: 50px;
		border: solid 1px #ddd;
	}
	.order-summary-list .gift.cart_item .cart-product-quantity {
		width: 100%;
		text-align: right !important;
	}
	.order-summary-list .cart-product-subtotal {
		width: 100%;
		text-align: right !important;
		align-self: center;
	}
	.order-summary-list .cart-product-subtotal .amount {
		font-weight: bold;
		font-size: 1.1rem;
	}
	.order-summary-list .cart_button .button {
		max-width: 100%;
	}
	.order-summary-list tr.cart_total {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.order-summary-list .cart_total td:first-child, .order-summary-list .cart_total td:nth-child(2), .order-summary-list .cart_total td:last-child {
		display: none;
	}
	.order-summary-list .cart-product-subtotal {
		width: 40%;
	}
	.order-summary-list .cart_total .cart-product-subtotal .amount {
		font-size: 1.4rem;
	}
	.order-summary-list .cart_total .cart-product-name {
		align-self: center;
	}
	#checkout-form select.sm-form-control {
		padding-left: 8px;
	}
}
.toogle-delivery .button.button-light {
	background-color: #eeeeee !important;
	transition: all 0.2s ease;
}
.toogle-delivery .button.button-light:hover {	
	color: #000 !important;
	background-color: #e6e6e6 !important;
}
.single-product .checkout_add_box {
	padding: 8px !important;
	padding-right: 0 !important;
	overflow: hidden;
}
.single-product .checkout_add_title h3.mb-4 {
    font-size: 1.25rem;
	margin-bottom: 0.75rem !important;
}
@media (min-width: 768px) {
	.single-product .checkout_add.owl-carousel {
		padding-right: 16px;
	}
	.single-product .checkout_add .product .gutter-20 {
		margin-right: -4px;
		margin-left: -4px;
		margin-bottom: -8px;
	}
	.single-product .checkout_add .product .gutter-20 > .col, .single-product .checkout_add .product .gutter-20 > [class*="col-"] {
		padding-right: 4px;
		padding-left: 4px;
		padding-bottom: 8px;
	}
	.single-product .checkout_add .col-5 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.single-product .checkout_add .product-title h3 {
		font-size: 0.8125rem;
		height: 2.4rem;
	}
	.single-product .checkout_add .product-price, .single-product .checkout_add .product-price span#price_sell {
		font-size: 0.8125rem;
	}
	.single-product .checkout_add .add-to-cart {
		padding: 2px;
	}
}

.display_pswd_box {
	position: absolute;
    right: 10px;
    top: 8px;
}
.display_pswd_box label.display_pswd_label:before {
	content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    line-height: 1;
    text-align: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23cccccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E");
}
.display_pswd_box #display_pswd:checked + .display_pswd_label:before {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
}
.display_pswd_box .form-check-input {
	opacity: 0;
}
#div_password_check_result.input-group-append {
	right: 36px;
}
.account-info #password.sm-form-control {
	padding-right: 72px;
}
#point_get_hint {
	margin-top: 10px;
}
