.dot-stretching {
 	position: relative;
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 	background-color: #288ad6;
 	color: #288ad6;
 	transform: scale(1.25, 1.25);
 	animation: dotStretching 2s infinite ease-in;
 	text-align: left
 }

 .dot-stretching::before {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 	background-color: #288ad6;
 	color: #288ad6;
 	animation: dotStretchingBefore 2s infinite ease-in
 }

 .dot-stretching::after {
 	width: 10px;
 	height: 10px;
 	border-radius: 5px;
 	background-color: #288ad6;
 	color: #288ad6;
 	animation: dotStretchingAfter 2s infinite ease-in
 }

 .dot-stretching::before,
 .dot-stretching::after {
 	content: '';
 	display: inline-block;
 	position: absolute;
 	top: 0
 }

 #preloader {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	margin: 0 auto;
 	width: 100%;
 	height: 100%;
 	display: none;
 	z-index: 1;
 	background: rgba(255, 255, 255, .75)
 }

 .preloader {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	margin: 0 auto;
 	width: 100%;
 	height: 100%;
 	display: none;
 	z-index: 999;
 	background: rgba(255, 255, 255, .75)
 }

 .load {
 	display: block;
 	width: 20px;
 	height: 20px;
 	border: 5px solid #fff;
 	border-top: 5px solid transparent;
 	-webkit-animation: load-animate infinite linear 1s;
 	animation: load-animate infinite linear 1s;
 	border-radius: 100%
 }

 .overlay {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	margin: 0 auto;
 	width: 100%;
 	height: 100%;
 	display: none;
 	z-index: 99;
 	background: rgba(255, 255, 255, .75)
 }

 #loader {
 	display: block;
 	position: relative;
 	left: 0;
 	right: 0;
 	margin: 0 auto;
 	width: 80px;
 	height: 80px
 }

 #loader:after {
 	content: "";
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	margin: 0 auto;
 	/* background: url(https://cdn.tgdd.vn/mwgcart/mwg-site/ContentMwg/images/logo.png) no-repeat center; */
 	background-size: 45%;
 	border-radius: 50%;
 	margin: 0;
 	background-color: #f8c5468c
 }

 #loader:before {
 	content: "";
 	display: block;
 	position: absolute;
 	left: -3px;
 	top: -3px;
 	width: 100%;
 	height: 100%;
 	margin: 0 auto;
 	border-radius: 50%;
 	border: 3px solid transparent;
 	border-top-color: #f8c546;
 	-webkit-animation: spin 1s linear infinite;
 	animation: spin 1s linear infinite;
 	z-index: 1
 }

 body.dmx-site #loader:after {
 	background-color: #288ad68f
 }

 body.dmx-site #loader:before {
 	border-top-color: #288ad6
 }

 .desktop #loader {
 	top: 15%
 }

 .loaderweb {
 	display: block;
 	position: relative;
 	left: 50%;
 	top: 50%;
 	width: 80px;
 	height: 80px;
 	margin: -75px 0 0 -50px;
 	border-radius: 50%;
 	border: 3px solid transparent;
 	border-top-color: #000;
 	-webkit-animation: spin 2s linear infinite;
 	animation: spin 2s linear infinite
 }

 .loaderweb:before {
 	content: "";
 	position: absolute;
 	top: 5px;
 	left: 5px;
 	right: 5px;
 	bottom: 5px;
 	border-radius: 50%;
 	border: 3px solid transparent;
 	border-top-color: #8e8e8e;
 	-webkit-animation: spin 3s linear infinite;
 	animation: spin 3s linear infinite
 }

 .loaderweb:after {
 	content: "";
 	position: absolute;
 	top: 15px;
 	left: 15px;
 	right: 15px;
 	bottom: 15px;
 	border-radius: 50%;
 	border: 3px solid transparent;
 	border-top-color: #000;
 	-webkit-animation: spin 1.5s linear infinite;
 	animation: spin 1.5s linear infinite
 }

 .desktop .loaderweb {
 	top: 15%
 }

 #progressTop {
 	position: fixed;
 	z-index: 99;
 	top: 0;
 	left: -6px;
 	width: 1%;
 	height: 5px;
 	background-color: #288ad6;
 	-moz-border-radius: 1px;
 	-webkit-border-radius: 1px;
 	border-radius: 1px;
 	-moz-transition: width 3000ms ease-out, opacity 500ms linear;
 	-ms-transition: width 3000ms ease-out, opacity 500ms linear;
 	-o-transition: width 3000ms ease-out, opacity 500ms linear;
 	-webkit-transition: width 600ms ease-out, opacity 500ms linear;
 	transition: width 5000ms ease-out, opacity 500ms linear
 }

 #progressTop b,
 #progressTop i {
 	position: absolute;
 	top: 0;
 	height: 3px;
 	-moz-box-shadow: #777 1px 0 6px 1px;
 	-ms-box-shadow: #777 1px 0 6px 1px;
 	-webkit-box-shadow: #777 1px 0 6px 1px;
 	box-shadow: #777 1px 0 6px 1px;
 	-moz-border-radius: 100%;
 	-webkit-border-radius: 100%;
 	border-radius: 100%
 }

 .bubblingG {
 	text-align: center;
 	width: 99%;
 	height: 40px;
 	margin: auto;
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	background-color: rgba(255, 255, 255, .75);
 	z-index: 1
 }

 .bubblingG span {
 	display: inline-block;
 	vertical-align: middle;
 	width: 7px;
 	height: 7px;
 	margin: 25px 3px;
 	background: #fff;
 	border-radius: 49px;
 	-o-border-radius: 49px;
 	-ms-border-radius: 49px;
 	-webkit-border-radius: 49px;
 	-moz-border-radius: 49px;
 	animation: bubblingG 1.5s infinite alternate;
 	-o-animation: bubblingG 1.5s infinite alternate;
 	-ms-animation: bubblingG 1.5s infinite alternate;
 	-webkit-animation: bubblingG 1.5s infinite alternate;
 	-moz-animation: bubblingG 1.5s infinite alternate
 }

 .view-more .bubblingG span,
 .seemore .bubblingG span {
 	animation: bubblingG-black 1.5s infinite alternate;
 	-o-animation: bubblingG-black 1.5s infinite alternate;
 	-ms-animation: bubblingG-black 1.5s infinite alternate;
 	-webkit-animation: bubblingG-black 1.5s infinite alternate;
 	-moz-animation: bubblingG-black 1.5s infinite alternate
 }

 #bubblingG_1 {
 	animation-delay: 0s;
 	-o-animation-delay: 0s;
 	-ms-animation-delay: 0s;
 	-webkit-animation-delay: 0s;
 	-moz-animation-delay: 0s
 }

 #bubblingG_2 {
 	animation-delay: .45s;
 	-o-animation-delay: .45s;
 	-ms-animation-delay: .45s;
 	-webkit-animation-delay: .45s;
 	-moz-animation-delay: .45s
 }

 #bubblingG_3 {
 	animation-delay: .9s;
 	-o-animation-delay: .9s;
 	-ms-animation-delay: .9s;
 	-webkit-animation-delay: .9s;
 	-moz-animation-delay: .9s
 }

 .loaderLocation {
 	border: 2px solid #f3f3f3;
 	border-radius: 50%;
 	border-top: 2px solid #222;
 	width: 20px;
 	height: 20px;
 	-webkit-animation: spin 2s linear infinite;
 	animation: spin 2s linear infinite;
 	position: absolute;
 	top: 3px;
 	left: 20%
 }

 .lds-ellipsis {
 	display: block;
 	position: relative;
 	width: 80px;
 	height: 80px;
 	margin: auto
 }

 .lds-ellipsis div {
 	position: absolute;
 	top: 33px;
 	width: 13px;
 	height: 13px;
 	border-radius: 50%;
 	background: #1aa1db;
 	animation-timing-function: cubic-bezier(0, 1, 1, 0)
 }

 .lds-ellipsis div:nth-child(1) {
 	left: 8px;
 	animation: lds-ellipsis1 .6s infinite
 }

 .lds-ellipsis div:nth-child(2) {
 	left: 8px;
 	animation: lds-ellipsis2 .6s infinite
 }

 .lds-ellipsis div:nth-child(3) {
 	left: 32px;
 	animation: lds-ellipsis2 .6s infinite
 }

 .lds-ellipsis div:nth-child(4) {
 	left: 56px;
 	animation: lds-ellipsis3 .6s infinite
 }

 .lds-roller {
 	display: block;
 	position: relative;
 	width: 80px;
 	height: 80px;
 	top: 5%;
 	margin: 0 auto;
 	text-align: center
 }

 .lds-roller div {
 	animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
 	transform-origin: 40px 40px
 }

 .lds-roller div:after {
 	content: " ";
 	display: block;
 	position: absolute;
 	width: 7px;
 	height: 7px;
 	border-radius: 50%;
 	background: #fff;
 	margin: -4px 0 0 -4px
 }

 .lds-roller div:nth-child(1) {
 	animation-delay: -.036s
 }

 .lds-roller div:nth-child(1):after {
 	top: 63px;
 	left: 63px
 }

 .lds-roller div:nth-child(2) {
 	animation-delay: -.072s
 }

 .lds-roller div:nth-child(2):after {
 	top: 68px;
 	left: 56px
 }

 .lds-roller div:nth-child(3) {
 	animation-delay: -.108s
 }

 .lds-roller div:nth-child(3):after {
 	top: 71px;
 	left: 48px
 }

 .lds-roller div:nth-child(4) {
 	animation-delay: -.144s
 }

 .lds-roller div:nth-child(4):after {
 	top: 72px;
 	left: 40px
 }

 .lds-roller div:nth-child(5) {
 	animation-delay: -.18s
 }

 .lds-roller div:nth-child(5):after {
 	top: 71px;
 	left: 32px
 }

 .lds-roller div:nth-child(6) {
 	animation-delay: -.216s
 }

 .lds-roller div:nth-child(6):after {
 	top: 68px;
 	left: 24px
 }

 .lds-roller div:nth-child(7) {
 	animation-delay: -.252s
 }

 .lds-roller div:nth-child(7):after {
 	top: 63px;
 	left: 17px
 }

 .lds-roller div:nth-child(8) {
 	animation-delay: -.288s
 }

 .lds-roller div:nth-child(8):after {
 	top: 56px;
 	left: 12px
 }

 @keyframes lds-ellipsis1 {
 	0% {
 		transform: scale(0)
 	}

 	100% {
 		transform: scale(1)
 	}
 }

 @keyframes lds-ellipsis3 {
 	0% {
 		transform: scale(1)
 	}

 	100% {
 		transform: scale(0)
 	}
 }

 @keyframes lds-ellipsis2 {
 	0% {
 		transform: translate(0, 0)
 	}

 	100% {
 		transform: translate(24px, 0)
 	}
 }

 @-webkit-keyframes spin {
 	0% {
 		-webkit-transform: rotate(0deg)
 	}

 	100% {
 		-webkit-transform: rotate(360deg)
 	}
 }

 @keyframes spin {
 	0% {
 		transform: rotate(0deg)
 	}

 	100% {
 		transform: rotate(360deg)
 	}
 }

 @keyframes bubblingG {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #288ad6;
 		transform: translateY(-20px)
 	}
 }

 @-o-keyframes bubblingG {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-o-transform: translateY(0);
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #288ad6;
 		-o-transform: translateY(-20px);
 	}
 }

 @-ms-keyframes bubblingG {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-ms-transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #288ad6;
 		-ms-transform: translateY(-20px)
 	}
 }

 @-webkit-keyframes bubblingG {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-webkit-transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #288ad6;
 		-webkit-transform: translateY(-20px)
 	}
 }

 @-moz-keyframes bubblingG {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-moz-transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #288ad6;
 		-moz-transform: translateY(-20px)
 	}
 }

 @keyframes bubblingG-black {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #333;
 		transform: translateY(-20px)
 	}
 }

 @-o-keyframes bubblingG-black {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-o-transform: translateY(0);
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #fff;
 		-o-transform: translateY(-20px);
 	}
 }

 @-ms-keyframes bubblingG-black {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-ms-transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #fff;
 		-ms-transform: translateY(-20px)
 	}
 }

 @-webkit-keyframes bubblingG-black {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-webkit-transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #fff;
 		-webkit-transform: translateY(-20px)
 	}
 }

 @-moz-keyframes bubblingG-black {
 	0% {
 		width: 7px;
 		height: 7px;
 		background-color: #fff;
 		-moz-transform: translateY(0)
 	}

 	100% {
 		width: 17px;
 		height: 17px;
 		background-color: #fff;
 		-moz-transform: translateY(-20px)
 	}
 }

 @-webkit-keyframes bounce {
 	0% {
 		transform: scale(0)
 	}

 	14% {
 		transform: scale(1.15)
 	}

 	28% {
 		transform: scale(1)
 	}

 	42% {
 		transform: scale(1.15)
 	}

 	70% {
 		transform: scale(1)
 	}

 	100% {
 		transform: scale(1)
 	}
 }

 @keyframes bounce {
 	0% {
 		transform: scale(0)
 	}

 	14% {
 		transform: scale(1.15)
 	}

 	28% {
 		transform: scale(1)
 	}

 	42% {
 		transform: scale(1.15)
 	}

 	70% {
 		transform: scale(1)
 	}

 	100% {
 		transform: scale(1)
 	}
 }

 @keyframes load-animate {
 	0% {
 		transform: rotate(0deg)
 	}

 	50% {
 		transform: rotate(180deg);
 		opacity: .35
 	}

 	100% {
 		transform: rotate(360deg)
 	}
 }

 @keyframes dotStretching {
 	0% {
 		transform: scale(1.25, 1.25)
 	}

 	50%,
 	60% {
 		transform: scale(.8, .8)
 	}

 	100% {
 		transform: scale(1.25, 1.25)
 	}
 }

 @keyframes dotStretchingBefore {
 	0% {
 		transform: translate(0) scale(.7, .7)
 	}

 	50%,
 	60% {
 		transform: translate(-20px) scale(1, 1)
 	}

 	100% {
 		transform: translate(0) scale(.7, .7)
 	}
 }

 @keyframes dotStretchingAfter {
 	0% {
 		transform: translate(0) scale(.7, .7)
 	}

 	50%,
 	60% {
 		transform: translate(20px) scale(1, 1)
 	}

 	100% {
 		transform: translate(0) scale(.7, .7)
 	}
 }

 @-webkit-keyframes spin {
 	0% {
 		-webkit-transform: rotate(0deg);
 		-ms-transform: rotate(0deg);
 		transform: rotate(0deg)
 	}

 	100% {
 		-webkit-transform: rotate(360deg);
 		-ms-transform: rotate(360deg);
 		transform: rotate(360deg)
 	}
 }

 @keyframes spin {
 	0% {
 		-webkit-transform: rotate(0deg);
 		-ms-transform: rotate(0deg);
 		transform: rotate(0deg)
 	}

 	100% {
 		-webkit-transform: rotate(360deg);
 		-ms-transform: rotate(360deg);
 		transform: rotate(360deg)
 	}
 }

 @-webkit-keyframes sonar {
 	0% {
 		opacity: 1;
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}

 	100% {
 		-webkit-transform: scale(4);
 		transform: scale(4);
 		opacity: 0
 	}
 }

 @keyframes sonar {
 	0% {
 		opacity: 1;
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}

 	100% {
 		-webkit-transform: scale(4);
 		transform: scale(4);
 		opacity: 0
 	}
 }

 @keyframes load-effect {
 	0% {
 		transform: rotate(0deg)
 	}

 	100% {
 		transform: rotate(360deg)
 	}
 }

 @keyframes lds-roller {
 	0% {
 		transform: rotate(0deg)
 	}

 	100% {
 		transform: rotate(360deg)
 	}
 }

 * {
 	margin: 0;
 	padding: 0
 }

 * {
 	box-sizing: border-box
 }

 img {
 	border: 0
 }

 a {
 	text-decoration: none;
 	transition: .3s
 }

 ul,
 ol {
 	list-style: none
 }

 .clr {
 	clear: both
 }

 .clearfix {
 	display: block
 }

 .clearfix:after {
 	content: "";
 	display: block;
 	clear: both
 }

 body,
 input,
 button,
 option,
 textarea,
 label,
 select,
 legend,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
 	font: 14px/18px Helvetica Neue, Helvetica, Arial, SF Pro Display, sans-serif;
 	color: #333;
 	outline: none
 }

 body {
 	min-width: 1024px;
 	background: #3e3e3f
 }

 p {
 	-webkit-margin-before: 0;
 	-webkit-margin-after: 0;
 	-webkit-margin-start: 0;
 	-webkit-margin-end: 0;
 	text-rendering: geometricPrecision
 }

 input[type=text],
 input[type=tel],
 textarea {
 	-webkit-appearance: none
 }

 section {
 	width: 100%
 }

 [class^="topzone-"],
 [class*="topzone-"] {
 	background-image: url(../../../images/icon-topzone.png);
 	background-repeat: no-repeat;
 	display: inline-block;
 	height: 30px;
 	width: 30px;
 	line-height: 30px;
 	vertical-align: middle;
 	background-size: 514px 226px
 }

 .topzone-logo {
 	background-position: 0 0;
 	width: 103px;
 	height: 35px
 }

 .topzone-autho {
 	background-position: -108px -5px;
 	width: 74px;
 	height: 25px
 }

 .topzone-search {
 	background-position: -187px -11px;
 	width: 18px;
 	height: 18px
 }

 .topzone-delSearch {
 	background-position: -214px -12px;
 	width: 14px;
 	height: 14px
 }

 .topzone-cart {
 	background-position: -239px -11px;
 	width: 14px;
 	height: 17px
 }

 .topzone-homeDiver {
 	background-position: -264px -3px;
 	width: 35px;
 	height: 34px
 }

 .topzone-homeDeli {
 	background-position: -306px -4px;
 	width: 39px;
 	height: 32px
 }

 .topzone-homeInsur {
 	background-position: -356px -2px;
 	width: 29px;
 	height: 36px
 }

 .topzone-homeReturn {
 	background-position: -396px -4px;
 	width: 36px;
 	height: 32px
 }

 .topzone-cateiphone {
 	background-position: 0 -45px;
 	width: 152px;
 	height: 32px
 }

 .topzone-catemac {
 	background-position: -159px -46px;
 	width: 102px;
 	height: 31px
 }

 .topzone-cateipad {
 	background-position: -268px -45px;
 	width: 105px;
 	height: 32px
 }

 .topzone-catewatch {
 	background-position: -380px -45px;
 	width: 131px;
 	height: 34px
 }

 .topzone-playbutton {
 	background-position: 0 -122px;
 	width: 104px;
 	height: 104px
 }

 .topzone-stick {
 	background-position: -217px -95px;
 	width: 10px;
 	height: 7px
 }

 .topzone-close {
 	background-position: -237px -95px;
 	width: 12px;
 	height: 12px
 }

 .topzone-playvideo {
 	background-position: -262px -88px;
 	width: 29px;
 	height: 29px
 }

 .topzone-box {
 	background-position: -1px -87px;
 	width: 22px;
 	height: 25px
 }

 .topzone-doitra {
 	background-position: -32px -89px;
 	width: 20px;
 	height: 20px
 }

 .topzone-baohanhpolicy {
 	background-position: -63px -89px;
 	width: 16px;
 	height: 20px
 }

 .topzone-giaohang {
 	background-position: -89px -91px;
 	width: 22px;
 	height: 18px
 }

 .topzone-tongdai {
 	background-position: -119px -90px;
 	width: 20px;
 	height: 20px
 }

 .topzone-stickchoose {
 	background-position: -167px 89px;
 	width: 20px;
 	height: 20px
 }

 .topzone-plus {
 	background-position: -144px -90px;
 	width: 20px;
 	height: 20px
 }

 .topzone-cohang {
 	background-position: -298px -94px;
 	width: 14px;
 	height: 14px
 }

 .topzone-hethang {
 	background-position: -319px -93px;
 	width: 14px;
 	height: 14px
 }

 .topzone-bike {
 	background-position: -113px -125px;
 	width: 24px;
 	height: 24px
 }

 .topzone-staff {
 	background-position: -138px -126px;
 	width: 24px;
 	height: 24px
 }

 .topzone-box {
 	background-position: -169px -125px;
 	width: 24px;
 	height: 24px
 }

 .topzone-trainghiem {
 	background-position: -198px -126px;
 	width: 24px;
 	height: 24px
 }

 .topzone-tragop {
 	background-position: -226px -125px;
 	width: 24px;
 	height: 24px
 }

 .topzone-cathe {
 	background-position: -256px -125px;
 	width: 24px;
 	height: 24px
 }

 .topzone-phantram {
 	background-position: -286px -127px;
 	width: 24px;
 	height: 24px
 }

 .topzone-baohanh {
 	background-position: -315px -125px;
 	width: 24px;
 	height: 24px
 }

 .topzone-bikeDetail {
 	background-position: -112px -153px;
 	width: 24px;
 	height: 24px
 }

 .topzone-staffDetail {
 	background-position: -227px -153px;
 	width: 24px;
 	height: 24px
 }

 .topzone-boxDetail {
 	background-position: -139px -154px;
 	width: 24px;
 	height: 24px
 }

 .topzone-trainghiemDetail {
 	background-position: -171px -154px;
 	width: 24px;
 	height: 24px
 }

 .topzone-tragopDetail {
 	background-position: -197px -156px;
 	width: 24px;
 	height: 24px
 }

 .topzone-catheDetail {
 	background-position: -290px -154px;
 	width: 24px;
 	height: 24px
 }

 .topzone-phantramDetail {
 	background-position: -254px -153px;
 	width: 24px;
 	height: 24px
 }

 .topzone-baohanhDetail {
 	background-position: -314px -154px;
 	width: 24px;
 	height: 24px
 }

 .topzone-btnTZ {
 	background-position: -431px -89px;
 	width: 83px;
 	height: 29px
 }

 .topzone-dmx {
 	background-position: -369px -122px;
 	width: 145px;
 	height: 26px
 }

 .topzone-tgdd {
 	background-position: -369px -154px;
 	width: 145px;
 	height: 25px
 }

 .center-page {
 	max-width: 1180px;
 	min-width: 1024px;
 	margin: auto
 }

 header {
 	width: 100%;
 	background: #101010;
 	height: 60px
 }

 header.sticky {
 	position: fixed;
 	top: 0;
 	z-index: 10000
 }

 .head {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	max-width: 1200px;
 	min-width: 1024px;
 	margin: auto;
 	width: 100%;
 	height: 60px;
 	position: relative
 }

 .logo-topzone {
 	float: left;
 	transition: opacity .1s cubic-bezier(.645, .045, .355, 1)
 }

 .logo-topzone a {
 	display: inline-block;
 	vertical-align: middle
 }

 .logo-topzone a:first-child {
 	padding: 0 10px 0 0;
 	border-right: 1px solid #3b3b3b;
 	margin-right: 10px
 }

 .menu {
 	float: left;
 	width: 55%
 }

 @keyframes specialFadeOut {
 	from {
 		opacity: 1
 	}

 	to {
 		opacity: 0;
 		transform: scale(.8)
 	}
 }

 .specialFadeOut {
 	animation-name: specialFadeOut
 }

 @keyframes specialFadeIn {
 	from {
 		opacity: 0;
 		transform: scale(.8)
 	}

 	to {
 		opacity: 1
 	}
 }

 .specialFadeIn {
 	animation-name: specialFadeIn
 }

 .menu li {
 	float: left;
 	width: 16%;
 	transition: opacity .2s cubic-bezier(.645, .045, .355, 1)
 }

 .menu li.hidden {
 	display: none;
 	transition: opacity .2s cubic-bezier(.645, .045, .355, 1)
 }

 .menu li:nth-child(1) {
 	animation-delay: 30ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeIn
 }

 .menu li:nth-child(2) {
 	animation-delay: 70ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeIn
 }

 .menu li:nth-child(3) {
 	animation-delay: 100ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeIn
 }

 .menu li:nth-child(4) {
 	animation-delay: 130ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeIn
 }

 .menu li:nth-child(5) {
 	animation-delay: 170ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeIn
 }

 .menu li:nth-child(6) {
 	animation-delay: 210ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeIn
 }

 .menu li.hidden:nth-child(1) {
 	animation-delay: 245ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeOut
 }

 .menu li.hidden:nth-child(2) {
 	animation-delay: 210ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeOut
 }

 .menu li.hidden:nth-child(3) {
 	animation-delay: 170ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeOut
 }

 .menu li.hidden:nth-child(4) {
 	animation-delay: 130ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeOut
 }

 .menu li.hidden:nth-child(5) {
 	animation-delay: 100ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeOut
 }

 .menu li.hidden:nth-child(6) {
 	animation-delay: 70ms;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-name: specialFadeOut
 }

 .menu li:hover a {
 	background: #2d2d2d
 }

 .menu li.current-menu-item a,.menu li.current-menu-parent a {
 	background: #2d2d2d
 }

 .menu li a {
 	display: block;
 	overflow: hidden;
 	text-align: center;
 	padding: 20px 0 19px
 }

 .menu li:last-child a {
 	margin-right: 0
 }

 .menu li a span {
 	display: block;
 	overflow: hidden;
 	color: #fff;
 	font-size: 14px;
 	line-height: 21px
 }

 .search-cart {
 	float: right;
 	position: relative
 }

 .search-sp {
 	display: inline-block;
 	vertical-align: middle;
 	background: #2f3033;
 	border-radius: 100%;
 	padding: 10px;
 	height: 40px;
 	width: 40px;
 	position: relative;
 	cursor: pointer
 }

 .search-sp .topzone-search {
 	display: block;
 	margin: 2px auto
 }

 .search-cart .cart {
 	display: inline-block;
 	vertical-align: middle;
 	background: #2f3033;
 	border-radius: 100%;
 	padding: 10px;
 	margin: 0 0 0 10px;
 	position: relative;
 	height: 40px;
 	width: 40px
 }

 .search-cart .cart i {
 	display: block;
 	margin: 2px auto
 }

 .search-cart .cart b {
 	position: absolute;
 	left: 5px;
 	bottom: 3px;
 	color: #fff;
 	width: 16px;
 	height: 16px;
 	background-color: #f01;
 	border-radius: 50%;
 	line-height: 18px;
 	text-align: center;
 	font-size: 10px;
 	font-weight: normal;
 	display: none
 }

 .view-cart {
 	position: absolute;
 	width: 220px;
 	padding: 10px;
 	background-color: #fff;
 	border-radius: 4px;
 	right: 0;
 	top: 43px;
 	z-index: 10;
 	display: none
 }

 .view-cart:before {
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	border-bottom: 6px solid #fff;
 	content: '';
 	height: 0;
 	position: absolute;
 	top: -6px;
 	right: 14px;
 	width: 0
 }

 .view-cart span {
 	font-size: 12px
 }

 .view-cart a {
 	height: 40px;
 	line-height: 40px;
 	text-align: center;
 	border-radius: 8px;
 	color: #fff;
 	background-color: #0071e3;
 	text-align: center;
 	font-size: 15px;
 	display: block;
 	margin-top: 5px
 }

 .form-search {
 	display: none;
 	width: 600px;
 	left: 0;
 	right: 0;
 	position: absolute;
 	margin: auto;
 	z-index: 9999;
 	height: 60px;
 	padding: 19px 0
 }

 .form-search.active {
 	display: block;
 	width: 600px;
 	animation-name: specialFadeOut;
 	transition: opacity .2s cubic-bezier(.645, .045, .355, 1)
 }

 .click-search {
 	display: block;
 	overflow: hidden;
 	position: relative
 }

 .click-search .topzone-search {
 	cursor: pointer;
 	display: block;
 	position: absolute;
 	left: 60px;
 	transition: .55s ease-out;
 	opacity: .2
 }

 .click-search.active .topzone-search {
 	left: 0;
 	opacity: 1
 }

 .click-search .topzone-delSearch {
 	position: absolute;
 	right: 0;
 	top: 1px;
 	cursor: pointer
 }

 @keyframes specialFadeInRight {
 	from {
 		opacity: 0;
 		transform: translate3d(10%, 0, 0)
 	}

 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .spceialFadeInRight {
 	animation-name: specialFadeInRight
 }

 .click-search input {
 	float: right;
 	width: 100%;
 	padding-left: 85px;
 	overflow: hidden;
 	box-sizing: border-box;
 	border: 0;
 	background: unset;
 	color: #fff;
 	transition: .65s ease-out;
 	opacity: .2;
 	animation-name: specialFadeInRight;
 	animation-duration: 400ms;
 	animation-fill-mode: both;
 	animation-delay: 350ms
 }

 .click-search.active input {
 	padding-left: 30px;
 	opacity: 1
 }

 .click-search input:placeholder {
 	color: #3e3e3f
 }

 section {
 	width: 100%
 }

 footer {
 	width: 100%;
 	background: #101010
 }

 .foot {
 	width: 100%;
 	max-width: 1200px;
 	min-width: 1024px;
 	margin: auto;
 	display: block;
 	padding-bottom: 10px
 }

 .logo-foot {
 	display: block;
 	overflow: hidden;
 	padding: 30px 0
 }

 .logo-foot a {
 	display: inline-block;
 	vertical-align: middle
 }

 .logo-foot a:first-child {
 	padding: 0 10px 0 0;
 	border-right: 1px solid #3b3b3b;
 	margin-right: 10px
 }

 .list-foot {
 	display: flex;
 	justify-content: space-between;
 	align-items: stretch;
 	border-bottom: 1px solid #333;
 	padding: 0 0 30px
 }

 .list-foot li {
 	float: left;
 	width: 23%
 }

 .list-foot li span {
 	display: block;
 	overflow: hidden;
 	color: #fff;
 	font-size: 15px;
 	line-height: 20px;
 	padding: 0 0 8px;
 	font-weight: 500
 }

 .list-foot li a {
 	display: block;
 	overflow: hidden;
 	font-size: 13px;
 	line-height: 18px;
 	padding: 0 0 10px;
 	color: #e5e5e5
 }

 .list-foot li a span {
 	display: inline-block;
 	width: 68px;
 	padding: 0;
 	font-size: 13px;
 	line-height: 18px;
 	overflow: unset
 }

 .list-foot li a b {
 	font-weight: 400;
 	color: #2997ff
 }

 .text-cpr {
 	display: inline-block;
 	overflow: hidden;
 	padding: 22px 0;
 	max-width: 60%
 }

 .text-cpr p {
 	display: block;
 	overflow: hidden;
 	font-size: 11px;
 	line-height: 14px;
 	color: #666
 }

 .text-cpr p a {
 	color: #2f80ed
 }

 .owl-carousel .owl-nav {
 	position: absolute;
 	top: 38%;
 	left: 0;
 	right: 0;
 	margin: auto;
 	width: 100%
 }

 .owl-carousel .owl-nav button span {
 	font-size: 0
 }

 .owl-carousel .owl-nav button::before,
 .owl-carousel .owl-nav button::after {
 	content: '';
 	position: absolute
 }

 .owl-carousel .owl-nav button.owl-prev {
 	left: 50px
 }

 .owl-carousel .owl-nav button.owl-next {
 	right: 50px
 }

 .owl-carousel .owl-nav button.disabled {
 	opacity: .4
 }

 .owl-carousel .owl-nav button {
 	background: #29292a !important;
 	height: 50px;
 	position: absolute;
 	width: 50px;
 	opacity: .7;
 	border-radius: 100% !important
 }

 .owl-theme .owl-nav [class*='owl-']:hover {
 	background: #757575 !important;
 	opacity: 1
 }

 .owl-carousel .owl-nav button.disabled:hover {
 	background: #29292a !important;
 	opacity: .4
 }

 .owl-carousel .owl-nav button::after {
 	border-top: 2px solid #d9d9d9;
 	border-left: 2px solid #d9d9d9;
 	height: 8px;
 	width: 8px
 }

 .owl-carousel .owl-nav button.owl-prev::after {
 	left: 20px;
 	top: 20px;
 	transform: rotate(-45deg)
 }

 .owl-carousel .owl-nav button.owl-next::after {
 	right: 19px;
 	top: 20px;
 	transform: rotate(135deg)
 }

 .owl-carousel .owl-nav button::before {
 	background-color: #d9d9d9;
 	height: 2px;
 	width: 14px
 }

 .owl-carousel .owl-nav button.owl-prev::before {
 	left: 20px;
 	top: 24px
 }

 .owl-carousel .owl-nav button.owl-next::before {
 	left: 18px;
 	top: 24px
 }

 .bg-sg {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: #000;
 	opacity: .8;
 	z-index: 9998;
 	display: none
 }

 .bg-sg.active {
 	display: block
 }

 .sg-search {
 	position: absolute;
 	top: 60px;
 	width: 600px;
 	right: 0;
 	left: 0;
 	margin: auto;
 	padding: 20px 25px;
 	border-radius: 0 0 16px 16px;
 	background: #fff;
 	display: none;
 	transition: .5s ease-out
 }

 .sg-search small {
 	display: block;
 	overflow: hidden;
 	font-size: 14px;
 	line-height: 21px;
 	color: #888
 }

 .sg-search small.quicklink {
 	padding-left: 65px;
 	transition: .7s ease-out;
 	opacity: .2
 }

 .sg-search.active small.quicklink {
 	padding-left: 0;
 	opacity: 1
 }

 .sg-search .text-search {
 	display: block;
 	overflow: hidden;
 	border-bottom: 1px solid #dfdfdf;
 	padding: 0 0 15px;
 	margin: 0 0 15px
 }

 .sg-search .text-search span {
 	display: block;
 	overflow: hidden;
 	font-size: 15px;
 	line-height: 20px;
 	color: #222;
 	padding: 15px 0 0 65px;
 	transition: .75s ease-out;
 	opacity: .2
 }

 .sg-search .text-search a:nth-child(1) span {
 	transition: .75s ease-out
 }

 .sg-search .text-search a:nth-child(2) span {
 	transition: .8s ease-out
 }

 .sg-search .text-search a:nth-child(3) span {
 	transition: .85s ease-out
 }

 .sg-search.active .text-search span {
 	padding-left: 0;
 	opacity: 1
 }

 .list-sg-search {
 	display: block;
 	overflow: hidden
 }

 .list-sg-search li {
 	display: block;
 	overflow: hidden;
 	padding: 15px 0 0
 }

 .list-sg-search li a {
 	display: block;
 	overflow: hidden
 }

 .list-sg-search li a .img-search {
 	float: left;
 	width: 60px;
 	margin: 0 17px 0 0
 }

 .list-sg-search li a img {
 	display: block;
 	width: 100%
 }

 .list-sg-search li a .text-img {
 	display: block;
 	overflow: hidden
 }

 .list-sg-search li a span {
 	display: block;
 	overflow: hidden;
 	color: #222;
 	font-size: 14px;
 	line-height: 21px;
 	padding: 0 0 4px
 }

 .list-sg-search li a p {
 	display: block;
 	overflow: hidden;
 	color: #444;
 	font-size: 15px;
 	line-height: 20px
 }

 .list-sg-search li a b {
 	font-size: 18px;
 	line-height: 23px;
 	color: #222
 }

 .list-sg-search li a strike {
 	padding: 0 8px
 }

 .bg-popup {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: #000;
 	opacity: .8;
 	z-index: 1
 }

 @media screen and (max-width:1366px) {
 	.owl-carousel .owl-nav {
 		width: 96%;
 		margin: auto;
 		left: 0;
 		right: 0
 	}
 }

 @media screen and (max-width:1280px) {
 	.owl-carousel .owl-nav {
 		width: 80%;
 		margin: auto;
 		left: 0;
 		right: 0
 	}
 }

 @media screen and (max-width:1024px) {
 	.slide-cate li a span {
 		font-size: 16px
 	}
 }

 .sg-search .text-search.history-txt {
 	border: 0
 }

 .owl-carousel .owl-item .owl-lazy.lazyloaded {
 	opacity: 1
 }

 .search-cart .cart .number {
 	background-color: #ff361d;
 	border-radius: 50%;
 	color: #fff;
 	display: block;
 	font-size: 10px;
 	line-height: 14px;
 	font-weight: 600;
 	width: 14px;
 	height: 14px;
 	position: absolute;
 	bottom: 6px;
 	left: 7px;
 	text-align: center
 }

 .search-cart .cart:hover,
 .search-sp:hover {
 	background: #5e5e60
 }

 .list-foot li a:hover {
 	color: #2997ff
 }

 .list-sg-search li a p.item-txt-online {
 	color: #757575;
 	font-size: 14px;
 	line-height: 16px;
 	margin: 5px 0;
 	text-align: left
 }

 .certify {
 	display: inline-block;
 	float: right;
 	padding: 10px 0 0 10px
 }

 .certify a {
 	display: inline-block;
 	margin-left: 22px
 }

 .yourCart {
 	display: block;
 	overflow: hidden
 }

 .yourCart>span {
 	float: right;
 	padding: 9px 10px
 }

 .buymore {
 	float: left;
 	overflow: hidden;
 	font-size: 14px;
 	color: #288ad6;
 	line-height: 16px;
 	padding: 10px
 }

 .buymore:before {
 	content: "";
 	width: 8px;
 	height: 8px;
 	border-top: 1px solid #288ad6;
 	border-left: 1px solid #288ad6;
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 3px 2px 0;
 	transform: rotate(-45deg)
 }

 .listing-cart {
 	display: flex;
 	flex-flow: column wrap
 }

 .listing-cart .product-item:not(:first-child) {
 	border-top: 1px solid #e1e1e1
 }

 .listing-cart .product-item {
 	display: block;
 	padding: 10px 30px;
 	width: 100%;
 	box-sizing: border-box
 }

 .listing-cart .product-item .imgsp {
 	float: left;
 	width: 16%
 }

 .listing-cart .imgsp a,
 .listing-cart .imgsp a img {
 	display: block;
 	overflow: hidden
 }

 .woocommerce a.remove:hover{
	color: #999 !important;
 }

 .listing-cart .imgsp a img {
 	width: 75px;
 	margin: auto
 }

 .listing-cart .imgsp a {
 	display: block;
 	overflow: hidden;
 	margin: 15px auto 0 !important;
 	border: 0;
 	background: #fff !important;
 	color: #999 !important;
 	font-size: 12px !important;
 	cursor: pointer;
	 width: auto !important;
	 height: auto !important;
 }

 .listing-cart .imgsp a span {
 	float: left;
 	background: #ccc;
 	border-radius: 50%;
 	width: 12px;
 	height: 12px;
 	position: relative;
 	margin: 2px 3px 0 0
 }

 .listing-cart .imgsp a span:after,
 .listing-cart .imgsp a span:before {
 	content: "";
 	width: 2px;
 	height: 8px;
 	background: #fff;
 	position: absolute;
 	transform: rotate(45deg);
 	top: 2px;
 	left: 5px
 }

 .listing-cart .imgsp a span:after {
 	transform: rotate(-45deg)
 }

 .listing-cart .product-item .infosp {
 	display: block;
 	margin-left: 95px
 }

 .listing-cart .infosp .name-price {
 	display: block
 }

 .listing-cart .name-price a {
 	float: left;
 	width: 70%;
 	font-size: 14px;
 	color: #333;
 	font-weight: 700;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	text-overflow: ellipsis;
 	overflow: hidden
 }

 .listing-cart .name-price span {
 	float: right;
 	color: #f30c28;
 	font-size: 14px;
 	text-align: right;
 	margin-bottom: 2px
 }

 .listing-cart .name-price span strike {
 	display: block;
 	overflow: hidden;
 	color: #666
 }

 .listing-cart .promo {
 	display: block;
 	overflow: hidden;
 	width: 75%
 }

 .listing-cart .promo .selectPro {
 	border: 0
 }

 .listing-cart .promo label {
 	display: block;
 	overflow: hidden;
 	color: #288ad6;
 	font-size: 12px;
 	padding: 8px 0 0;
 	cursor: pointer
 }

 .listing-cart .promo label.active:after {
 	transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	-webkit-transform: rotate(180deg)
 }

 .listing-cart .promo label:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .listing-cart .promo .selectPro label {
 	color: #333;
 	font-size: 12px;
 	display: block !important;
 	cursor: unset !important
 }

 .listing-cart .promo .selectPro label:after {
 	content: unset
 }

 .listing-cart .promo small {
 	display: none;
 	overflow: hidden;
 	font-size: 12px;
 	color: #666;
 	padding: 6px 0 0 10px
 }

 .listing-cart .promo small b {
 	color: #d52320
 }

 .listing-cart .promo small:before {
 	content: "\2022";
 	color: #d8d8d8;
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 3px 0 -7px
 }

 .listing-cart .promo small.active {
 	display: block
 }

 .listing-cart .promo span {
 	display: block;
 	overflow: hidden;
 	color: #666;
 	font-size: 12px;
 	padding: 8px 0 0
 }

 .listing-cart .choose-color {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	width: 100%;
 	position: relative
 }

 .listing-cart .choose-color label {
 	float: left;
 	color: #288ad6;
 	font-size: 12px;
 	padding: 6px 0 0;
 	cursor: pointer
 }

 .listing-cart .choose-color label:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .listing-cart .choose-color aside>span {
 	float: left;
 	color: #666;
 	font-size: 12px;
 	padding: 6px 0 0
 }

 .listing-cart .choose-color .sg-color {
 	position: absolute;
 	top: 30px;
 	left: -35px;
 	width: 210px;
 	padding: 0 10px;
 	background: #fff;
 	border: 1px solid #d8d8d8;
 	z-index: 1;
 	border-radius: 4px;
 	box-sizing: border-box;
 	box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
 }

 .listing-cart .choose-color .sg-color.active {
 	display: block
 }

 .listing-cart .choose-color .sg-color:before {
 	content: "";
 	width: 10px;
 	height: 10px;
 	background: #fff;
 	border-top: 1px solid #d8d8d8;
 	border-right: 1px solid #d8d8d8;
 	transform: rotate(-45deg);
 	position: absolute;
 	display: block;
 	top: -6px;
 	left: 70px
 }

 .listing-cart .choose-color .sg-color .select-color {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0;
 	border-bottom: 1px solid #ddd;
 	cursor: pointer
 }

 .listing-cart .choose-color .sg-color .select-color:last-child {
 	border-bottom: 0
 }

 .listing-cart .choose-color .select-color img {
 	display: inline-block;
 	vertical-align: middle;
 	width: 30px
 }

 .listing-cart .choose-color .select-color small {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 14px;
 	color: #288ad6;
 	margin-left: 8px
 }

 .listing-cart .choose-color .select-color.active small {
 	font-weight: 600
 }

 .listing-cart .product-item .morecolor {
 	display: block;
 	overflow: hidden;
 	width: 100%;
 	padding: 15px 0 0
 }

 .listing-cart .product-item .morecolor i {
 	float: left;
 	margin: 2px 4px 0 0
 }

 .listing-cart .product-item .morecolor i.active {
 	background-position: -101px 0
 }

 .listing-cart .product-item .morecolor span {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 14px;
 	cursor: pointer
 }

 .listing-cart .product-item .morecolor .listColor {
 	display: none;
 	border: 1px solid #ddd;
 	border-radius: 4px;
 	padding: 10px;
 	margin-top: 8px;
 	position: relative
 }

 .listing-cart .product-item .morecolor .listColor.active {
 	display: block
 }

 .listing-cart .product-item .morecolor .listColor:before {
 	content: "";
 	width: 10px;
 	height: 10px;
 	border-top: 1px solid #ddd;
 	border-right: 1px solid #ddd;
 	background: #fff;
 	transform: rotate(-45deg);
 	display: block;
 	position: absolute;
 	top: -6px;
 	left: 30px
 }

 .listColor .chooseColor,
 .listColor p {
 	display: block;
 	overflow: hidden
 }

 .listColor .chooseColor .boxColor {
 	float: left;
 	width: 10%;
 	margin: 2% 2% 0 0;
 	cursor: pointer
 }

 .listColor .chooseColor .boxColor:nth-child(4n+4) {
 	margin-right: 0
 }

 .listColor .boxColor .imgColor {
 	display: block;
 	overflow: hidden;
 	border: 1px solid #ddd;
 	border-radius: 4px;
 	padding: 5px 0
 }

 .listColor .boxColor.active .imgColor {
 	border: 1px solid #4a90e2
 }

 .listColor .chooseColor .imgColor img {
 	display: block;
 	overflow: hidden;
 	margin: auto;
 	width: 40px;
 	height: 40px
 }

 .listing-cart .listColor .boxColor i {
 	display: block;
 	margin: 5px auto;
 	float: unset
 }

 .listing-cart .listColor .boxColor.active i {
 	background-position: -101px 0
 }

 .listing-cart .listColor .chooseColor span {
 	display: block;
 	overflow: hidden;
 	text-align: center;
 	font-size: 13px
 }

 .area-total,
 .area-total .discountcode {
 	display: block;
 	overflow: visible
 }

 .area-total .discountcode {
 	margin-bottom: 20px;
 	position: relative
 }

 .area-total .discountcode .usecode {
 	position: relative;
 	padding: 10px;
 	cursor: pointer;
 	width: calc(50% - 5px);
 	border-radius: 4px;
 	float: left;
 	text-align: left;
 	border: 1px solid #e0e0e0;
 	display: flex;
 	align-items: center;
 	height: auto
 }

 .area-total .discountcode .usecode .usecode__icon {
 	display: flex;
 	justify-content: center;
 	width: 23px;
 	flex-direction: row-reverse
 }

 .area-total .discountcode .usecode.appliedCoupon {
 	border: 1px solid #2f80ed
 }

 .area-total .discountcode .appliedCoupon.usecode.coupon-code:after {
 	border-top: 6px solid #2f80ed
 }

 .area-total .discountcode .usecode.coupon-code {
 	margin-right: 10px
 }

 .area-total .discountcode .usecode.singlebox {
 	width: auto;
 	min-height: auto
 }

 .area-total .discountcode .usecode.singlebox .usecode__title {
 	margin-right: 25px
 }

 .area-total .discountcode .usecode.coupon-code.active:after {
 	transform: rotate(180deg)
 }

 .area-total .discountcode .usecode.coupon-code:after {
 	content: "";
 	border-top: 6px solid #000;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 auto;
 	position: absolute;
 	right: 10px
 }

 .area-total .discountcode .usecode.coupon-code.active:before {
 	content: "";
 	width: 10px;
 	height: 10px;
 	border-top: 1px solid #f1f1f1;
 	border-right: 1px solid #f1f1f1;
 	background: #f1f1f1;
 	transform: rotate(-45deg);
 	display: block;
 	position: absolute;
 	bottom: -18px;
 	left: 85px
 }

 .area-total .discountcode .usecode span {
 	display: inline-block;
 	vertical-align: middle;
 	overflow: hidden;
 	font-size: 14px;
 	margin-left: 10px;
 	text-align: left
 }

 .area-total .discountcode .usecode .usecode__guide {
 	color: #288ad6;
 	margin-left: 5px
 }

 .area-total .discountcode .usecode.active .usecode__title:after {
 	transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	-webkit-transform: rotate(180deg)
 }

 .area-total .discountcode .usecode.warningLoyalty {
 	border: 1px solid #fb6e2e
 }

 .area-total .discountcode .usecode.applied {
 	border: 1px solid #2f80ed
 }

 .area-total .discountcode .applycode {
 	display: none;
 	overflow: hidden;
 	background: #f1f1f1;
 	padding: 12px
 }

 .area-total .discountcode .applycode.active {
 	display: inline-block;
 	margin: 10px 0 0;
 	padding: 10px;
 	width: 100%;
 	overflow: visible
 }

 .area-total .discountcode .coupon .applycode {
 	overflow: hidden
 }

 .area-total .discountcode .applycode input {
 	float: left;
 	width: 74%;
 	border: 1px solid #c6c6c6;
 	border-radius: 4px;
 	padding: 10px;
 	text-indent: 5px;
 	color: #666
 }

 .area-total .discountcode .applycode input:focus {
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .area-total .discountcode .applycode button {
 	float: right;
 	width: 20%;
 	border: 1px solid #288ad6;
 	background: #288ad6;
 	color: #fff;
 	text-align: center;
 	padding: 10px;
 	border-radius: 4px;
 	cursor: pointer
 }

 .area-total .discountcode .applycode button.disabled {
 	border: 1px solid #bdbdbd;
 	background: #bdbdbd;
 	color: #fff
 }

 .area-total .discountcode .applycode small {
 	display: block;
 	overflow: hidden;
 	color: #dd4b39;
 	font-size: 12px;
 	width: 100%;
 	padding: 5px 0;
 	text-align: left
 }

 .total-provisional {
 	display: block;
 	overflow: hidden;
 	padding: 10px 30px
 }

 .total-provisional>span {
 	float: left;
 	color: #333
 }

 .total-provisional>span:nth-child(2) {
 	float: right
 }

 .area-total>.loyal-point-message.add-warning {
 	margin-bottom: 0
 }

 .area-total .promotion {
 	display: block;
 	overflow: hidden;
 	margin-bottom: 10px
 }

 .area-total .promotion span {
 	float: left;
 	color: #333
 }

 .area-total .promotion span:nth-child(2) {
 	float: right
 }

 .area-total .appliedcode {
 	display: block;
 	padding-top: 10px;
 	position: relative
 }

 .area-total .appliedcode.active {
 	display: none
 }

 .area-total .appliedcode span {
 	float: left;
 	color: #333
 }

 .area-total .appliedcode span b {
 	font-weight: 400;
 	color: #288ad6;
 	cursor: pointer
 }

 .area-total .appliedcode .reduced-price,
 .area-total .km-combo .combo-discount-price {
 	float: right;
 	position: relative
 }

 .area-total .appliedcode .reduced-price i,
 .area-total .km-combo .combo-discount-price i {
 	float: left;
 	margin: 2px 2px 0 0;
 	cursor: pointer
 }

 .area-total .appliedcode .reduced-price span,
 .area-total .km-combo .combo-discount-price span {
 	display: block;
 	overflow: hidden;
 	color: #333
 }

 .area-total .appliedcode .reduced-detail,
 .area-total .km-combo .combo-promotion {
 	position: absolute;
 	top: 25px;
 	right: 0;
 	width: 350px;
 	padding: 10px;
 	background: #fff;
 	border: 1px solid #e0e0e0;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
 	border-radius: 4px;
 	z-index: 1
 }

 .area-total .appliedcode .reduced-detail.active,
 .area-total .km-combo .combo-promotion.active {
 	display: block
 }

 .area-total .appliedcode .reduced-price i.active:after,
 .km-combo .combo-discount-price i.active:after {
 	content: "";
 	width: 10px;
 	height: 10px;
 	border-top: 1px solid #e0e0e0;
 	border-right: 1px solid #e0e0e0;
 	background: #fff;
 	transform: rotate(-45deg);
 	position: absolute;
 	top: 20px;
 	z-index: 2
 }

 .area-total .appliedcode .reduced-detail .rowname,
 .area-total .km-combo .combo-promotion .rowname {
 	display: block;
 	overflow: hidden;
 	padding: 3px 0
 }

 .area-total .appliedcode .rowname span,
 .area-total .km-combo .rowname span {
 	float: left;
 	color: #333;
 	padding: 0;
 	width: 50%;
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis
 }

 .area-total .appliedcode .rowname span:nth-child(2),
 .area-total .km-combo .rowname span:nth-child(2) {
 	float: right;
 	width: 35%;
 	text-align: right
 }

 .area-total .appliedcode .rowname small,
 .area-total .km-combo .rowname small {
 	float: left;
 	margin-left: 5%;
 	color: #666;
 	font-size: 12px;
 	float: inherit
 }

 .area-total .appliedcode .rowname small {
 	width: auto;
 	padding: 0;
 	text-align: center
 }

 .area-total .appliedcode .reduced-detail .rowprice {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0 0
 }

 .area-total .appliedcode .rowprice span,
 .area-total .km-combo .rowcoupon span,
 .area-total .km-combo .rowprice span {
 	float: left;
 	color: #333;
 	padding: 0
 }

 .area-total .appliedcode .rowprice span:nth-child(2),
 .area-total .km-combo .rowcoupon span:nth-child(2),
 .area-total .km-combo .rowprice span:nth-child(2) {
 	float: right
 }

 .area-total .appliedcode .reduced-detail .rowdecrease {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0 0
 }

 .area-total .km-combo .combo-promotion .rowdecrease {
 	padding: 0;
 	margin-top: 10px
 }

 .area-total .appliedcode .rowdecrease strong,
 .area-total .km-combo .rowdecrease strong {
 	float: left;
 	color: #333
 }

 .area-total .appliedcode .rowdecrease strong:nth-child(2),
 .area-total .km-combo .rowdecrease strong:nth-child(2) {
 	float: right;
 	color: #d0021b
 }

 .area-total .km-combo {
 	display: block;
 	position: relative;
 	clear: both;
 	padding-top: 10px
 }

 .area-total .km-combo .combo-promotion .rowcoupon {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0 0 0
 }

 .area-total .km-combo .combo-promotion .rowprice {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0
 }

 .area-total .fee-deli {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0 0;
 	width: 100%
 }

 .area-total .fee-deli span {
 	float: left;
 	color: #333
 }

 .area-total .fee-deli span:nth-child(2) {
 	float: right
 }

 .area-total .txt-bottom {
 	display: block;
 	padding: 10px 0 0
 }

 .area-total .txt-bottom .txt01 {
 	float: left;
 	width: 70%
 }

 .area-total .txt-bottom .txt02 {
 	float: right;
 	text-align: right;
 	width: 30%
 }

 .area-total .total-price {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0 10px;
 	width: 100%
 }

 .area-total .line-break {
 	border-top: 1px solid #d1d1d1;
 	position: absolute;
 	width: calc(100% + 60px);
 	left: -30px;
 	bottom: -20px
 }

 .area-total .total-price strong {
 	float: left;
 	color: #333
 }

 .area-total .total-price strong:nth-child(2) {
 	float: right;
 	color: #f30c28
 }

 .infor-customer {
 	display: block;
 	overflow: hidden;
 	border-top: 1px solid #d1d1d1;
 	padding: 10px 30px
 }

 .infor-customer h4 {
 	display: block;
 	overflow: hidden;
 	font-size: 14px;
 	text-transform: uppercase;
 	color: #333
 }

 .infor-customer .infor {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0
 }

 .infor-customer .infor.active {
 	display: none
 }

 .infor-customer .infor span {
 	vertical-align: middle;
 	color: #333;
 	margin-right: 10px
 }

 .infor-customer .infor span:nth-child(2) {
 	color: #288ad6;
 	cursor: pointer
 }

 .infor-customer .form-customer {
 	display: none;
 	overflow: hidden;
 	padding: 10px 0 0
 }

 .infor-customer .form-customer.active {
 	display: block
 }

 .form-customer .sex-customer {
 	display: block;
 	overflow: hidden
 }

 .form-customer .sex-customer span {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 14px;
 	color: #333;
 	margin-right: 15px;
 	cursor: pointer
 }

 .form-customer .sex-customer span i {
 	display: inline-block;
 	vertical-align: top;
 	margin: 2px 2px 0 0
 }

 .form-customer .sex-customer span.active i {
 	background-position: 0 0
 }

 .form-customer .sex-customer small {
 	display: inline-block;
 	vertical-align: middle;
 	color: #dd4b39;
 	font-size: 12px
 }

 .form-customer .fillinform {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0
 }

 .form-customer .fillinform .fillname {
 	float: left;
 	width: 49%;
 	margin: 0 1% 0 0
 }

 .form-customer .fillinform .fillname input {
 	display: block;
 	overflow: hidden;
 	border: 1px solid #d1d1d1;
 	border-radius: 4px;
 	padding: 10px;
 	color: #333;
 	box-sizing: border-box;
 	width: 100%
 }

 .form-customer .fillinform .fillname input:focus {
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .form-customer .fillinform .fillname span {
 	display: block;
 	overflow: hidden;
 	padding-top: 5px;
 	color: #dd4b39;
 	font-size: 12px
 }

 .form-customer .fillinform .fillname:nth-child(2) {
 	float: right;
 	margin-right: 0
 }

 .choosegetgoods {
 	display: block;
 	padding: 0 30px
 }

 .choosegetgoods h4 {
 	display: block;
 	overflow: hidden;
 	text-transform: uppercase
 }

 .choosegetgoods h4 b {
 	display: block;
 	overflow: hidden;
 	text-transform: none;
 	padding: 0 0 10px
 }

 .choosegetgoods .click-choose {
 	display: block
 }

 .choosegetgoods .click-choose .choose-link {
 	background: none;
 	color: #333;
 	display: inline-block;
 	vertical-align: middle;
 	padding: 10px 20px 10px 0;
 	position: relative;
 	cursor: pointer
 }

 .choosegetgoods .click-choose .choose-link.current:after {
 	content: "";
 	width: 10px;
 	height: 10px;
 	border-top: 1px solid #e1e1e1;
 	border-right: 1px solid #e1e1e1;
 	background: #f6f6f6;
 	transform: rotate(-45deg);
 	display: block;
 	position: absolute;
 	bottom: -6px;
 	left: 70px
 }

 .choosegetgoods .click-choose .choose-link.current i {
 	background-position: 0 0
 }

 .choosegetgoods .choose-content {
 	display: none;
 	background: #f6f6f6;
 	padding: 10px 10px;
 	border: 1px solid #e1e1e1
 }

 .choosegetgoods .choose-content.current {
 	display: inherit !important
 }

 .choosegetgoods .deli-address {
 	display: block
 }

 .choosegetgoods .deli-address .text-address {
 	display: block;
 	overflow: hidden
 }

 .choosegetgoods .deli-address .text-address.active {
 	display: none
 }

 .choosegetgoods .deli-address .text-address i {
 	float: left;
 	margin: 3px 4px 0 0;
 	background-position: 0 0
 }

 .choosegetgoods .deli-address .text-address span {
 	display: -webkit-box;
 	color: #333;
 	margin-bottom: 5px;
 	line-height: 20px;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	text-overflow: ellipsis;
 	overflow: hidden
 }

 .choosegetgoods .deli-address .text-address small {
 	display: block;
 	overflow: hidden;
 	color: #288ad6;
 	padding: 0 0 10px 18px;
 	font-size: 14px;
 	cursor: pointer
 }

 .choosegetgoods .deli-address form {
 	display: none
 }

 .choosegetgoods .deli-address form.active {
 	display: block;
 	margin-bottom: 15px
 }

 .choosegetgoods .deli-address form p {
 	display: block;
 	overflow: hidden;
 	color: #333
 }

 .choosegetgoods .deli-address form small {
 	display: block;
 	overflow: hidden;
 	color: #dd4b39;
 	font-size: 12px;
 	padding-top: 5px;
 	margin-left: 3px
 }

 .cntry-district {
 	position: relative;
 	float: left;
 	width: 100%
 }

 .cntry-district .btn-click {
 	float: left;
 	width: 49%;
 	margin: 2% 1% 2% 0;
 	cursor: pointer
 }

 .cntry-district .btn-click:nth-child(2) {
 	margin-right: 0;
 	float: right
 }

 .cntry-district .btn-click button {
 	display: block;
 	padding: 10px;
 	border: 1px solid #d1d1d1;
 	border-radius: 4px;
 	width: 100%;
 	background: #fff;
 	text-align: left;
 	color: #288ad6;
 	position: relative;
 	cursor: pointer
 }

 .cntry-district .btn-click button:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	position: absolute;
 	right: 10px;
 	top: 18px
 }

 .cntry-district .btn-click button:before {
 	content: "";
 	width: 8px;
 	height: 8px;
 	background: #fff;
 	border-top: 1px solid #d1d1d1;
 	border-left: 1px solid #d1d1d1;
 	transform: rotate(45deg);
 	display: block;
 	position: absolute;
 	bottom: -12px;
 	left: 30px;
 	z-index: 2;
 	display: none
 }

 .cntry-district .district button:before {
 	right: 30px;
 	left: unset
 }

 .cntry-district .btn-click button.active:before {
 	display: block
 }

 .cntry-district .btn-click button.active:after {
 	transform: rotate(180deg)
 }

 .cntry-district .btn-click button.is-loading:after {
 	content: "";
 	width: 14px;
 	height: 14px;
 	border: 1px solid #288ad6;
 	background: #288ad6;
 	border-radius: 50%;
 	float: right;
 	transform: scale(0);
 	-webkit-animation: yx 1s ease 0ms infinite;
 	animation: yx 1s ease 0ms infinite;
 	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
 	border-top: unset !important;
 	border-right: unset !important;
 	border-left: unset !important;
 	position: unset !important;
 	right: unset !important;
 	top: unset !important
 }

 @-webkit-keyframes yx {
 	50% {
 		transform: scale(1);
 		opacity: 1
 	}

 	to {
 		opacity: 0
 	}
 }

 @keyframes yx {
 	50% {
 		transform: scale(1);
 		opacity: 1
 	}

 	to {
 		opacity: 0
 	}
 }

 .cntry-district .btn-click .select {
 	position: absolute;
 	top: 56px;
 	left: 0;
 	right: 0;
 	border: 1px solid #d1d1d1;
 	border-radius: 4px;
 	background: #fff;
 	z-index: 1;
 	padding: 0 10px;
 	width: -webkit-max-content;
 	width: -moz-max-content;
 	width: max-content
 }

 .cntry-district .btn-click.district .select {
 	right: 0;
 	left: unset
 }

 .cntry-district .btn-click .select.active {
 	display: block
 }

 .cntry-district .btn-click .select .boxsearch {
 	position: relative;
 	display: block;
 	margin: 10px 0
 }

 .cntry-district .btn-click .boxsearch a {
 	padding: 10px;
 	position: absolute;
 	right: 0;
 	top: 0
 }

 #tab-1 .only-at-store__title {
 	display: block;
 	text-transform: uppercase;
 	margin-bottom: 5px
 }

 #tab-2 .cntry-district .btn-click .select .boxsearch {
 	margin: 0
 }

 #tab-2 .cntry-district .btn-click .boxsearch a {
 	top: 10px
 }

 #tab-2 .only-at-store__title {
 	display: block;
 	margin-bottom: 5px;
 	text-transform: uppercase
 }

 .cntry-district .listName {
 	display: block;
 	overflow-y: scroll;
 	max-height: 190px
 }

 .cntry-district .listName aside {
 	min-width: 140px
 }

 .cntry-district .select input {
 	margin: 10px 0;
 	border: 1px solid #d1d1d1;
 	padding: 10px;
 	border-radius: 4px;
 	width: 100%;
 	box-sizing: border-box
 }

 .cntry-district .select aside {
 	float: left;
 	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	overflow: hidden
 }

 .cntry-district .select aside span {
 	display: block;
 	overflow: hidden;
 	padding: 6px;
 	color: #288ad6;
 	margin: 0 5px 5px 0;
 	max-width: 150px
 }

 .cntry-district .select span.active {
 	background: #288ad6;
 	color: #fff
 }

 .cntry-district .select span:not(.active):hover {
 	background: #5897fb;
 	color: #fff
 }

 .deli-address form .wards {
 	float: left;
 	width: 49%;
 	margin: 0 2% 2% 0;
 	position: relative
 }

 .wards .listName {
 	display: block;
 	flex-flow: row wrap;
 	overflow-y: scroll;
 	max-height: 190px
 }

 .wards .listName aside {
 	float: left;
 	width: -webkit-fit-content;
 	width: -moz-fit-content;
 	width: fit-content;
 	overflow: hidden;
 	min-width: 140px
 }

 .deli-address .wards button {
 	display: block;
 	background: #fff;
 	border: 1px solid #d1d1d1;
 	color: #288ad6;
 	border-radius: 4px;
 	padding: 10px;
 	width: 100%;
 	position: relative;
 	text-align: left;
 	cursor: pointer
 }

 .deli-address .wards.disable button {
 	background: #f5f5f5
 }

 .deli-address .wards button:before {
 	content: "";
 	width: 8px;
 	height: 8px;
 	background: #fff;
 	border-top: 1px solid #d1d1d1;
 	border-left: 1px solid #d1d1d1;
 	transform: rotate(45deg);
 	display: block;
 	position: absolute;
 	bottom: -12px;
 	left: 30px;
 	z-index: 2;
 	display: none
 }

 .deli-address .wards button.active:before {
 	display: block
 }

 .deli-address .wards button:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	position: absolute;
 	right: 10px;
 	top: 18px
 }

 .deli-address .wards button.active:after {
 	transform: rotate(180deg)
 }

 .deli-address .wards button.is-loading:after {
 	content: "";
 	width: 14px;
 	height: 14px;
 	border: 1px solid #288ad6;
 	background: #288ad6;
 	border-radius: 50%;
 	float: right;
 	transform: scale(0);
 	-webkit-animation: yx 1s ease 0ms infinite;
 	animation: yx 1s ease 0ms infinite;
 	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
 	border-top: unset !important;
 	border-right: unset !important;
 	border-left: unset !important;
 	position: unset !important;
 	right: unset !important;
 	top: unset !important
 }

 form .wards .select input {
 	margin: 10px 0
 }

 .deli-address .wards .select {
 	position: absolute;
 	left: 0;
 	right: 0;
 	border: 1px solid #d1d1d1;
 	border-radius: 4px;
 	background: #fff;
 	z-index: 1;
 	margin-top: 6px;
 	padding: 0 10px;
 	width: -webkit-max-content;
 	width: -moz-max-content;
 	width: max-content
 }

 .deli-address .wards .select.active {
 	display: block
 }

 .deli-address .wards aside span.active {
 	background: #288ad6;
 	color: #fff
 }

 .deli-address .wards .select span {
 	display: block;
 	overflow: hidden;
 	padding: 6px;
 	cursor: pointer;
 	color: #288ad6;
 	margin: 0 5px 5px 0
 }

 .deli-address .wards .select span.active {
 	background: #288ad6;
 	color: #fff
 }

 .deli-address .wards .select span:not(.active):hover {
 	background: #5897fb;
 	color: #fff
 }

 .wards .select .boxsearch {
 	position: relative;
 	display: block
 }

 .wards .select .boxsearch a {
 	padding: 10px;
 	position: absolute;
 	right: 0;
 	top: 0
 }

 .deli-address form .filladdress {
 	display: block;
 	overflow: hidden;
 	width: 49%
 }

 .deli-address form .filladdress input {
 	margin: 0
 }

 .deli-address form .filladdress input:focus {
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .deli-address form input {
 	display: block;
 	overflow: hidden;
 	background: #fff;
 	border: 1px solid #d1d1d1;
 	border-radius: 4px;
 	padding: 10px;
 	margin: 1.7% 0;
 	width: 100%;
 	box-sizing: border-box
 }

 .deli-address .latch-order {
 	display: block;
 	padding-top: 10px;
 	border-top: 1px solid #e1e1e1;
 	position: relative
 }

 .deli-address .latch-order label {
 	display: block;
 	overflow: hidden;
 	padding: 0 0 10px;
 	width: 100%
 }

 .deli-address .latch-order label.package-delivery {
 	position: relative;
 	overflow: visible
 }

 .deli-address .latch-order label>span {
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 5px;
 	cursor: pointer
 }

 .deli-address .latch-order label>span i {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 0 2px 0
 }

 .deli-address .latch-order label>i {
 	position: relative;
 	margin-bottom: 2px
 }

 .deli-address .latch-order label>i.active:after {
 	content: "";
 	width: 10px;
 	height: 10px;
 	border-top: 1px solid #2f80ed;
 	border-right: 1px solid #2f80ed;
 	background: #2f80ed;
 	transform: rotate(-45deg);
 	display: block;
 	position: absolute;
 	top: 18px;
 	left: 1px;
 	z-index: 2
 }

 .deli-address .latch-order .group-deliverry-tooltip {
 	position: absolute;
 	top: 25px;
 	left: 20%;
 	width: 240px;
 	padding: 10px;
 	background: #fff;
 	border: 1px solid #2f80ed;
 	box-shadow: 0 2px 4px rgb(0 0 0/50%);
 	border-radius: 4px;
 	z-index: 1;
 	font-size: 12px;
 	color: #fff;
 	background: #2f80ed;
 	border-radius: 6px
 }

 .choose-address {
 	width: 100%;
 	box-sizing: border-box;
 	margin-bottom: 10px
 }

 .choose-address,
 .choose-address ul {
 	display: block;
 	overflow: hidden
 }

 .choose-address ul.active {
 	max-height: 120px;
 	overflow-y: scroll
 }

 .choose-address ul li {
 	display: block;
 	overflow: hidden;
 	padding: 5px 0;
 	cursor: pointer
 }

 .choose-address ul li i {
 	float: left;
 	margin: 2px 8px 0 0
 }

 .choose-address ul li.active i {
 	background-position: 0 0
 }

 .choose-address ul li span {
 	display: block;
 	overflow: hidden
 }

 .choose-address li span .cohang {
 	color: #10a702;
 	font-size: 12px
 }

 .choose-address li span em {
 	margin: 0 4px 0 0
 }

 .choose-address li span .delay {
 	color: #e67e22;
 	font-size: 12px
 }

 .choose-address a {
 	display: block;
 	overflow: hidden;
 	color: #288ad6
 }

 .choose-address a:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .anotheroption {
 	display: block;
 	border-bottom: 1px solid #d1d1d1;
 	padding: 20px 30px
 }

 .anotheroption input {
 	display: block;
 	overflow: hidden;
 	border: 1px solid #d1d1d1;
 	border-radius: 4px;
 	padding: 10px;
 	width: 100%;
 	box-sizing: border-box;
 	margin-bottom: 7px
 }

 .anotheroption input:focus {
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .anotheroption ul,
 .anotheroption ul li {
 	display: block;
 	overflow: hidden
 }

 .anotheroption ul li {
 	padding: 10px 0 0
 }

 .anotheroption ul li i {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 4px 2px 0
 }

 .anotheroption ul li label {
 	display: block;
 	overflow: hidden;
 	color: #333;
 	cursor: pointer
 }

 .anotheroption li label.active i,
 .deli-address .latch-order label span.active i.cartnew-select {
 	background-position: -101px 0
 }

 .anotheroption li form {
 	border: 1px solid #288ad6;
 	padding: 10px 10px 3px;
 	border-radius: 4px;
 	background: #f6f6f6;
 	margin: 10px 0 0;
 	position: relative
 }

 .anotheroption li .infouser.active {
 	display: block
 }

 .infouser__inputs-container:after {
 	content: "";
 	display: table;
 	clear: both
 }

 .anotheroption .infophoneanother .phoneanother.active,
 .anotheroption li .infocompany.active {
 	display: block
 }

 .anotheroption li form:before {
 	content: "";
 	width: 8px;
 	height: 8px;
 	border-top: 1px solid #288ad6;
 	border-left: 1px solid #288ad6;
 	background: #f6f6f6;
 	transform: rotate(45deg);
 	position: absolute;
 	top: -5px;
 	left: 50px
 }

 .anotheroption li form .cough {
 	display: block;
 	overflow: hidden;
 	padding: 0 0 10px
 }

 .anotheroption form .cough span {
 	display: inline-block;
 	vertical-align: middle;
 	margin-right: 15px;
 	cursor: pointer
 }

 .anotheroption form span.active i {
 	background-position: 0 0
 }

 .anotheroption form .cough small {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 12px;
 	color: #dd4b39
 }

 .anotheroption form .fillinput {
 	overflow: hidden;
 	margin-right: 5px
 }

 .anotheroption form .fillinput.halfwidth {
 	width: 49%;
 	display: inline-block
 }

 .anotheroption form .fillinput.halfwidth.left {
 	float: left
 }

 .anotheroption form .fillinput small.error {
 	display: block;
 	overflow: hidden;
 	color: #dd4b39;
 	margin-left: 3px;
 	margin-bottom: 7px
 }

 .finaltotal {
 	display: block;
 	overflow: visible;
 	padding: 20px 30px;
 	position: relative
 }

 .finaltotal .total-feedeli {
 	display: block;
 	overflow: hidden
 }

 .finaltotal .total-feedeli span {
 	float: left;
 	color: #333
 }

 .finaltotal .total-feedeli span:nth-child(2) {
 	float: right
 }

 .finaltotal .totalmoney {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0
 }

 .finaltotal .totalmoney strong {
 	float: left;
 	color: #333
 }

 .finaltotal .totalmoney strong:nth-child(2) {
 	float: right;
 	color: #f30c28
 }

 .finaltotal button.submitorder {
 	display: block;
 	overflow: hidden;
 	color: #fff;
 	text-align: center;
 	height: 50px;
 	margin: 10px auto;
 	width: 100%;
 	border-radius: 4px;
 	border: 0;
 	cursor: pointer;
 	background: linear-gradient(180deg, #f79429, #f7712e)
 }

 .finaltotal small {
 	color: #666;
 	font-size: 12px;
 	text-align: center
 }

 .finaltotal small,
 .notsupport,
 .notsupport span {
 	display: block;
 	overflow: hidden
 }

 .notsupport span {
 	color: #333;
 	padding: 10px 12px
 }

 .notsupport span b {
 	color: #288ad6;
 	cursor: pointer
 }

 .notsupport small {
 	display: block;
 	overflow: hidden;
 	padding: 0 12px;
 	margin: 5px 0;
 	color: #333;
 	-webkit-line-clamp: 1;
 	text-overflow: ellipsis;
 	-webkit-box-orient: vertical;
 	white-space: nowrap
 }

 .notsupport small:before {
 	content: "\2022";
 	color: #c4c4c4;
 	float: left;
 	margin-right: 5px
 }

 .receivedinstore,
 .receivedinstore h3 {
 	display: block;
 	overflow: hidden
 }

 .receivedinstore h3 {
 	font-size: 18px;
 	line-height: 21px;
 	text-align: center;
 	text-transform: uppercase;
 	padding: 15px 0
 }

 .receivedinstore p {
 	display: block;
 	overflow: hidden;
 	margin: 0 30px 10px;
 	padding: 10px;
 	border: 1px dashed #f76b1c;
 	border-radius: 4px
 }

 .receivedinstore p a {
 	color: #288ad6
 }

 .listing-cart .change-promo span {
 	color: #f30c28
 }

 .listing-cart .change-promo .select-promo {
 	display: block;
 	overflow: hidden
 }

 .listing-cart .change-promo .select-promo strong {
 	display: block;
 	overflow: hidden;
 	padding: 5px 0 0;
 	font-size: 12px;
 	color: #666;
 	font-weight: 400;
 	cursor: pointer
 }

 .listing-cart .change-promo strong i {
 	float: left;
 	margin: 2px 5px 0 0
 }

 .listing-cart .change-promo strong.active i {
 	background-position: 0 0
 }

 .popup-promo {
 	display: block
 }

 .popup-promo.active {
 	display: none
 }

 .bg-promo {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	margin: auto;
 	background-color: #333;
 	opacity: .9;
 	height: 100vh;
 	z-index: 999
 }

 .alert-promo {
 	position: fixed;
 	width: 340px;
 	background-color: #fff;
 	border-radius: 4px;
 	z-index: 99999;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%)
 }

 .alert-promo span {
 	font-size: 16px;
 	color: #646464;
 	padding: 24px 0 10px
 }

 .alert-promo p,
 .alert-promo span {
 	display: block;
 	overflow: hidden;
 	text-align: center
 }

 .alert-promo p {
 	color: #333;
 	padding: 0 30px
 }

 .alert-promo a:not(.morepolicy) {
 	display: block;
 	overflow: hidden;
 	color: #fff;
 	text-transform: uppercase;
 	text-align: center;
 	padding: 10px;
 	background: linear-gradient(180deg, #f79429, #f7712e);
 	border-radius: 4px;
 	width: 230px;
 	margin: 30px auto
 }

 .alert-promo a.morepolicy {
 	color: #288ad6
 }

 .error .choosenumber {
 	border: 1px solid #f30c28
 }

 .listing-cart .alert-error {
 	overflow: hidden;
 	text-align: left;
 	color: #ff1212;
 	font-size: 13px;
 	padding: 10px 0;
 	width: auto;
 	display: block;
 	margin-left: 95px
 }

 .error-order ul li strong {
 	display: block;
 	overflow: hidden;
 	font-weight: 400;
 	font-size: 12px;
 	padding: 0 0 10px
 }

 .error-order li strong b {
 	color: #f30c28
 }

 .error-order .reduce-number {
 	display: block;
 	overflow: hidden;
 	padding: 10px
 }

 .error-order .choosenumber .minus i {
 	background-color: #288ad6
 }

 .error-order .choosenumber .plus i {
 	background-color: #ccc
 }

 .error-order .reduce-number span {
 	float: right;
 	color: #f30c28;
 	padding: 6px 10px 0 0;
 	font-size: 13px
 }

 .error-order .del-product {
 	background-color: #f30c28
 }

 .error-order .btn-update-to-remaning-quantity,
 .error-order .del-product {
 	display: block;
 	overflow: hidden;
 	text-align: center;
 	border-radius: 3px;
 	padding: 5px;
 	width: 200px;
 	margin: 10px auto;
 	color: #fff;
 	border: 0;
 	font-size: 13px;
 	cursor: pointer
 }

 .error-order .btn-update-to-remaning-quantity {
 	background-color: #e70000
 }

 .finaltotal .disable {
 	background: #a9a9a9 !important
 }

 .menuhtmlcart,
 .menuhtmlcart span {
 	display: block;
 	overflow: hidden
 }

 .menuhtmlcart span {
 	font-size: 16px;
 	color: #333;
 	padding: 10px
 }

 .menuhtmlcart li a,
 .menuhtmlcart ul {
 	display: block;
 	overflow: hidden
 }

 .menuhtmlcart li a {
 	color: #288ad6;
 	padding: 10px
 }

 .cartempty {
 	margin-top: 100px
 }

 .cartempty,
 .cartempty i {
 	display: block;
 	overflow: hidden
 }

 .cartempty i {
 	margin: auto
 }

 .cartempty .backhome,
 .cartempty span {
 	display: block;
 	overflow: hidden;
 	text-align: center;
 	padding: 10px
 }

 .cartempty .backhome {
 	text-transform: uppercase;
 	font-weight: 600;
 	border-radius: 4px;
 	border: 1px solid #288ad6;
 	margin: 0 10px;
 	color: #288ad6
 }

 .cartempty p {
 	display: block;
 	overflow: hidden;
 	padding: 10px;
 	text-align: center
 }

 .cartempty p a {
 	color: #288ad6
 }

 .footCart {
 	display: block;
 	overflow: hidden;
 	color: #999;
 	font-size: 11px;
 	text-align: center;
 	padding: 20px 0
 }

 .footCart span {
 	cursor: pointer
 }

 .discountpromotion {
 	margin: 5px 0 5px 0;
 	background: #fff3c2;
 	padding: 8px 10px
 }

 .discountpromotion .discountpromotion__discountbox {
 	font-weight: 400;
 	font-size: 14px;
 	color: #c10017
 }

 .discountpromotion span {
 	padding: 0 !important
 }

 .mesage-product-discount-partner {
 	margin: 5px 0 5px 0;
 	color: #c10017;
 	background: #f7d7da;
 	padding: 8px 10px;
 	border-radius: 5px;
 	display: inline-block
 }

 .infor-customer .form-customer,
 .texterror {
 	display: block !important
 }

 .listing-cart .product-item .morecolor .listColor.hasError {
 	border: 1px solid #dd4b39
 }

 .listing-cart .product-item .morecolor .listColor.hasError:before {
 	border-top: 1px solid #dd4b39;
 	border-right: 1px solid #dd4b39
 }

 .choosegetgoods .deli-address .text-address i.active {
 	background-position: 0 0 !important
 }

 .choosegetgoods .deli-address .text-address i:not(.active) {
 	background-position: -19px 0 !important
 }

 .choosegetgoods .deli-address form {
 	display: block !important
 }

 .promotion-updated {
 	float: left;
 	margin-top: 3px
 }

 .global-desc-container {
 	display: block;
 	padding: 10px 29px;
 	background: #fff9f6;
 	border-bottom: 1px solid #e1e1e1
 }

 .global-desc-container__title {
 	display: block;
 	color: #fc6e2e
 }

 .global-desc-container__detail {
 	color: #666;
 	font-size: 12px
 }

 .global-desc-container__detail__link {
 	color: #288ad6
 }

 .global-desc-container__detail__link:after {
 	content: "";
 	border-top: 5px solid transparent;
 	border-left: 6px solid #288ad6;
 	border-bottom: 5px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .captcha {
 	text-align: center
 }

 .captcha__checkbox {
 	padding-top: 10px
 }

 .height-transition-enter-active,
 .height-transition-leave-active {
 	transition: height .4s ease-in-out;
 	overflow: hidden
 }

 .height-transition-enter,
 .height-transition-leave-to {
 	height: 0;
 	transition: height .4s ease-in-out;
 	overflow: hidden
 }

 .border-div {
 	border-top: 1px solid #d1d1d1;
 	margin: 0
 }

 .knh-popup {
 	position: fixed;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
 	z-index: 9999;
 	padding: 0 0 0 55px;
 	width: 700px;
 	margin: 0 auto
 }

 .knh-popup .scroll {
 	height: calc(100vh - 60px);
 	width: auto;
 	padding: 30px;
 	overflow-x: hidden;
 	overflow-y: auto;
 	background: #fff;
 	-webkit-overflow-scrolling: touch;
 	-ms-scroll-chaining: chained;
 	z-index: 9999;
 	position: relative
 }

 .knh-popup .ovlknh {
 	display: block;
 	overflow: hidden;
 	background: rgba(0, 0, 0, .75);
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 0;
 	z-index: 9998;
 	text-indent: 999999em
 }

 .knh-popup .scroll::-webkit-scrollbar {
 	width: 8px;
 	background-color: #f5f5f5
 }

 .knh-popup .scroll::-webkit-scrollbar-thumb {
 	background-color: #999
 }

 .fixbody {
 	overflow: hidden;
 	left: 0;
 	right: 0
 }

 .closebtn-knh {
 	position: fixed;
 	top: 0;
 	right: 0;
 	z-index: 9999;
 	width: 75px;
 	height: 75px;
 	background: #f4f4f4;
 	color: #bbb;
 	text-align: center;
 	font-size: 12px;
 	cursor: pointer
 }

 .closebtn-knh span {
 	font-size: 42px;
 	padding: 20px 0 10px 0;
 	display: block;
 	margin: 0 auto
 }

 .article .titlebigKMDMX {
 	padding-bottom: 15px;
 	border-bottom: 1px solid #ccc;
 	margin-bottom: 20px
 }

 .article h1 {
 	display: block;
 	padding: 0 0 10px 0;
 	line-height: 1.3em;
 	font-size: 24px;
 	color: #333;
 	font-weight: 600
 }

 .article .titlebigKMDMX span {
 	color: #a8a8a8
 }

 .article .titlebigKMDMX .firstico:before {
 	content: "●";
 	padding-right: 3px;
 	padding-left: 3px
 }

 .boldh2ofcontentnews h2 {
 	font-weight: 700;
 	font-size: 17px
 }

 .article p {
 	display: block;
 	text-rendering: geometricPrecision;
 	font-size: 14px;
 	color: #444;
 	line-height: 20px;
 	margin: 12px 0
 }

 .boldh2ofcontentnews ul li:before {
 	content: "â–ª";
 	font-size: 22px;
 	color: #333;
 	padding-right: 5px
 }

 .error--color-selections {
 	display: block
 }

 .cart-common-info {
 	padding-top: 10px;
 	padding-bottom: 10px
 }

 .cart-common-info__title {
 	font-size: 18px;
 	display: block;
 	text-align: center;
 	text-transform: uppercase
 }

 .cart-common-info__warning-message {
 	border: 1px dashed #fb6e2e;
 	padding: 10px;
 	border-radius: 5px;
 	background-color: #fff;
 	margin-top: 10px
 }

 .cart-common-info__warning-message__content {
 	text-align: justify;
 	display: block;
 	font-size: 14px
 }

 .cart-common-info__warning-message__content a {
 	color: #288ad6
 }

 .product-will-be-added--wrapper {
 	padding: 10px 30px;
 	border-bottom: 1px solid #e1e1e1
 }

 .product-will-be-added {
 	border: 1px solid #ccc;
 	border-radius: 5px;
 	padding: 10px 15px;
 	position: relative
 }

 .product-will-be-added__info {
 	display: inline-block
 }

 .product-will-be-added__info__image-container {
 	display: block
 }

 .product-will-be-added__info__image-container img {
 	max-width: 50px;
 	display: block;
 	margin: auto
 }

 .product-will-be-added__info__image-container:not(.last) {
 	margin-bottom: 10px
 }

 .product-will-be-added__info__skip-button {
 	display: block;
 	overflow: hidden;
 	margin: 5px auto 0;
 	border: 0;
 	background: #fff;
 	color: #999;
 	font-size: 12px;
 	cursor: pointer
 }

 .product-will-be-added__info__skip-button span {
 	float: left;
 	background: #ccc;
 	border-radius: 50%;
 	width: 12px;
 	height: 12px;
 	position: relative;
 	margin: 2px 3px 0 0
 }

 .product-will-be-added__info__skip-button span:after,
 .product-will-be-added__info__skip-button span:before {
 	content: "";
 	width: 2px;
 	height: 8px;
 	background: #fff;
 	position: absolute;
 	transform: rotate(45deg);
 	top: 2px;
 	left: 5px
 }

 .product-will-be-added__info__skip-button span:after {
 	transform: rotate(-45deg)
 }

 .product-will-be-added__message-container {
 	display: inline-block;
 	padding: 10px;
 	top: 0;
 	position: absolute
 }

 .product-will-be-added__message-container__message {
 	display: block;
 	line-height: 20px
 }

 .cate-printing-ink-note {
 	padding: 10px 20px
 }

 .cate-printing-ink-note__message {
 	border-radius: 4px;
 	border: 1px dashed #f6a623;
 	background: #fff4de;
 	margin: 0 10px;
 	padding: 15px 10px
 }

 .capitalize {
 	text-transform: capitalize
 }

 .capitalize::-moz-placeholder {
 	text-transform: none
 }

 .capitalize:-ms-input-placeholder {
 	text-transform: none
 }

 .capitalize::placeholder {
 	text-transform: none
 }

 .jcb-suggestion,
 .onlinePaymentInforBox-suggestion,
 .vnpay-suggestion {
 	background-color: #e9f7ff;
 	padding: 10px 20px;
 	line-height: 20px;
 	margin-bottom: 10px
 }

 .jcb-suggestion__icon {
 	margin-right: 5px
 }

 .vnpay-suggestion__icon {
 	margin: 5px 5px 0 0;
 	float: left
 }

 .jcb-suggestion__discount-value {
 	color: #e10c00;
 	font-weight: 700
 }

 .jcb-suggestion__guide-link {
 	cursor: pointer;
 	color: #288ad6
 }

 .jcb-suggestion__error {
 	margin: 5px 0;
 	display: block;
 	color: red
 }

 .product-note {
 	margin-bottom: 10px
 }

 .product-note.has-dicount-price {
 	padding-top: 20px
 }

 .product-note__list {
 	padding: 2px 10px 18px 18px;
 	background-color: #f9f9f9;
 	border-radius: 4px;
 	list-style: disc;
 	display: none;
 	margin-top: 10px
 }

 .product-note__list.active {
 	display: block
 }

 .product-note__list:before {
 	content: "";
 	width: 8px;
 	height: 8px;
 	border-top: 1px solid #f9f9f9;
 	border-right: 1px solid #f9f9f9;
 	background: #f9f9f9;
 	transform: rotate(-45deg);
 	display: block;
 	position: relative;
 	top: -7px;
 	left: 15px
 }

 .product-note__list__labelExpand {
 	display: block;
 	overflow: hidden;
 	color: #288ad6;
 	font-size: 12px;
 	padding: 0;
 	cursor: pointer
 }

 .product-note__list__labelExpand:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .product-note__list__labelExpand.active:after {
 	transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	-webkit-transform: rotate(180deg)
 }

 .product-note__list__item {
 	line-height: 25px;
 	margin-left: 8px
 }

 .product-note__list__item::marker {
 	color: #999;
 	font-size: 15px
 }

 .product-note__list__item.head {
 	font-size: 15px;
 	margin-left: 0;
 	margin-bottom: 5px
 }

 .product-note__list__item.head::marker {
 	content: ""
 }

 .product-note__list__item a {
 	color: #288ad6
 }

 .top-content__two-price-scenario {
 	color: #dd1c1a
 }

 .two-price-cart-delivery-box {
 	margin-bottom: 10px;
 	line-height: 30px
 }

 .choosegetgoods .choose-content.two-price-choose-content:before {
 	content: "";
 	width: 10px;
 	height: 10px;
 	border-top: 1px solid #e1e1e1;
 	border-right: 1px solid #e1e1e1;
 	background: #f6f6f6;
 	transform: rotate(-45deg);
 	display: block;
 	position: absolute;
 	left: 85px;
 	margin-top: -17px
 }

 .two-price-choose-content__note {
 	display: block;
 	margin-bottom: 4px
 }

 #app .lazyload,
 #app .lazyloading {
 	opacity: 0;
 	transition: opacity .4s
 }

 #app img.lazyloaded {
 	opacity: 1
 }

 .color-orange {
 	display: inline !important;
 	color: #f76b1c !important;
 	font-size: 12px !important
 }

 .choosegetgoods .deli-address .text-address .text-address__selection {
 	display: none
 }

 .choosegetgoods .deli-address .text-address .text-address__selection.visible {
 	display: block
 }

 .text-address__selection {
 	cursor: pointer
 }

 .text-address__other-addresses {
 	display: inline-block
 }

 .text-address__other-addresses__item {
 	display: inline-block !important;
 	padding-bottom: 0 !important
 }

 .text-address__other-addresses__item.see-more {
 	padding-left: 18px !important
 }

 .text-address__other-addresses__item.see-more:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .text-address__other-addresses__item.add-more {
 	padding-left: 18px !important
 }

 .text-address__other-addresses__item.or-text {
 	color: unset !important;
 	padding-left: 5px !important;
 	cursor: unset !important
 }

 .text-address__other-addresses__item.add-more.have-see-more {
 	padding-left: 5px !important
 }

 .text-address__error {
 	padding-left: 15px !important;
 	font-size: 12px !important
 }

 .cart-bold {
 	font-weight: 700
 }

 .lastrow__list-fee__summary__total-fee {
 	color: #f30c28
 }

 .deposit-fee-note__total-note__detail,
 .lastrow__list-fee__summary__fee-expand {
 	color: #288ad6;
 	cursor: pointer;
 	display: inline-block
 }

 .deposit-fee-note__list-fee,
 .lastrow__list-fee__item {
 	display: none !important
 }

 .deposit-fee-note__list-fee.active,
 .lastrow__list-fee__item.active {
 	display: block !important
 }

 .lastrow__list-fee__item__value {
 	display: block;
 	font-size: 12px;
 	padding: 0 0 5px !important;
 	border-bottom: unset !important;
 	margin-right: 5px
 }

 .lastrow__list-fee__item__value:first-child {
 	padding-top: 5px !important
 }

 .deposit-fee-note__list-fee__item:before,
 .lastrow__list-fee__item__value:before {
 	content: "\2022";
 	display: inline-block;
 	vertical-align: middle;
 	color: #333;
 	font-size: 20px;
 	margin-right: 5px
 }

 .deposit-fee-note__total-note__detail:after,
 .lastrow__list-fee__summary__fee-expand:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .deposit-fee-note__total-note__detail.active:after,
 .lastrow__list-fee__summary__fee-expand.active:after {
 	transform: rotate(180deg);
 	-ms-transform: rotate(180deg);
 	-webkit-transform: rotate(180deg)
 }

 .box-order .lastrow {
 	margin-left: 12%
 }

 .deposit-fee-note {
 	padding: 10px 0;
 	display: inline-block;
 	width: 100%
 }

 .deposit-fee-note__list-fee__item {
 	display: block;
 	font-size: 12px;
 	padding: 5px 0;
 	clear: both
 }

 .deposit-fee-note__list-fee__item__value {
 	float: right
 }

 .box-order .rowtime span.preorder-note {
 	width: 100% !important
 }

 .partnertdiscount-info {
 	display: inline-block;
 	background: #fff3c2;
 	width: auto;
 	padding: 10px;
 	border-radius: 4px;
 	border: 1px solid #f9d0a3;
 	margin-bottom: 10px
 }

 .partnertdiscount-info span {
 	color: #c10017
 }

 .partnertdiscount-info div.lastchild {
 	margin-top: 5px
 }

 .partnertdiscount-info div strong {
 	color: #f30c28
 }

 .discountPartner {
 	margin: 5px 0 5px 0;
 	background: #fff3c2;
 	padding: 8px 10px;
 	display: inline-block;
 	border-radius: 4px
 }

 .discountPartner strong {
 	color: #f30c28
 }

 .livechatInfo {
 	display: inline-block;
 	background: #fff3c2;
 	width: auto;
 	padding: 10px;
 	border-radius: 4px;
 	border: 1px solid #f9d0a3
 }

 .livechatInfo strong {
 	color: #f30c28
 }

 .validate-otp_bg {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	margin: auto;
 	background-color: #333;
 	opacity: .9;
 	height: 100vh;
 	z-index: 999
 }

 .validate-otp_content {
 	position: fixed;
 	max-width: 340px;
 	background-color: #fff;
 	border-radius: 4px;
 	z-index: 99999;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	width: calc(100% - 50px);
 	padding: 15px;
 	text-align: center
 }

 .validate-otp_content h3 {
 	font-weight: 700;
 	text-transform: uppercase;
 	padding: 15px 0 0;
 	line-height: 22px
 }

 .validate-otp_close {
 	position: absolute;
 	top: 0;
 	right: 5px;
 	color: #333;
 	font-size: 18px;
 	cursor: pointer;
 	padding: 10px
 }

 .validate-otp_content span {
 	padding: 10px 0;
 	display: block;
 	font-size: 13px;
 	line-height: 20px
 }

 .validate-otp_content input {
 	background: #fff;
 	border: 1px solid #d1d1d1;
 	box-sizing: border-box;
 	border-radius: 4px;
 	padding: 10px;
 	width: 100%;
 	text-align: center
 }

 .validate-otp_content button {
 	border-radius: 4px;
 	border: 0;
 	width: 100%;
 	font-size: 13px;
 	margin: 10px auto 0;
 	display: block;
 	text-align: center;
 	padding: 10px 20px;
 	background: linear-gradient(180deg, #f79429, #f7712e);
 	color: #fff
 }

 .validate-otp_content small {
 	color: #f30c28;
 	display: block;
 	margin-top: 5px
 }

 .validate-otp_content-resend a {
 	cursor: pointer
 }

 .geolocation_error {
 	text-align: center;
 	color: #f30c28;
 	font-size: 13px;
 	padding: 5px 0
 }

 .geolocation_latlong {
 	border-radius: 4px;
 	font-size: 13px;
 	font-weight: 700
 }

 .employeeCovid_box,
 .geolocation_latlong {
 	background: #fff3c2;
 	padding: 10px;
 	display: inline-block;
 	margin-bottom: 10px
 }

 .employeeCovid_box {
 	width: auto;
 	border-radius: 4px;
 	border: 1px solid #f9d0a3
 }

 .employeeCovid_box strong {
 	color: #f30c28
 }

 div.clr {
 	clear: both
 }

 .loyalty-confirm-popup {
 	display: block
 }

 .loyalty-confirm-popup_bg {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	margin: auto;
 	background-color: #333;
 	opacity: .9;
 	height: 100vh;
 	z-index: 999
 }

 .loyalty-confirm-popup__content {
 	position: fixed;
 	width: 340px;
 	background-color: #fff;
 	border-radius: 4px;
 	z-index: 99999;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	max-width: calc(100% - 20px)
 }

 .loyalty-confirm-popup__content__close {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	cursor: pointer
 }

 .loyalty-confirm-popup__content__message {
 	margin: 0 10px;
 	display: inline-block;
 	text-align: center;
 	width: calc(100% - 20px);
 	margin-top: 34px
 }

 .loyalty-confirm-popup__content__actions {
 	display: flex;
 	justify-content: center;
 	margin-bottom: 10px;
 	margin: 0 10px 10px 10px
 }

 .loyalty-confirm-popup__content__actions .btn {
 	width: calc(50% - 22px);
 	display: inline-block;
 	text-align: center;
 	margin: 10px 10px;
 	padding: 10px 0;
 	border: 1px solid #e0e0e0;
 	border-radius: 4px;
 	cursor: pointer
 }

 .loyalty-confirm-popup__content__actions__btn-ok.btn-red {
 	color: #d0021c;
 	border-color: #d0021c
 }

 .loyalty-confirm-popup__content__actions__btn-ok.btn-orange {
 	color: #fff;
 	border-color: #fb6e2e;
 	background-color: #fb6e2e
 }

 .loyalty-confirm-popup__content__actions__btn-ok.btn-blue {
 	color: #fff;
 	border-color: #2f80ed;
 	background-color: #2f80ed
 }

 .loyalty-confirm-popup__content__coupon-value {
 	text-align: center;
 	margin-bottom: 15px
 }

 .promotion_price_updated {
 	display: inline-block;
 	font-size: 13px;
 	padding-top: 10px;
 	color: red
 }

 .backtoschool_note {
 	display: inline-block;
 	width: 100%;
 	font-size: 13px;
 	margin-top: 5px
 }

 .area-total .buymoregetmore .combo-promotion .productInfo {
 	padding-bottom: 7px
 }

 .area-total .buymoregetmore .combo-promotion .rowname p {
 	font-weight: 700;
 	font-size: 14px;
 	color: #333;
 	line-height: 22px
 }

 .listing-cart .product-size {
 	position: relative;
 	display: block;
 	width: 50%;
 	margin-left: 30px
 }

 .listing-cart .product-size label {
 	float: left;
 	color: #288ad6;
 	font-size: 12px;
 	padding: 6px 0 0;
 	cursor: pointer
 }

 .listing-cart .product-size .sg-size {
 	position: absolute;
 	top: 30px;
 	left: -3px;
 	width: 100px;
 	padding: 0 10px;
 	background: #fff;
 	border: 1px solid #d8d8d8;
 	z-index: 1;
 	border-radius: 4px;
 	box-sizing: border-box;
 	box-shadow: 0 4px 4px rgb(0 0 0/25%)
 }

 .listing-cart .product-size .sg-size:before {
 	content: "";
 	width: 10px;
 	height: 10px;
 	background: #fff;
 	border-top: 1px solid #d8d8d8;
 	border-right: 1px solid #d8d8d8;
 	transform: rotate(-45deg);
 	position: absolute;
 	display: block;
 	top: -6px;
 	left: 17px
 }

 .listing-cart .product-size .sg-size .select-size {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0;
 	border-bottom: 1px solid #ddd;
 	cursor: pointer
 }

 .listing-cart .product-size .select-size.active small {
 	font-weight: 600
 }

 .listing-cart .product-size .select-size small {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 14px;
 	color: #288ad6;
 	margin-left: 8px
 }

 .listing-cart .product-size-and-color-selection {
 	display: flex;
 	flex-direction: row;
 	width: 75%
 }

 .voucher-group {
 	margin-top: 5px
 }

 .voucher-group a {
 	color: #288ad6;
 	margin-left: 10px;
 	cursor: pointer
 }

 .voucher-group a:before {
 	content: "\2022";
 	display: inline-block;
 	vertical-align: middle;
 	color: #288ad6;
 	font-size: 20px;
 	margin-right: 5px
 }

 .voucher-group .vouPrice {
 	color: #333;
 	float: right;
 	font-weight: 400
 }

 .dsCode-area {
 	display: inline-block;
 	width: 100%;
 	padding-top: 10px
 }

 .area-total .dsCode-area .appliedcode {
 	padding-top: 5px;
 	width: 100%
 }

 .dsCode-area .appliedcode {
 	display: inline-block;
 	padding: 0
 }

 .dsCode-area .coupon-title,
 .dsCode-area .voucher-title {
 	font-weight: 700
 }

 .voucher-total {
 	padding-top: 10px;
 	display: block;
 	position: relative;
 	width: 100%;
 	overflow: hidden
 }

 .voucher-total span {
 	float: left
 }

 .voucher-total .reduced-price {
 	float: right
 }

 .coupon-total {
 	padding-top: 10px;
 	display: block;
 	position: relative;
 	width: 100%;
 	overflow: hidden
 }

 .coupon-total span {
 	float: left
 }

 .coupon-total .reduced-price {
 	float: right
 }

 .area-total .dsCode-coupon .appliedcode span b {
 	color: #288ad6;
 	margin-left: 10px
 }

 .area-total .dsCode-coupon .appliedcode span b:before {
 	content: "\2022";
 	display: inline-block;
 	vertical-align: middle;
 	color: #288ad6;
 	font-size: 20px;
 	margin-right: 5px
 }

 .voucherPincode-group {
 	padding: 10px;
 	background: #e0e0e0;
 	margin-bottom: 10px;
 	border-radius: 4px
 }

 .voucherPincode-group strong {
 	font-weight: 300
 }

 .voucherPincode-group a {
 	color: #333;
 	margin-left: 10px;
 	cursor: pointer
 }

 .voucherPincode-group a:before {
 	content: "\2022";
 	display: inline-block;
 	vertical-align: middle;
 	color: #333;
 	font-size: 20px;
 	margin-right: 5px
 }

 .voucherPincode-title {
 	padding-bottom: 5px;
 	display: block;
 	font-size: 13px;
 	color: #666
 }

 .voucher-group .voucher-item {
 	margin-top: 3px
 }

 .vouWarning {
 	background-color: #f9f9f9;
 	left: 50%;
 	max-width: 440px;
 	margin: 0 auto;
 	position: fixed;
 	top: 50%;
 	transform: translate(-50%, -50%);
 	width: 100%;
 	z-index: 9999;
 	padding: 40px 20px;
 	text-align: center;
 	width: calc(100% - 20px)
 }

 .vouWarning.vouError {
 	border-radius: 4px;
 	padding: 40px 15px 15px
 }

 .vouWarning-title {
 	text-align: right
 }

 .vouWarning-close {
 	text-align: right;
 	cursor: pointer;
 	position: absolute;
 	top: 15px;
 	right: 15px;
 	font-size: 18px
 }

 .vouWarning-content {
 	margin-top: 20px;
 	display: inline-block;
 	position: relative;
 	width: 100%
 }

 .vouWarning-content a {
 	width: 140px;
 	border: 1px solid #e0e0e0;
 	margin: 0 5px;
 	padding: 10px;
 	border-radius: 4px;
 	display: inline-block;
 	cursor: pointer
 }

 .vouWarning-content a.confirm {
 	background: #2f80ed;
 	color: #fff;
 	border: 1px solid #2f80ed
 }

 .applycode .captcha {
 	display: inline-block
 }

 .deposit-fee-note__total-area {
 	border-top: 1px solid #e0e0e0;
 	padding: 5px 10px
 }

 .applyVoucher .deposit-fee-note__list-fee {
 	background: #f1f1f1;
 	border-radius: 4px
 }

 .applyVoucher .deposit-fee-note__list-fee-content {
 	border-radius: 4px;
 	margin-top: 10px;
 	padding: 5px 10px
 }

 .applyVoucher .deposit-fee-note__total-area .deposit-fee-note__list-fee__item:before {
 	content: ""
 }

 * {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box
 }

 img {
 	border: 0
 }

 a {
 	text-decoration: none
 }

 ol,
 ul {
 	list-style: none
 }

 .clr {
 	clear: both
 }

 body {
 	background: #f0f0f0;
 	position: relative
 }

 body,
 button,
 h1,
 h1 a,
 h2,
 h2 a,
 h3,
 h3 a,
 h4,
 h4 a,
 h5,
 h5 a,
 h6,
 h6 a,
 input,
 label,
 legend,
 option,
 select,
 textarea {
 	font: 14px/18px Arial, Helvetica, sans-serif;
 	color: #333;
 	outline: none
 }

 body.no-scroll {
 	overflow: hidden
 }

 p {
 	-webkit-margin-before: 0;
 	-webkit-margin-after: 0;
 	-webkit-margin-start: 0;
 	-webkit-margin-end: 0;
 	text-rendering: geometricPrecision
 }

 input[type=tel],
 input[type=text],
 textarea {
 	-webkit-appearance: none
 }

 [class*=cartnew-],
 [class^=cartnew-] {
 	background-image: url(../img/cart-mobile-1.png);
 	background-repeat: no-repeat;
 	display: inline-block;
 	height: 30px;
 	width: 30px;
 	line-height: 30px;
 	vertical-align: middle;
 	background-size: 133px 305px
 }

 i.cartnew-select.active {
 	background-position: -101px 0
 }

 #app>section {
 	display: block;
 	width: 100%;
 	max-width: 600px;
 	margin: auto;
 	min-width: 0
 }

 .cartnew-select {
 	background-position: -80px 0;
 	width: 17px;
 	height: 16px
 }

 .cartnew-discount {
 	background-position: 0 -158px;
 	width: 18px;
 	height: 13px
 }

 .cartnew-question {
 	background-position: -61px 0;
 	width: 14px;
 	height: 14px
 }

 .cartnew-choose {
 	background-position: -19px 0;
 	width: 14px;
 	height: 14px
 }

 .cartnew-success {
 	background-position: 0 -20px;
 	width: 41px;
 	height: 49px
 }

 .cartnew-atm {
 	background-position: 0 -73px;
 	width: 38px;
 	height: 20px;
 	margin-left: 10px
 }

 .cartnew-visa {
 	background-position: -43px -74px;
 	width: 23px;
 	height: 18px
 }

 .cartnew-mastercard {
 	background-position: -70px -74px;
 	width: 23px;
 	height: 18px
 }

 .cartnew-jcb {
 	background-position: -98px -74px;
 	width: 23px;
 	height: 18px
 }

 .cartnew-qrcode {
 	background-position: -95px -25px;
 	width: 30px;
 	height: 30px
 }

 .cartnew-moca {
 	background-position: -82px -263px;
 	width: 30px;
 	height: 30px
 }

 .cartnew-empty {
 	background-position: 0 -98px;
 	width: 70px;
 	height: 55px
 }

 .cartnew-smalltgdd {
 	background-position: -77px -97px;
 	width: 16px;
 	height: 16px
 }

 .cartnew-smalldmx {
 	background-position: -98px -97px;
 	width: 16px;
 	height: 16px
 }

 .cartnew-search {
 	background-position: -77px -121px;
 	width: 16px;
 	height: 16px
 }

 .cartnew-momo {
 	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQASURBVHgBvVVtbFNVGH5ue9vug3XiNuwm0rHBwmRjRiaYINFpIhgTpoPEaBYk4YcxwWSGmBiiMRgTTIhKMqJ/jP7SReKYQQ2y/TDKx9hgfGwLG19b90HH2rVsXdu1vb33cs5bdkc5hZGl8CTt+5733Hue8573ec8FHiMk/nfIuWu5BfIhXUI10g+Xpqt124Yaz5v4SIbc9oiIOIpNkrmFO5TZ4eIG/e5Za24WltY+D+vibPjPu6BGFCyuXAboOtytPQiP+pNWy19firzqEqhKHGPHehAamhAYbZK5WCDLWvokav7cDesTWbgfOj78Ge5/umkz67/fgfwXVyTN9ze2ou/bowKZ6d6F1u5/l4jUqIKIJ2DElcAMohPT5Fft3Uq2Ys8Wgyg44EHYPUn+qo9eR8mOjcImBTKeGcf4f/3o+OAnI979ZQsGfjlFfsYSOyz2TDi3raNx34FjaHttH9pe/goTp69RrHT7S/OTzSLOMhGgz5V2kTPf8EdazpDV4ipcv3UkNvRU7sOTzYfgsM/wizZVGn7BhpVkQy5RJDIWCGUqTEfGa1axp5asnGUzaug+2i28s+DMOLo+aTLawPHqaoNo9Mg59B9sFZ4XMuN9ZGXFn+i4jpmbUxj+vZPi4Ru3oExHjDHFGFErE8UzdS+ggPWaqqgYa+vB+L99SIWUTU0TFhlmixnxcDSxK3ZEmqpCi8ZTLmRZlIE4m9OV1PO8z8SaSRLWfFaLEiZdSTbT7vlv9oh4Zr1f/4WoL9FzRZvXoOLTLch25tHYf86Fs7t/ZQLxzp9ZJSNasfMVPAjek1dwov4HLGPHt/ab94R5fgH8/85BBPrdSZkJAnHUPEt2smcEvfuOGPHBpnYM3alXwYYysuUfbyYbYm3QvvNHEgxXKW/4qi/eFjYhHKPJmggFLo/B1zlgxP1dg8btwmEvKzTG/K6cunSDfEtuJivDW8gpcwhkC5a+GlOEDXLoikZWkqT0kfEbQpkMk7+ucTsTUCmefvM5lDdsotj48cvCOwu+QTgu7j2M6u/q6Tg3Nu0y4jFWt0v7/04v2cgfXdBiKn1S7KsKoWs6q/N1XPi8WfjAcgjSzyiwk42HotTQOaVLmJQjNKbdZdvIRryBpIV40+uaRl/1VEjZ1EVvVEFnnwr/hSGSsH2lg6RtsiUeteRkYri5k9ToqCmH/+Jw4plRH3tPhy0vG9FbIegsY2/71aS1BYHw9LnSJJNEZMFBD6LeacT8IcR8QZZlQhTmDBmeU1cYgQYlGEFkPAB1JkaZzbA1uFhSHmNzcUMvc1YjjTCxu1Wbuyddda4Dy0130qvnAaQRc0SSR1f198m7+4FmZ0MhOz0b0gRNVuNbrzWOzo5vA25apLSbgzBfAAAAAElFTkSuQmCC") !important;
 	background-size: unset !important;
 	width: 27px;
 	height: 27px;
 	margin-left: 10px
 }

 .cartnew-loyalty-point {
 	background-position: -76px -152px;
 	width: 18px;
 	height: 18px
 }

 .cartnew-appstore {
 	background-position: 0 -175px;
 	width: 118px;
 	height: 34px
 }

 .cartnew-googleplay {
 	background-position: 0 -211px;
 	width: 118px;
 	height: 34px
 }

 .cartnew-add-cheque-success {
 	background-position: -99px -155px;
 	width: 15px;
 	height: 15px
 }

 .cartnew-add-cheque-error {
 	background-position: -117px -154px;
 	width: 15px;
 	height: 15px
 }

 .cartnew-add-cheque-warning {
 	background-position: 0 -250px;
 	width: 21px;
 	height: 21px
 }

 .cartnew-cheque-message-close {
 	background-position: -61px -161px;
 	width: 11px;
 	height: 8px
 }

 .cartnew-cheque-warning {
 	background-position: 0 -251px;
 	width: 21px;
 	height: 18px
 }

 .cartnew-cheque-danger {
 	background-position: -21px -251px;
 	width: 21px;
 	height: 18px
 }

 .cartnew-number-1 {
 	background-position: 0 -272px;
 	width: 32px;
 	height: 32px
 }

 .cartnew-number-2 {
 	background-position: -35px -272px;
 	width: 32px;
 	height: 32px
 }

 .selectPro {
 	border-top: 1px solid #d7d7d7;
 	position: relative
 }

 .selectPro,
 .selectPro strong {
 	display: block;
 	overflow: hidden
 }

 .selectPro strong {
 	padding: 10px 0 0
 }

 .selectPro .box-promo,
 .selectPro .box-promo span {
 	display: block;
 	overflow: hidden
 }

 .selectPro .box-promo span {
 	padding: 5px 0 0;
 	cursor: pointer
 }

 .selectPro .box-promo span i {
 	float: left;
 	margin: 2px 4px 0 0
 }

 .selectPro .box-promo span.active i {
 	background-position: 0 0
 }

 .selectPro label {
 	display: block;
 	overflow: hidden;
 	padding: 5px 0 0;
 	font-weight: 600
 }

 .selectPro label b {
 	color: #d52320
 }

 .selectPro .detailPromo {
 	display: none;
 	overflow: hidden
 }

 .selectPro .detailPromo.active {
 	display: block
 }

 .selectPro .detailPromo span {
 	display: block;
 	overflow: hidden;
 	padding: 5px 0
 }

 .selectPro .detailPromo span i:before {
 	content: "\2022";
 	color: #c4c4c4;
 	float: left;
 	margin: 0 4px 0 0
 }

 .selectPro .detailPromo span small {
 	display: block;
 	overflow: hidden;
 	font-size: 14px
 }

 .selectPro .detailPromo span small a:after {
 	content: unset
 }

 .selectPro .detailPromo span small b {
 	color: #d52320
 }

 .selectPro a {
 	overflow: hidden;
 	color: #288ad6;
 	padding: 5px 0 0
 }

 .selectPro a:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-right: 6px solid transparent;
 	border-left: 6px solid transparent;
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 5px
 }

 .selectPro a.active:after {
 	transform: rotate(180deg)
 }

 .selectPro .notifyRM,
 .selectPro .notifyRM span {
 	display: block;
 	overflow: hidden
 }

 .selectPro .notifyRM span {
 	padding: 5px 0 0
 }

 .selectPro .notifyRM span b {
 	color: #d0021b;
 	font-weight: 400
 }

 .box-order {
 	display: block;
 	border: 1px solid #d1d1d1;
 	background: #fff;
 	border-radius: 4px;
 	margin-bottom: 10px
 }

 .box-order .rowtime {
 	float: left;
 	width: 100%;
 	box-sizing: border-box;
 	padding: 10px 10px 5px
 }

 .box-order .rowtime.empty {
 	display: none
 }

 .box-order .rowtime span {
 	float: left;
 	color: #333;
 	width: 63%;
 	font-size: 13px
 }

 .box-order .rowtime span:nth-child(2) {
 	float: right;
 	color: #288ad6;
 	width: auto;
 	text-align: right;
 	cursor: pointer
 }

 .box-order .choose-time {
 	padding: 0 10px
 }

 .box-order .choose-time.active {
 	display: block
 }

 .box-order .choose-time .timeline {
 	float: left;
 	width: 49%;
 	margin: 0 1% 2% 0;
 	position: relative
 }

 .tab-2 .box-order .choose-time .timeline {
 	width: 100%
 }

 .box-order .choose-time .timeline:nth-child(2) {
 	float: right;
 	margin-right: 0
 }

 .box-order .choose-time .timeline button {
 	display: block;
 	background: #fff;
 	border: 1px solid #d1d1d1;
 	color: #288ad6;
 	border-radius: 4px;
 	padding: 10px;
 	width: 100%;
 	position: relative;
 	text-align: left;
 	cursor: pointer
 }

 .box-order .choose-time .timeline button.disable {
 	background: #e5e8e8
 }

 .box-order .choose-time .timeline button:after {
 	content: "";
 	border-top: 6px solid #288ad6;
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	position: absolute;
 	right: 10px;
 	top: 18px
 }

 .box-order .choose-time .timeline button.active:after {
 	transform: rotate(180deg)
 }

 .box-order .choose-time .timeline .selecttime {
 	position: absolute;
 	right: 0;
 	left: 0;
 	top: 45px;
 	border: 1px solid #cacaca;
 	background: #fff;
 	z-index: 1;
 	border-radius: 4px;
 	max-height: 116px;
 	overflow-y: scroll
 }

 .box-order .choose-time .timeline.active .selecttime {
 	visibility: visible
 }

 .box-order .timeline .selecttime span {
 	display: block;
 	padding: 10px;
 	color: #288ad6;
 	cursor: pointer
 }

 .box-order .timeline .selecttime span.active {
 	background: #288ad6;
 	color: #fff
 }

 .box-order .note {
 	display: block;
 	overflow: hidden;
 	padding: 0 10px 10px;
 	color: #f30c28;
 	font-size: 12px;
 	margin-top: -10px
 }

 .box-order ul {
 	display: block;
 	overflow: hidden;
 	padding: 0 10px
 }

 .box-order ul li {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0;
 	border-bottom: 1px solid #e6e6e6
 }

 .box-order ul li:last-child {
 	border: 0
 }

 .box-order li .img-order {
 	float: left;
 	width: 11%
 }

 .box-order li .img-order img {
 	display: block;
 	overflow: hidden;
 	width: 40px
 }

 .box-order li .text-order {
 	display: block;
 	overflow: hidden;
 	margin-left: 10px
 }

 .box-order li .text-order span {
 	display: block;
 	overflow: hidden;
 	font-size: 12px;
 	color: #333;
 	-webkit-line-clamp: 1;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	white-space: nowrap
 }

 .box-order li .text-order .amount-color {
 	display: block;
 	overflow: hidden
 }

 .box-order li .amount-color small {
 	display: inline-block;
 	margin-right: 15px;
 	color: #666;
 	font-size: 11px
 }

 .box-order .lastrow {
 	display: block;
 	overflow: hidden;
 	margin: 0 10px;
 	padding-bottom: 10px
 }

 .box-order .lastrow .freefee {
 	font-size: 14px;
 	color: #10a702
 }

 .box-order .lastrow small {
 	float: left;
 	font-size: 12px
 }

 .box-order .lastrow small:nth-child(2) {
 	float: right;
 	color: #f30c28
 }

 .box-order .lastrow small.textnote {
 	float: unset;
 	display: block;
 	color: #666
 }

 #tab-3 .box-order {
 	margin-bottom: 0 !important
 }

 .text-order__product-name {
 	color: #333
 }

 .choosenumber {
 	float: right;
 	overflow: hidden;
 	position: relative;
 	width: 100px;
 	border: 1px solid #dfdfdf;
 	background: #fff;
 	border-radius: 3px;
 	line-height: 30px;
 	font-size: 14px;
 	color: #333
 }

 .choosenumber .minus {
 	float: left;
 	border-right: 1px solid #dfdfdf;
 	background: #fff;
 	width: 32%;
 	height: 30px;
 	position: relative;
 	pointer-events: none;
 	cursor: pointer
 }

 .choosenumber .minus i {
 	width: 12px;
 	height: 2px;
 	background: #ccc;
 	display: block;
 	margin: 14px auto
 }

 .choosenumber .qty {
 	font-size: 14px;
 	color: #333;
 	float: left;
 	width: 33%;
 	height: 30px;
 	text-align: center
 }

 .choosenumber .plus {
 	float: right;
 	border-left: 1px solid #dfdfdf;
 	background: #fff;
 	width: 32%;
 	height: 30px;
 	position: relative;
 	cursor: pointer
 }

 .choosenumber .plus i:first-child {
 	width: 12px;
 	height: 2px;
 	background: #288ad6;
 	display: block;
 	margin: 14px auto
 }

 .choosenumber .plus i:nth-child(2) {
 	width: 2px;
 	height: 12px;
 	background: #288ad6;
 	display: block;
 	margin: 0 auto;
 	position: absolute;
 	top: 9px;
 	left: 0;
 	right: 0
 }

 .popup-detail .close-popup {
 	width: unset;
 	left: unset
 }

 .close-popup {
 	position: absolute;
 	top: 6px;
 	right: 20px;
 	cursor: pointer
 }

 .close-popup i {
 	display: block;
 	position: relative
 }

 .close-popup i:after,
 .close-popup i:before {
 	content: "";
 	width: 3px;
 	height: 24px;
 	background-color: #747474;
 	border-radius: 10px;
 	transform: rotate(45deg);
 	display: block;
 	position: absolute;
 	top: 0;
 	left: 0
 }

 .close-popup i:before {
 	transform: rotate(-45deg)
 }

 .middleCart {
 	display: block;
 	background: #fff;
 	box-shadow: 0 0 18px rgba(0, 0, 0, .12);
 	border-radius: 2px
 }

 .center-support {
 	color: #fc9639 !important;
 	clear: left
 }

 .center-support__hightlight {
 	font-weight: 700
 }

 .hide {
 	display: none !important
 }

 .error {
 	color: #dd4b39 !important
 }

 .choose-promo .disable {
 	background: #a9a9a9
 }

 .overlay_cart2020 {
 	position: absolute
 }

 .loading-cart,
 .overlay_cart2020 {
 	display: none;
 	width: 100%;
 	height: 100%;
 	max-height: 100vh;
 	background: hsla(0, 0%, 100%, .5);
 	top: 0;
 	left: 0;
 	z-index: 100000;
 	clear: both;
 	text-align: center;
 	overflow: hidden
 }

 .loading-cart {
 	position: fixed
 }

 .loading-cart.active {
 	display: block
 }

 .loading-cart .csdot,
 .overlay_cart2020 .csdot {
 	width: 8px;
 	height: 8px;
 	border: 1px solid #288ad6;
 	background: #288ad6;
 	border-radius: 50%;
 	float: left;
 	margin: 0 2px;
 	transform: scale(0);
 	-webkit-animation: fx 1s ease 0ms infinite;
 	animation: fx 1s ease 0ms infinite;
 	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1)
 }

 .loading-cart .cswrap,
 .overlay_cart2020 .cswrap {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%)
 }

 .popup-promo {
 	display: none !important
 }

 .popup-promo.active {
 	display: block !important
 }

 .promotionName a {
 	overflow: hidden;
 	color: #288ad6;
 	padding: 5px 0 0
 }

 .common-popup {
 	display: none !important
 }

 .common-popup.active {
 	display: block !important
 }

 .common-popup-bg {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	margin: auto;
 	background-color: #333;
 	opacity: .9;
 	height: 100vh;
 	z-index: 999
 }

 .popup-content {
 	position: fixed;
 	width: 340px;
 	background-color: #fff;
 	border-radius: 4px;
 	padding: 30px 30px 15px 30px;
 	line-height: 22px;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	z-index: 9999
 }

 .popup-content span {
 	font-size: 16px;
 	color: #646464;
 	padding: 24px 0 16px
 }

 .popup-content p,
 .popup-content span {
 	display: block;
 	overflow: hidden;
 	text-align: center
 }

 .popup-content p {
 	color: #333
 }

 .popup-content p a,
 .popup-content p b {
 	color: #288ad6
 }

 .popup-content button {
 	display: block;
 	margin: auto;
 	margin-top: 10px;
 	padding: 15px 60px;
 	background: #288ad6;
 	color: #fff;
 	border: 0;
 	border-radius: 4px;
 	text-transform: uppercase;
 	font-size: 14px;
 	cursor: pointer;
 	font-weight: 700
 }

 .warning-container {
 	padding: 20px 30px 0 30px;
 	margin-bottom: 5px
 }

 .warning {
 	padding: 7px 10px;
 	display: block;
 	border: 1px solid #c10017;
 	background-color: #ffedec;
 	color: #c10017;
 	line-height: 1.5;
 	border-radius: 4px
 }

 .selectPro span.is-invalid {
 	color: #dd4b39 !important
 }

 .warning-message {
 	color: #dd4b39
 }

 #gifjumping {
 	display: none !important
 }

 .selectPro .box-promo p a:after {
 	content: unset !important
 }

 .logisticscovid {
 	text-align: left;
 	position: relative;
 	overflow: visible;
 	clear: both;
 	padding: 10px;
 	border-bottom: 1px solid #eee
 }

 .logisticscovid__head--title {
 	vertical-align: middle;
 	margin-right: 2px
 }

 .logisticscovid__head--note {
 	color: #666;
 	display: block
 }

 .logisticscovid__tooltip {
 	position: absolute;
 	top: 33px;
 	right: 0;
 	width: 80%;
 	max-width: 350px;
 	padding: 10px;
 	background: #fff;
 	border: 1px solid #e0e0e0;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
 	border-radius: 4px;
 	z-index: 1
 }

 .logisticscovid__tooltip--note {
 	display: block;
 	margin: 5px 0 0 10px
 }

 .logisticscovid__tooltip--note:before {
 	content: "\2022";
 	color: #d8d8d8;
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0 5px 0 -10px
 }

 .logisticscovid i {
 	cursor: pointer
 }

 .logisticscovid i.active:after {
 	content: "";
 	width: 10px;
 	height: 10px;
 	border-top: 1px solid #e0e0e0;
 	border-right: 1px solid #e0e0e0;
 	background: #fff;
 	transform: rotate(-45deg);
 	position: absolute;
 	top: 28px;
 	z-index: 2
 }

 .customer-identity-area {
 	padding-top: 10px
 }

 .customer-indentity-banner__wrapper {
 	background: transparent url(../img/backtoschool.png);
 	background-size: 100% 100%;
 	position: relative;
 	padding: 10px 20px;
 	margin: 0 10px
 }

 .customer-indentity-banner__wrapper>img {
 	max-width: 304px
 }

 .customer-indentity-banner__wrapper.active:before {
 	right: 18%;
 	bottom: -5%;
 	content: "";
 	position: absolute;
 	z-index: 2;
 	width: 0;
 	height: 0;
 	border-left: 14px solid transparent;
 	border-right: 14px solid transparent;
 	border-bottom: 13px solid #f1f1f1
 }

 .body__btn-received-discount {
 	position: absolute;
 	transform: translateY(-50%);
 	top: 40%;
 	right: 52px;
 	cursor: pointer;
 	background: #4a90e2;
 	border: 1px solid #4a90e2;
 	border-radius: 4px;
 	width: 150px;
 	height: 34px;
 	color: #fff
 }

 .body__promotion-time {
 	position: absolute;
 	right: 47px;
 	bottom: 7px;
 	font-size: 12px;
 	line-height: 18px;
 	color: #fff
 }

 .body_for-more {
 	color: #fef274
 }

 .apply-customer-identity {
 	overflow: hidden;
 	padding: 10px;
 	background-color: #f1f1f1;
 	position: relative;
 	margin: 0 10px
 }

 .apply-customer-identity.applied {
 	padding: 5px 10px
 }

 .apply-customer-identity__text-input input {
 	float: left;
 	width: 67%;
 	border: 1px solid #c6c6c6;
 	border-radius: 4px;
 	padding: 7.5px;
 	text-indent: 5px;
 	color: #666
 }

 .apply-customer-identity__text-input input::-webkit-inner-spin-button,
 .apply-customer-identity__text-input input::-webkit-outer-spin-button {
 	-webkit-appearance: none
 }

 .apply-customer-identity__text-input input::-moz-placeholder {
 	font-size: 14px;
 	line-height: 18px;
 	color: #8b8b8b
 }

 .apply-customer-identity__text-input input:-ms-input-placeholder {
 	font-size: 14px;
 	line-height: 18px;
 	color: #8b8b8b
 }

 .apply-customer-identity__text-input input::placeholder {
 	font-size: 14px;
 	line-height: 18px;
 	color: #8b8b8b
 }

 .apply-customer-identity__button button:disabled {
 	background-color: #bdbdbd;
 	cursor: pointer;
 	border: 1px solid #bdbdbd
 }

 .apply-customer-identity__button button {
 	float: right;
 	width: 30%;
 	border: 1px solid #4a90e2;
 	background: #4a90e2;
 	color: #fff;
 	text-align: center;
 	padding: 7px;
 	border-radius: 3px;
 	cursor: pointer
 }

 .apply-customer-identity small {
 	overflow: hidden;
 	padding-top: 5px;
 	display: block;
 	font-size: 12px;
 	color: #cd0909;
 	width: 100%
 }

 .customer-identity-status__wrapper {
 	display: flex;
 	align-items: center;
 	justify-content: center
 }

 .customer-identity-status__text {
 	font-size: 14px;
 	line-height: 16px;
 	color: #009540;
 	margin-left: 7px
 }

 .customer-identity-status__remove {
 	color: #d0021c;
 	font-size: 14px;
 	line-height: 16px;
 	margin: 0 0 1px 19px;
 	cursor: pointer
 }

 .cartnew-check {
 	background-position: -98px -115px;
 	width: 21px;
 	height: 34px
 }

 .loading-cart-popup {
 	display: none;
 	width: 100%;
 	height: 100%;
 	max-height: 100vh;
 	background: hsla(0, 0%, 100%, .5);
 	position: fixed;
 	top: 0;
 	left: 0;
 	z-index: 100000;
 	clear: both;
 	text-align: center;
 	overflow: hidden
 }

 .loading-cart-popup.isshowloading {
 	display: block
 }

 .loading-cart-popup .csdot,
 .overlay_cart2020 .csdot {
 	width: 8px;
 	height: 8px;
 	border: 1px solid #288ad6;
 	background: #288ad6;
 	border-radius: 50%;
 	float: left;
 	margin: 0 2px;
 	transform: scale(0);
 	-webkit-animation: fx 1s ease 0ms infinite;
 	animation: fx 1s ease 0ms infinite;
 	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1)
 }

 .loading-cart-popup .cswrap,
 .overlay_cart2020 .cswrap {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%)
 }

 .csdot:nth-child(2) {
 	-webkit-animation: fx 1s ease .3s infinite;
 	animation: fx 1s ease .3s infinite
 }

 .csdot:nth-child(3) {
 	-webkit-animation: fx 1s ease .6s infinite;
 	animation: fx 1s ease .6s infinite
 }

 @-webkit-keyframes fx {
 	50% {
 		transform: scale(1);
 		opacity: 1
 	}

 	to {
 		opacity: 0
 	}
 }

 @keyframes fx {
 	50% {
 		transform: scale(1);
 		opacity: 1
 	}

 	to {
 		opacity: 0
 	}
 }

 [class*=icondiem-],
 [class^=icondiem-] {
 	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABQCAYAAABcbTqwAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAyKADAAQAAAABAAAAUAAAAABZ5XN+AAAKq0lEQVR4Ae1dPW8cxxme3XMTIEBIUIWRRlcEcBHLOgFpUunUBO507OzKp8JdAJ/rAOE6f4AnID1Pv0CnLp2o2kVIOa59LgNI0BFwkcK3m+fd3fc4d9zd213uF8lnAHK+3vl6OM++887MLo2hIwJEgAgQASJABIgAESACRIAIEAEiQASIABEgAkSACBABIkAEiMDtRMCpYlh/9D4Meo7/ODDuoheYN2fe/rJIvdctX6StIrLaL5TZK1KuQtnlKnDf/Ojtn1VYJ6sqgMC1CDLwPuwFxj9Ge2O7zcAxk7dHB8/ttKSwTMCPjH+CvIGVv1wZ9/A/3v6pldZoMBrXCv1yRo02nN7YzDHut0UfPOnVMScvAm5ewSQ53/ge0sfbeU5gpg+9dy9lom3nafyB924EcrxG3CaHZO/1jC9l+xJpwwWmU+QQCMYx1m3AcafbLK1B4qf/vxW9wARvHOP0Eb+Pn9gF83Pv3qHG1P/U+zAECYQca7ddHvFXb717jT/Br47LvEAnF+uONhoIBsD0qTb5q3EfcbmlaDTjf1S2GUzwoZYNjHmByTyW+Gfeew+sO4rynJFoih+8e/MoHv1G2akVP8fyYXTu7S9Ea2DJ9pPkYWI8tGQaC7pmBY0WPTeicR2MG2s8oaHPvHdzJUnUN3OWIMakmhAovcTCE36pfXJMcF/Db70DDxNrbX+4xjm2l1pCIMjq5L8QcmBtvZDyq3BySih0pbWbVlDGj7WgFl1ooD3fWRNiq2/tdekOtVyaID3Tm1/i5Awx8Scad43rIXwRx/u6fhYNcaldjAGRPCWHkAhkOtE6kDfVMH0i0BYCpQkiOyqYxN9pxzHxj0GSUFtInm+CsZX3jZDDN6v1pBebA9omjItNgqWV2DN7cZkLkGym5ekTgbYQKE0Q6XC0nApeaedBkolMdLU7xNDWvJXx/65raUlbmd5EtIbsdsUGe19lYYwOhWQap08E2kLgWgSRTrumN7aJgKQ+lkovZeLD2F0gHjrYKV9oGP45DhafRgb5xlnDBTTP4V3cqZGHheygWRgx2AEEcu9iyR/Pdc3vtvu8ChN6x36w+t4NnL9Ci3wcyTgjhC3n/MaKPMRZiRrqYXJgnH/5jvmn47i/PPjHh8eWbBj0fXNxW4kj9hseFsfyx3jovV9g4+IRNej2DGgnnosgkTbwR8bP6mREB9gl8SbppWxSmuZKnjhomM9xTeVzE2hKlK6/RdWhH4nnKipTpy82FCbxEbYW+sXacWTCf4cJv0grJ0tTK6+P3bwR4jMrjcGWENhJELEnMH3lD5bLCU3sKb6pRS6rUJm0/EtJO5R8rmJL1BXGTpxoxPFV+u9uEWXPITXNkFwi776VL3G6DiCwkyAwrAdWP3+GvbGw4juDIMI9Ezif4H5W2BbK/xcTTer4nxRWokg4zcX7/+EEivszT5OtKx33w05xNaZU9VI2qyDsrinstilkZAl7vn2wmlWWefUisJMgdvOYzDOcmHt2Wp4wToNPMbEfi6xvel/8UPAiohwuglRHedqqS0bsHyyz9n+9encss0kAfIayyywhEGKG/Jks47KWYll1MK8eBAoRpJ4u3JxaY8P5tK4ekxx1IVu+3mtv85ZvmiWJQPcRIEG6/zdiD1tEoNASC3bA19in/5v0F8b2GeK/5Ok7zjjWZx4u9vuxXZu5Jtc6YfN8DNvlD4iHBr2m0ycCTSGwkyDYgZlj90YN5N9rxzBx/6Thgv4g71YpCKjutxqQ/mj4tviylS63njGePh49rZ313BY8qxzHToLI7g12kZ5jsn5TZcNl6oJGed7WabpcBfGd1VOQu1+s78HCDXqvYgM/sSjI4SGjH2W2d9YTtc/fNgI7CSLCuJQ4gTd54L2fQXN8JWlYYr3ARxpmEt7lHLwgBYKFyyxogG8RPttVRvJxur4u5xvnSZvvqcvpNq7SnOTp96aMI++5PEPabDN9I7a3Ebu81byVzGjTCOQiiHYKE3uBSavRRd7zDJyDLHVZJeTIO9GlHAgZt6e+Nt+4jzGUdpllgSgePOtznovNd21Kt8mCFSBQiCAVtHdjq5DTbdgKhyDsoMggZDNj18m4vDaAJdwMh5D9vA+PIn2gbHkEuk6Q9ZMXHT0rP8xqSsYTfV5NbZu1xIeEi81UxtpGoDMEESNYPreD206v4qsX8q7JBBf9TuUu067rGm0DyfZvJwKdIQiIAIPcwXankS+hGCFJ/FSd3k7oOaqbgECXTtIXChi2PU9AkrHG6ROBthDojAYRQxXnLX3s5oTbyBFJ3v8FDP4zwOmnAHQm28Y33bCNP1aHc6agHzjOPM9nW1PwYHLFCHSGIDIukGQMkphLkpgvZVMZ8TQ3kA8+QNs8U7slTbCK9LTXjrPqzvOqcM+sPIxSDiENXkUeoh1+sDoL1AbzOkUQGfc2STLIsYYpXpKFdss6seIASAj7yH9Z9J0pWcOi7GG8A5bYK9BiaGfEX61sfdfO7tNdDXfJBln/DYQkehwp/rl34Gz/4D3vfcnSQg3YLXvaVgk/syzGOLfrxDfBNuJ2HsPNItA5DaLDV82hvqarL3ebsDU8xIcUTpEWXmOpU5PI6TZ22jDRg5H2IZ/vzHedjIMQE1xHOYUmwQcb3Dm2tBf56qZU3QgUJchSO4SJe4Sr70caz/JVG4gMlimvUW5DHPn4+PXBeCMxR6RJkkhb6NI0/snRu/wicd2z/CUo2RQChZZYdal+kG1UdsAyubDcGqJ8k8stNEd3FxAoRBBMxgWWAE9wv+gNwPk5L0AgQHjFEeWSdqTwpRTj5a0rSY4kSUKFaVUgUHSJZeIzh2EVjeetQ66hxMuQ1CKS36RNktoRZtwqBAppkIZHvl4ywRB/LSTZ1X6aJpHzi11lmU8EkhDoLEGwlJtYHR5chyQ4VxhbdTFIBHIj0FmCyFIOXxx8Zo0kN0niMvbmmVUNg0QgPwKFbZD8VV9fUq6P4BQaW8PrV12VJE/SbBJZiom2Qeu6rLqANppdtzdSL85BjqQe7ObJx6iXWXXWLZ/VNvOqQ6CzGkSHKCTJq0kSyIGbIcGkig89yLsq2I2byA8IeKz9S/Prlk9rl+nVItB5gshw85AkhRyVXGLEweYJLhKOLOjHUZqVYgXrlreaYrBmBG4EQQSDLJLUTw75twdXXCJJYuLUJn+lF0yoFYEbQxBBIY0kWzaHLKsq0RxYTuEdjUtywOrHp47MC+svskGSbXJUIR/3wWqSwSYR6LSRngSEkGTbcLflqiJHXOee1i2TXe+L2e+sIF9IomJjDVQov+6D1k2/OQRulAZRWBI0iWTJPwCtRHNoO+rbk13S4uv4G5oEyWPJE1eDfFQxfzeOwI0kiKAkJMG/i36EyfhcfuRfR0ua5FXptie71p1AkjCrbnltn34zCGCJS2cjgOXbWM9d0ia7LY/l1gwgfiVpdcvXpSHt8TC8iQAJsomHkR0xvLw0RPJeXo0EkkykGmiVqfi7XN3yu9pnPhEgAkSACBABIkAEiAARIAJEgAgQASJABIgAESACRIAIEAEiQASIABEgAkSACBABIkAEiAARIAJEgAgQASJABIgAESACRIAIEAEiQASIABEgAkSACBABIkAEiAARIAJEgAgQASJABIgAESACRIAItIXA/wHEix18rR8SQAAAAABJRU5ErkJggg==);
 	background-repeat: no-repeat;
 	display: inline-block;
 	height: 30px;
 	width: 30px;
 	line-height: 30px;
 	vertical-align: middle;
 	background-size: 100px 40px
 }

 [class*=iconpercent-],
 [class^=iconpercent-] {
 	background-image: url(../img/point-promo.png);
 	background-repeat: no-repeat;
 	background-size: contain;
 	height: 60px;
 	display: block
 }

 [class*=iconloyaltycart-],
 [class^=iconloyaltycart-] {
 	background-image: url(data:image/png;base64,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);
 	background-repeat: no-repeat;
 	background-size: 97px 25px;
 	vertical-align: middle;
 	display: inline-block;
 	height: 30px;
 	width: 30px
 }

 .icondiem-gift {
 	background-position: -5px -5px;
 	height: 22px;
 	width: 23px
 }

 .icondiem-list {
 	background-position: -35px -5px;
 	height: 23px;
 	width: 18px
 }

 .iconloyaltycart-loyalty {
 	background-position: 1px 0;
 	height: 20px;
 	width: 20px
 }

 .iconloyaltycart-loyalty.applied {
 	background-position: -77px -2px;
 	height: 28px;
 	width: 20px
 }

 .iconloyaltycart-loyalty.warningLoyalty {
 	background-position: -51px -2px;
 	height: 28px;
 	width: 20px
 }

 .iconloyaltycart-loyalty.appliedCoupon {
 	background-position: -20px -2px;
 	height: 25px;
 	width: 23px
 }

 .btn-closepopup {
 	background-color: #fff;
 	border: 1px solid #e0e0e0;
 	border-radius: 4px;
 	color: #333;
 	cursor: pointer;
 	float: right;
 	line-height: 21px;
 	padding: 7px;
 	position: absolute;
 	right: 10px;
 	text-align: right;
 	top: 10px;
 	width: 67px
 }

 .btn-closepopup:after,
 .btn-closepopup:before {
 	background-color: #333;
 	content: "";
 	left: 13px;
 	height: 14px;
 	position: absolute;
 	top: 10px;
 	width: 1px
 }

 .btn-closepopup:before {
 	transform: rotate(45deg)
 }

 .btn-closepopup:after {
 	transform: rotate(-45deg)
 }

 .use-points {
 	left: 50%;
 	height: 700px;
 	padding-top: 50px;
 	top: 50%;
 	transform: translate(-50%, -50%);
 	z-index: 9999
 }

 .use-points,
 .use-points .use-points-top {
 	background-color: #f9f9f9;
 	max-width: 440px;
 	margin: 0 auto;
 	position: fixed;
 	width: 100%
 }

 .use-points .use-points-top {
 	box-shadow: 0 4px 4px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05);
 	left: 0;
 	padding: 16px 10px;
 	right: 0;
 	top: 0;
 	z-index: 10
 }

 .use-points .use-points-top p {
 	font-size: 16px;
 	font-weight: 700;
 	line-height: 21px
 }

 .use-points .use-points-content {
 	height: 600px;
 	overflow-y: scroll
 }

 .use-points .use-points-content::-webkit-scrollbar {
 	display: none
 }

 .use-points .use-points-bottom {
 	background-color: #fff;
 	box-shadow: 0 -2px 6px hsla(0, 0%, 64.7%, .25);
 	border-radius: 10px 10px 0 0;
 	bottom: 0;
 	left: 0;
 	max-width: 440px;
 	margin: 0 auto;
 	right: 0;
 	position: fixed;
 	padding: 10px 10px 20px;
 	width: 100%
 }

 .use-points .use-points-bottom .buttonbt {
 	background-color: #2f80ed;
 	color: #fff;
 	border-radius: 4px;
 	display: block;
 	font-size: 14px;
 	font-weight: 700;
 	line-height: 16px;
 	padding: 16px 10px;
 	text-align: center;
 	width: 100%
 }

 .buttonbt--gray {
 	background-color: #e0e0e0 !important;
 	color: #333 !important
 }

 .buttonbt--blue {
 	background-color: #2f80ed !important;
 	color: #fff !important
 }

 .use-points .box-promo {
 	padding: 20px
 }

 .use-points .box-promo .img {
 	float: left;
 	margin-right: 10px;
 	width: 60px
 }

 .use-points .box-promo .img img {
 	width: 100%
 }

 .use-points .box-promo-ct {
 	overflow: hidden
 }

 .use-points .box-promo-ct p {
 	font-size: 16px;
 	line-height: 22px
 }

 .use-points .box-promo-ct a {
 	color: #2f80ed;
 	font-size: 12px;
 	line-height: 14px
 }

 .use-points .box-promo.minimal {
 	padding: 10px
 }

 .use-points .box-promo.minimal .img {
 	display: none
 }

 .use-points .box-promo.minimal .box-promo-ct p {
 	font-size: 14px
 }

 .use-points .use-points-list .item small {
 	padding-top: 5px;
 	color: #dd4b39;
 	text-align: left
 }

 .use-points .use-points-list .item {
 	border-top: 4px solid #f1f1f1;
 	padding: 10px 10px 15px
 }

 .use-points .use-points-list .item .loyal-point-message.add-warning {
 	margin-top: 0
 }

 .use-points .use-points-list .item .disabled {
 	opacity: .5;
 	pointer-events: none
 }

 .use-points .use-points-list .item-ttl {
 	font-weight: 700;
 	margin-bottom: 10px
 }

 .use-points .use-points-list .item .boxitem {
 	background-color: #fff;
 	border: 1px solid #2f80ed;
 	border-radius: 4px;
 	display: flex
 }

 .use-points .use-points-list .item .message__warning-applied-point-max {
 	padding-bottom: 10px;
 	color: #dd4b39;
 	text-align: left
 }

 .use-points .use-points-list .item .boxitem .boxitem-wrap {
 	padding: 10px;
 	width: 100%
 }

 .use-points .use-points-list .item .boxitem .boxitem__icon {
 	align-items: center;
 	display: flex;
 	justify-content: center;
 	text-align: center;
 	width: 55px
 }

 .use-points .use-points-list .item .boxitem .boxitem__right {
 	padding: 10px 10px 10px 15px;
 	width: calc(100% - 55px)
 }

 .use-points .use-points-list .item .boxitem .boxitem__right small {
 	color: #dd4b39 !important;
 	text-align: left;
 	padding-top: 5px
 }

 .use-points .use-points-list .item .boxitem .half-circle {
 	border-left: 1px dashed #bfc7db;
 	position: relative;
 	width: 1px
 }

 .use-points .use-points-list .item .boxitem .half-circle:after,
 .use-points .use-points-list .item .boxitem .half-circle:before {
 	border: 1px solid #2f80ed;
 	content: "";
 	height: 4px;
 	left: -4.5px;
 	position: absolute;
 	width: 8px
 }

 .use-points .use-points-list .item .boxitem .half-circle:before {
 	background-color: #f9f9f9;
 	border-bottom-left-radius: 40px;
 	border-bottom-right-radius: 40px;
 	border-top: 1px solid #f5f5f5;
 	top: -1px
 }

 .use-points .use-points-list .item .boxitem .half-circle:after {
 	background-color: #efefef;
 	border-top-left-radius: 40px;
 	border-top-right-radius: 40px;
 	border-bottom: 1px solid #e6e6e6;
 	bottom: -1px
 }

 .use-points .form-sec {
 	display: flex;
 	flex-wrap: wrap;
 	width: 100%
 }

 .use-points .form-sec.disabled {
 	opacity: .5;
 	pointer-events: none
 }

 .txtcode {
 	font-size: 12px;
 	line-height: 14px;
 	margin-bottom: 10px
 }

 .use-points .f-input {
 	padding-right: 5px;
 	width: calc(100% - 80px);
 	flex: 1
 }

 .use-points .f-input .input-item {
 	border: 1px solid #c6c6c6;
 	border-radius: 4px;
 	color: #333;
 	height: 40px;
 	padding: 12px 10px;
 	width: 100%
 }

 .use-points .btn {
 	border: none;
 	color: #fff;
 	font-size: 14px;
 	line-height: 17px;
 	width: 80px;
 	margin: 0;
 	height: inherit;
 	background: #2f80ed;
 	border-radius: 4px
 }

 .use-points .btn--gray {
 	background: #bdbdbd
 }

 .use-points .btn--blue {
 	background-color: #2f80ed;
 	border-radius: 4px
 }

 .use-points .input-item::-moz-placeholder {
 	color: #999
 }

 .use-points .input-item:-ms-input-placeholder {
 	color: #999
 }

 .use-points .input-item::placeholder {
 	color: #999
 }

 .use-points .divtop {
 	align-items: center;
 	display: flex
 }

 .use-points .divtop p {
 	font-weight: 700;
 	margin-right: 8px
 }

 .use-points .divtop a {
 	color: #2f80ed;
 	font-size: 12px;
 	line-height: 14px
 }

 .use-points .act-coin {
 	margin-top: 5px
 }

 .use-points .answer {
 	border-top: 1px dashed #bfc7db;
 	margin-top: 10px;
 	padding-top: 8px
 }

 .use-points .answer .txt {
 	margin-bottom: 10px
 }

 .use-points .membership {
 	margin-top: 10px;
 	background-color: #fff
 }

 .membership--scroll {
 	height: 300px;
 	overflow-y: scroll
 }

 .use-points .membership li {
 	align-items: center;
 	background-color: #fff;
 	border-radius: 4px;
 	display: flex;
 	margin-bottom: 6px;
 	position: relative
 }

 .use-points .membership li ul {
 	flex: 1
 }

 .use-points .membership li.normal {
 	border: 1px solid #90befc
 }

 .use-points .membership li.confirm-remove {
 	border: 1px solid #d0021c
 }

 .use-points .membership li.warning-sec {
 	border: 1px solid #f7bca2
 }

 .use-points .membership li.warning-sec .li-left .txt {
 	width: 100%
 }

 .use-points .membership li:last-child {
 	margin-bottom: 0
 }

 .use-points .membership li:last-child ul li {
 	margin-bottom: 1px
 }

 .use-points .membership .li-left {
 	padding: 10px 15px;
 	width: calc(100% - 47px);
 	display: flex;
 	align-items: center;
 	justify-content: space-between
 }

 .use-points .membership .li-left .txt {
 	line-height: 20px;
 	width: 70%
 }

 .use-points .membership .li-left .confirm-question {
 	line-height: 20px;
 	width: 80%
 }

 .use-points .membership .li-left .txt span {
 	color: #d0021c
 }

 .use-points .membership .li-left .money {
 	text-align: right;
 	line-height: 20px;
 	width: 30%
 }

 .use-points .membership .li-left .cancel {
 	line-height: 20px;
 	text-align: right;
 	color: #2f80ed;
 	cursor: pointer
 }

 .use-points .membership .li-right {
 	width: 47px;
 	cursor: pointer
 }

 .use-points .membership .li-right .accept {
 	padding: 10px;
 	color: #d0021c;
 	text-align: center
 }

 .use-points .membership .clear:after,
 .use-points .membership .clear:before {
 	content: "";
 	height: 12px;
 	left: 49%;
 	position: absolute;
 	top: calc(50% - 5px);
 	width: 1px
 }

 .use-points .membership .clear:before {
 	transform: rotate(45deg)
 }

 .use-points .membership .clear:after {
 	transform: rotate(-45deg)
 }

 .use-points .membership li.normal .clear:after,
 .use-points .membership li.normal .clear:before {
 	background-color: #333
 }

 .use-points .membership li.warning-sec .clear:after,
 .use-points .membership li.warning-sec .clear:before {
 	background-color: #d0021c
 }

 .use-points .use-points-bottom .txt-bottom {
 	margin-bottom: 15px;
 	padding: 0 10px
 }

 .use-points .use-points-bottom .txt-bottom .txt01 {
 	float: left;
 	width: 70%
 }

 .use-points .use-points-bottom .txt-bottom .txt02 {
 	float: right;
 	text-align: right;
 	width: 30%
 }

 .use-points .note {
 	font-size: 12px;
 	margin-top: 10px
 }

 .mg-bot {
 	margin-bottom: 100px
 }

 .circle {
 	height: 100%;
 	position: absolute;
 	right: 48px;
 	width: 1px
 }

 .circle:after,
 .circle:before {
 	content: "";
 	height: 4px;
 	left: -5.5px;
 	position: absolute;
 	width: 8px
 }

 .circle:before {
 	border-bottom-left-radius: 40px;
 	border-bottom-right-radius: 40px;
 	top: -1px
 }

 .circle:after {
 	border-top-left-radius: 40px;
 	border-top-right-radius: 40px;
 	bottom: -1px
 }

 .use-points .membership li.normal .circle {
 	border-left: 1px dashed #bfc7db
 }

 .use-points .membership li.normal .circle:after,
 .use-points .membership li.normal .circle:before {
 	border: 1px solid #90befc
 }

 .use-points .membership li.normal .circle:before {
 	background-color: #f9f9f9;
 	border-top: 1px solid #f9f9f9
 }

 .use-points .membership li.normal .circle:after {
 	background-color: #f9f9f9;
 	border-bottom: 1px solid #f9f9f9
 }

 .use-points .membership li.confirm-remove .circle {
 	border-left: 1px dashed #bfc7db
 }

 .use-points .membership li.confirm-remove .circle:after,
 .use-points .membership li.confirm-remove .circle:before {
 	border: 1px solid #d0021c
 }

 .use-points .membership li.confirm-remove .circle:before {
 	background-color: #f9f9f9;
 	border-top: 1px solid #f9f9f9
 }

 .use-points .membership li.confirm-remove .circle:after {
 	background-color: #f9f9f9;
 	border-bottom: 1px solid #f9f9f9
 }

 .warning-sec .circle {
 	border-left: 1px dashed #f7bca2
 }

 .warning-sec .circle:after,
 .warning-sec .circle:before {
 	border: 1px solid #f7bca2
 }

 .warning-sec .circle:before {
 	background-color: #eaeaea;
 	border-top: 1px solid #eaeaea
 }

 .warning-sec .circle:after {
 	background-color: #f9f9f9;
 	border-bottom: 1px solid #f9f9f9
 }

 .use-points .membership .clear {
 	display: block;
 	position: relative;
 	padding: 20px 0
 }

 .list-applied-coupon__refund {
 	display: block;
 	margin-top: 10px;
 	font-size: 13px;
 	position: relative
 }

 input::-webkit-inner-spin-button,
 input::-webkit-outer-spin-button {
 	-webkit-appearance: none;
 	margin: 0
 }

 input[type=number] {
 	-moz-appearance: textfield
 }

 @media screen and (max-height:768px) and (max-width:1366px) {
 	.use-points {
 		height: 650px
 	}

 	.use-points .use-points-content {
 		height: 550px
 	}
 }

 .use-points .f-input .input-item {
 	text-transform: uppercase
 }

 ::-moz-placeholder {
 	text-transform: none
 }

 :-ms-input-placeholder {
 	text-transform: none
 }

 ::placeholder {
 	text-transform: none
 }

 @media screen and (max-height:670px) and (max-width:1366px) {
 	.use-points {
 		height: 570px
 	}

 	.use-points .use-points-content {
 		height: 500px
 	}

 	.mg-bot {
 		margin-bottom: 150px
 	}
 }

 .loyal-point-message {
 	display: block;
 	clear: both;
 	width: 100%;
 	padding: 10px;
 	border-radius: 5px;
 	margin: 10px 0;
 	position: relative
 }

 .loyal-point-message>i {
 	position: absolute;
 	top: 50%;
 	transform: translateY(-50%)
 }

 .loyal-point-message.add-success {
 	border: 1px solid green;
 	background: #e3fbea
 }

 .loyal-point-message.add-error {
 	border: 1px solid red;
 	background: #fff2f4
 }

 .loyal-point-message.add-warning {
 	border: 1px solid #ffefe8;
 	background: #ffefe8
 }

 .loyal-point-message__btn-close {
 	cursor: pointer;
 	position: absolute;
 	right: 10px
 }

 .loyal-point-message__detail {
 	display: inline-block;
 	vertical-align: middle;
 	margin-left: 15px;
 	padding: 0 15px
 }

 :root {
 	--black: #323232;
 	--green: #00a651;
 	--blue: #0071e3;
 	--red: #ed1c24;
 	--orange: #ff9f00;
 	--lightgray: #f5f5f7;
 	--lightgray2: #e5e5e5;
 	--darkgray2: #3e3e3f;
 	--darkgray: #757575
 }

 body,
 button,
 h1,
 h1 a,
 h2,
 h2 a,
 h3,
 h3 a,
 h4,
 h4 a,
 h5,
 h5 a,
 h6,
 h6 a,
 input,
 label,
 legend,
 option,
 select,
 textarea {
 	font: 14px/18px Helvetica Neue, Helvetica, Arial, SF Pro Display, sans-serif
 }

 .yourCart {
 	font-weight: 400
 }

 .listing-cart .product-size {
 	position: relative;
 	display: block;
 	width: 50%;
 	margin-left: 30px
 }

 .listing-cart .product-size label {
 	float: left;
 	color: #288ad6;
 	font-size: 15px;
 	padding: 6px 0 0;
 	cursor: pointer
 }

 .listing-cart .product-size .sg-size {
 	position: absolute;
 	top: 30px;
 	left: -3px;
 	width: 100px;
 	padding: 0 10px;
 	background: #fff;
 	border: 1px solid #d8d8d8;
 	z-index: 1;
 	border-radius: 4px;
 	box-sizing: border-box;
 	box-shadow: 0 4px 4px rgb(0 0 0/25%)
 }

 .listing-cart .product-size .sg-size:before {
 	content: "";
 	width: 10px;
 	height: 10px;
 	background: #fff;
 	border-top: 1px solid #d8d8d8;
 	border-right: 1px solid #d8d8d8;
 	transform: rotate(-45deg);
 	position: absolute;
 	display: block;
 	top: -6px;
 	left: 17px
 }

 .listing-cart .product-size .sg-size .select-size {
 	display: block;
 	overflow: hidden;
 	padding: 10px 0;
 	border-bottom: 1px solid #ddd;
 	cursor: pointer
 }

 .listing-cart .product-size .select-size.active small {
 	font-weight: 600
 }

 .listing-cart .product-size .select-size small {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 12px;
 	color: var(--black);
 	margin-left: 8px
 }

 .listing-cart .product-size-and-color-selection {
 	display: flex;
 	flex-direction: row;
 	width: 75%
 }

 .listing-cart .choose-color {
 	margin-top: 15px
 }

 .listing-cart .choose-color label.active:after {
 	transform: rotate(-45deg) translateY(3px)
 }

 .listing-cart .choose-color label {
 	padding: 6px 28px 6px 10px;
 	border-radius: 8px;
 	font-size: 15px;
 	border: 1px solid var(--lightgray2);
 	position: relative
 }
 .woocommerce  .listing-cart .quantity .qty {
	 width: 24px;
 }
 .woocommerce-additional-fields {
	 margin-top: 0 !important;
 }
 body form.woocommerce-checkout {
	 margin-top: 5px;
	 border-top-left-radius: 0;
	 border-top-right-radius: 0;
 }
 body form.woocommerce-cart-form{
	 border-bottom-left-radius: 0;
	 border-bottom-right-radius: 0;
 }
 .listing-cart .choose-color .sg-color i {
 	color: #fff
 }

 .listing-cart .choose-color label:after,
 .listing-cart .choose-color label:before {
 	content: "";
 	position: absolute;
 	background: var(--black);
 	border-radius: 24px;
 	display: block;
 	width: 5px;
 	height: 1px;
 	top: 50%
 }

 .listing-cart .choose-color label:before {
 	border: 0;
 	transform: rotate(45deg);
 	left: unset;
 	bottom: unset;
 	right: 20px;
 	z-index: 0
 }

 .listing-cart .choose-color label:after {
 	border: 0;
 	transform: rotate(-45deg);
 	left: unset;
 	right: 17px
 }

 .listing-cart .choose-color label.active:before {
 	transform: rotate(-45deg)
 }

 .listing-cart .choose-color label.active:after {
 	transform: rotate(45deg)
 }

 .listing-cart .choose-color .select-color img {
 	height: 30px;
 	width: 30px
 }

 .listing-cart .choose-color .select-color.active img {
 	border: 1px solid var(--blue);
 	border-radius: 2px;
 	padding: 1px
 }

 .listing-cart .choose-color .select-color small {
 	color: var(--black);
 	font-weight: 400;
 	font-size: 14px;
 	line-height: 14px
 }

 .listing-cart .choose-color .select-color.active small {
 	color: var(--blue)
 }

 .listing-cart .choose-color .sg-color {
 	border: 0;
 	box-shadow: 0 3px 8px rgb(50 50 50/25%);
 	border-radius: 12px;
 	top: 38px;
 	left: 0
 }

 .listing-cart .choose-color .sg-color .select-color {
 	padding: 12px 0;
 	border-bottom: 1px solid var(--lightgray)
 }

 .listing-cart .choose-color .sg-color:before {
 	left: 40px;
 	display: none
 }

 .listing-cart .choose-color aside>span {
 	color: #555;
 	font-size: 15px
 }

 .listing-cart .promo {
 	width: 80%
 }

 .listing-cart .promo small b {
 	color: var(--black)
 }

 .listing-cart .promo label {
 	color: var(--black);
 	font-size: 14px;
 	position: relative;
 	overflow: visible;
 	display: inline-block
 }

 .listing-cart .promo>aside>label:after,
 .listing-cart .promo>aside>label:before {
 	content: "";
 	position: absolute;
 	background: var(--black);
 	border-radius: 24px;
 	display: block;
 	width: 5px;
 	height: 1px;
 	top: 60%
 }

 .listing-cart .promo>aside>label:before {
 	border: 0;
 	transform: rotate(45deg);
 	bottom: unset;
 	right: -10px;
 	z-index: 0
 }

 .listing-cart .promo>aside>label:after {
 	border: 0;
 	transform: rotate(-45deg);
 	right: -13px
 }

 .listing-cart .promo>aside>label.active:after {
 	transform: rotate(45deg)
 }

 .listing-cart .promo>aside>label.active:before {
 	transform: rotate(-45deg)
 }

 .listing-cart .promo small {
 	color: var(--black);
 	font-size: 14px;
 	color: #000
 }

 .listing-cart .promo small:before {
 	color: var(--black);
 	margin: 0 6px 0 -7px;
 	font-size: 20px
 }

 .listing-cart .promo span {
 	color: var(--black);
 	font-size: 14px
 }

 .selectPro label b {
 	color: var(--black)
 }

 .listing-cart .name-price .name-container a {
 	font-weight: 400;
 	font-size: 15px;
 	color: var(--black);
 	line-height: 20px
 }

 .listing-cart .name-price span {
 	color: var(--black);
 	font-weight: 700;
 	font-size: 15px;
 	line-height: 20px
 }

 .listing-cart .name-price span strike {
 	font-weight: 400;
 	color: var(--darkgray);
 	font-size: 14px;
 	line-height: 21px
 }

 .listing-cart .imgsp a img {
 	width: 80px
 }

 .listing-cart .imgsp a {
 	margin: 4px auto !important;
 	padding: 0 8px 0 2px;
 	background: #fafafb !important;
 	border-radius: 4px;
 	font-size: 11px !important;
 	color: #9e9e9f !important;
 }

 .listing-cart .imgsp a span:after,
 .listing-cart .imgsp a span:before {
 	width: 1px;
 	height: 6px;
 	background: #9e9e9f;
 	top: 6px;
 	left: 5.5px;
 	border-radius: 4px
 }

 .listing-cart .imgsp a span {
 	background: #fafafb;
 	width: 13px;
 	height: 13px;
 	color: var(--darkgray2);
 	margin: 0
 }

 .listing-cart .product-item:first-child {
 	padding-top: 30px
 }

 .listing-cart .product-item:not(:first-child) {
 	width: calc(100% - 60px);
 	padding: 10px 0;
 	margin: 0 30px;
 	border-top: 1px solid var(--lightgray2)
 }
 .woocommerce-checkout #payment ul.payment_methods {
	 padding: 0;
	 display: flex;
 }
 #payment .payment_method_cod{

 }
 #payment .wc_payment_method label {
	 border: 1px solid #666666;
	 width: 100%;
	 display: inline-block;
	 text-align: center;
	 padding: 15px 36px;
	 color: #000;
	 line-height: normal;
	 border-radius: 20px;
	 font-size: 15px;
	 cursor: pointer;
 }
 #payment .wc_payment_method input:checked+label{
	 background: #4d4d4d;
	 color: white;
 }
 #payment ul.payment_methods li input,#payment .payment_box{
	 display: none!important;
 }
 .total-provisional {
 	line-height: 21px;
 	padding: 0 30px 17px
 }

 .total-provisional>span {
 	color: var(--black)
 }

 .total-provisional span .total-label,
 .total-provisional span:nth-child(2) {
 	font-weight: 700
 }

 .finaltotal button.submitorder {
 	background: var(--blue);
 	border-radius: 12px;
 	font-size: 15px
 }

 .area-total .total-price {
 	line-height: 21px
 }

 .area-total .total-price strong {
 	color: var(--black)
 }

 .area-total .total-price strong:nth-child(2) {
 	color: var(--red)
 }

 .area-total .discountcode .applycode {
 	background: var(--lightgray);
 	border-radius: 12px
 }

 .area-total .discountcode .applycode .applycode__text-input input {
 	padding: 15px;
 	border: 1px solid var(--lightgray2);
 	border-radius: 12px
 }

 .area-total .discountcode .applycode button {
 	border: 1px solid var(--blue);
 	background: var(--blue);
 	border-radius: 12px;
 	padding: 15px 0
 }

 .area-total .discountcode .applycode button.disabled {
 	border: 1px solid #bdbdbd;
 	background: #bdbdbd;
 	color: #fff
 }

 .area-total .discountcode .applycode input:focus {
 	border: 0;
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .area-total .discountcode .line-break {
 	display: none
 }

 .area-total .discountcode .usecode span {
 	margin-left: 5px;
 	color: var(--black)
 }

 .area-total .discountcode .usecode.singlebox {
 	padding-left: 0;
 	border: 0;
 	border-radius: 12px;
 	padding-bottom: 0
 }

 .area-total .discountcode .usecode.singlebox .usecode__title {
 	color: var(--blue);
 	position: relative;
 	overflow: visible
 }

 .area-total .discountcode .usecode.coupon-code:after {
 	display: none
 }

 .area-total .discountcode .usecode.coupon-code.active:before {
 	border-top: 1px solid var(--lightgray);
 	border-right: 1px solid var(--lightgray);
 	background-color: var(--lightgray)
 }

 .area-total .discountcode .usecode .usecode__icon {
 	width: 27px
 }

 .area-total .appliedcode>span {
 	padding-bottom: 0;
 	color: var(--black);
 	font-weight: 700
 }

 .area-total .appliedcode span b {
 	color: var(--blue)
 }

 .area-total .reduced-price>span {
 	color: var(--black);
 	font-weight: 400
 }

 .area-total .appliedcode .rowdecrease strong,
 .area-total .appliedcode .rowname span,
 .area-total .appliedcode .rowprice span,
 .area-total .km-combo .rowcoupon span,
 .area-total .km-combo .rowdecrease strong,
 .area-total .km-combo .rowname span,
 .area-total .km-combo .rowprice span {
 	color: var(--black)
 }

 .area-total .appliedcode .rowdecrease strong:nth-child(2),
 .area-total .km-combo .rowdecrease strong:nth-child(2) {
 	color: var(--red)
 }

 .area-total .fee-deli span {
 	color: var(--black);
 	font-weight: 700
 }

 .area-total .fee-deli span:nth-child(2) {
 	font-weight: 400
 }

 .area-total .km-combo>span {
 	font-weight: 700
 }

 .cntry-district .btn-click .boxsearch a {
 	padding: 0
 }

 .cntry-district .btn-click .select {
 	border: 1px solid #bdbdbd
 }

 .cntry-district .btn-click .select.active {
 	border: 1px solid var(--lightgray2);
 	box-sizing: border-box;
 	box-shadow: 0 4px 6px rgb(0 0 0/15%);
 	border-radius: 12px
 }

 .cntry-district .btn-click button {
 	color: var(--black);
 	border-radius: 12px;
 	border: 1px solid var(--lightgray2);
 	padding: 15px;
 	font-size: 13px;
 	line-height: 18px
 }

 .cntry-district .btn-click button:after,
 .cntry-district .btn-click button:before,
 .deli-address .wards button:after,
 .deli-address .wards button:before {
 	content: "";
 	position: absolute;
 	background: var(--black);
 	border-radius: 24px;
 	display: block;
 	width: 5px;
 	height: 1px;
 	top: 50%
 }

 .cntry-district .btn-click button:before,
 .deli-address .wards button:before {
 	border: 0;
 	transform: rotate(45deg);
 	left: unset;
 	bottom: unset;
 	right: 18px;
 	z-index: 0
 }

 .cntry-district .btn-click button:after,
 .deli-address .wards button:after {
 	border: 0;
 	transform: rotate(-45deg);
 	left: unset;
 	right: 15px
 }

 .cntry-district .btn-click button.is-loading:after,
 .deli-address .wards button.is-loading:after {
 	content: "";
 	width: 14px;
 	height: 14px;
 	border: 1px solid var(--black);
 	background: var(--black);
 	border-radius: 50%;
 	float: right;
 	transform: scale(0);
 	-webkit-animation: yx 1s ease 0ms infinite;
 	animation: yx 1s ease 0ms infinite;
 	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
 	border-top: unset !important;
 	border-right: unset !important;
 	border-left: unset !important;
 	position: unset !important;
 	right: unset !important;
 	top: unset !important
 }

 .cntry-district .btn-click button.is-loading:before,
 .deli-address .wards button.is-loading:before {
 	display: none
 }

 .cntry-district .btn-click button.active:before,
 .deli-address .wards button.active:before {
 	transform: rotate(-45deg)
 }

 .cntry-district .btn-click button.active:after,
 .deli-address .wards button.active:after {
 	transform: rotate(45deg)
 }

 .cntry-district .select span.active,
 .cntry-district .select span:not(.active):hover {
 	color: #fff;
 	background: var(--blue);
 	border-radius: 8px
 }

 .cntry-district .select aside span {
 	color: var(--black);
 	padding: 7px;
 	font-size: 13px;
 	line-height: 18px;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
 	margin: 0 5px 6px 0
 }

 .cntry-district .select input {
 	border-radius: 12px;
 	border: 1px solid var(--lightgray2);
 	font-size: 13px;
 	line-height: 18px;
 	padding: 15px
 }

 .cntry-district .btn-click {
 	margin: 0 1% 1% 0;
 	padding: 2px
 }

 .cntry-district .listName::-webkit-scrollbar,
 .wards .listName::-webkit-scrollbar {
 	width: 2px;
 	height: 46px
 }

 .cntry-district .listName::-webkit-scrollbar-track,
 .wards .listName::-webkit-scrollbar-track {
 	background: #fff;
 	margin-bottom: 15px
 }

 .cntry-district .listName::-webkit-scrollbar-thumb,
 .wards .listName::-webkit-scrollbar-thumb {
 	background: var(--lightgray2);
 	min-height: 46px
 }

 .cntry-district .listName::-webkit-scrollbar-thumb:hover,
 .wards .listName::-webkit-scrollbar-thumb:hover {
 	background: var(--darkgray)
 }

 .box-order .choose-time .timeline .selecttime::-webkit-scrollbar {
 	width: 2px;
 	height: 46px
 }

 .box-order .choose-time .timeline .selecttime::-webkit-scrollbar-track {
 	background: #fff;
 	margin: 10px 0
 }

 .box-order .choose-time .timeline .selecttime::-webkit-scrollbar-thumb {
 	background: var(--lightgray2);
 	min-height: 46px
 }

 .box-order .choose-time .timeline .selecttime::-webkit-scrollbar-thumb:hover {
 	background: var(--darkgray)
 }

 .deli-address .wards button {
 	color: var(--black);
 	border-radius: 12px;
 	border: 1px solid var(--lightgray2);
 	padding: 15px;
 	font-size: 13px;
 	line-height: 18px
 }

 .deli-address .wards .select {
 	border: 1px solid var(--lightgray2);
 	box-sizing: border-box;
 	box-shadow: 0 4px 6px rgb(0 0 0/15%);
 	border-radius: 12px
 }

 .deli-address .wards .select span {
 	color: var(--black);
 	padding: 7px;
 	font-size: 13px;
 	line-height: 18px;
 	margin: 0 5px 6px 0
 }

 .deli-address .wards .select span.active,
 .deli-address .wards .select span:not(.active):hover {
 	color: #fff;
 	background: var(--blue);
 	border-radius: 8px
 }

 .deli-address form .wards {
 	padding: 2px;
 	margin: 0 1% 2% 0
 }

 .deli-address form .filladdress {
 	padding: 2px
 }

 .deli-address form .filladdress input {
 	color: var(--black);
 	border-radius: 12px;
 	border: 1px solid var(--lightgray2);
 	padding: 15px;
 	font-size: 13px;
 	line-height: 18px
 }

 .deli-address form .filladdress input:focus {
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .deli-address .latch-order {
 	border-top: unset;
 	padding: 0
 }

 .deli-address .latch-order label {
 	display: none
 }

 .anotheroption li label.active i,
 .deli-address .latch-order label span.active i.cartnew-select {
 	background-position: -183px -84px
 }

 .choosegetgoods .deli-address form.active {
 	margin-bottom: 10px
 }

 .choosegetgoods .deli-address .text-address small {
 	padding: 0 0 0 20px !important
 }

 .choosegetgoods .deli-address .text-address span {
 	font-size: 13px
 }

 .choosegetgoods .deli-address .text-address i.active {
 	background-position: -221px -46px !important
 }

 .choosegetgoods .deli-address .text-address i:not(.active) {
 	background-position: -205px -40px !important
 }

 .choosegetgoods .deli-address .text-address i {
 	margin: 2px 4px 0 0
 }

 .choosegetgoods .deli-address .text-address small {
 	color: var(--blue);
 	font-size: 13px
 }

 .yourCart>span {
 	padding: 15px 7px 13px;
 	color: var(--black);
 	line-height: 21px;
 	overflow: hidden;
 	width: 300px;
 	text-overflow: ellipsis;
 	text-align: right;
 	white-space: nowrap
 }

 .buymore {
 	color: var(--black);
 	padding: 15px 15px 13px;
 	position: relative;
 	line-height: 21px
 }

 .buymore:after,
 .buymore:before {
 	content: "";
 	position: absolute;
 	background: var(--black);
 	border-radius: 24px;
 	display: block;
 	width: 6px;
 	height: 1px;
 	top: 50%
 }

 .buymore:before {
 	border: 0;
 	transform: rotate(-45deg);
 	left: 0;
 	bottom: unset;
 	right: unset;
 	z-index: 0;
 	top: 23px
 }

 .buymore:after {
 	border: 0;
 	transform: rotate(-135deg);
 	left: 0;
 	right: unset;
 	top: 27px
 }

 .middleCart {
 	border-radius: 12px;
 	box-shadow: 0 24px 80px rgba(0, 0, 0, .07), 0 10.0266px 33.4221px rgba(0, 0, 0, .0503198), 0 5.36071px 17.869px rgba(0, 0, 0, .0417275), 0 3.00517px 10.0172px rgba(0, 0, 0, .035), 0 1.59602px 5.32008px rgba(0, 0, 0, .0282725), 0 .664142px 2.21381px rgba(0, 0, 0, .0196802)
 }

 form .wards .select input {
 	border: 1px solid var(--lightgray2);
 	margin: 10px 0;
 	border-radius: 12px;
 	font-size: 13px;
 	line-height: 18px;
 	padding: 15px
 }

 .wards .select .boxsearch a {
 	padding: 0
 }

 .product-size-and-color-selection .color-label {
 	display: none
 }

 .product-size-and-color-selection .color-label,
 .product-size-and-color-selection .size-label {
 	color: #555;
 	line-height: 20px
 }

 .product-size-and-color-selection .color-text,
 .product-size-and-color-selection .size-text {
 	color: var(--black);
 	line-height: 20px
 }

 .form-customer .fillinform .fillname {
 	padding: 0 2px
 }

 .form-customer .fillinform {
 	padding: 15px 0 5px 0
 }

 .form-customer .fillinform .fillname input {
 	border: 1px solid var(--lightgray2);
 	border-radius: 12px;
 	color: var(--black);
 	padding: 15px
 }

 .form-customer .fillinform .fillname input:focus {
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .form-customer .fillinform .fillname input::-moz-placeholder {
 	color: #555
 }

 .form-customer .fillinform .fillname input:-ms-input-placeholder {
 	color: #555
 }

 .form-customer .fillinform .fillname input::placeholder {
 	color: #555
 }

 .anotheroption form .fillinput {
 	padding: 2px
 }

 .anotheroption form .cough span,
 .anotheroption input {
 	line-height: 18px;
 	font-size: 13px;
 	color: var(--black)
 }

 .anotheroption input {
 	padding: 15px;
 	border: 1px solid var(--lightgray2);
 	border-radius: 12px
 }

 .anotheroption input:focus {
 	border: 1px solid #fc9639;
 	box-shadow: 0 0 4px #fc9639
 }

 .anotheroption input::-moz-placeholder {
 	color: #555
 }

 .anotheroption input:-ms-input-placeholder {
 	color: #555
 }

 .anotheroption input::placeholder {
 	color: #555
 }

 section {
 	padding: 0
 }

 .choosenumber {
 	border-radius: 0;
 	border: 0;
 	height: 24px;
 	width: 76px
 }

 .choosenumber .qty {
 	line-height: 22px;
 	background: var(--lightgray);
 	color: #000;
	 width: auto;
 	font-size: 13px
 }

 .choosenumber .minus,
 .choosenumber .qty {
 	width: 24px;
 	border-radius: 4px;
 	height: 24px;
 	border: 1px solid var(--lightgray2)
 }

 .choosenumber .minus {
 	margin-right: 2px;
 	float: left;
 	background: #fff
 }

 .choosenumber .minus i {
 	border-radius: 4px;
 	width: 10px;
 	height: 1px;
 	background: var(--lightgray2);
 	display: block;
 	margin: 11px auto
 }

 .choosenumber .plus {
 	border-radius: 4px;
 	border: 1px solid var(--lightgray2);
 	width: 24px;
 	height: 24px
 }

 .choosenumber .plus i:first-child {
 	border-radius: 4px;
 	width: 10px;
 	margin: 10px auto;
 	height: 1px
 }

 .choosenumber .plus i:nth-child(2) {
 	border-radius: 4px;
 	top: 6px;
 	width: 1px;
 	height: 10px
 }

 .choosegetgoods h4,
 .infor-customer h4 {
 	line-height: 20px;
 	font-weight: 600;
 	color: var(--black);
 	text-transform: none;
 	font-size: 15px
 }

 .form-customer .sex-customer span {
 	font-size: 13px;
 	margin-right: 40px;
 	color: var(--black)
 }

 .anotheroption li form:before {
 	border-top: 1px solid var(--lightgray);
 	background: var(--lightgray);
 	border-left: 1px solid var(--lightgray)
 }

 .anotheroption li form {
 	border: 0;
 	background: var(--lightgray);
 	border-radius: 12px
 }

 .choosegetgoods .choose-content {
 	background: #f5f5f7;
 	border: 0;
 	border-radius: 12px;
 	padding: 10px 12px 5px
 }

 .choosegetgoods .click-choose .choose-link.current:after {
 	border-top: 0;
 	border-right: 0;
 	background: #f5f5f7
 }

 .choose-address a {
 	color: var(--black);
 	text-align: center;
 	font-size: 15px;
 	line-height: 20px;
 	margin-top: 10px
 }

 .choose-address a:after {
 	display: none
 }

 .choose-address a>span {
 	position: relative;
 	display: inline-block;
 	line-height: 20px
 }

 .choose-address a>span:after,
 .choose-address a>span:before {
 	content: "";
 	position: absolute;
 	background: var(--black);
 	border-radius: 30px;
 	display: block;
 	width: 6px;
 	height: 1.5px;
 	top: 50%
 }

 .choose-address a>span:before {
 	border: 0;
 	transform: rotate(45deg);
 	left: unset;
 	bottom: unset;
 	right: -15.7px;
 	z-index: 0
 }

 .choose-address a>span:after {
 	border: 0;
 	transform: rotate(-45deg);
 	left: unset;
 	right: -19px
 }

 .infor-customer {
 	border-top: 4px solid #e5e5e5;
 	border-bottom: 4px solid #e5e5e5;
 	padding: 15px 30px 10px
 }

 .infor-customer .infor span {
 	color: var(--black);
 	font-size: 13px
 }

 .infor-customer .infor span:nth-child(2) {
 	color: var(--blue)
 }

 .choosegetgoods {
 	padding: 15px 30px 0
 }

 .anotheroption {
 	border-bottom: 4px solid #e5e5e5
 }

 .finaltotal {
 	padding: 10px 30px
 }

 .finaltotal small {
 	color: var(--black)
 }

 .anotheroption ul li {
 	padding: 5px 0 0
 }

 .anotheroption ul li label {
 	line-height: 21px;
 	color: var(--black)
 }

 .list-fee {
 	line-height: 21px
 }

 .list-fee>div>span:nth-child(2) {
 	color: var(--darkgray)
 }

 [class*=cartnew-],
 [class^=cartnew-] {
 	height: 30px;
 	width: 30px;
 	line-height: 30px
 }

 .iconloyaltycart-loyalty.appliedCoupon,
 [class*=cartnew-],
 [class^=cartnew-] {
 	background-image: url(../img/TZ_Sprite_2x.png);
 	background-repeat: no-repeat;
 	display: inline-block;
 	vertical-align: middle;
 	background-size: 624px 758px
 }

 .iconloyaltycart-loyalty.appliedCoupon {
 	line-height: 15px;
 	background-position: -184px -48px;
 	width: 15px;
 	height: 15px
 }

 .cartnew-choose {
 	margin-top: -2px;
 	width: 16px;
 	height: 16px;
 	background-position: -257px -46px
 }

 .form-customer .sex-customer span.active i {
 	background-position: -221px -46px;
 	margin: 0 6px 0 0
 }

 .form-customer .sex-customer span i {
 	background-position: -257px -46px;
 	margin: 0 6px 0 0
 }

 .choosegetgoods .click-choose .choose-link {
 	padding: 10px 40px 10px 0;
 	color: var(--black);
 	font-size: 13px
 }

 .choosegetgoods .click-choose .choose-link .cartnew-choose {
 	margin-bottom: 2px
 }

 .choosegetgoods .click-choose .choose-link.current i {
 	background-position: -221px -46px
 }

 .cartnew-select {
 	margin-right: 10px;
 	background-position: -293px -46px;
 	width: 16px;
 	height: 16px;
 	margin-bottom: 3px
 }

 .anotheroption form span.active i,
 .choose-address ul li.active i {
 	background-position: -221px -46px
 }

 .choose-address ul li i {
 	margin-top: 1px
 }

 .cartnew-discount {
 	background-position: -184px -48px;
 	width: 15px;
 	height: 15px
 }

 .cartnew-search {
 	background-position: -184px -7px;
 	width: 18px;
 	height: 18px;
 	margin: 16px
 }

 .cartnew-empty {
 	width: 108px;
 	height: 140px;
 	display: block;
 	background-position: -51px -2px
 }

 .cartnew-smalldmx,
 .cartnew-smalltgdd {
 	background-image: url(../img/cart-mobile-1.png);
 	background-size: 133px 305px;
 	width: 17px;
 	height: 16px;
 	margin: -3px 5px 0 5px
 }

 .cartnew-smalltopzone {
 	height: 16px;
 	width: 48px;
 	background-position: -326px -6px;
 	margin: 0 0 3px 5px
 }

 .cartnew-question {
 	background-image: url(../img/cart-mobile-1.png);
 	background-size: 133px 305px;
 	background-position: -61px 0;
 	width: 14px;
 	height: 14px
 }

 .choose-address ul li span {
 	color: var(--black);
 	line-height: 22px;
 	font-size: 13px
 }

 .selectPro .box-promo span.active i {
 	background-position: -221px -46px
 }

 .selectPro .box-promo span i {
 	margin: 0 4px 0 0
 }

 .global-desc-container {
 	border-bottom: unset;
 	background: #f1f1f1;
 	color: var(--black)
 }

 .global-desc-container__title {
 	color: var(--black);
 	font-weight: 700;
 	line-height: 24px
 }

 .global-desc-container__detail {
 	color: var(--black)
 }

 .global-desc-container__detail__link {
 	color: var(--black);
 	text-decoration: underline
 }

 .global-desc-container__detail__link:after {
 	display: none
 }

 .box-order .rowtime span {
 	color: var(--black);
 	font-size: 13px;
 	line-height: 18px
 }

 .box-order {
 	border: 0;
 	border-radius: 12px;
 	font-size: 13px
 }

 .box-order .rowtime {
 	padding: 12px 10px 7px
 }

 .box-order ul li {
 	border-top: 1px solid var(--lightgray2);
 	border-bottom: 0
 }

 .box-order.error-order {
 	padding: 1px
 }

 .box-order.error-order ul li:first-child {
 	border-top: 0
 }

 .lastrow__total {
 	border-top: 1px solid var(--lightgray2)
 }

 .text-order__product-name {
 	color: var(--black);
 	font-size: 12px;
 	display: block;
 	line-height: 16px;
 	padding-bottom: 2px
 }

 .box-order li .text-order {
 	line-height: 24px
 }

 .box-order .rowtime span:nth-child(2) {
 	position: relative;
 	margin-right: 26px;
 	color: var(--blue)
 }

 .box-order .rowtime span:nth-child(2):after,
 .box-order .rowtime span:nth-child(2):before {
 	content: "";
 	position: absolute;
 	background: var(--blue);
 	border-radius: 24px;
 	display: block;
 	width: 5px;
 	height: 1px;
 	top: 50%
 }

 .box-order .rowtime span:nth-child(2):before {
 	border: 0;
 	transform: rotate(45deg);
 	left: unset;
 	bottom: unset;
 	right: -15px;
 	z-index: 0
 }

 .box-order .rowtime span:nth-child(2):after {
 	border: 0;
 	transform: rotate(-45deg);
 	left: unset;
 	right: -18px
 }

 .box-order .rowtime span:nth-child(2).active:after {
 	transform: rotate(45deg)
 }

 .box-order .rowtime span:nth-child(2).active:before {
 	transform: rotate(-45deg)
 }

 .box-order li .amount-color>small {
 	color: var(--darkgray);
 	margin-right: 0;
 	font-size: 12px;
 	line-height: 16px
 }

 .box-order li .amount-color small small {
 	margin-right: 20px;
 	color: var(--black);
 	font-size: 12px;
 	vertical-align: unset
 }

 .box-order li .amount-color>small:last-child {
 	display: block
 }

 .box-order .choose-time .timeline button {
 	font-size: 13px;
 	color: var(--black);
 	border-radius: 12px;
 	padding: 15px;
 	position: relative;
 	border: 1px solid var(--lightgray2)
 }

 .box-order .choose-time .timeline button:after,
 .box-order .choose-time .timeline button:before {
 	content: "";
 	position: absolute;
 	background: var(--black);
 	border-radius: 24px;
 	display: block;
 	width: 5px;
 	height: 1px;
 	top: 50%
 }

 .box-order .choose-time .timeline button:before {
 	border: 0;
 	transform: rotate(45deg);
 	left: unset;
 	bottom: unset;
 	right: 20px;
 	z-index: 0
 }

 .box-order .choose-time .timeline button:after {
 	border: 0;
 	transform: rotate(-45deg);
 	left: unset;
 	right: 17px
 }

 .box-order .choose-time .timeline button.active:before {
 	transform: rotate(-45deg)
 }

 .box-order .choose-time .timeline button.active:after {
 	transform: rotate(45deg)
 }

 .box-order .choose-time .timeline .selecttime {
 	border: 1px solid var(--lightgray2);
 	top: 50px;
 	box-sizing: border-box;
 	box-shadow: 0 4px 6px rgb(0 0 0/15%);
 	border-radius: 12px
 }

 .box-order .timeline .selecttime span.active {
 	background: var(--blue);
 	color: #fff;
 	border-radius: 8px
 }

 .box-order .timeline .selecttime span {
 	color: var(--black)
 }

 .box-order .lastrow small.textnote {
 	display: none
 }

 .box-order .lastrow {
 	line-height: 18px;
 	color: var(--black);
 	padding: 13px 0;
 	margin-left: 10px;
 	border-top: 1px solid #f1f1f1
 }

 .box-order .lastrow .freefee {
 	font-size: 13px
 }

 .lastrow__list-fee__summary__total-fee {
 	color: var(--red);
 	float: unset;
 	margin-left: 5px
 }

 .deposit-fee-note__total-note__detail,
 .lastrow__list-fee__summary__fee-expand {
 	color: var(--blue)
 }

 .deposit-fee-note__total-note__detail:after,
 .lastrow__list-fee__summary__fee-expand:after {
 	border-top: 5px solid var(--blue);
 	border-right: 5.5px solid transparent;
 	border-left: 5.5px solid transparent
 }

 .box-order li .img-order img {
 	width: 50px
 }

 .cartempty {
 	margin-top: 52px;
 	font-size: 15px;
 	color: var(--black)
 }

 .cartempty p a {
 	color: var(--blue)
 }

 .cartempty span {
 	margin: 0 auto;
 	width: 200px;
 	padding: 0 10px;
 	line-height: 21px
 }

 .cartempty .backhome {
 	display: none
 }

 .cartempty p {
 	padding: 19px
 }

 .discountpromotion {
 	color: var(--orange);
 	background: #f9f2e5;
 	padding: 9px 13px;
 	line-height: 21px;
 	border-radius: 12px
 }

 .discountpromotion .discountpromotion__discountbox {
 	color: var(--orange)
 }

 .footCart {
 	color: #555
 }

 .finaltotal button.submitorder b {
 	text-transform: none !important
 }

 .alert-promo {
 	border-radius: 12px
 }

 .alert-promo p,
 .alert-promo span {
 	color: var(--black)
 }

 .alert-promo a:not(.morepolicy) {
 	background: var(--blue);
 	border-radius: 12px;
 	font-size: 15px
 }