/* 
CSS File Last Update : 29 October 2019
Project: store.onescroll.com (Onescroll Shopping System)
Website Designed & Coded by: Aditama (pandavamedia.net)
*/
/*html { height: 100%; }*/
@charset "UTF-8";
html { -webkit-text-size-adjust: 100%; }
body {
	background-color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
	font-size:14px;
	line-height:20px; 
	color:#333333;
	margin:0;
	padding:0;
	height: 100%;
	width:100%;
}
#pageBody {
	/*background:#F1F1F1 url('../../i/bg-browser.png');*/
	width:100%;
	/*border-top:5px #333333 solid;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto;
	background-attachment:fixed;*/
}
form { margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; }
td,div,p { font-family: 'Roboto', sans-serif; }
input,textarea,select { font-family: 'Roboto', sans-serif; }
input[type=text],input[type=number],input[type=password],input[type=file],textarea,select { 
	width:92%;
	color:#999999; 
	background-color:#F8F7F2; 
	border:2px #DDDDDD solid;
	padding:10px 8px; 
	font-size:16px;
	margin:1px;
	outline: none;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
			border-radius: 5px;
}
select { padding:10px 8px 9px 8px; }
textarea { width:95% !important; line-height:22px !important; }
/* selectbox */
.selWrappedBox { max-height:230px !important; }
.ui-selectmenu-button { outline: 0;  /* select menu box button */
	width:92% !important; 
	font-family: 'Roboto', sans-serif !important;
	background-color:#F8F7F2; 
	border:2px #DDDDDD solid;
	font-size:16px;
	line-height:18px;
	margin:1px;
	padding:12px 8px 9px 8px; 
	border-radius: 5px;
}
.ui-selectmenu-button:hover { background-color:#F8F7F2 !important; border:2px #DDDDDD solid !important; }
.ui-selectmenu-button-open { background-color:#F8F7F2 !important; border:2px #DDDDDD solid !important; }
.ui-selectmenu-button-closed { background-color:#F8F7F2 !important; border:2px #DDDDDD solid !important; }
.ui-menu-item-wrapper { padding:4px 10px !important; font-size:15px !important; } /* select menu options */
textarea,input[type=file] { height:auto; }
input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=file]:focus,textarea:focus,select:focus { 
	color:#333333;
	border:2px #CCCCCC solid;
	-webkit-box-shadow: 0px 0px 2px #DDD;
		 -moz-box-shadow: 0px 0px 2px #DDD;
					box-shadow: 0px 0px 2px #DDD;
}
img, div, input, a { behavior: url("iepngfix.htc") }
ul { list-style-position:outside; list-style-type: disc; }
ul.cleanUl { list-style-type:none; }
ul.multiUl { list-style-type:none; border-top:1px #CCCCCC dashed; padding-top:15px; margin-top:10px; } 
ul.multiUl:first-child { border-top:0; padding-top:0; margin-top:0; }
ul.multiUl>label { color:#FFFF00; }
ol { list-style-position:outside; counter-reset: item; padding-left:15px; }
ol>li { display: block; padding:5px; }
ol>li:before { content: counters(item, ".") ". "; counter-increment: item; color:#999999; }
li { position:relative; }
p { margin-bottom:15px; }

a { cursor:pointer; color:#0099CC; text-decoration:none; outline: 0; 
	-webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}
a:visited { color:#0099CC; text-decoration:none; outline: 0; opacity:0.9; }
a:hover { color:#ED1C24; text-decoration:none; outline: 0; }

h1 { display:block; font-family: 'Roboto', sans-serif; font-size:36px; letter-spacing:0.1px; color:#333333; line-height:36px; font-weight:bold; margin-bottom:20px; }
h2 { display:block; font-family: 'Roboto', sans-serif; font-size:30px; letter-spacing:0.1px; color:#333333; line-height:30px; font-weight:bold; margin-bottom:15px; }
h3 { display:block; font-family: 'Roboto', sans-serif; font-size:24px; letter-spacing:0.1px; color:#333333; line-height:24px; font-weight:bold; margin-bottom:10px; }
h4 { display:block; font-family: 'Roboto', sans-serif; font-size:20px; letter-spacing:0.1px; color:#333333; line-height:22px; font-weight:bold; margin-bottom:5px; }
h5 { display:block; font-family: 'Roboto', sans-serif; font-size:18px; letter-spacing:0.1px; color:#333333; line-height:20px; font-weight:bold; margin-bottom:5px; }

* {
    padding: 0;
    margin: 0;
}
section { position:relative; }

.addTopMargin10 { margin-top:10px; }
.addTopMargin15 { margin-top:15px; }
.addTopMargin20 { margin-top:20px; }
.addTopMargin30 { margin-top:30px; }
.addSideMargin5 { margin-left:5px; margin-right:5px; }
.markSrch { color:#000000; font-weight:bold; }
.loadingIcn { width:100%; text-align:center; }
.algnCenter { text-align:center; }

#byPandavamedia { font-size:11px; margin-top:5px; }
#byPandavamedia>a { color:#FF9900; }
#byPandavamedia>a:hover { color:#FFFFFF; }

.hideThis { display:none !important; }
.showThis { display:block !important; }
.cYellow { color:#FF0000; }
.clr{clear:both}
.topSpc { display:block; height:70px; }
.gapSpc { display:block; height:40px; }
.noBorder { border:0 !important; }
.dispBig { font-size:30px; color:#FF6600; font-weight:bold; }
.tooltipLoading { margin-top:60px; color:#000000; font-size:14px; }
.tooltipLoading a { background-color:#666666; padding:3px 10px; color:#FFFFFF; }
.tooltipLoading a:hover { background-color:#000000; color:#FFFFFF; }
.noRecord { padding:40px 10px; }
.goLeft { float:left; }
.goRight { float:right; }
.noResult { color:#CCCCCC; margin:50px 0px; }
.fldError { background-color:#ffcccc !important; }
.imageInsert { margin:5px; }
.sepLn { padding:0px 5px; font-size:12px; color:#666666; }
.fldLoading { z-index:10; display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.6) url('../../i/fld-loading.gif') no-repeat center center; }
.noScroll { overflow:hidden; }
.noScrollMbl { overflow-x:hidden !important; overflow-y:hidden !important; position:fixed !important; } 
span.currencyTag { color:#999999; text-transform:capitalize; }
.glowThis {
	-webkit-box-shadow: 0px 0px 2px rgba(255,0,0,1) !important;
		 -moz-box-shadow: 0px 0px 2px rgba(255,0,0,1) !important;
					box-shadow: 0px 0px 2px rgba(255,0,0,1) !important;	
}
.lnkOn { font-weight:bold !important; }
/* PULSE BUTTON */
.pulse {
	margin:10px;
  box-shadow: 0 0 0 rgba(78,216,242, 0.6);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(78,216,242, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 8px rgba(78,216,242, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(78,216,242, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(78,216,242, 0.8);
    box-shadow: 0 0 0 0 rgba(78,216,242, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 8px rgba(78,216,242, 0);
      box-shadow: 0 0 0 8px rgba(78,216,242, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(78,216,242, 0);
      box-shadow: 0 0 0 0 rgba(78,216,242, 0);
  }
}

/* FLEX MIDDLE BOX */
.flexBxContainer { display:flex; justify-content:center; align-items:center; }
.flexBxContent { align-self:center; }

/* WEBSITE CUSTOM CSS */
.dvIcn { background-image:url('../../i/icons/icn-bgdv.png') !important; background-repeat:no-repeat !important; }
/* ---------------------------------------------------------- */
#bodySection { display:block; padding-top:100px; padding-bottom:40px; min-height:44.5vh; }
#homeSection { display:block; padding-top:30px; padding-bottom:30px; min-height:47vh; }
#bottomSection { display:block; padding-top:30px; padding-bottom:20px; min-height:100px; background:#FCFCFC; border-top:1px #666666 dashed; }
#footerSection { display:block; overflow:hidden; min-height:10px; background:#EEEEEE; border-top:1px #666666 dashed; border-bottom:5px #333333 solid; padding:15px 0px; }
#upsaleSection { display:block; margin-top:20px; padding-top:30px; padding-bottom:50px; background:#F9F9F9; /*border:5px #F6F6F6 solid;*/ }
.bodyWrapper { display:block; width:95%; min-height:50vh; }
.homeWrapper { position:relative; display:block; width:95%; padding-bottom:30px; }
.bottomWrapper { display:block; overflow:hidden; width:95%; }
.footerWrapper { display:block; width:95%; overflow:hidden; }
.pageWrapper { display:block; overflow:hidden; width:93.5%; text-align:left; margin-top:20px; }
.brandsWrapper { display:block; overflow:hidden; width:98%; max-width:900px; margin-top:20px; }
.signupWrapper { overflow:hidden; width:98%; max-width:550px; padding-top:5px; min-height:70vh; }
.purchaseWrapper { overflow:hidden; width:98%; max-width:800px; min-width:500px; padding-top:5px; min-height:45vh; }
.confirmPayWrapper { overflow:hidden; width:98%; max-width:650px; min-width:500px; padding-top:5px; min-height:50.5vh; }
.noConnWrapper { overflow:hidden; width:98%; max-width:570px; min-width:500px; padding-top:5px; min-height:77vh; }

/* FORM */
.frmTarget { display:none; font-size:0; }
ul.formUl { list-style-type:none; overflow:hidden; }
ul.formUl li { display:block; padding:3px 5px 3px 2px; }
ul.formUl li.formChkName { padding-bottom:15px; }
ul.formUl li label { font-size:13px; padding-left:4px; }
ul.formUl li.frmColSm { float:left; width:30%; margin-right:10px; border:0; }
li.frmColSm.frmColCity { width:35%; }
li.frmColSm.frmColZip { width:20%; float:right; }
.formCol { float:left; width:45%; }
select.formCity { width:99%; background-color:rgba(255,255,255, 0.3); color:#333333; }
.frmSm { padding:7px !important; }
select.formCourier { width:88% !important; background-color:rgba(255,255,255, 0.3); color:#333333; }
select.formCourier.courierLg { width:auto; }
select.formCourier>option { padding:0 5px; }
input.formAddress { width:95%; height:26px; }
select.formCity>option { padding-left:10px; }
select.formCity>option:disabled { color:#999999; padding-left:2px; }
select.formCity.citySelect { width:100%; }
select.formCity.cityDeliverySelect { height:30px; width:100%; }
input.formError { background:rgba(228,143,146,0.3); }
.formErrMsg { float:right; background:rgba(255,0,0,0.5); color:#FFFFFF !important; font-size:12px; line-height:14px; padding:2px 5px;
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
input.formDate { background-image:url('../../i/icons/icn-date.png'); background-repeat:no-repeat; background-position:right center; }
input.frmImfo,select.frmImfo,textarea.frmImfo { background-color:#CCCCCC; color:#999999 !important; }
input.frmOff,select.frmOff,textarea.frmOff { border:1px #EEEEEE solid !important; background-color:rgba(230,230,230,0.2) !important; }
input.frmVerified { color:#333333; background-color:rgba(46,204,113,0.2) !important; background-image:url('../../i/icons/icn-verified.png'); background-repeat:no-repeat; background-position:right center; }
li.hilightField { background:rgba(255,0,0,0.1); border:1px #999999 dashed; padding:10px;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;	
}
li.hilightField>span.msg { display:inline-block; background:#FF0000; color:#FFFFFF; padding:2px 5px; margin-bottom:5px;
	-webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;	
}
li.hilightField>input { background:#FFFFFF !important; }
li.imptField>label::after { content:'*'; color:#FF0000; padding-left:5px; }
.fldLoading.lblFrm { top:30px; }
.fldLoading.prfFrm { background-color:rgba(249,249,249, 0.7); }
.fldLoading.cartFrm { background-color:rgba(51,51,51, 0.7); }
/* selectbox */
.dvProfileAddress .ui-selectmenu-button {
	width:90% !important; 
	font-size: 15px !important;
	color:#000000 !important; 
	padding:8px !important; 
	border:1px #CCCCCC solid !important; 
	background-color:#F8F7F2 !important; 
	-webkit-border-radius: 5px !important; 
	   -moz-border-radius: 5px !important; 
			border-radius: 5px !important;
}
.formCourier + .ui-selectmenu-button { width:87% !important; }
/* T&C CONFIRM CART DELIVERY CONTINUE BUTTON */
input[type=submit]:disabled { opacity:0.5 !important; filter: grayscale(100%) !important; }
.tncConf { position:relative; font-size:13px; line-height:16px; text-align:left; padding-left:23px; margin-bottom:15px; }
.tncConf input[type=checkbox] { position:absolute; left:2px; top:1px; }

/* MODAL WINDOWS */
.winModal { display:none; z-index:2000; overflow-y:auto; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); }
.mdlRedirecting { 
	display:none;
	position:absolute; 
	width:140px; 
	height:20px; 
	background:#FFFFFF url('../../i/frm-loading.gif') no-repeat 10px center; 
	top:35%;  
	left:0; 
	right:0; 
	margin:auto; 
	padding:9px 10px 8px 45px;
	text-align:left;
	font-size:14px;
	color:#666666;
	border-radius: 10px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	
	overflow:hidden;
}
.mdlBox { display:none; position:absolute; width:300px; height:150px; max-width:900px; max-height:83vh; top:5%; bottom:5%; left:5%; right:5%; margin:auto; padding:2px;
	text-align:left;
	background:#F9F9F9; 
	border:5px #F6F6F6 solid;
  	border-radius: 10px;
  	overflow:hidden;
}
.mdlHeader { display:block; background:#7e8871; overflow:hidden; border-bottom:1px #EEEEEE solid; border-radius:10px 10px 0 0; padding:10px; height:18px; font-size:18px; font-weight:bold; color:#FFFFFF; }
.mdlClose { z-index:9110; cursor:pointer; position:absolute; width:24px; height:24px; top:10px; right:8px; background-position:0 -381px !important; opacity:0.6; }
.mdlClose:hover { opacity:1.0; }
.mdlArea { position:relative; display:block; overflow:hidden; margin:10px; padding:10px; }
.mdlArea>p { font-size:14px; margin:4px 3px; }
.mdlArea.mdlMark { background:#e7f2d6;  }
.mdlArea.mdlMark>p { font-size:15px; margin-top:4px; color:#000000; }
.mdlArea.mdlMark>p>span { font-size:20px; color:#0099CC; }
.mdlArea.mdlShipCnt { position:absolute; top:100px; bottom:0; left:0; right:0; overflow-y:auto; padding-right:30px; border:1px #EEEEEE solid; }
.mdlArea.mdlShipCnt.loggedIn { top:10px; }
.mdlTitle { display:block; font-size:15px; font-weight:bold; color:#333333; padding:5px 5px 5px 30px; border-bottom:4px #DDDDDD solid; margin-bottom:5px; }
.mdlTitle.ttlNewUser { background:url('../../i/icons/icn-love.png') no-repeat left center; }
.mdlTitle.ttlNewUser>label { color:#FF0000; }
.mdlSubTitle { display:block; font-size:15px; font-weight:bold; color:#666666; padding:5px 5px 5px 30px; border-bottom:2px #EEEEEE solid; }
.mdlSubTitle.ttlShipment { background:url('../../i/icons/icn-delivery.png') no-repeat left center; }
#mdlPackage { background:#FFFFFF; position:absolute; top:0; bottom:0; left:0; right:0; }
.mdlFooter { display:block; overflow:hidden; background:#EEEEEE; margin:10px 0px; padding:10px; border:1px #D0D0D0 dashed; }
.mdlButton { float:right; cursor:pointer; padding:7px 15px; background-color:#999999; color:#FFFFFF; border:2px #FFFFFF solid; font-size:13px; letter-spacing:0.5px; opacity:0.8; margin-right:10px; border-radius:8px; box-shadow: 0px 0px 2px rgba(0,0,0,0.4); }
.mdlButton:hover { opacity:1.0; }
.mdlButton.goBtn { background-position:15px -435px !important; background-color:#FF6600; padding-left:40px; }
.mdlButton.cancelBtn { background-position:15px -464px !important; padding-left:40px; }
.mdlLoading { z-index:9100; display:none; position:absolute; background:rgba(255,255,255,0.8) url('../../i/fld-loading.gif') no-repeat center center; top:0; left:0; bottom:0; right:0; margin:auto; }
.mdlCanvas { position:absolute; top:40px; bottom:0; left:0; right:0; background:#FFFFFF; border-radius:0 0 10px 10px; overflow:hidden; }
.mdlNotif { z-index:9100; display:none; position:relative; overflow:hidden; top:1px; left:1px; right:1px; padding:10px; margin-bottom:5px; min-height:10px; background:#BFEFFF url('../../i/icons/icn-notif-sm.png') no-repeat 10px 10px; text-align:left; 
	-webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.4);
		 -moz-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.4);
					box-shadow: 0 2px 3px -2px rgba(0,0,0,0.4);
}
.mdlNotif.notifOn { display:block; }
.mdlNotifClose { cursor:pointer; position:absolute; width:15px; height:15px; top:10px; right:10px; background:url('../../i/buttons/btn-notifoff.png') no-repeat 0px 0px; }
.mdlNotifClose:hover { background-position:0px -25px; }
.mdlNotifNote { color:#B20000; font-size:14px; line-height:16px; margin-left:30px; width:82%; }
.mdlBox.mdlCartDelivery { width:96%; height:auto; }

/* BOTTOM PAGE */
.btmColNav { float:left; overflow:hidden; width:40%; text-align:left; margin-left:3%; }
ul.btmCol { float:left; list-style-type:none; margin-right:10%; margin-bottom:15px; }
ul.btmCol h5 { font-size:17px; margin-bottom:10px; padding-bottom:5px; color:#000000; border-bottom:1px #666666 dashed; text-transform:uppercase; }
ul.btmCol li { padding-bottom:5px; color:#333333; margin-right:10px; }
ul.btmCol li>a { color:#333333; }
ul.btmCol li>a:hover { color:#ED1C24; }
.btmColSocMed { float:left; overflow:hidden; margin-right:3%; width:26%; }
.btmColAddr { float:left; overflow:hidden; width:26%; max-width:320px; text-align:left; margin-right:20px; color:#333333; }
img.logoFooter { margin-bottom:10px; /*max-height:100px;*/ }
.btmContactBox, .btmContactBox p {  }
.btmContactBox div { margin:5px 0; }
.btmContactBox h5 { color:#000000; }
.btmContactBox label { color:#FFFFFF; padding-right:5px; }
.btmContactBox a { color:#FFFFFF; }
.btmContactBox a:hover { color:#000000; }
li.pgNavAsk { cursor:pointer; }
li.pgNavAsk a { padding-bottom:2px; color:#0099CC !important; }

/* FOOTER */
.footerWrapper a { color:#000000; }
.footerWrapper a:hover { color:#ED1C24; }
.footerLf { float:left; text-align:left; color:#666666; padding:2px 0px 2px 0px; overflow:hidden; }
.footerRg { float:right; text-align:right; color:#666666; overflow:hidden; }
.ftCol { float:left; margin-right:5px; }
.footerSocMed { float:left; margin-left:10px; margin-right:20px; }
.footerSocMed>ul { list-style-type:none; overflow:hidden; }
.footerSocMed>ul>li { cursor:pointer; float:left; width:25px; height:25px; background:url('../../i/icons/icn-socmed-ft.png') no-repeat left center; margin-right:4px; opacity:0.8; }
.footerSocMed>ul>li:hover { opacity:1.0; }
.footerSocMed>ul>li.ftShFacebook { background-position:0 0 !important; }
.footerSocMed>ul>li.ftShTwitter { background-position:-39px 0 !important; }
.footerSocMed>ul>li.ftShInstagram { background-position:-77px 0 !important; }
.osPowered { display:block; }
.osPoweredMbl { display:none; }

/* FOOTER MARQUEE */
.footFltGap { height:35px; }
#footFltBar { z-index:500; position:fixed; display:block; background:#333333; bottom:0; left:0; right:0; }
.footFltWrap { position:relative; width:95%; min-height:25px; margin:5px 0; color:#FFFFFF; }

/* OPEN TIME BOX */
ul.openTimeBox { background:rgba(255,255,255,0.8); padding:0px 0px 8px 0px; font-size:14px; margin:3px; list-style-type:none; border:1px #CCCCCC solid;
  -webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
ul.openTimeBox>h5 { border-bottom:1px #CCCCCC solid; padding:10px 0px; background:#DDDDDD; }
ul.openTimeBox>li { padding:1px 10px; }

/* HEAD BANNER (HOME) */
.homeheadTop { margin-top:75px; }
#headBnrSection { position:relative; overflow:hidden; display:block; border-bottom:1px #DDDDDD solid; }
.headBnrWrap { position:relative; width:100%; height:56vh; }
ul.headBnr { list-style-type:none; }
ul.headBnr li { position:relative; display:block; width:100%; height:56vh; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
/* slick carousel */
.slickCrsl .slick-dots { display:inline-block !important; position:absolute; left:3% !important; bottom:6% !important; width:auto !important; }
.slickCrsl .slick-dots li { float:left; width:15px !important; height:15px !important; margin:0 2px; }
.slickCrsl .slick-dots li button { padding:0; margin:0; padding:0; }
.slickCrsl .slick-dots li button::before { font-size:10px !important; line-height:13px !important; width:15px !important; height:15px !important; }
.crslBnrArrw { z-index:1; cursor:pointer; position:absolute; top:0; bottom:0; margin:auto; width:44px; height:44px; border-radius:50%; background:url('../../i/icons/icn-bnrcrsl.png') no-repeat; opacity:0.5; transition: all 0.2s ease-out; }
.crslBnrArrw:hover { opacity:1.0; }
.crslBnrArrw.crslPrv { left:10px; background-position:-2px -2px; }
.crslBnrArrw.crslNxt { right:10px; background-position:-60px -2px; }
.crslArrw { z-index:1; cursor:pointer; position:absolute; top:0; bottom:0; margin:auto; width:35px; height:35px; border-radius:50%; background:url('../../i/icons/icn-crsl.png') no-repeat; opacity:0.7; }
.crslArrw:hover { opacity:1.0; }
.crslArrw.crslPrv { left:10px; background-position:0 0; }
.crslArrw.crslNxt { right:10px; background-position:-35px 0; }
	/* hide slick before loading */
	.slick-slider:not(.slick-initialized) .slick-slider:not(:first-of-type) { visibility: hidden !important; }
	ul.carouselList:not(.slick-initialized) li { visibility: hidden !important; }
	.carouselList:not(.slick-initialized) .imgPrd { visibility: hidden !important; }
	ul.slick-initialized li { visibility: visible !important; }
	ul.carouselList li:focus, .imgPrd:focus { outline: none; }

/* SELECTED CATEGORIES GROUP */
#catGrpSection { position:relative; display:block; padding:35px 0; }
.catGrpWrapper { position:relative; display:block; width:95%; height:200px !important; overflow:hidden; }
ul.catGrpLst { list-style-type:none; width:96%; }
ul.catGrpLst li { cursor:pointer; overflow:hidden; position:relative; display:inline-block; padding:5px; width:30%; margin:10px; height:170px !important;/*height:25vh !important;*/ background-color:#777777; background-repeat:no-repeat !important; background-position:center center; background-size:cover; border-radius:10px; }
ul.catGrpLst li a { font-size:16px; line-height:18px; font-weight:normal; color:#FFFFFF; text-shadow: 1px 1px 1px rgba(0,0,0, 0.5); }
.catGrpNm { position:absolute; bottom:0; left:0; right:0; margin:auto; padding:10px; background:rgba(0,0,0, 0.5); }
.catGrpWrapper .crslArrw { top:0 !important; }
.catPrv { left:0 !important; }
.catNxt { right:0 !important; }
.catGrpIcon { position:relative; width:60%; height:59%; /*padding-bottom:50%;*/ margin:15px; }
.catGrpIcon img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%; max-height:100%; }

/* HOME RECOMMENDATION */
.homeHead { overflow:hidden; width:94%; margin:5px 0 20px 0; border-bottom:1px #999999 dashed; }
.headLf { float:left; width:45%; padding-top:5px; text-align:left; }
.headRg { float:right; width:45%; text-align:right; }
.srchBox.srchHmHead { background-color:#EEEEEE; border:1px #CCCCCC solid; border-radius:8px; color:#999999; }

/* LISTING HEADER */
.listHeader { margin:10px; display:block; }
.lstGrpIcn { position:absolute; width:30px; height:30px; padding:10px; border-radius:50%; top:0; bottom:0; left:0; margin:auto; margin-right:15px; overflow:hidden; background-color:#0099CC; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.lstGrpIcn img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:65%; }
.listTtl { display:block; font-size:20px; text-align:left; }
.listTtl span { color:#999999; padding-left:2px; padding-right:5px; }
.listTtl a { color:#666666; }
.listTtl a:hover { color:#F44336; }
.listTtl a.listEnd { color:#000000; font-weight:500; }
.listTtl a.listEnd:hover { color:#F44336; }
.listFunc { display:block; overflow:hidden; }
.listPaging { float:right; overflow:hidden; padding:2px 0; }
.titleSearch { background:url('../../i/icons/icn-searchttl.png') no-repeat left center; font-size:20px; padding:2px 5px 2px 30px; }
.titleCategory { position:relative; font-size:22px; font-weight:500; padding:2px 5px 2px 50px; }
.titleCategory .lstGrpIcn { width:22px !important; height:22px !important; left:0 !important; }
.titleCategory>span { font-size:11px; padding:10px; opacity:0.5; }
.listFilter { float:right; overflow:hidden; width:23%; }
.listFilter>label { float:left; max-width:125px; text-align:left; margin:7px 10px; }
.listFilterFld { float:left; font-size:15px; max-width:150px; padding:4px 8px; }
.listFilter .ui-selectmenu-button { width:55% !important; padding:4px 8px 6px 8px !important; }
/* Paging */
.pageBox { overflow:hidden; float:left; margin-left:5px; }
.pageSum { float:left; font-size:14px; padding:10px 3px 2px 3px; }
.pageNum { float:left; font-size:14px; background:#F0F0F0; padding:4px 12px; margin:0px 4px; border-radius:5px; }
.pageNum span { font-size:16px; color:#FF0000; font-weight:bold; }
.pageNum a { font-size:16px; color:#000000; }
.pageNum a:hover { color:#999999; }
.pageIcn { float:left; cursor:pointer; width:20px; height:20px; margin-top:6px; opacity:0.4; background-image:url('../../i/buttons/btn-paging.png'); background-repeat:no-repeat; }
.pageIcn:hover { opacity:1.0; }
.pageIcn.pgPrev { background-position:center 0px; }
.pageIcn.pgNext { background-position:center -28px; }

/* PRODUCT LISTING */
.colBox { 
	position:relative;
	overflow:hidden;
	display:inline-block; 
	width:30%;
	/*min-width:360px;*/
	height:440px;
	/*background:#F5F5F5;
	border:5px #F5F5F5 solid;*/
	margin:15px;
	padding:0px;
	text-align:left;
	border-radius: 3px;
	vertical-align:top;
}
.carouselSlide div.colBox { width:94%; }
.colImg { cursor:pointer; position:relative; overflow:hidden; width:100%; height:0; padding-bottom:80%; /*height:300px;*/ text-align:center; background-repeat:no-repeat; background-position:center center; background-size:contain; }
/*.colImg img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:auto !important; max-width:100% !important; max-height:100% !important; }*/
.colImg img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:auto !important; max-width:100% !important; max-height:100% !important; }
.colThumb { cursor:pointer; position:relative; overflow:hidden; width:100%; height:0; padding-bottom:78%; /*height:180px;*/ text-align:center; background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:top; }
.colThumb img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:auto !important; max-width:100% !important; }
.colNote { display:block; overflow:hidden; border-top:1px #999999 dashed; border-bottom:1px #999999 dashed; height:67px; padding:5px 3px; margin:5px 10px; }
.colNote h2 { display:block !important; position:relative !important; width:100% !important; font-family: 'Roboto', sans-serif; text-align:left; font-size:16px; line-height:19px; padding:3px 0; font-weight:normal; margin:2px 0px; }
.colNote h2>a { color:#000000; }
.colNote h2>a:hover { color:#ED1C24; }
.colPrice { display:block !important; position:relative !important; width:100% !important; font-size:18px; font-weight:500; text-align:left; }
.colPrice h3 { display:inline-block; color:#333333; font-family: 'Roboto', sans-serif; font-size:18px; margin-bottom:0px; margin-right:5px; }
.colPrice label { margin-right:5px; width:100%; color:#017ba4; }
.colPrice label>.currencyTag { font-weight:normal; font-size:16px; }
.colPrice p { float:right; padding:5px; margin:0px; font-size:12px; line-height:12px; color:#999999; text-align:right; }
.colPrice span { color:#C0C0C0; }
.colPrice span.callPrice { font-size:12px; color:#999999; font-style:italic; padding:10px 0; }
.colPrice span.prdLstWeight { width:100%; font-size:12px; line-height:12px; color:#999999; font-style:italic; margin-top:5px; }
.roundLblBox { z-index:100; position:absolute; top:15px; left:15px; }
.roundLabel { width:45px; height:30px; padding:14px 5px 10px 5px; margin-bottom:10px; background:#333333; color:#DDDDDD; text-align:center;
	font-size:12px; line-height:12px;
  -webkit-border-radius: 50%; 
	   -moz-border-radius: 50%; 
					border-radius: 50%;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
		 -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
					box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
.roundLabel>label { display:block; font-size:14px; line-height:14px; color:#FFFF00; font-weight:bold; }
.roundLabel.grossPrice { cursor:pointer; position:relative; background:#F8F7CA url('../../i/icons/icn-gross.png') no-repeat center center; color:#333333; 
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
		 -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
					box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.preOrdBx { position:relative; }
.lblPreOrd { z-index:10; position:absolute; bottom:8px; left:15px; padding:5px 10px; background:#333333; color:#FFFFFF; border-radius:5px; box-shadow: 0px 0px 2px rgba(0,0,0,0.4); }
.lblPreOrd.lblPrd { top:0; bottom:auto; left:auto; right:0; font-size:16px; }
.lblPreOrd.lblSml { font-size:12px; padding:1px 5px; position:relative; left:auto; bottom:auto; margin-right:8px; }
.sTipMsg { max-width:350px; }
.sTipMsg #tip_dtTxt { display:block; font-size:12px; line-height:14px; margin-bottom:3px; opacity:0.8; }
.taxAlert { color:#FF0000; }
.colNote.thumbNote { padding:5px; height:73px; }
.colNote.thumbNote>h2 { float:none; width:100%; font-size:15px; line-height:18px; }
.colNote.thumbNote>label { float:none; width:100%; }
.colNote.thumbNote>.colPrice { float:none; width:100%; }
.colNote.thumbNote>.colPrice>label { font-size:14px; }
.colNote.thumbNote>.colPrice>p { font-size:11px; line-height:11px; }
.colNote.thumbNote>.colPrice span.callPrice { font-size:11px; }
.colLink { position:relative; display:block; padding:5px 10px; height:34px; }
.colLink a { float:right; font-size:12px; font-weight:normal; }
.colLink.thumbLink { height:24px; padding:5px 8px; }
.colLink.thumbLink>.likeBtn>a { display:none; }
.colLinkShare { float:right; position:relative; width:45%; height:33px; }
.colLink.thumbLink .colLinkShare { height:23px; }
a.buyBtn { float:left; width:35%; display:inline-block; background-color:#0099CC; color:#FFFFFF; font-size:13px; line-height:14px; padding:10px 15px; border-radius:5px; }
a.buyBtn:hover { background-color:#ED1C24; }
a.callBtn { float:left; display:inline-block; background-color:#666666; color:#FFFFFF; font-size:13px; line-height:14px; padding:10px 15px; border-radius:5px; }
a.callBtn:hover { background-color:#333333; }
a.chatBtn { float:left; display:inline-block; text-align:left; background-color:#666666; background-position:15px -255px !important; color:#FFFFFF; font-size:13px; padding:7px 20px 7px 43px; border-radius:5px; }
a.chatBtn:hover { background-color:#333333; }
a.thumbBtn { padding:7px 15px !important; }
a.chatBtn.thumbBtn { padding:4px 15px 4px 38px !important; background-position:15px -407px !important; }
.shareBtn { cursor:pointer; position:absolute; height:20px; top:0; bottom:0; right:5px; margin:auto; background:url('../../i/icons/icn-share.png') no-repeat left center; padding:4px 2px 2px 21px; }
.shareBtn:hover { color:#333333; background-image:url('../../i/icons/icn-share-o.png'); }
.shareBtn>a { color:#666666; }
.shareBtn:hover>a { color:#333333; }
.shareBtn.thumbShare { right:10%; width:20px; padding:3px 2px 2px 2px; background-position:center center; }
.shareBox { display:none; position:absolute; width:90px; height:34px; background:#EEEEEE; top:-40px; left:-15px; right:0; margin:auto; padding:0px 5px;
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
.shareArrw { position:absolute; width:0; height:0; bottom:-6px; left:0; right:0; margin:auto; border-top:6px #EEEEEE solid; border-left:6px solid transparent; border-right:6px solid transparent; }
.shareBox.thumbShare { left:auto; right:-10px; }
.shareBox.thumbShare .shareArrw { left:auto; right:15px; }
.shareBox>a { float:left; width:24px; height:24px; margin:5px 3px; opacity:0.6; background-image:url('../../i/icons/icnsh-share.png'); background-repeat:no-repeat; }
.shareBox>a:hover { opacity:1.0; }
.shareThisCnt { overflow:hidden; padding-top:5px; margin-top:5px; /*border-top:2px #F6F6F6 solid;*/ }
.shareThisCnt.callShare { border-top:0; }
.shareThisCnt>label { float:left; padding:12px 5px 10px 0; font-size:11px; line-height:11px; }
.shareThisCnt>a { float:left; width:24px; height:24px; margin:5px 3px; opacity:0.6; background-image:url('../../i/icons/icnsh-share.png'); background-repeat:no-repeat; }
.shareThisCnt>a:hover { opacity:1.0; }
a.shareFb { background-position:0 center !important; }
a.shareTwitter { background-position:-36px center !important; }
a.shareWA { background-position:-72px center !important; }
.likeBtn { cursor:pointer; position:absolute; height:20px; top:0; bottom:0; left:10px; margin:auto; background:url('../../i/icons/icn-like.png') no-repeat left center; padding:4px 2px 2px 25px; }
.likeBtn:hover { color:#333333; background-image:url('../../i/icons/icn-like-o.png'); }
.likeBtn.thumbShare { right:10%; width:20px; padding:3px 2px 2px 2px; background-position:center center; }
.likeBtn.liked { background-image:url('../../i/icons/icn-liked.png'); }
.likeBtn.liked>a { color:#333333; }
.likeBtn.liked:hover { background-image:url('../../i/icons/icn-liked.png'); opacity:0.8; }
.likeBtn>a { color:#9F9F9F; }
.likeBtn:hover>a { color:#333333; }
.likeBox { display:none; position:absolute; width:120px; height:28px; background:#F8F7CA; top:-40px; left:-8px; right:0; margin:auto; padding:3px 5px; font-size:11px; line-height:13px;
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
.likeArrw { position:absolute; width:0; height:0; bottom:-6px; left:25px; margin:auto; border-top:6px #F8F7CA solid; border-left:6px solid transparent; border-right:6px solid transparent; }
.likeLoading { display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.7) url('../../i/frm-loading-sm.gif') no-repeat center center; }
a.likeBtns { position:absolute; top:4px; bottom:0; left:3px; margin:auto; height:18px; background:url('../../i/icons/icn-like.png') no-repeat left top; padding:0px 2px 1px 25px; color:#9F9F9F; }
a.likeBtns:hover { color:#333333; background-image:url('../../i/icons/icn-like-o.png'); }
a.likeBtns.liked { background-image:url('../../i/icons/icn-liked.png'); color:#333333; }
.sLike { cursor:pointer; float:right; width:33px; height:34px; background:url('../../i/buttons/btn-like.png') no-repeat center center; margin: 8px 15px 0px 0px; opacity:0.6; }
.sLike:hover { opacity:1.0; }
.thumbBox { overflow:hidden; width:100%; }
.thumbBox>ul { list-style-type:none; }
.thumbBox>ul>li { 
	overflow:hidden;
	display:inline-block; 
	width:21%; 
	height:335px; 
	background:#FFFFFF;
	border:1px #DDDDDD solid;
	margin:6px;
	text-align:left;
	border-radius: 3px;
}
.thumbBox>ul>li .colNote { border-bottom:1px #F0F0F0 solid; }
.nothingFound { width:90%; max-width:500px; padding:20px; background:rgba(255,255,255,0.5); margin:30px auto; text-align:center;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
		 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
					box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

	/* ROW LISTING */
	.rowBox { display:block; width:100%; position:relative; overflow:hidden; background:#FFFFFF; border:1px #EEEEEE solid; margin:8px 0; padding:0px; text-align:left; border-radius: 7px; }
	.rowBox:hover { background:#FCFCFC; box-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
	.rowBox .colImg { float:left; width:25% !important; height:0; padding-bottom:25% !important; border-radius:0; margin:3px; }
	.rowBox .colNote { float:right; width:69% !important; border-top:0; border-bottom:0; height:auto; padding:0; margin:3px 3px 3px 5px; }
	.rowBox .colLink { float:right; padding:0; width:69% !important; height:auto; margin:5px 0; background:#FFFF00; }
	/* ---------------- */

	/* MODAL DETAIL PRODUCT */
	.mdDtOvrl { display:none; z-index:5000; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.8); }
	.mdDtBx { display:none; position:absolute; top:3%; bottom:3%; left:5%; right:5%; width:90%; height:95%; max-width:1100px; max-height:85vh; margin:auto; background:#FFFFFF; border-radius:5px; }
	.mdDtLoading { display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:url('../../i/frm-loading.gif') no-repeat center center; }
	.mdDtClose { z-index:10; cursor:pointer; position:absolute; top:5px; right:5px; width:25px; height:25px; border-radius:50%; background-position:-20px -379px; }
	.mdDtArea { z-index:5; position:absolute; top:35px; bottom:5px; left:5px; right:5px; overflow:hidden; }
	/* POP UP DETAIL PRODUCT */
	.popDtImg { position:relative; float:left; width:40%; max-height:99%; border-radius:5px; overflow:hidden; }
	.popDtCnt { position:relative; float:right; width:58%; height:100%; text-align:left; }
	.popDtNote { display:block; padding:10px; height:82%; overflow-y:auto; }
	.popDtAct { position:absolute; bottom:0; left:0; right:0; display:block; padding:10px; overflow:hidden; border-top:1px #999999 dashed; background:#EEEEEE; }
	/* POP UP CAROUSEL IMAGE */
	.popCrslDisp { position:relative; width:100%; height:100%; overflow:hidden; border-radius:4px; }
	.popImgPrd { overflow:hidden; border-radius:4px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
	.popImgPrd img { max-width:100% !important; max-height:100% !important; object-fit:contain !important; }
	.popDtNote .detBrief { position:relative; overflow:hidden; display:block; margin-top:15px; padding-bottom:20px; margin-bottom:20px; border-bottom:5px #F6F6F6 solid; max-height:40%; }
	.popDtNote .detBrief.flBrief { max-height:none !important; }
	.popDtNote .detBrief::after { cursor:pointer; content:''; position:absolute; left:0; right:0; bottom:0; height:35px; background:linear-gradient(rgba(255,255,255, 0), rgba(255,255,255, 0.5), rgba(255,255,255, 1)); }
	.popDtAct .crtBuyBox { float:left; }
	.popDtAct input[type=number] { width:80px; border:1px #999999 solid; background:#FFFFFF; margin-right:10px; text-align:center; }
	.ui-selectmenu-menu { z-index:5000 !important; }
	/* ---------------- */
	
	/* ROW LISTING */
	.rowBox { display:block; width:100%; position:relative; overflow:hidden; background:#FFFFFF; border:1px #EEEEEE solid; margin:8px 0; padding:0px; text-align:left; border-radius: 7px; }
	.rowBox:hover { background:#FCFCFC; box-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
	.rowBox .colImg { float:left; width:25% !important; height:0; padding-bottom:25% !important; border-radius:0; margin:3px; }
	.rowBox .colNote { float:right; width:69% !important; border-top:0; border-bottom:0; height:auto; padding:0; margin:3px 3px 3px 5px; }
	.rowBox .colLink { float:right; padding:0; width:69% !important; height:auto; margin:5px 0; background:#FFFF00; }
	/* ---------------- */

	/* MODAL DETAIL PRODUCT */
	.mdDtOvrl { display:none; z-index:5000; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.8); }
	.mdDtBx { display:none; position:absolute; top:3%; bottom:3%; left:5%; right:5%; width:90%; height:95%; max-width:1100px; max-height:85vh; margin:auto; background:#FFFFFF; border-radius:5px; }
	.mdDtLoading { display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:url('../../i/frm-loading.gif') no-repeat center center; }
	.mdDtClose { z-index:10; cursor:pointer; position:absolute; top:5px; right:5px; width:25px; height:25px; border-radius:50%; background-position:-20px -379px; }
	.mdDtArea { z-index:5; position:absolute; top:35px; bottom:5px; left:5px; right:5px; overflow:hidden; }
	/* POP UP DETAIL PRODUCT */
	.popDtImg { position:relative; float:left; width:40%; height:100%; }
	.popDtCnt { position:relative; float:right; width:58%; height:100%; text-align:left; }
	.popDtNote { display:block; padding:10px; height:82%; overflow-y:auto; }
	.popDtAct { position:absolute; bottom:0; left:0; right:0; display:block; padding:10px; overflow:hidden; border-top:1px #999999 dashed; background:#EEEEEE; }
	/* POP UP CAROUSEL IMAGE */
	.prdDetCrslDisp { width:100%; overflow:hidden; }
	.prdDetCrslBox { position:relative; width:100%; height:93px; margin-top:20px; }
	.prdThbCrsl { width:100% !important; height:93px; overflow:hidden; margin:auto; }
	.popDtImg .imgPrd { position:absolute; top:0; bottom:0; left:0; right:0; max-height:none !important; overflow:hidden; border-radius:4px; }
	.popDtNote .detBrief { overflow:hidden; display:block; margin-top:15px; padding-bottom:10px; margin-bottom:20px; border-bottom:5px #F6F6F6 solid; max-height:37%; }
	.popDtAct .crtBuyBox { float:left; }
	.popDtAct input[type=number] { width:80px; border:1px #999999 solid; background:#FFFFFF; margin-right:10px; text-align:center; }
	.ui-selectmenu-menu { z-index:5000 !important; }
	/* ---------------- */

/* BRANDS LIST */
ul.brandsList { list-style-type:none; }
ul.brandsList>li { cursor:pointer; position:relative; display:inline-block; vertical-align:top; width:19%; height:80px; border:1px #DDDDDD solid; padding:10px; margin:1.5%; font-size:0; background:#FFFFFF; opacity:0.7;
  -webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
ul.brandsList>li:hover { opacity:1.0; }
ul.brandsList>li img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:80%; max-height:70%; }
ul.brandsList>li label { cursor:pointer; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:90%; height:30px; font-size:14px; color:#999999; }

/* UPSALE ITEMS ON CHECKOUT */
.upsaleWrapper { width:95%; }
.upsaleWrapper>h2 { font-size:26px; line-height:26px; font-weight:500; margin-bottom:30px; }

/* SHOPPING CART */
.sCartBox {
	cursor:pointer;
	position: relative;
  	float:right; 
  	overflow: hidden;
  	padding: 11px 11px 11px 40px;
  	min-width: 60px;
  	font-size:14px;
  	border:1px #78bcd3 solid;
  	background-color:#a0dcf0;
  	background-position:9px -51px !important;
  	border-radius: 8px;
}
.sCartBox:hover {
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
		 -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
.sCartBox.cartOn { color:#333333; }
.sCartBox.cartOn label { cursor:pointer; font-weight:bold; color:#333333; padding-right:0; }
.sCartBox.cartOff { font-style:italic; color:#999999; background-position:9px -90px !important; }
.sCartBoxM { display:none; }

/* PRODUCT DETAIL */
.detailWrapper { overflow:hidden; width:96%; max-width:1120px; padding-top:5px; }
.detImgsBox { float:left; width:35%; margin-top:5px; padding-top:10px; }
.detRight { float:right; width:61%; padding-bottom:40px; }
.detBox { padding:20px 15px 25px 30px; text-align:left; border-radius:10px; }
.detBox ul { margin-left:13px; }
.detBox p { margin-bottom:10px; }
.detCode { font-size:14px; color:#999999; margin-bottom:5px; }
.detCode>span { font-weight:500; }
	.detBarcode { margin-left:-5px; margin-bottom:5px; }
	.productOption { font-size:28px; color:#666666; font-style:italic; }
.detHeader { position:relative; border-bottom:5px #F6F6F6 solid; padding-bottom:5px; }
.detHeader h1 { display:block; font-size:32px; color:#000000; line-height:34px; font-weight:normal; margin-bottom:10px; }
.detHeadSub { display:block; margin-bottom:20px; }
.groupHere { font-weight:bold; text-decoration:underline; }
.detBrief { overflow:hidden; display:block; margin-top:15px; padding-bottom:20px; border-bottom:5px #F6F6F6 solid;  }
.detBrief li { float:left; width:45%; }
.detBuy { display:inline-table; width:100%; margin-top:15px; }
.detPriceBox { display:block; overflow:hidden; }
	.detPrice { float:left; margin-right:20px; }
.detPrice>label { display:inline-block; font-size:26px; line-height:22px; margin-bottom:5px; font-weight:500; padding-right:30px; background-position:right -344px !important; }
.detPrice>label span.currencyTag { font-size:18px; }
.detPrice>label.baseOnly { margin-bottom:10px; }
.detPrice>p { font-size:13px; }
.dispBsPrice { text-decoration:line-through; }
.detWeight { padding-left:10px; }
.detSpecial { float:right; margin-right:5px; border:1px #fe0404 dashed; max-width:43%; padding:7px 10px; }
.discVal { color:#0099CC; font-weight:bold; }
.detImg { position:relative; width:100%; height:0; padding-bottom:70%; margin:3px; border:5px rgba(255,255,255,0.6) solid; 
  background:#FFFFFF;
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
			border-radius: 2px;
}
.detImg.side2Img { width:42%; }
.detImg a { cursor:zoom-in; }
.detImg img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-height:100% !important; }
.imgCover { z-index:10001; display:none; cursor:pointer; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7); }
.imgZoom { display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:40px; height:40px; background:url('../../i/icons/icn-zoom.png') no-repeat center center; }
a.buyNowBtn { display:inline-block; background-color:#0099CC; background-position:28px -289px; color:#FFFFFF; font-size:18px; padding:16px 40px 16px 68px; border-radius:10px; }
a.buyNowBtn:hover { background-color:#ED1C24; }
a.buyNowBtn.callNowBtn { background-color:#ff624b; font-size:14px; padding:10px 20px; margin-top:0; }
a.buyNowBtn.callNowBtn:hover { background-color:#f72608; }
a.buyNowBtn.chatNowBtn { background-color:#ff624b; font-size:14px; padding:13px 25px 13px 48px; background-position:18px -249px !important; margin-top:0; }
a.buyNowBtn.chatNowBtn:hover { background-color:#f72608; }
.detContentBox { width:96%; max-width:1120px; margin:40px 0px 0px 0px; padding:3px 0px 20px 0px; text-align:left; }
ul.detAccordion { list-style-type:none; margin:0; }
ul.detAccordion>li { margin-bottom:5px; }
ul.detAccordion>li>h3 { cursor:pointer; position:relative; font-size:20px; line-height:22px; color:#909090; background:#DDDDDD; padding:10px 15px 10px 40px; background-repeat:no-repeat; background-position:10px center; border-bottom:1px #DDDDDD solid; }
ul.detAccordion>li>h3.profileTab { font-size:16px; line-height:18px; }
ul.detAccordion>li>h3.tabOn { color:#000000; background-color:#E0E0E0; border-radius:5px; }
a.btnArrTab { position:absolute; top:0; bottom:0; right:15px; margin:auto; width:26px; height:20px; background:url('../../i/buttons/btn-accrd-arrow.png') no-repeat 0px 0px; 
		-webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}
a.btnArrTab.collapseTab { background-position:0px -22px; }
ul.detAccordion>li>h3:hover { background-color:#EEEEEE; }
ul.detAccordion>li>h3:hover>a.btnArrTab { background-position:-33px 0px; }
ul.detAccordion>li>h3:hover>a.btnArrTab.collapseTab { background-position:-33px -22px; }
.detContent { display:none; width:98%; margin:15px auto 30px auto; }
.detContent p {  }
.detContent ul, .detContent ol { margin-left:18px; }
.detContent.tabShow { display:block; }
.detFootNote { border-left:5px #DDDDDD solid; margin:20px 0px; padding:5px 15px 5px 22px; font-size:12px; line-height:16px; color:#909090; text-align:left; font-style:italic; }
.detFootNote p { font-size:12px; line-height:16px; color:#909090; text-align:left; }
.detTaxMsg { margin-top:10px; color:#CC0000; font-size:12px; font-style:italic; }
.detTaxMsg.crtTaxMsg { float:right; width:50%; margin-top:5px; text-align:right; padding-right:20px; }
.detQty { float:left; width:20%; margin-right:10px; }
.detQty label { float:left; font-size:12px; padding:15px 5px 15px 0; }
input.detFldQty { float:left; width:55%; text-align:center; margin:5px 0; }
	/* DETAIL BUY OPTIONS */
	.crtBuyBox { overflow:hidden; margin-top:5px; }
	.crtBuyOpt { border-top:2px #F6F6F6 solid; padding:10px 0; margin-top:5px; margin-bottom:10px; }
	ul.buyOption { list-style-type:none; overflow:hidden; margin:0; }
	ul.buyOption li { float:left; width:45%; margin-right:2%; padding:0 0 3px 0; }
	ul.buyOption li>label { display:block; font-size:13px; padding:2px 5px; }
	select.optSelect { }
	select.optSelect option:disabled { opacity:0.5; }
	select.optSelect option>label { font-size:0.5em !important; color:#FF0000 !important; }
	.crtStockCount { display:inline-block; color:#FFFF00; font-size:13px; padding:1px 10px; background:#990000; border-radius:5px; font-weight:bold; }
	.tblQty .crtStockCount { font-size:12px !important; border-radius:3px; padding:0 8px; }
	.crtStockCount.hideStock { display:none !important; }
/* carousel display */
.prdDetCrslDisp { width:100%; overflow:hidden; }
.prdDetCrslBox { position:relative; width:100%; height:72px !important; margin-top:20px; }
.prdThbCrsl { width:100% !important; height:93px; overflow:hidden; margin:auto; }
.imgPrd { overflow:hidden; height:auto; max-height:65vh; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.thbPrd { cursor:pointer; outline: 0; float:left !important; width:70px !important; height:70px !important; border:1px #FFFFFF solid; margin:1px; overflow:hidden; background:#FFFFFF; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.imgPrd img, .thbPrd img { max-width:100% !important; max-height:100% !important; object-fit:contain !important; }
.thbPrd.slick-current { border:1px #CCCCCC solid; }
.nvCrsl.nvSm { z-index:10; position:absolute; width:20px; height:20px; margin:auto; top:0; bottom:0; background-image:url('../../i/icons/icn-crslarrw-thb.png'); }
.nvCrsl.nvSm.crslPrv { background-position:0px center !important; left:0; }
.nvCrsl.nvSm.crslNxt { background-position:-20px center !important; right:0; }
/* ---------------------------------------------------------- */

/* EASY ZOOM */
.easyzoom { position:relative; overflow:hidden; width:100%; height:0; padding-bottom:85%; /*border:3px #EEEEEE solid;*/ text-align:center; border-radius:10px; }
/*.easyzoom img { max-width:100%; }*/
.easyzoom img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100% !important; }
.easyzoomThumbs { width:100%; margin-top:15px; }
.easyzoomThumbs>ul { list-style-type:none; overflow:hidden; font-size:0; line-height:0; }
.easyzoomThumbs>ul>li { position:relative; overflow:hidden; display:inline-block; width:60.5px; height:60.5px; margin:3px; border:2px #F6F6F6 solid; border-radius:5px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.easyzoomThumbs>ul>li img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%; }

/* SHOPPING CART */
.cartWrapper { position:relative; overflow:hidden; width:95%; min-height:35vh; max-width:1100px; padding-top:5px; }
.cartWrapper.dlvryWrapper { min-height:60vh !important; }
.cartWrapper span.currencyTag { font-weight:normal; }
.crtLf { float:left; width:69%; margin-top:5px; }
.crtRg { float:right; width:29%; max-width:320px; margin-top:5px; }
.crtRg.floatRg { position:absolute !important; top:5px !important; right:0 !important; }
.crtDetailBox { display:block; color:#FFFFFF; background:#333333; padding:10px; text-align:left; margin-bottom:15px; border-radius:5px; }
.crtDetailBox .ui-selectmenu-button { border:2px #999999 solid !important; box-shadow: 0px 0px 4px rgba(255,0,0, 0.4); }
.crtBox { position:relative; display:block; width:96%; min-height:295px; padding:10px; text-align:left; border:2px #DDDDDD solid; margin-bottom:20px; border-radius:5px; }
.crtBox.bxShow { display:block; }
.crtBox.bxHide { display:none; }
.crtBox.crtShippingBox { }
.crtBox.crtLoginBox { background-color:#e0f4fb; border:2px #0099CC solid; min-height:0; }
.crtBox.crtLoginBox input[type=text], .crtBox.crtLoginBox input[type=password] { border:2px #C0C0C0 solid; }
.crtBox h1 { font-size:22px; line-height:24px; }
.crtBox h2 { font-size:18px; line-height:20px; }
.crtRg h2 { font-size:19px; line-height:22px; font-weight:500; color:#FFFFFF !important; }
.crtOrderNo { position:absolute; top:15px; right:10px; text-align:right; }
.crtRow>ul { display:inline-table; width:100%; list-style-type:none; overflow:auto; border-bottom:1px #888888 dashed; }
.crtRow>ul.tblHeader { background:#DDDDDD; border-bottom:0; }
.crtRow>ul>li { float:left; width:17%; padding:15px 7px; margin-right:1px; }
.crtRow>ul.tblHeader>li { border-right:1px #EEEEEE solid; margin-right:0; padding:10px 7px; }
.crtRow>select { font-size:14px; line-height:14px; padding:2px 5px 2px 5px; text-align:center; width:80%; }
.crtRow { position:relative; }
.crtRow>.crtRowErr { z-index:10; position:absolute; top:0; bottom:0; left:0; right:4.5%; font-weight:bold; color:#660000; font-style:italic; background-color:rgba(249,227,227,0.75); display:flex; justify-content:center; align-items:center; }
.crtRow>.crtRowAlert { display:inline-block; position:relative; background:#FF9900; padding:2px 6px; font-size:12px; color:#FFFFFF; margin-top:3px; border-radius:5px; }
.crtPriceTag { position:relative; font-size:13px; line-height:17px; }
.crtPriceTag>label { display:block; font-size:16px; font-weight:500; margin-bottom:10px; }
.crtPriceTag>strike { color:#999999; } 
.crtPriceTag>span { float:right; color:#CC0000; }
	/*.crtButton { cursor:pointer; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; opacity:0.4; margin-bottom:3px; }
	.crtButton:hover { opacity:1.0; }
	.crtButton.crtEdit { background-image:url('../../i/buttons/btn-editcart.png'); }
	.crtButton.crtDelete { background-image:url('../../i/buttons/btn-delcart.png'); }*/
	/* CART EDIT & DELETE BUTTON */
	.crtButton { cursor:pointer; float:left; position:relative; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; opacity:0.5; margin-bottom:3px; }
	.crtButton:hover { opacity:1.0; }
	.crtButton.crtEdit { background-image:url('../../i/buttons/btn-editcart.png'); }
	.crtButton.crtDelete { background-image:url('../../i/buttons/btn-delcart.png'); }
	.crtButton.crtEdit.hasNote { background-image:url('../../i/buttons/btn-editcart-note.png'); }
	.crtEditBx { display:none; z-index:10; position:absolute; top:32px; right:12px; width:300px; overflow:hidden; }
	.crtEditBx input.editFld { float:left; width:78%; padding:5px; border:1px #DDDDDD solid; margin-right:5px; }
	.crtEditBx input.editSv { cursor:pointer; float:left; width:30px; height:30px; border:0; margin:2px; background:#0099CC url('../../i/buttons/btn-editcart-save.png') no-repeat center center; border-radius:5px; opacity:0.8; }
	.crtEditBx input.editSv:hover { opacity:1.0; }
	.crtEdtNote { position:relative; margin-top:3px; }
	.crtEdtNote .crtEditBx { top:0; left:25px; right:auto; width:auto; }
	.crtEdtLoad { display:none; z-index:11; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255, 0.7) url('../../i/fld-loading.gif') no-repeat center center; }
	.crtItmNote { float:left; margin-left:5px; width:90%; font-size:13px; }
	.noteMsg { font-size:14px; }
	/* -------- */
.crtDetail { border-top:3px #777777 solid; }
.crtDetail>ul { list-style-type:none; margin-top:5px; }
.crtDetail>ul>li { position:relative; border-top:1px #999999 dotted; padding:8px 0px; text-align:right; font-size:16px; line-height:16px; font-weight:bold; overflow:hidden; }
.crtDetail>ul>li:first-child { border-top:0; }
.crtDetail>ul>li>span { font-weight:500; }
.crtDetail>ul>li>label { float:left; text-align:left; font-size:14px; padding-top:3px; font-weight:normal; }
.crtDetail>ul>li>label>select { padding:2px; font-size:13px; width:100%; margin:3px 0px 10px 0px; }
.crtDetail>ul>li>label.crtTax { margin-top:5px; }
.crtDetail>ul>li.savingRow { color:#A0DCF0; }
.crtDetail>ul>li.courierRow { position:relative; display:none; }
.crtDetail>ul>li.crtTotal { border-top:1px #777777 solid; font-size:19px; line-height:20px; margin-top:15px; }
.crtDetail>ul>li.crtTotal>label { float:left; width:30%; font-weight:bold; font-size:15px; line-height:15px; }
.crtDetail>ul>li.crtTotal>span { border:1px #FF0000 dotted; overflow:hidden; width:200px; height:30px; }
.crtTtlNote { display:block; font-weight:normal; font-size:13px; line-height:16px; color:#FFFFFF; text-align:left; background:#990000; padding:5px 8px 8px 8px; border-radius:5px; margin-top:10px; }
.crtTtlNote.blckNote { width:96%; font-size:15px; line-height:18px; padding:10px 13px 13px 13px; margin:0 0 10px 0; border-radius:8px; }
input.cartBtn, a.cartBtn { cursor:pointer; display:block; font-family: 'Roboto', sans-serif; background:linear-gradient(#60b2cd, #0099CC); color:#FFFFFF; font-size:15px; letter-spacing:0.6px; padding:12px; margin:5px 0px; width:99%; border:2px #017ba4 solid; border-radius: 8px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
a.cartBtn { width:90% !important; }
input.cartBtn.cartOrder { background:linear-gradient(#1bc2fa, #0099CC); }
input.cartBtn:hover, a.cartBtn:hover { background:linear-gradient(#eb676c, #ED1C24); box-shadow: 1px 1px 2px rgba(0,0,0,0.5); border:2px #ED1C24 solid;}
.crtShipCost { overflow:hidden; position:relative; font-size:16px; line-height:16px; padding:1px 0px; margin-top:20px; }
#cartShippingCost { float:right; width:73%; font-weight:500; }
.cartShipCostSm { font-weight:normal; font-size:13px; color:#0099cc; }
.cartShipCostNote { font-weight:normal; font-size:12px; line-height:13px; color:#FF0000; height:auto !important; }
#cartShippingWeight { float:left; height:20px; width:25%; font-size:14px; font-weight:normal; text-align:left; }
input.crtQuantity { padding:6px 8px 7px 8px; text-align:center; width:78%; margin-bottom:5px; }
.crtFooter { overflow:hidden; margin-top:20px; }
.lnkBackShopping { float:left; width:40%; font-size:13px; padding:5px 5px 0px 5px; }
.lnkBackShopping>a { font-size:13px; padding:0px; }
.crtDestination,.crtShipping { display:block; overflow:hidden; text-align:left; margin:3px 0; }
.crtCourierOpt { float:left; width:30%; }
.crtCourierService { display:none; float:right; width:62%; }
.crtCourierService>label { font-size:10px; padding-right:5px; }
.crtShipDest { float:right; width:40%; }
.crtShipLoading { display:none; position:absolute; right:10%; width:16px; height:16px; background:url('../../i/frm-loading-sm.gif') no-repeat center center; }
.crtCourierNote { display:block; width:100%; font-size:12px; line-height:14px; margin-top:5px; color:#FF0000; }
.crtCourierCustom { color:#FF0000; }

/* STICKY SUMMARY BOX */
.stickyDiv.stickyThis { position:fixed !important; top:90px !important; right:7% !important; }
.stickyDiv.stickyBottom { position:absolute !important; top:auto !important; bottom:20px !important; right:0 !important; }

/* MULTIPLE PRICE DISPLAY */
.crtMltPrice { position:absolute; top:10px; width:15px; text-align:center; }
/* MULTI PRICE ICON RINGER ONLY .crtMltPrcIcon { position:absolute; top:-5%; right:2%; cursor:pointer; margin:auto; width:17px; height:17px; background:url('../../i/icons/icn-alert.png') no-repeat center center; opacity:0.6; } */
.crtMltPrc { position:relative; /*display:inline-table;*/ display:block; padding-bottom:10px; }
.crtMltPrc>label { /*position:absolute; top:-5%; right:2%; */cursor:pointer; margin:auto; font-size:11px; line-height:12px; color:#0099CC; font-weight:bold; display:inline-block; border:1px #EBE75C solid; /*width:17px; height:17px;*/ background:url('../../i/icons/icn-alert.png') no-repeat 3px center; opacity:0.6; padding:4px 5px 4px 22px; margin-top:5px;
  -webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
.crtMltPrc>label:hover { background:#F1F1F1 url('../../i/icons/icn-alert.png') no-repeat 3px center; }
.crtMltPrcTips { z-index:100; display:none; position:absolute; top:80%; left:-40%; margin:auto; margin-top:13px; padding:10px; background:#F8F7CA; text-align:left; 
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		 -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
					box-shadow: 1px 1px 1px rgba(0,0,0,0.2);	
}
.crtMltPrcTips.mltPrcDet { left:0; width:100%; max-width:160px; }
.crtMltPrcTips.mltPrcList { top:-30%; left:120%; }
.crtMltPrcArrw { position:absolute; width:0; height:0; right:0; top:-6px; left:0; margin:auto; border-bottom:6px #F8F7CA solid; border-left:6px solid transparent; border-right: 6px solid transparent; }
.crtMltPrcArrwLf { position:absolute; width:0; height:0; left:-6px; top:25px; margin:auto; border-right:6px #F8F7CA solid; border-top:6px solid transparent; border-bottom: 6px solid transparent; }
.crtMltPrcArrw.mltArrLf { right:auto; left:20%; }
.crtMltPrcTips>ul { list-style-type:none; margin:0; }
.crtMltPrcTips>ul>li { overflow:hidden; padding:2px 5px; border-bottom:1px #FDFEF4 dashed; }
.crtMltPrcTips>ul>li.titleTips { background:#EBE75C; font-size:12px; text-align:center; font-weight:bold; border-bottom:2px #FDFEF4 solid; white-space:nowrap; }
.crtMltPrcLf { float:left; width:42%; font-size:12px; }
.crtMltPrcRg { float:right; width:55%; font-size:12px; text-align:right; }

/* PROCESS LOADING & NOOTIFICATION */
.doLoading { display:none; z-index:100; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(240,240,240,0.8); }
.doLoadMsg { 
	position:absolute; 
	width:150px; 
	height:20px; 
	background:#FFFFFF url('../../i/frm-loading.gif') no-repeat 10px center; 
	top:35%;  
	left:0; 
	right:0; 
	margin:auto; 
	padding:9px 10px 8px 45px;
	text-align:left;
	font-size:14px;
	color:#666666;
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
					box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	
}
.doLoading.whtForm { background-color:rgba(255,255,255,0.9); }
.doLoading.whtForm>.doLoadMsg { 
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
		 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
					box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.doLoadMsg.deliveryPost { top:0; bottom:0; }

/* PAYMENT CART */
.payWrapper { overflow:hidden; width:95%; max-width:1100px; min-width:800px; padding-top:5px; }
.payWrapper.confirmWrap { max-width:800px; }
.payBox { width:90%; margin:5px auto 10px auto; padding:10px; text-align:left; border:5px #EEEEEE solid; border-radius:10px; }
.payBox.optBox { margin-top:20px; }
.payBox>h1 { font-size:22px; line-height:24px; font-weight:bold; }
.payBoxTtl { overflow:hidden; display:block; }
.payBoxTtl>h2 { float:left; width:65%; font-size:18px; line-height:20px; font-weight:bold; margin-bottom:15px; }
.payBoxTtl>span.orderNum { float:right; text-align:right; font-size:14px; width:25%; }
.payBoxTtl>span.orderNum>b { padding-left:3px; font-size:14px; }
.payOpt { overflow:hidden; }
.payOpt>ul { list-style-type:none; }
.payOpt>ul>li { 
	float:left; 
	overflow:hidden;
	background:#F1F1F1;
	width:23%;
	min-height:135px;
	border:2px #C0C0C0 solid;
	margin:5px 10px 5px 0px;
  	border-radius:10px;
}
.payOpt>ul>li.payOptOff { opacity:0.4; }
.payOptLogo { display:block; text-align:center; border-bottom:1px #DDDDDD solid; background:#FFFFFF; padding:7px 0px; }
.payOptLogo input[type=radio] { margin-right:8px; margin-top:-23px; vertical-align: middle; }
.ipgPay .payOptLogo { height:45px; }
.payOptTerm { display:block; margin:8px 5px; }
.payOptTerm>ul { list-style-image:url('../../i/icons/rdo-checkb.png'); margin-left:16px; }
.payOptTerm>ul>li { font-size:11px; line-height:11px; margin:5px 0px; }
.payOptTerm>ul>li.termRed { list-style-image: url('../../i/icons/rdo-checkr.png'); }
.payTbl { border:1px #DDDDDD solid; border-radius:5px; }
.payTbl>ul { list-style-type:none; overflow:hidden; border-top:2px #DDDDDD solid; margin:0; }
.payTbl>ul:first-child { border-top:0; }
.payTbl>ul>li { position:relative; float:left; padding:8px; border-left:1px #DDDDDD solid; padding-bottom:265px; margin-bottom:-250px; }
.payTbl>ul>li>span { margin-bottom:5px; }
.payTbl>ul>li>label { display:block; font-weight:bold; margin-bottom:5px; }
ul.payDelivery { background:rgba(255,248,214,0.4); border-top:2px #DDDDDD solid; }
ul.payDelivery>li { font-size:14px; line-height:16px; }
ul.payDelivery>li>label { font-size:14px; }
ul.payDelivery>li>label.payTax { margin-top:15px; }
label.payProductName { font-size:16px; }
label.payProductName a { color:#000000; }
.payQty { display:block; font-size:12px; line-height:14px; }
.shipBox { overflow:hidden; width:100%; margin:20px 0; border:1px #DDDDDD solid; background:rgba(255,255,255,0.9); text-align:left; border-radius: 2px; }
.shipCol { float:left; width:35%; margin-right:7%; }
.shipCol h2 { font-size:22px; line-height:24px; font-weight:bold; margin-bottom:20px; }
.shipCol h3 { font-size:18px; font-weight:bold; margin-top:10px; }
.shipCol.colAddress { width:55%; margin-right:0; background:rgba(204,204,204,0.1); border:1px #EEEEEE solid; padding:0px 10px; }
.shipBox.buttonBox { overflow:hidden; background:none; border:0; }
.shipBox.buttonBox>input { float:right; max-width:300px; margin:0; }
#shipReceiveName { display:none; }
	.shipOrderNt { float:left; max-width:60%; padding:8px 10px; color:#333333; font-size:14px; line-height:17px; background:#FFFFFF; border:2px #990000 solid; border-radius:5px; box-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.2); }
	/* BAYARIND */
	.bayarindMdl { display:none; z-index:1600; position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0, 0.85); }
	.bayarindBx { display:none; position:absolute; }
	#bayarindFrm { width:100%; height:100%; border:0; }
	.bayarindBx.showFrm { display:block; top:5%; bottom:5%; left:3%; right:3%; max-width:500px; margin:auto; padding:10px; background:#FFFFFF; border-radius:5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }

/* CONFIRM */
.confBox { width:86%; margin:5px auto 10px auto; padding:30px; text-align:left; border:5px #F6F6F6 solid; border-radius:10px; }
.confBox>h1 { font-size:20px; line-height:22px; font-weight:bold; }
.confBox>h1.redMsg { color:#CC0000; }
.confBox>h1>label { color:#00BBFF; }
.confDet>ul { list-style-type:none; }
.confDet>ul>li { overflow:hidden; padding:2px 0px; }
.confDet>ul>li>label { float:left; width:20%; }

/* PURCHASE LIST TABLE */
.tblImg { width:11% !important; text-align:center; }
.tblIcn { width:8% !important; text-align:center; }
.tblImg img { max-width:100%; }
.tblIcn img { max-width:100%; }
.tblDel { width:2.5% !important; text-align:center; float:right !important; }
.tblQty { position:relative; width:10% !important; text-align:center; float:right !important; }
.tblPrc { width:25% !important; }
.tblMsg { width:40% !important; }
.tblMsg>label { display:block; }
.tblMsg>span.subMsg { display:block; font-size:13px; color:#999999; margin-top:5px; }
.tblMsg>span.subOpt { display:block; font-size:14px; color:#666666; margin-top:1px; }
.tblMsg>span.subOpt>label { opacity:0.6; }
.tblProduct { width:40% !important; }
.tblNote { float:right !important; width:25% !important; }
.tblHrg { float:right !important; width:14% !important; font-size:13px; }
.tblTotalBrg { float:right !important; width:12% !important; }
.tblHrgSub { float:right !important; width:14% !important; }
.tblOngkir { float:right !important; width:12.3% !important; }
.tblCost { float:right !important; width:12.1% !important; }
.tblAddress { width:40% !important; }
.tblTotal { float:right !important; width:23% !important; text-align:right; padding-right:20px !important; border:0 !important; }
.tblTotal>b { color:#000000; font-size:18px; }
.tblAddress label { font-size:14px; line-height:16px; display:block; font-weight:bold; margin-bottom:5px; }
.tblAddress label.payTax { margin-top:15px; }
ul.dlvrMth { list-style-type:none; overflow:hidden; margin-bottom:10px; }
ul.dlvrMth li { float:left; width:47%; }
ul.dlvrMth li span { opacity:0.5; }
ul.dlvrMth li.pickTm { width:53% !important; }

/* CHECKOUT LOGIN FORM */
input.frmLogin { padding:7px 8px; width:92%; border:1px #999999 solid; background:#FFFFFF;/*background:rgba(0,153,204,0.1);*/ }
input.frmLogin:focus { color:#000000; }
.frmLoginBtn { cursor:pointer; padding:12px 20px 12px 40px; background-color:#333333; background-position:18px -491px !important; color:#FFFFFF; letter-spacing:1.5px; border:2px #FFFFFF solid; border-radius:7px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.frmLoginBtn:hover { border:2px rgba(255,255,255,0.8) solid; }
.loginLoading { display:none; z-index:100; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8); }
.loginLoadMsg { 
	position:absolute; 
	width:90px; 
	height:20px; 
	background:#FFFFFF url('../../i/frm-loading.gif') no-repeat 5px center; 
	top:0;  
	bottom:0;
	left:0; 
	right:0; 
	margin:auto; 
	padding:6px 8px 5px 40px;
	text-align:left;
	font-size:13px;
	color:#666666;
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
		 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
					box-shadow: 1px 1px 2px rgba(0,0,0,0.3);	
}
.loginLoadMsg:after { content:'Process login...'; }

/* SYSTEM NOTIFICATION */
.sysNotif { display:none; position:relative; padding:13px; min-height:10px; background:#BFEFFF url('../../i/icons/icn-notif.png') no-repeat 15px 10px; border:5px #b7ecfe solid; text-align:left; border-radius:10px; margin-bottom:10px; }
.sysNotif.modalNotif { z-index:1000; position:absolute; top:0; left:0; right:0; margin:auto; }
.sysNotif.payNotif { width:89.5%; }
.sysNotif.notifOn { display:block; }
.sysNotifClose { cursor:pointer; position:absolute; width:15px; height:15px; top:10px; right:10px; background:url('../../i/buttons/btn-notifoff.png') no-repeat 0px 0px; }
.sysNotifClose:hover { background-position:0px -25px; }
.sysNotifNote { color:#B20000; font-size:16px; margin-left:50px; margin-right:25px; }

/* CART STEP */
.cartStepBox { position:relative; width:85%; max-width:550px; height:30px; margin:0px auto 25px auto; background:url('../../i/step-line.png') repeat-x center bottom; padding:3px; }
.cartStepPoint { position:absolute; width:90px; height:33px; bottom:0; }
.cartStepPoint.sign1 { left:-45px; }
.cartStepPoint.sign2 { left:25%; }
.cartStepPoint.sign3 { right:25%; }
.cartStepPoint.sign4 { right:-45px; }
.cartStepPoint>label { font-size:13px; line-height:13px; font-weight:500; color:#CCCCCC; }
.cartStepPoint>span { position:absolute; left:0; right:0; bottom:-7px; width:12px; height:12px; margin:auto; 
	background:#DDDDDD;
	border:4px #DDDDDD solid;
	-webkit-border-radius: 50%; 
	   -moz-border-radius: 50%; 
					border-radius: 50%;
}
.cartStepPoint>label.pointDone { color:#333333; }
.cartStepPoint>span.pointDone { background:#FFFFFF; border:4px #CCCCCC solid; }
.cartStepPoint>label.pointActive { color:#333333; }
.cartStepPoint>span.pointActive { background:#EEEEEE; border:4px #fe0404 solid; }
.crtQtyAlert { display:none; position:absolute; top:58px; left:0; right:0; margin:auto; background:#FF0000; padding:5px 0;
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
.qtyAlertArrw { position:absolute; width:0; height:0; right:0; top:-3px; left:0; margin:auto; border-bottom:3px #FF0000 solid; border-left:4px solid transparent; border-right: 4px solid transparent; }
.qtyAlertNote { font-size:12px; line-height:10px; color:#FFFFFF; }
.qtyAlertNote>b { color:#FFFF00; }

/* CART DELIVERY */
.deliveryWrap { width:93%; overflow:hidden; }
.dlvryBox { position:relative; width:40%; min-height:150px; padding:10px; text-align:left; border:5px #EEEEEE solid; border-radius:10px; transition: all 0.5s; opacity:0.5; }
.dlvryBox:hover { opacity:1.0; }
.dlvryBox.mbrDlvry { opacity:1.0 !important; }
.dlBoxLf { float:left; width:32%; padding-right:15px; background:#F6F6F6; }
.dlBoxRg { float:right; width:58%; padding:10px; text-align:left; border-radius:10px; }
.dlvryBox.mbrDlvry.dlBoxRg { border:5px #DDDDDD solid; }
.dlvryNt { padding:5px 2px; font-size:15px; line-height:19px; }
.dlvryLogin { display:block; }
a.lgnExpnd { display:none; position:absolute; top:10px; right:20px; background:url('../../i/icons/icn-expand.png') no-repeat right center; font-size:13px; line-height:13px; color:#0099CC; padding:5px 20px; white-space:nowrap; }
h2.cartTtl { font-size:22px; line-height:24px; font-weight:bold; margin-bottom:10px; }
h3.frmGrpTtl { font-size:17px; line-height:18px; font-weight:bold; margin-bottom:5px; padding:5px 3px; border-bottom:1px #CCCCCC dashed; }
h3.frmGrpTtl>span { font-weight:normal; font-size:15px; font-style:italic; }
.frmGrpAlert { display:block; width:93%; padding:8px 10px; color:#333333; background:#FFFFFF; border:2px #990000 solid; border-radius:5px; box-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.2); }
ul.crtLogin { list-style-type:none; overflow:hidden; }
ul.crtLogin>li { float:left; width:35%; padding:3px 10px 3px 0; line-height:18px; }
ul.crtLogin>li:nth-child(2) { width:30%; }
ul.crtLogin>li:nth-child(3) { width:17%; padding:4px 0; margin-left:5px; }
ul.crtLogin>li:nth-child(4) { width:10%; padding:10px 0; }
ul.crtLogin>li:nth-child(4) a { font-size:13px; line-height:12px; }
.crrLoginRslt { display:none; padding:10px 0; color:#990000; }
ul.deliveryFrm { list-style-type:none; overflow:hidden; margin:7px 0 15px 0; }
ul.deliveryFrm.mthDlvr { display:none; margin-bottom:0; }
ul.deliveryFrm>li { position:relative; float:left; width:48%; padding:5px 0; margin-right:2%; }
ul.deliveryFrm.infPick>li { background:#F6F6F6 !important; }
ul.deliveryFrm>li>label { display:block; width:100%; padding:3px 4px; }
ul.deliveryFrm>li.fullCol { width:99%; }
ul.deliveryFrm>li.halfCol { width:35.5%; }
ul.deliveryFrm>li.smCol { width:20%; }
.noData { color:#990000; padding:5px 0; }
.dlvryAddrPicked { margin:15px 0 30px 0; padding:15px 10px 15px 40px; border-top:1px #999999 dashed; border-bottom:1px #999999 dashed; background:url('../../i/icons/icn-correct.png') no-repeat 5px 16px; }
.dlvryAddrPicked h4 { font-size:18px; line-height:22px; margin-bottom:10px; }
.dlvryAddrName { font-weight:bold; color:#0099CC; margin:3px 0; font-size:16px; }
.dlvryAddrInfo { margin:5px 0; opacity:0.7; }
/* change address modal */
a.lnkChAddr { background-position:2px -636px; padding:3px 3px 3px 28px; }
a.lnkAddAddr { background-position:2px -673px; padding:3px 3px 3px 28px; }
a.exitAddrChg { z-index:1; position:absolute; top:8px; right:8px; width:22px; height:22px; background:url('../../i/icons/icn-close.png') no-repeat center center; background-size:contain; opacity:0.6; }
a.exitAddrChg:hover { opacity:1.0; }
.addrChgMdl { display:none; z-index:2000; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0, 0.6); }
.addrChgBx { display:none; position:absolute; top:4%; bottom:4%; left:2%; right:2%; max-width:400px; max-height:67vh; margin:auto; background:#FFFFFF; border:5px #E0E0E0 solid; border-radius:8px; }
.addrChgHd { position:relative; display:block; padding:10px; background:#e7f2d6; font-size:20px; line-height:20px; font-weight:500; }
.addrChgCnt { position:absolute; left:0; right:0; top:42px; bottom:0; padding:0 10px; overflow-y:auto; }
ul.addrChgLst { list-style-type:none; }
ul.addrChgLst>li { cursor:pointer; padding:15px 10px; border-top:1px #CCCCCC dashed; font-size:14px; line-height:17px; text-align:left; }
ul.addrChgLst>li:first-child { border-top:0; }
ul.addrChgLst>li:hover { background:#F9F9F9; }
ul.addrChgLst>li:last-child { cursor:default; background:transparent; padding:20px 10px; }
ul.addrChgLst>li>h4 { font-size:18px; }
ul.addrChgLst>li>.dlvryAddrName { font-weight:500; color:#0099CC; }
ul.addrChgLst>li.picked::after { content:''; position:absolute; top:20px; right:2px; width:20px; height:20px; background:url('../../i/icons/icn-correct.png') no-repeat center center; border-radius:50%; overflow:hidden; }
/* delivery map */
.dlvryMapBx { display:block; width:97.5%; height:0; padding-bottom:40%; overflow:hidden; border-radius:5px; border:1px #666666 dashed; }
	.dlvryMapBx.profileMapBx { border:2px #CCCCCC solid; }
/* GOOGLE MAPS */
.mapBox { position:relative; }
.mapBox.dispMap { /*-webkit-filter: grayscale(100%);*/ }
.mapBox.dispMap::after { content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(255,255,255, 0.3); }
	.mapBox.dispMap>.profileMapBx { border:1px #CCCCCC solid !important; }
.mapBox.mapProfile>.dlvryMapBx { padding-bottom:70%; }
.mapBox.mapProfile.dispMap>.dlvryMapBx { padding-bottom:40%; }
input.mapSearch { position:absolute; top:5px; left:5px; width:30%; background-color:#FFFFFF; border:0; box-shadow: 0 0 1px #666666; padding:15px 40px 15px 10px; background-position:right -708px; }
input.mapSearch:focus { border:0; box-shadow: 0 0 2px #666666; width:80%; }
input.mapSearch.dispOnly { display:none; }
ul.frmRadioLst { list-style-type:none; overflow:hidden; }
ul.frmRadioLst li { cursor:pointer; float:left; margin:2px 5px; padding-right:30px; }
input.frmDate { background-image:url('../../i/icons/icn-calendar.png'); background-repeat:no-repeat; background-position:right center; }
	/* CONTACT US MAPS */
	.contactMapBox { position:relative; margin-top:40px; }
	.contactMapBox>label { display:block; font-size:1.3em; font-weight:bold; margin-bottom:5px; }
	.contactMapBx { border:1px #DDDDDD solid; height:50vh; }

/* LOGIN */
.loginWrapper { width:95%; max-width:550px; text-align:left; }
.loginAlert {
	margin:0px 1px 15px 1px;
	padding:10px;
	border:1px #fc7979 solid;
	background:rgba(255,255,255,0.6);
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #999999;
		 -moz-box-shadow: 0 0 2px #999999;
					box-shadow: 0 0 2px #999999;
}
.loginBox { border:1px #DDDDDD solid; background:rgba(255,255,255,0.9); padding:10px 0px; 
  -webkit-border-radius: 2px; 
	   -moz-border-radius: 2px; 
					border-radius: 2px;
}
.loginSegment { border-bottom:1px #DDDDDD solid; padding:10px 10px 15px 10px; }
.loginSegment>h1 { font-size:18px; line-height:18px; margin-bottom:0; }
.loginSegment>ul { list-style-type:none; }
.loginSegment>ul>li { margin-bottom:10px; }
.loginSegment>ul>li>label { display:block; font-weight:bold; margin-left:2px; margin-bottom:5px; }
.loginSegment a { color:#e85050; }
a.lnkSignUp { display:block; border:1px #CCCCCC solid; padding:10px; text-align:center; color:#e85050; font-weight:bold;
	margin-bottom:10px;
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
					border-radius: 3px;
}
a.lnkSignUp:hover { background:#F6F6F6; }
.btnLogin {
	cursor:pointer;
	width:100%;
	font-size: 16px;
	font-weight:bold;
	color:#FFFFFF; 
	background-color:#e85050; 
	line-height:18px; 
	border:1px #b43d3d solid;
	padding:10px;
	margin-top:5px;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
.btnLogin:hover { background-color:#ca3c3c; }
.loginNote { font-size:12px; margin:5px 0px; }

/* SIGNUP */
.signupBox { position:relative; display:block; margin:5px auto 5px auto; padding:0; text-align:left; background:#FFFFFF; border:1px #CCCCCC solid; border-radius:5px; }
h1.signupTitle { font-size:20px; line-height:22px; background:#333333; color:#FFFFFF; padding:15px; margin:0; border-radius:4px 4px 0 0; }
.signupForm { position:relative; padding:13px 15px 15px 15px; border-bottom:5px #DDDDDD solid !important; margin-top:10px; }
.signupForm.profileForm { padding:10px; }
.signupForm.profileForm.mainAddress { background:#fbfdf3; border:1px #DDDDDD dashed; }
.signupForm.profileForm.addAddress { display:none; border:1px #999999 dashed; border-radius:5px; }
a.addDeliveryAddr { display:inline-block; margin:10px; }
.addrDelete { display:none; z-index:10; cursor:pointer; position:absolute; width:39px; height:39px; right:20px; top:33px; background-color:#e04f5f; background-position:10px -524px; border-radius:50%; box-shadow: 0 0 3px #999999; }
.addrDelete:hover { box-shadow: 1px 1px 3px #666666; border:2px #FFFFFF solid; }
.addressForm:hover .addrDelete { display:block;  }
.signupForm ul { overflow:hidden; }
.signupForm.profileForm ul { margin-bottom:10px; }
.signupForm ul>li { margin-bottom:10px; }
.signupForm ul>li>label { display:block; margin:2px; }
.signupForm ul>li>label>span { color:#FF0000; }
.signupForm ul>li.colLf { float:left; width:48%; margin-right:2%; }
.signupForm ul>li.colRg { float:right; width:48%; }
.signupForm ul>li.colFull { float:left; width:99%; }
.signupForm>h2 { font-size:17px; margin-bottom:15px; }
input.signUp {  }
input.confirmPay { /*padding:7px 8px 9px 8px; font-size:16px; width:92%;*/ }
select.confirmPay { /*padding:7px 6px 9px 6px; font-size:16px; height:40px; width:99%;*/ }
.signupFooter { padding:10px 15px 15px 15px; }
.signupFooter>p { margin:0; padding:5px 0px; }
p.sgFtNote { font-size:12px; line-height:16px; }
.signupBtn {
	cursor:pointer;
	width:100%;
	font-size: 16px;
	font-weight:500;
	color:#FFFFFF; 
	background: linear-gradient(#04b9f6, #0099CC); 
	line-height:18px; 
	border:0;
	padding:12px 10px;
	opacity:0.8;
	margin:5px 0px 10px 0px;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
.signupBtn:hover { opacity:1.0; }
a.registerBtn {
	display:block;
	cursor:pointer;
	width:95.5%;
	font-size: 16px;
	font-weight:500;
	color:#FFFFFF; 
	background: linear-gradient(#666666, #000000);
	line-height:18px; 
	border:0;
	padding:12px 10px;
	margin:5px 0px 10px 0px;
	text-align:center;
	opacity:0.7;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
a.registerBtn:hover { opacity:1.0; }
.signupForm ul>li.colRg>input[type=submit] { margin-top:24px; margin-bottom:0; }

/* MY PROFILE */
input.profileFld { }
textarea.profileFld {  }
select.profileFld {  }
input[type=radio].profileFld { width:20px !important; }
.profileFld.markFld:disabled { background-color:#CCCCCC !important; color:#000000; font-weight:bold; }
.profileEditBtn { height:50px; position:relative; }
.profileSaveBtn { position:absolute; left:0; top:0; bottom:0; right:0; display:none; }
.editProfileBtn {
	cursor:pointer;
	width:100%;
	font-size: 16px;
	font-weight:500;
	color:#FFFFFF; 
	background: linear-gradient(#04b9f6, #0099CC); 
	line-height:18px; 
	border:1px #CCCCCC solid;
	padding:10px;
	opacity:0.8;
	margin:5px 0px 10px 0px;
	-webkit-border-radius: 5px; 
	   -moz-border-radius: 5px; 
					border-radius: 5px;
}
.editProfileBtn:hover { opacity:1.0; }
.saveProfileBtn { width:55%; position:absolute; right:0; top:0; }
.cancelProfileBtn,.cancelAddAddr { background:#EEEEEE; color:#666666; border:1px #CCCCCC solid; width:40%; position:absolute; left:0; top:0; }
.profileHeader { display:block; margin-bottom:20px; }
.profileHeader>b { color:#0099CC; }

/* MY PURCHASE */
.mBuyBox { position:relative; padding:30px 15px 15px 15px; border-bottom:1px #DDDDDD solid; }
.mBuyRow { position:relative; border:1px #DDDDDD solid; margin-bottom:20px;
	-webkit-box-shadow: 2px 2px 0 #DDDDDD;
		 -moz-box-shadow: 2px 2px 0 #DDDDDD;
					box-shadow: 2px 2px 0 #DDDDDD; 
}
.mBuyRow>ul { display:inline-table; width:100%; list-style-type:none; overflow:auto; }
.mBuyRow>ul.mBuyTbl { cursor:pointer; position:relative; background:#F9F9F9; padding-bottom:35px; }
.mBuyRow>ul>li { float:left; width:17%; padding:10px 15px; margin-right:1px; font-size:13px; }
.mBuyDetail { display:none; border:0; }
.mBuySubTtl { font-weight:bold; font-size:13px; border-top:1px #DDDDDD solid; padding:10px 10px 10px 31px; background:url('../../i/icons/icn-buylist.png') no-repeat 8px center; }
a.mBuyInvNum { display:block; font-size:15px; font-weight:bold; }
a.mBuyMore { position:absolute; bottom:10px; right:14px; font-size:12px; color:#333333; padding-right:20px; background:url('../../i/icons/icn-expand.png') no-repeat right center; opacity:0.6; }
a.mBuyMore:hover { opacity:1.0; }
p.mBuySumm { font-size:12px; margin:0; }
.tblMBuyMsg { width:53% !important; padding:15px 10px !important; }
.tblMBuyStatus { width:38% !important; background:rgba(0,153,204,0.2); margin:5px 0; }

/* PAGES */
.pageNav { float:left; width:22%; background:#333333; padding:10px 10px 20px 10px; /*border:5px #ED1C24 solid;*/ border-radius:7px; margin-top:10px; }
.pageNavMobile { display:none; }
.pageCntBox { float:right; width:67%; min-height:50vh; padding-right:3%; padding-bottom:40px; overflow:hidden; }
ul.pageMenu { display:block; list-style-type:none; }
ul.pageMenu>h5 { font-size:20px; line-height:22px; color:#FFFFFF; padding:5px 7px 7px 7px; margin-bottom:15px; text-transform:uppercase; border-bottom:5px #DDDDDD solid; }
ul.pageMenu>li { cursor:pointer; color:#333333; padding:8px 7px; border-bottom:1px rgba(255,255,255, 0.2) dotted; border-radius:3px; }
ul.pageMenu>li>a { color:#EEEEEE; }
ul.pageMenu>li:hover { background:rgba(255,255,255,0.2); }
ul.pageMenu>li:hover>a { color:#FFFFFF; }
ul.pageMenu>li.pageMenuOn { background:rgba(255,255,255,0.7); }
ul.pageMenu>li.pageMenuOn>a { color:#000000; }
h1.pageTtl { padding:5px 0px 0px 0px; }
h4.pageSubTtl { font-weight:600; border-top:1px #999999 dashed; border-bottom:1px #999999 dashed; padding:10px 0; margin-bottom:10px; }
.pageContent,.pageContent p { text-align:justify; }
.pageContent ul,ol { list-style-position:outside; margin-left:15px; }
	.pageColBox { display:block; margin:20px 0; width:100%; overflow:hidden; }
	.pageColLf { float:left; width:46%; margin-right:2%; text-align:left !important; }
	.pageColLf>label { display:block; font-size:1.3em; font-weight:bold; margin-bottom:5px; }
	.pageImg { margin-bottom:30px; }
	.pageImg img { max-width:100%; }

	/* TABLE POINTS */
	.PDVSC-SHOPSAFE ul { list-style-type:none; overflow:hidden; margin:0; padding:0; }
	.PDVSC-SHOPSAFE ul>li { float:left; width:27%; margin:2% 6% 2% 0; height:0; padding-bottom:50%; }
	.PDVSC-SHOPSAFE ul h3 { font-size:18px; line-height:20px; text-align:left; }
	.tbPtImg { margin-bottom:10px; }
	.tbPtImg img { max-width:100%; }
	.tgIcn { display:inline-block; width:16px; height:15px; margin:0 1px; background-repeat:no-repeat; background-position:center center; }

/* WHATSAPP */
.waChatOPtBox { display:none; z-index:1000; position:fixed; bottom:55px; right:10px; background:#ED1C24; padding:10px;
	-webkit-border-radius: 3px; 
	   -moz-border-radius: 3px; 
			border-radius: 3px;
	-webkit-box-shadow: 1px 1px 5px #666666;
	   -moz-box-shadow: 1px 1px 5px #666666;
		    box-shadow: 1px 1px 5px #666666;
}
.waChatOPtBox ul { list-style-type:none; }
.waChatOPtBox ul>li { cursor:pointer; border-top:1px rgba(255,255,255, 0.5) dashed; color:#FFFFFF; padding:8px 5px; font-size:16px; }
.waChatOPtBox ul>li:first-child { border-top:0; }
.waChatOPtBox ul>li a { color:#FFFFFF; }
.waChatOPtBox ul>li:hover { background:rgba(0,0,0, 0.2); }
.waChatIcn { z-index:1000; cursor:pointer; opacity:0.8; position:fixed; bottom:10px; right:10px; font-size:13px; color:#FFFFFF; padding:10px 15px 10px 45px; text-align:left; background:#ED1C24 url('../../i/icons/icn-whatsapp.png') no-repeat 15% center; background-size:auto 65%; 
	border-radius: 5px;
	box-shadow: 1px 1px 2px #666666;
	transition: all 0.5s;
}
.waChatIcn:hover { opacity:1.0; background-color:#ec696e; }
.waChatIcn a { color:#FFFFFF; }
.waChatIcn::after { content:'BANTUAN'; }

/* 404 NOT FOUND */
.notFoundBox { max-width:600px; margin:40px 0; }
.notFoundImg { margin:30px 0; }
.notFoundImg img { max-width:100%; }

/* MOBILE SETUP */
.tagMobile { display:none; }
	.desktopOnly { display:block; }
	.mobileOnly { display:none; }