@import url("//fonts.googleapis.com/css?family=Noto+Sans+SC:400,700&display=swap&subset=chinese-simplified");
.body-style .title, .body-style .heading, .body-style h1, .body-style h2, .body-style h3, .body-style h4, .body-style h5, .body-style h6 {
	font-family: "Noto Sans SC", sans-serif;
}
.body-style, .body-style input, .body-style select, .body-style textarea, .body-style button, .body-style .button {
	font-family: "Noto Sans SC", sans-serif;
}

.body-style {
	background-image: url("https://yksmotasu.com/catalog/view/multi_store/yksmotasu/aio_customize_css.css?ver=1719159408");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 1);
}
.progress-line::before, .progress-line::after, .modal-card-head, .modal-card-body, .modal-card-foot, .module-product .frame:hover .item-info .floating-cart-button, .tab-product .frame:hover .item-info .floating-cart-button, #product-product #main-content .tab-content#tab-review.expand {
	background-color: rgba(255, 255, 255, 1);
}
#header:not(.isStickyHeader) .container > #cms_1::after {
	background-color: rgba(0, 111, 255, 0.19);
}
#header-slideshow{
	display: none;
}
#header, #header.float-header, #header.float-header.isStickyHeader, #header.uni-head-1:not(.float-header), #header.uni-head-6:not(.float-header), #header #navi-bar .navbar-dropdown, .tablet #header .navbar-menu, .mobile #header .navbar-menu {
	background-color: rgba(255, 255, 255, 1);
}
#header:not(.float-header) #search-toggle, #header:not(.float-header) #currency, #header:not(.float-header) #shopping-cart, #header:not(.float-header) #myaccount, .navbar-burger, .tablet .float-header #search-toggle, .tablet .float-header  #currency, .tablet .float-header  #shopping-cart, .tablet .float-header  #myaccount, .mobile .float-header #search-toggle, .mobile .float-header  #currency, .mobile .float-header  #shopping-cart, .mobile .float-header  #myaccount, .navbar-burger {
	color: rgba(0, 0, 0, 1);
}
#header:not(.float-header) #search-toggle:hover, #header:not(.float-header) #currency:hover, #header:not(.float-header) #shopping-cart:hover, #header:not(.float-header) #myaccount:hover, .tablet .float-header #search-toggle:hover, .tablet .float-header  #currency:hover, .tablet .float-header  #shopping-cart:hover, .tablet .float-header  #myaccount:hover, .mobile .float-header #search-toggle:hover, .mobile .float-header  #currency:hover, .mobile .float-header  #shopping-cart:hover, .mobile .float-header  #myaccount:hover, .navbar-burger:hover {
	color: rgba(252, 252, 252, 1);
}

#header .container .cms-block .cms-content.cms_1 .cms-icon {
	color: rgba(0, 0, 0, 1);
}

#header .container .cms-block .cms-content.cms_1 .cms-text {
	color: rgba(3, 3, 3, 1);
}

#header .container .cms-block .cms-content.cms_2 .cms-icon {
	color: rgba(0, 0, 0, 1);
}

#header .container .cms-block .cms-content.cms_2 .cms-text {
	color: rgba(0, 0, 0, 1);
}

#header .container .cms-block .cms-content.cms_3 .cms-icon {
	color: rgba(0, 0, 0, 1);
}

#header .container .cms-block .cms-content.cms_3 .cms-text {
	color: rgba(28, 27, 27, 1);
}

#header .container .el_2 .holder #navi-bar {
	font-weight: bold;
	text-transform: uppercase;
}

#header:not(.float-header) #navi-bar .navbar-item, #header:not(.float-header) #navi-bar .navbar-link, #header.isStickyHeader #navi-bar .navbar-item, #header.isStickyHeader #navi-bar .navbar-link, .float-header .navbar-dropdown .navbar-item, .tablet .float-header #navi-bar > .navbar > .navbar-item, .tablet .float-header #navi-bar .navbar-link, .mobile .float-header #navi-bar > .navbar > .navbar-item, .mobile .float-header #navi-bar .navbar-link {
	color: rgba(0, 0, 0, 1) !important;
}
#header:not(.float-header) #navi-bar .navbar-item:hover, #header.isStickyHeader #navi-bar .navbar-item:hover, .float-header:not(.isStickyHeader) #navi-bar .navbar-dropdown .navbar-item:hover, .tablet .float-header #navi-bar .navbar-item:hover, .mobile .float-header #navi-bar .navbar-item:hover {
	background-color: rgba(255, 0, 0, 1) !important;
}
#header:not(.float-header) #navi-bar .navbar-item:hover, #header:not(.float-header) #navi-bar .navbar-link:hover, #header:not(.float-header) #navi-bar .navbar-item:hover > .navbar-link, #header:not(.float-header) #navi-bar .navbar-link:hover > .navbar-link, #header.isStickyHeader #navi-bar .navbar-item:hover, #header.isStickyHeader #navi-bar .navbar-link:hover, #header.isStickyHeader #navi-bar .navbar-item:hover > .navbar-link, #header.isStickyHeader #navi-bar .navbar-link:hover > .navbar-link, .float-header .navbar-dropdown .navbar-item:hover, .tablet .float-header #navi-bar > .navbar > .navbar-item:hover, .tablet .float-header #navi-bar .navbar-link:hover, .mobile .float-header #navi-bar > .navbar > .navbar-item:hover, .mobile .float-header #navi-bar .navbar-link:hover{
	color: rgba(255, 255, 255, 0.99) !important;
}

#header #currency, #header.isStickyHeader #currency {
	display: none;
}

.title, .modal-card-title {
	font-weight: bold;
	text-transform: uppercase;
}

.title, .tabs li.is-active a, .modal-card-title {
	color: rgba(5, 5, 5, 1);
}
.txt-data, .input.txt-data {
	color: rgba(5, 5, 5, 1);
}
.txt-interact {
	color: rgba(5, 5, 5, 1) !important;
}

.body-style , .body-style a {
	color: rgba(0, 0, 0, 1);
}

.body-style button, .body-style .button {
	border-radius: 18px;
	text-transform: capitalize;
	background-color: rgba(49, 142, 204, 1);
}

.body-style .button .btn-add-cart input{
	text-transform: capitalize;
}

.fp-more .box-heading{
	color: rgba(49, 142, 204, 1);
}

.btn-wishlist > a, .floating-cart-button::after {
	border-color: rgba(49, 142, 204, 1) !important;
	color: rgba(49, 142, 204, 1);
}

.bulma-datepicker .datepicker-nav {
	background: rgba(49, 142, 204, 1) !important;
}
.bulma-datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
	border: .1rem dotted rgba(49, 142, 204, 1) !important;
	color: rgba(49, 142, 204, 1) !important;
}
.bulma-datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
	background: rgba(49, 142, 204, 1) !important;
	border-color: rgba(49, 142, 204, 1) !important;
}
.bulma-datepicker .datepicker-body .datepicker-months .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-months .datepicker-year.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
	background: rgba(49, 142, 204, 1) !important;
	border-color: rgba(49, 142, 204, 1) !important;
}

.select:not(.is-multiple):not(.is-loading)::after {
	border-color: rgba(49, 142, 204, 1);
}

.body-style button, .body-style .button {
	color: rgba(255, 255, 255, 1);
}
.bulma-datepicker .datepicker-body .datepicker-months .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-months .datepicker-year.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-month.is-active, .bulma-datepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
	color: rgba(255, 255, 255, 1);
}
.bulma-datepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
	color: rgba(255, 255, 255, 1);
}
.body-style button:hover , .body-style .button:hover {
	background-color: rgba(255, 8, 57, 1);
	color: rgba(255, 255, 255, 1);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: rgba(255, 8, 57, 1) !important;
}

.wide #breadcrumb {
	background-color: rgba(34, 118, 209, 1);
}
.bordered .breadcrumb, .boxed .breadcrumb {
	background-color: rgba(34, 118, 209, 1);
}
#breadcrumb{
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
}
#breadcrumb .breadcrumb{
	height: 45px;
	justify-content: center;
}

#contents #sidebar-left .module-container .box .title, #contents #sidebar-right .module-container .box .title {
	background-color: rgba(201, 22, 25, 0.89);
	color: rgba(255, 255, 255, 1);
}

#contents #sidebar-left .module-container .box .box-content, #contents #sidebar-right .module-container .box .box-content, #contents #sidebar-left .module-container .box .box-content a, #contents #sidebar-right .module-container .box .box-content a {
	background-color: rgba(230, 230, 230, 1);
	color: rgba(0, 0, 0, 1);
}
.category-header .category-thumb .category-thumb-frame img{
	display: block;
	-webkit-filter: blur(5px);
	-ms-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
}
.category-header .category-thumb .category-thumb-frame::before {
	background-color: rgba(0, 0, 0, 0.3);
}
.category-header .category-thumb .category-thumb-frame {
	background-color: rgba(255, 255, 255, 1);
}

.desktop .category-header .category-thumb .category-thumb-text {
	font-size: 32px;
}

.category-header .category-thumb .category-thumb-text {
	border-radius: 0px;
	border: 1px solid;
	border-color: rgba(255, 255, 255, 1);
	border-width: 5px;
	background-color: rgba(255, 0, 0, 0.21);
	text-transform: uppercase;
	color: rgba(255, 255, 255, 1);
}

.module-product .frame, .tab-product .frame{
	border-radius: 10px;
	border: none;
	background-color: rgba(36, 36, 36, 0.11);
}

.product-name a {
	-webkit-line-clamp: 1;
}

.module-product .frame .item-info .product-name, .tab-product .frame .item-info .product-name, .module-product .frame .item-info, .tab-product .frame .item-info {
	text-align: center;
}
.rating {
	justify-content: center;
}
.price {
	align-items: center;
}

.price .price-new {
	color: rgba(0, 0, 0, 1);
}

.price .price-old {
	color: rgba(5, 5, 5, 0.4);
}

#footer {
	background-image: url("https://yksmotasu.com/catalog/view/multi_store/yksmotasu/aio_customize_css.css?ver=1719159408");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgba(250, 250, 250, 0.29);
}

#footer .module-container .title {
	color: rgba(0, 0, 0, 1) !important;
}

#footer {
	color: rgba(0, 0, 0, 1) !important;
}

#footer #copyrights {
	background-color: rgba(15, 44, 87, 1);
}

#footer #copyrights {
	color: rgba(255, 255, 255, 1);
}

@media(min-width: 1025px) {

	.home .box > div, #contents:not(.home), #header .container, #footer > .container, #footer #copyrights > .container, #breadcrumb .breadcrumb {
		max-width: 1080px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	#header:not(.isStickyHeader) .container .el_1 .holder #logo a img{
		width: 220px;
	}

	#header .container .el_2 .holder #navi-bar {
		font-size: 14px;
	}

	#header .container .el_2 .holder #navi-bar .navbar > .navbar-item{
		margin-right: 0px;
	}

	#header:not(.isStickyHeader) .el_2 {
		height: 55px;
	}

	#header.isStickyHeader #search-toggle, #header.isStickyHeader #currency, #header.isStickyHeader #shopping-cart, #header.isStickyHeader #myaccount {
		color: rgba(0, 0, 0, 1) !important;
	}
	#header.isStickyHeader #search-toggle:hover, #header.isStickyHeader #currency:hover, #header.isStickyHeader #shopping-cart:hover, #header.isStickyHeader #myaccount:hover {
		color: rgba(255, 255, 255, 0.99) !important;
	}

.uni-head-6:not(.isStickyHeader) .container .el_2 {
	border-color: rgba(0, 0, 0, 1);
	border-width: 1px;
}

	#search-toggle i, #shopping-cart i, #myaccount i{
		font-size: 18px;
	}
	#currency span {
		font-size: 16px;
	}

	#header:not(.isStickyHeader) .el_1 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.title {
		font-size: 24px;
	}

	.body-style {
		font-size: 14px;
	}
	.body-style #contents #sidebar-left .title, .body-style #contents #sidebar-right .title {
		font-size: 20px;
	}

	#contents #sidebar-left .module-container .box, #contents #sidebar-right .module-container .box {
		border-radius: 0px;
	}

	#contents #sidebar-left .module-container .box .title, #contents #sidebar-right .module-container .box .title {
		font-size: 18px;
		text-transform: capitalize;
	}

	#contents #sidebar-left .module-container .box .box-content, #contents #sidebar-right .module-container .box .box-content, #contents #sidebar-left .module-container .box .box-content a, #contents #sidebar-right .module-container .box .box-content a {
		font-size: 14px;
	}

	#footer .title {
		font-size: 16px;
	}

	#footer {
		font-size: 12px;
	}

}
@media(max-width: 1024px) {

}