@charset "utf-8";

*{
	margin: 0,0,0,0;
	padding: 0;
	}
header, section, aside, nav, article, figure { display: block; }	
img{
	behavior: url("iepngfix.htc");
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
body { font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #2a2a2a; font-size: 14px; background-color: #fff; line-height: 1.2; }
p { margin: 0px;}
li { margin-left: 20px; }
h1, h2, h3, h4, h5, h6 { margin: 0; text-transform: uppercase; }
h1 { font-size: 48px; line-height: 1; }
input { font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; font-size: 14px;  padding: 11px 3%; border: solid 1px #000; background-color: transparent; width: 94%; position: relative; z-index: 1; color: #2a2a2a; }
input[type="submit"], input[type="button"] { cursor: pointer; padding: 11px 5%; background-color: #000; color: #fff; font-size: 13px; text-align: center; border: none; }
textarea { font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #000; background-color: transparent; width: 94%; height: 100px; padding: 11px 3%; }
select { font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; font-size: 14px; width: 100%; padding: 10px 2%; border: solid 1px #000; background-color: transparent; color: #2a2a2a; }
input[type="checkbox"] { border: solid 1px #fac5dc; width: 25px; height: 25px;  }
span.hotpink, .hotpink { color: #f00a71;}

a, div { outline: 0; }
a img { border: none; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.mobile { display: none; }
.desktop { display: block; }
th.desktop, td.desktop { display: table-cell; }
tr.desktop { display: table-row; }

.color-primary { color: #2a2a2a; }
.color-accent { color: #f5086f; }

a:link { color: #2a2a2a; text-decoration: none; }
a:visited { text-decoration: none; color:inherit; }
a.button-w { font-size: 13px; background-color: #fff; padding: 10px 30px; display: inline-block; *display: inline; zoom: 1; }
a.button-w:hover { background-color: #2a2a2a; color: #fff; text-decoration: none; }
a.button-b { font-size: 13px; background-color: #000000; color: #fff; padding: 10px 30px; display: inline-block; *display: inline; zoom: 1; }
a.button-b:hover { background-color: #fff; color: #000000; text-decoration: none; }
a.link-pink { color: #f5086f; font-weight: bold; }
a.button-darkgrey { font-size: 13px; background-color: #313131; color: #fff !important; padding: 10px 30px; display: inline-block; *display: inline; zoom: 1; }
a.button-darkgrey:hover { background-color: #f00a71; text-decoration: none !important; }
a.button-pink { font-size: 13px; background-color: #f00a71; color: #fff !important; padding: 10px 30px; display: inline-block; *display: inline; zoom: 1; letter-spacing: 1px; }
a.button-pink:hover { background-color: #313131; text-decoration: none !important; }
a.button-lightgrey { font-size: 13px; background-color: lightgrey; color: #fff !important; padding: 10px 30px; display: inline-block; *display: inline; zoom: 1; letter-spacing: 1px; }
a.view-all { font-size: 18px; text-align: center; display: block; background-color: #2a2a2a; color: #fff; padding: 16px 20px; line-height: 1; position: relative;  }
a.view-all:hover { text-decoration: none; }
a.view-all img { display: block; position: absolute; top: -22px; text-align: center; left: 50%; margin-left: -21.5px; }

#resultmsg { min-width: 300px; max-width: 90%; }
#resultmsg h1 { font-size: 30px; }
#resultmsg.error h1 { color: #e21b1b; }
#resultmsg.success .text { color: #068b56; } 
#resultmsg .text { padding-top: 20px; font-size: 110%; }
#resultmsg a { color: #f00a71; }
#resultmsg a:hover { text-decoration: underline; }

.sidecontent .bs-adside .t-overlay { display: none; }
.sidecontent .ui-pnotify-desc { border-top: solid 1px #e4e4e4;}

.wrapper { padding: 0px 50px; }

/* ---------------------- paging ------------------------- */
.paging { display: inline-block; *display: inline; zoom: 1; letter-spacing: 0px; font-size: 18px; }
.paging .current { color: #fff; background-color: #f10a72; margin: 0px 15px; padding: 5px 10px; float: left; }
.paging a { color: #fff; background-color: #313131; margin: 0px 15px; padding: 5px 10px; float: left; }
.paging a.nav { background-size: cover; width: 135px; height: 43px; background-color: transparent; padding: 0px; line-height: 43px; position: relative; padding-right: 15px; font-size: 20px; position: relative; margin-top: -5.5px; text-align: center; }
.paging a.nav.prev { background-image: url(themes/pg-prev-bg.png); padding-left: 15px; padding-right: 0px; }
.paging a.nav.next { background-image: url(themes/pg-next-bg.png); }

/* ---------------------- header ------------------------- */
header { /*position: fixed; */ z-index: 21; width: 100%; top: 0px; background-color: #fff; }
body.sub-page-txt header, body.ad-detail header { border-bottom: solid 1px #ececec; }
header.overlay { border-bottom: solid 1px #ececec; }
header #logo, header #logo a { height: 92px; float:left; }
header #logo a img { display: block; height: 100% !important; width: auto; }
#header { padding: 14px 50px; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; }
header.overlay { border-bottom: solid 1px #ececec; }
header.overlay #header { padding: 10px 50px; }
header.overlay #logo, header.overlay #logo a { height: 60px; }
header.overlay #topbar #r-sect div.contact a { padding: 10px 12px; }
header.overlay #topbar #r-sect div.contact a span { display: none; }
header.overlay #topbar #r-sect div.contact img { height: 20px; width: auto; width: initial; }
header.overlay #topbar #r-sect div.social a { background-size: 20px auto; height: 44px; margin-right: 10px;  }
header.overlay #topbar #l-sect { line-height: 44px; }
header.overlay .menu a, .menu a:visited { background-size: 35px auto; height: 60px; }

/* ---------------------- topbar ------------------------- */
#topbar { background-color: #2a2a2a; font-size: 13px; color: #fff; letter-spacing: 1px; }
#topbar #l-sect { text-transform: uppercase; float: left; line-height: 73px; }
#topbar #r-sect { float: right; }
#topbar #r-sect > div { float: left; padding: 0px; }
#topbar #r-sect div.social { border-right: solid 1px #fff;  }
#topbar #r-sect div.social a { float: left; margin-right: 30px; height: 73px; background-position: center; background-repeat: no-repeat; width: 33px; }
#topbar #r-sect div.social a.fb { background-image: url(themes/icon-fb.png); }
#topbar #r-sect div.social a.youtube { background-image: url(themes/icon-youtube.png); }
#topbar #r-sect div.social a.instagram { background-image: url(themes/icon-instagram.png); }
#topbar #r-sect div.social a:hover { text-decoration: none; }
#topbar #r-sect div.contact { }
#topbar #r-sect div.contact a { color: #fff; text-decoration: none; font-size: 14px; text-align: center; float: left; padding: 13px 20px; border-right: solid 1px #fff; }
#topbar #r-sect div.contact a img { display: block; margin: auto; margin-bottom: 4px; }
#topbar #r-sect div.login { border-right: solid 1px #fff; position: relative; float: left;}
#topbar #r-sect div.login a { float: left; margin-left: 20px; height: 73px; width: 33px; background-position: center; background-repeat: no-repeat;}
#topbar #r-sect div.login a.member { background-image: url(themes/icon-member.png); margin-right: 20px; }
#topbar #r-sect div.login a.member.active { background-image: url(themes/icon-member-active.png); }
#topbar #r-sect div.cart { float: left; padding: 0px; }
#topbar #r-sect div.cart a { float: left; margin-left: 20px; height: 73px; width: 33px; background-position: center; background-repeat: no-repeat; background-image: url(themes/icon-cart.png); position: relative; }
#topbar #r-sect div.cart a span { background-image: url(themes/count-bg.png); background-size: cover; color: #fff; height: 22px; width: 22px; display: inline-block; *display: inline; zoom: 1; text-align: center; position: absolute; line-height: 22px; right: 0px; top: 18%; font-size: 75%; }

/* ---------------------- menu ------------------------- */
#mmenulist, #mobile-menu { display: none; }
.menu a { background-repeat: no-repeat; background-position: top 8px center; }
.menu a.kuching { background-image: url(themes/menu-kuching.png); }
.menu a.yummy-food-highlights-and-deals { background-image: url(themes/menu-food.png); }
.menu a.attraction-places-kuching-explore-around { background-image: url(themes/menu-attractions.png); }
.menu a.kuching-local-and-overseas-tours { background-image: url(themes/menu-tours.png); }
.menu a.happening-events { background-image: url(themes/menu-happening.png); }
.menu a.accommodation-in-kuching { background-image: url(themes/menu-stay.png); }
.menu a.go-around { background-image: url(themes/menu-goaround.png); }
.menu a.contact-us { background-image: url(themes/menu-contact.png); }

/* ------------------------- banner zone -------------------- */
#banner-zone { margin: auto; /* margin-top: 193px; */ width: 100%; position: relative; z-index: 0; overflow: hidden; }
#banner-contant { width: 100%; margin: 0 auto; position: relative; z-index: 1; border-bottom: solid 1px #e4e4e4; }
.nivo-controlNav { bottom: 35px; position: absolute; z-index: 20; width: 100%; }
.nivo-controlNav a { background-image: url(banner/bullet.png); background-repeat: no-repeat; height: 18px; width: 18px; margin: 10px; text-indent: 2000px; display: inline-block; }
.nivo-controlNav a.active { background-image: url(banner/bullet-active.png); }
.nivoSlider, .nivo-slice { height: 100% !important; }

.nivo-caption { display: none !important; background: url('banner/caption-bg.png') !important; background-repeat: no-repeat; background-size: cover; opacity: 1 !important; font-size: 24px; text-align: left; top: 0px; background: none !important; }
body.ad-detail .nivo-caption { background: none !important; }
.nivo-caption h2 { font-size: 60px; font-weight: bold; color: #fff; margin-bottom: 5px; line-height: 52px; }
.nivo-caption .subtitle { text-transform: uppercase; color: #fff; line-height: 22px; display: block; }

.frame { padding: 30px; display: table; background-repeat: no-repeat; background-size: cover; position: relative; }
.frame div.outline { display: table-cell; text-align: center; border: solid 1px #fff; }
.frame .title-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 30px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; }

/* -------------------- header-highlights ----------------- */
#header-highlights { padding: 10px 50px; }
#header-highlights .item { width: 49%; float: left; background-size: cover; margin-right: 10px; }
#header-highlights .item div { vertical-align: middle; }
#header-highlights .item > a { display: table; width: 100%; height: 100%; }
#header-highlights .item.last { margin-right: 0px; float: right; }

/* -------------------- highlights ----------------- */
#highlights { padding: 50px 50px 30px; }
#highlights .item { width: 47%; margin-right: 50px; float: left; margin-bottom: 50px; }
#highlights .item div { vertical-align: middle; }
#highlights .item.col3 { width: 30%; margin-right: 50px; float: left; margin-bottom: 0px; }
#highlights .item > a { display: table; width: 100%; height: 100%; }
#highlights .item.last, #highlights .item.col3.last { margin-right: 0px; float: right; }

div.title { text-align: center; margin-bottom: 50px; }
body.sub-page-txt div.title { margin-bottom: 50px; }
div.title img { display: block; margin: 0px auto 5px; }
div.title .subtitle { font-size: 18px; padding: 0px 30px; }
div.title h1 .line { background-image: url(themes/title-line.png); background-repeat: no-repeat; background-position: left center; width: 250px; display: inline-block; *display: inline; zoom: 1; margin-right: 35px; }
div.title h1 .post { margin-left: 35px; margin-right: 0px; }

/* -------------------- item delivery methods detail ---------------- */
.delivery_methods_details { margin: 10px auto; font-size: 15px }
.delivery_methods_details .method-row { display: flex; flex-direction: row; margin: 15px 0;}
.delivery_methods_details .method-label { width: 15%; }
.delivery_methods_details .method-desc { flex-grow: 1;}
.delivery_methods_details .list { list-style-type: disc; padding-left: 0; margin-top: 0; }
.delivery_methods_details .business-hours span { display: inline-block; width:90px; }

/* -------------------- detail ---------------- */
#ad-detail { /* margin-top: 193px; */ padding: 50px 50px 80px; }
#ad-detail .l-panel { width: 55%; float: left; margin-right: 3%; border-right: solid 1px #ececec; padding-right: 3%; }
#ad-detail .l-panel #like { display: none; }
#ad-detail .l-panel div.title { text-align: left; margin-bottom: 10px; }
#ad-detail .l-panel div.mname { font-size: 24px; color: #f00a71; }
#ad-detail .l-panel div.date { font-size: 24px; color: #f00a71; }
#ad-detail .l-panel span.label { color: #2a2a2a; display: inline-block; *display: inline; zoom: 1; width: 100px; }
#ad-detail .l-panel img { display: block; max-width: 100%; margin: 20px auto 0px auto; }
#ad-detail .l-panel img.cover { margin: 20px 0px; width: 100%; }
#ad-detail .l-panel .info { font-size: 16px; border: none;  }
#ad-detail .l-panel .info .desc { margin: 30px 0px; word-wrap: break-word; }
#ad-detail .l-panel .info .contact { margin: 50px 0px; word-wrap: break-word; }
#ad-detail .l-panel .info .contact a { color: #f00a71; }
#ad-detail .l-panel .info .button { margin-top: 40px; text-align: center; background-image: url(themes/button-grey-line.png); background-repeat: repeat-x; background-position: center; }
#ad-detail .l-panel .info .button .pre, #ad-detail .l-panel .info .button .post { width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px; }
#ad-detail .l-panel .info a.button-darkgrey { font-size: 15px; }
#ad-detail .l-panel .merchant { text-align: center; margin: 30px 0px; border: solid 1px; padding: 30px; }
#ad-detail .l-panel .merchant > div { max-width: 80%; margin: auto; }
#ad-detail .l-panel .merchant h3 { font-size: 18px; text-transform: uppercase; border-bottom: solid 1px #bfbfbf; padding-bottom: 15px; margin-bottom: 15px; }
#ad-detail .l-panel .merchant .enquire { display: inline-block; *display: inline; zoom: 1; }
#ad-detail .l-panel .merchant .enquire h2 { color: #f10a72; font-size: 18px; font-weight: normal; float: left; line-height: 25px; }
#ad-detail .l-panel .merchant .enquire .item, .l-panel .enquire .item { display: inline-block; *display: inline; zoom: 1; text-decoration:none; height: 25px; margin: 0px 15px; vertical-align: top;  }
#ad-detail .l-panel .merchant .enquire .item.fbmessenger { background-image: url(themes/icon-fbmessenger.png); width: 25px; }
#ad-detail .l-panel .merchant .enquire .item.fbmessenger:hover { background-image: url(themes/icon-fbmessenger-hover.png); }
#ad-detail .l-panel .merchant .enquire .item.whatsapp, .l-panel .enquire .item.whatsapp { background-image: url(themes/icon-whatsapp.png); width: 25px; }
#ad-detail .l-panel .merchant .enquire .item.whatsapp:hover, .l-panel .enquire .item.whatsapp:hover { background-image: url(themes/icon-whatsapp-hover.png); }
#ad-detail .l-panel .merchant .follow { display: inline-block; *display: inline; zoom: 1; margin-left: 80px; }
#ad-detail .l-panel .merchant .follow h2 { color: #f10a72; font-size: 18px; font-weight: normal; float: left; line-height: 25px; }
#ad-detail .l-panel .merchant .follow .item { display: inline-block; *display: inline; zoom: 1; text-decoration:none; height: 25px; margin: 0px 15px; }
#ad-detail .l-panel .merchant .follow .item.www { background-image: url(themes/icon-website.png); width: 28px; }
#ad-detail .l-panel .merchant .follow .item.www:hover { background-image: url(themes/icon-website-hover.png); }
#ad-detail .l-panel .merchant .follow .item.fb { background-image: url(themes/icon-fb-b.png); width: 15px; }
#ad-detail .l-panel .merchant .follow .item.fb:hover { background-image: url(themes/icon-fb-hover.png); }
#ad-detail .l-panel .merchant .follow .item.youtube { background-image: url(themes/icon-youtube-b.png); width: 23px; }
#ad-detail .l-panel .merchant .follow .item.youtube:hover { background-image: url(themes/icon-youtube-hover.png); }
#ad-detail .l-panel .merchant .follow .item.instagram { background-image: url(themes/icon-instagram-b.png); width: 25px; }
#ad-detail .l-panel .merchant .follow .item.instagram:hover { background-image: url(themes/icon-instagram-hover.png); }
#ad-detail .l-panel .merchant .follow .item.map { background-image: url(themes/icon-map.png); width: 24px; }
#ad-detail .l-panel .merchant .follow .item.map:hover { background-image: url(themes/icon-map-hover.png); }
#ad-detail .l-panel .share { text-align: center; }
#ad-detail .l-panel .share > div { display: inline-block; *display: inline; zoom: 1; }
#ad-detail .l-panel .share h2 { float: left; margin: 0; line-height: 32px; color: #f10a72; font-size: 18px; font-weight: normal; }
.a2a_button_facebook, .a2a_button_google_plus, .a2a_button_skype, .a2a_button_sms, .a2a_button_twitter, .a2a_button_wechat, .a2a_button_whatsapp {
    background-repeat: no-repeat; background-position: center; width: 32px !important; margin: 4px 0px; height: 25px !important; line-height: 22px !important; background-size: contain; }
.a2a_button_facebook { background-image: url(themes/sharethis/icon-fb.png); }
.a2a_button_whatsapp { background-image: url(themes/sharethis/icon-whatsapp.png); }
.a2a_button_google_plus { background-image: url(themes/sharethis/icon-googleplus.png); }
.a2a_button_twitter { background-image: url(themes/sharethis/icon-twitter.png);}
.a2a_button_skype { background-image: url(themes/sharethis/icon-skype.png); }
.a2a_button_sms { background-image: url(themes/sharethis/icon-sms.png); }
.a2a_button_wechat { background-image: url(themes/sharethis/icon-wechat.png); }
.a2a_svg.a2a_s__default { background-color: transparent!important; }
.a2a_svg svg { display: none!important; }
.a2a_kit { display: inline-block; *display: inline; zoom: 1; }
.a2a_kit a:hover { opacity: 0.8; }


#ad-detail .r-panel { width: 38.5%; float: left; }

/* -------------------- like ------------------ */
#like { margin-top: 50px; }
#like .list { }
#like .list .item { width: 25%; float: left; margin-right: 0px; margin-bottom: 65px; }
#like .list .item div.img { background-size: cover; background-repeat: no-repeat; position: relative; }
#like .list .item div.img .t-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 30px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; }
#like .list .item div.img .t-overlay .outline { height: 100%; text-align: center; border: solid 1px #fff; position: relative; }
#like .list .item div.img .t-overlay .title { position: absolute; bottom: 10px; width: 90%; padding: 0px 5%; color: #fff; font-size: 16px; margin-bottom: 0px; }
#like .list .item div.img .t-overlay .mname { position: absolute; bottom: 5px; width: 90%; padding: 0px 5%; color: #fff; font-size: 16px; margin-bottom: 0px; text-align: center; text-transform: uppercase; line-height: 1.2; }
#like .list .item div.img .t-overlay .date { position: absolute; bottom: -23px; width: 90%; padding: 0px 5%; color: #fff; font-size: 14px; margin-bottom: 0px; text-align: center; }
#like .list .item .info { margin-top: 30px; padding: 0px 30px; }
#like .list .item .title { margin-bottom: 20px; background-image: none; padding-bottom: 0px;}
#like .list .item h2 { font-size: 18px; color: #f5086f; }
#like .list .item .text { font-size: 15px; text-align: center; }
#like .list .item .button { margin: 40px 30px 0px 30px; text-align: center; background-image: url(themes/button-grey-line.png); background-repeat: repeat-x; background-position: center; }
#like .list .item .button .pre, #like .list .item .button .post { width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px;  }

body > #ad-detail .r-panel #like { position: relative; margin-top: 0px; }
body > #ad-detail .r-panel #like .title { margin-bottom: 32px; }
body > #ad-detail .r-panel #like .title .icon { float: left; margin: 0px; }
body > #ad-detail .r-panel #like .title h1 { position: absolute; left: 105px; margin-top: 5px; text-align: left; background-image: url(themes/title-line.png); background-repeat: repeat-x; background-position: right center; right: 0px; }
body > #ad-detail .r-panel #like .title h1 > div { display: inline-block; *display: inline; zoom: 1; padding-right: 35px; background-color: #fff; }
body > #ad-detail .r-panel #like .title h1 > div.line { display: none; }
body > #ad-detail .r-panel #like .title .subtitle { position: absolute; margin-left: 105px; padding: 0px; text-align: left; margin-top: 52px; }
body > #ad-detail .r-panel #like .item { width: 100%; float: none; display: table; border-bottom: solid 1px #bfbfbf; padding-bottom: 35px; margin-bottom: 35px; }
body > #ad-detail .r-panel #like .item > a { width: 50%; padding-right: 5%; display: table-cell; }
body > #ad-detail .r-panel #like .item a img { display: block; width: 100%; }
body > #ad-detail .r-panel #like .item .info { display: table-cell; vertical-align: middle; width: 48%; margin: 0px; padding: 0px; height: auto !important; height: initial !important; text-align: left; border: none; }
body > #ad-detail .r-panel #like .item .title { text-align: left; margin-bottom: 10px; }
body > #ad-detail .r-panel #like .item .title h2 { font-size: 16px; line-height: 1; }
body > #ad-detail .r-panel #like .item .title .mname { text-transform: uppercase; }
body > #ad-detail .r-panel #like .item .title .date { font-weight: 13px; }
body > #ad-detail .r-panel #like .item .text { text-align: left; font-size: 15px; }
body > #ad-detail .r-panel #like .item a { color: #f5086f; }
body > #ad-detail .r-panel #like .item a:hover { text-decoration: underline; }

/* -------------------- foods ----------------- */
#h-food { margin-top: 30px; }
#food { margin-top: 80px; }
.food .list { margin: 50px 0px 0px; text-align: center; }
.food .list .item { width: 32%; margin-right: 2%; float: left; margin-bottom: 65px; }
.food .list .item div.img { background-size: cover; background-repeat: no-repeat; position: relative; }
.food .list .item div.img .t-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; }
.food .list .item div.img .t-overlay .date { position: absolute; bottom: 10px; width: 90%; padding: 0px 5%; color: #fff; font-size: 18px; margin-bottom: 0px; text-align: center; }
.food .list .item.last { margin-right: 0px; }
.food .list .item .title { background-image: url(themes/list-title-line.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 30px; margin-bottom: 30px; }
.food .list .item h2 { font-size: 30px; padding-top: 10px; line-height: 1; }
.food .list .item h3 { font-size: 18px; color: #f00a71; }
.food .list .item .info { padding: 40px 25px; border: solid 1px #e4e4e4; border-top: none; }
.food .list .item .text { font-size: 17px; text-align: center; }
.food .list .item .button { margin-top: 40px; text-align: center; background-image: url(themes/button-grey-line.png); background-size: 85% 1px; background-repeat: no-repeat; background-position: center; }
.food .list .item .button .pre, .food .list .item .button .post { width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px;  }

.subcategory { margin: 50px 0px 0px; text-align: center; }
.subcategory .item { display: inline-block; *display: inline; zoom: 1; width: 24.625%; margin-right: 0.5%; margin-bottom: 5px; background-size: cover;  }
.subcategory .item.last, .subcategory .item.idx4 { margin-right: 0px; }
.subcategory .item > a { display: block; }
.subcategory .item > a img { display: block; width: 100%; }

/* -------------------- stays ----------------- */
#h-stay { margin-top: 30px; }
#stay { margin-top: 80px; }
.stay .list { margin: 50px 0px 0px; text-align: center; }
.stay .list .item { width: 33.33%; float: left; margin-bottom: 65px; }
.stay .list .item div.img { background-size: cover; background-repeat: no-repeat; position: relative; }
.stay .list .item div.img .t-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 30px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; }
.stay .list .item div.img .t-overlay .outline { height: 100%; text-align: center; border: solid 1px #fff; position: relative; } 
.stay .list .item div.img .t-overlay .mname { position: absolute; bottom: 5px; width: 90%; padding: 0px 5%; color: #fff; font-size: 18px; margin-bottom: 0px; text-align: center; text-transform: uppercase; line-height: 1.2; }
.stay .list .item div.img .t-overlay .date { position: absolute; bottom: -23px; width: 90%; padding: 0px 5%; color: #fff; font-size: 14px; margin-bottom: 0px; text-align: center; }
.stay .list .item .title { margin-bottom: 20px; }
.stay .list .item h2 { font-size: 18px; color: #f5086f; }
.stay .list .item .info { margin-top: 40px; padding: 0px 30px; }
.stay .list .item .text { font-size: 17px; text-align: center; }
.stay .list .item .button { margin: 40px 30px 0px 30px; text-align: center; background-image: url(themes/button-grey-line.png); background-repeat: repeat-x; background-position: center; }
.stay .list .item .button .pre, .stay .list .item .button .post { width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px;  }

/* -------------------- attractions ----------------- */
#h-attractions { margin-top: 30px; }
#h-attractions .view-all a { float: left; width: 33.3%; }
#h-attractions .view-all a img { display: block; width: 100%; }
#attractions { margin-top: 80px; }
.attractions-list .list { margin: 50px 0px; text-align: center; }
.attractions-list .list > .item { width: 25%; float: left; margin-bottom: 65px; }
.attractions-list .list .item div.img { background-size: cover; background-repeat: no-repeat; position: relative; }
.attractions-list .list .item div.img .t-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; }
.attractions-list .list .item div.img .t-overlay .title { position: absolute; bottom: 10px; width: 90%; padding: 0px 5%; color: #fff; font-size: 18px; margin-bottom: 0px; }
.attractions-list .list .item.last { margin-right: 0px; }
.attractions-list .list .item .title { margin-bottom: 20px; }
.attractions-list .list .item h2 { font-size: 18px; color: #f5086f; }
.attractions-list .list .item h3.date { font-size: 16px; color: #7b7b7b; font-weight: normal; text-transform: initial; }
.attractions-list .list .item .info { margin-top: 35px; padding: 0px 30px; }
.attractions-list .list .item .text { font-size: 16px; text-align: center; }
.attractions-list .list .item .button { margin-top: 40px; margin-left: 20px; margin-right: 20px; text-align: center; }
.attractions-list .list .item .button .pre { width: 50px; display: inline-block; *display: inline; zoom: 1; background-image: url(themes/social-media-line.png); background-repeat: no-repeat; background-position: left center; margin-right: 15px; height: 25px; }
.attractions-list .list .item .button .post { width: 50px; display: inline-block; *display: inline; zoom: 1; background-image: url(themes/social-media-line.png); background-repeat: no-repeat; background-position: right center; margin-left: 15px; height: 25px; }
.attractions-list .list .item .button .item { display: inline-block; *display: inline; zoom: 1; text-decoration:none; height: 25px; margin: 0px 15px; }
.attractions-list .list .item .button .item.www { background-image: url(themes/icon-website.png); width: 28px; }
.attractions-list .list .item .button .item.fb { background-image: url(themes/icon-fb-b.png); width: 15px; }
.attractions-list .list .item .button .item.youtube { background-image: url(themes/icon-youtube-b.png); width: 23px; }
.attractions-list .list .item .button .item.instagram { background-image: url(themes/icon-instagram-b.png); width: 25px; }
.attractions-list .list .item .button .item.map { background-image: url(themes/icon-map.png); width: 24px; }

#tours { margin-top: 80px; } 
#happening { margin-top: 80px; }

.message { max-width: 90%; margin: auto; width: 1200px; padding: 20px 5%; color: #7b7b7b; font-size: 18px; text-align: center; }

/* -------------------- transportation ----------------- */
#h-transportation { margin-top: 10px; position: relative; background-size: cover; background-position: center; }
#h-transportation > div { background-image: url(themes/overlay-bg.png); background-repeat: repeat; position: absolute; height: 100%; width: 100%; display: table; }
#h-transportation > div > div { display: table-cell; vertical-align: middle; text-align: center; padding: 30px 0px; }
#h-transportation div.title { color: #fff; }
#h-transportation div.title h1 .line { background-image: url(themes/title-line-w.png); margin-right: 50px; }
#h-transportation div.title h1 .post { margin-left: 50px; margin-right: 0px; }
#h-transportation div.title img { margin-bottom: 20px; }
#h-transportation a.button-w { margin-top: 35px; }

#transportation-provider { margin-top: 10px; position: relative; background-size: cover; background-position: center; }
#transportation-provider > div { background-image: url(themes/overlay-bg.png); background-repeat: repeat; position: absolute; height: 100%; width: 100%; display: table; }
#transportation-provider > div > div { display: table-cell; vertical-align: middle; text-align: center; padding: 30px 0px; }
#transportation-provider div.title { color: #fff; }
#transportation-provider div.title h1 .line { background-image: url(themes/title-line-w.png); margin-right: 50px; }
#transportation-provider div.title h1 .post { margin-left: 50px; margin-right: 0px; }
#transportation-provider div.title img { margin-bottom: 20px; }
#transportation-provider a.button-w { margin-top: 35px; border: solid 1px transparent; }
#transportation-provider a.button-w:hover { border: solid 1px #fff;}

#kuching-festival-form { padding: 30px; border: 1px solid #2a2a2a; }
#kuching-festival-form h2 { text-align: center; font-weight: 600; font-size: 30px; color: #2a2a2a; background-position: bottom center; margin-bottom: 20px; line-height: 28px; }
#kuching-festival-form h2 span { color: #f00a71; font-size: 35px; }
#kuching-festival-form h3 { text-align: center; font-weight: 600; font-size: 20px; color: #f00a71; }
#kuching-festival-form label.block { position: relative; }
#kuching-festival-form .col-content>label { font-size: 14px; }


#food-delivery-form { padding: 30px; border: 1px solid #2a2a2a; }
#food-delivery-form h2 { text-align: center; font-weight: 600; font-size: 30px; color: #2a2a2a; background-position: bottom center; margin-bottom: 20px; line-height: 28px; }
#food-delivery-form h2 span { color: #f00a71; font-size: 35px; }
#food-delivery-form h3 { text-align: center; font-weight: 600; font-size: 20px; color: #f00a71; }
#food-delivery-form label.block { position: relative; }
#food-delivery-form .col-content>label { font-size: 14px; }
#food-delivery-form span.cn {font-size: 80%; margin-left: 10px; margin-bottom: 5px; display: inline-block; position: relative; top: -2px; }

.l-panel .statistic .enquire h2 { display: inline-block; line-height: 25px; }
.l-panel .statistic .enquire { margin-bottom: 15px; }

.menu a.marketplace { background-image: url(themes/menu-marketplace.png); }
.menu a.kuching-festival-2019 { background-image: url(themes/menu-kuching-festival.jpg); }
.menu a.cityone-food-street-2019 { background-image: url(themes/menu-cityone.png); background-position: bottom 35px center; }

#stall { margin-top: 80px; margin-bottom: 80px; }
#stall span.free { color: #f00a71; font-size: 20px; margin-top: 5px; display: block; }
.stall .list { margin: 50px 0px 0px; text-align: center; }
.stall .list .item { width: 32%; margin-right: 2%; float: left; margin-bottom: 65px; font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; }
.stall .list .item div.img { background-size: cover; background-repeat: no-repeat; position: relative; background-position: center; }
.stall .list .item div.img .t-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; }
.stall .list .item div.img .t-overlay .date { position: absolute; bottom: 10px; width: 90%; padding: 0px 5%; color: #fff; font-size: 18px; margin-bottom: 0px; text-align: center; }
.stall .list .item.last { margin-right: 0px; }
.stall .list .item .title { background-image: url(themes/list-title-line.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 30px; margin-bottom: 30px; }
.stall .list .item h2 { font-size: 30px; padding-top: 10px; line-height: 1; }
.stall .list .item h3 { font-size: 18px; color: #f00a71; }
.stall .list .item .info { margin-top: 40px; }
.stall .list .item .text { font-size: 17px; text-align: center; }
.stall .list .item .button { margin-top: 40px; text-align: center; background-image: url(themes/button-grey-line.png); background-repeat: repeat-x; background-position: center; }
.stall .list .item .button .pre, .stall .list .item .button .post { width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px;  }
.stall a.button-pink { font-size: 20px; }
.stall .list .item .vote { color: #fff; position: relative; margin-top: -30px; z-index: 1; }
.stall .list .item .vote .date { display: inline-block; padding-left: 15px; }
.stall .list .item .vote .right { padding-right: 15px; line-height: 22px; font-size: 22px; }
.stall .list .item .vote .msg { color: #f00a71; position: absolute; width: 100%; bottom: -30px; display: none; }
.stall .list .item .vote a { width: 20px; height: 18px; background-image: url(themes/love_off.png); background-size: cover; display: inline-block; *display: inline; zoom: 1; }
.stall .list .item .vote a:hover, .stall .list .item .vote a.active { background-image: url(themes/love_on.png); }

#stall-detail { padding: 50px 50px 80px; }
#stall-detail .l-panel { width: 55%; float: left; margin-right: 3%; border-right: solid 1px #ececec; padding-right: 3%; }
#stall-detail .l-panel #like { display: none; }
#stall-detail .l-panel h2 { color: #f5086f; }
#stall-detail .l-panel div.title { text-align: left; margin-bottom: 10px; }
#stall-detail .l-panel div.mname { font-size: 24px; color: #f00a71; }
#stall-detail .l-panel div.date { font-size: 24px; color: #f00a71; }
#stall-detail .l-panel span.label { color: #2a2a2a; display: inline-block; *display: inline; zoom: 1; width: 140px; }
#stall-detail .l-panel img { display: block; max-width: 100%; margin: 20px auto 0px auto; }
#stall-detail .l-panel img.cover { margin: 20px 0px; width: 100%; }
#stall-detail .l-panel .info { font-size: 17px; }
#stall-detail .l-panel .info .desc { margin: 30px 0px; word-wrap: break-word; font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; }
#stall-detail .l-panel .info a { color: #f00a71; }
#stall-detail .l-panel .info .contact { margin: 50px 0px; word-wrap: break-word; }
#stall-detail .l-panel .info .contact a { color: #f00a71; }
#stall-detail .l-panel .info .button { margin-top: 40px; text-align: center; background-image: url(themes/button-grey-line.png); background-repeat: repeat-x; background-position: center; }
#stall-detail .l-panel .info .button .pre, #stall-detail .l-panel .info .button .post { width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px; }
#stall-detail .l-panel .info a.button-darkgrey { font-size: 15px; }
#stall-detail .l-panel .statistic { text-align: center; margin: 30px 0px; border: solid 1px; padding: 30px; }
#stall-detail .l-panel .statistic > div { max-width: 80%; margin: auto; }
#stall-detail .l-panel .statistic h3 { font-size: 18px; text-transform: uppercase; border-bottom: solid 1px #bfbfbf; padding-bottom: 15px; margin-bottom: 15px; }
#stall-detail .l-panel .statistic .impressions { display: inline-block; *display: inline; zoom: 1; font-size: 18px; font-weight: bold; line-height: 25px; }
#stall-detail .l-panel .statistic .impressions h2 { color: #f10a72; font-size: 18px; font-weight: normal; float: left; line-height: 25px; margin-right: 10px; }
#stall-detail .l-panel .statistic .impressions .item { display: inline-block; *display: inline; zoom: 1; text-decoration:none; height: 25px; margin: 0px 15px; }
#stall-detail .l-panel .statistic .views { display: inline-block; *display: inline; zoom: 1; margin-left: 80px; font-size: 18px; font-weight: bold; line-height: 25px; }
#stall-detail .l-panel .statistic .views h2 { color: #f10a72; font-size: 18px; font-weight: normal; float: left; line-height: 25px; margin-right: 10px; }
#stall-detail .l-panel .statistic .views .item { display: inline-block; *display: inline; zoom: 1; text-decoration:none; height: 25px; margin: 0px 15px; }
#stall-detail .l-panel .share { text-align: center; }
#stall-detail .l-panel .share > div { display: inline-block; *display: inline; zoom: 1; }
#stall-detail .l-panel .share h2 { float: left; margin: 0; line-height: 32px; color: #f10a72; font-size: 18px; font-weight: normal; }
#stall-detail .r-panel { width: 38.5%; float: left; }

#stall-detail .l-panel .vote { text-align: center; margin-top: 30px; }
#stall-detail .l-panel .vote .voteme { line-height: 22px; font-size: 22px; }
#stall-detail .l-panel .vote.right .voteme { text-align: right; }
#stall-detail .l-panel .vote .voteme a { width: 20px; height: 18px; background-image: url(themes/love_off2.png); background-size: cover; display: inline-block; *display: inline; zoom: 1; position: relative; top: 2px; }
#stall-detail .l-panel .vote .voteme a:hover, #stall-detail .l-panel .vote .voteme a.active { background-image: url(themes/love_on.png); }
#stall-detail .l-panel .vote .msg { color: #f00a71; display: none; font-size: 14px; }

#kch-fest-search-bar, #search-bar { width: 600px; max-width: 90%; margin: 20px auto 0px auto; }
#kch-fest-search-bar input, #search-bar input { width: auto; width: initial; border: solid 1px #000; }
#kch-fest-search-bar input.error, #search-bar input.error { border: solid 1px #e21b1b; }
#kch-fest-search-bar .view-all-stall { margin-top: 10px; color: #f00a71; text-decoration: underline; display: inline-block; *display: inline; zoom: 1;  } 	

#cityone-food-street-search-bar { width: 600px; max-width: 90%; margin: 20px auto 0px auto; }
#cityone-food-street-search-bar input { width: auto; width: initial; border: solid 1px #000; }
#cityone-food-street-search-bar input.error { border: solid 1px #e21b1b; }
#cityone-food-street-search-bar .view-all-stall { margin-top: 10px; color: #f00a71; text-decoration: underline; display: inline-block; *display: inline; zoom: 1;  } 	

#search-bar { width: 600px; max-width: 90%; margin: 20px auto 0px auto; }
#search-bar input { width: auto; width: initial; border: solid 1px #000; }
#search-bar input.error { border: solid 1px #e21b1b; }
#search-bar .view-all-stall { margin-top: 10px; color: #f00a71; text-decoration: underline; display: inline-block; *display: inline; zoom: 1;  } 	
	
body > #stall-detail .r-panel #like { position: relative; margin-top: 0px; }
body > #stall-detail .r-panel #like .title { margin-bottom: 32px; }
body > #stall-detail .r-panel #like .title .icon { float: left; margin: 0px; }
body > #stall-detail .r-panel #like .title h1 { position: absolute; left: 105px; margin-top: 5px; text-align: left; background-image: url(themes/title-line.png); background-repeat: repeat-x; background-position: right center; right: 0px; }
body > #stall-detail .r-panel #like .title h1 > div { display: inline-block; *display: inline; zoom: 1; padding-right: 35px; background-color: #fff; }
body > #stall-detail .r-panel #like .title h1 > div.line { display: none; }
body > #stall-detail .r-panel #like .title .subtitle { position: absolute; margin-left: 105px; padding: 0px; text-align: left; margin-top: 52px; }
body > #stall-detail .r-panel #like .item { width: 100%; float: none; display: table; border-bottom: solid 1px #bfbfbf; padding-bottom: 35px; margin-bottom: 35px; }
body > #stall-detail .r-panel #like .item > a { width: 50%; padding-right: 5%; display: table-cell; }
body > #stall-detail .r-panel #like .item a img { display: block; width: 100%; }
body > #stall-detail .r-panel #like .item .info { display: table-cell; vertical-align: middle; width: 48%; margin: 0px; padding: 0px; height: auto !important; height: initial !important; text-align: left; }
body > #stall-detail .r-panel #like .item .title { text-align: left; margin-bottom: 10px; }
body > #stall-detail .r-panel #like .item .title h2 { font-size: 16px; line-height: 1; }
body > #stall-detail .r-panel #like .item .title .mname { text-transform: uppercase; }
body > #stall-detail .r-panel #like .item .title .date { font-weight: 13px; }
body > #stall-detail .r-panel #like .item .text { text-align: left; font-size: 14px; }
body > #stall-detail .r-panel #like .item a { color: #f5086f; }
body > #stall-detail .r-panel #like .item a:hover { text-decoration: underline; }

body.kuching-festival-2019 #popup .form h1, body.stall-page #popup .form h1 { text-align: center; margin-bottom: 10px; }
body.kuching-festival-2019 #popup .form h1 span, body.stall-page #popup .form h1 span { display: block; }
body.kuching-festival-2019 #popup .form h1 span.worth, body.stall-page #popup .form h1 span.worth { font-size: 35px; color: #f00a71; }
body.kuching-festival-2019 #popup .form h1 span.strike, body.stall-page #popup .form h1 span.strike { text-decoration: line-through; font-size: 18px; }
body.kuching-festival-2019 #popup .form h1 span.counting, body.stall-page #popup .form h1 span.counting { font-size: 15px; }
body.kuching-festival-2019 .mfp-content, body.stall-page .mfp-content{ max-width: 90%; width: 600px; }
#kchfestvote-form { }
#kchfestvote-form input[type="text"] { margin-bottom: 10px; font-style: italic; padding: 10px 3%; border: solid 1px #959595; font-size: 20px; letter-spacing: -1px;}
#kchfestvote-form input[type="checkbox"] { background-color: transparent; border: solid 1px #fac5dc; width: 25px; height: 25px; top: -17px; position: relative; }
#kchfestvote-form span { font-style: italic; font-size: 22px; letter-spacing: -1px; margin-left: 5px; margin-top: 15px; line-height: 1; text-align: left; width: 82%; display: inline-block; *display: inline; zoom: 1; }
#kchfestvote-form span.msg { color: #f00a71; text-align: center; width: 100%; margin-left: 0px;}
#kchfestvote-form input[type="submit"] { background-color: #f00a71; border: none; outline: none; font-weight: bold; font-size: 20px; letter-spacing: -1px; margin-top: 8px; padding: 10px 15px; color: #fff; width: 100%; }

body.kuching-festival-2019 .mfp-content .confirm, body.stall-page .mfp-content .confirm { text-align: center; text-transform: uppercase; font-size: 20px; display: none; color: #f00a71; }
body.kuching-festival-2019 .mfp-content .social, body.stall-page .mfp-content .social { margin-top: 20px; text-align: center; display: none; }
body.kuching-festival-2019 .mfp-content .social h1, body.stall-page .mfp-content .social h1 { text-align: center; }
body.kuching-festival-2019 .mfp-content .social div.fb, body.stall-page .mfp-content .social div.fb { display: inline-block; *display: inline; zoom: 1; width: 40%; text-align: center; border: solid 1px #959595; padding: 20px 2%; margin: 10px 2%;}
body.kuching-festival-2019 .mfp-content .social div.fb h2, body.stall-page .mfp-content .social div.fb h2 { margin-bottom: 15px; line-height: 1; }
body.kuching-festival-2019 .mfp-content .social div.fb span, body.stall-page .mfp-content .social div.fb span { color: #f00a71; }
body.kuching-festival-2019 .mfp-content .note, body.stall-page .mfp-content .note { text-align: center; font-size: 20px; margin-top: 10px; }

/* cityone food street */
body.cityone-food-street-2019 #popup .form h1, body.stall-page #popup .form h1 { text-align: center; margin-bottom: 10px; }
body.cityone-food-street-2019 #popup .form h1 span, body.stall-page #popup .form h1 span { display: block; }
body.cityone-food-street-2019 #popup .form h1 span.worth, body.stall-page #popup .form h1 span.worth { font-size: 35px; color: #f00a71; }
body.cityone-food-street-2019 #popup .form h1 span.strike, body.stall-page #popup .form h1 span.strike { text-decoration: line-through; font-size: 18px; }
body.cityone-food-street-2019 #popup .form h1 span.counting, body.stall-page #popup .form h1 span.counting { font-size: 15px; }
body.cityone-food-street-2019 .mfp-content, body.stall-page .mfp-content{ max-width: 90%; width: 600px; }
#cityonefoodstvote-form { }
#cityonefoodstvote-form input[type="text"] { margin-bottom: 10px; font-style: italic; padding: 10px 3%; border: solid 1px #959595; font-size: 20px; letter-spacing: -1px;}
#cityonefoodstvote-form input[type="checkbox"] { background-color: transparent; border: solid 1px #fac5dc; width: 25px; height: 25px; top: -17px; position: relative; }
#cityonefoodstvote-form span { font-style: italic; font-size: 22px; letter-spacing: -1px; margin-left: 5px; margin-top: 15px; line-height: 1; text-align: left; width: 82%; display: inline-block; *display: inline; zoom: 1; }
#cityonefoodstvote-form span.msg { color: #f00a71; text-align: center; width: 100%; margin-left: 0px;}
#cityonefoodstvote-form input[type="submit"] { background-color: #f00a71; border: none; outline: none; font-weight: bold; font-size: 20px; letter-spacing: -1px; margin-top: 8px; padding: 10px 15px; color: #fff; width: 100%; }

body.cityone-food-street-2019 .mfp-content .confirm, body.stall-page .mfp-content .confirm { text-align: center; text-transform: uppercase; font-size: 20px; display: none; color: #f00a71; }
body.cityone-food-street-2019 .mfp-content .social, body.stall-page .mfp-content .social { margin-top: 20px; text-align: center; display: none; }
body.cityone-food-street-2019 .mfp-content .social h1, body.stall-page .mfp-content .social h1 { text-align: center; }
body.cityone-food-street-2019 .mfp-content .social div.fb, body.stall-page .mfp-content .social div.fb { display: inline-block; *display: inline; zoom: 1; width: 40%; text-align: center; border: solid 1px #959595; padding: 20px 2%; margin: 10px 2%;}
body.cityone-food-street-2019 .mfp-content .social div.fb h2, body.stall-page .mfp-content .social div.fb h2 { margin-bottom: 15px; line-height: 1; }
body.cityone-food-street-2019 .mfp-content .social div.fb span, body.stall-page .mfp-content .social div.fb span { color: #f00a71; }
body.cityone-food-street-2019 .mfp-content .note, body.stall-page .mfp-content .note { text-align: center; font-size: 20px; margin-top: 10px; }

#companies { margin-bottom: 80px; text-transform: uppercase; word-break: break-word; }
#companies h2 {text-align: center; }
#companies #socialmedia { margin-top: 10px; }
#companies #socialmedia a { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; } 
#companies #socialmedia a img { height: 20px; }
#companies p.contact span, #companies #stock span { color: #f5086f; }
#companies p.contact span.info { color: #2a2a2a; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-left: 10px; }
#companies p.contact a { text-decoration: underline; }
#companies td { vertical-align: top; }
#companies td.company_name { color: #f5086f; }
#companies td.number, #companies th.number, #companies td.area, #companies th.area { word-break: normal; }
#companies td.remarks, #companies th.remarks { width: 25%; }
#companies p.contact.office_contact_no, #companies p.contact.mobile_no { display: inline-block; *display: inline; zoom: 1; margin-right: 30px; }
#companies #stock { background-color: #fff; padding: 20px; margin-top: 10px; border: solid 1px #f9d7e6; }
#companies #search-bar { margin-bottom: 20px; width: auto; width: initial; max-width: auto; max-width: initial; max-width: none; text-align: center;}
#companies #search-bar select { width: 250px; }

#covid-19-map { margin-bottom: 30px; }
#covid-19-map h2 { text-align: center; margin-bottom: 10px; }
#covid-19-map iframe { width: 100%; height: 500px; border: none; }

#marketplace { margin-top: 80px; }
#marketplace .list { margin: 50px 0px 0px; text-align: center; }
#marketplace .list .item, #item-detail #market_like .list .item { width: 18.4%; margin-right: 2%; float: left; margin-bottom: 2%; font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; }
#marketplace .list .item.first { clear: both; }
#marketplace .list .item.last, #item-detail #market_like .list .item.last { margin-right: 0px; }
#marketplace .list .item div.img, #item-detail #market_like .list .item div.img { background-size: contain; background-repeat: no-repeat; position: relative; background-position: center; }
/*
#marketplace .list .item div.img .t-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; } */
#marketplace .list .item .tag, #item-detail #market_like .list .item .tag { background-color: #2a2a2a; color: #fff; line-height: 1; font-size: 13px; position: relative; }
#marketplace .list .item .tag .seller_type, #item-detail #market_like .list .item .tag .seller_type { padding: 5px 15px; text-align: left; position: absolute; top: -38px; }
#marketplace .list .item .tag .selling_type, #item-detail #market_like .list .item .tag .selling_type { background-image: url(themes/tag-bg.png); background-repeat: no-repeat; background-position: right; padding-right: 30px !important; }
#marketplace .list .item .tag .selling_type.promo, #item-detail #market_like .list .item .tag .selling_type.promo { background-image: url(themes/sale-tag-bg.png); }
#marketplace .list .item .tag .left, #marketplace .list .item .tag .right, #item-detail #market_like .list .item .tag .left , #item-detail #market_like .list .item .tag .right { padding: 10px 15px; }
#marketplace .list .item .title, #item-detail #market_like .list .item .title { margin-bottom: 0px; }
#marketplace .list .item .title h2, #item-detail #market_like .list .item .title h2 { text-transform: capitalize; font-weight: normal; font-size: 14px; padding: 15px; color: #2a2a2a; }
#marketplace .list .item .merchant, #item-detail #market_like .list .item .merchant { font-size: 13px; color: #f00a71; font-weight: normal; background-color: #f5f5f5; padding: 10px; }
#marketplace .list .item .merchant span.impression, #item-detail #market_like .list .item .merchant span.impression { margin-right: 10px; border-right: solid 1px #f00a71; padding-right: 10px; }
#marketplace .list .item > div, #item-detail #market_like .list .item > div { border: solid 1px #e4e4e4; }
#marketplace .list .item > div:hover, #item-detail #market_like .list .item > div:hover { border-color: #f00a71; }
#marketplace .list .item .info .price, #item-detail #market_like .list .item .info .price { color: #f00a71; font-weight: normal; font-size: 18px; margin-bottom: 15px; }
#marketplace .list .item .info .price span, #item-detail #market_like .list .item .info .price span { font-size: 70%; }
a.view-all-marketplace { margin-top: 10px; color: #f00a71; text-decoration: underline; display: inline-block; *display: inline; zoom: 1; }

#item-detail { padding: 50px 50px 0px; }
#item-detail .l-panel { width: 45%; float: left; margin-right: 3%; }
#item-detail .l-panel #images #thumb { float: left; width: 20%; overflow: hidden; }
#item-detail .l-panel #images #thumb .item { padding-bottom: 5px; cursor: pointer; }
#item-detail .l-panel #images #thumb .item > div { border: solid 1px #e4e4e4; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
#item-detail .l-panel #images #thumb img { display: block; width: 100%; }
#item-detail .l-panel #images #thumb .slick-slide > div:last-child img { margin-bottom: 0px; }
#item-detail .l-panel #images #preview { float: left; width: 77%; margin-left: 3%; overflow: hidden; border: solid 1px #e4e4e4; }
#item-detail .l-panel #images #preview .item > div { height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
#item-detail .l-panel div.title { text-align: left; margin-bottom: 10px; }
#item-detail .l-panel div.date { font-size: 24px; color: #f00a71; }
#item-detail .l-panel .vote { text-align: center; margin-top: 30px; }
#item-detail .l-panel .info { font-size: 17px; }
#item-detail .l-panel .info .desc { margin: 30px 0px; word-wrap: break-word; font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; }

#item-detail #thumb .slick-next, #item-detail #thumb .slick-prev { background-position: center; background-repeat: no-repeat; border: none; z-index: 1; color: transparent; cursor: pointer; background-color: transparent; height: 25px; width: 50px; left: 50%; margin-left: -25px; }
#item-detail #thumb .slick-next { position: absolute; bottom: 15px; text-indent: 100000px; background-image: url(themes/arrow-down.png); }
#item-detail #thumb .slick-prev { position: absolute; top: 15px; text-indent: -100000px; background-image: url(themes/arrow-up.png); }
#item-detail #thumb .slick-slide { float: none; width: 100%; height: auto; height: initial; }
/* #item-detail #thumb .slick-slide.slick-current > div { border-color: #f00a71 !important; } */

#item-detail #preview .slick-next, #item-detail #preview .slick-prev { background-position: center; background-repeat: no-repeat; border: none; z-index: 1; color: transparent; cursor: pointer; background-color: transparent; height: 50px; width: 25px; top: 50%; margin-top: -25px; }
#item-detail #preview .slick-next { position: absolute; right: 15px; text-indent: 100000px; background-image: url(themes/arrow-right.png); }
#item-detail #preview .slick-prev { position: absolute; left: 15px; text-indent: -100000px; background-image: url(themes/arrow-left.png); }
#item-detail #preview .slick-slide img { width: 100%; }
#item-detail #preview .slick-list { height: 100%; }

.slick-vertical .slick-slide { border: none !important; }
.list .item a.item-vote-link, a.item-vote-link { width: 15px; height: 13px; background-image: url(themes/love_off.png); background-size: cover; display: inline-block; *display: inline; zoom: 1; margin-right: 5px; }
a.item-vote-link.grey { background-image: url(themes/love_off2.png); }
.list .item a.item-vote-link:hover, .list .item .vote a.item-vote-link.active, a.item-vote-link:hover, a.item-vote-link.active { background-image: url(themes/love_on.png); }

#item-detail .b-panel { display: none; margin-top: 30px; }
#item-detail .r-panel { width: 51.5%; float: left; } 
#item-detail .r-panel div.title, .b-panel div.title { text-align: left; color: #f5086f; margin-bottom: 5px; }
#item-detail .r-panel div.title h1, .b-panel div.title h1 { font-size: 20px; font-weight: bold;  } 
#item-detail .r-panel .info-bar, .b-panel .info-bar { margin: 10px 0px; font-size: 15px; display: table; width: 100%; border-top: dotted 1px #f00a71; border-bottom: dotted 1px #f00a71; padding: 10px 0px;}
#item-detail .r-panel .info-bar .cell, .b-panel .info-bar .cell { display: table-cell; border-right: dotted 1px #f00a71; padding: 0px 10px; text-align: center; width: 30%; }
#item-detail .r-panel .info-bar .cell:last-child, .b-panel .info-bar .cell:last-child { border-right: none; }
#item-detail .r-panel .price, .b-panel .price { color: #f00a71; font-weight: normal; font-size: 30px; display: table; }
#item-detail .r-panel .price span, .b-panel .price span { font-size: 80%; margin-left: 2px; display: table-cell; }
#item-detail .r-panel .price span.original, .b-panel .price span.original { color: #929292; text-decoration: line-through; line-height: 1.5; }
#item-detail .r-panel .price span.discount, .b-panel .price span.discount { font-size: 70%; display: inline-block; margin-left: 10px; padding: 2px 10px; background-color: #ffc004; color: white; vertical-align: text-top; border-radius: 12px; }
#item-detail .r-panel .variation { display: table; }
#item-detail .r-panel .variation .label { display: table-cell; width: 105px; }
#item-detail .r-panel .variation .vals { display: table-cell; padding-right: 25px; }
#item-detail .r-panel .quantity input#quantity { width: 80px; height: 27px; padding: 0; border-color: lightgrey; text-align: center; }
#item-detail .r-panel .quantity .current-qty { color: grey; font-size: smaller; }
#item-detail .r-panel .delivery-details div, #item-detail .r-panel .delivery-time-details div, #item-detail .r-panel .pickup-time-details div { display: flex; font-size: small; }
#item-detail .r-panel .delivery-details .label, #item-detail .r-panel .delivery-time-details .label, #item-detail .r-panel .pickup-time-details .label { width: 100px; flex-shrink: 0; }
#item-detail .r-panel .delivery-details .vals, #item-detail .r-panel .delivery-time-details .vals, #item-detail .r-panel .pickup-time-details .vals { flex-grow: 1; padding-right: 30px; display: block !important; padding-left: 5px; }
#item-detail .r-panel .vote {  }
#item-detail .r-panel .vote a.item-vote-link { width: 17px; height: 15px; }
#item-detail .r-panel .quantity .last { /*color: #f00a71;*/ font-weight: bold; }
#item-detail .r-panel .option { margin-bottom: 15px; }
#item-detail .r-panel .merchant, .b-panel .merchant { font-size: 13px; color: #f00a71; font-weight: normal; background-color: #f5f5f5; padding: 10px 20px; border-top: solid 1px #f00a71; }
#item-detail .r-panel .merchant span.impression { margin-right: 10px; border-right: solid 1px #f00a71; padding-right: 10px; }
#item-detail .r-panel .share { margin-top: 20px; margin-bottom: 20px; }
#item-detail .r-panel .share h2 { color: #f00a71; font-weight: normal; font-size: 20px; }
#item-detail .r-panel .label, .b-panel .label  { margin-left: 0px !important; display: inline-block; *display: inline; zoom: 1; width: 100px; color: #2a2a2a; font-size: 14px !important; }
#item-detail .r-panel .select { border: 1px solid #ccc; padding: 5px 10px; font-size: 100%; width: auto; width: initial; max-width: 70%; }
#item-detail .r-panel .button { }
#item-detail .r-panel .button a { font-size: 18px; float: left; width: 45%; padding: 10px 2%; text-align: center; margin-right: 2%; }
#item-detail .r-panel .button a#btncart { margin-right: 0px; }
#item-detail .r-panel .button a#btnbuynow:hover { background-color: #ff3892; }
#item-detail .r-panel .button a#btncart:hover { background-color: #5d5d5d;  }
#item-detail .r-panel .ended { background-color: lightgrey; color: #fff !important; text-align: center; padding: 10px 30px; text-transform: uppercase; }

#item-detail .r-panel .col1 { float: left; width:65%; margin-right: 2%; }
#item-detail .r-panel .col2 { float: left; width: 33%; }
#item-detail .r-panel .col2 .section, .b-panel .section { font-weight: normal; background-color: #f5f5f5; padding: 20px; border-top: solid 1px #f00a71; margin-bottom: 20px; }
#item-detail .r-panel .col2 .section .title, .b-panel .section .title { font-size: 16px; }
#item-detail .r-panel .col2 .section .text, .b-panel .section .text { border-left: solid 1px #f00a71; padding-left: 20px; font-size: 18px; margin-bottom: 10px; }
#item-detail .r-panel .col2 .section .text:last-child, .b-panel .section .text:last-child { margin-bottom: 0px; }
#item-detail .r-panel .col2 .section .text .label, .b-panel .section .text .label { width: 100px; }
#item-detail .r-panel .col2 .section.delivery .text .label, .b-panel .section.delivery .text .label { width: auto; width: initial; }
#item-detail .r-panel .col2 .section .text .label .count, .b-panel .section .text .label .count { display: block; color: #f5086f; font-size: 150%; font-weight: bold; }
#item-detail .r-panel .col2 .section .text .price, .b-panel .section .text .price { margin-top: 0px; }
#item-detail .r-panel .col2 .section .text .join_date, .b-panel .section .text .join_date {font-size: 14px; margin: 5px 0px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-right: 10px; }
#item-detail .r-panel .col2 .section .text .join_date span, .b-panel .section .text .join_date span { color: #f5086f; }
#item-detail .r-panel .col2 .payment .item, .b-panel .payment .item { width: 40%; display:inline-block; *display:inline; zoom: 1; margin: 10px 10% 0px 0px; max-width: 100px; }
#item-detail .r-panel .col2 .payment .item:last-child, .b-panel .payment .item:last-child  { margin-bottom: 0px; }
#item-detail .r-panel .col2 .payment .item img, .b-panel .payment .item img { width: 100%; display: block; }

#item-detail .r-panel .col2 .seller .contact, .b-panel .seller .contact { padding: 10px 0px; }
#item-detail .r-panel .col2 .seller .contact a, .b-panel .seller .contact a { display: inline-block; *display: inline; zoom: 1; text-decoration: none; height: 25px; margin-right: 15px; }
#item-detail .r-panel .col2 .seller .contact a:last-child, .b-panel .seller .contact a:last-child { margin-right: 0px; }
#item-detail .r-panel .col2 .seller .contact a.whatsapp, .b-panel .seller .contact a.whatsapp { background-image: url(themes/icon-whatsapp.png); width: 25px;}
#item-detail .r-panel .col2 .seller .contact a.whatsapp:hover, .b-panel .seller .contact a.whatsapp:hover { background-image: url(themes/icon-whatsapp-hover.png); width: 25px;}
#item-detail .r-panel .col2 .seller .contact a.fbmessenger, .b-panel .seller .contact a.fbmessenger { background-image: url(themes/icon-fbmessenger.png); width: 25px;}
#item-detail .r-panel .col2 .seller .contact a.fbmessenger:hover, .b-panel .seller .contact a.fbmessenger:hover { background-image: url(themes/icon-fbmessenger-hover.png); }
#item-detail .r-panel .col2 .seller .statistic_summary, .b-panel .seller .statistic_summary { margin-top: 10px; }
#item-detail .r-panel .col2 .seller .statistic_summary .label, .b-panel .seller .statistic_summary .label { margin-top: 5px; }

#item-detail .r-panel .col2 .section .link a, .b-panel .section .link a { width: 90%; padding: 10px 5%; text-align: center; }

#item-detail .b-panel .section { width: 28%; float: left; margin-right: 2%; padding: 20px 2%; }
#item-detail .b-panel .section.about { margin-right: 0px; }

#item-detail .desc { padding: 30px 0px 50px 0px; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 30px; font-size: 17px; }
#item-detail .desc .title { text-align: left; font-size: larger; font-weight:bold; color:#f5086f; margin-bottom:15px; }
#item-detail .desc .label { font-size: 17px; font-weight: bold; color: #2a2a2a; margin-bottom: 10px; }
#item-detail #market_like { margin-top: 50px; }
#item-detail #market_like .list { text-align: center; }
#item-detail #market_like .list .item .info { margin-top: 0px; padding: 0px; }

#seller { border-bottom: solid 1px #e4e4e4; padding: 20px 50px; background-color: #fafafa; text-align: center; }
/*
#seller .business-logo { display: table-cell; width: 100px; vertical-align: middle; }
#seller .business-desc { display: table-cell; vertical-align: middle; }
*/
#seller > * { display: block; margin: auto; }
#seller .business-logo img { border-radius: 50%; width: 100px; height: 100px; object-fit: contain; background-color: white; }
#seller h1 { font-size: 36px; margin: 10px auto; }
#seller .info { font-size: 15px; margin: 10px auto 0; }
#seller .info > div:last-child { margin-bottom: 0px; margin-right: 0px; }
#seller .info label, .statistic_summary label { display: inline-block; *display: inline; zoom: 1; font-size: 13px; font-weight: normal; }
#seller .info .icon > span, .statistic_summary .icon > span { color: #f5086f; display: block; }
#seller .info span.count span { color: #2a2a2a; font-size: 90%; }
#seller .info a:hover { text-decoration: underline; }
#seller .info .icon, .statistic_summary .icon { display: inline-block; *display: inline; zoom: 1; font-size: 15px; font-weight: bold; padding: 0px 5px 0px 47px; background-repeat: no-repeat; line-height: 1; vertical-align: middle; border: solid 1px transparent; margin-right: 25px; padding-left: 40px; background-size: 30px auto; }
#seller .info .join_date, .join_date { background-image: url(themes/icon-calendar.png); }
#seller .info .item_count, .item_count { background-image: url(themes/icon-product.png); }
#seller .info .icon_review_cnt, .icon_review_cnt { background-image: url(themes/icon-review-cnt.png); }
#seller .contact { display: inline-block; *display: inline; zoom:1; vertical-align: middle; margin-left: 30px; }
#seller .contact .whatsapp { background-image: url(themes/icon-whatsapp.png); width: 25px; height: 25px; display: inline-block; *display: inline; zoom: 1; margin-right: 20px; }
#seller .contact .whatsapp:hover { background-image: url(themes/icon-whatsapp-hover.png); } 
#seller .contact .fbmessenger { background-image: url(themes/icon-fbmessenger.png); width: 25px; height: 25px; display: inline-block; *display: inline; zoom: 1; }
#seller .contact .fbmessenger:hover { background-image: url(themes/icon-fbmessenger-hover.png); } 

.bc-table { width: 100%; max-width: 100%; border-collapse: collapse; font-size: 15px; margin-bottom: 20px; }
.bc-table tr { border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; }
.bc-table tr.highlight { background-color: #fff4f9; }
.bc-table th { font-weight: normal; padding: 10px 10px; color: #f5086f; line-height: 20px; background-color: #fafafa; }
.bc-table td { padding: 10px 10px; }
.bc-table td.star { width: 100px; }
.bc-table span.HIGHLIGHT { color: #fff !important; font-weight: bold; background-color: #f5086f; padding: 0px 10px; }

#seller-reviews { margin-top: 50px; margin-bottom: 50px; }
#seller-reviews h1 { margin-bottom: 10px; font-size: 20px; }
#seller-reviews td.star { width: 100px; }
#seller-reviews .message { margin: 0px; width: auto; width: initial; padding: 20px 0px; text-align: left; }

#buyer-reviews .icon_review_cnt, .icon_review_cnt { display: inline-block; *display: inline; zoom: 1; font-size: 15px; font-weight: bold; padding: 0px 5px 0px 47px; background-repeat: no-repeat; line-height: 1; vertical-align: middle; border: solid 1px transparent; margin-right: 25px; padding-left: 40px; background-size: contain; }
#buyer-reviews .icon_review_cnt label, .icon_review_cnt label, label { display: inline-block; *display: inline; zoom: 1; font-size: 13px; font-weight: normal; }
#buyer-reviews .icon_review_cnt span, .icon_review_cnt span { color: #f5086f; display: block; }
#buyer-reviews .icon_review_cnt span.count span, .icon_review_cnt span.count span { color: #2a2a2a; font-size: 90%; display: inline-block; *display: inline; zoom: 1; }
#leftmenu .icon_review_cnt { margin-bottom: 0px; margin-top: 10px; margin-right: 0px; }

#cart { padding: 50px 50px 0px; }
#cart h1 { font-size: 20px; font-weight: normal; color: #f5086f; margin-bottom: 10px; }
div.cart-steps { margin-bottom: 30px; }
div.cart-steps .step { background-image: url(themes/step-bg.png); background-repeat: no-repeat; background-position: right; padding-right: 2%; height: 62px; float: left; width: 31%; font-size: 22px; font-weight: 700; line-height: 62px; color: #adadad; text-align: center; }
div.cart-steps .step#step-checkout, div.cart-steps .step#step-shipping { background-color: #f1f1f1; }
div.cart-steps .step#step-payment { width: 32%; }
div.cart-steps .step.active { color: #2a2a2a; }

.checkout-error { color: orangered; }
.checkout-invalid { background-color: #fff0f0; }

table#tblCart { width: 100%; max-width: 100%; border-collapse: collapse; }
table#tblCart tr { border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; }
table#tblCart tr.merchant { color: #f5086f; background-color: #fff4f9; border-bottom: solid 1px #f9d7e6; }
table#tblCart th { font-weight: normal; font-size: 120%; padding: 10px 10px; color: #f5086f; line-height: 30px; background-color: #fafafa; }
table#tblCart > td { font-size: 110%; }
table#tblCart td { padding: 10px 10px; }
table#tblCart td.image { width: 100px; }
table#tblCart td.detail { width: 60%; }
table#tblCart td.no-padding { padding: 0px; }
table#tblCart td.item-img { width: 100px; }
table#tblCart td.merchant-name { text-transform: uppercase; }
table#tblCart td.merchant-name a { color: #f5086f !important; }
table#tblCart td.msg { background-color: #f7f7f7; }
table#tblCart td input.quantity { text-align: center; width: 30px; padding: 7px 10px 6px; margin-right: 5px; display: inline-block; *display: block; zoom: 1; }
table#tblCart td a.btnupdate { width: 30px; height: 30px; background-image: url(themes/icon-refresh.png); background-size: cover; display: inline-block; *display: block; zoom: 1; vertical-align: top; }
table#tblCart td a.btndelete { width: 30px; height: 30px; background-image: url(themes/icon-delete.png); background-size: cover; display: inline-block; *display: block; zoom: 1; vertical-align: top; }
table#tblCart th a { font-size: 90%; margin-left: 10px; color: #2a2a2a; }
table#tblCart th a:hover { text-decoration: underline; }
table#tblCart th input.check { margin-right: 5px !important; }
table#tblCart td input.check, table#tblCart th input.check { width: 30px; height: 30px; padding: 0px; margin: 0px; vertical-align: top; }
table#tblCart td div.img { width: 100px; height: 100px; background-size: cover; background-position: center; }
table#tblCart td div.title { text-align: left; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; font-size: 110%; margin-bottom: 5px; }
table#tblCart td span.note { color: #f5086f; display: inline-block; *display: inline; zoom: 1; font-size: 100%; line-height: 1; padding-right: 10px; margin-right: 10px; border-right: solid 1px #2a2a2a; }
table#tblCart td span.note.selling_condition { border-right: none; }
table#tblCart td span.note.shipping_method { border-right: none; }
table#tblCart td span.location { font-style: italic; }
table#tblCart td div.delivery { margin-top: 5px; }
table#tblCart td.price span.original { display: block; margin-top: 5px; text-decoration: line-through; color: #929292; }
table#tblCart tr.subtotal { border-bottom: none; background-color: #fafafa; }
table#tblCart tr.shipping_total { border-top: none; border-bottom: none; background-color: #fafafa; }
table#tblCart tr.free_shipping { border-top: none; }
table#tblCart tr.free_shipping td { padding: 0 10px; }
table#tblCart tr.free_shipping td div { display: flex; align-items: center; }
table#tblCart tr.free_shipping td > * { vertical-align: middle; }
table#tblCart tr.free_shipping img { content: url(themes/free-shipping.png); height: 48px; margin-right: 10px; }
table#tblCart tr.free_shipping span { font-weight: bold; display: contents; }
table#tblCart tr.cart_total { border-top: none; background-color: #fafafa; }
table#tblCart tr.cart_total td label { }
table#tblCart tr.cart_total td span.price { font-weight: bold; width: 120px; display: inline-block; *display: inline; zoom: 1; }
table#tblCart tr.subtotal .price, table#tblCart tr.shipping_total .price, table#tblCart tr.cart_total .price { font-weight: bold; }
table#tblCart .discount.price { color:#b3b3b3; font-size: larger; vertical-align: middle; }
table#tblCart tr.grand_total td.price { color: #f5086f; font-size: large; }
table#tblCart tr.grand_total, table#tblCart tr.redeem_token { background-color: #f3f3f3; font-weight: bold; }
table#tblCart tr.redeem_token td { vertical-align: text-top; }
table#tblCart tr.redeem_token input { width: 25px; height: auto;}
table#tblCart tr.redeem_token span { font-size: small; font-weight: normal; }
table#tblCart tr.button a { font-size: 16px; }
table#tblCart th.shipping, table#tblCart td.shipping { width: 135px; }

#tblShippingItem { width: 90%; }
#member-cart-shipping-form { position: relative; max-width: 90%; width: 650px; margin: 0px 12px; }
.div-checkout-shipping { position: relative; max-width: 90%; width: 650px; margin: 0px 12px; }
#member-cart-shipping-form h3 { color: #fff; background-color: #f5086f; padding: 10px 20px; border: solid 0px #f5086f; margin-bottom: 10px; } 
#member-cart-shipping-form .row { margin-bottom: 10px; }
#member-cart-shipping-form .button-confirm { width: auto; width: initial; visibility: hidden; }
.col-2 { position: relative; float: left; width: 49%; }
.col-2:first-child { margin-right: 2%; }
.col-2 input { padding: 11px 6%; width: 88%; }
.col-2 label { left: 6%; right: 6%; } 
.col-2 select { padding: 10px 4%; }

body.order #main-content { padding-bottom: 0px; }
/* 
.orders table, table#tblOrders { width: 100%; max-width: 100%; border-collapse: collapse; font-size: 15px; margin-bottom: 20px; }
.orders table tr, table#tblOrders tr { border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; }
.orders table th, table#tblOrders th { font-weight: normal; padding: 10px 10px; color: #f5086f; line-height: 20px; background-color: #fafafa; }
table#tblOrders td { padding: 10px 10px; }
*/

table#tblOrderInfo { width: 100%; }
table#tblOrderInfo th { padding: 5px 10px; }
table#tblOrders tr.subtotal, table#tblOrders tr.shipping_total, table#tblOrders tr.order_total,
table#tblOrderInfo tr.subtotal, table#tblOrderInfo tr.shipping_total, table#tblOrderInfo tr.order_total { background-color: #fafafa; }
table#tblOrderInfo tr.grand_total, table#tblOrderInfo tr.discount_total { background-color: #2a2a2a; color: #fff; }
table#tblOrderInfo tr.redeem_token td { vertical-align: middle; }
table#tblOrders td.orderid, table#tblOrders td.prodcnt { width: 10%; }
table#tblOrders td.shipto { }
table#tblOrders td.orderdate, table#tblOrders td.total { width: 15%; }
table#tblOrders td.action { width: 140px; }
#cart table#tblOrderInfoHeader { width: 100%; }
table#tblOrderInfoHeader tr { border: none; }
table#tblOrderInfoHeader td.orderdetail { width: 260px; line-height: 1.5; }
table#tblOrderInfoHeader td.orderdetail .orderid, table#tblOrderInfoHeader .orderid { font-size: 200%; font-weight: bold; line-height: 1.5; }
table#tblOrderInfoHeader td.orderdetail .orderstatus, table#tblOrderInfoHeader .orderstatus { color: #eb1471; position: relative; }
table#tblOrderInfoHeader td.orderdetail .orderstatus > div, table#tblOrderInfoHeader td.orderdetail .orderdate > div, table#tblOrderInfoHeader .orderstatus > div, table#tblOrderInfoHeader .orderdate > div { margin-left: 100px; }
table#tblOrderInfoHeader label { font-weight: bold; float: left; width: 100px; display: inline-block; *display: inline; zoom: 1; color: #2a2a2a; }
table#tblOrderInfo .item-desc img { width: 6rem; height: 6rem; object-fit: cover; }
table#tblOrderInfo .desktop.item-desc { display: table; }
table#tblOrderInfo .desktop.item-desc div { display: table-cell; vertical-align: top; }
table#tblOrderInfo .desktop.item-desc div.item-img { padding-right: 10px; }
.orders table.payment td.shipping { width: 12%; }

#order-info { border: solid 1px #e4e4e4; padding: 20px; margin-bottom: 20px; }
#order-info table tr.merchant, .orders table tr.merchant { color: #eb1471; background-color: #fff4f9; border-bottom: solid 1px #f9d7e6; }
#order-info table td, .order table td { padding: 10px; font-size: 14px; vertical-align: top; }
#order-info table td a, .order table td a { color: #2a2a2a; }
#order-info table td.price, #order-info table td.total { width: 12%; }
#order-info table td.price span.original { display: block; margin-top: 5px; text-decoration: line-through; color: #929292; }
#order-info table td.merchant-name, .orders table td.merchant-name { text-transform: uppercase; color: #eb1471; background-color: #fff4f9; border-bottom: solid 1px #f9d7e6;  }
#cart table#tblOrderInfo td.merchant-name { border-top: solid 10px #eb1471; }
#order-info table td.merchant-name .my-review { color: #2a2a2a; text-transform: initial; line-height: 18px; }
#order-info table td.merchant-name .my-review .star { display: inline-block; *display: inline; zoom: 1; margin-right: 10px; vertical-align: top; }
.orders table td.merchant-name > div { margin-bottom: 10px; }
.orders table td.merchant-name a { color: #eb1471 !important; }
#order-info table td.suborder-status { text-transform: uppercase; color: #eb1471; background-color: #fff4f9; border-bottom: solid 1px #f9d7e6;  }
#order-info table td.suborder-status a { margin-left: 10px; }
#order-info table td.payment-amount { width: 35%; padding: 0px; border-top: solid 10px #eb1471; }
.orders table tr.subtotal .price, .orders table tr.shipping_total .price, .orders table tr.order_total .price { font-weight: bold; }
.orders table td.no-padding, table#tblOrders td.no-padding { padding: 0px; }
.orders table td.item-img, table#tblOrders td.item-img { width: 100px; }
.orders table td.msg, table#tblOrders td.msg { background-color: #f7f7f7; }
.orders table th a, table#tblOrders th a { font-size: 90%; margin-left: 10px; color: #2a2a2a; }
.orders table th a:hover, table#tblOrders th a:hover { text-decoration: underline; }
.orders table td div.title, table#tblOrders td div.title { text-align: left; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; font-size: 110%; margin-bottom: 5px; }
.orders table td span.note, table#tblOrders td span.note { color: #eb1471; display: inline-block; *display: inline; zoom: 1; font-size: 100%; line-height: 1; padding-right: 10px; margin-right: 10px; border-right: solid 1px #2a2a2a; }
.orders table td span.note:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.orders table td.action a, table#tblOrders td.action a { height: 20px; width: 50px; background-size: cover; background-repeat: no-repeat; display: inline-block; *display: inline; zoom: 1; padding-left: 5px !important; padding-top: 42px; background-position: top 5px center; text-align: center; text-transform: uppercase; color: #2a2a2a; }
.orders table td.shipping { width: 20%; }
.orders a.action { height: 28px; width: 42px; display: inline-block; *display: inline; zoom: 1; font-size: 10px; font-weight: bold; padding: 13px 5px 5px 47px; background-repeat: no-repeat; background-position: 5px; background-size: contain; line-height: 1; vertical-align: middle; border: solid 1px transparent; }
.orders a.action:hover { border: solid 1px #eb1471; color: #eb1471 !important; text-decoration: none !important; }
table#tblOrders td.action a.payment, .orders a.payment { background-image: url(themes/icon-payment.png); background-size: 33px; }
table#tblOrders td.action a.payment:hover, .orders a.payment:hover { background-image: url(themes/icon-payment-hover.png); color: #eb1471 !important; text-decoration: none !important; }
table#tblOrders td.action a.review, .orders a.review { background-image: url(themes/icon-review.png); background-size: 34px; padding-left: 44px; }
table#tblOrders td.action a.review:hover, .orders a.review:hover { background-image: url(themes/icon-review-hover.png); }
table#tblOrders td.action a.view, .orders a.view { background-image: url(themes/icon-view.png); background-size: 25px; margin-right: 10px; padding-left: 40px; }
table#tblOrders td.action a.view:hover, .orders a.view:hover { background-image: url(themes/icon-view-hover.png); }
.orders a.received { background-image: url(themes/icon-order-received.png); background-size: 32px; padding-left: 42px; margin-right: 10px; width: 55px; }
.orders a.received:hover { background-image: url(themes/icon-order-received-hover.png); }
.orders a.cancel { background-image: url(themes/icon-cancel-order.png); background-size: 32px !important; padding-left: 42px; margin-right: 10px; width: 55px; }
.orders a.cancel:hover { background-image: url(themes/icon-cancel-order-hover.png); }
.order #rightpanel #btncancelorder { float: left; }
.order #rightpanel .button { margin-bottom: 20px; }
 
#confirmmsg, #cancelorder-msg, #link-isuka { text-align: center; }
#confirmmsg h1, #cancelorder-msg h1, #link-isuka h1 { margin-bottom: 20px; }
#confirmmsg .button, #cancelorder-msg .button, #link-isuka .button { margin-top: 20px; }
#confirmmsg a.button-darkgrey, #cancelorder-msg a.button-darkgrey, #link-isuka a.button-darkgrey { margin: 0px 10px; }
#confirmmsg .isuka-card-no { margin-bottom: 20px; line-height: 1.5; }
#confirmmsg .isuka-card-no span { display: block; font-size: 120%; font-weight: bold; }
#link-isuka span { font-weight: bold; }
#link-isuka input { background-color: white; width: 100%; padding: 11px 15px; box-sizing: border-box; }
#link-isuka .text { max-width: 90%; margin: auto; padding: 20px; background-color: #fffbec; border: solid 1px #ffcc09; border-radius: 20px;}
#link-isuka .text p { line-height: 2; }
#link-isuka #link-errmsg { color: red; font-weight: bold; }
#link-isuka .fields { width: 80%; margin: auto; text-align: left; }
#link-isuka .fields > * { margin-top: 25px; }
#link-isuka .card-no { width: 100%; background-color: #fff; border: solid 1px #000; border-collapse: collapse; box-sizing: content-box; }
#link-isuka .card-no input { width: 100%; border: none; outline: none; padding-right: 0; }
#link-isuka .card-no input#cardno { padding-left: 3px; }
#link-isuka .card-no td:first-child { padding-right: 0; width: 95px; }
#link-isuka .card-no td:not(:first-child) { padding-left: 0; }
#link-isuka a { color: #f00a71; }
#link-isuka a:hover { text-decoration: underline; } 
#link-isuka-form > p { margin-top: 10px; }
#cancelorder-msg .error { color: #e21b1b; font-size: 16px; }

#order_confirm_received .section { margin-top: 20px; font-size: 16px; }
#order_confirm_received .section textarea { margin: 10px 0px; }

table#tblOrderHistory th.date { width: 160px; }
table#tblOrderHistory img { margin-top: 10px; }

#make-payment { text-align: center; border: solid 1px #eb1471; }
#make-payment h1 { font-size: 200%; background-color: #eb1471; color: #fff; padding: 10px; margin-bottom: 0px; }
#make-payment h1 span.note { display: block; border: none; padding: 0px; margin: 0px; color: #fff; font-size: 55%; }
#make-payment div.alert { padding-bottom: 20px; }
#make-payment div.alert h3 { margin-bottom:20px; }
#make-payment #payment-methods { padding: 20px; position: relative; }
#make-payment #payment-methods div.status h3 { font-size: 25px; color: #eb1471; margin-bottom: 15px; }

#make-payment a { display: inline-block; *display: inline; zoom: 1; margin: 10px 1% 0px 1%; width: 26%; max-height: 100px; padding: 1.5%; border: solid 1px transparent; }
#make-payment a:hover { border: solid 1px #e4e4e4; }
#make-payment a img { width: 100%; display: block; }
#make-payment .ewallet p { margin-top: 20px; }
#make-payment .ewalletqrcode-open-popup-link { height: 0px; padding: 0px; margin: 0px; position: absolute; }
#make-payment .payment-timer, .payment-timer { color: #eb1471; font-size: 150%; }
body.payment .mfp-content { max-width: 90%; width: 500px; }
body.payment .mfp-container { padding: 50px 0px; }
#ewalletqrcode, #banktransfersteps { text-align: center; }
#ewalletqrcode .header .left { text-align: left; }
#ewalletqrcode h1 { font-size: 55px; }
#ewalletqrcode .header .right img, #banktransfersteps .header .right img { height: 80px; margin-bottom: 10px; border: none; padding: 0px; }
#ewalletqrcode #qrcode { width: 90%; }
#ewalletqrcode span.amount, #ewalletqrcode span.ewallet_code, #ewalletqrcode span.highlight, #banktransfersteps span.amount, #banktransfersteps .highlight { font-weight: bold; color: #eb1471; font-size: 150%; }
#ewalletqrcode .payment-countdown, #banktransfersteps .payment-countdown { margin-top: 5px; margin-bottom: 20px; }
#ewalletqrcode .section h2, #banktransfersteps .section h2 { color: #eb1471; }
#ewalletqrcode .section h2 span.label, #banktransfersteps .section h2 span.label { font-weight: normal; display: block; font-size: 70%; line-height: 0.8;}
#ewalletqrcode .section .step, #banktransfersteps .section .step { margin-bottom: 20px; border: solid 1px #2a2a2a; padding-bottom: 20px;  }
#ewalletqrcode .section .step:last-child, #banktransfersteps .section .step:last-child { margin-bottom: 0px; }
#ewalletqrcode .section .step h2, #banktransfersteps .section .step h2 { background-color: #2a2a2a; padding: 10px; color: #fff; line-height: 1; margin-bottom: 20px; }
#ewalletqrcode .section .step p, #banktransfersteps .section .step p { margin-top: 10px; }
#ewalletqrcode .section.important, #banktransfersteps .section.important { border: solid 1px #f00a71; padding: 20px; margin-bottom: 20px; }
#ewalletqrcode .section.important .step-flow, #banktransfersteps .section.important .step-flow { background-color: #f00a71; color: #fff; margin-top: 10px; display: table; width: 100%; }
#ewalletqrcode .section.important .step-flow > div, #banktransfersteps .section.important .step-flow > div { display: table-cell; text-align: center; padding: 20px 60px 20px 20px; background-image: url(themes/step-bg-pink.png); background-size: cover; background-position: right; background-repeat: no-repeat; font-size: 15px; }
#banktransfersteps .section.important .step-flow > div { padding-left: 15px; }
#ewalletqrcode .section.important .step-flow > div:first-child, #banktransfersteps .section.important .step-flow > div:first-child { padding-left: 30px; }
#ewalletqrcode .section.important .step-flow > div:last-child, #banktransfersteps .section.important .step-flow > div:last-child { background:none; padding-right: 30px; }
#ewalletqrcode .section.important .step-flow > div .number, #banktransfersteps .section.important .step-flow > div .number { background-image: url(themes/step-num-bg-white.png); background-repeat: no-repeat; color: #f00a71; width: 26px; height: 26px; background-size: cover; line-height: 29px; font-size: 18px; font-weight: bold; margin: 0px auto 5px auto; display: inline-block; *display: inline; zoom: 1; }
#ewalletqrcode .section.confirm { border: solid 1px #f00a71; padding: 20px 10px; margin-bottom: 20px; }
#ewalletqrcode .section .alert { }
#ewalletqrcode .section .alert h3 { color: #eb1471; }
#ewalletqrcode .ewallet_logo { border: solid 1px #e4e4e4; padding: 10px; height: 80px; } 
#ewalletqrcode #frmPayment { padding: 10px 0px 0px 10px; }
#ewalletqrcode input, #banktransfersteps input { width: 150px; display: block; margin: 10px auto; position: relative; z-index: 0; }
#ewalletqrcode #btnconfirmpayment, #banktransfersteps #btnconfirmpayment { font-size: 16px; }
#ewalletqrcode .button, #banktransfersteps .button { display: table; width: 100%; }
#ewalletqrcode .button > div, #banktransfersteps .button > div { display: table-cell; vertical-align: top; text-align: center; }
#ewalletqrcode .button > div.col2, #banktransfersteps .button > div.col2 { width: 250px; }
#ewalletqrcode .button > div:first-child, #banktransfersteps .button > div:first-child { text-align: right; }
#ewalletqrcode .button > div:last-child, #banktransfersteps .button > div:last-child { text-align: left; }
#ewalletqrcode .button > div img, #banktransfersteps .button > div img { height: 39px; }

#sellerreviewform { text-align: center; }
#sellerreviewform .header { margin-bottom: 20px; }
#sellerreviewform h2#seller-name { margin-bottom: 10px; }
#sellerreviewform #rate-stars { margin: 10px auto 15px auto; }
#sellerreviewform label { margin-bottom: 5px; display: inline-block; *display: inline; zoom: 1; }
#sellerreviewform span.note { display: inline-block; *display: inline; zoom: 1; font-size: 100%; line-height: 1; } 
#sellerreviewform #drop_file_zone { width: auto; width: initial; }
#sellerreviewform .highlight { color: #eb1471; }
#sellerreviewform .status { margin-top: 10px; color: #e21b1b; font-size: 16px; }
/*
#ewalletqrcode input#btn-confirmpayment { background-color: #f00a71; padding: 10px 30px; letter-spacing: 1px; border: solid 1px transparent; vertical-align: top; }
#ewalletqrcode #btnconfirm { border: solid 1px transparent; vertical-align: top; }
*/

#drop_file_zone { border: dashed 2px #ccc; text-align: center; padding: 10px; width: 85%; margin: 10px auto; }
#drag_upload_file { position: relative; display: table; width: 100%; }
#drag_upload_file .loading { position: absolute; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,0.8); z-index: 2; }
#drag_upload_file .loading > div { top: 50%; position: relative; margin-top: -26px; }
#ewalletqrcode span.uploadHelper.error, #banktransfersteps span.uploadHelper.error { color: #e21b1b; font-size: 16px; }
#ewalletqrcode span.uploadHelper.success, #banktransfersteps span.uploadHelper.success { color: #068b56; font-size: 16px; padding: 0px 20px; display: block; }

#image_thumbnails { margin: 10px auto 0px auto; width: 85%; text-align: center; }
#image_thumbnails img { width: 300px; max-width: 100%; }


/*
.main-content { width:1000px; margin: auto; padding: 30px 0px; }
#container { width: 1000px; min-height: 400px; height: 100%; margin: 0px auto; }
*/

#main-content { max-width: 90%; margin: auto; width: 1200px; padding: 80px 50px; /*color: #7b7b7b */; font-size: 16px; position: relative; }
#main-content a { color: #f00a71; }
#main-content a:hover { text-decoration: underline; }

#merchant-login { background-color: #f5f5f5; padding: 50px; margin-top: 50px; }

/* -------------------- My Tokens ---------------- */
.token-balance { font-size: xx-large; color: #f5086f; padding-right: 5px; }
.t-buttons { display: table; margin: 10px auto 20px; }
.t-buttons > div { display: table-cell; width: 50%; padding: 0 15px; }
p.check-in, p.redeem { margin-bottom: 10px; font-weight: bold; }
#check-in-btn { width: 130px; margin: 8px auto 0; padding: 8px; border: 2px solid #f5086f;; color: #f5086f;; text-transform: uppercase; text-decoration: none; align-items: center; justify-content: center; overflow: hidden; position: relative; cursor: pointer; }
#check-in-btn a { font-size: 14px; position: relative; transition: all .45s ease-Out; text-decoration: none; letter-spacing: 1px; }
#translate { transform: rotate(50deg); width: 100%; height: 250%; left: -200px; top: -30px; background: #f5086f;; position: absolute; transition: all .3s ease-Out; }
#check-in-btn:hover #translate { left: -3px; }
#check-in-btn:hover a { color: white; text-decoration: none; }
#redeem-btn { width: 12rem; height: auto; position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; font-family: inherit; }
#redeem-btn .circle { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 2.5rem; height: 2.5rem; background: #f5086f; border-radius: 1.625rem; }
#redeem-btn .circle .icon { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; }
#redeem-btn .circle .icon.arrow { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.5rem; width: 1.125rem; height: 0.125rem; background: none; }
#redeem-btn .circle .icon.arrow::before {position: absolute; content: ''; top: -0.3rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg); }
#redeem-btn .button-text { font-size: 14px; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 1.85rem; color: #f5086f; text-align: center; text-transform: uppercase; letter-spacing: 1px; }
#redeem-btn:hover .circle { width: 100%; }
#redeem-btn:hover .circle .icon.arrow { background: #fff; transform: translate(1rem, 0); }
#redeem-btn:hover .button-text { color: #fff; }
.tt-details { display: table; width: 100%; border: 1px solid #dee2e6!important; background-color: aliceblue; align-items: center!important; line-height: 1.5; }
.tt-details > div { display: table-cell; vertical-align: middle; }
.tt-icon { width: 15%; padding: 10px 0; }
.tt-icon > div { width: 52px; height: 52px; margin: auto; }
.tt-icon .earn { background: url(themes/earn.png); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; }
.tt-icon .spend { background: url(themes/spend.png); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; }
.tt-icon .unavailable { background: url(themes/broken-image.png); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; }
.tt-info { width: 75%; padding: 10px 20px; }
.tt-amount { width: 10%; padding: 10px 0; font-size: large; font-weight: bold; }

.tt-title { font-weight:bold; }
/* .tt-title:hover { color: #f00a71; cursor: pointer; } */
.tt-datetime { font-size:small; }
.tt-paging { text-align: center; margin: 30px auto 0; }
.tt-paging a { color: white !important; text-decoration: none !important; }
.tt-paging .paging > * { margin-bottom: 10px; }
.tt-paging a:hover { text-decoration: none !important; }


/* -------------------- My Rewards ---------------- */
#redemption .details { display: table; width: 100%; border: 1px solid #dee2e6; border-bottom: none; box-sizing: border-box; line-height: 1.5;  }
#redemption > div:nth-last-child(2) .details { border-bottom: 1px solid #dee2e6 !important; }
#redemption .details a { color: unset; text-decoration: none; }
#redemption .details .more { width: 25px; height: 25px; transition: transform .2s; background: url(themes/pink-arrow-down.png); -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; -webkit-tap-highlight-color: transparent; /* remove tap highlight */ }
#redemption .details .more:focus { outline: none; /* remove outline */ box-shadow: none; /* remove box shadow */}
#redemption .details .more.active { -ms-transform: rotateZ(-180deg); -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); transform: rotateZ(-180deg); }
#redemption .icon { display: table-cell; vertical-align: middle; width: 15%; padding: 10px; }
#redemption .info { display: table-cell; vertical-align: middle; padding: 10px; }
#redemption .current-status { display: table-cell; vertical-align: middle; width: 17%; padding: 0 10px; font-weight: bold; line-height: 1.2; }
#redemption .current-status > * { display: table-cell; vertical-align: middle; }
#redemption .current-status > div:first-of-type { width: 100px; }
#redemption .current-status .datetime { display: block; margin-top: 10px; font-weight: normal; }
#redemption .icon img { width: 100%; object-fit: cover; display: block; }
#redemption .icon .earn { content: url(themes/earn.png); }
#redemption .icon .spend { content: url(themes/spend.png); }
#redemption .icon .unavailable { content: url(themes/broken-image.png); }
#redemption .id { color: #f00a71; }
#redemption .title { font-weight: bold; color: #2a2a2a; }
#redemption .datetime { font-size: small; }
#redemption .r-paging { text-align: center; margin: 30px auto 0; }
#redemption .r-paging a { color: white !important; text-decoration: none !important; }
#redemption .r-paging .paging > * { margin-bottom: 10px; }
#redemption .r-paging a:hover { text-decoration: none !important; }

#redemption .history { background-color: #f9d7e6; }
/* The actual timeline (the vertical ruler) */
#redemption .history .timeline { position: relative; max-width: 500px; margin: 0 auto; padding-top: 10px; }
/* The actual timeline (the vertical ruler) */
#redemption .history .timeline::after { content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0; left: 5%; margin-left: -3px; }
/* Container around content */
#redemption .history .container { padding: 10px 0px 10px 40px; position: relative; background-color: inherit; width: 85%; left: 5%; }
#redemption .history .container:last-of-type  { padding-bottom: 20px; }
/* The circles on the timeline */
#redemption .history .container::after { content: ''; position: absolute; width: 16px; height: 16px; left: -12px; background-color: white; border: 4px solid #FF9F55; top: 19px; border-radius: 50%; z-index: 1; }
/* Add arrows to the right container (pointing left) */
#redemption .history .container::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }
/* The actual content */
#redemption .history .content { padding: 8px 20px; background-color: white; position: relative; border-radius: 6px; }
#redemption .history .content > p { margin-bottom: 5px; }
#redemption .history .content .status { color: #f00a71; font-size: 110%; }
#redemption .history .content .desc {font-size: 90%; }
#redemption .history .content .datetime { font-size: small; }


/* -------------------- promotion listings & details page ---------------- */
#marketplace .list .item .tag .discount, #item-detail #market_like .list .item .tag .discount { background-image: url(themes/sale-tag-bg.png); background-repeat: no-repeat; background-position: right; padding-right: 30px !important;  }
#marketplace .discount, #item-detail .discount, 
#marketplace .promo-timer, #item-detail .promo-timer { 
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version */
}
#item-detail .r-panel .info-bar.promo, .b-panel .info-bar.promo { border-top: dotted 1px #fff; border-bottom: dotted 1px #fff; background-color: #ffbb00; color: #fff; font-size: 18px; }
#item-detail .r-panel .info-bar.promo .cell, .b-panel .info-bar.promo .cell { border-right: dotted 1px #fff; }
								  
/* -------------------- lucky draw & rewards listings ---------------- */
#lucky-draw, #rewards { margin: 80px auto 0; }
#lucky-draw span.free, #rewards span.free { color: #f00a71; font-size: 20px; margin-top: 5px; display: block; }
.lucky-draw .list, .rewards .list { margin: 50px 0px 0px; text-align: center; }
.lucky-draw .list .item, .rewards .list .item { width: 32%; margin-right: 2%; float: left; margin-bottom: 65px; font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; }
.lucky-draw .list .item a div, .rewards .list .item a div { overflow: hidden; }
.lucky-draw .list .item div.img, .rewards .list .item div.img { background-size: cover; background-repeat: no-repeat; position: relative; background-position: center; transition: transform .2s; }
.lucky-draw .list .item div.img:hover, .rewards .list .item div.img:hover { transform: scale(1.05); }
.lucky-draw .list .item div.img .isuka-exclusive { color: #2a2a2a; font-weight: 600; font-size: 120%; margin-top: 6px; padding: 5px 10px; position: absolute; background-color: #ffcc09; border-radius: 0 25px 25px 0; }
.lucky-draw .list .item.last, .rewards .list .item.last { margin-right: 0px; }
.lucky-draw .list .item div.img .t-overlay, .rewards .list .item div.img .t-overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-image: url(themes/title-overlay-bg.png); background-repeat: repeat-x; background-position: bottom; }
.lucky-draw .list .item div.img .t-overlay .date, .rewards .list .item div.img .t-overlay .date { position: absolute; bottom: 10px; width: 90%; padding: 0px 5%; color: #fff; font-size: 18px; margin-bottom: 0px; text-align: center; }

.lucky-draw .list .item .ld-timer { display: flex; align-items: center; justify-content: center; font-size: x-large; background-color: #f00a71; color: #fff; font-weight: bold; line-height: 38px; min-height: 38px; min-width: 150px; width: fit-content; width: -moz-fit-content; margin: 0 auto 10px; padding: 2px 20px; border-radius: 50px; }
.ld-timer.upcoming { background-color: orange !important; }
.ld-timer.active { background-color: #f00a71 !important; }
.ld-timer.ended { background-color: lightgrey !important; }

.lucky-draw .list .item .title, .rewards .list .item .title { background-image: url(themes/list-title-line.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 30px; margin-bottom: 30px; }
.lucky-draw .list .item .title > span, .rewards .list .item .title > span { font-size: small; color: darkgray; }
.lucky-draw .list .item h2, .rewards .list .item h2 { font-size: 26px; padding-top: 10px; line-height: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 30px; }
.lucky-draw .list .item h3, .rewards .list .item h3 { font-size: 18px; color: #f00a71; }
.lucky-draw .list .item .info { margin-top: 40px; }
.rewards .list .item .info { margin-top: 30px; }

.lucky-draw .list .item .text, .rewards .list .item .text { font-size: small; text-align: center; }
.lucky-draw .list .item .text span, .rewards .list .item .text span { display: block; font-size: xx-large;  font-weight: bold; color: #ff8c00; }

.lucky-draw .list .item .button, .rewards .list .item .button { margin-top: 30px; text-align: center; background-image: url(themes/button-grey-line.png); background-repeat: repeat-x; background-position: center; }
.lucky-draw .list .item .button .pre, .lucky-draw  .list .item .button .post,
.rewards .list .item .button .pre, .rewards .list .item .button .post
{ width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px;  }
.lucky-draw a.button-pink, .rewards a.button-pink { font-size: 20px; }

#rewards .tkn-bal { text-align: center; font-size: 18px; color: #f10a71; }
#rewards .tkn-bal > span { font-size: 180%; display: block; }
#rewards .progress, #reward-detail .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; margin-top: -2px; }
#rewards .progress .progress-bar, #reward-detail .progress .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #ffc107 !important; transition: width .6s ease; }
.rewards .list .item p { margin-top: 4px; font-size: small; }

/* @lucky-draw-list
#lucky-draw { margin: 80px auto; }
.ld-details { margin: 80px auto; }
.ld-details > img { width: 100%; display: block; margin: 10px auto; }
.ld-details .entry-rate { font-size: x-large; margin: 10px auto; font-weight: bold; }
.ld-details .entry-rate span { font-size: xx-large; }
.ld-details .note { font-size: small; margin: 10px auto; }
.ld-details .ld-timer { margin: 20px auto; font-size: xx-large; color: #f5086f; font-weight: bold; }
#lucky-draw-btn { width: 130px; margin: 8px auto 0; padding: 8px; border: 2px solid orange;; color: orange;; text-transform: uppercase; text-decoration: none; align-items: center; justify-content: center; overflow: hidden; position: relative; cursor: pointer; }
#lucky-draw-btn a { font-size: 14px; position: relative; transition: all .45s ease-Out; text-decoration: none; letter-spacing: 1px;  font-weight: bold;}
#lucky-draw-btn:hover #translate { background-color: orange; }
#lucky-draw-btn:hover #translate { left: -3px; }
#lucky-draw-btn:hover a { color: white; text-decoration: none; }
button.button-darkgrey { background-color: #313131; border: none; color: #fff !important; padding: 10px 30px; display: inline-block; *display: inline; zoom: 1; cursor: pointer; }
button.button-pink { background-color: #f00a71; border: none; color: #fff !important; padding: 10px 30px; display: inline-block; *display: inline; zoom: 1; cursor: pointer; }
*/

/* -------------------- lucky draw & rewards details ---------------- */
.item-info { padding: 50px 50px 0px; }
.item-info .l-panel { width: 45%; float: left; margin-right: 3%; }
.item-info .l-panel #images #thumb { float: left; width: 20%; overflow: hidden; }
.item-info .l-panel #images #thumb .item { padding-bottom: 5px; cursor: pointer; }
.item-info .l-panel #images #thumb .item > div { border: solid 1px #e4e4e4; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.item-info .l-panel #images #thumb img { display: block; width: 100%; }
.item-info .l-panel #images #thumb .slick-slide > div:last-child img { margin-bottom: 0px; }
.item-info .l-panel #images #preview { float: left; width: 77%; margin-left: 3%; overflow: hidden; border: solid 1px #e4e4e4; }
.item-info .l-panel #images #preview .item > div { height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.item-info .l-panel div.title { text-align: left; margin-bottom: 10px; }
.item-info .l-panel .info { font-size: 17px; }
.item-info .l-panel .info .desc { margin: 30px 0px; word-wrap: break-word; font-family: 'Archivo', 'Noto Sans SC', Arial, Helvetica, sans-serif; }

.item-info #thumb .slick-next, .item-info #thumb .slick-prev { background-position: center; background-repeat: no-repeat; border: none; z-index: 1; color: transparent; cursor: pointer; background-color: transparent; height: 25px; width: 50px; left: 50%; margin-left: -25px; }
.item-info #thumb .slick-next { position: absolute; bottom: 15px; text-indent: 100000px; background-image: url(themes/arrow-down.png); }
.item-info #thumb .slick-prev { position: absolute; top: 15px; text-indent: -100000px; background-image: url(themes/arrow-up.png); }
.item-info #thumb .slick-slide { float: none; width: 100%; height: auto; height: initial; }

.item-info #preview .slick-next, .item-info #preview .slick-prev { background-position: center; background-repeat: no-repeat; border: none; z-index: 1; color: transparent; cursor: pointer; background-color: transparent; height: 50px; width: 25px; top: 50%; margin-top: -25px; }
.item-info #preview .slick-next { position: absolute; right: 15px; text-indent: 100000px; background-image: url(themes/arrow-right.png); }
.item-info #preview .slick-prev { position: absolute; left: 15px; text-indent: -100000px; background-image: url(themes/arrow-left.png); }
.item-info #preview .slick-slide img { width: 100%; }
.item-info #preview .slick-list { height: 100%; }

.item-info .r-panel { width: 51.5%; float: left; } 
.item-info .r-panel div.section1 > div:not(:last-child) { margin-bottom: 10px; }
.item-info .r-panel div.title, .item-info .b-panel div.title { text-align: left; color: #2a2a2a; margin-bottom: 5px; }
.item-info .r-panel div.isuka-exclusive, .item-info .b-panel div.isuka-exclusive { display: table; }
.item-info .r-panel div.isuka-exclusive > *, .item-info .b-panel div.isuka-exclusive > * { display: table-cell; vertical-align: middle; }
.item-info .r-panel div.isuka-exclusive .tag, .item-info .b-panel div.isuka-exclusive .tag { border-top: none; color: #2a2a2a; font-weight: 600; font-size: 120%; padding: 5px 10px; background-color: #ffcc09; border-radius: 0 25px 25px 0; }
.item-info .r-panel div.isuka-exclusive h1, .item-info .b-panel div.isuka-exclusive h1 { padding-left: 10px; }
.item-info .r-panel div.title h1, .item-info .b-panel div.title h1 { font-size: 20px; font-weight: bold;  } 
.item-info .r-panel .info-bar, .item-info .b-panel .info-bar { margin: 10px 0px; font-size: 15px; display: table; width: 100%; border-top: dotted 1px #f00a71; border-bottom: dotted 1px #f00a71; padding: 10px 0px;}
.item-info .r-panel .info-bar .cell, .item-info .b-panel .info-bar .cell { display: table-cell; border-right: dotted 1px #f00a71; padding: 0px 10px; text-align: center; width: 30%; }
.item-info .r-panel .info-bar .cell:last-child, .item-info .b-panel .info-bar .cell:last-child { border-right: none; }
.item-info .r-panel .col2 .section .link a, .b-panel .section .link a { width: 90%; padding: 10px 5%; text-align: center; }
.item-info .r-panel .item { margin-bottom: 15px; }
.item-info .r-panel .item:last-child { margin-bottom: 20px; }
.item-info .r-panel .label, .item-info .b-panel .label  { margin-left: 0px !important; display: inline-block; *display: inline; zoom: 1; width: 100px; color: #2a2a2a; font-size: 14px !important; vertical-align: middle; }
.item-info .r-panel .tag, .item-info .b-panel .tag { font-size: 13px; color: #f00a71; font-weight: normal; background-color: #f5f5f5; padding: 10px 20px; border-top: solid 1px #f00a71; }
.item-info .r-panel .share { margin-top: 30px; margin-bottom: 5px; }
.item-info .r-panel .share h2 { color: #f00a71; font-weight: normal; font-size: 20px; }
.item-info .r-panel .button { text-align: center; margin-top: 40px; }
.item-info .r-panel .footer { margin-top: 40px; }

.item-info .r-panel .col1 { position: relative; float: left; width:65%; min-height: 415px; margin-right: 2%; }
.item-info .r-panel .col2 { float: left; width: 33%; }
.item-info .r-panel .col2 .section, .item-info .b-panel .section { font-weight: normal; background-color: #f5f5f5; padding: 20px; border-top: solid 1px #f00a71; margin-bottom: 20px; }
.item-info .r-panel .col2 .section .title, .item-info .b-panel .section .title { font-size: 18px; color: #f00a71; }
.item-info .r-panel .col2 .section .text, .item-info .b-panel .section .text { border-left: solid 1px #f00a71; padding-left: 20px; font-size: 18px; margin-bottom: 10px; }
.item-info .r-panel .col2 .section .text:last-child, .item-info .b-panel .section .text:last-child { margin-bottom: 0px; }
.item-info .r-panel .col2 .section .text .label, .item-info .b-panel .section .text .label { width: 100px; }

.item-info .b-panel { display: none; margin-top: 30px; }
.item-info .b-panel .section { width: 19.5%; float: left; margin-right: 2%; padding: 20px 2%; }

.item-info .desc { padding: 30px 0px 50px 0px; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin-top: 30px; font-size: 17px; }
.item-info .desc > div:first-of-type { font-size: larger; font-weight :bold; color: #f5086f; margin-bottom: 15px; }

/* -------------------- lucky draw details ---------------- */
#ld-detail .r-panel .info-bar .ld-timer, #ld-detail .r-panel .info-bar .status { display: flex; align-items: center; justify-content: center; font-size: x-large; background-color: #f00a71; color: #fff; font-weight: bold; line-height: 38px; min-height: 38px; width: 100%; }
#ld-detail .r-panel .price, #ld-detail .b-panel .price { margin-top: 20px; }
#ld-detail .r-panel .winner, #ld-detail .b-panel .winner { color: #f00a71; font-weight: normal; font-size: 30px; }
#ld-detail .r-panel .sponsor a, #ld-detail .b-panel .sponsor a { color: #f00a71; font-weight: bold; }
#ld-detail .r-panel .price > span:not(.label), #ld-detail .b-panel .price > span:not(.label),
#ld-detail .r-panel .period > span:not(.label), #ld-detail .b-panel .period > span:not(.label) { font-size: 18px; }

#ld-detail .r-panel .button > #info { margin-top: 5px; font-size: 16px; line-height: 1.5; font-weight: bold; min-height: 20px; }
#ld-detail .r-panel .button > #info span { display: block; font-size: 14px; font-weight: normal; }
#ld-detail .r-panel .button > #info > span#member-entry { font-size: 12px !important; }

#ld-detail .r-panel .button #draw-detail { margin-top: 5px; font-size: 12px; }
#ld-detail .r-panel .button #ld-btn, #ld-detail .r-panel .button #reveal-btn { width: 180px; padding: 10px 15px; margin: auto; background-color: orange; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; align-items: center; justify-content: center; overflow: hidden; position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#ld-detail .r-panel .button #ld-btn a, #ld-detail .r-panel .button #reveal-btn a { color: #fff; font-size: 14px; position: relative; transition: all .45s ease-Out; text-decoration: none; letter-spacing: 1px;  font-weight: bold; }
#ld-detail .r-panel .button #ld-btn:hover, #ld-detail .r-panel .button #reveal-btn:hover { background-color: #2a2a2a; }
#ld-detail .r-panel .button #ld-btn:hover a, #ld-detail .r-panel .button #reveal-btn:hover a { color:#fff; text-decoration: none; }
/*
#ld-detail .r-panel .button a { font-size: 18px; width: 45%; padding: 10px 2%; text-align: center; margin-right: 2%; }
#ld-detail .r-panel .button a#ld-btn { margin-right: 0px; }
#ld-detail .r-panel .button a#ld-btn:hover { background-color: #5d5d5d;  }
#ld-detail .r-panel .button #translate { background-color: #2a2a2a; transform: rotate(35deg); left: -230px; }
#ld-detail .r-panel .button #ld-btn:hover #translate { left: -4px; }  
#ld-detail .r-panel .footer { position: absolute; bottom: 0; width: -webkit-fill-available; width: -moz-available; } 
*/
#ld-detail .r-panel .col2 .section .title, #ld-detail .b-panel .section .title { font-weight: bold; }
#ld-detail .r-panel .col2 .section.claim-prize .title, #ld-detail .b-panel .section.claim-prize .title { font-size: 30px; font-weight: bold; color: #f00a71; }
#ld-detail .r-panel .col2 .section.claim-prize .text, #ld-detail .b-panel .section.claim-prize .text { font-size: 16px; }
#ld-detail .r-panel .col2 .section.claim-prize .text > a, #ld-detail .b-panel .section.claim-prize .text > a { color: #f00a71; text-decoration: underline; }
#ld-detail .r-panel .col2 .section.claim-prize .text > a:hover, #ld-detail .b-panel .section.claim-prize .text > a:hover { text-decoration: none; }
#ld-detail .r-panel .col2 .section.entry-count .text > span, #ld-detail .b-panel .section.entry-count .text > span { font-size: 15px; font-weight: bold; }
#ld-detail .r-panel .col2 .section.winner-list { margin-bottom: 0; max-height: 320px; overflow-y: auto; }
#ld-detail .r-panel .col2 .section.winner-list:last-child { margin-bottom: 0; }
#ld-detail .b-panel .section.winner-list { max-height: 320px; overflow-y: auto; }
#ld-detail .r-panel .col2 .section.winner-list .text, #ld-detail .b-panel .section.winner-list .text { font-size: 15px; font-weight: bold; }
#ld-detail .r-panel .col2 .section.winner-list .text > span, #ld-detail .b-panel .section.winner-list .text > span { font-size: smaller; font-weight: normal; }
#ld-detail .r-panel .col2 .section.winner-list li, #ld-detail .b-panel .section.winner-list li { font-weight: normal; margin-top: 5px; margin-bottom: 5px; }
#ld-detail .r-panel .col2 .section.winner-list li > span, #ld-detail .b-panel .section.winner-list li > span { font-size: smaller; }

/* -------------------- rewards details ---------------- */
#reward-detail .r-panel #text span:not(.label), #reward-detail .b-panel #text span:not(.label) { font-size: 18px; }
#reward-detail .r-panel .info-bar, #reward-detail .b-panel .info-bar { padding: 10px 0 5px; }
#reward-detail .r-panel .info-bar p { margin-top: 3px; font-size: small; text-align: right; }
#reward-detail .r-panel .col2 .sponsor .statistic_summary, .b-panel .sponsor .statistic_summary { margin-top: 10px; }
#reward-detail .r-panel .col2 .sponsor .statistic_summary .label, .b-panel .sponsor .statistic_summary .label { margin-top: 5px; }
#reward-detail .r-panel .col2 .sponsor .text .join_date, .b-panel .sponsor .text .join_date {font-size: 14px; margin: 5px 0px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-right: 10px; }
#reward-detail .r-panel .col2 .sponsor .text .join_date span, .b-panel .sponsor .text .join_date span { color: #f5086f; }
#reward-detail .r-panel .button #redeem-btn { width: 180px; padding: 10px 15px; margin: auto; background-color: orange; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; align-items: center; justify-content: center; overflow: hidden; position: relative; cursor: pointer; }
#reward-detail .r-panel .button #redeem-btn a { color: #fff; font-size: 14px; position: relative; transition: all .45s ease-Out; text-decoration: none; letter-spacing: 1px;  font-weight: bold; }
#reward-detail .r-panel .button #redeem-btn:hover { background-color: #2a2a2a; }
#reward-detail .r-panel .button #redeem-btn:hover a { color:#fff; text-decoration: none; }
#reward-detail .r-panel .button #redeem-msg { font-size: 125%; font-weight: bold; }
#reward-detail .r-panel .button #redeemed { width: 180px; padding: 10px 15px; margin: auto; background-color: darkgrey; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase; text-decoration: none; align-items: center; justify-content: center; overflow: hidden; position: relative; }
#reward-detail #tkn-balance, #reward-detail #redeem-cnt { font-size: small; margin-top: 3px; }

/* -------------------- My Rewards ---------------- */
/* The actual timeline (the vertical ruler) */
#reward .timeline { position: relative; max-width: 1200px; margin: 0 auto; }

/* The actual timeline (the vertical ruler) */
#reward .timeline::after { content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0; left: 5%; margin-left: -3px; }

/* Container around content */
#reward .container { padding: 10px 40px; position: relative; background-color: inherit; width: 95%; left: 5%; }

/* The circles on the timeline */
#reward .container::after { content: ''; position: absolute; width: 25px; height: 25px; right: -17px; background-color: white; border: 4px solid #FF9F55; top: 15px; border-radius: 50%; z-index: 1; }

/* Add arrows to the right container (pointing left) */
#reward .container::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }

/* Fix the circle for containers on the right side */
#reward .container::after { left: -16px; }

/* The actual content */
#reward .content { padding: 20px 30px; background-color: white; position: relative; border-radius: 6px; }


/* -------------------- iKuching SUKA ---------------- */
#ikuching-suka { margin-top: 50px; font-size: 15px; }
#ikuching-suka > .filter { width: max-content; margin: auto; color: #f00a71; }
#ikuching-suka > .filter > form { display: flex; margin-top: 5px; }
#ikuching-suka > .filter select { min-width: 175px; margin-right: 5px; }
#ikuching-suka > .filter input { border: none; background-color: #313131; color: #fff !important; padding-left: 15px; padding-right: 15px; display: inline-block; *display: inline; zoom: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#ikuching-suka .list { max-width: 1280px; margin: auto; text-align: center; }
#ikuching-suka .list .info .button { text-align: center; }
#ikuching-suka .list .item { max-width: 720px; margin: 50px auto; }
#ikuching-suka .list .item .cover { margin-bottom: 20px; overflow: hidden; border-radius: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); cursor: pointer; }
#ikuching-suka .list .item .cover > img { width: 100%; display: block; margin: auto; border-radius: 20px; transition: transform .2s; }
#ikuching-suka .list .item .cover > img:hover { transform: scale(1.05); }
#ikuching-suka .list .item .title { margin-bottom: 0; }
#ikuching-suka .list .item .title h2 { margin-top: 5px; }
#ikuching-suka .list .item .title h3 { color: #f00a71; }
#ikuching-suka .list .item .title span { background:#f00a71; color: whitesmoke; display: block; width: fit-content; padding: 3px 10px; margin: 3px auto; border-radius: 50px; font-size: 13px; }
#ikuching-suka .list .item .button { text-align: center; background-image: url(themes/button-grey-line.png); background-repeat: repeat-x; background-position: center; }
#ikuching-suka .list .item .button .pre, #ikuching-suka .list .item .button .post { width: 30px; background-color: #fff; display: inline-block; *display: inline; zoom: 1; line-height: 35px; }
#ikuching-suka a.button-darkgrey { cursor: pointer; }
#ikuching-suka a.button-darkgrey.collapse { display: none; }
#ikuching-suka .list .item .shop-details { line-height: 1.3; padding: 10px; height: max-content; }
#ikuching-suka .list .item .shop-details a { display: flex; justify-content: center; align-items: center; text-decoration: underline; color: #f00a71; cursor: pointer; }
#ikuching-suka .list .item .shop-details a:hover { text-decoration: none; }
#ikuching-suka .list .item .shop-details a > img { height:24px; content: url(themes/google-map.png); margin-right: 5px; }
#ikuching-suka .list .item .shop-details > p, #ikuching-suka .list .item .stall-list > p { font-weight: bold; text-decoration: underline; margin-top: 5px; }
#ikuching-suka .list .item .shop-details ul { list-style: none; width: fit-content; margin: auto; text-align: left; }
#ikuching-suka .list .item .shop-details li:before { content: '\23F0'; }
#ikuching-suka .list .item .shop-details li { margin-left: 0; margin-bottom: 2px; }
#ikuching-suka .list .item .shop-details li > span { margin-left: 5px; }
#ikuching-suka .list .item .shop-details li > span > span { display: inline-block; width: 40px; }
#ikuching-suka .list .item .shop-details p+div { width: fit-content; margin: auto; }
#ikuching-suka .list .item .shop-details .bizhours { display: table; }
#ikuching-suka .list .item .shop-details .bizhours:last-of-type { margin-bottom: 20px; }
#ikuching-suka .list .item .shop-details .bizhours > span { display: table-cell; width: 10px; }
#ikuching-suka .list .item .shop-details .bizhours > span:first-of-type { width: fit-content; min-width: 60px; text-align: left; } 
#ikuching-suka .list .item .shop-details .bizhours > span:last-of-type { width: auto; } 

/*
#ikuching-suka .list .item .shop-details li > span,
#ikuching-suka .modal-content li > span 
{ display: inline-block; width: 90px; }
*/
#ikuching-suka .stall-list { margin-top: 15px; display: none; }
#ikuching-suka .stall-list > div:first-of-type > img { height: 52px; content: url(themes/suka-stall.png); display: block; margin: 0 auto 2px; }
#ikuching-suka .stall-list > div:first-of-type > p { background-color: rgba(255, 203, 8, 0.8); border-radius: 5px; font-weight: bold; font-size: 17px; padding:2px 20px; }
#ikuching-suka .stall-list .item { display: flex; margin: 10px auto; padding-bottom: 10px; text-align: left; -webkit-box-shadow: 0 4px 6px -6px #787878; -moz-box-shadow: 0 4px 6px -6px #787878; box-shadow: 0 4px 6px -6px #787878; cursor: pointer; }
#ikuching-suka .stall-list .item .img { flex-grow: 0; margin-right: 20px; }
#ikuching-suka .stall-list .item .img img { width: 120px; height: 120px; object-fit: cover; border-radius: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.19); }
#ikuching-suka .stall-list .item .desc { flex-grow: 1; }
#ikuching-suka .stall-list .item .desc > p { margin-bottom: 5px; line-height: 1; }
#ikuching-suka .stall-list .item .desc > p:last-of-type { margin-bottom: 0; }
#ikuching-suka .stall-list .item .desc p.name { font-size: 18px; }
#ikuching-suka .stall-list .item .desc p.type { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; }
#ikuching-suka .stall-list .item .view-more { display: flex; justify-content: center; align-items: center; width: fit-content; flex-grow: 0; }
#ikuching-suka .stall-list .item .view-more img { width: 30%; content: url(themes/arrow-right.png); }

.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

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

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 } 
	to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
	from{ bottom:-100px; opacity:0 } 
	to{ bottom:0; opacity:1 }
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 5vh; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
  
/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 30px 50px;
	border: 1px solid #888;
	width: 80%;
	max-width: 700px;
	max-height: 78vh;
	overflow: auto;
}
  
/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 10px;
	line-height: 0;
}
  
.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

#ikuching-suka .modal-content .title { font-size: 20px; color: #f00a71; }
#ikuching-suka .modal-content > p { margin-bottom: 5px; }
#ikuching-suka .modal-content .desc { margin: 20px 0; }
#ikuching-suka .modal-content p.b-hrs { font-weight: bold; text-decoration: underline; }
#ikuching-suka .modal-content ul {list-style: none; width: fit-content; margin: 0 0 10px 0; text-align: left; } 
#ikuching-suka .modal-content li:before { content: '\23F0'; }
#ikuching-suka .modal-content li { margin-left: 0; }
#ikuching-suka .modal-content .bizhours { display: table; }
#ikuching-suka .modal-content .bizhours > span { display: table-cell; width: 10px; }
#ikuching-suka .modal-content .bizhours > span:first-of-type { width: fit-content; min-width: 60px; text-align: left; } 
#ikuching-suka .modal-content .bizhours > span:last-of-type { width: auto; } 
#ikuching-suka .modal-content img { display: block; width: 100%; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; }
#ikuching-suka .modal-content img:last-of-type { margin-bottom: 0; }
#ikuching-suka .modal-content .imp-view { margin-top: 10px; text-align: right; color: #f00a71; }


/* -------------------- SUKA Member Registration ---------------- */
#suka-member { margin-top: 80px; }
#suka-member .registration-form { position: relative; max-width: 90%; width: 650px; margin: auto; }
#suka-member .registration-form > div { border: 1px solid gainsboro; padding: 25px 20px; }
#suka-member .registration-form .row { display: table; width: 100%; margin-bottom: 10px; }
#suka-member .registration-form .row:last-of-type { margin-bottom: 0; }
#suka-member .registration-form .row > div { display: table-cell; }
#suka-member .registration-form .row > div:first-of-type { display: table-cell; width: 30%; }
#suka-member .registration-form input { width: -webkit-fill-available; }
#suka-member .registration-form input[type="radio"] { width: auto; border: none; }
#suka-member .registration-form input[type="radio"] + label { vertical-align: text-bottom; }
#suka-member .registration-form label { font-size: 14px; }
#suka-member .registration-form .row .button-change { width: 100% !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#suka-member .title { font-size: 20px; margin-bottom: 20px; font-weight: bold; }
#suka-member .register-success p { width: fit-content; margin: auto; text-align: center; }
#suka-member .register-success .success > span { display: block; font-size: 48px; color: limegreen; }
#suka-member .register-success .info { margin-top: 20px; font-size: 40px; padding: 10px 35px; background-color: #f5f5f5; }
#suka-member .register-success .info > span { display:block; font-size: 14px; }
#suka-member .btn { text-align: center; margin-top: 30px; text-transform: uppercase; }

/* -------------------- SUKA Merchant Application ---------------- */
#suka-merchant-application .title { margin-top: 50px; margin-bottom: 10px; }
#suka-merchant-application .form { width: 720px; max-width: 80%; margin: auto; padding: 20px; border: solid 1px #ffcc09; border-radius: 20px; }
#suka-merchant-application div.success { width: 720px; max-width: 80%; margin: auto; padding: 20px; border: solid 1px #ffcc09; border-radius: 20px; background-color: #fffbec; }
#suka-merchant-application div.row { margin-bottom: 10px; }
fieldset.bizhours { padding:10px 20px; width:fit-content; border: solid 1px #000000; }
fieldset.bizhours input { padding:2px 5px; width: auto; height: auto;}
fieldset.bizhours > div { margin: 10px 0; }
fieldset.bizhours .time > div { display: block; margin-bottom: 5px; }
fieldset.bizhours .time > div:first-of-type { display: inline-block;  }
fieldset.bizhours .label { display:inline-block; width: 120px; vertical-align: top; }
fieldset.bizhours img { display: inline-block; width: 16px; vertical-align: middle; margin-left: 10px; cursor: pointer; }
.business-hours-show { display: inline-block; }
.business-hours-hide { display: none; }
#suka-merchant-application .business-image img { display: block; margin-bottom: 10px; max-width: 100%; }
#suka-merchant-application .business-image .sect-img { display: table; width: 100%; border: solid 1px #000000; }
#suka-merchant-application .business-image .sect-img span { display: table-cell; text-align: end; padding-right: 10px; color: orangered; cursor: pointer; font-size: small; visibility: hidden; }
#suka-merchant-application .business-image input.sk-img { border: none; width: auto; }
#suka-merchant-application .success p { text-align: center; }
#suka-merchant-application .success span { display: block; font-weight: bold; font-size: 150%; }
#suka-merchant-application .success span.success { color: #068b56; }

/* -------------------- iSUKA Sharing Post Submission ---------------- */
#isharing { max-width: 1500px; margin: 50px auto; }
#isharing form > * { margin-top: 30px; margin-bottom: 30px; }
#isharing input, #isharing select { width: auto; min-width: 100px; }
#isharing input[type=button], #isharing input[type=submit] { display: block; margin: auto; min-width: 150px; padding: 10px; -webkit-appearance:none; }
#isharing textarea { width: 85%; height: auto; padding: 10px; display: block; margin: auto; }
#isharing label { padding: 0 10px; }
#isharing span { display: block; margin: 10px auto; }
#isharing span.note.error { color: #D9534F; }
#isharing span.note.success { color: #4BB543; }
#isharing #owner { margin-top: 30px; margin-bottom: 30px; }
#isharing #owner label { display: block; }
#isharing #drag_upload_file .loading > div { top: 35%; }
#isharing #image_list { width: 91%; margin: 10px auto; display: table; line-height: 0; }
#isharing #image_list .post-img { width: 25%; display: inline-block; padding:5px; box-sizing: border-box; position: relative; }
#isharing #image_list span { position: absolute; top: 25px; right: 15px; color: darkgrey; font-size: large; cursor: pointer; margin: 0 !important; }
#isharing #img_preview { width: 100%; max-width: 700px; margin: auto; }
#isharing #img_preview .buttons { display: table; width: 100%; margin: 5px 0; }
#isharing #img_preview .buttons div { display: table-cell; }
#isharing #img_preview .buttons div:first-of-type { width: 100%; } 
#isharing #img_preview .buttons input[type=button], #isharing #img_preview .buttons input[type=submit] { width: auto; min-width: auto; padding: 10px 20px; margin: 0 5px; display: inline-block;     color: #000; background-color: #fff; border: 1px solid #000; }
#isharing #img_preview #wmked_img { border: 1px solid gainsboro; }
#isharing #image_list .post-img img { width: 100%; height: 100%; object-fit: contain; border: 1px solid gainsboro; background-color: #fff; }
#isharing #canvas { border: 1px solid #000; }
#isharing #submit { background-color: #f00a71; }
#isharing #submit-helper { color: #fff; background-color: rgba(0,0,0,0.8); z-index: 2; padding: 20px 0; }
#isharing #submit-helper span { margin: 0; }
#isharing .modal { background-color: rgba(0,0,0,0.9) }
#isharing .modal-content { width: auto; }

/* Post Preview after submitted successfully */
#isharing .notice { display: table; width: 100%; height: 40px; background-color: #deffdb; margin: 20px 0; }
#isharing .notice span { font-size: 16px; display: table-cell; vertical-align: middle; }
#isharing .post.desc { max-width: 800px; margin: 20px auto; text-align: left; border: 2px solid #000; border-radius: 20px; padding: 20px; font-size: 18px; }
#isharing .post.images { max-width: 600px; margin: auto;  }
#isharing .post.images img { width: 100%; display: block; margin: 15px auto; border: 1px solid gainsboro;  }

/* -------------------- company ---------------- */
#company { margin-bottom: 30px; display: table; }
#company .left, #company .right { width: 50%; float: none; display: table-cell; text-align: center; position: relative; }
#company .left > div { background-color: #f5f5f5; padding: 30px 50px; margin-right: 25px; position: absolute; top: 0px; bottom: 0px; }
#company .right > div { background-color: #f5f5f5; padding: 30px 50px; margin-left: 25px; }
body.pharmacy-in-kuching #main-content { padding-bottom: 10px; }

/* -------------------- member ----------------- */
body.member #main-content, body.activation #main-content { padding-bottom: 0px; }
body.member #main-content #logo { text-align: center; margin: auto auto 30px; max-width: 90%; }
#member .left, #member .right { width: 50%; }
#member .left > div { padding-right: 50px; }
#member .right > div { border-left: solid 1px #2a2a2a; padding-left: 50px; }
#member .left a.button-darkgrey { margin-top: 10px; }
#member .button-send { padding: 11px 82px 10px !important; font-size: 16px; border-radius: 4px; }
#member h2 { margin-bottom: 10px; }
#member a { text-decoration: none; }
#member a.button-darkgrey { color: #fff !important; font-size: 16px; width: 178px; text-align: center; border-radius: 4px; padding: 10px 30px !important;  }
#member a.button-darkgrey:hover { text-decoration: none; }
#member input[type="submit"]:hover , #member input[type="button"]:hover { background-color: #f00a71; }

#member-login-form { position: relative; }
#member-login-form .login-form .row { margin-bottom: 10px; }
#member-login-form .login-form a { margin-left: 10px; font-size: 15px; }

#member-ddmenu { display: none; position: absolute; z-index: 9999; width: 200px; right: 0px; top: 73px; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.8); border-radius: 0px 0px 2px 2px; }
#member-ddmenu .section { padding: 20px; border-bottom: solid 1px #e4e4e4; color: #2a2a2a; }
#member-ddmenu .section:last-child { border-bottom: none; }
#member-ddmenu ul { margin-bottom: 0px; }
#member-ddmenu ul li { list-style: none; margin-bottom: 10px; margin-left: 0px; }
#member-ddmenu ul li:last-child { margin-bottom: 0px; }
#member-ddmenu a { float: none !important; height: auto !important; height: initial !important; width: auto !important; width: initial !important; margin-left: 0px !important; }
#member-ddmenu a:hover, #member-ddmenu a.active { color: #f00a71; }

#member-signup-form { padding: 30px; border: 1px solid #2a2a2a; }
#tbMemberRegForm { width: 800px; max-width: 100%; margin: auto; }
#tbMemberRegForm .row { padding: 10px 30px; }
#tbMemberRegForm .col { width: 100%; position: relative; }

/* QR Code */
.mem-qrcode { text-align: center; }
.mem-qrcode div.qrcode { border: solid 10px #ed1472; border-radius: 10px; display: inline-block; background-color: #ed1472; color: #fff; }
.mem-qrcode div.qrcode img { margin-bottom: 5px; }


body.activation #main-content { text-align: center; }
body.verify #main-content { text-align: center; }
body.member-new-password #main-content { text-align: center; }

#member-forgot-password-form, #member-new-password-form { padding: 30px; border: 1px solid #2a2a2a; }
#tbForgotPasswordform, #tbChangePwdform { width: 800px; max-width: 100%; margin: auto; }
#tbForgotPasswordform .row, #tbChangePwdform .row { padding: 10px 30px; }
#tbForgotPasswordform .col, #tbChangePwdform .col { width: 100%; position: relative; }

#tbLoginform .tbErrors { text-align: left; }

#member-activation-form { padding: 30px; border: 1px solid #2a2a2a; }
#tbResendActivationform { width: 800px; max-width: 100%; margin: auto; }
#tbResendActivationform .row { padding: 10px 30px; }
#tbResendActivationform .col { width: 100%; position: relative; }

#leftpanel { }
#leftmenu { width: 25%; position: absolute; margin-right: 3%; }
#leftmenu .section { margin-bottom: 20px; padding: 20px; border: solid 1px #e4e4e4; }
#leftmenu h1 { font-size: 25px; }
#leftmenu ul { margin-bottom: 0px; }
#leftmenu li { margin-bottom: 5px; }
#leftmenu li:last-child { margin-bottom: 0px; }
#leftmenu li a { color: #2a2a2a; }
#leftmenu li a:hover, #leftmenu li span.active { color: #f00a71; }

#rightpanel { margin-left: 28.5%; min-height: 300px; }
#rightpanel h1 { font-size: 36px; }
#rightpanel .title { margin-bottom: 30px; }
#rightpanel .isuka-card-no { font-size: xx-large; margin: 15px auto 30px; text-align: center; background-color: #fffbec; padding: 30px; border: solid 1px #ffcc09; border-radius: 50px; }
#rightpanel .isuka-card-no img { display: block; margin: 20px auto 0; max-height: 180px; }
#rightpanel h2 { font-size: 20px; font-weight: normal; color: #f5086f; margin-bottom: 10px; }
#rightpanel h2.black { color: #2a2a2a; }
#member-change-password-form { position: relative; max-width: 90%; width: 300px; margin: auto; }
#member-change-password-form .row { margin-bottom: 10px; }
#member-change-password-form .row .button-change { width: 100% !important; }

#member-update-profile-form, #isuka-membership, #member-link-isuka-form { position: relative; max-width: 90%; width: 650px; margin: auto; }
#member-update-profile-form .row, #member-link-isuka-form .row { margin-bottom: 10px; }
#member-update-profile-form .row .button-change, #member-link-isuka-form .row .button-change { width: 100% !important; }
#isuka-membership { text-align: center; }
#isuka-membership p.notice { color: limegreen; margin-bottom: 20px; }
#isuka-membership p.notice.error { color: red; }
#member-link-isuka-form > div { background-color: #fffbec; padding: 30px; border: solid 1px #ffcc09; border-radius: 50px; }
#tbLinkIsukaform .tbSuccess { color: limegreen; }
#tbLinkIsukaform input[type="text"] { background-color: white; width: 100%; padding: 11px 15px; box-sizing: border-box; }
#tbLinkIsukaform .card-no { width: 100%; border: solid 1px #000; border-collapse: collapse; box-sizing: content-box; }
#tbLinkIsukaform .card-no input { width: 100%; border: none; outline: none; padding-right: 0; }
#tbLinkIsukaform .card-no input#cardno { padding-left: 3px; }
#tbLinkIsukaform .card-no td:first-child { padding-right: 0; width: 95px; }
#tbLinkIsukaform .card-no td:not(:first-child) { padding-left: 0; }

#tbUpdateProfileform .col-2 { position: relative; float: left; width: 49%; }
#tbUpdateProfileform .col-2:first-child { margin-right: 2%; }
#tbUpdateProfileform .col-2 input { padding: 11px 6%; width: 88%; }
#tbUpdateProfileform .col-2 select { padding: 10px 4%; } 
#tbUpdateProfileform .col-2 select#dob_day, #tbUpdateProfileform .col-2 select#dob_month, #tbUpdateProfileform .col-2 select#dob_year { width: auto; width: initial; float: right; margin-left: 5px; }
#tbUpdateProfileform .col-2 label { left: 6%; right: 6%; }
#tbUpdateProfileform .col-2 label[for="dob"] { right: auto; right: initial; right: none; color: #2a2a2a; }
#tbUpdateProfileform #newsletter { vertical-align: top; margin: 0px; }
#tbUpdateProfileform .newsletter span { line-height: 25px; vertical-align: top; display: inline-block; *display: inline; zoom: 1; margin-left: 5px; }

/*
font-weight: normal;
    background-color: #f5f5f5;
    padding: 20px;
    border-top: solid 1px #f00a71;
    margin-bottom: 20px;
*/
#company-google-maps { position: relative; }
#company-google-maps span.loading { position: absolute; width: 100%; text-align: center; height: 100%; top: 50%; color: #f00a71; font-size: 200%; font-weight: bold;  }

/* -------------------- contact-us ----------------- */
body.contact-us #main-content #logo { text-align: center; margin: auto auto 30px; max-width: 90%; }
body.contact-us #main-content #logo img { max-width: 100%; height: auto !important; height: initial !important; }
#location { position: relative; }
#location .open-map { position: absolute; bottom: 0; background-color: #2a2a2a; color: #fff; padding: 10px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; width: 230px; text-align: center; left: 50%; margin-left: -115px; }
#location .open-map:hover { background-color: #f00a71; }
#contact-us .left, #contact-us .right { width: 50%; }
#contact-us .left { float: left; }
#contact-us .left > div { border-right: solid 1px #2a2a2a; padding-right: 50px; }
#contact-us .right > div { padding-left: 50px; }
.contact-info .label { font-size: 18px; font-weight: 700; margin: 10px 0; color: #2a2a2a; }
.contact-info p { line-height: 22px; margin: 0; }
.contact-info span { min-width: 180px; float: left; clear: both; margin-bottom: 10px; margin-right: 20px; }
.contact-info a { display: block; margin-bottom: 10px; }
.contact-info a:hover { color: #f00a71; }
#contact-form {
    margin-top: 80px;
    padding: 30px;
    border: 1px solid #2a2a2a;
}
body.go-around #contact-form { margin-top: 0px; }
#contact-form h2 {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
	color: #2a2a2a; 
    background-position: bottom center;
	margin-bottom: 20px; 
}

#tbContactform { width: 800px; max-width: 100%; margin: auto; }
#tbContactform .row { padding: 10px 30px; }
#tbContactform .col { width: 100%; position: relative; }
#tbContactform .col-2 { position: relative; float: left; width: 49%; }
#tbContactform .col-2:first-child { margin-right: 2%; }
.col-content { text-align: left; position: relative; }
.col-content>label { color: #999999; position: absolute; z-index: 0; top: 0px; line-height: 39px; left: 3%; right: 3%; font-size: 14px; text-align: left; cursor: auto; }
#tbContactform .col-2 input { padding: 11px 6%; width: 88%; }
#tbContactform .col-2 label { left: 6%; right: 6%; }
.col-content .button-send { padding: 10px 50px !important; width: auto !important; width: initial !important; }
.tbSuccess { text-align: center; font-size: 15px; margin-bottom: 10px; color: #068b56; }
.tbErrors { font-size: 15px; text-align: center; color: #e21b1b; margin-bottom: 10px; }

/* ---------------------- video ------------------------- */
#video-section { font-family: 'Archivo', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.video-section-wrapper { display: flex; }
.video-container { width: 80%; }
.video-container .video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.video-container .video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; }
.video-playlist-container { width: 20%; position: relative; border: 1px solid lightgrey; align-items: center; margin-left: 10px; }
.video-playlist-container .video-playlist { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; margin-left: 10px; padding: 10px 10px 10px 0; }
.video-playlist-container .video-playlist .video-playlist-item { cursor: pointer; }
.video-playlist-container .video-playlist .video-playlist-item.video-selected { background-color: #f2f2f2; }
.video-playlist-container .video-playlist .video-playlist-item > div { padding: 5px 10px; }
.video-playlist-container .video-playlist .video-playlist-item img { display: block; max-width: 100%; }
.video-playlist-container .video-playlist .video-playlist-item .video-title { line-height: 1.4;}
hr.light { border-top: 1px solid lightgrey; }

/* ---------------------- custom scrollbar ------------------------- */
/* width */
.video-playlist::-webkit-scrollbar,
#ld-detail .r-panel .col2 .section.winner-list::-webkit-scrollbar
{ width: 5px; height: 5px; }

/* Track */
.video-playlist:-webkit-scrollbar-track,
#ld-detail .r-panel .col2 .section.winner-list:-webkit-scrollbar-track
{ background: #f1f1f1;  }

/* Handle */
.video-playlist::-webkit-scrollbar-thumb,
#ld-detail .r-panel .col2 .section.winner-list::-webkit-scrollbar-thumb 
{ background: #888; }

/* Handle on hover */
.video-playlist::-webkit-scrollbar-thumb:hover,
#ld-detail .r-panel .col2 .section.winner-list::-webkit-scrollbar-thumb:hover 
{ background: #555; }

/* ---------------------- event marketplace ------------------------- */
.event.marketplace .title h1 { display: table; margin: auto; }
.event.marketplace .title h1 > div { display: table-cell; }
.event.marketplace .title h1 .name { line-height: 1.2; padding-left: 10px; padding-right: 10px; }
.event.marketplace .title .date  {margin-top: 10px; font-weight: bold; font-size: large; }
.event.marketplace .category-item .icon { width: fit-content; height: fit-content; padding: 8px; border-radius: 50%; margin: auto; }
.event.marketplace .category-item .icon.selected { border: 2px solid pink; }
.event.marketplace .category-item .category-name.selected { color:#f00a71; }

/* ---------------------- event featured items ------------------------- */
#event-featured-items a { font-family: 'Archivo', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; transition: transform .2s; }
#event-featured-items a:hover { transform: scale(1.1); }
.see-all { text-align: right; }
.see-all a:hover { color: #f00a71; transform: scale(1.1); }
.featured-items { padding: 10px 20px; text-align: center; }
.featured-item { transition: transform .2s; padding-top: 0 !important;}
.featured-item:hover { transform: scale(1.05); }
.featured-item .item { display: flex; flex-direction: column; height: 90%; }
.featured-item a { text-decoration: none; color: #2a2a2a; line-height: 18px; text-align: center; padding: 0 10px; }
.featured-item a:hover { color: #f00a71; transform: scale(1.05); }
.featured-item a img { display: block; max-width: 85%;; margin: auto; position: relative; top: 50%; transform: translateY(-50%);}
.featured-item .item-image { flex: 1; }
.featured-item .item-name { padding: 20px 25px 0; height: 35px; font-size: 16px; }
.featured-items .slick-track { display: flex !important; }
.featured-items .slick-slide { height: auto; }
.featured-items .slick-next, .featured-items .slick-prev {
    text-indent: -9999px;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 30px;
    height: 30px;
	cursor: pointer;
	transition: transform .2s; 
}
.featured-items .slick-next:focus, .featured-items .slick-prev:focus { outline: none !important; } 
.featured-items .slick-next:hover, .featured-items .slick-prev:hover { transform: scale(1.2); }
.featured-items .slick-next { background-image: url(themes/slick-right.png); right: 0px; }
.featured-items .slick-prev { background-image: url(themes/slick-left.png); left: 0px; }


/* ---------------------- event categories ------------------------- */
#event-categories { padding-top: 30px; }
#event-categories a { font-family: 'Archivo', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; transition: transform .2s; }
#event-categories a:hover { color: #f00a71; transform: scale(1.1); }
.event-category-container { padding: 30px; text-align: center; }
.category-item { transition: transform .2s; }
.category-item:hover { transform: scale(1.1); }
.category-item a { text-decoration: none; color: #2a2a2a; line-height: 18px; text-align: center; padding: 0 10px; }
.category-item a img { width: 50px; margin: auto; }
.category-name { padding-top: 5px; }
.event-category-container .slick-next, .event-category-container .slick-prev {
    text-indent: -9999px;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 30px;
    height: 30px;
	cursor: pointer;
	transition: transform .2s; 
}
.event-category-container .slick-next:focus, .event-category-container .slick-prev:focus { outline: none !important; } 
.event-category-container .slick-next:hover, .event-category-container .slick-prev:hover { transform: scale(1.2); }
.event-category-container .slick-next { background-image: url(themes/slick-right.png); right: 0px; }
.event-category-container .slick-prev { background-image: url(themes/slick-left.png); left: 0px; }

.hide { display: none; }

/* ---------------------- event product variations ------------------------- */
.custom-label {
    margin-bottom: 5px;
    padding: 6px 15px;
    border-radius: 5px;
    border: 1px solid #2a2a2a;
    cursor: pointer;
	background-color: white;
}

.custom-label:hover {
    border-color: #f00a71;
}

.custom-label-unavailable {
    margin-bottom: 5px;
    padding: 6px 15px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    cursor: default;
	background-color: #e3e3e3;
	color: darkgrey;
}

input:checked + .custom-label {
	background-color: #f00a71;
	border-color:  #f00a71;
    color: white;
}

/* ---------------------- event stall ------------------------- */
.business-logo img { border-radius: 50%; width: 100px; height: 100px; }
.cover-items { max-width: 1024px; margin: 30px auto; }
.cover-items img { display: block; margin: auto; position: relative; top: 50%; transform: translateY(-50%); max-width: 100%; }
.cover-items .slick-track{
    display: flex !important; 
}
.cover-items .slick-slide{
	display: flex;
	height: auto !important;
	align-items: center; 
	justify-content: center; 
}
.cover-items .slick-next, .cover-items .slick-prev {
    text-indent: -9999px;
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: 30px;
    height: 30px;
	cursor: pointer;
	transition: transform .2s; 
}
.cover-items .slick-next:focus, .cover-items .slick-prev:focus { outline: none !important; } 
.cover-items .slick-next:hover, .cover-items .slick-prev:hover { transform: scale(1.2); }
.cover-items .slick-next { background-image: url(themes/slick-right.png); right: -10px; }
.cover-items .slick-prev { background-image: url(themes/slick-left.png); left: -10px; }
.cover-items .video .responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.cover-items .video .responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
.event-stall .desc { text-align: center; margin: auto; line-height: 1.5; }
.event-stall .desc > div { width: fit-content; max-width: 600px; margin: auto; padding: 10px 20px; border: 2px solid #f9d7e6; border-radius: 15px; }
.event-stall .marketplace { margin-top: 40px !important; }

/* ---------------------- event highlights ------------------------- */
#event-highlights { margin-top: 30px; }
#event-highlights .item { display: table; margin: 20px auto; cursor: pointer; }
#event-highlights .item > div { display: table-cell; vertical-align: middle; }
#event-highlights .item .cover { width: 60%; }
#event-highlights .item .desc { padding-left: 20px; font-weight: bold; text-align: center; }
#event-highlights .item .desc .title { margin-bottom: 20px; font-size: xx-large; }

/* ---------------------- footer ------------------------- */
#footer {}
#footer .f-sect1 { padding-top: 80px; padding-bottom: 80px; }
#footer .f-sect1 .row { margin-bottom: 30px;  }
#footer .f-sect1 .row.last { margin-bottom: 0px; position: absolute; bottom: 0px; width: 100%; }
#footer .f-sect1 .col { width: 33%; margin-right: 30px; float: left; font-size: 16px; color: #fff; position: relative; }
#footer .f-sect1 .frame.about div.outline { padding-bottom: 20px; position: relative; vertical-align: bottom; font-size: 18px; }
#footer .f-sect1 a.button-b { margin-top: 10px; }
#footer .f-sect1 .frame.listed div.outline { padding-bottom: 20px; position: relative; vertical-align: bottom; }
#footer .f-sect1 .frame.blogger div.outline { vertical-align: middle; padding-left: 60%; }
#footer .f-sect1 .info { font-weight: normal; color: #2a2a2a; text-align: center; padding-top: 30px; line-height: 1.8; }
#footer .f-sect1 .info a { display: inline-block; *display: inline; zoom: 1; margin-top: 10px; }

#footer .f-sect1 .m1280 .col { height: auto !important; height: initial !important; }
#footer .f-sect1 .m1280 .col.last { margin-right: 0px; margin-bottom: 25px; }
#footer .f-sect1 .m1280 .col.last .frame { float: right; }

#footer .f-sect1 .col.newsletter { margin-right: 0px; background-size: cover; background-position: center; }
#footer .f-sect1 .col.newsletter .form { display: table; height: 100%; margin: 30px; }
#footer .f-sect1 .col.newsletter .form > div { display: table-cell; vertical-align: middle; }
#footer .f-sect1 .col.newsletter .form > div form { background-image: url(themes/newsletter-bg.png); background-repeat: repeat; padding: 60px 30px; }
#footer .f-sect1 .col.newsletter .form h1 { color: #000; font-size: 18px; text-align: center; }
#footer .f-sect1 .col.newsletter .form input[type="text"] { text-align: center; margin-top: 20px; }
#footer .f-sect1 .col.newsletter .form input[type="submit"] { width: 100%; margin-top: 20px; }
#footer .f-sect1 .col.newsletter .form span.msg { display: block; font-size: 14px; margin-top: 10px; text-align: center; font-weight: 600; color: #e21b1b; }
#footer .f-sect1 .col.newsletter .social-media { text-align: center; margin-top: 30px; }
#footer .f-sect1 .col.newsletter .social-media > div { display: inline-block; *display: inline; zoom: 1; }
#footer .f-sect1 .col.newsletter .social-media .pre { width: 115px; background-image: url(themes/social-media-line.png); background-repeat: no-repeat; background-position: left center; margin-right: 15px; }
#footer .f-sect1 .col.newsletter .social-media .post { width: 115px; background-image: url(themes/social-media-line.png); background-repeat: no-repeat; background-position: right center; margin-left: 15px; }
#footer .f-sect1 .col.newsletter .social-media .item {  }
#footer .f-sect1 .col.newsletter .social-media .item a { display: inline-block; *display: inline; zoom: 1; text-decoration: none; height: 25px; margin: 0px 15px; }
#footer .f-sect1 .col.newsletter .social-media .item .fb { background-image: url(themes/icon-fb-b.png); width: 15px;  }
#footer .f-sect1 .col.newsletter .social-media .item .youtube { background-image: url(themes/icon-youtube-b.png); width: 23px; }
#footer .f-sect1 .col.newsletter .social-media .item .instagram  { background-image: url(themes/icon-instagram-b.png); width: 25px; }
#footer .f-sect1 .m1280 { display: none; }

#footer .f-sect2 .f-menu { margin-bottom: 20px; }
#footer .f-sect2 .f-menu ul li:first-child { border-left: none; margin-left: 0px; padding-left: 0px; }
#footer .f-sect2 .f-menu ul li a { background-color: #f00a71; margin: 0px 10px; padding: 10px 20px; display: inline-block; *display: inline; zoom: 1; border: solid 1px #f00a71; }
#footer .f-sect2 .f-menu ul li a:hover { background-color: #313131; border: solid 1px #fff; } 

#footer .f-sect2 { background-color: #2a2a2a; color: #fff; padding-top: 30px; padding-bottom: 30px; text-align: center; font-size: 15px; }
#footer .f-sect2 .copyright { display: inline-block; *display: inline; zoom: 1; }
#footer .f-sect2 .copyright a { color: #fff; text-decoration: underline; }
#footer .f-sect2 ul { display: inline-block; *display: inline; zoom: 1; list-style-type: none; text-align: center; margin-top:0px; margin-bottom: 5px;}
#footer .f-sect2 ul li { display: inline-block; *display: inline; zoom: 1; padding-left: 20px; margin-left: 20px; border-left: solid 1px #fff; line-height: 1; }
#footer .f-sect2 ul li a { color: #fff; }
#footer #webdesign { font-size: 15px; margin-top: 5px; color: #bfbfbf; }
#footer #webdesign a { color: #bfbfbf; text-decoration: underline; }

@media only screen and (max-width: 1880px) { 
	.attractions-list .list .item .button .item { margin: 0px 10px; }
	.attractions-list .list .item .button .pre { margin-right: 10px; width: 30px; }
	.attractions-list .list .item .button .post { margin-left: 10px; width: 30px; }
	
	#main-content, #kuching-festival-form, #food-delivery-form { padding: 80px 30px; }
	
	#footer .f-sect1 .col.newsletter .social-media .pre, #footer .f-sect1 .col.newsletter .social-media .post { width: 80px; }
}
@media only screen and (max-width: 1800px) { 
	.wrapper { padding: 0px 30px; }
	#header { padding: 14px 30px; }
	#header-highlights { padding: 10px 30px; }
	/* #banner-zone, #ad-detail { margin-top: 183px; } */
	header.overlay #header { padding: 10px 30px; }
	.menu a, .menu a:visited { width: 140px; }
	.nivo-prevNav { left: 30px; }
	.nivo-nextNav { right: 30px; }
	#highlights { padding: 50px 30px 30px; }
	#highlights .item { margin-right: 30px; margin-bottom: 30px; }
	#highlights .item.col3 { margin-right: 30px; }
	#ad-detail { padding: 30px 30px 50px; }
	#ad-detail .l-panel { margin-right: 2.5%; padding-right: 2.5%; width: 56%; }
	#stall-detail { padding: 30px 30px 50px; }
	#stall-detail .l-panel { margin-right: 2.5%; padding-right: 2.5%; width: 56%; }
	#item-detail { padding: 50px 30px 0px 30px; }
	#item-detail .l-panel { margin-right: 2%; }
	#item-detail .r-panel { width: 52.5%; }
	.item-info { padding: 50px 30px 0px 30px; }
	.item-info .l-panel { margin-right: 2%; }
	.item-info .r-panel { width: 52.5%; }
	#ld-detail .r-panel .winner, #ld-detail .b-panel .winner { font-size: 1.8vw; }
}

@media only screen and (max-width: 1650px) { 
	.menu a, .menu a:visited { background-size: auto 50px; height: 82px; width: 120px; }
	.menu a.cityone-food-street-2019 { background-size: 100% auto; }
	header #logo, header #logo a { height: 82px; width: auto; }
	header #logo a img { width: auto;}

	.featured-item .item-name { font-size: 14px; }
	
	.food .list .item .info { padding-top: 30px; padding-bottom: 30px; }
	.food .list .item h2 { font-size: 25px; padding-top: 5px; }
	.food .list .item h3 { font-size: 15px; }
	.food .list .item .title { padding-bottom: 20px; margin-bottom: 20px; }
	.food .list .item .text { font-size: 16px; }
	.food .list .item .button { margin-top: 30px; }
	.food .list .item div.img .t-overlay { background-size: 100% 80px; }
	.food .list .item div.img .t-overlay .date { font-size: 16px; }
	
	.stall .list .item .info { margin-top: 30px; }
	.stall .list .item h2 { font-size: 25px; padding-top: 5px; }
	.stall .list .item h3 { font-size: 15px; }
	.stall .list .item .title { padding-bottom: 20px; margin-bottom: 20px; }
	.stall .list .item .text { font-size: 16px; }
	.stall .list .item .button { margin-top: 30px; }
	.stall .list .item div.img .t-overlay { background-size: 100% 80px; }
	.stall .list .item div.img .t-overlay .date { font-size: 16px; }

	.lucky-draw .list .item .ld-timer, .rewards .list .item .ld-timer { padding:0 20px; }
	.lucky-draw .list .item h2, .rewards .list .item h2 { font-size: 25px; padding-top: 5px; }
	.lucky-draw .list .item h3, .rewards .list .item h3 { font-size: 15px; }
	.lucky-draw .list .item .title, .rewards .list .item .title { padding-bottom: 20px; margin-bottom: 20px; }
	.lucky-draw .list .item .button, .rewards .list .item .button { margin-top: 25px; }
	.lucky-draw .list .item div.img .t-overlay, .rewards .list .item div.img .t-overlay { background-size: 100% 80px; }
	
	.attractions-list .list .item .info { margin-top: 30px; }
	.attractions-list .list .item h2 { font-size: 16px; }
	.attractions-list .list .item h3.date { font-size: 14px; }
	.attractions-list .list .item .button { margin-top: 30px; }
	.attractions-list .list .item .text { font-size: 15px; }
	.attractions-list .list .item div.img .t-overlay { background-size: 100% 80px; }
	.attractions-list .list .item div.img .t-overlay .title { font-size: 16px; }	
	
	#like .list .item div.img .t-overlay { background-size: 100% 80px;  }
	#like .list .item div.img .t-overlay .mname { font-size: 15px; }
	#like .list .item h2 { font-size: 16px; }
	#like .list .item .button { background-image: none; }
	
	.stay .list .item .info { margin-top: 30px; }
	.stay .list .item .text { font-size: 16px; }
	.stay .list .item h2 { font-family: 16px; }
	.stay .list .item div.img .t-overlay .mname { font-size: 16px; }
	.stay .list .item div.img .t-overlay .date { font-size: 13px; bottom: -22px; }
	.stay .list .item div.img .t-overlay { background-size: 100% 80px; }
	.stay .list .item .button { margin-top: 30px; }
	
	#ad-detail .l-panel div.mname, #ad-detail .l-panel div.date { font-size: 20px; }
	#stall-detail .l-panel div.mname, #stall-detail .l-panel div.date { font-size: 20px; }
	
	#footer .f-sect1 .col.newsletter .social-media .pre, #footer .f-sect1 .col.newsletter .social-media .post { display: none; }
	#footer .f-sect1 .col.newsletter .form > div form { padding: 30px; }
	#footer .f-sect1 .col.newsletter .form input[type="text"] { margin-top: 10px; }
	#footer .f-sect1 .col.newsletter .form input[type="submit"] { margin-top: 10px; }
	#footer .f-sect1 .col.newsletter .social-media { margin-top: 20px; }
	
	#footer .f-sect1 .col { font-size: 15px; line-height: 1.5 !important; margin-right: 25px; }
	#footer .f-sect1 .row { margin-bottom: 25px; }
	#footer .f-sect1 .info { line-height: 1.5; }
	#footer .frame { padding: 25px; }
	#footer .frame .title-overlay { padding: 25px; }
	#footer .f-sect1 .col.newsletter .form { padding: 25px; }
	#footer .f-sect1 .col.newsletter .form > div form { padding: 30px 25px; }
	#footer .f-sect1 .frame.about div.outline { padding-bottom: 15px; font-size: 16px; }
	#footer .f-sect1 .frame.blogger div.outline { padding-left: 55%; }
	
	#footer .f-sect2, #footer #webdesign { font-size: 15px; }
}

@media only screen and (max-width: 1500px) {
	#like .list .item div.img .t-overlay { padding: 22px; }
	#like .list .item div.img .t-overlay .mname { font-size: 14px; bottom: 3px; }
	#like .list .item div.img .t-overlay .date { bottom: -20px; }
	#like .list .item .info { margin-top: 25px; padding: 0px 25px;  }
	#like .list .item .title { margin-bottom: 15px; }
	#like .list .item .button { margin-top: 30px; }
	
	#topbar #r-sect div.contact a { padding: 22px 20px; }
	#topbar #r-sect div.contact a.phone { border-right: none; padding-right: 0px; }
	#topbar #r-sect div.contact a span { display: none; }
}

@media only screen and (max-width: 1400px) {
	.menu a, .menu a:visited { width: 105px; }
	#topbar { font-size: 12px; }
	#item-detail .r-panel .col1 { width: 60%; }
	#item-detail .r-panel .col2 { width: 38%; }
	.item-info .r-panel .col1 { width: 60%; }
	.item-info .r-panel .col2 { width: 38%; }
	#ld-detail .r-panel .winner, #ld-detail .b-panel .winner { font-size: 1.6vw; }
}

@media only screen and (max-width: 1350px) {
	#topbar #l-sect { line-height: 1.5; padding: 14px 0px; }
	#topbar #l-sect span.weather { display: block; }
	
	#topbar #r-sect div.contact a { font-size: 13px; padding: 18px 20px 17px 20px; }
	#topbar #r-sect div.social a { margin-right: 20px; height: 64px; }
	#topbar #r-sect div.login a, #topbar #r-sect div.cart a { height: 64px; } 
	
	/* #banner-zone, #ad-detail { margin-top: 176px; } */
	
	#ad-detail .l-panel { width: 68%; }
	#ad-detail .l-panel div.title h1 { font-size: 40px; }
	body > #ad-detail .r-panel #like .title h1 { background: none; font-size: 40px; }
	body > #ad-detail .r-panel #like .title h1 > div { padding-right: 0px; }
	#ad-detail .r-panel { width: 25.5%; }
	body > #ad-detail .r-panel #like .title { margin-bottom: 16px; }
	body > #ad-detail .r-panel #like .title .icon { float: none; margin: 0px auto 5px; }
	body > #ad-detail .r-panel #like .title h1 { position: relative; margin-top: 0px; text-align: center; left: 0px; }
	body > #ad-detail .r-panel #like .title .subtitle { position: relative; margin-left: 0px; margin-top: 0px; text-align: center; }
	body > #ad-detail .r-panel #like .item { display: block; border: solid 1px #e4e4e4; padding-bottom: 0px; }
	body > #ad-detail .r-panel #like .item > a { display: block; padding-right: 0px; width: 100%; }
	body > #ad-detail .r-panel #like .item .info { text-align: center; width: auto; width: initial; display: block; padding: 25px; }
	body > #ad-detail .r-panel #like .item .text { text-align: center;  }
	body > #ad-detail .r-panel #like .item .title { text-align: center; }
	#ad-detail .l-panel .merchant > div { max-width: 100%; }
	
	
	#stall-detail .l-panel { width: 68%; }
	#stall-detail .l-panel div.title h1 { font-size: 40px; }
	body > #stall-detail .r-panel #like .title h1 { background: none; font-size: 40px; }
	body > #stall-detail .r-panel #like .title h1 > div { padding-right: 0px; }
	#stall-detail .r-panel { width: 25.5%; }
	body > #stall-detail .r-panel #like .title { margin-bottom: 16px; }
	body > #stall-detail .r-panel #like .title .icon { float: none; margin: 0px auto 5px; }
	body > #stall-detail .r-panel #like .title h1 { position: relative; margin-top: 0px; text-align: center; left: 0px; }
	body > #stall-detail .r-panel #like .title .subtitle { position: relative; margin-left: 0px; margin-top: 0px; text-align: center; }
	body > #stall-detail .r-panel #like .item { display: block; }
	body > #stall-detail .r-panel #like .item > a { display: block; padding-right: 0px; width: 100%; margin-bottom: 10px;  }
	body > #stall-detail .r-panel #like .item .info { text-align: center; width: 100%; display: block; }
	body > #stall-detail .r-panel #like .item .text { display: none; }
	body > #stall-detail .r-panel #like .item .title { text-align: center; }
	#stall-detail .l-panel .merchant > div { max-width: 100%; }
	
	#item-detail .r-panel .col2 .section .title { font-size: 15px; }
	#item-detail .r-panel .col2 .section .text { font-size: 17px; padding-left: 15px; }
	#item-detail .r-panel .label { font-size: 13px !important; }
	#item-detail .r-panel .price { font-size: 25px; }
	#item-detail .r-panel .button a { font-size: 16px; }
	#item-detail .r-panel .share h2 { font-size: 18px; }
	#item-detail .r-panel .col2 .section { margin-bottom: 15px; }

	.item-info .r-panel .col2 .section .title { font-size: 15px; }
	.item-info .r-panel .col2 .section .text { font-size: 17px; padding-left: 15px; }
	.item-info .r-panel .label { font-size: 13px !important; }
	.item-info .r-panel .button a { font-size: 16px; }
	.item-info .r-panel .share h2 { font-size: 18px; }
	.item-info .r-panel .col2 .section { margin-bottom: 15px; }

	#ld-detail .r-panel .price { font-size: 30px; }
	#ld-detail .r-panel .price span { font-size: 50%; }
	
	#footer .f-sect1 a.button-b { margin-top: 5px; }
	#footer .f-sect1 .frame.listed div.outline { padding-bottom: 10px; }
	#footer a.button-b { padding: 8px 20px; }
	#footer .f-sect1 .info { padding-top: 20px; font-size: 14px; line-height: 1.3; }
	#footer .f-sect1 .info a { margin-top: 5px; }
	#footer .frame { padding: 20px; }
	#footer .frame .title-overlay { padding: 20px; }
	#footer .f-sect1 .col.newsletter .form > div form { padding: 30px 20px; }
	#footer .f-sect1 .frame.about div.outline { padding-bottom: 10px; font-size: 15px; }
	#footer .f-sect1 .col.newsletter .form h1 { line-height: 1; font-size: 16px; }
	#footer .f-sect1 .col.newsletter .form input[type="text"] { padding: 8px 3%; }
	#footer .f-sect1 .col.newsletter .social-media { margin-top: 12px; }
}

@media only screen and (max-width: 1280px) {
	h1 { font-size: 35px; }
	
	#header { padding: 10px 30px; }
	header #logo, header #logo a { float: none; margin-bottom:10px; }
	header #logo a img { margin: auto;}
	
	.menu { float: none; text-align: center; }
	.menu ul { float: none; }
	.menu ul li { display: table; width: 12.5%; text-align: center; height: auto; height: initial; line-height: initial; }
	.menu a, .menu a:visited { width: 100%; }
	.menu a.cityone-food-street-2019 { background-position: bottom 28px center; }

	.category-item a img { width: 50px; margin: auto; }
	
	header.overlay #topbar #l-sect { line-height: 1.2; padding: 10px 0px; }
	header.overlay #topbar #r-sect div.social a { height: 50px; }
	header.overlay #topbar #r-sect div.contact a { padding: 13px 12px; }
	
	/* #banner-zone, #ad-detail { margin-top: 260px; } */
	
	.stall .list .item .vote .right { font-size: 15px; line-height: 17px; }
	
	.nivo-caption { font-size: 18px; }
	.nivo-caption p { bottom: 65px; left: 65px; }
	.nivo-caption h2 { font-size: 45px; line-height: 36px; }
	.nivo-caption .subtitle { line-height: 14px; }
	.nivo-directionNav a { width: 25px; height: 50px; background-size: contain; }
	.nivo-controlNav { bottom: 25px; }
	.nivo-controlNav a { margin: 5px 10px; width: 15px; height: 15px; background-size: contain;  }
	.frame { padding: 25px; }
	#highlights .item.col3.frame { padding: 20px 25px; }
	a.button-w { font-size: 12px; padding: 8px 25px; }
	a.button-darkgrey { font-size: 12px; padding: 8px 25px; }
	a.button-b { font-size: 12px; padding: 8px 25px; }
	a.view-all { font-size: 16px; padding: 14px 20px; }
	div.title { margin-bottom: 30px; }
	div.title .subtitle { font-size: 15px; }
	div.title img { height: 65px; }
	div.title h1 .line { margin-right: 25px; width: 180px; }
	div.title h1 .post { margin-left: 25px; margin-right: 0px;}
	
	.col-content .button-send { padding: 8px 50px !important; }
	
	.subcategory { margin: 30px 0px; }
	
	#ad-detail .l-panel div.title h1, body > #ad-detail .r-panel #like .title h1 { font-size: 35px; }
	#ad-detail .l-panel div.mname, #ad-detail .l-panel div.date { font-size: 16px; }
	
	#stall-detail .l-panel div.title h1, body > #stall-detail .r-panel #like .title h1 { font-size: 35px; }
	#stall-detail .l-panel div.mname, #stall-detail .l-panel div.date { font-size: 16px; }
	
	#like .list .item h2 { font-size: 14px; }
	#like .list .item .text { font-size: 14px; }
	#like .list .item .info { padding: 0px 15px; }
	#like .list .item { margin-bottom: 50px; }
	
	.food .list { margin-top: 30px; }
	.food .list .item { margin-bottom: 50px; }
	.food .list .item div.img .t-overlay { background-size: 100% 50px; }
	.food .list .item div.img .t-overlay .date { font-size: 14px; }
	
	.stall .list { margin: 30px 0px; }
	.stall .list .item { margin-bottom: 50px; }
	.stall .list .item div.img .t-overlay { background-size: 100% 50px; }
	.stall .list .item div.img .t-overlay .date { font-size: 14px; }

	.lucky-draw .list, .rewards .list { margin: 30px 0px; }	
	.lucky-draw .list .item h2, .rewards .list .item h2 { font-size: 20px; }
	.lucky-draw .list .item .ld-timer { font-size: large; padding: 0 10px;}
	.lucky-draw .list .item, .rewards .list .item { margin-bottom: 50px; }
	.lucky-draw .list .item div.img .t-overlay, .rewards .list .item div.img .t-overlay { background-size: 100% 50px; }
	
	.attractions-list .list { margin: 30px 0px; }
	.attractions-list .list .item .info { padding: 0px 15px; }
	.attractions-list .list .item h2 { line-height: 1.2; font-size: 14px; }
	.attractions-list .list .item .text { font-size: 14px; }
	.attractions-list .list .item div.img .t-overlay .title { font-size: 14px; }
	.attractions-list .list .item .button .item { margin: 0px 5px; }
	.attractions-list .list .item .button .pre, .attractions-list .list .item .button .post { display: none; } 
	
	.stay .list { margin: 30px 0px 0px; }
	.stay .list .item h2 { font-size: 14px; line-height: 1.2; }
	.stay .list .item div.img .t-overlay { padding: 25px; }
	.stay .list .item div.img .t-overlay .mname { font-size: 14px; }
	.stay .list .item div.img .t-overlay .date { font-size: 12px; bottom: -19px; }
	
	#marketplace .list .item, #item-detail #market_like .list .item { width: 23.5%; }
	#item-detail #market_like .list .item.first:last-child { display: none; }
	#item-detail .b-panel { display: block; } 
	#item-detail .desc { border-top: 0px; }
	#item-detail .r-panel .col1 { width: 100%; margin-right: 0px; }
	#item-detail .r-panel .col2 { display: none; }
	#item-detail .l-panel { width: 55%; }
	#item-detail .r-panel { width: 43%; }

	.item-info .b-panel { display: block; } 
	.item-info .desc { border-top: 0px; }
	.item-info .r-panel .col1 { width: 100%; margin-right: 0px; }
	.item-info .r-panel .col2 { display: none; }
	.item-info .l-panel { width: 55%; }
	.item-info .r-panel { width: 42.5%; }

	#ld-detail .r-panel .winner, #ld-detail .b-panel .winner { font-size: 2vw; }
	#ld-detail .r-panel .price > span:not(.label), #ld-detail .b-panel .price > span:not(.label), 
	#ld-detail .r-panel .period > span:not(.label), #ld-detail .b-panel .period > span:not(.label) { font-size: 1.7vw; }
	#ld-detail .r-panel .button > #info { min-height: 0; }

	#stall-modal .modal-content { padding: 20px; }

	#cart { padding: 50px 30px 0px 30px; }
	table#tblCart td.detail { width: 50%; }
	
	#leftmenu { font-size: 15px; }
	#leftmenu h1 { font-size: 22px; }
	
	.contact-info span { min-width: 160px; }
	#contact-us .right > div { padding-left: 35px; }
	#contact-us .left > div { padding-right: 35px; }
	
	#footer .f-sect1 { padding-top: 60px; padding-bottom: 60px; }
	#footer .f-sect1 .m1280 { display: block; }
	#footer .f-sect1 .col.col2 { display: none; }
	#footer .f-sect1 .col.col2 .frame { float: right; }
	#footer .f-sect2, #footer #webdesign { font-size: 14px; }
	
}
@media only screen and (max-width: 1080px) {
	/* #banner-zone, #ad-detail { margin-top: 291px; }  */
	
	#header-highlights .item { width: 100% !important; margin-bottom: 10px; }
	#header-highlights .item.last { margin-bottom: 0px; }
	
	.menu, .category-item { font-size: 13px; }
	.menu a, .menu a:visited { background-size: auto 45px; height: 72px; }
	.subcategory .item { width: 49.5%; margin-right: 1%; margin-bottom: 5px; }
	.subcategory .item.idx2, .subcategory .item.idx4 { margin-right: 0px; }
	
	#leftmenu { margin-right: 2%; }
	
	.nivo-caption { font-size: 14px; }
	.nivo-caption h2 { font-size: 30px; line-height: 24px; }
	.nivo-caption .subtitle { line-height: 11px; }
	.nivo-directionNav a { width: 20px; height: 40px; }
	.nivo-controlNav a { margin: 5px 6px; width: 12px; height: 12px; }
	.nivo-controlNav { bottom: 15px; }
	.nivo-caption p { bottom: 45px; left: 55px; }
	
	input { padding: 11px 2%; width: 96%; }
	#tbUpdateProfileform .col-2 select { padding: 10px 2%; }
	#tbUpdateProfileform .col-2 input { padding: 11px 3%; width: 93%; }
	
	.frame { padding: 20px; }
	
	a.button-w { font-size: 10px; padding: 8px 20px; }
	a.button-darkgrey { font-size: 10px; padding: 8px 20px; }
	a.button-b { font-size: 10px; padding: 8px 20px; }
	a.view-all { font-size: 14px; padding: 12px 20px;}
	
	#like .list .item { width: 50%; margin-bottom: 6%; }
	#like .list .item .button { margin-top: 20px; background-image: url(themes/button-grey-line.png); }
	#like .list .item .button .pre, #like .list .item .button .post { display: inline-block; *display: inline; zoom: 1; }
	
	#food { margin-top: 60px; }
	#stay { margin-top: 60px; }
	#attractions { margin-top: 60px; } 
	#tours { margin-top: 60px; }  
	#happening { margin-top: 60px; } 
	#stall { margin-top: 60px; }
	#marketplace { margin-top: 60px; }


	
	.video-section-wrapper { display: block; }
	.video-container { width: 100%; }
	.video-playlist-container { width: 100%; margin-left: 0;}
	.video-playlist-container .video-playlist { position: relative; display: flex; overflow-x: auto; padding: 10px; margin-left: 0; }
	.video-playlist-container .video-playlist .video-playlist-item { cursor: pointer; flex: 0 0 25%; }

	#highlights .item { margin-right: 3%; margin-bottom: 3%; }
	#highlights .item.col3 { margin-right: 3%; margin-bottom: 3%; }
	#highlights .item.col3.frame { padding: 20px; }
	#highlights .item.col3.idx2 { margin-right: 0px; margin-bottom: 0px; }
	#highlights .item.col3.last { margin-bottom: 0px; }
	
	.food .list .item, .food .list .item.last { width: 48.5%; margin-right: 3%; margin-bottom: 6%; }
	.food .list .item.col2 { margin-right: 0px; }
	.food .list .item h2 { font-size: 20px; }
	.food .list .item h3 { font-size: 13px; }
	.food .list .item .title { padding-bottom: 15px; margin-bottom: 15px; }
	.food .list .item .text { font-size: 14px; }
	.food .list .item .button { margin-top: 20px; }
	.food .list .item .button .pre, .food .list .item .button .post { width: 20px; }
	
	.stall .list .item, .stall .list .item.last { width: 48.5%; margin-right: 3%; margin-bottom: 6%; }
	.stall .list .item.col2 { margin-right: 0px; }
	.stall .list .item h2 { font-size: 20px; }
	.stall .list .item h3 { font-size: 13px; }
	.stall .list .item .title { padding-bottom: 15px; margin-bottom: 15px; }
	.stall .list .item .text { font-size: 14px; }
	.stall .list .item .button { margin-top: 20px; }
	.stall .list .item .button .pre, .stall .list .item .button .post { width: 20px; }

	.lucky-draw .list .item, .lucky-draw .list .item.last, 
	.rewards .list .item, .rewards .list .item.last 
	{ width: 48.5%; margin-right: 3%; margin-bottom: 6%; }
	.lucky-draw .list .item.col2, .rewards .list .item.col2 { margin-right: 0px; }	
	.lucky-draw .list .item .info, .rewards .list .item .info { margin-top: 20px; }
	.lucky-draw .list .item h2, .rewards .list .item h2 { font-size: 20px; }
	.lucky-draw .list .item h3, .rewards .list .item h3 { font-size: 13px; }
	.lucky-draw .list .item .title, .rewards .list .item .title { padding-bottom: 15px; margin-bottom: 15px; }
	.lucky-draw .list .item .button, .rewards .list .item .button { margin-top: 20px; }
	.lucky-draw .list .item .button .pre, .lucky-draw .list .item .button .post, 
	.rewards .list .item .button .pre, .rewards .list .item .button .post 
	{ width: 20px; }
	
	.attractions-list .list > .item { width: 50%; margin-bottom: 50px; }
	.attractions-list .list > .item.col1 { clear: both; }
	.attractions-list .list .item h3.date { font-size: 13px; }
	#h-attractions div.title h1 .line, #attractions div.title h1 .line { width: 100px; }
	
	.stay .list .item { width: 50%; margin-bottom: 50px; }
	.stay .list .item.col1 { clear: both; }
	.stay .list .item .text { font-size: 14px; }
	.stay .list .item div.img .t-overlay { padding: 20px; }
	.stay .list .item div.img .t-overlay .date { font-size: 11px; bottom: -16px; }
	.stay .list .item .button { margin-top: 20px; }
	.stay .list .item .button .pre, .stay .list .item .button .post { width: 20px; }
	
	#h-transportation a.button-w { margin-top: 25px; }
	#transportation-provider a.button-w { margin-top: 25px; }
	
	#ad-detail .l-panel div.title { text-align: center; }
	#ad-detail .l-panel span.label { width: auto; width: initial; margin-right: 10px; }
	#ad-detail .l-panel div.mname, #ad-detail .l-panel div.date { text-align: center; }
	#ad-detail .l-panel { width: 100%; margin-right: 0px; padding-right: 0px; border-right: none; }
	#ad-detail .l-panel #like { display: block; }
	#ad-detail .l-panel #like div.title { margin-bottom: 30px; }
	#ad-detail .r-panel { display: none; }
	
	#stall-detail .l-panel div.title { text-align: center; }
	#stall-detail .l-panel span.label { width: auto; width: initial; margin-right: 10px; }
	#stall-detail .l-panel div.mname, #stall-detail .l-panel div.date { text-align: center; }
	#stall-detail .l-panel { width: 100%; margin-right: 0px; padding-right: 0px; border-right: none; }
	#stall-detail .l-panel #like { display: block; }
	#stall-detail .l-panel #like div.title { margin-bottom: 30px; }
	#stall-detail .r-panel { display: none; }
	
	body > #ad-detail .r-panel #like .title h1 > div.line { display: inline-block; *display: inline; zoom: 1; }
	body > #ad-detail .r-panel #like .item { float: left; width: 50%; border-bottom: 0px; margin-bottom: 6%; padding-bottom: 0px;}
	body > #ad-detail .r-panel #like .item .title h2 { margin: 5px 0px; }
	body > #ad-detail .r-panel #like .item .text { display: block; margin-top: 15px; margin-bottom: 20px; }
	
	body > #stall-detail .r-panel #like .title h1 > div.line { display: inline-block; *display: inline; zoom: 1; }
	body > #stall-detail .r-panel #like .item { float: left; width: 50%; border-bottom: 0px; margin-bottom: 6%; padding-bottom: 0px;}
	body > #stall-detail .r-panel #like .item .title h2 { margin: 5px 0px; }
	body > #stall-detail .r-panel #like .item .text { display: block; margin-top: 15px; margin-bottom: 20px; }

	#seller .business-logo { padding: 0; }
	
	#item-detail .b-panel .section { width: 45%; }
	#item-detail .b-panel .section.payment { margin-right: 0; }
	#item-detail .b-panel .section.about { margin-right: 0px; width: 96%; }
	#item-detail .b-panel .section.contact { width: 18%; margin-right: 0px; }

	.item-info .b-panel .section { width: 45%; }
	
	table#tblCart td { vertical-align: top; }
	table#tblCart td div.img { width: 80px; height: 80px; }
	table#tblCart td.image, table#tblCart td.item-img { vertical-align: top; width: 80px; }
	table#tblCart td.price, table#tblCart td.total { line-height: 30px; }
	table#tblCart td.detail { width: 38%; }
	
	div.cart-steps .step { font-size: 18px; }
	
	.b-panel .payment .item { width: 28%; margin-right: 8%; }
	.b-panel .payment .item:last-child { margin-right: 0px; }
	
	.bc-table { font-size: 14px; }
	.paging  { font-size: 14px; }
	
	#main-content, #kuching-festival-form, #food-delivery-form { width: auto; width: initial; max-width: auto; max-width: initial; max-width: none; }
	.contact-info a { display: block; }
	.contact-info span { float: none; }
	
	#footer .f-sect2 .copyright { display: block; margin-bottom: 10px; }
	#footer .f-sect2 ul { display: block; margin-bottom: 10px; }
	#footer .f-sect2 ul li:first-child { margin-left: 0px; padding-left: 0px; border-left: 0px; }
}
@media only screen and (max-width: 950px) {
	#leftmenu { margin-right: 0px; position: relative; width: auto; }
	#rightpanel { margin-left: 0px; margin-top: 50px; }
	#member-update-profile-form, #member-link-isuka-form { max-width: auto; max-width: initial; max-width: none; width: 100%; }
	#suka-member .registration-form { max-width: auto; max-width: initial; max-width: none; width: 100%; }
	#suka-member { max-width: 90%; width: 650px; margin: 60px auto 0; }
	#suka-member .registration-form > div { padding: 20px 10px; }
	#tbUpdateProfileform .col-2 select#dob_day, #tbUpdateProfileform .col-2 select#dob_month, #tbUpdateProfileform .col-2 select#dob_year { margin-left: 10px; padding: 10px 4%; }
	body.profile #main-content { padding-bottom: 0px; }

	#event-highlights .item { display: block }
	#event-highlights .item > div { display: block }
	#event-highlights .item .cover { width: 100%; }
	#event-highlights .item .desc { padding-left: 0; }
	#event-highlights .item .desc .title { margin-bottom: 10px; font-size: x-large; }
}
@media only screen and (max-width: 850px) {
	#topbar #l-sect { float: none; text-align: center; padding: 15px 0px 15px; line-height: 1; }
	#topbar #l-sect span.weather { display: inline-block; *display: inline; zoom: 1; }
	#topbar #r-sect { float: none; text-align: center; }
	#topbar #r-sect > div {  }
	#topbar #r-sect div.social { border-right: 0px; vertical-align: top; }
	#topbar #r-sect div.social a { float: none; display: inline-block; *display: inline; zoom: 1; height: 30px; background-size: contain; }
	
	#topbar #r-sect div.shopping { display: block; float: right; margin: auto; text-align: center; padding-bottom: 15px; }
	#topbar #r-sect div.shopping > div { float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
	#topbar #r-sect div.contact a { float: none; display: inline-block; *display: inline; zoom: 1; border-right: 0px; padding-left: 0px; padding-top: 2px; padding-bottom: 0px;}
	#topbar #r-sect div.contact a.email { padding-right: 0px; }
	#topbar #r-sect div.login a.member, #topbar #r-sect div.cart a { float: none; background-size: contain; height: 30px; display: inline-block; *display: inline; zoom: 1; }
	#member-ddmenu { top: 48px; text-align: left; }
	
	header.overlay #topbar #l-sect { padding-bottom: 0px; }
	header.overlay #topbar #r-sect div.social a { height: 40px; }
	header.overlay #topbar #r-sect div.contact a { padding: 6px 12px 5px; }
	header.overlay #topbar #r-sect div.contact img { position: relative; top: 5px; }
	
	.menu, .category-item { font-size: 12px; }
	.featured-item .item-name { font-size: 12px; }
	#topbar, #topbar #r-sect div.contact a { font-size: 12px; }
	#topbar, #topbar #r-sect div.contact a.phone { padding-right: 20px; }
	
	#ad-detail .l-panel .merchant .enquire, #ad-detail .l-panel .merchant .follow { display: block; margin: auto; }
	#ad-detail .l-panel .merchant .enquire h2, #ad-detail .l-panel .merchant .follow h2 { float: none; margin-top: 15px; margin-bottom: 5px; }
	#ad-detail .l-panel .share h2 { float: none; margin-bottom: 5px; }
	
	#stall-detail .l-panel .merchant .enquire, #stall-detail .l-panel .merchant .follow { display: block; margin: auto; }
	#stall-detail .l-panel .merchant .enquire h2, #stall-detail .l-panel .merchant .follow h2 { float: none; margin-top: 15px; margin-bottom: 5px; }
	#stall-detail .l-panel .share h2 { float: none; margin-bottom: 5px; }
	
	#marketplace .list .item, #item-detail #market_like .list .item { width: 48%; margin-right: 4%; margin-bottom: 4%; }
	#item-detail .desc { margin-top: 0px; font-size: 15px; }

	.item-info .desc { margin-top: 0px; font-size: 15px; }

	#ld-detail .r-panel .winner, #ld-detail .b-panel .winner { font-size: 2.1vw; }
	#ld-detail .r-panel .price > span:not(.label), #ld-detail .b-panel .price > span:not(.label), 
	#ld-detail .r-panel .period > span:not(.label), #ld-detail .b-panel .period > span:not(.label) { font-size: 2vw; }
	
	#order-info table td.price, #order-info table td.total { width: 15%; }
	table#tblCart td div.img { width: 50px; height: 50px; }
	table#tblCart td.image, table#tblCart td.item-img { width: 50px; }
	div.cart-steps .step { width: 16px; }
	div.cart-steps .step#step-checkout { width: 28%; }
	div.cart-steps .step#step-shipping { width: 38%; }
	div.cart-steps .step#step-payment { width: 28%; }
	
	
	#member-cart-shipping-form { width: 100%; max-width: auto; max-width: initial; max-width: none; margin: 0px; }
	.div-checkout-shipping { width: 100%; max-width: auto; max-width: initial; max-width: none; margin: 0px; }

	#tbUpdateProfileform .col-2 label { left: 0px; }
	
	#contact-us .left, #contact-us .right { width: auto; width: initial; text-align: center; float: none; }
	#contact-us .left > div { padding-right: 0px; border-right: none; }
	#contact-us .right > div { padding-left: 0px; }
	#contact-us .left { margin-bottom: 30px; }
}
@media only screen and (max-width: 768px) { 
	h1 { font-size: 25px; }
	div.title .subtitle { font-size: 12px; }
	div.title h1 .line { margin-right: 20px; width: 100px; }
	div.title h1 .post { margin-left: 20px; margin-right: 0px; }
	div.title img { height: 55px; }
	
	.mobile { display: block; }
	span.mobile { display: inline-block; *display: inline; zoom: 1; }
	tr.mobile { display: table-row; }
	.desktop, th.desktop, td.desktop, tr.desktop { display: none !important; }
	header { position: relative; }
	/* #banner-zone, #ad-detail { margin-top: 0px; } */
	
	#menu { display: none; }
	#mobile-menu { display: block; }
	#topbar #r-sect { position: fixed; width: 100%; left: 0px; bottom: 0px; z-index: 1000; background-color: #2a2a2a; border-top: solid 1px #fff; }
	#topbar #r-sect div.social { float: left; margin-left: 30px; padding: 14px 0px; }
	#topbar #r-sect div.social a { background-position: top; background-size: contain !important; background-repeat: no-repeat; height: 25px !important; margin-right: 20px !important; }
	#topbar #r-sect div.contact { float: left; padding: 14px 0px; }
	#topbar #r-sect div.contact a { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 10px !important; line-height: 25px; }
	#topbar #r-sect div.contact a img { margin-right: 10px; height: 20px !important; width: auto; float: left; margin-bottom: 0px; position: relative; top: 3px !important; }
	#topbar #r-sect div.shopping { float: right; margin:0px; padding: 14px 30px 11px 0px; background-color: #f00a71; }
	#topbar #r-sect div.shopping > div { float: left; }
	#topbar #r-sect div.login a.member, #topbar #r-sect div.cart a { height: 25px; }
	#member-ddmenu { top: auto; top: initial; bottom: 40px; border-radius: 2px 2px 0px 0px; }
		
	#main-content { font-size: 15px; }
	
	.video-playlist-container .video-playlist .video-playlist-item { cursor: pointer; flex: 0 0 33.3333%; }

	#member-reviews .mobile.rate, #member-reviews .mobile.review, #member-reviews .mobile.date { margin-top: 10px; }
	table#tblOrders td.prodcnt { width: auto; width: initial; text-align: left; }
	table#tblOrders th.orderdetail { text-align: left; }
	table#tblOrders span.label { color: #f5086f; display: block; margin-top: 5px; }
	table#tblOrders td.shipto, table#tblOrders td.orderid, table#tblOrders td.action { vertical-align: top; padding-top: 15px; }
	
	#ad-detail .l-panel div.title h1, body > #ad-detail .r-panel #like .title h1 { font-size: 25px; }
	#stall-detail .l-panel div.title h1, body > #stall-detail .r-panel #like .title h1 { font-size: 25px; }
	
	.nivo-caption p { left: 10%; right: 10%; text-align: center; }
	#highlights { padding: 30px; }
	#highlights .item, #highlights .item.col3 { float: none; margin-right: 0px; margin-bottom: 30px; }
	#highlights .item.col3.last { margin-bottom: 0px; }
	
	#like .list .item { margin-bottom: 30px; } 
	
	.food .list .item { width: 100% !important; margin-right: 0px !important; margin-bottom: 30px !important; padding-bottom: 25px; border: solid 1px #e4e4e4; }
	.food .list .item .text { height: auto !important; height: initial !important; }
	
	.stall .list .item { width: 100% !important; margin-right: 0px !important; margin-bottom: 30px !important; }
	.stall .list .item .text { height: auto !important; height: initial !important; }

	.lucky-draw .list .item, .rewards .list .item { width: 100% !important; margin-right: 0px !important; margin-bottom: 30px !important; }
	
	.stay .list .item { width: 100%; margin-bottom: 50px; }
	.stay .list .item .info { height: auto !important; height: initial !important; }
	
	#companies .bc-table th { line-height: 1; }
	#companies td.company_name .mobile { color: #2a2a2a; }
	#companies p.contact.office_contact_no, #companies p.contact.mobile_no { display: block; margin-right: 0px; }

	#covid-19-map iframe { height: 420px; }

	#highlights { padding-bottom: 0px; }
	#highlights .item.col3.idx2 { margin-bottom: 30px; }
	
	#h-transportation div.title img { margin-bottom: 10px; }
	#h-transportation a.button-w { margin-top: 15px;}
	
	#transportation-provider div.title img { margin-bottom: 10px; }
	#transportation-provider a.button-w { margin-top: 15px;}
	
	#main-content, #kuching-festival-form, #food-delivery-form { padding: 60px 30px; }
	#tbContactform .row { padding: 10px 0px; }
	
	body.kuching-festival-2019 .mfp-content, body.stall-page .mfp-content  { max-width: 75%; }
	body.cityone-food-street-2019 .mfp-content, body.stall-page .mfp-content  { max-width: 75%; }
	.mfp-close { width: 30px !important; height: 30px !important; right: -30px !important; }
	#kchfestvote-form input[type="text"] { font-size: 16px; }
	#kchfestvote-form span, #kchfestvote-form input[type="submit"], body.kuching-festival-2019 .mfp-content .note, body.cityone-food-street-2019 .mfp-content .note, body.stall-page .mfp-content .note { font-size: 18px; }
	#kchfestvote-form input[type="checkbox"] { width: 20px; height: 20px; top: -13px; }
	#cityonefoodstvote-form input[type="text"] { font-size: 16px; }
	#cityonefoodstvote-form span, #cityonefoodstvote-form input[type="submit"], body.kuching-festival-2019 .mfp-content .note, body.cityone-food-street-2019 .mfp-content .note, body.stall-page .mfp-content .note { font-size: 18px; }
	#cityonefoodstvote-form input[type="checkbox"] { width: 20px; height: 20px; top: -13px; }
	
	#item-detail .l-panel { width: 100%; margin-right: 0px; margin-bottom: 30px; }
	#item-detail .r-panel { width: 100%; }
	#item-detail .b-panel .section { width: 90% !important; padding: 20px 5%; margin-right: 0px !important; height: auto !important; height: initial !important; }
	#item-detail .b-panel .section.delivery .text { display: inline-block; *display: inline; zoom: 1; width: 42%; margin-right: 2%; vertical-align: top;  }

	.item-info .l-panel { width: 100%; margin-right: 0px; margin-bottom: 30px; }
	.item-info .r-panel { width: 100%; }
	.item-info .r-panel .col1 { min-height: auto; }
	.item-info .b-panel .section { width: 90% !important; padding: 20px 5%; margin-right: 0px !important; height: auto !important; height: initial !important; }
	
	#ld-detail .r-panel .winner, #ld-detail .b-panel .winner { font-size: 3.5vw; }
	#ld-detail .r-panel .price > span:not(.label), #ld-detail .b-panel .price > span:not(.label), 
	#ld-detail .r-panel .period > span:not(.label), #ld-detail .b-panel .period > span:not(.label) { font-size: 2.5vw; }
	
	table#tblCart td.price, table#tblCart td.total { line-height: 1; }
	table#tblCart td.qty { width: 130px; }
	table#tblCart td.total { width: 80px; }
	div.cart-steps .step { font-size: 15px; height: 50px; line-height: 50px; background-size: auto 50px; padding-right: 5%; }
	div.cart-steps .step#step-checkout { width: 25%; }
	div.cart-steps .step#step-shipping { width: 37%; }
	div.cart-steps .step#step-payment { width: 22%; }
	
	#topbar #r-sect div.cart a span { right: -5px; height: 18px; width: 18px; line-height: 18px; background-image: url(themes/count-bg-m.png); }
	
	#member .left > div { padding-right: 30px; }
	#member .right > div { padding-left: 30px; }
	#member h2 { font-size: 18px; }
	#member-login-form .login-form a { display: block; margin-top: 10px; margin-left: 10px; }
	#tbMemberRegForm .row, #tbForgotPasswordform .row{ padding: 10px 0px; }
	.sign-up-as-member #main-content, .forgotten-password #main-content { padding-bottom: 0px; }
	#member-reviews th.seller { width: 25%; }
	#member-reviews th.order_id { width: 65px; }
	#member-reviews td.star .mobile { margin-top: 10px; }
	.bc-table td.star { width: auto; width: initial; }
	.bc-table tr.col2 td > div { width: 50%; float: left; }
	.bc-table tr.col2 td > div.clear { width: 100%; }
	table#tblOrderHistory th.date { width: auto; width: initial; }
	
	table#tblOrderInfoHeader td.orderdetail .orderid { font-size: 22px; }
	#order-info table td, .order table td { font-size: 13px; }	
	#order-info table td.price, #order-info table td.total { width: 85px; }
	.orders table td.shipping { width: 20%; }
	
	#order-info table tr.l1, #order-info table tr.h1, #order-info table td.suborder-status, #order-info table td.merchant-name, .orders table td.merchant-name { border-bottom: none; }
	#order-info table tr.l2 { border-top: none; border-bottom: none; }
	#order-info table tr.l3, #order-info table tr.h2 { border-top: none; }
	#order-info table tr.l1 td, #order-info table tr.l2 td, #order-info table tr.h1 td, #tblCart tr.l1 td { padding-bottom: 0px; }
	#order-info table tr.h2 td { padding-top: 0px; }
	#order-info .star { margin:5px 0px; }
	#make-payment { border-top: none; }
	
	#tblCart tr.l1 { border-bottom: none; }
	#tblCart tr.l2 { border-top: none; }
	table#tblCart td input.quantity { width: 40px; margin-right: 0px; margin-bottom: 5px; }
	table#tblCart tr.button td { text-align: center; }
	table#tblCart tr.button a { width: 300px; margin: 10px auto; padding: 10px 20px; } 
	
	#company .left, #company .right { display: block; width: auto; width: initial; }
	#company .left > div { position: relative; margin-right: 0px; margin-bottom: 30px; }
	#company .right > div { margin-left: 0px; }
	#company .clear { display: none; }
	
	#seller .contact { display: block; margin-left: 0px; margin-top: 10px; }
	
	#ewalletqrcode h1 { font-size: 35px; }
	#ewalletqrcode .header .right img, #banktransfersteps .header .right img { height: 60px; }
	#ewalletqrcode .section.important .step-flow > div, #banktransfersteps .section.important .step-flow > div { padding: 10px 50px 10px 10px; font-size: 13px; }
	#ewalletqrcode #btnconfirmpayment, #banktransfersteps #btnconfirmpayment { font-size: 15px; }
	
	#footer .f-sect1 .m1280 .col { width: 100% !important; margin-right: 0px; margin-bottom: 25px; }
	#footer .frame { width: 92% !important; padding: 4%; }
	#footer .f-sect1 .col.col1 { margin-bottom: 25px; height: auto !important; height: initial !important; }
	#footer .f-sect1 .col.newsletter .form { margin: auto; }
	#footer .f-sect1 .col { font-size: 14px; }
	#footer .f-sect1 .frame.about div.outline { font-size: 13px; }
	#footer .f-sect1 .info { font-size: 13px; }
	#footer .f-sect1 .col.newsletter .form h1 { font-size: 14px; }
	#footer .f-sect2, #footer #webdesign { font-size: 13px; padding-bottom: 35px; }
	#footer .f-sect2 ul li { margin-left: 10px; padding-left: 10px; }
}

@media only screen and (max-width: 650px) { 
	body { font-size: 13px; }
	#topbar #r-sect div.contact a span { display: none; }
	div.title h1 .line { width: 80px; }
	.attractions-list .list > .item { width: 100%; }
	.attractions-list .list .item .info { height: auto !important; height : initial !important; }
	
	.subcategory .item { margin-bottom: 0px; }
	.mfp-content { max-width: 70% !important; }
	#resultmsg { max-width: auto; max-width: initial; max-width:none; }
	
	#ad-detail .l-panel .share h2 { float: none; }
	
	#stall-detail .l-panel .share h2 { float: none; }

	.t-buttons { display: block; }
	.t-buttons > div { display: block; margin: auto; width: 100%; padding: 0; }
	p.redeem { margin-top: 20px; }
	
	.lucky-draw .list .item .ld-timer { font-size: large; }
	/*
	#lucky-draw { margin: 20px auto; }
	.ld-details { margin: 20px auto 50px; }
	.ld-details .note { font-size: x-small; }
	.ld-details .entry-rate { font-size: inherit; }
	.ld-details .entry-rate span { font-size: inherit; }
	*/

	#item-detail .r-panel .info-bar.promo, .b-panel .info-bar.promo { font-size: 16px; }

	#ikuching-suka > .title { margin-bottom: 20px; }
	#ikuching-suka .list .item:first-of-type { max-width: 720px; margin: 30px auto 50px; }

	#suka-member .registration-form .row { display: grid; margin-bottom: 15px; }
	#suka-member .registration-form .row > div:first-of-type { width: 100%; margin-bottom: 2px; }

	/* iSUKA Sharing */
	#isharing input[type=button], #isharing input[type=submit] { min-width: 100px; }
	#isharing #image_list .post-img { width: 33.33%; padding: 2px; }
	#isharing #image_list span { font-size: 8px; top: 10px; right: 5px; }
	#isharing .modal-content { padding: 30px 20px; }

	body.kuching-festival-2019 .mfp-content .social div.fb h2, body.cityone-food-street-2019 .mfp-content .social div.fb h2, body.stall-page .mfp-content .social div.fb h2 { font-size: 14px; }
	
	#like .list .item { width: 100%; margin-bottom: 50px; }
	#like .list .item .info { height: auto !important; height: initial !important; }
	
	#h-attractions div.title h1 .line, #attractions div.title h1 .line { width: 50px; }
	#h-attractions .view-all a { width: auto !important; width: initial !important; float: none; display: block; padding: 5px 0px 0px; }
	
	#h-transportation div.title h1 .line { margin-right: 20px; }
	#h-transportation div.title h1 .post { margin-left: 20px; margin-right: 0px; }
	
	#transportation-provider div.title h1 .line { margin-right: 20px; }
	#transportation-provider div.title h1 .post { margin-left: 20px; margin-right: 0px; }
	
	#tbContactform .col-2 { width: 100%; margin-right: 0px !important; }
	#tbContactform .col-2:first-child { padding-bottom: 20px; }
	#tbContactform .col-2 label { left: 3%; right: 3%; }
	#tbContactform .col-2 input { width: 94%; padding: 11px 3%; }
	.col-content { text-align: center !important; }
	.col-content .g-recaptcha > div { margin: auto; }
	
	#kuching-festival-form .col-content { text-align: left !important; }
	#kuching-festival-form .col-content.button { text-align: center !important; }
	#kuching-festival-form h2 { font-size: 23px; line-height: 20px; }
	#kuching-festival-form h2 span { font-size: 28px; }
	#kuching-festival-form .col-content>label { font-size: 13px; }
	#stall-detail .l-panel .statistic .impressions, #stall-detail .l-panel .statistic .views { display: block; margin: auto; }
	#stall-detail .l-panel .statistic .impressions h2, #stall-detail .l-panel .statistic .views h2 { float: none; }
	
	#food-delivery-form .col-content { text-align: left !important; }
	#food-delivery-form .col-content.button { text-align: center !important; }
	#food-delivery-form h2 { font-size: 18px; line-height: 20px; }
	#food-delivery-form h2 span { font-size: 22px; }
	#food-delivery-form .col-content>label { font-size: 13px; }
	
	#marketplace .list .item .merchant span.impression, #item-detail #market_like .list .item .merchant span.impression { display: block; margin-right: 0px; padding-right: 0px; border-right: none; margin-bottom: 5px; }
	#item-detail .r-panel .col2 .section .title, .b-panel .section .title { font-size: 15px; }
	#item-detail .r-panel .col2 .section .text, .b-panel .section .text { font-size: 16px; }
	.b-panel .section.delivery .text .price .label { display: block; margin-top: 10px; }

	.item-info .r-panel .col2 .section .title, .b-panel .section .title { font-size: 15px; }
	.item-info .r-panel .col2 .section .text, .b-panel .section .text { font-size: 16px; }
	
	#rightpanel { min-height: auto; min-height: initial; min-height: none; }
	#member .left, #member .right { width: 90%; margin-bottom: 30px; text-align: center; border: solid 1px #2a2a2a; padding: 5%; }
	#member .left > div { padding-right: 0px; }
	#member .right > div { padding-left: 0px; border-left: none; }
	
	#seller { padding: 20px 30px; }
	#seller .info .icon, .statistic_summary .icon { margin-right: 20px; }
	
	table#tblOrders td.action { width: auto; width: initial; }
	table#tblOrderInfoHeader td { float: left; width: 100%; }
	
	#cart h1 { font-size: 16px; }
	table#tblCart th { font-size: 14px; line-height: 1; }
	table#tblCart td.merchant-name { font-size: 13px; }
	table#tblCart tr.button a { font-size: 13px; }
	a.button-pink { padding: 8px 25px; }
	table#tblCart td input.quantity { width: 40px; margin-right: 0px; margin-bottom: 5px; }
	
	#ewalletqrcode .section.important .step-flow > div, #banktransfersteps .section.important .step-flow > div { padding: 10px 35px 10px 10px; }
	#ewalletqrcode .section.important .step-flow > div:first-child, #banktransfersteps .section.important .step-flow > div:first-child { padding-left: 20px; }
	#ewalletqrcode .section.important .step-flow > div:last-child, #banktransfersteps .section.important .step-flow > div:last-child { padding-right: 20px; }
	
	.bc-table th, .bc-table td { padding: 10px 5px; }
	
	#companies #search-bar select { width: 100%; margin-bottom: 10px; text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; }
	#companies #search-bar input { width: 100%; }
	#companies .contact.area.mobile { margin-top: 10px; font-weight:bold; }
	
	input { padding: 11px 3%; width: 94%; }
	#tbUpdateProfileform .col-2 { width: 100%; }
	#tbUpdateProfileform .col-2 select#dob_day, #tbUpdateProfileform .col-2 select#dob_month, #tbUpdateProfileform .col-2 select#dob_year { padding: 10px 8%; }
	#tbUpdateProfileform .col-2:first-child { margin-right: 0px; width: 100%; margin-bottom: 10px; }
	#tbUpdateProfileform .col-2 input { width: 94%; }
	
	#footer .f-sect2, #footer #webdesign { font-size: 12px; }
}

@media only screen and (max-width: 550px) { 
	h1 { font-size: 18px; }
	.wrapper { padding: 0px 20px; }
	#header-highlights, #header { padding: 10px 20px; }
	#topbar #r-sect div.social { margin-left: 20px; }
	#topbar #r-sect div.shopping { padding-right: 20px; }
	#topbar #r-sect div.social a { margin-right: 15px !important; }
	#topbar #r-sect div.login a.member { margin-right: 15px; margin-left: 15px; }
	#topbar #r-sect div.login a.member.active { background-image: url(themes/icon-member-active-m.png); }
	#topbar #r-sect div.cart a { margin-left: 15px; }

	#rightpanel .isuka-card-no { padding: 30px 20px; font-size: x-large; font-weight: bold; }
	#rightpanel .isuka-card-no img { margin-top: 15px; max-height: 150px; }

	#link-isuka .text { padding: 20px 10px; }
	#link-isuka .fields { width: 90%; }
	#link-isuka .text p { line-height: 1.5; }
	#link-isuka .fields > * { margin-top: 15px; }
	
	div.title .subtitle { font-size: 10px; }
	div.title h1 .line { margin-right: 12px; width: 50px; }
	div.title h1 .post { margin-left: 12px; margin-right: 0px; }

	.video-playlist-container .video-playlist .video-playlist-item { cursor: pointer; flex: 0 0 50%; }
	.video-playlist-container .video-playlist .video-playlist-item .video-title { font-size: 10px; line-height: 1.3;}
	
	#event-categories a { font-family: 'Archivo', Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: bold; line-height: 1.2; }
	.category-item a img { width: 35px; margin: auto; }
	.category-name { text-decoration: none; color: #2a2a2a; line-height: 1.2; text-transform: capitalize; text-align: center; padding: 10% 10px 0; }
	.event-category-container .slick-next, .event-category-container .slick-prev, 
	.featured-items .slick-next, .featured-items .slick-prev 
	{ width: 20px; height: 20px; }
	.featured-items .slick-next { right: -1px; }
	.featured-items .slick-prev { left: -1px; }
	
	.featured-items { padding: 0 10px; }
	.featured-item .item-name { font-size: 10px; line-height: 1.3; padding-top: 0;}
	.see-all a { font-size: 14px !important; }
	
	.event-seller { display:block; }
	.business-logo { padding-bottom: 20px;}
	.cover-items .slick-next, .cover-items .slick-prev { width: 20px; height: 20px; }
	.cover-items .slick-next { right: 0 }
	.cover-items .slick-prev { left: 0 }
	.cover-items .slick-next:hover, .cover-items .slick-prev:hover { transform: none; }
	.event-stall .marketplace { margin-top: 30px !important; }
	.category-item .icon { padding: 6px; }
	.category-item .icon.selected { border: 1px solid pink; }

	.tt-details { line-height: 1.2; }
	.tt-icon { width: 17%; }
	.tt-info { width: 63%; padding: 10px; }
	.tt-amount { width: 20%; font-size: medium; }
	.tt-icon img { width: 35px; }
	.tt-icon > div { width: 35px; height: 35px; }
	.tt-title { font-size: 14px; }
	.tt-desc { font-size: small; }
	.tt-datetime { font-size: x-small; }

	#topbar #l-sect { padding-bottom: 12px; }
	
	#ad-detail .l-panel div.title h1, body > #ad-detail .r-panel #like .title h1 { font-size: 18px; }
	#stall-detail .l-panel div.title h1, body > #stall-detail .r-panel #like .title h1 { font-size: 18px; }
	
	.nivo-directionNav a { width: 15px; height: 30px; }
	.nivo-caption { font-size: 11px; }
	.nivo-caption p { bottom: 30px; }
	.nivo-caption h2 { font-size: 20px; line-height: 16px; }
	.nivo-caption .subtitle { line-height: 9px; }
	.nivo-controlNav { bottom: 5px; }
	
	#h-transportation > div > div { padding: 10px 0px; }
	#h-transportation div.title { margin-bottom: 0px; }
	#h-transportation div.title img { height: 40px; } 
	
	#marketplace .list .item .tag .left, #marketplace .list .item .tag .right, #item-detail #market_like .list .item .tag .left, #item-detail #market_like .list .item .tag .right { padding: 8px 10px; }
	#marketplace .list .item .tag .left.discount, #item-detail #market_like .list .item .tag .left.discount { padding: 8px 17px 8px 4px !important; font-size: 11px; line-height: 13px; }
	#marketplace .list .item .tag .right.promo-timer, #item-detail #market_like .list .item .tag .right.promo-timer { padding: 8px 5px 8px 0px !important; font-size: 12px; }

	#stall div.title h1 .line { display: none; }
	
	#marketplace .list .item .title h2, #item-detail #market_like .list .item .title h2 { font-size: 13px; padding: 10px; }
	#marketplace .list .item .info .price, #item-detail #market_like .list .item .info .price { margin-bottom: 10px; font-size: 16px; }
	#marketplace .list .item .merchant, #item-detail #market_like .list .item .merchant { font-size: x-small; }
	#item-detail .r-panel div.title h1 { font-size: 17px; }
	#item-detail .l-panel #images #preview, .item-info .l-panel #images #preview { width: 79%; margin-left: 1%; }
	#item-detail #preview .slick-next, #item-detail #preview .slick-prev, .item-info #preview .slick-next, .item-info #preview .slick-prev { height: 25px; top: 54%; }
	#item-detail #thumb .slick-next, #item-detail #thumb .slick-prev, .item-info #thumb .slick-next, .item-info #thumb .slick-prev { width: 15px; left: 75%; }
	#item-detail #thumb .slick-prev, .item-info #thumb .slick-prev { top: 5px; }
	#item-detail #thumb .slick-next, .item-info #thumb .slick-next { bottom: 5px; }
	#item-detail .r-panel .button a#btncart { width: 96%; }
	#item-detail .r-panel .select { max-width: 65%; }
	#item-detail .b-panel .section.delivery .text { display: block; width: auto; width: initial; }
	.b-panel .section .text .join_date { margin: 0; }	

	#ld-detail .r-panel .winner, #ld-detail .b-panel .winner { font-size: 4.5vw; }
	#ld-detail .r-panel .price > span:not(.label), #ld-detail .b-panel .price > span:not(.label), 
	#ld-detail .r-panel .period > span:not(.label), #ld-detail .b-panel .period > span:not(.label)
	{ font-size: 16px !important; } 

	.delivery_methods_details { font-size: 13px;}
	.delivery_methods_details .method-label { width: 29%; flex-shrink: 0; }

	#lucky-draw, #rewards { margin: 20px auto 0; }
	#lucky-draw .title, #rewards .title { margin-bottom: 30px; }
	.lucky-draw .list .item .title > span { font-size: smaller; }
	
	.item-info .r-panel .button { display: block; }
	.item-info .r-panel .button a#ld-btn { width: 96%; display: block; }	

	#ld-detail .r-panel .button > #info { font-size: 15px; }

	#ikuching-suka .list .item .title h3 { font-size: 12px; }

	#suka-member .title { font-size: 14px; }
	#suka-member .register-success .success > span { font-size: 42px; }
	#suka-member .register-success .info { font-size: 32px; }	
	#suka-member .register-success .info > span { display:block; font-size: 13px; }

	/* -------------------- My Rewards ---------------- */
	#redemption > div { margin-bottom: 20px; }
	#redemption .details { display: block; border-bottom: 1px solid #dee2e6 !important; }
	#redemption .details > div { display: block; width: 100%; padding: 0; }
	#redemption .icon img { max-height: 200px; object-fit: contain; }
	#redemption .details > div:last-of-type { display: block; text-align: left; }
	#redemption .details .info { padding: 0 10px; width: fit-content; }
	#redemption .details .info .title { display: unset; padding: 0; }
	#redemption .current-status > div:first-of-type { display: inline-block; width: auto; padding: 10px 3px 10px 10px; }
	#redemption .current-status > * { vertical-align: top; padding-top: 8px; }
	#redemption .current-status .datetime { margin: 0; text-align: left; }
	#redemption .details .more { display: inline-block; width: 21px; height: 21px; padding: 9px 0; background-position: top; background-origin: content-box; }
	#redemption .history .container { width: 80%; padding-left: 25px; }
	#redemption .history .container::before { left: 16px; }
	#redemption .history .container::after { width: 12px; height: 12px; left: -10px; top: 22px; }


	div.cart-steps .step { font-size: 12px; }
	div.cart-steps .step#step-shipping { line-height: 1; display: table; }
	div.cart-steps .step#step-shipping span { display: table-cell; vertical-align: middle; padding: 0px 20px; }
	table#tblCart td input.quantity { margin-right: 0px; }
	/*table#tblCart td.qty { width: 120px; }*/
	table#tblCart td.total { width: 120px; }
	table#tblCart td.detail { width: 30%; }
	table#tblCart td.image { padding-right: 0px; width: 40px }
	table#tblCart tr.button a { display: block; text-align: center; width: auto; width: initial; }
	table#tblCart tr.free_shipping td { padding: 5px 10px; }
	table#tblCart tr.free_shipping img { height: 38px; float: left; }

	table#tblOrderInfo .item-desc img { width: 5rem; height: 5rem; }
	
	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{ padding: 20px; }
	#ewalletqrcode h1{ font-size: 28px; }
	#ewalletqrcode .header .left{ width: 65%; }
	#ewalletqrcode #btnconfirmpayment, #banktransfersteps #btnconfirmpayment { font-size: 12px; }
	#ewalletqrcode .header .right img, #banktransfersteps .header .right img { height: 50px; }
	#ewalletqrcode .section.important, #banktransfersteps .section.important { padding: 12px; }
	#ewalletqrcode .button > div img, #banktransfersteps .button > div img { height: 25px; }
	#ewalletqrcode .section.important .step-flow > div .number, #banktransfersteps .section.important .step-flow > div .number { width: 22px; height: 22px; line-height: 25px; font-size: 13px; }
	#ewalletqrcode .section.important .step-flow > div, #banktransfersteps .section.important .step-flow > div { padding: 8px 25px 8px 5px; }
	#ewalletqrcode .section.important .step-flow > div:first-child, #banktransfersteps .section.important .step-flow > div:first-child { padding-left: 10px; }
	#ewalletqrcode .section.important .step-flow > div:last-child, #banktransfersteps .section.important .step-flow > div:last-child { padding-right: 10px; }
 	#ewalletqrcode .section.important .step-flow > div, #banktransfersteps .section.important .step-flow > div { font-size: 11px; }
	
	#seller h1 { font-size: 28px; }
	#seller .info { text-align: center; }
	#seller .info > div:last-child { margin-right: 10px; }
	#seller .info .icon, .statistic_summary .icon { margin: 0px 10px 10px; font-size: 13px; background-size: 25px auto; padding-left: 30px; text-align: left; }
	
	.paging .current, .paging a { margin: 0px 5px; margin-bottom: 10px; }
	.paging a.nav { height: 26px; width: 70px; margin-top: 0px; line-height: 26px; font-size: 15px; background-position: center right; } 
	.paging a.nav.prev { background-position: center left; }
	
	a.view-all { font-size: 12px; padding: 10px 20px; }
	#footer .f-sect1 .frame.blogger div.outline { padding-left: 50%; }
	#footer .f-sect2 { padding-top: 20px; padding-bottom: 40px; }
}

@media only screen and (max-width: 390px) { 
	#topbar #r-sect div.social { margin-left: 10px; }
	#topbar #r-sect div.shopping { padding-right: 10px; }
	#topbar #r-sect div.cart a { margin-left: 10px; }
	#topbar #r-sect div.login a.member { margin-left: 10px; margin-right: 10px; }
}

	
/* ------------------------- notify ------------------------- */
.notify-holder { -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);border: 1px solid #fcefa1; background-color: #fbf9ee; padding: .8em; float: left; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; width:258px; }
.ui-pnotify-title { text-align: left; padding: 0px; margin: 0px; margin-bottom: 8px; line-height: 12pt; }
.ui-pnotify-title a {color: #363636; font-size: 11pt; }
.notify-desc { color: #363636; text-align: left; padding: 0px; margin: 0px; font-size: 10pt; }