@media (min-width: 1600px) {
			.container-xl {
				max-width: 1600px;
			}
		}
		html, body, h1, h2, h3, h4, h5, h6, a, p, span {
			font-family: Roboto,sans-serif; color: #3d3d3d;
		}
		h1,h2,h3,h4,h5,h6,a,p{ user-select: none; }
		.text-black{ color: #000; } .text-grey{ color: #BDC7CE; }
		.fs-14 { font-size: .875rem; }
		.fs-16 { font-size: 1rem; }
		.fs-18 { font-size: 1.125rem; }
		.fs-24 { font-size: 1.5rem; }
		.fs-36 { font-size: 2.25rem; }
		.mdi-30px{ font-size: 28px; }
		.fa-arial{ font-family: arial; }

		/*header*/
		.navbar-bar{ padding-top: 10px; border-bottom: 2px solid #4C4646; }
		.nav-search-group{ margin-left: 1.25rem; }
		.nav-control{ background: #F4F4F4; border-radius: 50rem 0 0 50rem; padding-left: 1rem; width: 33rem !important; border-color: #000; height: 51px; }
		.nav-control:focus{ background: #F4F4F4; border-color: #000; }
		.nav-search{ cursor:pointer; background: url(icon-search.png) no-repeat left center #F4F4F4; width: 46px; border-color: #000; border-width: 1px 1px 1px 0; border-style: solid; border-radius: 0 50rem 50rem 0; }
		.navbar-right .nav-link{ color: #3d3d3d !important; padding-top: .62rem !important; padding-bottom: .75rem !important;  }
		.bg-white .navbar-toggler-icon{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(229, 0, 0, 0.8)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
		.nav-logo{ height: 72px !important; }
		.head-empty{ height: 180px; }
		#sign-tab{ height: 42px; padding: .45rem 0 ; border-bottom: 1px solid #D8D8D8; }
		.sign-list{ width: 49.5%; display: inline-block; text-align: center; float: left; font-size: 12px; padding: .25rem 0; color: #BDC7CE; }
		.sign-list:first-child{ border-right: 1px solid #D8D8D8; } .sign-list.active{ color: #3D3D3D; }
		.pagination{ margin: 3rem; 0; }

		/*index*/
		.bannerbg{ background: url(banner-bg.webp) no-repeat center top; background-size: 100%; }
		.start-sell{ padding: 5px 32px; margin-left: 4.5rem; }
		.step{ background: #F1641E; border-radius: 5rem; color: #fff; padding: 5px 16px; } .step2{ padding: 4px 10px; z-index: 10; position: relative; }
		.line-black{ position:relative; }
		.line-black:after{ content:""; height: 1px; background: #000; position: absolute; z-index: 9; top: 49%; width: 70%; left: 65%; }
		.line-gray:after{ height: 4px; background: #D8D8D8; width: calc( 100% + 1rem); left: 0; top: 45%; }
		.line-none:after{ display: none; }
		.line-gray.w-100:after{ width: 100%; }
		.star{ width: 163px; height: 26px; background: url(star.png) no-repeat center center; }
		.sign-control{ height: calc(1.5em + 1.25rem - 2px); border-radius: .5rem; } .sign-control:focus{ border: 1px solid #cad1d7; }
		.sign-submit{ background: #222; font-size: .875rem; color: #fff; padding: 0.285rem 3rem; display: block; }
		.see-more{ background: #222; color: #fff; padding: 11px 40px; }
		.index-block-bg{ background: #F8EBE6; }
		.why-bg{ background: url(why-bg.webp) no-repeat top center; background-size: 100%; }
		.why-block{ background: #EB6101; height: 92px; border-radius: 0 0 2rem 2rem; position: relative; }
		.why-col{ width: 19%; } .why-col>div:first-child{ border-radius: 1.25rem; background: #F9CEB8; min-height: 300px; margin-bottom: 2rem; padding-top: 1rem; }
		.why-col>div>img{ padding: 24px 0 23px; margin-bottom: 12px; } .why-col>div>p{ font-weight: bold; }
		.why-icon{ width: 200px; height: 200px; display: inline-block; }
		.why-icon1{ background: url(why-1.png) no-repeat center center;  }
		.why-icon2{ background: url(why-2.png) no-repeat center center;  }
		.why-icon3{ background: url(why-3.png) no-repeat center center;  }
		.why-icon4{ background: url(why-4.png) no-repeat center center;  }
		.why-icon5{ background: url(why-5.png) no-repeat center center;  }
		.create-check{ background: url(icon-check.png) no-repeat center left; padding-left: 3.25rem; }

		/*custom*/
		.custom-search{ box-shadow: 0px 1px 6px rgb(0 0 0 / 12%); margin: 2px 0; padding: 1rem; border-radius: 6px; } .form-check{ cursor: pointer; }
		.my-product-category { padding: 0; margin: 0; }
		.my-product-category > li > a { position: relative;display: block;font-size: 18px;color: #000;padding: 10px 15px; }
		.my-product-category > li > a:before { display: none;position: absolute;top: 0;left: 0;height: 100%;content: "";border-left: #172b4d 3px solid; }
		.my-product-category > li > a.active { background: #f5f5f5;color: #000; }
		.my-product-category > li > a.active:before { display: block; }
		.my-product-category ul > li > a { position: relative;display: block;font-size: 14px;line-height: 1;color: #333;padding: 10px 15px;margin-top: -1px; }
		.my-product-category ul > li > a.active { color: #000;font-weight: bold; }

		/*swiper*/
		.ws-prev,.ws-next{ position: absolute; z-index: 1100; top: 49%; } .ws-next{ right: 0; }
		.ws-prev>.mdi,.ws-next>.mdi{ font-size: 30px; display: inline-block; cursor: pointer; }
		.ws-button-prev,.ws-button-next{ position: absolute; z-index: 1100; top: 0; height: 100%;  }
		.ws-button-prev{ background-image: linear-gradient(to right, rgba(255, 255, 255, 1),rgba(255, 255, 255, .8), rgba(255, 255, 255, 0)); left: 0; }
		.ws-button-next{ background-image: linear-gradient(to right, rgba(255, 255, 255, 0),rgba(255, 255, 255, .8), rgba(255, 255, 255, 1)); right: 0; }
		.ws-button-prev>.mdi,.ws-button-next>.mdi{ font-size: 30px; margin-top: 66%;  display: inline-block; cursor: pointer; }
		.swiper-pagination-bullet{ background: #D8D8D8 !important; } .swiper-pagination-bullet-active{ background: #F1641E !important; }
		.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 4px !important; }
		.swiper-shops .swiper-slide{  }
		.swiper-blog{ width: 92%; } .swiper-speak{ padding-bottom: 2rem !important; }
		.speakus{ border-radius: 1.25rem; border: 1px solid #8F8E8E; padding-top: 1rem; margin: 0 1rem; }

		@media (max-width: 575.98px) {
		  .m-hide { display: none !important; } .m-block{ display: block !important; } .m-flex{ display: flex !important; }
		  .m-ml-0{ margin-left: 0 !important; }
		  .m-mt-0{ margin-top: 0 !important; } .m-mt-1{ margin-top: .25rem !important; } .m-mt-2{ margin-top: .5rem !important; } .m-mt--1{ margin-top: -0.25rem !important; }
		  .m-mr-0{ margin-right: 0 !important; }
		  .m-mb-0{ margin-bottom: 0 !important; } .m-mb-1{ margin-bottom: .25rem !important; } .m-mb-2{ margin-bottom: .5rem !important; }
		  .m-pl{ padding-left: 15px !important; } .m-pr{ padding-right: 15px !important; } .m-pl0{ padding-left: 0 !important; } .m-pr0{ padding-right: 0 !important; } .m-p0{ padding: 0 !important; }
		  .m-border-none{ border: none !important; }
		  .m-center{ text-align: center !important; }
		  .m-w100{ width: 100% !important; } .m-w80{ width: 80% !important; } .m-w75{ width: 75% !important; } .m-w60{ width: 60% !important; } .m-w30{ width: 30% !important; }
		  .ft-nav{ display: none !important; }
		  .m-fs18{ font-size: 1.125rem !important; }
		  .m-fs16{ font-size: 1rem !important; }
		  .m-fs14{ font-size: .875rem !important; }
		  .m-fs12{ font-size: .75rem !important; }
		  .m-fs10{ font-size: .625rem !important; }
		  .m-bg-none{ background: none !important; }
		  .m-lh1{ line-height: 1 !important; }
		  .m-fw{ font-weight: normal !important; }
		  .m-scale-75{ transform: scale(0.75); width: 130%; margin-left: -16%; margin-top: -12%; }
		  .m-scale-60{ transform: scale(0.55); width: 200%; margin-left: -45%; margin-top: -8%; }

		  .nav-logo{ height: 34px !important; margin: 0.875rem 1.25rem; }
		  .navbar-bar{ border: none; }
		  .navbar-nav .nav-item{ border-bottom: 2px solid rgba(0,0,0,.1);  }
		  .navbar-nav .nav-link{ font-size: 1.125rem; color: #3d3d3d !important; padding-left: 0.5rem !important; }
		  .navbar-collapse .navbar-collapse-header{ border-width: 2px;  }
		  .head-empty{ height: 64px; }
		  .sign{ border: 1px solid #efefef; border-radius: 1rem; }
		  .m-group{ height: 4rem; margin-bottom: .375rem; } .m-group>small{ margin-left: 1.25rem; }
		  .m-group-up{ height: calc(3.25rem + 2px); margin-bottom: .375rem; } .m-group-up>small{ margin-left: 1.25rem; }
		  .m-sign{ border-color: rgba(0,0,0,0); box-shadow: 1px 1px 1px rgb(0 0 0 / 8%); border-radius: 0.5rem; padding-left: 3.25rem; height: calc(100% - 1.5rem); margin-bottom: -2px; } #refresh1{ padding-top: 7px; }
		  .m-signup{ height: calc(2rem + 2px); background-size: 6% !important; }
		  .m-mail{ background: url(icon-mail.png) no-repeat 1rem center; }
		  .m-lock{ background: url(icon-lock.png) no-repeat 1rem center; }
		  .m-btn{ font-size: 12px; width: 100%; border-radius: 0.35rem; }
		  .m-submit{ background: #F1641E; border: 0; padding: 10px 0; color: #fff; }
		  .m-google{ border:1px solid #F1641E;  color: #F1641E; display: block; margin-top: 1rem; text-align: center; font-weight: bold; padding: 8px 0; }
		  .mdi.font-weight-bold::before{ font-weight: bold; }
		  .pagination{ margin: 1rem; 0; }

		  .custom-search{ box-shadow: 0px 1px 6px rgb(0 0 0 / 12%); margin: 12px 0 0; padding: .375rem; border-radius: 6px; }
		  .custom-search .dropdown-toggle{ padding: 4px 2px; margin:0; }
		  .form-check-inline{ margin-right: 0; } .form-check-inline > .form-check-input{ margin-left: 0; }
		  .form-check-label{ font-size: 12px; padding: 4px 0px; overflow: hidden; width: 72px; } 
		  .form-check-label > span{ transform: scale(.8); margin-left: -8px; display: block; white-space: nowrap; }
		  .form-check-w1{ width: 65px; } .form-check-w2{ width: 52px; } .form-check-w2 > span{ margin-left: -6px; }

		  .m-category{ padding:  15px 3px 0; border-right: 1px solid #f4f4f4; } .card-product{ margin-top: .75rem; }
		  .my-product-category > li > a{ padding: 6px 0 6px 5px; font-size: 12px; }
		  .my-product-category > li > a.active+ul{ display: none; }
		  .my-product-category > li > a > .badge{ display: none; }
		  .my-product-category > li > a:before{ border-left-width: 2px; }
		  .dropdown-item{ padding: .5rem 1rem !important; }
		  .page-link{ font-size: 12px !important; width: 24px !important; height: 24px !important; }
		  .page-item.active>.page-link{ color: #000; background-color: #fff; border-color: #dee2e6; }

		  .start-sell{ padding: 10px 0px; text-align: center; display: inline-block; width: 42%; margin-left: 29%; }
		  .bannerbg{ background-size: 297%; }
		  .my-menu-list > li > a { padding: .125rem 1px; font-size: 12px; transform: scaleX(.9); }
		  .tab-pane>.row>.col-6:nth-child(n+5){ display: none !important; }
		  .see-more{ font-size: 12px; padding: 5px 10px; }
		  .line-black:after{ display: none !important; }
		  .step{ padding: 4px 10px; }
		  .m-hot-sale{ margin: 0 12px; }
		  .m-hot-sale .col-6,.m-hot-sale .col-12{ padding: 2.5px; }
		  .why-bg{ background-image: url(why-mb.jpg); background-size: 108%; padding-top: 1rem !important; }
		  .why-block{ height: 20px; } .why-block>div{ width: 8px !important; }
		  .why-col{ width: 32%; overflow: hidden; margin-top: 1rem; } .why-col:nth-child(5),.why-col:nth-child(6){ margin: .25rem 0 .5rem; }
		  .why-col:nth-child(6)>div>p.m-scale-75,.why-col:nth-child(4)>div>p.m-scale-75,.why-col:nth-child(5)>div>p.m-scale-75{ margin-top: -0.5rem !important; }
		  .why-col>div:first-child{ min-height: 100px; padding-top: .15rem; margin-bottom: .5rem; } 
		  .why-col>div>img{ padding: 0; margin-bottom: 4px; }
		  .why-icon{ width: 70px; height: 70px; display: inline-block; background-size: 80%; }

		  .sign-control{ height: calc(1.5em + 1.25rem - 5px); border: 1px solid #3D3D3D; } .sign-control:focus{ border: 1px solid #3D3D3D; }
		  .create-check{ background-size: 18px; padding: 0.31rem 0 0.31rem 2.25rem !important; margin-left: 2rem; }
		  .swiper-speak{ padding: 1rem 1rem 2rem !important; }
		  .speakus{ border-radius: .5rem; padding: .6rem 1.5rem; box-shadow: 1px 2px 5px rgb(0 0 0 / 50%);}
		  .speakus>.star{ background-size: 50%; }
		}

		@media (max-width: 360.98px) {
			.custom-search{ padding: 0.375rem 0.25rem !important; }
			.form-check-input{ margin-right: 3px !important; }
		}