:root {
    --bs-blue: #007bff;
    --bs-indigo: #6610f2;
    --bs-purple: #772953;
    --bs-pink: #e83e8c;
    --bs-red: #df382c;
    --bs-orange: #e95420;
    --bs-yellow: #efb73e;
    --bs-green: #38b44a;
    --bs-teal: #20c997;
    --bs-cyan: #17a2b8;
    --bs-white: #fff;
    --bs-gray: #868e96;
    --bs-gray-dark: #333;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #aea79f;
    --bs-gray-600: #868e96;
    --bs-gray-700: #495057;
    --bs-gray-800: #333;
    --bs-gray-900: #212529;
    /*--bs-primary: #F26921;*/
	--bs-primary: #F26921;	
    --bs-secondary: #aea79f;
    --bs-success: #38b44a;
    --bs-info: #17a2b8;
    --bs-warning: #efb73e;
    --bs-danger: #df382c;
    --bs-light: #e9ecef;
    --bs-dark: #772953;
    --bs-primary-rgb: 242,105,33;
	--bs-secondary-rgb: 174,167,159;
    --bs-success-rgb: 56,180,74;
    --bs-info-rgb: 23,162,184;
    --bs-warning-rgb: 239,183,62;
    --bs-danger-rgb: 223,56,44;
    --bs-light-rgb: 233,236,239;
    --bs-dark-rgb: 119,41,83;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 51,51,51;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: Ubuntu,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #333;
    --bs-body-bg: #fff;
}

.btn-primary {
	background-color: #F26921;
    border-color: #F26921;
}

a {
    color: #F26921;
}

.form-check-input:checked {
    background-color: #F26921;
    border-color: #F26921;
}

img[src=""] {
    display: none;
}
body { background-color:#F5F5F5; font-family: Helvetica, arial, sans-serif; }

.main-header { height:32px; line-height:32px; font-size:12px; color:#666666; background-color:#F9F9F9; border-bottom:#EEEEEE 1px solid }
.main-header a { text-decoration:none; margin-right:15px; color:#666666}
.main-header a:hover {color:#F26921;}
.main-header-title { height:32px; line-height:32px; font-size:26px; }

.main-header-dropdown { position:relative; margin-right: 15px; }
.main-header-dropdown > span {cursor:pointer; display:inline-block; }
.main-header-dropdown > div { left:-50px; top:22px; width:150px; background-color:white; text-align:left; position:absolute; box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.25); transition: all .1s ease-in-out; transform-origin: 125px 0px; transform: scale(0); z-index:1000}
.main-header-dropdown > div > div { padding-left:25px; border-bottom:1px solid #EEEEEE; }
.main-header-dropdown > div:after{
    content: " ";
    position: absolute;
    right: 25px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2d3035;
}

.main-header-dropdown:hover > div { transform: scale(1);}

.main-header-logo { background-color:white; padding-top:8px; padding-bottom:8px; }
.main-header-menu { padding-top:1px; padding-bottom:1px;}
.main-header-menu .nav-item.main-menu-top-link { margin-right:20px;}

.main-header-menu .nav-item.main-menu-top-link a.nav-link {color:white}
.main-header-menu .nav-item.main-menu-top-link a.nav-link:hover {color:#D6D6D6}

#loader-email,
#loader-mobileno {position: absolute; top:8px; right:20px; display: none;}

#loader-email.fa-warning,
#loader-mobileno.fa-warning {color:red;}

#loader-email.fa-check,
#loader-mobileno.fa-check {color:yellowgreen;}

.offcanvas { z-index:1051;}

.mall-floor { float:left; width:100%; }
.mall-floor-header { float:left; width:100%; font-size:18px; line-height:18px; font-weight:bold; padding:10px 10px;}
.mall-floor-header a { text-decoration:none; color: var(--bs-body-color);}
.mall-floor-content { float:left; width:100%; }
.mall-floor-content .mall-floor-banner{ float:left; width:24%; }

.mall-floor-content .mall-floor-product-list {float:left; width:76%;}
.mall-floor-footer { float:left; width:100%; background-color:white;}

.hover-box {-webkit-transition: all .2s linear; transition: all .2s linear;}
.hover-box:hover {position:relative;	z-index:1000; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.4); box-shadow: 0 5px 15px rgba(0,0,0,0.4); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.windows-list {}
.windows-list > a {position:relative; overflow:hidden; display:inline-block; width:100%;}
.windows-list > a > img {position:relative; right:0px; transition: all 0.2s ease-in-out 0s;}
.windows-list > a:hover > img {right:5px;}


/* product-tab*/
.product-tab {display: flex; flex-wrap: wrap; flex-direction: column;}
.product-tab > .product-tab-nav {display: flex; flex-wrap: wrap; }
.product-tab > .product-tab-nav > div { position:relative; width:20%; height:40px; line-height:40px; text-align:center}
.product-tab > .product-tab-nav > div > div { cursor:pointer; margin:0 5px; height: 100%; border-bottom:2px solid #EEEEEE}
.product-tab > .product-tab-nav > div > div:after {
    content: " ";
    position: absolute;
    left: 50%;
	margin-left:-5px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid #F26921;
    border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	display:none;
}

.product-tab > .product-tab-nav > div.selected > div { border-bottom:2px solid #F26921; color:#F26921}
.product-tab > .product-tab-nav > div.selected > div:after {display:block}


.product-tab > .product-tab-body {flex-wrap: wrap; display:none; }
.product-tab > .product-tab-body.selected { display:flex}
.product-tab > .product-tab-body > div { position:relative; width:20%; }
.product-tab > .product-tab-body > div > div {margin:0 5px; height: 100%; background-color:white;}

.product-tab > .product-tab-nav-bottom { text-align:right; padding:5px 15px; }
.product-tab > .product-tab-nav-bottom > div { display:none }
.product-tab > .product-tab-nav-bottom > div.selected { display:block }

.product-tab-product { position:relative; margin-bottom:8px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; }

.product-tab-product > a.product-link { position:relative; float:left; width:100%; height:348px; text-align:left; padding:12px; text-decoration:none; background-color:white; -webkit-transition: all .2s linear; transition: all .2s linear;}
.product-tab-product > a.product-link:hover{ position:relative;	z-index:1000; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.4); box-shadow: 0 5px 15px rgba(0,0,0,0.4); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.product-tab-product .product-image { margin-bottom:8px;}
.product-tab-product .product-name {font-size:13px; height:30px; margin-bottom:4px; line-height: normal; color: #212121; display: inline-block;
    /* word-wrap: break-word; */
    /* white-space: normal; */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.product-tab-product .product-promo {font-size:13px; margin-bottom:4px; height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal;}

.product-tab-product .product-promo {font-size: 10px;
    line-height: 10px;
    display: flex;
    flex-wrap: nowrap;
    color: #F60;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    flex-direction: row;
    align-items: flex-end;}

.product-tab-product .product-promo > span { border:1px solid #F60; padding:2px; margin-right:2px}
.product-tab-product .product-promo-flash-deal { position:absolute; font-size:0.8em; display:inline-block; width:100%; text-align:center; left:0; top:0%}
.product-tab-product .product-price { font-size:16px; ; line-height:16px; display: flex; flex-wrap: wrap; color:#ee4d2d; font-family:Arial, Helvetica, sans-serif; user-select:none}
.product-tab-product .product-info {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10px; color: gray;}
.product-tab-product .product-info > .rating-star {color:#ffce3d}
.product-tab-product .product-discount-percentage { position:absolute; top:0px; right:0px; min-width:45px; display:inline-block; padding:2px 3px 2px 3px; background-color: red;
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    animation: blinkingText 2s infinite;}
.product-tab-product .product-compare-price {font-size:0.8em; line-height:0.8em; color:gray; text-decoration:line-through }
.product-tab-product .product-price .currency-price { position:relative; padding-left:1.2em; }
.product-tab-product .product-price .currency-price:before{ position:absolute; top:0.25em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}
.product-tab-product .product-compare-price .currency-price { position:relative; padding-left:1.25em; }
.product-tab-product .product-compare-price .currency-price:before{ position:absolute; top:0.5em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

.product-tab-product .product-sold-out {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgb(0,0,0,0.25);
    box-sizing: border-box;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product-tab-product .product-sold-out > span {
	position: absolute;
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    top: 36%;
    left: 50%;
    margin-left: -90px;
    margin-top: -20px;
    font-size: 22px;
    text-align: center;
    background-color: #E81E3B;
    color: white;
}


/* CATEGORY / SEARCH PAGES */
.category-floor { float:left; width:100%; }
.category-floor-left {float:left; width:24%; padding-right:30px; }
.category-floor-right { float:right; width:76%;}
.category-floor-header-img > a { display:inline-block; width:100%; position:relative }
.category-floor-header > a { display:inline-block; width:100%; padding:5px 15px; font-size:20px; color:white; text-decoration:none; position:relative }
.category-floor-header-sidebar {     position: absolute;
    right: 0px;
    bottom: 10px;
    font-size: 20px;
    border-radius: 18px 0px 0px 18px;
    padding: 3px 15px;
    opacity: 0.9;
    color: white;}
.category-floor-footer { margin-bottom:20px;}
.category-floor-footer > a { display:inline-block; width:100%; padding:5px 15px; font-size:20px;  text-decoration:none; position:relative ; text-align:right}
.category-floor-product-list { background-color:#F5F5F5}

.category-floor .category-menu-header { background-color:var(--bs-primary);}
.category-floor .checkbox-label { padding:5px 10px; font-size:14px; }
.category-floor .category-menu-footer { padding:10px 10px; }

/* PRODUCT LIST / THUMB */
ul.product-list {list-style:none; padding:0px; margin:0px; display: flex; flex-wrap: wrap;}
ul.product-list > li { position:relative; float:left; width:25%; margin-bottom:8px; padding-left:8px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; }
ul.product-list > li > a.product-link { position:relative; float:left; width:100%; height:336px; text-align:left; padding:12px; text-decoration:none; background-color:white; -webkit-transition: all .2s linear; transition: all .2s linear;}
ul.product-list > li > a.product-link:hover{ position:relative;	z-index:1000; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.4); box-shadow: 0 5px 15px rgba(0,0,0,0.4); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
ul.product-list > li .product-image { margin-bottom:8px;}
ul.product-list > li .product-name {font-size:13px; height:30px; margin-bottom:4px; line-height: normal; color: #212121; display: inline-block;
    /* word-wrap: break-word; */
    /* white-space: normal; */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
ul.product-list > li .product-promo {font-size:13px; margin-bottom:4px; height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal;}

ul.product-list > li .product-promo {font-size: 10px;
    line-height: 10px;
    display: flex;
    flex-wrap: nowrap;
    color: #F60;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    flex-direction: row;
    align-items: flex-end;}

ul.product-list > li .product-promo > span { border:1px solid #F60; padding:2px; margin-right:2px}
ul.product-list > li .product-promo-flash-deal { position:absolute; font-size:0.8em; display:inline-block; width:100%; text-align:center; left:0; top:0%}
ul.product-list > li .product-price { font-size:16px; ; line-height:16px; display: flex; flex-wrap: wrap; color:#ee4d2d; font-family:Arial, Helvetica, sans-serif; user-select:none}
ul.product-list > li .product-info {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10px; color: gray;}
ul.product-list > li .product-info > .rating-star {color:#ffce3d}
ul.product-list > li .product-discount-percentage { position:absolute; top:0px; right:0px; min-width:45px; display:inline-block; padding:2px 3px 2px 3px; background-color: red;
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    animation: blinkingText 2s infinite;}
ul.product-list > li .product-compare-price {font-size:0.8em; line-height:0.8em; color:gray; text-decoration:line-through }
ul.product-list > li .product-price .currency-price { position:relative; padding-left:1.2em; }
ul.product-list > li .product-price .currency-price:before{ position:absolute; top:0.25em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}
ul.product-list > li .product-compare-price .currency-price { position:relative; padding-left:1.25em; }
ul.product-list > li .product-compare-price .currency-price:before{ position:absolute; top:0.5em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

ul.product-list > li .product-sold-out {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgb(0,0,0,0.25);
    box-sizing: border-box;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ul.product-list > li .product-sold-out > span {
	position: absolute;
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    top: 36%;
    left: 50%;
    margin-left: -90px;
    margin-top: -20px;
    font-size: 22px;
    text-align: center;
    background-color: #E81E3B;
    color: white;
}

ul.product-list.home-category > li { float:left; width:25%; margin-bottom:8px; padding-left:8px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; }
ul.product-list.home-category > li:nth-child(n+5) {margin-bottom:1px}

.brand-tab { float:left; width:100%; position:relative; padding:5px; box-sizing:border-box; }
.brand-tab > .brand-tab-prev-button { display:inline-block; position:absolute; top:0; left:0px; width:25px; height:100%; background-color:#CCC; text-align:center; padding-top:20px; color:white; display:none} 
.brand-tab > .brand-tab-next-button {display:inline-block; position:absolute; top:0; right:0px; width:25px; height:100%; background-color:#CCC; text-align:center; padding-top:20px; color:white; display:none}

.brand-tab:hover > .brand-tab-prev-button,
.brand-tab:hover > .brand-tab-next-button {
	display:inline-block;
	cursor:pointer
}

ul.brand-list {list-style:none; padding:0px; margin:0px; display: flex; flex-wrap: wrap; flex-wrap: nowrap; flex-direction:row; align-items: center;}
ul.brand-list > li { float:left; width:10%; text-align:center; padding:4px; box-sizing:border-box; cursor:pointer }
ul.brand-list > li  > a { display:inline-block; width:100%; height:100%; padding:2px; border-right:1px dotted #999; }


.history-list .p-price {font-size:16px; line-height:16px; color:#ee4d2d; font-family:Arial, Helvetica, sans-serif; user-select:none}
.history-list .p-price.currency-price { position:relative; padding-left:1.2em; }
.history-list .p-price.currency-price:before{ position:absolute; top:0.25em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

.cart-list .p-price {font-size:16px; line-height:16px; color:#ee4d2d; font-family:Arial, Helvetica, sans-serif; user-select:none}
.cart-list .p-price.currency-price { position:relative; padding-left:1.2em;  }
.cart-list .p-price.currency-price:before{ position:absolute; top:0.28em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

/*Right Cart*/

.rightbar-container {
	height: 100%;
	width: auto;
	right: 0;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 1000002;
	height: 100%;
	box-shadow: black 0px 0px 3px 0px;
}

.rightbar-main {
	height: 100%;
	width: 36px;
	background: #fff;
}

.rightbar-main.rightbar-main-open {
	width:306px;
	position: absolute;
	right: 0px;
	top: 0px;
  	display: block;
}

.rightbar-panel {
	width: 36px;
	height: 100%;
	position: absolute;
	background: #000;
	z-index: 2;
	top: 0;
	left: 0px;
	font-family: 'microsoft yahei', arial;
}

.rightbar-icons {
	position: absolute;
	top: 40%;
	left: 0;
	margin-top: -190px;
	background: #000;
	z-index: 2;
	width: 36px;
}

.rightbar-icons > ul, 
.rightbar-icons-bottom > ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.rightbar-icons > ul > li,
.rightbar-icons-bottom > ul > li {
	position: relative;
    display: block;
    left: 0;
    top: 0px;
    margin-top: 12px;
	transition: all ease 0.5s; 
}

.rightbar-icons > ul > li:nth-child(1),
.rightbar-icons-bottom > ul > li:nth-child(1) {
    margin-top: 0;
}

.rightbar-icons > ul > li:hover,
.rightbar-icons > ul > li.hover,
.rightbar-icons-bottom > ul > li:hover,
.rightbar-icons-bottom > ul > li.hover {
	background-color: #f26921;
    text-decoration: none;
}

.rightbar-icons > ul > li > .popup,
.rightbar-icons-bottom > ul > li > .popup {
	position: absolute;
    top: 0;
    right: 42px;
	width: 100px;
	height: 0px;
	overflow:hidden;
    margin-right:20px;
	white-space:nowrap;
    line-height: 34px;
    z-index:1000;
	font-size:11px;
	background: #000;
    color: #d8d8d8;
    text-align: center;
	opacity:0;
	transition: margin-right ease 0.5s, opacity ease 0.5s; 
}

.rightbar-icons > ul > li:hover > .popup,
.rightbar-icons > ul > li.hover > .popup,
.rightbar-icons-bottom > ul > li:hover > .popup,
.rightbar-icons-bottom > ul > li.hover > .popup {
	margin-right:0px;
	opacity:1;
	height: 34px;
	overflow:inherit;
}

.rightbar-icons > ul > li > .popup:after,
.rightbar-icons-bottom > ul > li > .popup:after{
    content: " ";
    position: absolute;
    right: -5px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #000;
}

.rightbar-icons-bottom > ul > li > .sidebar-code {
	position: absolute;
    top: auto;
	bottom:0;
    right: 42px;
	width: 130px;
	height: 0px;
	overflow:hidden;
	padding:0px;
    margin-right:20px;
	white-space:nowrap;
    line-height: 34px;
    z-index:1000;
	font-size:11px;
	background: #000;
    color: #d8d8d8;
    text-align: center;
	opacity:0;
	transition: margin-right ease 0.5s, opacity ease 0.5s; 
}

.rightbar-icons-bottom > ul > li:hover > .sidebar-code,
.rightbar-icons-bottom > ul > li.hover > .sidebar-code {
	margin-right:0px;
	opacity:1;
	height: 130px;
	padding:1px;
	overflow:inherit;
}

.rightbar-icons-bottom > ul > li > .sidebar-code:after{
    content: " ";
    position: absolute;
    right: -5px;
    bottom: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #000;
}

.rightbar-icons a,
.rightbar-icons-bottom a {
	display: block;
    width: 36px;
    text-decoration: none;
    font-size: 12px;
    overflow: hidden;
    z-index: 1;
    margin: 0;
    padding: 0;
}



.rightbar-icons a i,
.rightbar-icons-bottom a i {
	width: 30px;
    height: 30px;
    left: 3px;
    top: 4px;
	display: inline-block;
    background: url(images/common-icon.png) no-repeat;
    cursor: pointer;
    vertical-align: top;
	margin-top:4px;
	margin-left:3px;
    /*position: absolute;*/
}



.rightbar-icons i.setting {
	background-position: -322px 0;
}
.rightbar-icons i.cart {
	background-position: -322px -30px;
}
.rightbar-icons i.stores{
	background-position: -322px -60px;
}
.rightbar-icons i.collect {
	background-position: -322px -92px;
}
.rightbar-icons i.history{
	background-position: -321px -121px;
}
.rightbar-icons i.contrast{
	background-position: -322px -150px;
}
.rightbar-icons i.bonus{
	background-position:-360px -122px;
}
.rightbar-icons i.voucher{
	background-position:-360px -122px;
}


.rightbar-icons-bottom {
	position: absolute;
    bottom: 0px;
    left: 0;
    width: 36px;
}

.rightbar-icons-bottom i.qr-code {
    background-position: -358px -30px;
}

.rightbar-icons-bottom a i.top { 
	background: url(images/top.png) no-repeat;
	width: 22px;
	height: 22px;
	margin-left: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
	
}

.cart_num {
	width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    background: #f26921;
    text-align: center;
    line-height: 20px;
    margin: 5px 0 8px 8px;
    cursor: pointer;
    color: #fff;
}



.rightbar-icons .popup i.arrow-right {
	position: absolute;
	right: -5px;
	top: 15px;
	width: 5px;
	height: 9px;
	background-position: -294px -95px;
	overflow: hidden;
}

/* --------------------------------------- END OF RIGHTBAR ------------------------------ */

@-webkit-keyframes toolbar-scaleIn {
	from {
		opacity:.7;
		-webkit-transform:translateX(270px);
		-moz-transform:translateX(270px);
		transform:translateX(270px)
	}
	to {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px)
	}
}
@-ms-keyframes toolbar-scaleIn {
	from {
		opacity:.7;
		-webkit-transform:translateX(270px);
		-moz-transform:translateX(270px);
		transform:translateX(270px)
	}
	to {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px)
	}
}
@-moz-keyframes toolbar-scaleIn {
	from {
		opacity:.7;
		-webkit-transform:translateX(270px);
		-moz-transform:translateX(270px);
		transform:translateX(270px)
	}
	to {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px)
	}
}
@keyframes toolbar-scaleIn {
	from {
		opacity:.7;
		-webkit-transform:translateX(270px);
		-moz-transform:translateX(270px);
		transform:translateX(270px)
	}
	to {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px)
	}
}
@-webkit-keyframes toolbar-scaleOut {
	to {
		opacity:.5;
		-webkit-transform:scale(0.7) translateX(270px);
		-moz-transform:scale(0.7) translateX(270px);
		transform:scale(0.7) translateX(270px)
	}
}
@-ms-keyframes toolbar-scaleOut {
	to {
		opacity:.5;
		-webkit-transform:scale(0.7) translateX(270px);
		-moz-transform:scale(0.7) translateX(270px);
		transform:scale(0.7) translateX(270px)
	}
}
@-moz-keyframes toolbar-scaleOut {
	to {
		opacity:.5;
		-webkit-transform:scale(0.7) translateX(270px);
		-moz-transform:scale(0.7) translateX(270px);
		transform:scale(0.7) translateX(270px)
	}
}
@keyframes toolbar-scaleOut {
	to {
		opacity:.5;
		-webkit-transform:scale(0.7) translateX(270px);
		-moz-transform:scale(0.7) translateX(270px);
		transform:scale(0.7) translateX(270px)
	}
}
.animate-in {
	-webkit-animation: toolbar-scaleIn .35s ease-in-out;
	-moz-animation: toolbar-scaleIn .35s ease-in-out;
	animation: toolbar-scaleIn .35s ease-in-out
}
.animate-out {
	-webkit-animation: toolbar-scaleOut .35s ease-in;
	-moz-animation: toolbar-scaleOut .35s ease-in;
	animation: toolbar-scaleOut .35s ease-in
}
/*侧边栏历史记录*/

.right-sidebar-panels {
	position: absolute;
	right: 0px;
	top: 0;
	width: 270px;
	height: 100%;
	background: #eceaea;
	display: none;
}

.sidebar-panel-header {
	position: relative;
	width: 270px;
	height: 40px;
	line-height: 30px;
	background: #eceaea;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
.sidebar-panel-header i {
	background: url(images/common-icon.png?v1.0) no-repeat;
	margin-right: 4px;
	margin-left: 10px;
	vertical-align: top;
	width: 24px;
  	height: 17px;
  	margin-top: 11px;
  	background-position: -365px -64px;
	display: inline-block;
}
.sidebar-panel-header i.cart-icon{
	background-position:-365px -94px;	
}
.sidebar-panel-header i.voucher-icon{
	background-position:-363px -153px;	
}
.sidebar-panel-header .title {
	display: inline-block;
	height: 40px;
	color: #5e5050;
	font: 16px/40px "Microsoft YaHei";
}
.sidebar-panel-header .title em {
	display: inline-block;
	vertical-align: top
}
.sidebar-panel-header .close-panel {
	width: 12px;
	height: 12px;
	background: url(images/common-icon.png) no-repeat;
	background-position: -429px -40px;
	position: absolute;
	right: 8px;
	top: 16px;
	cursor: pointer;
	-webkit-transition: transform .2s ease-out 0s;
	-moz-transition: transform .2s ease-out 0s;
	transition: transform .2s ease-out 0s
}
.sidebar-panel-header .close-panel:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}
.sidebar-panel-main {
	position: relative
}
.sidebar-panel-content {
	width: 270px;
	height: 590px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative
}
.sidebar-panel-content::-webkit-scrollbar {
	width:5px
}
.sidebar-panel-content::-webkit-scrollbar-track {
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:transparent
}
.sidebar-panel-content::-webkit-scrollbar-thumb {
	-webkit-border-radius:6px;
	border-radius:6px;
	background:#7b6f6f
}
.sidebar-panel-content .history-panel {
  	width: 235px;
  	margin: 0 auto;
}
.sidebar-panel-content ul{
	list-style:none;
	padding:0px;
	overflow: hidden;
  	margin-right: -15px;
}
.sidebar-panel-content ul li {
  	float: left;
    position: relative;
    text-align: center;
    width: 115px;
    height: 135px;
    margin-right: 5px;
    background: #fff;
    margin-bottom: 5px;
    padding: 5px;
}
.discount-percentage {
	position:absolute;
	top:0px;
	right:0px;
	font-size:12px;
	background-color:ee4d2d;
	color:white;
}
.sidebar-panel-content ul li .p-img{
	width: 100px;
  	height: 100px;
	margin-bottom: 5px;
}
.sidebar-panel-content ul li .p-img a {
  	display: block;
  	width: 100px;
  	height: 100px;
  	text-align: center;
  	margin-bottom: 5px;
}
.sidebar-panel-content ul li .p-img a img{
	width: 105px;
  	height: 105px;
}
.sidebar-panel-content ul li .p-name{
	display: none;
}
.sidebar-panel-content ul li .p-comm{
	width: 100px;
}
.sidebar-panel-content ul li.price {
  color: #c81623;
}
/*侧边栏购物,红包内容*/
.cart-panel-main,.voucher-panel-main{
	position:relative;	
}
.cart-panel-content,.voucher-panel-content {
    width: 270px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
.tip-box{
	position:absolute;
	top:50%;
	width:270px;
	margin-top:-100px;	
	text-align:center;
}
.category-wrap .tip-box{
	position:static;
	margin:50px auto 0;	
}
.tip-box .tip-icon{
	display:block;
	width:156px;
	height:85px;
	margin:0 auto;
	background:url(/img/common/noresult.png) no-repeat 0 0;
}
.tip-box .tip-text{
	line-height:20px;
	padding:10px;
}
.cart-panel-content .cart-list{
	width:100%;	
}
.cart-panel-content .cart-item{
	padding: 0 5px;
    margin-bottom: 10px;
    background: #fff;	
}
.cart-panel-content .cart-item .item-goods{
	padding: 8px 0;
	font-size:13px;
    position: relative;
    overflow: hidden;	
}
.cart-panel-content .cart-item .item-goods .p-img {
    float: left;
    width: 65px;
    height: 65px;
    border: 1px solid #eee;
    padding: 0;
    margin-right: 5px;
}
.cart-panel-content .cart-item .item-goods .p-img img {
    width: 65px;
    height: 65px;
}
.cart-panel-content .cart-item .item-goods .p-name {
	font-size:13px;
    line-height: 13px;
    margin-bottom: 4px;
    overflow: hidden;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cart-panel-content .cart-item .item-goods .p-variants {
	font-size:13px;
    line-height: 13px;
    margin-bottom: 4px;
    overflow: hidden;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.cart-panel-content .cart-item .item-goods .p-name a {
	text-decoration:none; color:#666666;
}

.cart-panel-content .cart-item .item-goods .p-price {
    height: 16px;
    overflow: hidden;
    font: 12px/16px verdana;
    color:#ee4d2d;
}
.cart-panel-content .cart-item .item-goods .p-price strong {
    color: #f26921;
    font-weight: 400;
}
.cart-panel-content .cart-item .item-goods .p-del {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 35px;
    height: 16px;
    line-height: 16px;
    color: #005aa0;
    text-align: right;
    display: none;
}
.cart-panel-content .cart-item:hover .item-goods .p-del{
	display:block;	
}

.cart-panel-footer{
	position:absolute;
	bottom:0px;
	width:100%;
	height: 50px;
    background-color: #eceaea;	
}
.cart-panel-footer .cart-footer-checkout {
	font-size:13px;
	height: 40px;
    padding: 5px 110px 5px 5px;
	position:relative;
   
}
.cart-panel-footer .cart-footer-checkout .number,.cart-panel-footer .cart-footer-checkout .sum {
    line-height: 20px;
}
.cart-panel-footer .cart-footer-checkout .number strong,.cart-panel-footer .cart-footer-checkout .sum .total{
    font-family: verdana;
    color: #f26921;
}
.cart-panel-footer .cart-footer-checkout .btn{
	position: absolute;
    right: 5px;
    top: 7px;
    width: 110px;
    text-align: center;
    background: #f26921;
    color: #fff;	
}
/*侧边栏红包列表*/
.voucher-list {width:100%;}

.voucher-item {
	margin: 0 10px 10px;
    background: white;
    box-shadow: 0 8px 6px -6px black;
    overflow: hidden;
    position: relative;
	padding:5px;
	display: flex;
    flex-wrap: wrap;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
	height: 85px;
    align-items: center;
}

.voucher-item.invalid {opacity:0.2; cursor:not-allowed}

.voucher-item > .voucher-selected-icon {     position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5) inset; cursor:pointer }

.voucher-item.invalid > .voucher-selected-icon { cursor:inherit} 

.voucher-item.selected > .voucher-selected-icon { background-color:yellowgreen;}

.voucher-item.selected > .voucher-selected-icon:after {
    content: "✓";
    position: absolute;
    left: 5px;
    top: 3px;
    color: white;
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
}

.voucher-item > div:nth-child(1) {width:25%; text-align:center; border-right:1px solid #EEEEEE;}

/* VOUCHERS */
.voucher-item > div:nth-child(1) {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0,var(--vc-card-left-border-color,#e8e8e8))) 0 0.0625rem /0.0625rem calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y,radial-gradient(circle at 0 var(--vc-card-radius,.25rem),transparent 0,transparent calc(var(--vc-card-radius, .25rem) - 0.0625rem),var(--vc-card-left-border-color,#e8e8e8) 0,var(--vc-card-left-border-color,#e8e8e8) var(--vc-card-radius,.25rem),var(--vc-card-left-fill-color,#fff) 0) 0 0.0625rem /100% calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y;
	
    background: linear-gradient(180deg,transparent calc(var(--vc-card-radius, .25rem)*2),var(--vc-card-left-border-color,#e8e8e8) 0) 0 0.0625rem /0.0625rem calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y,radial-gradient(circle at 0 var(--vc-card-radius,.25rem),transparent 0,transparent calc(var(--vc-card-radius, .25rem) - 0.0625rem),var(--vc-card-left-border-color,#e8e8e8) 0,var(--vc-card-left-border-color,#e8e8e8) var(--vc-card-radius,.25rem),var(--vc-card-left-fill-color,#fff) 0) 0 0.0625rem /100% calc(var(--vc-card-radius, .25rem)*2 + var(--vc-card-gap, .125rem)) repeat-y;
    
}

/* VOUCHERS */

.voucher-item > div:nth-child(1) > img {width:100%; margin-bottom:5px;}
.voucher-item > div:nth-child(1) > div {font-weight:bold; font-size:12px; line-height:12px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap}

.voucher-item > div:nth-child(2) { width:75%; padding-left:10px; padding-right:10px; text-align:left; font-size:12px; line-height:12px; }
.voucher-item > div:nth-child(2) > div:nth-child(1) {font-weight:bold}

.voucher-item > div:nth-child(2) > div:nth-child(4) {font-style:italic; color:red; font-size:0.95em;}

.voucher-item > div:nth-child(2) > .voucher-claim-button { position:absolute; right:5px; bottom:5px; width:42px; height:20px; background-color:black; color:white; border-radius:5px; text-align:center; line-height:20px; cursor:pointer}

.voucher-item > div:nth-child(2) > a.voucher-use-button { position:absolute; right:5px; bottom:5px; width:42px; height:20px; background-color:black; color:white; border-radius:5px; text-align:center; text-decoration:none; line-height:20px; cursor:pointer}

.voucher-apply-button {position:absolute; right:0; top:0}

.voucher-empty { padding:50px; text-align:center;}


.bonus-panel-content .bonus-list{
	width:100%;	
}


.bonus-user-content .bonus-item,

.bonus-panel-content .bonus-item {

    margin:0 10px 10px;

    background: #f26921;

	box-shadow:0 8px 6px -6px black;

	overflow:hidden;

	position:relative;

}
.bonus-user-content .bonus-item { width:250px; float:left; height:160px;}.bonus-user-content .bonus-item a,

.bonus-panel-content .bonus-item a{color:#fff; }
.bonus-user-content .bonus-item .bonus-claim-button,

.bonus-panel-content .bonus-item .bonus-claim-button {

	position:absolute;

	right:10px;

	bottom:10px;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	height:24px;

	line-height:24px;

	background:#FFFF9D;

	color:#f26921;

	padding:0 8px;

	font-size:12px;

	margin-top:2px;

}
.bonus-user-content .bonus-item .bonus-quantity,

.bonus-panel-content .bonus-item .bonus-quantity {

	position:absolute; left:10px; bottom:10px;

	border-radius:10px;

	-webkit-border-radius:10px;

	-moz-border-radius:10px;

	height:24px;

	line-height:24px;

	background:#FFFF9D;

	color:#f26921;

	padding:0 8px;

	font-size:12px;

	margin-top:2px;

	

}
.bonus-user-content .bonus-item .bonus-item-wrap,

.bonus-panel-content .bonus-item .bonus-item-wrap {

	float: left;

    display: inline-block;

    width: 250px;

    clear: both;

    padding: 10px 13px;;

    box-sizing: border-box;

}
.bonus-user-content .bonus-item .bonus-item-wrap:first-child,

.bonus-panel-content .bonus-item .bonus-item-wrap:first-child { padding-bottom: 0px;}.bonus-user-content .bonus-item .bonus-price,

.bonus-panel-content .bonus-item .bonus-price {

	float:left;

	display:inline-block;

	width:118px;

	box-sizing: border-box;

}
.bonus-user-content .bonus-item .bonus-price > div:nth-child(1),

.bonus-panel-content .bonus-item .bonus-price > div:nth-child(1) {

	font-size:16px;

	margin-bottom:5px;

	box-sizing: border-box;

}
.bonus-user-content .bonus-item .bonus-price > div:nth-child(2),

.bonus-panel-content .bonus-item .bonus-price > div:nth-child(2) {

	font-weight:bold;

	font-size:28px;

	box-sizing: border-box;

}
.bonus-user-content .bonus-item .bonus-logo,

.bonus-panel-content .bonus-item .bonus-logo {

	float:right;

	display:inline-block;

	width:90px;

	box-sizing: border-box;

}
.bonus-user-content .bonus-item .bonus-logo img,

.bonus-panel-content .bonus-item .bonus-logo img {

	width:100%;

	border:0px;

}

/*侧边栏用户弹出内容*/
.sidebar-user,.sidebar-service{
	width: 227px;
    height: auto;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    border-radius: 5px 0 0 5px;
    border: 1px solid #ddd\0;
	border-right:0;
    z-index: 999999;
    position: absolute;
    top: 0;
    left: -247px;
    left: -248px\0;
    display: none;	
}
.sidebar-user .arrow-right,.sidebar-service .arrow-right{
	position: absolute;
    right: -5px;
    top: 15px;
    width: 5px;
    height: 9px;
    background-position: -294px -124px;
    overflow: hidden;	
}
.sidebar-user .user-pic{
	width:74px;
	height:74px;
	position:relative;	
	margin:0 auto;
}
.sidebar-user .user-pic img{
	width:74px;
	height:74px;	
}
.sidebar-user .user-pic-mask{
	width:74px;
	height:74px;
	background:url(../images/mask1.png) no-repeat center center;
	position:absolute;
	left:0;
	top:0;
}
.sidebar-user p{
	text-align:center;	
	padding-bottom:10px;
}
.sidebar-user a{
	padding:0 5px;	
	margin:0 5px;
}
.sidebar-user .user-have-login {
	overflow:hidden;	
}
.sidebar-user .user-have-login .user-pic{
	float:left;	
}
.sidebar-user .user-have-login .user-info{
	width:130px;
	padding-left:15px;
	float:left;	
	padding-top:15px;
}
.sidebar-user .user-have-login .user-info p{
	text-align:left;
	padding-bottom:5px;
	white-space: nowrap;
}	
.sidebar-user .btn{
	display:inline-block;
	padding:5px 15px;
	background:#F9F9F9;
	border:1px solid #eee;	
}
.sidebar-user .mt10{
	margin-top:10px;	
}

/*侧边栏在线客服*/
.sidebar-service{
	padding:10px;
	width:130px;
	height:auto;
	bottom:0;
	top:auto;
	left:-150px;
	left:-151px\0;	
}
.sidebar-service .arrow-right{
	top:auto;
	bottom:15px;	
}
.sidebar-service .customer-service{
	overflow:hidden;	
	padding:6px 0;
}
.sidebar-service .customer-service span{
	display:block;
	width:27px;
	height:27px;
	float:left;
	background:url(../images/user-icon.png) no-repeat;	
	margin-right:10px;
}
.sidebar-service .customer-service .icon-online{
	background-position:-54px -123px;	
}
.sidebar-service .customer-service .icon-ww{
	background-position:0 -123px;	
}
.sidebar-service .customer-service .icon-qq{
	background-position:-27px -123px;	
}
.sidebar-service .customer-service a{
	float:left;
	height:27px;
	line-height:27px;	
}

.elevator-container {
	position: sticky;
    top: 0;
}

.elevator {
	overflow: visible;
	width: 40px;
	height: 400px;
	position:absolute;
	/*position: fixed;*/
	left: -30px;
	top: 30px;
	/*margin: -150px 0 0px -650px;*/
	z-index: 3333;
	display: block;
	
}

.elevator .elevator-floor {
	width: 40px;
	height: 400px;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	position: absolute;
	left: 0;
	top: 0
}
.elevator .elevator-floor a {
	width: 40px;
	height: 35px;
	line-height: 35px;
	display: block;
	position: relative;
	margin-top: -1px;
	cursor: pointer;
	text-decoration:none
}
.elevator .elevator-floor b {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0 0 -9px;
	z-index: 1;
	color:#625351;
	font-family: Arial;
}

.elevator .elevator-floor .fs-name {
	width: 40px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: #f26921 ;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: none
}
.elevator .elevator-floor .fs-line {
	display: block;
	width: 16px;
	margin-left: -9px;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-top: 1px dotted #f26921;
	position: absolute;
	left: 50%;
	top: 35px;
	z-index: 3
}
.elevator .elevator-floor a.active .fs-name {
	background: #f26921;
	color: #fff ;
	display: block
}
.elevator .elevator-floor a.active .fs {
	display: none
}
.elevator .elevator-floor a.active .fs-name:hover {
	background: #f26921 ;
	color: #fff;
	text-decoration:none
}
.elevator .elevator-floor a:hover .fs-name {
	display: block
}
.elevator .elevator-floor a:hover .fs-line {
	display: none
}
.elevator .elevator-floor a.active .fs-line{
	display: none;
}


ul.category-breadcrumb { float:left; display:inline-block; list-style:none; padding:0px; margin:0px; }
ul.category-breadcrumb > li { position:relative; float:left;display:inline-block; padding:10px 5px; font-size:13px; color:#666666; }

ul.category-breadcrumb > li > ul { position:absolute; top:31px; left:5px; float:left; width:300px; height:0px; display:inline-block; list-style:none; padding:5px 0px 5px 0px; margin:0px; background-color:white;  overflow:hidden; opacity:1;-webkit-transition: all .2s linear; transition: all .2s linear;; z-index:8; opacity:0}
ul.category-breadcrumb > li > ul > li { position:relative; float:left; display:inline-block; width: 149px; padding: 1px 1px;}

ul.category-breadcrumb > li:hover ul { height:auto;opacity:1; border:1px solid #F26921}

ul.category-breadcrumb > li > a { position:relative; display:inline-block; width:100%; padding:0px 10px; border:1px solid #EEEEEE; text-decoration:none; color:#666666; overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }

ul.category-breadcrumb > li:hover > a {border:1px solid #F26921; border-bottom:1px solid white; text-decoration:none; color:#F26921; z-index:10}
ul.category-breadcrumb > li:hover > a.no-sub {border:1px solid #F26921;}


ul.category-breadcrumb > li > ul > li > a {display:inline-block; width:100%; padding:2px 10px; text-decoration:none; color:#666666; overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
ul.category-breadcrumb > li > ul > li > a:hover {text-decoration:none; color:#F26921;}


ul.category-breadcrumb .fa-angle-right { margin:2px;}


/* PRODUCT INFORMATION*/
.product-infomation img {max-width:100%;}
.product-infomation .product-image {display:inline-block;width:100%; overflow:hidden; border:1px solid #EEEEEE;}
.product-infomation .product-image { cursor:pointer}

.product-infomation .product-gallery { display:inline-block; width:100%; overflow:hidden; white-space:nowrap; position:relative}
.product-infomation .product-gallery > ul { display:inline-block; list-style:none; margin:0px; padding:0px; height:80px; }
.product-infomation .product-gallery > ul > li { display:inline-block; padding:2px 1px 2px 3px; width:80px; height:80px}
.product-infomation .product-gallery > ul > li > img { border:1px solid #EEEEEE; cursor:pointer}
.product-infomation .product-gallery > ul > li:hover img { border:1px solid #F26921;}

.product-infomation .product-gallery .nav-left,
.product-infomation .product-gallery .nav-right { position:absolute; top:0px; height:80px; line-height:80px; width:25px; text-align:center; background-color:#EEEEEE; color:black; opacity:0.5; cursor:pointer}


.product-infomation .product-gallery .nav-left {left:0px}
.product-infomation .product-gallery .nav-right {right:0px}

.product-infomation .product-price-info { font-size:28px; font-family:Arial, Helvetica, sans-serif; user-select:none; background-color:#F5F5F5; padding:18px; position:relative; margin-bottom:12px; margin-top:12px; }
.product-infomation .product-price-info .product-selling-price {color:#ee4d2d; }
.product-infomation .product-price-info .product-selling-price .currency-price { position:relative; padding-left:1.2em; }
.product-infomation .product-price-info .product-selling-price .currency-price:before{ position:absolute; top:0.25em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

.product-infomation .product-price-info .product-compare-price {font-size:0.6em; line-height:0.6em; color:gray; text-decoration:line-through}
.product-infomation .product-price-info .product-compare-price .currency-price { position:relative; padding-left:1.25em; }
.product-infomation .product-price-info .product-compare-price .currency-price:before{ position:absolute; top:0.5em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

.product-infomation .product-price-info .product-discount-percentage { position:absolute; top:0px; right:0px; min-width:45px; display:inline-block; padding:2px 3px 2px 3px; background-color: red;
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    animation: blinkingText 2s infinite;}
.product-infomation .product-promo {font-size:13px; margin-bottom:4px; height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal;}
.product-infomation .product-promo {font-size: 14px;
    line-height: 14px;
    display: flex;
    flex-wrap: nowrap;
	padding:0px 0px;;
    color: #F60;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    flex-direction: row;
    align-items: flex-end;}
.product-infomation .product-promo > span { border:1px solid #F60; padding:2px; margin-right:2px}
.product-infomation .product-promo-flash-deal { position:absolute; font-size:0.8em; display:inline-block; width:100%; text-align:center; left:0; top:0%}
.product-infomation .product-info {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 10px; color: gray; text-align:right}
.product-infomation .product-info > .rating-star {color:#ffce3d}

.product-infomation .product-fields {display: flex; flex-wrap: wrap; margin-top:15px; margin-bottom:15px;}

.product-infomation .product-fields > div {}
.product-infomation .product-fields > div:nth-child(1) { width:20%}
.product-infomation .product-fields > div:nth-child(2) { width:80%}

.product-infomation .product-quantity {display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;}
.product-infomation .product-quantity input { display:inline-block; width:65px; text-align:center; font-size:0.8em}
.product-infomation .btn-plus,
.product-infomation .btn-minus {font-size:0.8em}

.product-infomation .product-button { padding:15px 0px;}

.product-variantion-list {border:1px solid white}
.product-variantion-list.error { border:1px solid pink}
.product-variantion-list > .product-variantion { position:relative; line-height:20px; min-width:60px; border-radius:2px; background-color:white; color:#323233; margin:2px 3px; outline:none; box-shadow:none}
.product-variantion-list > .product-variantion.selected,
.product-variantion-list > .product-variantion:hover {outline:none; box-shadow:none; color:#ee4d2d; border:1px solid #ee4d2d}
.product-variantion-list > .product-variantion:focus {outline:none;  box-shadow:none}
.product-variantion-list > .product-variantion[disabled] {outline:none; border:1px dashed #666666; background-color:#EEEEEE; cursor:not-allowed; opacity:0.5; box-shadow:none}

.product-variantion-list > .product-variantion:before {content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-bottom: 18px solid #ee4d2d; display:none;
}
.product-variantion-list > .product-variantion:after {content: "✓";
    position: absolute;
    right: 0;
    bottom: 0;
	color:white;font-weight: bold;
    font-size: 12px;
    line-height: 12px;display:none;}

.product-variantion-list > .product-variantion.selected:before,
.product-variantion-list > .product-variantion.selected:after { display:inline-block;}

.product-quantity > button[disabled],
.product-quantity > input[disabled]{outline:none; border:1px solid #DDDDDD; color:#323233; background-color:; cursor:not-allowed; opacity:0.5; box-shadow:none}

.product-collector { cursor:pointer}
.product-collector > .fa { font-size:1.2em; color:var(--bs-primary)}

/*STORE INFORMATION*/

.store-information { min-height:180px; border:1px solid #EEEEEE; padding:15px; box-sizing: border-box; user-select: none;}

.store-rating {width:100%; display:flex; flex-wrap: wrap; justify-content: center; margin-top:10px;}
.store-rating > div { width:33%; text-align:center; padding:5px; } 
.store-rating > div > div { width:100%; padding:10px 10px; border:1px solid #EEEEEE; border-radius:10px; box-sizing:border-box; } 
.store-links {width:100%; display:flex; flex-wrap: wrap; justify-content: center; margin-top:10px;}
.store-links > div { width:50%; text-align:center; padding:5px; } 
.store-links > div > a,
.store-links > div > button { width:100%}

.store-rating-inline {width:100%; display:flex; flex-wrap: wrap; justify-content: center; margin-top:0px;}
.store-rating-inline > div { width:33%; text-align:center; padding:5px; } 
.store-rating-inline > div > div { width:100%; padding:2px 2px; border:1px solid #EEEEEE; border-radius:2px; box-sizing:border-box; } 

.store-follow-link { text-decoration:none; padding-right:20px; cursor:pointer; color:white }

.points-reward { color:#ee4d2d;}
.points-rank { color:#ee4d2d;}


table.table-member-price { display:inline-block; border:1px solid #666; font-weight:normal; font-size:13px; background-color:white;}
table.table-member-price tr { border-bottom:1px solid #666;}
table.table-member-price tr:last-child { border-bottom:none;}
table.table-member-price th { font-family:var(--bs-body-font-family); color:#666; font-weight:normal; padding-left:12px; padding-right:12px; text-align:center; border-right:1px solid #666}
table.table-member-price td { font-family:var(--bs-body-font-family); color:#ee4d2d; text-align:center; padding-left:12px; padding-right:12px; border-right:1px solid #666}

table.table-member-price th:last-child,
table.table-member-price td:last-child { border-right:none;}

table.table-member-price td .currency-price { position:relative; padding-left:1.2em; }
table.table-member-price td .currency-price:before{ position:absolute; top:0.25em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

.store { background-color:white; padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.store-info { border-right:1px solid #CCC; position:relative}
.store-image { text-align:center}
.store-image img { width:200px; }
.store-name {font-weight:bold; font-size:22px; text-align:center}

.store-buttons { position:absolute; bottom:10px; left:0px; width:100%; display:flex; flex-wrap: wrap; justify-content: center;}
.store-buttons > div { width:50%; text-align:center}
.store-buttons a { text-decoration:none}

/*///////////////////////*/
/* STORE PRODUCT LIST / THUMB */
ul.store-product-list {list-style:none; padding:0px; margin:0px; display: flex; flex-wrap: wrap; height:210px}
ul.store-product-list > li { float:left; width:20%; margin-bottom:8px; padding-left:8px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; }
ul.store-product-list > li > a.product-link { position:relative; float:left; width:100%; text-align:left; padding:12px; text-decoration:none; background-color:white; -webkit-transition: all .2s linear; transition: all .2s linear;}
ul.store-product-list > li > a.product-link:hover{ position:relative;	z-index:1000; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.4); box-shadow: 0 5px 15px rgba(0,0,0,0.4); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
ul.store-product-list > li .product-image { margin-bottom:8px;}
ul.store-product-list > li .product-name {font-size:13px; height:15px; line-height: normal; color: #212121; display: inline-block;
    /* word-wrap: break-word; */
    /* white-space: normal; */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
ul.store-product-list > li .product-promo {font-size:13px; margin-bottom:4px; height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal;}

ul.store-product-list > li .product-promo {font-size: 10px;
    line-height: 10px;
    display: flex;
    flex-wrap: nowrap;
    color: #F60;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    flex-direction: row;
    align-items: flex-end;}

ul.store-product-list > li .product-promo > span { border:1px solid #F60; padding:2px; margin-right:2px}
ul.store-product-list > li .product-promo-flash-deal { position:absolute; font-size:0.8em; display:inline-block; width:100%; text-align:center; left:0; top:0%}
ul.store-product-list > li .product-price { position:absolute; bottom:34px; left:0px; width:100%; background-color:rgb(1,1,1,0.6); padding:8px 3px; font-size:16px; ; line-height:16px; display: flex; flex-wrap: wrap; justify-content: center; color:white; font-family:Arial, Helvetica, sans-serif; user-select:none}
ul.store-product-list > li .product-info {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10px; color: gray;}
ul.store-product-list > li .product-info > .rating-star {color:#ffce3d}
ul.store-product-list > li .product-discount-percentage { position:absolute; top:0px; right:0px; min-width:45px; display:inline-block; padding:2px 3px 2px 3px; background-color: red;
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    animation: blinkingText 2s infinite;}
ul.store-product-list > li .product-compare-price {font-size:0.8em; line-height:0.8em; color:gray; text-decoration:line-through }
ul.store-product-list > li .product-price .currency-price { position:relative; padding-left:1.2em; }
ul.store-product-list > li .product-price .currency-price:before{ position:absolute; top:0.25em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}
ul.store-product-list > li .product-compare-price .currency-price { position:relative; padding-left:1.25em; }
ul.store-product-list > li .product-compare-price .currency-price:before{ position:absolute; top:0.5em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}

/* STORE PAGE*/
.store-logo { height:70px;}
.store-floor { float:left; width:100%; }
.store-floor-center {float:left; width:100%;}
.store-floor-left {float:left; width:76%;}
.store-floor-right { float:right; width:24%; padding-left:30px; }
.store-floor-header-img > a { display:inline-block; width:100%; position:relative }
.store-floor-header > a { display:inline-block; width:100%; padding:5px 15px; font-size:20px; color:white; text-decoration:none; position:relative }
.store-floor-header-sidebar {     position: absolute;
    right: 0px;
    bottom: 10px;
    font-size: 20px;
    border-radius: 18px 0px 0px 18px;
    padding: 3px 15px;
    opacity: 0.9;
    color: white;}
.store-floor-footer { margin-bottom:20px;}
.store-floor-footer > a { display:inline-block; width:100%; padding:5px 15px; font-size:20px;  text-decoration:none; position:relative ; text-align:right}
.store-floor-product-list { background-color:#F5F5F5}

ul.product-list.store-category {border: 1px solid #EEEEEE;}
ul.product-list.store-category > li { float:left; width:25%; margin-bottom:8px; padding-left:4px; padding-right:4px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; }

ul.product-list.product-5 {border: 1px solid #EEEEEE;}
ul.product-list.product-5 > li { float:left; width:20%; margin-bottom:8px; padding-left:4px; padding-right:4px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; }

/**/

ul.product-list.product-5 > li > a.product-link { height:366px;}
ul.product-list.product-5 > li .product-name {height:30px;}
/*
ul.product-list > li .product-promo {font-size:13px; margin-bottom:4px; height:20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal;}

ul.product-list > li .product-promo {font-size: 10px;
    line-height: 10px;
    display: flex;
    flex-wrap: nowrap;
    color: #F60;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    flex-direction: row;
    align-items: flex-end;}

ul.product-list > li .product-promo > span { border:1px solid #F60; padding:2px; margin-right:2px}
ul.product-list > li .product-promo-flash-deal { position:absolute; font-size:0.8em; display:inline-block; width:100%; text-align:center; left:0; top:0%}
ul.product-list > li .product-price { font-size:16px; ; line-height:16px; display: flex; flex-wrap: wrap; color:#ee4d2d; font-family:Arial, Helvetica, sans-serif; user-select:none}
ul.product-list > li .product-info {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10px; color: gray;}
ul.product-list > li .product-info > .rating-star {color:#ffce3d}
ul.product-list > li .product-discount-percentage { position:absolute; top:0px; right:0px; min-width:45px; display:inline-block; padding:2px 3px 2px 3px; background-color: red;
    color: #fff;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    animation: blinkingText 2s infinite;}
ul.product-list > li .product-compare-price {font-size:0.8em; line-height:0.8em; color:gray; text-decoration:line-through }
ul.product-list > li .product-price .currency-price { position:relative; padding-left:1.2em; }
ul.product-list > li .product-price .currency-price:before{ position:absolute; top:0.25em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}
ul.product-list > li .product-compare-price .currency-price { position:relative; padding-left:1.25em; }
ul.product-list > li .product-compare-price .currency-price:before{ position:absolute; top:0.5em; left:0px; content:"RM"; font-size:0.75em; line-height:0.75em;}
/**/


/* STORE CATEGORY MENU*/
.category-menu {
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
}

.category-menu-header,
.category-menu-footer {
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
	text-align: center;
    padding: 5px 10px;
    color: white;
    font-size: 16px;
    margin: 0px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

.category-menu-container {
	position:relative;
	float: left;
    display: inline-block;
    font-size: 20px;
    color: white;
    margin: 3px;
	cursor:pointer;
	box-sizing:border-box;
	font-size:16px;
}

.category-menu-div {
	position:absolute;
	float: left;
	display: inline-block;
	width:100%;
	height:0px;
	z-index:10000;
	text-align:left;
	box-sizing:border-box;
	top: 27px;
    left: -1px;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.category-menu-body {
	float: left;
	display: inline-block;
	width:100%;
	height:100%;
	box-sizing:border-box;
	
}

.category-menu-body .category-menu > li.show-more { display:none; } 

.category-menu-body-collaspe .category-menu > li:nth-child(1n+6) {
	display:none;
}

.category-menu-body-collaspe .category-menu > li.show-more {
	text-align:right;
	padding:5px;
	display:block;
}
/**/

ul.category-menu {
	display:inline-block;
	float:left;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

ul.category-menu > li {
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	padding:0px;
	border-bottom:1px solid #CCCCCC;
	background-color:#EEEEEE;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-menu > li > a {
	float:left;
	width:100%;
	padding:5px 10px 5px 30px;
	color:#666666;
	text-align:left;
	box-sizing:border-box;
	height:auto;
	font-size:14px;
	text-decoration:none;
}

ul.category-menu > li:hover > a,
ul.category-menu > li.selected > a {
	color:#DA0112;
}

ul.category-menu > li > a > i.fa {
	position:absolute;
	top:8px;
	left:10px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-menu > li > a > i.fa.fa-caret-right {
	left:15px;
}

ul.category-menu > li > ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0px ;
	padding:0px;
	display:none;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	box-sizing:border-box;
}

ul.category-menu > li > ul > li {
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	padding:0px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-menu > li > ul > li > a {
	float:left;
	width:100%;
	padding:5px 10px 5px 40px;
	color:#666666;
	text-align:left;
	box-sizing:border-box;
	height:auto;
	border-top:1px solid #cccccc;
	font-size:14px;
	text-decoration:none;
}

ul.category-menu > li > ul > li > a i.fa {
	position:absolute;
	top:8px;
	left:20px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-menu > li > ul > li > a span.fa {
	position:absolute;
	top:8px;
	left:30px;
	box-sizing:border-box;
}


ul.category-menu > li > ul > li > a:hover {
	color:#DA0112;
}

ul.category-menu > li > ul > li > ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0px ;
	padding:0px;
	display:none;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	box-sizing:border-box;
}

ul.category-menu > li > ul > li > ul > li {
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	padding:0px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-menu > li > ul > li > ul > li > a {
	float:left;
	width:100%;
	padding:5px 10px 5px 50px;
	color:#666666;
	text-align:left;
	box-sizing:border-box;
	height:auto;
	border-top:1px solid #cccccc;
	font-size:14px;
	text-decoration:none;
}

ul.category-menu > li > ul > li > ul > li > a i.fa {
	position:absolute;
	top:8px;
	left:30px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-menu > li > ul > li > ul > li > a span.fa {
	position:absolute;
	top:8px;
	left:40px;
	box-sizing:border-box;
}

ul.category-menu > li > ul > li > ul > li > a:hover {
	color:#DA0112;
}

.category-menu-container.selected > .category-menu-div {
	height:auto;
}

/* CATEGORY DROPDOWN MENU*/
.category-dropdown-menu-container {
	position:relative;
	float: left;
    display: inline-block;
    color: white;
    margin: 3px;
	cursor:pointer;
	box-sizing:border-box;
}
.category-dropdown-menu-icon { font-size:24px; margin-top:5px;}

.category-dropdown-menu-div {
	position:absolute;
	float: left;
	display: inline-block;
	width:250px;
	height:0px;
	z-index:10000;
	text-align:left;
	box-sizing:border-box;
	top: 19px;
    left: -1px;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.category-dropdown-menu-body {
	float: left;
	display: inline-block;
	width:100%;
	height:100%;
	margin-top:20px;
	padding:0 10px 10px 0;
	box-sizing:border-box;
	
}
.category-dropdown-menu-body:after {
	content: " ";
    position: absolute;
    left: 6px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #EEEEEE;
}

.category-dropdown-menu-body.side-menu:after {
	display:none;
}

/**/

ul.category-dropdown-menu {
	display:inline-block;
	float:left;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	box-shadow: 1px 1px 2px grey;
	font-size:14px;
}

ul.category-dropdown-menu > li {
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	padding:0px;
	border-bottom:1px solid #CCCCCC;
	background-color:#EEEEEE;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > a {
	float:left;
	width:100%;
	padding:5px 15px 5px 30px;
	color:#666666;
	text-align:left;
	box-sizing:border-box;
	height:auto;
	text-decoration:none;
}

ul.category-dropdown-menu > li:hover > a,
ul.category-dropdown-menu > li.selected > a {
	color:#DA0112;
}

ul.category-dropdown-menu > li > a > i.fa {
	position:absolute;
	top:8px;
	left:10px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > a > i.fa.fa-caret-right {
	left:15px;
}

ul.category-dropdown-menu > li > ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0px ;
	padding:0px;
	display:none;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > ul > li {
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	padding:0px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > ul > li > a {
	float:left;
	width:100%;
	padding:5px 15px 5px 40px;
	color:#666666;
	text-align:left;
	box-sizing:border-box;
	height:auto;
	border-top:1px solid #cccccc;
	text-decoration:none;
}

ul.category-dropdown-menu > li > ul > li > a i.fa {
	position:absolute;
	top:8px;
	left:20px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > ul > li > a span.fa {
    position: absolute;
    top: 8px;
    left: 30px;
    box-sizing: border-box;
}

ul.category-dropdown-menu > li > ul > li > a:hover {
	color:#DA0112;
}

ul.category-dropdown-menu > li > ul > li > ul {
	float:left;
	width:100%;
	list-style:none;
	margin:0px ;
	padding:0px;
	display:none;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > ul > li > ul > li {
	position:relative;
	display:inline-block;
	float:left;
	width:100%;
	padding:0px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > ul > li > ul > li > a {
	float:left;
	width:100%;
	padding:10px 15px 10px 50px;
	color:#666666;
	text-align:left;
	box-sizing:border-box;
	height:auto;
	border-top:1px solid #cccccc;
	text-decoration:none;
}

ul.category-dropdown-menu > li > ul > li > ul > li > a i.fa {
	position:absolute;
	top:8px;
	left:30px;
	cursor:pointer;
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > ul > li > ul > li > a span.fa {
	position:absolute;
	top:12px;
	left:40px;
	box-sizing:border-box;
}

ul.category-dropdown-menu > li > ul > li > ul > li > a:hover {
	color:#DA0112;
}

.category-dropdown-menu-container.selected > .category-dropdown-menu-div {
	height:auto;
}


/* USER CENTER*/

.user-info {
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
	margin-bottom:20px;
}

.user-info-header,
.user-info-footer {
	background-color: var(--bs-primary);
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
	text-align: center;
    padding: 5px 10px;
    color: white;
    font-size: 16px;
    margin: 0px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

.user-info-footer {border-radius: 0px 0px 5px 5px;}

.user-info-middle {
	display:block;
	float:left;
	width:100%;
	padding:20px;
	background-image:url('/img/users/userinfo_bg.png');
}

.user-center-container { padding-right:25px;}
.user-info-wrap { display:flex; font-size:14px; color:#999 }
.user-info-thumb-t { border-radius:50%; width:70px; height:70px; border:3px solid white; overflow:hidden}
.user-info-thumb-i { border-radius:50%; width:110px; height:110px; border:3px solid #EEEEEE; overflow:hidden}

.user-info-wrap > div:nth-child(1) { width:45%; text-align:center }
.user-info-wrap > div:nth-child(2) { padding-left:15px; text-align:left; }
.user-info-wrap a { text-decoration:none; }
.user-center-menu {	padding:20px 40px;	border:1px solid #EEEEEE;	background-color:white; }
.user-center-menu a { text-decoration: none}
.user-center-menu-header { font-size:1.1em; color:gray; padding:20px 0px 10px 0px ; }


.progress {
    height: 15px;
    font-size: 15px;
    border-radius: 5;
}

#captcha_code {
    
    cursor: pointer;
}

/* progress indicator*/
ul.bullet-indicator {
	list-style:none;
	display:flex;
	padding:0;
	width:100%;
	margin:20px 0;
	height:50px;
}

ul.bullet-indicator > li {
	margin:0;
	width:33.3%;
	position:relative;
}

ul.bullet-indicator > li:before {
	content: ' ';
	display:inline-block;
	position:absolute;
	width:100%;
	min-height:5px;
	background-color:#ccc;
	border-radius:10px;
}

ul.bullet-indicator > li > span:nth-child(1) {
	position: relative;
	top:-10px;
	left:50%;
	margin-left:-12.5px;
	display:inline-block;
	text-align:center;
	color: #fff;
	font-weight: 700;
	width: 25px;
	height: 25px;
	background-color: #ccc;
	line-height: 24px;
	font-size:16px;
	border-radius:50%;
}

ul.bullet-indicator > li > span:nth-child(2) {
	position: relative;
    top: -10px;
	display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1.2;
	color:#ccc;
}

ul.bullet-indicator > li.doing:before,
ul.bullet-indicator > li.doing > span:nth-child(1) {background-color:#7ABD54;}
ul.bullet-indicator > li.doing > span:nth-child(2) {color:#7ABD54;}

ul.bullet-indicator > li.done:before,
ul.bullet-indicator > li.done > span:nth-child(1) {background-color:#CAECB6;}
ul.bullet-indicator > li.done > span:nth-child(2) {color:#CAECB6;}



/* checkout cart*/
.table-cart { background-color:white; border-radius:5px; margin-bottom:20px;}

.row-promotion-info > td,
.row-shipping-info > td { font-size:0.9em}
.row-store-info > td { background-color: aliceblue;}
.row-seller-info > td { padding:20px;}

.row-shipping-info { background-color:#FAFDFF; min-height:100px;}

.row-store-subtotal { border-bottom:2px solid}
.row-store-subtotal > td {padding-bottom:40px; font-size:0.9em}

.cart-item-disabled { opacity:0.5; cursor:not-allowed; }

.cart-product-detail {padding:0px; margin:0px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-start;}
.cart-product-detail > div:nth-child(1) { width:100px}
.cart-product-detail > div:nth-child(1) img { width:110px; height:110px; background-color:white;}
.cart-product-detail > div:nth-child(2) { width:100%; padding:5px 25px;}

.cart-selling-price { }
.cart-quantity-display {text-align:center}
.cart-quantity {display: flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-start; align-items: center; }

.cart-quantity > div { border:1px solid #DEE2E6; cursor:pointer}

.cart-quantity > div:nth-child(2) {}
.cart-quantity .item-quantity { display:inline-block; width:60px; height:25px; text-align:center; border:none; }
.cart-quantity > div:nth-child(1) > span,
.cart-quantity > div:nth-child(3) > span { display:inline-block; width:25px; height:25px; text-align:center; user-select: none}

.cart-quantity > div:nth-child(1) > span.disabled,
.cart-quantity > div:nth-child(3) > span.disabled { opacity:0.2; cursor:not-allowed;}

.cart-quantity-available { color:red; text-align:center; font-size:0.8em; padding:2px}

.cart-compare-price { text-decoration:line-through; font-size:0.9em; color:#999 }
.cart-sub-total { color:#F26921}


.cart-voucher-info {display:flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-start; align-items: center; float:left; min-height:40px; line-height:40px; padding-left:20px }

.cart-voucher-info .cart-voucher-icon {
	position:relative;
	width: 24px;
    height: 20px;
    display: inline-block;
	background-image: url(images/common-icon.png) ;
	background-repeat: no-repeat;
	background-position: -363px -153px;
}

.cart-voucher-info .cart-voucher-icon:before {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-bottom: 12px solid #0075FF;
    display: none;
}

.cart-voucher-info .cart-voucher-icon:after {
    content: "✓";
    position: absolute;
    right: 0;
    bottom: 3px;
    color: white;
    font-weight: bold;
    font-size: 8px;
    line-height: 8px;
    display: none;
}

.cart-voucher-info.selected .cart-voucher-icon:before,
.cart-voucher-info.selected .cart-voucher-icon:after { display:block}

.cart-voucher-info .cart-voucher-display {
	padding-left:20px;
}
.cart-voucher-info .cart-voucher-list-container {
	position:relative;
	padding-left:20px;
}

.cart-voucher-info .cart-voucher-list-container > .cart-voucher-select-button { color:orange; cursor:pointer; }
.cart-voucher-info .cart-voucher-list-container > .cart-voucher-select-list {
	border:1px solid #CCC;
	background-color:white;
	position:absolute;
	width:400px;
	height:450px;
	line-height:normal;
	box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.25);
	display:none;
	z-index:1000;
}

.cart-voucher-info .cart-voucher-list-container.open > .cart-voucher-select-list { display:block}

.cart-voucher-store-name { font-weight:bold; font-size:16px; line-height:16px; margin-bottom:10px;}
.cart-voucher-info .cart-voucher-list-container > .cart-voucher-select-list:after {
    content: " ";
    position: absolute;
    left: 25px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2d3035;
}

.cart-voucher-form { padding:20px; border-bottom: 1px solid #EEEEEE; }
.cart-voucher-form-close { position:absolute; right:10px; top:10px; cursor:pointer}
.cart-voucher-list { width:100%; height:350px; overflow:auto; padding-top:15px; padding-bottom:15px;}
.cart-promotion-info { float:right; min-height:40px; text-align:right; padding-top:8px;}

.cart-shipping-info { float:left; font-size:0.9em; padding-left:60px; width:100% }
.cart-shipping-info > div:nth-child(1) {display: flex; flex-wrap: wrap; align-items: center;}
.cart-shipping-info > div:nth-child(1) > div { display:inline-block; margin-right:5px; }
.cart-shipping-info > div:nth-child(1) > div {display: flex; flex-wrap: wrap;}
.cart-shipping-info > div:nth-child(1) > div > span.shipping { display:inline-block; position:relative; border:1px solid #EEEEEE; border-radius:5px; text-align:center; padding:5px 20px; margin-right:10px; cursor:pointer }
.cart-shipping-info > div:nth-child(1) > div > span.shipping:hover {}

.cart-shipping-info > div:nth-child(1) > div > span.shipping:before {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px  solid transparent;
    border-bottom: 20px solid #0075FF;
    display: none;
}

.cart-shipping-info > div:nth-child(1) > div > span.shipping:after {
    content: "✓";
    position: absolute;
    right: 1px;
    bottom: 0;
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    display: none;
}
.cart-shipping-info > div:nth-child(1) > div > span.shipping.selected:before,
.cart-shipping-info > div:nth-child(1) > div > span.shipping.selected:after { display:block }
.cart-seller-subtotal { float:right; padding-right:20px; width:500px; text-align:right;   }
.cart-seller-subtotal > div { display: flex; flex-wrap: wrap; font-size:0.9em; }
.cart-seller-subtotal > div > div:nth-child(1) { color:orange; width: 50%; padding-right:20px;}
.cart-seller-subtotal > div > div:nth-child(2) { color:orange; width: 50% ;}
.shipping-info {padding: 8px 22px; font-size: 0.9em;}
.shipping-info .shipping-desc { font-style:italic}
.shipping-info .shipping-spend { color:orange}

/* pickups*/
.shipping-pickup-list {
	font-size: 0.9em;
	display: flex;
    flex-wrap: wrap;
	width:100%;
}

.shipping-pickup-list > span.pickup { display:inline-block; position:relative; border:1px solid #EEEEEE; width:22%; border-radius:5px; text-align:left; padding:5px 20px; margin-right:10px; margin-bottom:10px; cursor:pointer }
.shipping-pickup-list > span.pickup:hover {}

.shipping-pickup-list > span.pickup:before {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px  solid transparent;
    border-bottom: 20px solid #0075FF;
    display: none;
}

.shipping-pickup-list > span.pickup:after {
    content: "✓";
    position: absolute;
    right: 1px;
    bottom: 0;
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    display: none;
}
.shipping-pickup-list > span.pickup.selected:before,
.shipping-pickup-list > span.pickup.selected:after { display:block }


.cart-total-summary { position:sticky; bottom:0; background-color:white;}

.cart-total-summary:before {content: "";
    position: absolute;
    top: -1.25rem;
    left: 0;
    height: 1.25rem;
    width: 100%;
    background: linear-gradient(transparent,rgba(0,0,0,.06));}

.cart-total-summary {padding:20px; margin:0px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-start; align-items: center;}
.cart-total-summary > div:nth-child(1) { width:350px}
.cart-total-summary > div:nth-child(2) { width:100%; padding-left:25px}
.cart-total-summary > div:nth-child(3) { width:600px}
.cart-total-summary > div:nth-child(4) { width:350px}

.cart-total-summary-details {padding:20px; width: 100%; float: left; background-color:white; margin:0px; border-bottom:1px solid #EEEEEE }

.cart-grand-total-detail { float:right; padding-right:20px; width:500px; text-align:right; }
.cart-grand-total-detail > div { display: flex; flex-wrap: wrap; font-size:0.9em; }
.cart-grand-total-detail > div > div:nth-child(1) { color:orange; width: 50%; padding-right:20px;}
.cart-grand-total-detail > div > div:nth-child(2) { color:orange; width: 50% ;}

.cart-grand-total { text-align:right; padding-right:20px}
.cart-grand-total > div { font-size:0.9em}
.cart-grand-total > div:nth-child(1) > b { color:orange;  font-size:1.2em}
.cart-grand-total > div:nth-child(2) { color:orange;}
.cart-payment-info {padding:50px; width: 100%; float: left; background-color:white; margin:0px; }
.cart-payment-info .payment-title {font-weight: bold; font-size: 19px; margin-bottom: 10px;}


.cart-empty { padding:100px; 50px; text-align:center;}

/*checkout page*/
.promotion-icon { display:inline-block; width:22px; height:22px; background-color:#FFA500; color:white; }
.promotion-icon.icon-bundle {}
.promotion-icon.icon-add-on {}
.promotion-icon.icon-special-price {}

.promotion-label {height: 22px; font: 12px/150% microsoft yahei !important; line-height: 22px !important; display: inline-block; background-color: orange; color:white !important; width: auto; padding: 0px 10px 0px 10px; border-left: 2px dotted white; border-right: 2px dotted white; white-space:nowrap; outline: medium none; text-decoration: none;}
.promotion-label > span { margin-left:5px;}
.promotion-label .promotion-label-0 {}
.promotion-label .promotion-label-1 {}
.promotion-label .promotion-label-2 {}
.promotion-label .promotion-label-3 {} 

.promotion-title{ display:inline-block; font-size:22px; font-weight:bold; text-align:center; background-color:orange; color:white; border-left:4px dotted white; border-right:4px dotted white; padding:10px 15px;}

#checkout-address-list {background-color: white;
    border-radius: 5px;
    margin-bottom: 20px;
	margin-left: 2px;
    margin-right: 2px;
	padding:10px;
	font-size:13px;
}

#checkout-address-list > .checkout-address { padding:10px; position:relative; cursor:pointer }
#checkout-address-list > .checkout-address > .checkout-address-edit{ font-size:normal; position:absolute; right:40px; top:20px; cursor:pointer}
#checkout-address-list > .checkout-address > .checkout-address-delete{ font-size:normal; position:absolute; right:20px; top:20px; cursor:pointer}

.checkout-address-error { text-align:center; font-size:16px; color: red; font-weight:normal; padding-left:20px;}

.checkout-shipping-error > span,
.checkout-address-error > span  { color:red; background-color:#FCC; border-radius:3px; padding:5px; }

#checkout-address-list > .checkout-address.selected:before {
    content: " ";
    position: absolute;
    right: 11px;
    bottom: 11px;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-bottom: 30px solid #0075FF;
}

#checkout-address-list > .checkout-address.selected:after {
    content: "✓";
    position: absolute;
    right: 15px;
    bottom: 12px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
}


#checkout-address-list > .checkout-address > div {border:1px solid #EEEEEE; padding:10px;} 
#checkout-address-list > .checkout-address > div > div.consignee { font-weight:bold}

#checkout-address-list > .checkout-address > div > div.consignee,
#checkout-address-list > .checkout-address > div > div.address,
#checkout-address-list > .checkout-address > div > div.stateinfo {
	overflow:hidden;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;	
}

.checkout-address-title { font-weight:bold; font-size:19px; margin-bottom:10px;}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#payment-list {display: flex; flex-wrap: wrap; flex-direction: column;}
#payment-list  > .payment {padding:10px 10px; }
#payment-list  > .payment > span { padding:10px 20px;  border: 1px solid #EEEEEE; position:relative; cursor:pointer}

#payment-list  > .payment > span:before {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px  solid transparent;
    border-bottom: 20px solid #0075FF;
    display: none;
}

#payment-list  > .payment > span:after {
    content: "✓";
    position: absolute;
    right: 1px;
    bottom: 0;
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    display: none;
}
#payment-list  > .payment.selected > span:before,
#payment-list  > .payment.selected > span:after { display:block }


.div-rect { background-color:white; border-radius:3px; border:1px solid #EEEEE; padding:60px 40px}

.order-buttons { padding:10px 10px;}
.order-div { padding:0px; margin-bottom:50px; border:1px solid #EEEEEE; border-radius:3px; overflow:hidden }
.order-seller-info { background-color:#F9F9F9; padding:10px 10px; display: flex; flex-wrap: wrap;}
.order-seller-info > div:nth-child(1) { width:33%; text-align:left; font-size:0.9em;}
.order-seller-info > div:nth-child(2) { width:34%; text-align:center; font-size:0.9em;}
.order-seller-info > div:nth-child(3) { width:33%; text-align:right; font-size:0.9em;}

.order-details-info { padding:10px 10px; border-bottom:1px solid #EEEEEE; }
.order-details-info > div {display: flex; flex-wrap: wrap; font-size:0.9em; line-height:1.1em; padding:3px 0px; }
.order-details-info > div > div:nth-child(1) { width:20%;}
.order-details-info > div > div:nth-child(2) { width:75%;}


.order-delivery-info { padding:10px 10px; display: flex; flex-wrap: wrap;}
.order-delivery-info > div:nth-child(1) { width:40%; border-right:1px solid #EEEEEE; text-align:left; font-size:0.9em;}
.order-delivery-info > div:nth-child(2) { width:60%; text-align:left; font-size:0.9em; padding-left:10px;}

.order-payment-info { padding:10px 10px; border-top: 1px solid #EEEEEE; font-size:0.9em; }

.order-content-info { padding:10px 10px; border-top: 1px solid #EEEEEE; font-size:0.9em;}

.order-store-info { background-color:#F9F9F9; padding:10px 10px; font-size:0.9em; border-top: 1px solid #EEEEEE;}
.order-goods-info { padding:10px 10px; display: flex; flex-wrap: wrap; border-top: 1px solid #EEEEEE;}
.order-goods-info > div:nth-child(1) { width:10%;font-size:0.9em; line-height:1.1em}
.order-goods-info > div:nth-child(2) { width:60%;font-size:0.9em; line-height:1.1em}
.order-goods-info > div:nth-child(3) { width:30%; text-align:right;font-size:0.9em; line-height:1.1em}
.order-summary-info { background-color:#F9F9F9; padding:10px 10px; display: flex; flex-wrap: wrap;border-top: 1px solid #EEEEEE;}
.order-summary-info > div:nth-child(1) { width:80%; text-align:right}
.order-summary-info > div:nth-child(2) { width:20%; text-align:right; font-size:18px;}

.order-summary-details-info { background-color:#F9F9F9; padding:10px 10px; border-top: 1px solid #EEEEEE;}
.order-summary-details-info > div {display: flex; flex-wrap: wrap; font-size:0.9em; line-height:1.1em; padding:3px 0px}
.order-summary-details-info > div > div:nth-child(1) { width:80%; text-align:right}
.order-summary-details-info > div > div:nth-child(2) { width:20%; text-align:right;}

.order-button-info { background-color:#F9F9F9; padding:10px 10px; text-align:right}
.order-link { text-decoration:none; color:inherit}


ul.celebrities-list {list-style:none; padding:0px; margin:0px; display: flex; flex-wrap: wrap;}
ul.celebrities-list > li { position:relative; float:left; width:20%; margin-bottom:8px; padding-left:8px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; }
ul.celebrities-list > li > a.celebrities-link { position:relative; float:left; width:100%; height:300px; padding:12px; text-decoration:none; background-color:white; -webkit-transition: all .2s linear; transition: all .2s linear;}
ul.celebrities-list > li > a.celebrities-link:hover{ position:relative;	z-index:1000; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.4); box-shadow: 0 5px 15px rgba(0,0,0,0.4); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
ul.celebrities-list > li .celebrities-image { margin-bottom:8px;}
ul.celebrities-list > li .celebrities-name {font-size:13px; height:30px; margin-bottom:4px; line-height: normal; color: #212121; display: inline-block;
    /* word-wrap: break-word; */
    /* white-space: normal; */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}



img.icon-gokingkong-id { position:relative; width:18px; height:18px}

.dropdown-menu.show[aria-labelledby=affiliate] {display: flex; flex-wrap: wrap;}
.dropdown-menu.show[aria-labelledby=affiliate] .dropdown-item:first-child {width: 100%;}
.dropdown-menu.show[aria-labelledby=affiliate] .dropdown-item {width: 25%; text-align:center;}

.affiliate-link-wrapper {display: block; width: 0.28rem; height: 0.28rem; position: fixed; bottom: 0.55rem; left: 10px; background-color: rgba(27,27,27,0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 999;}
.affiliate-link-wrapper i { display: block; width: 0.28rem; height: 0.28rem; color:white; text-align: center; padding: 0.06rem;}

.affiliate-frame { 
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
	text-align:center;
	z-index:100000;
	color:white;
}
.affiliate-frame .affiliate-frame-close {
	position:absolute;
	top:0.1rem;
	right:0.1rem;
	color:white;
}

.affiliate-frame .affiliate-qrcode-wrapper {
	top: 10%;
    left: 50%;
    position: absolute;
    width: 50%;
    margin-left: -25%;
}

.affiliate-frame .affiliate-qrcode-wrapper img {
	max-width: 100%;
}