@charset "UTF-8";
/* CSS Document */
/* Color :#0867B2, #F79420 */
* {
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,.ui.menu {
	font-family: 'Prompt', sans-serif !important;
}
.body-container {
	width: 1200px;
	margin: auto;
}

#homeprologo img {
	height: 72px;
	border: none;
}

#cart-web #homeprologo img {
	height: 60px;
	border: none;
}
/*----- Header Top ------- */
.header-top {
	font-size: 20px;
	color: #666666;
	height: 35px;
	background-color: #F6F6F6;
	margin-bottom: 18px;
	text-align: right;
	font-weight: 600;
}

.header-top .column {
	display: inline-block;
	padding: 6px 15px;
	margin: 0;
}

.annoucement-top {
	background-color: #0867B2;
	color: #FFFFFF;
	width: 100%;
}

.superstrip-top {
	height: 60px !important;
	overflow: hidden;
}

.hp-logo {
	float: left;
	width: 200px;
	height: 90px;
	margin-top: -2px;
}

.nologin-header .hp-logo {
	width: 150px;
	display: inline-block;
	float: unset;
	height: unset;
	margin-top: unset;
}

.nologin-header .hp-logo img {
	width: 100%;
	height: unset;
	border: none;
}

.top-menu {
	display: inline-block;
	width: calc(100% - 157px);
	vertical-align: middle;
	text-align: right;
	color: #FFF;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.top-menu .item {
	display: inline-block;
}

.top-menu .item:last-child {
	margin-left: 40px;
}

.top-menu-circle {
	background-color: #FFF;
	border-radius: 22px;
	padding: 10px 25px !important;
}

.top-menu-circle a {
	color: #4183c4 !important;
}

.top-menu-circle a:hover {
	color: #F79420 !important;
}

.header-search-box {
	float: left;
	width: 60%;
}

.header-minimenu {
	float: right;
	text-align: right;
}

.minimenu-item {
	font-size: 36px;
	color: #666666;
	display: inline-block;
	vertical-align: top;
	padding: 0 3px;
}

.minimenu-item:last-child {
	display: none;
}

#sm-head-banner img {
	width: 270px;
	border: none;
}

/* MENU */
#emktspot-menu-brand {
	margin-left: -195px;
}

#menu-homeguru {
	margin-left: -384px;
}

#h_nav_menu_link1 {
	background: linear-gradient(#FF9900, #FF9111) no-repeat bottom left/2em
		0.2ch;
	letter-spacing: normal;
}
/* KEY LINK */
.key-link-section {
	color: #666666;
	margin-top: 60px;
	margin-left: 150px;
	line-height: 16px;
	position: absolute;
	width: 1000px;
}

.key-link-section ul {
	list-style-type: none;
	margin: auto;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.key-link-section ul li {
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #DDDDDD;
	display: block;
}
/* Footer */
.footer {
	color: #FFF;
	background-color: #0164b1;
	width: 100%;
}

.footer a {
	color: rgba(255, 255, 255, .60);
	font-size: 14px;
}

.footer-title {
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 18px;
}

.sub-footer {
	color: #FFF;
	font-size: 12px;
	letter-spacing: 0.7px;
	background-color: #024d88;
	width: 100%;
	text-align: center;
	padding: 10px;
}

.social-icon-section {
	margin-top: 18px;
}

.social-icon {
	font-size: 30px !important;
	color: rgba(255, 255, 255, .80);
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.social-icon:hover {
	font-size: 30px !important;
	color: #FFF;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.footer-seo {
	background-color: #FFF;
	width: 100%;
	padding: 50px 0 20px 0;
}

.footer-seo h2 {
	font-family: "Montserrat", "Prompt", sans-serif !important;
}

#longdesc-text {
	overflow: hidden;
}

#longdesc-down {
	margin: auto;
	margin-top: -43px;
	background-color: #FFFFFF;
	opacity: 0.5;
	text-align: center;
	height: 50px;
}

#longdesc-up {
	margin: auto;
	margin-top: -30px;
	opacity: 0.5;
	text-align: center;
}

/*------ Common ------*/
input[type=text]::-ms-clear {
	display: none;
}

input[type=text] {
	font-family: "Montserrat", "Prompt", sans-serif;
}

.h-image_auto_resize {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.h-background_norepeat_center {
	background-repeat: no-repeat;
	background-position: center;
}

.h-line_height_0 {
	line-height: 0;
}

.h-text_line_clamp_2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.h-nav_link_0867B2 {
	color: #0867B2;
	text-decoration: none;
}

.h-nav_link_0867B2:hover {
	color: #0867B2;
}

.h-nav_link_F79420 {
	color: #F79420;
	text-decoration: none;
}

.h-nav_link_F79420:hover {
	color: #F79420;
}

.h-nav_link1 {
	color: #515356;
	text-decoration: none;
}

.h-nav_link1:hover {
	color: #F79420;
}

.h-nav_link2 {
	color: #0867B2;
	text-decoration: none;
}

.h-nav_link2:hover {
	color: #F79420;
}

.h-nav_link3 {
	color: #0066b3;
	text-decoration: none;
}

.h-nav_link3:hover {
	color: #F79420;
}

.h-nav_link4 {
	color: #333333;
	text-decoration: none;
}

.h-nav_link4:hover {
	color: #F79420;
}

.h-nav_link5 {
	color: #666666;
	text-decoration: none;
}

.nologin-header .h-nav_link5 {
	color: #AAA;
	text-decoration: none;
}

.h-nav_link5:hover {
	color: #F79420;
}

.nologin-header .h-nav_link5.active {
	color: #FFF;
	text-decoration: none;
}

.h-nav_link6 {
	color: #666666;
	text-decoration: none;
}

.h-nav_link6:hover {
	color: #F79420;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
}

.h-nav_link7 {
	color: #FFFFFF;
	text-decoration: none;
}

.h-nav_link7:hover {
	color: #F79420;
}

.h-cart_add {
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	border-radius: 5px;
	background-color: #0867B2;
	cursor: pointer;
}

.h-cart_add:hover {
	background-color: rgba(8, 103, 178, 0.70);
}

.h-input_text {
	color: #000000;
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	line-height: 20px;
	font-weight: 200;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px;
	/*background:#FFFFFF url(../images/field_bg.png) top left;*/
	border: 1px solid #CCCCCC;
}

.h-input_text:focus {
	color: #000000;
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	line-height: 20px;
	font-weight: 200;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 8px;
	/*background:#FFFFFF url(../images/field_bg.png) top left;*/
	border: 1px solid #B3D4F5;
	outline: none;
}

.h-minus {
	font-size: 18px;
	width: 38px;
	height: 38px;
	outline: none;
	background: none;
	border: 1px solid #DEDEDF;
	border-radius: 3px 0px 0px 3px;
	border-right: none;
}

.h-minus:active {
	background: #F1F1F1;
}

.h-plus {
	font-size: 18px;
	width: 38px;
	height: 38px;
	outline: none;
	background: none;
	border: 1px solid #DEDEDF;
	border-radius: 0px 3px 3px 0px;
	border-left: none;
}

.h-plus:active {
	background: #F1F1F1;
}

.h-cart_bank {
	float: left;
	width: 36px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #dddddd;
	border-radius: 4px 0 0 4px;
	border-right: none;
}

.h-cart_bank_discount {
	float: left;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	color: #9b9b9b;
	width: 36px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #dddddd;
	border-radius: 0 4px 4px 0;
	background-color: #ffffff;
}

/* css document dropdown */
.h-dropdown {
	position: relative;
	display: inline-block;
}

.h-dropdown div a {
	color: #0867B2;
	text-decoration: none;
}

#header-menu {
	padding-top: 2px;
}

#header-menu-container {
	width: 1200px;
	margin: auto;
	margin-bottom: 12px;
	font-size: 14px;
}

#header-menu-container.firstpage .h-dropdown div a {
	color: #FFF;
	text-decoration: none;
}

.h-dropdown div a:hover {
	color: #F79420;
	text-decoration: none;
}

.h-dropdown:hover div #link {
	color: #F79420;
}

.h-dropdown-content {
	display: none;
	position: absolute;
	z-index: 99999;
}

.h-dropdown div {
	padding: 0;
}

.h-dropdown-content div {
	/*padding:8px;*/
	
}

.h-dropdown:hover .h-dropdown-content {
	display: block;
}

/* css document body-header-container */
.h-search_text {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid #BFC0BF;
	border-right: none;
	border-radius: 6px 0 0 6px;
	padding: 10px 10px;
}

.h-search_text:focus {
	outline: none;
}

.h-search_text::placeholder { /* Firefox, Chrome, Opera */
	color: #BFC0BF;
}

.h-search_text:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #BFC0BF;
}

.h-search_text::-ms-input-placeholder { /* Microsoft Edge */
	color: #BFC0BF;
}

.h-icon_search {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 24px;
	text-align: center;
	color: #FFFFFF;
	background-color: #0867B2;
	border-radius: 0 12px 12px 0;
	cursor: pointer;
}

.h-icon_cart_budget {
	position: absolute;
	top: -4px;
	right: -6px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 20px;
	min-width: 24px;
	min-height: 24px;
	line-height: 24px;
	background-color: #ff1a31;
	color: #fff;
	font-size: .875rem;
	font-weight: 500;
}

.h-link_icon_cart {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #f0f2f4;
	color: #0867af;
	font-size: 20px;
	padding-top: 1px;
	padding-right: 1px;
	margin-right: 8px;
	border-radius: 999px;
	transition: all .24s ease;
	cursor: pointer;
	border: 1px solid #FFF;
}

/* SBC - Mini Header */
#header-sticky {
	background-color: #0065b2 !important;
	color: #FFFFFF !important;
}

#header-sticky .h-link_icon_cart {
	color: #0866b2;
	border: 1px solid #0866b2;
	background-color: #FFFFFF;
}

#header-sticky .h-link_icon_wishlist {
	color: #0866b2;
	border: 1px solid #0866b2;
	background-color: #FFFFFF;
}

#header-sticky .h-link_icon_noti {
	color: #0867af;
	background-color: #FFF;
	border: 1px solid #0867af;
}

#header-menu-container #header-menu a#link {
	color: #0866b2;
}

#header-menu-sticky #header-menu a#link {
	color: #FFF;
}

#header-sticky #header-menu {
	padding-top: 0;
}

#header-sticky .h-link_icon_cart:hover {
	text-decoration: none;
	color: #F79420;
}

#header-sticky .h-link_icon_wishlist:hover {
	text-decoration: none;
	color: #F79420;
}

#header-sticky .h-link_icon_noti:hover {
	text-decoration: none;
	color: #F79420;
}
/* EBC - Mini Header */
.h-link_icon_cart i {
	text-decoration: none;
	font-size: 2rem;
}

.h-link_icon_cart i:link {
	text-decoration: none;
}

.h-link_icon_cart i:visited {
	text-decoration: none;
}

.h-link_icon_cart:hover {
	text-decoration: none;
	color: #F79420;
}

.h-link_icon_cart i:active {
	text-decoration: none;
}

.h-link_icon_wishlist {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #f0f2f4;
	color: #0867af;
	font-size: 20px;
	padding-top: 1px;
	padding-right: 1px;
	margin-right: 8px;
	border-radius: 999px;
	transition: all .24s ease;
	cursor: pointer;
}

.h-link_icon_wishlist i {
	text-decoration: none;
	color: #0867af;
	font-size: 1.65rem;
}

.h-link_icon_wishlist i:link {
	text-decoration: none;
}

.h-link_icon_wishlist i:visited {
	text-decoration: none;
}

.h-link_icon_wishlist:hover {
	text-decoration: none;
	color: #F79420;
}

.h-link_icon_wishlist i:active {
	text-decoration: none;
}

.h-btn {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
	color: #FFFFFF;
	background-color: #0867B2;
}

.h-btn:hover {
	color: #FFFFFF;
	background-color: #F79420;
}

/* css document box */
/*#box-text {
	text-decoration:none !important;
	text-align:center;
	color:#666666;
}
#box:hover #box-image {
	text-decoration:none !important;
	box-shadow:#0867B2 0px 0px 0px 4px inset;
	transition:box-shadow 250ms ease-out 0s;
	border-radius:50%;
}
#box:hover #box-text {
	text-decoration:none !important;
	text-align:center;
	color:#0867B2;
	transition:all 400ms ease;
}*/

/* css document body-footer */
.h-footer-link {
	color: #84b7de;
	text-decoration: none;
}

.h-footer-link:hover {
	color: #F79420;
}

.h-footer-text {
	color: #FFFFFF;
	height: 36px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	padding-left: 15px;
	padding-right: 5px;
}

.h-footer-text input::placeholder {
	color: #84b7de;
}

.h-footer-text .text {
	padding: 0px;
	width: calc(100% - 30px);
	height: 100%;
	font-size: 14px;
	border: none;
	outline: none;
}

/* css document account */
#account-menu-text {
	color: #515356;
	text-decoration: none;
}

#account-menu-icon {
	font-size: 24px;
	color: rgba(81, 83, 86, 0.80);
	font-weight: normal;
}

#account-menu:hover #account-menu-icon {
	font-size: 24px;
	color: #0867B2;
	font-weight: normal;
}

#account-menu:hover #account-menu-text {
	color: #0867B2;
	text-decoration: none;
}

/* css document homecard */
.h-btn_homecard {
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1.6px;
	border-radius: 5px;
	color: #FFFFFF;
	background-color: #0867B2;
}

.h-btn_homecard:hover {
	color: #FFFFFF;
	background-color: #F79420;
}

.h-btn_homecard_input {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	color: #515356;
	background: #FFFFFF;
	border: 1px solid #D7D8D7;
	border-right: none;
	border-radius: 8px 0 0 8px;
	padding: 10px 10px;
}

.h-btn_homecard_input:focus {
	outline: none;
}

.h-btn_homecard_input::placeholder {
	color: #D7D8D7;
}

/* css document search */
.h-search_box {
	width: 100%;
	height: 370px;
	position: relative;
	background: #FFFFFF;
	border-radius: 5px;
}

.h-search_response {
	width: 280px;
	height: 370px;
	border: 1px solid #CECECE;
	background-color: #EEEEEE;
	border-radius: 5px;
}

.h-search_response:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.30);
}

.h-search_response_popup {
	
}

.h-search_box_h320 {
	width: 100%;
	height: 320px;
	position: relative;
	background: #FFFFFF;
	border-radius: 5px;
}

.h-search_response_h320 {
	width: 280px;
	height: 320px;
	border: 1px solid #CECECE;
	background-color: #EEEEEE;
	border-radius: 5px;
}

.h-search_response_h320:hover {
	
}

.h-link_stock {
	cursor: pointer;
	text-decoration: none;
	background-color: #FFFFFF !important;
}

.h-link_stock:hover {
	text-decoration: none;
	background-color: #ECF2F4 !important;
}

/* css document ribbon https://www.cssportal.com/css-ribbon-generator/ */
.h-ribbon_1 {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.h-ribbon_1 span {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.h-ribbon_1 span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #79A70A;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
}

.h-ribbon_1 span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #79A70A;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
}

.h-ribbon_2 {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.h-ribbon_2 span {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#2989d8 0%, #1e5799 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.h-ribbon_2 span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #1e5799;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.h-ribbon_2 span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #1e5799;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.h-ribbon_3 {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.h-ribbon_3 span {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#F70505 0%, #8F0808 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.h-ribbon_3 span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #8F0808;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F0808;
}

.h-ribbon_3 span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #8F0808;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F0808;
}

.h-ribbon_4 {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.h-ribbon_4 span {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#B6BAC9 0%, #808080 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.h-ribbon_4 span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #808080;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #808080;
}

.h-ribbon_4 span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #808080;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #808080;
}

.h-ribbon_5 {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.h-ribbon_5 span {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#05EFF7 0%, #087F8F 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.h-ribbon_5 span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #087F8F;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #087F8F;
}

.h-ribbon_5 span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #087F8F;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #087F8F;
}

.h-ribbon_6 {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.h-ribbon_6 span {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#F79E05 0%, #8F5408 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	left: -21px;
}

.h-ribbon_6 span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #8F5408;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F5408;
}

.h-ribbon_6 span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #8F5408;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #8F5408;
}

body {
	margin: 0px;
	font-size: 16px;
	font-family: var(--fontFamily), sans-serif !important;
}

.font-family {
	font-family: var(--fontFamily), sans-serif !important;
}

.nice-select {
	z-index: 999;
	margin: 0px !important;
	height: 52px !important;
	line-height: 52px !important;
	border: none !important;
	border-top: 1px solid #BFC0BF !important;
	border-left: 1px solid #BFC0BF !important;
	border-bottom: 1px solid #BFC0BF !important;
	border-radius: 0 !important;
	text-overflow: ellipsis !important;
}

#semantic-ui-border-box {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.semantic-ui-border-box {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.semantic-ui-border-box {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.semantic-ui-border-box {
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.ui-segment-ext-padding-0px {
	padding: 0px !important;
}

.ui.dimmer {
	background: rgba(204, 204, 204, 0.75) !important;
}

.ui.button {
	font-family: var(--fontFamily), sans-serif !important;
}

.ui.form input {
	font-family: var(--fontFamily), sans-serif !important;
}

.ui.modal>.header {
	font-family: var(--fontFamily), sans-serif !important;
}

.ui.message .header {
	font-family: var(--fontFamily), sans-serif !important;
}

.ui.form .field .dropdown .menu>.item {
	min-height: auto !important;
}

/*------------ For Live Noti -------*/
.blink_me {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.live-noti {
	position: fixed;
	bottom: 0;
	left: 10px;
	background-color: rgba(255, 255, 255, 0);
}

/*------------ 7Day 7Deal -------*/
.seven-day-deals-container {
	display: flex;
	box-sizing: border-box;
	width: 1160px;
	flex-wrap: wrap;
}

.seven-day-deals-item {
	box-sizing: border-box;
	width: 284px;
	margin: 0 3px 0px 3px;
}

.seven-day-deals-item img {
	width: 284px;
	height: 197px;
}

/* New UI */
.main-layout {
	background-color: #f2f3f7;
	padding-bottom: 5px;
}

a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

.layout-hero-banner .hero-banner-carousel {
	height: 300px;
	max-height: 300px;
	min-height: 300px;
	background-color: rgba(0, 0, 0, .253);
}
/* ==================== NEW SECTION =================== */
.hp-index-container {
	width: 1200px !important;
	padding: 20px !important;
	margin: auto;
	margin-bottom: 18px;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.hp-index-container-header {
	font-size: 24px;
	font-weight: 500;
	width: auto;
	margin-bottom: 15px;
}

.hp-index-container-content {
	width: auto;
}
/* ==================== KEY OFFERING =================== */
.container-keyoffering {
	text-align: justify;
	width: 1200px;
	height: 52px;
	margin: auto;
	margin-bottom: 18px;
}

.container-keyoffering:after {
	content: '';
	display: inline-block;
	width: 1200px;
}

.container-keyoffering:before {
	content: '';
	display: block;
	width: 1200px;
}

.key-item {
	display: inline-block;
	position: relative;
	width: 190px;
	height: 52px;
	background-color: rgba(255, 255, 255, 0.8);
	vertical-align: middle;
	text-align: center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border-radius: 30px;
	transition-duration: .3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.key-item:hover {
	top: -2px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	transition-duration: .3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.img-keyoffering {
	width: 179px;
	margin-top: 8px;
	margin-bottom: 9px;
}
/* ==================== FLASHSALE =================== */
.flashsale-logo {
	height: 54px;
	width: 174px;
	position: relative;
	background-size: 174px 40px;
}

.flashsale-countdown {
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: 600;
}

.flashsale-item {
	width: 160px !important;
	cursor: pointer;
	padding: 15px;
}

.flashsale-item-top {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: .5rem .5rem 0px .5rem;
	overflow: hidden;
}

.flashsale-item-discount {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 1px 5px;
	display: inline-flex;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background-image: linear-gradient(#FF9900, #FF0000);
	border-radius: 4px;
}

.flashsale-item-img {
	width: 145px;
	height: 145px;
}

.flashsale-item-info {
	flex-grow: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
}

.flashsale-item-info-promoprice {
	display: inline-flex;
	vertical-align: top;
	align-items: flex-end;
	font-size: 1.125rem;
	font-weight: 600;
	color: #FF0000;
}

.flashsale-item-info-beforepeice {
	display: inline-block;
	font-size: .75rem !important;
	color: #898989;
}

.flashsale-item-info-promotion {
	word-break: break-word;
	overflow: hidden;
	height: 13px important;
	text-align: center;
	font-size: .550rem;
	font-weight: 500;
	padding: .2rem .3rem;
	margin-top: 5px;
	background: #F3541A;
	color: #fff;
	border-radius: 25px;
	line-height: 12px;
}

.flashsale-nav_link {
	transition: translate3d .3s;
}

.flashsale-nav_link:hover {
	transform: translate3d(0, -4px, 0)
}
/* ==================== TRENDHIT =================== */
.grid-container-trend {
	display: grid;
	grid-template-columns: 232px 232px 232px 232px 232px;
}

.grid-item-trend {
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #FFF !important;
	border-right: none;
	border-top: none;
	background-color: #FFFFFF;
}

.grid-item {
	transition-duration: 0.3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.grid-item:hover {
	color: #0867B2;
	border: 1px solid #0867B2 !important;
	border-radius: 5px;
	transform: translate3d(0, -3px, 0);
	transition-duration: .3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.grid-item-trend-img {
	width: 210px;
}
/* ==================== COLLECTION =================== */
.grid-container-collection {
	display: grid;
	grid-template-columns: 290px 290px 290px 290px;
}

.grid-item-collection {
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #EEEEEE !important;
	border-right: none;
	border-top: none;
	background-color: #FFFFFF;
}

.item-collection-border-top {
	border-top: 0.5px solid #d5d5d5;
}

.item-collection-border-right {
	border-right: 0.5px solid #d5d5d5;
}

.h-nav_linkcollection {
	color: #666666;
	text-decoration: none;
}

.grid-item-collection-img {
	width: 285px;
}
/* ==================== POPPULAR PRODUCT =================== */
.grid-container-banner {
	display: grid;
	grid-template-columns: 145px 145px 145px 145px 145px 145px 145px 145px;
}

.grid-item-popular {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding: 1.2rem 0px 1.2rem 0px;
	border: 1px solid #FFF !important;
}

.grid-item-bunner-img {
	width: 110px;
}

.up-banner {
	margin-bottom: 9px !important;
}
/* ==================== SHOPING BRAND =================== */
.item-shopping {
	width: auto !important;
	padding: 5px;
}

.item-shopping-img {
	height: 120px;
	margin-right: 8px;
	cursor: pointer;
	transition-duration: 0.3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.item-shopping-img:hover {
	transform: translate3d(0, -3px, 0);
	transition-duration: 0.3s;
	-webkit-transition: 0.3s ease-out !important;
	-moz-transition: 0.3s ease-out !important;
	-o-transition: 0.3s ease-out !important;
	transition: 0.3s ease-out !important;
}

.shopping-display-img {
	display: flex;
	overflow: hidden;
}

.swiperdow-right {
	padding-top: 3px !important;
	right: -6px !important;
	width: 10px;
	background-color: #FFFFFF !important;
	color: #AAAAAA !important;
}

.swiperdow-left {
	padding-top: 3px !important;
	left: -6px !important;
	width: 10px;
	background-color: #FFFFFF !important;
	color: #AAAAAA !important;
}

.l-shopping {
	text-decoration: none;
}
/* ==================== BANNER PROMOTION =================== */
.banner-container {
	width: 1200px;
	margin: auto;
	margin-bottom: 18px;
}

.index-banner1 {
	grid-area: index-banner-area1;
}

.index-banner2 {
	grid-area: index-banner-area2;
}

.index-banner3 {
	grid-area: index-banner-area3;
}

.index-banner4 {
	grid-area: index-banner-area4;
}

.grid-container {
	display: grid;
	grid-template-areas: 'index-banner-area1 index-banner-area4'
		'index-banner-area2 index-banner-area4'
		'index-banner-area3 index-banner-area4';
	grid-template-columns: 300px 888px;
	grid-template-rows: 130px 130px 130px;
	grid-gap: 12px;
}

.grid-container>div {
	text-align: center;
}

.index-banner-img-small {
	width: 300px;
	height: 130px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border-radius: 10px 10px 10px 10px;
}

.index-banner-img-large {
	width: 888px;
	height: 414px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border-radius: 10px 10px 10px 10px;
}

.index-banner-swiper {
	bottom: 0px !important;
}
/* ==================== CATEGORY =================== */
.hp-panel-category {
	padding: 0px;
	margin: auto;
	margin-bottom: 30px;
	border-radius: 10px;
	border-color: #d5d5d5;
	width: 1200px !important;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.category-viewmore {
	font-size: 18px;
	font-weight: 600;
	color: #3064B1;
	text-align: right;
	padding: 5px 10px 15px 0;
	cursor: pointer;
}

.tab {
	padding: 0px;
	width: 1200px;
	overflow: hidden;
	table-layout: auto;
	margin-bottom: 1em;
	background-color: #FFFFFF;
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid #CCC;
}

.tab button {
	float: left;
	border: none;
	height: 60px;
	outline: none;
	color: #3064b1;
	width: 133px;
	font-size: 14px;
	cursor: pointer;
	transition: 0.3s;
	padding: 5px 20px;
	background-color: #FFFFFF;
	border-collapse: collapse;
	font-family: 'Prompt', sans-serif !important;
}

.tab button:hover {
	background-color: #F0F0F0;
}

.tab button.active {
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-bottom: 8px solid #FF9900;
	color: #FF9900;
}

.tab .tab-block {
	border-right: 1px solid #ccc;
	display: table-cell;
}

.catTabcontent {
	border: none;
	display: none;
}

.hp-card-product {
	float: left;
	display: block;
	cursor: pointer;
	overflow: hidden;
	border-radius: 4px;
	background: #f6f7f8;
	flex-direction: column;
	border: 1px solid #e8eaee;
	transition: all 320ms ease;
	position: relative;
	height: 305px;
}

.hp-card-product:hover {
	transform: translate3d(0, -4px, 0);
}

.hp-card-product img {
	width: 100% !important;
	max-height: 172px;
}

.hp-card-product .image {
	padding: .5rem;
	overflow: hidden;
	background-color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	text-align: center;
	min-height: 192px;
}

.hp-card-product .info {
	flex-grow: 1;
	padding: .3rem;
	position: relative;
	display: inline-block;
	flex-direction: column;
	text-align: -webkit-left;
	line-height: 18px;
}

.hp-card-product .brand {
	font-weight: 500;
	font-size: .75rem;
	margin-bottom: 4px;
	color: rgba(92, 99, 112, .95);
}

.hp-card-product .discount {
	top: 29px;
	right: 0;
	color: #fff;
	font-weight: 600;
	font-size: .875rem;
	position: absolute;
	margin-top: 0;
	vertical-align: top;
	display: inline-flex;
	padding: .25rem .375rem;
	background-image: linear-gradient(#FF9900, #FF0000);
	transform: translateY(-100%);
	border-bottom-left-radius: 8px;
}

.hp-card-product .title {
	height: 2.4rem;
	font-size: 13px;
	overflow: hidden;
	margin-bottom: .2rem;
	word-break: break-word;
}

.hp-card-product .price {
	color: #ff1a31;
	font-weight: 600;
	vertical-align: top;
	font-size: 1.1rem;
	display: inline-flex;
	align-items: flex-end;
}

.hp-card-product .original-price {
	color: #898989;
	/* padding-top: .4rem; */
	font-size: .75rem;
	display: inline-block;
	text-decoration: line-through;
}

.hp-card-product .promotion {
	color: #ff1a31;
	font-weight: 500;
	font-size: .59rem;
	text-align: center;
	border-radius: 4px;
	border: 1px solid red;
	background: transparent;
	padding: .2rem .1rem .2rem .1rem;
}

.hp-card-product .sku {
	left: 6px;
	top: -30px;
	font-size: 10px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 94%;
}

.hp-card-product .sku img {
	width: 48px !important;
}

.hp-card-product-list-cart {
	display: flex;
}

.grid-container-category {
	display: grid;
	padding: 12px;
	grid-row-gap: 12px;
	grid-column-gap: 8px;
	grid-template-columns: 190px 190px 190px 190px 190px 190px;
}

.grid-item-category {
	vertical-align: middle;
}

.key-img-category {
	height: 42px;
}

.index-review-container {
	margin: auto;
	margin-bottom: 1.5rem;
	width: 1200px !important;
	border-color: #FFFFFF !important;
}

.grid-container-review-title, .grid-container-review-first {
	display: grid;
	grid-column-gap: 12px;
	grid-template-columns: 593px 593px;
}

.grid-container-review-first-table {
	display: grid;
	grid-template-columns: 280px 280px;
}

.grid-item-review-first-table, .grid-item-review-secound,
	.grid-item-review-secound-table {
	vertical-align: middle;
}

.grid-item-review-title {
	vertical-align: middle;
	padding: 16px 0px 16px 0px;
}

.grid-container-review-secound {
	display: grid;
	margin-top: 12px;
	grid-column-gap: 12px;
	grid-template-columns: 291px 291px 291px 291px;
}

.grid-container-review-secound-table {
	display: grid;
	grid-template-columns: 291px;
}

.live-noti {
	z-index: 9999;
}

#header-menu-sticky table td:nth-child(7) {
	display: none;
}

/* ------ Finder Shop 4 you ----- */
#finder-shop4you .column {
	display: inline-block;
	box-sizing: border-box;
}

#finder-shop4you .right.column button {
	float: right;
	margin-right: 0;
}

#finder-shop4you .ga-shop4you-logo {
	margin-top: 0 !important;
}

#finder-shop4you .ga-shop4you-logo img {
	float: left !important;
}

.ga-shop4you-logo img {
	float: right;
}

.ga-shop4you-logo {
	width: 50%;
	display: inline-block;
	box-sizing: border-box;
	margin-top: -20px;
}
/* ------ FlashSale Tag ----- */
.flashsale-icon-container-promo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 13px;
	width: 100%;
	margin-top: 8px;
}

.flashsale-icon-item-tag-promotion {
	min-height: 13px;
	width: 49px !important;
	margin: 0 1px;
	object-fit: contain;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

#swiper-highlight-product {
	margin-top: 0 !important;
}
/* ------ Home Service ----- */
/* .hp-card-product {
	float: left;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	overflow: hidden;
	border-radius: 4px;
	background: #f6f7f8;
	flex-direction: column;
	border: 1px solid #e8eaee;
	transition: all 320ms ease;
	position: relative;
}

.grid-container-category {
	display: grid;
	padding: 12px 13px 12px 12px;
	grid-row-gap: 12px;
	grid-column-gap: 8px;
	grid-template-columns: 189px 189px 189px 189px 189px 189px;
} */

/*---- For Swiper --- */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
	{
	pointer-events: visible !important;
}

.campaign-solution .h-background_norepeat_center {
	background-size: contain;
}

#cart-web #address-delivery,
#cart-web #store-delivery,
#cart-web #address-tax-invoice {
	height: 130px;
	max-height: 130px;
	vertical-align: middle;
	white-space: normal !important;
}

.coupon img {
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
}

/*--------- Notification ------------*/
.h-link_icon_noti {
	width: 50px;
	height: 50px;
	color: #0867af;
	font-size: 20px;
	cursor: pointer;
	padding-top: 1px;
	margin-right: 8px;
	padding-right: 0;
	position: relative;
	vertical-align: top;
	align-items: center;
	display: inline-flex;
	border-radius: 999px;
	justify-content: center;
	background-color: #f0f2f4;
	transition: all 0.24s ease;
	text-decoration: none;
}

.h-link_icon_noti:hover {
	text-decoration: none;
	color: #F79420;
}

.h-link_icon_noti i.icon {
	margin: 0;
}

#mini-notification {
	width: 400px !important;
	padding: 0px;
	color: #515356;
	font-size: 14px !important;
}

#mini-notification>div {
	overflow: auto;
	max-height: 450px;
}

#mini-notification .mini-noti-header {
	padding: 14px;
	font-size: 14px;
	border-bottom: 1px solid #eaeaea;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background-color: #FFF;
	border-radius: 6px 6px 0 0;
	font-weight: 600;
	box-sizing: border-box;
}

#mini-notification .mini-noti-header a:hover {
	color: #f79420;
}

#mini-notification .mini-noti-section {
	padding: 0 14px 14px;
	margin-bottom: 14px;
	border-bottom: 1px solid #eaeaea;
}

#mini-notification .mini-noti-section label {
	display: block;
	color: #000000;
	font-weight: 600;
	margin-bottom: 10px;
}

#mini-notification .mini-noti-section label i {
	color: #0867b2;
}

#mini-notification .mini-noti-section .mini-noti {
	padding: 5px 2px;
	background-color: #fff;
}

#mini-notification .mini-noti-section .mini-noti.noti-new {
	margin-bottom: 1px;
	background-color: #ebf2fa;
}

#mini-notification .mini-noti-section .mini-noti:hover,
	#mini-notification .mini-noti-section .mini-noti.noti-new:hover {
	background-color: #fdecd8;
}

#mini-notification .mini-noti-section .item {
	line-height: 1.5;
}

#mini-notification .mini-noti-section .item img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	margin-right: 10px;
	border: 1px solid #eee;
}

#mini-notification .mini-noti-section .item .header.sub {
	color: #0867b2;
	font-size: smaller;
}

#mini-notification ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
}

#mini-notification ::-webkit-scrollbar-thumb {
	cursor: pointer;
	border-radius: 5px;
	background: rgba(0, 0, 0, .25);
	-webkit-transition: color .2s ease;
	transition: color .2s ease;
}

#mini-notification ::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .1);
	border-radius: 0;
}

.account-menu-notifications {
	height: 30px;
	color: #515356;
	cursor: pointer;
	line-height: 30px;
	font-weight: normal;
	font-family: 'Prompt', sans-serif;
}

.account-menu-notifications.active {
	color: #0867B2;
	font-weight: normal;
}

.account-menu-notifications-content {
	display: none;
}

.account-menu-notifications-content h1,
	.account-menu-notifications-content h2,
	.account-menu-notifications-content h3,
	.account-menu-notifications-content h4,
	.account-menu-notifications-content h5 {
	font-weight: 600;
	font-family: 'Prompt', sans-serif;
}

.account-menu-notifications-content .header-section+hr {
	opacity: 0.15;
	margin: 8px 0px 16px;
	color: rgba(34, 36, 38);
}

.header-notification-item {
	background-color: #ffffff;
	padding: 8px !important;
	margin: 0 !important;
	margin-bottom: 2px !important;
	border-radius: 4px !important;
	cursor: pointer;
	transition: 0.3s !important;
}

.notification-item-new {
	background-color: #e9f5ff !important;
}

.header-notification-item:hover {
	background-color: #f7941e1f !important;
}

.header-notification-column {
	padding: 0 !important;
}

.header-notification-column-img {
	width: 55px !important;
	height: 55px !important;
}

.header-notification-img {
	background-color: #cccccc;
	height: 55px;
	width: 55px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 4px;
}

.header-notification-content-header-title {
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 0.9;
	text-align: left;
}

.header-notification-content-description {
	display: block;
	max-height: 12.6rem;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 2px;
	overflow: hidden;
	max-height: 55px;
	text-align: left;
}

.header-notification-content-header-time {
	font-size: 12px !important;
	color: #0867b2 !important;
	text-align: left;
	line-height: 1;
	text-align: left;
}

.account-notification-item {
	background-color: #ffffff;
	padding: 14px !important;
	margin: 0 !important;
	margin-bottom: 4px !important;
	border-radius: 4px !important;
	cursor: pointer;
	transition: 0.3s !important;
}

.account-notification-item:hover {
	background-color: #f7941e1f !important;
}

.account-notification-item-new {
	background-color: #e9f5ff !important;
}

.account-notification-column {
	padding: 0 !important;
}

.account-notification-column-img {
	max-width: 76px !important;
	height: 70px !important;
}

.account-notification-img {
	background-color: #cccccc;
	height: 70px;
	width: 70px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 4px;
}

.account-notification-content {
	min-width: 660px !important;
}

.account-notification-content-header-title {
	font-size: 14px !important;
	font-weight: 700 !important;
	padding-left: 8px !important;
	line-height: 0.9;
	margin-bottom: 4px;
}

.account-notification-content-description {
	display: block;
	padding-left: 8px !important;
	font-size: .900rem;
	line-height: 1.5;
	margin-bottom: .3125rem;
}

.account-notification-content-header-time {
	font-size: 12px !important;
	color: #666666 !important;
	text-align: left;
	padding-left: 8px !important;
	line-height: 1;
}

.account-notification-content-seemore {
	min-width: 105px !important;
	padding: 0 !important;
}

.account-notification-content-seemore-button {
	margin: 0 !important;
	padding: 8px 16px !important;
	font-size: 12px !important;
	transition: 0.3s !important;
	background-color: #fff0 !important;
}

.account-notification-content-seemore-button:hover {
	box-shadow: 0 0 0 1px #666666 inset !important;
	color: #666666 !important;
}

.account-notification-markallread-button {
	padding: 0 !important;
	margin: 0 !important;
	background-color: unset !important;
}

.account-notification-dot {
	display: inline-flex !important;
	border-radius: 30px;
	min-width: 6px;
	min-height: 6px;
	background-color: #f7941e;
	margin-bottom: 1px;
	opacity: 0;
	transition: 0.3s !important;
}

.category div#header-menu-container {
	margin-top: -30px;
}

.category a.h-nav_link1.ga-shopcate-h {
	color: #515356;
}

.category a.h-nav_link1.ga-shopcate-h:hover {
	color: #FF9900;
}

/* Currency */
.currency-container {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: inline-flex !important;
	-webkit-box-orient: horizontal !important;
	-moz-box-orient: vertical !important;
	-webkit-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: row !important;
	-webkit-box-align: start !important;
	-moz-box-align: start !important;
	-ms-flex-align: start !important;
	-webkit-align-items: flex-start !important;
	align-items: flex-start !important;
}

.currency-container .amount {
	-webkit-box-ordinal-group: 2 !important;
	-moz-box-ordinal-group: 2 !important;
	-ms-flex-order: 2 !important;
	-webkit-order: 2 !important;
	order: 2 !important;
	padding-left: 5px !important;
}

.currency-container .currency {
	-webkit-box-ordinal-group: 1 !important;
	-moz-box-ordinal-group: 1 !important;
	-ms-flex-order: 1 !important;
	-webkit-order: 1 !important;
	order: 1 !important;
}

.pdp-sm-img {
	border: 1px solid #eaeaea;
	border-radius: 4px;
	width: 100%;
	height: 85px;
	display: flex;
	padding: 0;
}
.pdp-sm-img img {
	border-style: none;
	width: 100% !important;
	height: 100% !important;
}


/* From Fixed Css */

#product-page div#product-information .ui.massive.bulleted.list {
	padding: 0 !important
}

#product-information .item div div {
	list-style: disc;
	display: list-item;
	margin-left: 16px;
	padding-left: 0
}

#product-information .item div div:last-child {
	margin-bottom: 10px
}

#product-page div#product-information .ui.massive.bulleted.list div {
	display: list-item;
	list-style: disc
}

#product-page div#product-information .ui.bulleted.list .list>.item:before,
	#product-page div#product-information .ui.bulleted.list>.item:before,
	#product-page div#product-information ul.ui.list li:before {
	content: unset !important
}

#product-page div#product-information ol {
	padding-left: 17px !important;
	margin-top: 4px
}

.brand-main-layout .brand-name-container {
	display: none
}

#emktspot-menu-categories {
	line-height: 21px !important
}

.homeservice-section-page .breadcrumb table, .homeservice-page .breadcrumb table
	{
	padding-left: 4px
}

div#product-information ul {
	padding-left: 14px;
	margin: 0 4px
}

#product-information p {
	margin: 15px 0 0 !important
}

div#header-menu-container {
	width: 1200px;
	margin: auto;
	padding: 8px 0
}

.budge-style {
	background-color: #fff !important
}

#form-signup-accept .pretty {
	margin-right: 0 !important
}

#form-signup-accept .p-primary {
	margin-left: 1.5em
}

#form-signup-accept .p-primary a {
	color: #0867b2;
	text-decoration: none
}

#form-signup-accept .pretty .state label {
	display: inline !important;
	text-indent: 0 !important;
	line-height: 1.2em !important;
	white-space: normal !important
}

#form-signup-accept .pretty .state label:after, .pretty .state label:before
	{
	top: 0 !important
}

.catTabcontent .hp-card-product {
	width: 100%
}

#countdown_campaign {
	padding-left: 15px
}

.campaign-brandsale-content {
	height: 300px;
	overflow: hidden
}

.hp-top-brand-item img {
	width: 289px !important;
	height: auto !important;
	margin: 3px 5px !important
}

/* For MY category */
.category a.h-nav_link1.ga-shopcate-h {
	color: #515356;
}

.category a.h-nav_link1.ga-shopcate-h:hover {
	color: #FF9900;
}

#product-page img.image-index {
	max-height: 100%;
	width: unset !important;
	max-width: 100%;
}
.hp-card-product img {
	max-height: 172px;
}

/* Bundle promotion page */
#search-plp .product-list-addcart .sp-price {
	font-weight: unset;
	font-size: unset;
	color:unset;
}
#search-plp .product-list-addcart .sp-price :first-child {
	text-decoration-line: unset;
}
#search-plp .product-list-addcart .sp-price :last-child {
	color: unset;
}
#search-plp .product-list-addcart .sp-price span {
	display: unset;
}
#search-plp .sp-price .line-through {
	text-decoration-line: line-through !important;
	font-size: 0.8em !important;
}
#search-plp .product-list-addcart .sp-price .line-through {
	text-decoration-line: line-through !important;
	font-size: 1.2rem !important;
}
#search-plp .sp-price > span:first-child span {
	text-decoration-line: line-through !important;
	color: #000 !important;
	font-size: 0.8em !important;
}
#search-plp .sp-price .currency-container:last-child span {
	color: red;
	font-size: 14px;
	font-weight: bold;
}
#search-plp .product-list-addcart .sp-price .currency-container {
	display: block;
}
#search-plp .product-list-addcart .sp-price .currency-container:last-child span {
	color: red;
	font-size: 20px;
}

.original-price .currency-container {
	text-decoration: line-through;
}

/* New Menu */
#emktspot-menu-categories .menu2020 .nav .l1-link {
	letter-spacing: 0px !important;
	font-size: 14px;
	font-weight: 500;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px !important;
}
#emktspot-menu-categories .menu2020 ul li .menu-icon {
	position: relative;
	display: inline-block;
	padding-right: 5px;
	width: 27px !important;
	height: 21px !important;
	vertical-align: middle;
}
#emktspot-menu-categories .menu2020 ul li .menu-icon div {
	background-size: contain;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.normal-price:before {
	content: 'RM ';
}