:root {
   	--blue: #007bff;
   	--indigo: #6610f2;
   	--purple: #6f42c1;
   	--pink: #e83e8c;
   	--red: #dc3545;
   	--orange: #fd7e14;
   	--yellow: #ffc107;
   	--green: #28a745;
   	--teal: #20c997;
   	--cyan: #17a2b8;
   	--white: #fff;
   	--gray: #6c757d;
   	--gray-dark: #343a40;
   	--primary: #007bff;
   	--secondary: #6c757d;
   	--success: #28a745;
   	--info: #17a2b8;
   	--warning: #ffc107;
   	--danger: #dc3545;
   	--light: #f8f9fa;
   	--dark: #343a40;
   	--breakpoint-xs: 0;
   	--breakpoint-sm: 576px;
   	--breakpoint-md: 768px;
   	--breakpoint-lg: 992px;
   	--breakpoint-xl: 1200px;
   	--font-family-sans-serif: "Open Sans", Arial, sans-serif;
   	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
   }

   *,
   ::after,
   ::before {
   	box-sizing: border-box
   }

   html {
   	font-family: sans-serif;
   	line-height: 1.15;
   	-webkit-text-size-adjust: 100%;
   	-ms-text-size-adjust: 100%;
   	-ms-overflow-style: scrollbar
   }

   @-ms-viewport {
   	width: device-width
   }

   header,
   nav,
   section {
   	display: block
   }

   @font-face {
   	font-family: 'Open Sans';
   	font-display: swap;
   	src: url(https://www.milem.vn/fileserver/theme/default/css/fonts/OpenSans-Regular.woff2?v=1.6);
   	src: url(https://www.milem.vn/fileserver/theme/default/css/fonts/OpenSans-Regular.eot?#iefix&v=1.4) format("embedded-opentype"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/OpenSans-Regular.woff2?v=1.6) format("woff2"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/OpenSans-Regular.woff?v=1.6) format("woff"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/OpenSans-Regular.ttf?v=1.6) format("truetype"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/OpenSans-Regular.svg#OpenSans-Regular?v=1.6) format("svg");
   	font-weight: 400;
   	font-style: normal
   }

   @font-face {
   	font-family: Trirong;
   	font-display: swap;
   	src: url(https://www.milem.vn/fileserver/theme/default/css/fonts/Trirong-Regular.woff2?v=1.6);
   	src: url(https://www.milem.vn/fileserver/theme/default/css/fonts/Trirong-Regular.eot?#iefix&v=1.4) format("embedded-opentype"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/Trirong-Regular.woff2?v=1.6) format("woff2"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/Trirong-Regular.woff?v=1.6) format("woff"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/Trirong-Regular.ttf?v=1.6) format("truetype"), url(https://www.milem.vn/fileserver/theme/default/css/fonts/Trirong-Regular.svg#Trirong-Regular?v=1.6) format("svg");
   	font-weight: 400;
   	font-style: normal
   }

   body {
   	margin: 0;
   	font-family: "Open Sans", Arial, sans-serif;
   	font-size: 1rem;
   	font-weight: 400;
   	line-height: 1.5;
   	color: #212529;
   	text-align: left;
   	background-color: #fff
   }

   h1 {
   	margin-top: 0;
   	margin-bottom: .5rem
   }

   p {
   	margin-top: 0;
   	margin-bottom: 1rem
   }

   ol,
   ul {
   	margin-top: 0;
   	margin-bottom: 1rem
   }

   ul ul {
   	margin-bottom: 0
   }

   strong {
   	font-weight: bolder
   }

   a {
   	color: #000;
   	text-decoration: none;
   	background-color: transparent;
   	-webkit-text-decoration-skip: objects
   }

   a:not([href]):not([tabindex]) {
   	color: inherit;
   	text-decoration: none
   }

   img {
   	vertical-align: middle;
   	border-style: none
   }

   svg {
   	overflow: hidden;
   	vertical-align: middle
   }

   label {
   	display: inline-block;
   	margin-bottom: .5rem
   }

   button {
   	border-radius: 0
   }

   button,
   input {
   	margin: 0;
   	font-family: inherit;
   	font-size: inherit;
   	line-height: inherit
   }

   button,
   input {
   	overflow: visible
   }

   button {
   	text-transform: none
   }

   [type=submit],
   button {
   	-webkit-appearance: button
   }

   [type=submit]::-moz-focus-inner,
   button::-moz-focus-inner {
   	padding: 0;
   	border-style: none
   }

   input[type=checkbox] {
   	box-sizing: border-box;
   	padding: 0
   }

   ::-webkit-file-upload-button {
   	font: inherit;
   	-webkit-appearance: button
   }

   [hidden] {
   	display: none !important
   }

   h1 {
   	margin-bottom: .5rem;
   	font-family: inherit;
   	font-weight: 500;
   	line-height: 1.2;
   	color: inherit
   }

   h1 {
   	font-size: 2.5rem
   }

   .list-unstyled {
   	padding-left: 0;
   	list-style: none
   }

   .list-inline {
   	padding-left: 0;
   	list-style: none
   }

   .list-inline-item {
   	display: inline-block
   }

   .list-inline-item:not(:last-child) {
   	margin-right: .5rem
   }

   .container {
   	width: 100%;
   	padding-right: 15px;
   	padding-left: 15px;
   	margin-right: auto;
   	margin-left: auto
   }

   @media(min-width:576px) {
   	.container {
   		max-width: 540px
   	}
   }

   @media(min-width:768px) {
   	.container {
   		max-width: 720px
   	}
   }

   @media(min-width:992px) {
   	.container {
   		max-width: 960px
   	}
   }

   @media(min-width:1200px) {
   	.container {
   		max-width: 1140px
   	}
   }

   .row {
   	display: flex;
   	flex-wrap: wrap;
   	margin-right: -15px;
   	margin-left: -15px
   }

   @media(min-width:768px) {
   	.offset-md-1 {
   		margin-left: 8.3333333333%
   	}
   }

   .form-control {
   	display: block;
   	width: 100%;
   	height: calc(2.25rem+2px);
   	padding: .375rem .75rem;
   	font-size: 1rem;
   	line-height: 1.5;
   	color: #495057;
   	background-color: #fff;
   	background-clip: padding-box;
   	border: 1px solid #ced4da;
   	border-radius: .25rem
   }

   .form-control::-ms-expand {
   	background-color: transparent;
   	border: 0
   }

   .form-group {
   	margin-bottom: 1rem
   }

   .form-check {
   	position: relative;
   	display: block;
   	padding-left: 1.25rem
   }

   .form-check-input {
   	position: absolute;
   	margin-top: .3rem;
   	margin-left: -1.25rem
   }

   .form-check-label {
   	margin-bottom: 0
   }

   .form-check-inline {
   	display: inline-flex;
   	align-items: center;
   	padding-left: 0;
   	margin-right: .75rem
   }

   .form-check-inline .form-check-input {
   	position: static;
   	margin-top: 0;
   	margin-right: .3125rem;
   	margin-left: 0
   }

   .btn {
   	display: inline-block;
   	font-weight: 400;
   	text-align: center;
   	white-space: nowrap;
   	vertical-align: middle;
   	border: 1px solid transparent;
   	padding: .375rem .75rem;
   	font-size: 1rem;
   	line-height: 1.5;
   	border-radius: .25rem
   }

   .btn-block {
   	display: block;
   	width: 100%
   }

   .breadcrumb {
   	display: flex;
   	flex-wrap: wrap;
   	padding: .75rem 1rem;
   	margin-bottom: 1rem;
   	list-style: none;
   	background-color: #e9ecef;
   	border-radius: .25rem
   }

   .breadcrumb-item+.breadcrumb-item {
   	padding-left: .5rem
   }

   .breadcrumb-item+.breadcrumb-item::before {
   	display: inline-block;
   	padding-right: .5rem;
   	color: #6c757d;
   	content: "/"
   }

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

   .d-block {
   	display: block !important
   }

   .d-none {
   	display: none !important
   }

   .d-inline-block {
   	display: inline-block !important
   }

   @media(min-width:768px) {
   	.d-md-block {
   		display: block !important
   	}
   }

   .float-left {
   	float: left !important
   }

   .float-right {
   	float: right !important
   }

   .position-relative {
   	position: relative !important
   }

   .mb-0 {
   	margin-bottom: 0 !important
   }

   .text-right {
   	text-align: right !important
   }

   .text-center {
   	text-align: center !important
   }

   .text-uppercase {
   	text-transform: uppercase !important
   }

   .brave-modal {
   	display: none;
   	position: fixed;
   	z-index: 80100;
   	left: 0;
   	top: 0;
   	width: 100%;
   	height: 100%;
   	overflow: auto;
   	background-color: #000;
   	background-color: rgba(0, 0, 0, .6);
   	-webkit-animation-name: animatetop;
   	-webkit-animation-duration: .4s;
   	animation-name: animatetop;
   	animation-duration: .4s
   }

   .brave-modal-content {
   	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
   	display: block;
   	height: 100%;
   	left: 0;
   	outline: 0;
   	overflow: auto;
   	-webkit-overflow-scrolling: touch;
   	position: relative;
   	text-align: center;
   	top: 0;
   	white-space: normal;
   	width: 100%;
   	z-index: 1
   }

   .brave-modal-content:before {
   	content: "";
   	display: inline-block;
   	vertical-align: middle;
   	width: 0
   }

   .brave-modal-wrapper {
   	display: inline-block;
   	max-width: 100%;
   	margin: 0;
   	position: absolute;
   	top: 50%;
   	left: 50%;
   	-ms-transform: translate(-50%, -50%);
   	transform: translate(-50%, -50%);
   	padding: 0;
   	text-align: left;
   	vertical-align: middle;
   	background: #fff
   }

   .brave-modal-close {
   	background: 0;
   	border: 0;
   	border-radius: 0;
   	color: #fff;
   	height: 38px;
   	margin: 0;
   	padding: 6px;
   	position: absolute;
   	right: -14px;
   	top: -38px;
   	width: 38px;
   	z-index: 10
   }

   .brave-modal-close svg {
   	fill: transparent;
   	opacity: .8;
   	stroke: currentColor;
   	stroke-width: 1.5
   }

   @-webkit-keyframes animatetop {
   	from {
   		opacity: 0
   	}

   	to {
   		opacity: 1
   	}
   }

   @keyframes animatetop {
   	from {
   		opacity: 0
   	}

   	to {
   		opacity: 1
   	}
   }

   .dialog-message {
   	max-height: 80vh;
   	overflow-y: auto
   }

   .brave-modal .message {
   	width: 100%;
   	font-size: 1rem
   }

   .dialog-confirm-wrapper {
   	min-height: 100px;
   	padding: 15px
   }

   .dialog-confirm-wrapper .message {
   	margin-bottom: 20px
   }

   @media only screen and (max-width:1024px) {
   	.dialog-message {
   		max-width: 80vw !important;
   		max-height: 80vh !important;
   		overflow-y: scroll
   	}
   }

   @media only screen and (max-width:768px) {
   	.dialog-message {
   		width: 70vw !important
   	}
   }

   @media only screen and (max-width:480px) {
   	.dialog-message {
   		width: 100% !important;
   		min-width: 320px
   	}

   	.brave-modal .message {
   		font-size: .875rem
   	}
   }

   @media only screen and (max-width:320px) {
   	.dialog-message {
   		width: 100% !important;
   		min-width: 290px
   	}
   }

   :root {
   	--main-color: #9d691b
   }

   p:last-child {
   	margin-bottom: 0
   }

   img {
   	max-width: 100%;
   	height: auto;
   	display: inline-block
   }

   .elife-content {
   	width: 100%;
   	min-height: 500px
   }

   .seo_content {
   	position: absolute;
   	width: 0;
   	height: 0;
   	overflow: hidden
   }

   button,
   input {
   	border-radius: 0;
   	line-height: inherit;
   	margin: 0
   }

   .form-control {
   	appearance: none;
   	-webkit-appearance: none;
   	-moz-appearance: none;
   	outline: 0
   }

   @media only screen and (min-width:1280px) {
   	.form-control {
   		font-size: .875rem
   	}
   }

   [class*=control-width-] {
   	width: 100%
   }

   .control-width-small {
   	max-width: 130px
   }

   .elife-btn-default {
   	background: #000 none repeat scroll 0 0;
   	border: 1px solid #000;
   	color: #fff !important
   }

   .elife-btn-yellow {
   	background: var(--main-color) none repeat scroll 0 0;
   	color: #fff !important
   }

   .elife-btn-grey {
   	background: #ddd none repeat scroll 0 0;
   	color: #000 !important
   }

   .error-panel {
   	padding: 8px 15px;
   	color: #a94442;
   	border: 1px solid #fee8df;
   	background: #fff4ef;
   	max-width: 100%;
   	margin-bottom: 1em;
   	position: relative;
   	display: none
   }

   .help-block {
   	color: #999;
   	margin-bottom: 0;
   	font-size: .8125rem;
   	line-height: 2em
   }

   .help-block.with-errors {
   	color: #a94442
   }

   .highlight {
   	color: var(--main-color)
   }

   .form-group.end {
   	margin-bottom: 0
   }

   @media only screen and (min-width:1280px) {
   	.btn {
   		font-size: .875rem
   	}
   }

   a {
   	color: #000
   }

   .breadcrumb {
   	background-color: #fff;
   	-webkit-border-radius: 0;
   	-moz-border-radius: 0;
   	border-radius: 0
   }

   #elife-menu ul {
   	margin: 0;
   	padding: 0;
   	list-style: none outside;
   	position: relative;
   	z-index: 100;
   	border: 0
   }

   #elife-menu a {
   	position: relative;
   	display: inline-block;
   	text-decoration: none;
   	font-size: .875rem;
   	line-height: 30px;
   	white-space: nowrap
   }

   #elife-menu a.active {
   	color: var(--main-color);
   	position: relative
   }

   #elife-menu li {
   	float: left;
   	position: relative;
   	width: auto;
   	height: 30px
   }

   #elife-menu li.parent a:after {
   	position: absolute;
   	content: "";
   	width: 14px;
   	height: 14px;
   	background: url("data:image/svg+xml,%3C%3Fxmlversion='1.0'encoding='utf-8'%3F%3E%3Csvgwidth='14'height='14'viewBox='0017921792'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M1395736q013-1023l-466466q-1010-2310t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-1023-10t2310l393393393-393q10-1023-10t2310l5050q10101023z'/%3E%3C/svg%3E") no-repeat center center;
   	right: -17px;
   	bottom: 8px
   }

   #elife-menu ul li {
   	float: left;
   	position: relative;
   	width: calc(100% / 6)
   }

   #elife-menu ul li:last-child {
   	margin-right: 0
   }

   .elife-sitemap-title {
   	margin-bottom: 30px
   }

   .elife-sitemap-title h1 {
   	font-family: Trirong, Arial, Helvetica, Arial, sans-serif;
   	font-size: 1.8rem;
   	line-height: 1.42em;
   	letter-spacing: -.5px;
   	margin-bottom: 0
   }

   .elife-breadcrumb {
   	font-size: .8125rem;
   	background: #fff;
   	width: 100%
   }

   .breadcrumb {
   	flex-wrap: nowrap !important;
   	-webkit-flex-wrap: nowrap !important;
   	padding: 10px 10px 10px 0
   }

   .scroll_breadcrumb {
   	min-width: 100%;
   	white-space: nowrap
   }

   .breadcrumb-item {
   	display: inline-block
   }

   .breadcrumb-item:last-child {
   	padding-right: 10px
   }

   @media only screen and (max-width:1024px) {
   	#elife-body .elife-sidebar-left {
   		display: none
   	}

   	#elife-body .elife-content {
   		width: 100%;
   		margin-left: 0
   	}
   }

   @media only screen and (max-width:576px) {
   	.elife-content {
   		min-height: 100vh
   	}

   	.elife-sitemap-title h1 {
   		font-size: 1.4rem;
   		line-height: 1.42em
   	}

   	.container {
   		width: 100%;
   		padding-right: 10px;
   		padding-left: 10px;
   		margin-right: auto;
   		margin-left: auto
   	}

   	.row {
   		margin-left: -5px;
   		margin-right: -5px
   	}

   	[class*=col-] {
   		padding-left: 5px;
   		padding-right: 5px
   	}
   }

   .font13 {
   	font-size: .8125rem
   }

   .elife-splash {
   	margin-bottom: 20px
   }

   #homebanner-addon {
   	height: 480px
   }

   #layout_home .elife-content {
   	display: none
   }

   .swiper-container {
   	margin-left: auto;
   	margin-right: auto;
   	position: relative;
   	overflow: hidden;
   	list-style: none;
   	padding: 0;
   	z-index: 1
   }

   .swiper-wrapper {
   	position: relative;
   	width: 100%;
   	height: 100%;
   	z-index: 1;
   	display: -webkit-box;
   	display: -moz-box;
   	display: -ms-flexbox;
   	display: -webkit-flex;
   	display: flex;
   	transition-property: transform;
   	box-sizing: content-box
   }

   .swiper-slide {
   	flex-shrink: 0;
   	width: 100%;
   	height: 100%;
   	position: relative;
   	transition-property: transform
   }

   @media(min-width:768px) {
   	.offset-md-1 {
   		margin-left: 8.3333333333%
   	}
   }

   .d-flex {
   	display: flex !important
   }

   .align-items-center {
   	align-items: center !important
   }

   .justify-content-center {
   	justify-content: center !important
   }

   .rounded-circle {
   	border-radius: 50% !important
   }

   .page-link svg {
   	margin-top: -3px;
   }
   
   
   
   
   
   #elife-menu {
	position: relative;
	padding-bottom: 10px
}

.submenu-product {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 0 2px 6px, rgba(0, 0, 0, 0.15) 0 3px 6px;
	margin-top: 10px;
	display: none;
	position: absolute;
	top: 30px;
	left: -195px;
	z-index: 10;
	width: 1140px
}

.submenu-product a:hover {
	color: var(--main-color) !important
}

.submenu-product.active {
	display: block
}

.submenu-product-wrapper {
	padding: 20px
}

.main-category-product {
	width: calc(100%/6);
	position: relative
}

.category-product-content {
	width: calc(500%/6);
	position: relative;
	min-height: 304px
}

.category-product-content:after {
	position: absolute;
	top: 0;
	left: -30px;
	content: '';
	border: 1px solid #efefef;
	width: 1px;
	height: 100%
}

.category-product-content-item {
	display: none
}

.category-product-content-item.active {
	display: block
}

.main-category-item {
	display: block;
	margin-bottom: 15px
}

.main-category-item>a.active {
	color: var(--main-color) !important
}

.main-category-item-link {
	display: inline-block !important
}

.category-product-col {
	width: 20%;
	padding: 0 15px
}

.category-product-col-head {
	text-transform: uppercase;
	padding-bottom: 15px
}

.category-product-col-head a {
	color: #222 !important
}

.category-product-subcategory {
	font-size: .875rem
}

.category-product-subcategory-item {
	margin-bottom: 7px
}

.submenu-product-banner {
	margin-top: 20px
}

.submenu-brand {
	width: 1140px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 0 2px 6px, rgba(0, 0, 0, 0.15) 0 3px 6px;
	margin-top: 10px;
	display: none;
	position: absolute;
	top: 30px;
	left: -195px;
	z-index: 10
}

.submenu-brand-wrapper {
	padding: 20px
}

.submenu-brand.active {
	display: block
}

.submenu-brand-col1 {
	width: 650px
}

.submenu-brand-col2 {
	width: 448px
}

.top-brand-row1 {
	margin-bottom: 15px
}

.top-brand-col1 {
	margin-right: 15px
}

.menu-brand-list {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3
}

.menu-brand-item {
	width: 100% !important;
	margin-right: 0 !important;
	margin-bottom: 7px
}

#elife-header {
	width: 100%;
	z-index: 100;
	display: block
}

#elife-header .breadcrumb {
	padding-left: 0;
	padding-right: 0
}

.header-link-bar {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	height: 34px;
	transition: height 0.25s linear 0s, zIndex 0s linear 0.25s;
	z-index: 3
}

.header-top-nav {
	font-size: 0.75rem;
	line-height: 34px;
	height: 34px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: right;
	list-style: none
}

.header-top-nav-item {
	margin: 0;
	padding: 0 17px;
	display: inline-block
}

.header-top-nav-item.order-status {
	position: relative
}

.header-top-nav-item:last-child {
	padding-right: 0
}

.top-nav-item-anchor {
	color: #777 !important;
	padding: 0;
	transition: color 0.1s ease 0s;
	display: inline-block;
	cursor: pointer
}

.top-nav-item-anchor.lang:last-child {
	line-height: 1.2em;
	border-left: 1px solid #777;
	padding-left: 5px
}

.top-nav-item-anchor.lang:first-child {
	padding-right: 5px
}

.top-nav-item-anchor img {
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 6px
}

.order-tracking {
	font-size: 0.8125rem;
	line-height: 1.42em
}

.check-order-status {
	background: #fff;
	max-height: 0;
	position: absolute;
	width: 280px;
	top: 30px;
	left: -50px;
	z-index: 110;
	text-align: left;
	text-transform: none;
	overflow: hidden;
	transition: max-height 0.2s ease-out
}

.check-order-status form {
	padding: 20px 15px;
	border: 1px solid var(--main-color)
}

.check-order-status .form-title {
	margin-bottom: 15px;
	color: #252525;
	font-size: 1rem;
	line-height: 1.125rem
}

.check-order-status .form-row {
	margin-bottom: 10px
}

.check-order-status .form-row.end {
	margin-bottom: 0
}

.check-order-status .form-label {
	display: block;
	color: #252525
}

.check-order-status .form-input {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	height: 36px;
	border: none;
	border-radius: 3px;
	background: #f0f0f0;
	box-shadow: inset 0 3px 0 0 #dfdfdf;
	color: #000
}

.check-order-status .form-help-text {
	margin: 10px 0;
	color: #646464
}

.check-order-status .form-help-text a {
	color: #199cb7;
	text-decoration: none
}

.header-social-icon {
	font-size: 1.1rem
}

.header-social-icon a {
	color: #777
}

.header-social-icon .list-inline-item {
	margin-right: 30px !important
}

.header-social-icon .list-inline-item:last-child {
	margin-right: 0
}

.header-content {
	background: #fff none repeat scroll 0 0;
	margin: 0 auto;
	padding: 15px 0 10px;
	font-size: 0.875rem;
	position: relative;
	z-index: 10;
	border-bottom: 1px solid #f2f2f2
}

.header-logo {
	padding-right: 60px;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, width 0s ease, padding-right 0s ease, opacity 0.5s ease
}

.header-logo-sticky {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	padding-right: 60px
}

.header-content-body {
	width: 915px
}

.header-content-search-account-cart {
	margin-top: 10px
}

.header-search {
	background: #f7f9fa;
	border: 1px solid #f0f2f5;
	width: 410px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	overflow: hidden
}

.search-form {
	position: relative;
	width: 100%;
	height: 36px;
	border-radius: 50%
}

.search-form form {
	height: 100%
}

.search-form-input {
	width: 100%;
	height: 100%;
	padding-right: 45px
}

.advancesearch-key {
	background: transparent;
	height: 100%;
	font-size: 0.875rem;
	border: none;
	width: 100%;
	padding: 5px 15px
}

.advancesearch-key:focus {
	background: #fafafa;
	outline: none;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none
}

.search-form-submit {
	height: 36px;
	width: 45px;
	position: absolute;
	right: 0;
	top: 0
}

.advancesearch-button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 54.875 54.9'%3E%3Cg transform='translate(-20.6 -20.5)'%3E%3Cpath d='M74.8,71.5,59.6,56.1a22.065,22.065,0,1,0-3.3,3.3L71.5,74.7a2.342,2.342,0,0,0,1.7.7,2.271,2.271,0,0,0,1.6-.6A2.351,2.351,0,0,0,74.8,71.5ZM42.4,59.6a17.424,17.424,0,0,1-12.2-5,16.838,16.838,0,0,1-5-12.2,17.424,17.424,0,0,1,5-12.2,17,17,0,0,1,12.2-5,17.424,17.424,0,0,1,12.2,5,16.838,16.838,0,0,1,5,12.2,17.424,17.424,0,0,1-5,12.2A17.249,17.249,0,0,1,42.4,59.6Z' fill='%23cecfd1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
	background-size: 19px 19px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	border: none;
	cursor: pointer
}

.advancesearch-button:focus {
	border: none;
	outline: none
}

.header-navigation {
	height: 30px;
	transition: margin-top 0s linear 0s;
	opacity: 1;
	z-index: 4;
	margin-top: 20px
}

.header-bottom-bar {
	background-color: #fff;
	position: relative;
	height: 43px;
	z-index: 3;
	transition: height 0s linear 0s;
	border-bottom: 1px solid #f2f2f2
}

.header-sticky #elife-header {
	position: sticky;
	top: 0
}

.header-sticky .header-logo {
	visibility: hidden;
	opacity: 0;
	padding-right: 0;
	width: 0
}

.header-sticky .header-logo-sticky {
	visibility: visible;
	opacity: 1
}

.header-sticky .header-navigation {
	margin-top: 0
}

.header-sticky .header-content {
	box-shadow: 1px 1px 5px 1px #eee
}

.header-sticky .header-content-search-account-cart {
	display: none
}

.header-account {
	padding-top: 9px;
	min-width: 160px;
	text-align: center
}

.header-wishlist {
	padding-top: 5px;
	margin-left: 30px
}

.header-sticky .header-cart-scroll {
	display: block
}

.header-cart {
	margin-left: 30px
}

.header-cart-scroll {
	position: absolute;
	right: 0;
	top: 0;
	display: none
}

.cart-info-wrapper {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative
}

.button-cart {
	display: block;
	color: #333;
	font-size: 1.5em;
	line-height: 28px;
	text-align: center;
	position: relative
}

.button-cart-total-item {
	position: absolute;
	right: -5px;
	top: -5px;
	background: #cecfd1;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #333;
	font-size: 11px;
	font-weight: 700;
	line-height: 20px;
	text-align: center
}

.header-facebook-messenger {
	margin: 10px 20px
}

.icon-zalo {
	position: relative;
	margin-top: -1px
}

svg+span {
	vertical-align: middle
}

#layout_profile {
	background: #fff
}

.profile-section {
	padding: 30px 0
}

.profile-sidebar {
	width: 230px;
	font-size: .875rem
}

.profile-content {
	width: 850px;
	font-size: .875rem;
	border-left: 1px solid #e5e5e5;
	padding-left: 30px
}

.profile-name {
	font-family: "Trirong", arial, helvetica, clean, sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.67em;
	margin-bottom: 15px
}

.profile-menu-item {
	font-size: .875rem
}

.profile-menu-item-link {
	padding: 5px 10px 5px 40px;
	position: relative;
	font-weight: 400;
	line-height: 30px;
	display: block
}

.profile-menu-item-link .icon {
	position: absolute;
	left: 10px;
	top: 10px;
	fill: #777
}

.profile-menu-item-link.active,
.profile-menu-item-link:hover {
	background: #ececec
}

.profile-content-section {
	margin-bottom: 30px
}

.profile-content-title {
	font-family: "Trirong", arial, helvetica, clean, sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.67em;
	margin-bottom: 15px
}

.profile-content-panel {
	background: #fff;
	font-size: .875rem
}

.product-name .name {
	font-family: "Trirong", arial, helvetica, clean, sans-serif;
	color: #252525;
	cursor: pointer;
	display: block;
	font-size: .875rem;
	line-height: 1.4em;
	overflow: hidden;
	padding-right: 5px;
	text-align: left;
	text-decoration: none;
	margin-bottom: 6px
}

.product-name .sale-price {
	color: #333;
	font-size: .8125rem;
	position: relative
}

.product-name .color-size {
	font-size: .8125rem;
	line-height: 1.4em
}

.sale-price .saleoff {
	color: #333;
	font-weight: 400;
	display: inline-block;
	font-size: 1.1em
}

.sale-price .priceroot {
	color: #4c4849;
	text-decoration: line-through;
	display: inline-block;
	font-size: .9em;
	margin-left: 10px
}

.percent-sale {
	background: #eee none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0 5px;
	text-transform: uppercase;
	font-size: .85em
}

.profile-image-section {
	margin-bottom: 10px
}

.profile-image {
	width: 50px;
	height: 50px;
	background: #eee;
	font-size: 1.5rem;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
}

@media only screen and (max-width:1024px) {
	.profile-sidebar {
		display: none
	}

	.profile-content {
		width: 100%;
		border-left: 0;
		padding-left: 0
	}
}

@media only screen and (max-width:576px) {
	.control-width-normal {
		max-width: inherit
	}
}

.profile-wishlist-item {
	margin-bottom: 20px;
	font-size: .875rem
}

.profile-wishlist-item-header {
	padding: 10px 40px 10px 20px;
	background: #fafafa;
	position: relative;
	cursor: pointer
}

.profile-wishlist-item-header:after {
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	content: "";
	height: 8px;
	position: absolute;
	right: 20px;
	top: 18px;
	width: 8px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: transform .15s ease 0, top .15s ease 0
}

.profile-wishlist-item-header.collapsed:after {
	top: 17px;
	transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg)
}

.profile-wishlist-item-content {
	padding: 15px 0;
	background: #fff;
	display: block
}

.profile-wishlist-product-item {
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom: 1px solid #f3f3f3
}

.profile-wishlist-product-item:first-child {
	padding-top: 0
}

.profile-wishlist-product-item:last-child {
	border-bottom: 0
}

.profile-wishlist-product-item-col1 {
	width: 15%
}

.profile-wishlist-product-item-col2 {
	width: 50%;
	padding: 0 10px 0
}

.profile-wishlist-product-item-col3 {
	width: 35%;
	padding: 0 0 0 10px;
	text-align: right;
	float: right
}

.product-group-section {
	margin-top: 10px
}

.groupname {
	text-transform: uppercase;
	margin-right: 15px;
	display: inline-block
}

.product-wishlist-remove {
	display: inline-block;
	margin-left: 20px
}

.update-groupname-link {
	position: relative
}

#form-product-wishlist {
	width: 360px
}

.form-product-wishlist-title {
	font-size: 16px;
	margin-bottom: 15px
}

.product-wishist-buynow-mobile {
	margin: 10px 0 15px;
	display: none
}

@media only screen and (max-width:480px) {
	#form-product-wishlist {
		width: 100%
	}

	.profile-wishlist-product-item-col1 {
		width: 20%
	}

	.profile-wishlist-product-item-col2 {
		width: 80%
	}

	.profile-wishlist-product-item-col3 {
		margin-top: 10px;
		text-align: left;
		float: left;
		width: 80%;
		margin-left: 20%
	}

	.groupname-control {
		display: block
	}

	.product-wishlist-remove {
		display: block;
		margin-left: 0;
		margin-top: 5px;
		margin-bottom: 5px
	}
}

@media only screen and (max-width:320px) {
	#form-product-wishlist {
		width: 250px
	}
}

#confirm-viewcart {
	width: 100%;
	overflow: hidden;
	max-width: 800px
}

.cart-popup {
	font-size: .875rem;
	line-height: 18px
}

.cart-popup-cell {
	border-right: 1px solid #e3e3e3;
	box-sizing: border-box;
	float: left;
	min-height: 180px;
	width: 50%;
	padding-right: 10px
}

.cart-popup-cell-col2 {
	border-right: 0;
	padding-right: 0;
	padding-left: 10px
}

.cart-popup-item-header {
	color: #72b656;
	font-size: .875rem;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 0
}

.cart-popup-item-product-detail {
	margin-top: 15px
}

.cart-popup-product-link-img {
	float: left;
	height: auto;
	width: auto;
	max-width: 140px
}

.cart-popup-product-info {
	margin-left: 140px;
	padding-left: 15px
}

.cart-popup-product-title {
	font-family: "Trirong", arial, helvetica, clean, sans-serif;
	color: #333;
	font-size: 1rem;
	line-height: 18px;
	font-weight: 400;
	margin-bottom: 10px
}

.cart-popup-product-paid-price {
	color: #333;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 5px
}

.cart-popup-product-discount-block {
	color: #646464;
	font-size: .8125rem
}

.cart-popup-product-original-unit-price {
	color: #999;
	display: inline-block;
	text-decoration: line-through
}

.cart-popup-product-discount {
	display: inline-block
}

.cart-summary-header {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 22px;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 10px
}

.cart-summary .txt-black {
	color: #292929
}

.cart-summary .txt-grey {
	color: #666;
	font-size: .75rem
}

.cart-summary .txt-large {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 18px
}

.mrs {
	margin-right: 5px
}

.cart-summary .txt-normal {
	font-weight: 400
}

.summary-main {
	margin-top: 16px
}

.summary-total {
	border-top: 1px solid #e3e3e3;
	margin-top: 10px;
	padding-top: 10px
}

.summary-control {
	margin-top: 15px
}

.price-total {
	font-size: 1.125rem
}

.btn-checkout {
	width: 100%;
	text-transform: uppercase
}

.cart-popup-product-color-size {
	margin-top: 5px;
	color: #757575;
	font-size: .8125rem
}

.btn-continue-shopping {
	padding-top: 7px;
	display: inline-block
}

.cart-combo-list {
	font-size: .8125rem;
	color: #666
}

.cart-combo-item {
	padding: 3px 0
}

@media only screen and (max-width:800px) {
	.cart-popup {
		width: 100%
	}
}

@media only screen and (max-width:720px) {
	.cart-popup {
		width: 100%
	}

	.cart-popup-cell {
		width: 100%;
		border-right: 0
	}

	.cart-popup-cell-col2 {
		margin-top: 30px
	}
}

@media only screen and (max-width:400px) {
	.cart-popup-product-link-img {
		max-width: 80px
	}

	.cart-popup-product-info {
		margin-left: 80px
	}

	.cart-popup-cell {
		padding: 0
	}

	.total_payment_amount_description {
		display: none
	}
}

.footer-info {
	font-size: .875rem;
	padding: 40px 0 30px;
	background: #f9f9f9;
	color: #333
}

.footer-copyright {
	font-size: .75rem;
	background: #fff;
	text-align: center;
	height: 54px;
	line-height: 1em;
	padding: 20px 0
}

.footer-logo {
	margin-bottom: 40px
}

.footer-contact {
	margin-bottom: 1rem
}

.footer-address {
	margin-bottom: 10px
}

.footer-title {
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 30px
}

.footer-content li {
	margin-bottom: 6px
}

.footer-content li:last-child {
	margin-bottom: 0
}

.footer-gov {
	margin-top: 15px
}

#popup.fancybox-content {
	background: transparent
}

#popup .fancybox-close-small {
	color: #fff
}

.login-content {
	width: 600px;
	margin: 0 auto;
	min-height: 360px;
	display: flex;
	display: -webkit-flex;
	border: 1px solid #f2f2f2;
	box-shadow: rgba(0, 0, 0, 0.12) 0 1px 3px 0, rgba(0, 0, 0, 0.14) 0 0 1px 0, rgba(0, 0, 0, 0.12) 0 2px 1px -1px
}

.login-content-col1 {
	width: 50%;
	background: url('https://www.milem.vn/smartcore/template/default/view/module/login/desktop/default/images/bg-login.png?v=1.3') left top no-repeat;
	background-size: cover;
	font-size: .875rem;
	padding: 15px 30px
}

.login-content-col2 {
	width: 50%;
	background: #f2f2f2;
	padding: 15px
}

.login-gift {
	text-align: center;
	padding: 25px 0
}

.login-social-button {
	height: 32px;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	margin-bottom: 10px
}

.login-social-button.fb {
	background: #3c5a98
}

.login-social-button.glus {
	background: #e12714
}

.login-social-button-icon {
	color: #fff;
	width: 32px;
	height: 32px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center
}

.login-social-button-icon.fb {
	background: #324e89
}

.login-social-button-icon.glus {
	background: #b22c1d
}

.login-social-button-text {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex: 1;
	font-size: .8125rem;
	color: #fff;
	text-align: center
}

.text-no-account {
	color: #a0a0a0;
	font-size: .75rem
}

a.text-register {
	color: var(--main-color) !important;
	font-weight: bold;
	font-size: .75rem
}

.form-login-wrapper {
	background: #fff;
	width: 100%;
	height: 100%;
	font-size: .8125rem;
	padding: 30px 25px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center
}

.form-login-wrapper form {
	width: 100%
}

.login-form-popup.fancybox-content {
	background: transparent
}

.login-form-popup.fancybox-content .fancybox-close-small {
	color: #fff
}

.register-form-popup.fancybox-content {
	background: transparent
}

.register-form-popup.fancybox-content .fancybox-close-small {
	color: #fff
}

@media only screen and (max-width:1024px) {
	.login-content {
		width: 100%;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap
	}

	.login-content-col1,
	.login-content-col2 {
		width: 100%
	}
}