#pmCreditCard { background:url('../../images/MasterImage(SBuy).png') no-repeat -880px -132px; width:119px; height:63px; }
#pmCreditCardVisa { background:url('../../images/MasterImage(SBuy).png') no-repeat -880px -132px; width:119px; height:31px; }
#pmCreditCardMaster { background:url('../../images/MasterImage(SBuy).png') no-repeat -880px -164px; width:119px; height:31px; }
#pmPaypal { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -196px; width:119px; height:31px; }
#pmMaybank { background:url('../../images/MasterImage(SBuy).png') no-repeat 0px -132px; width:119px; height:31px; }
#pmCIMB { background:url('../../images/MasterImage(SBuy).png') no-repeat -600px -132px; width:119px; height:31px; } 
#pmAMBank { background:url('../../images/MasterImage(SBuy).png') no-repeat -240px -132px; width:119px; height:31px; }
#pmPublic { background:url('../../images/MasterImage(SBuy).png') no-repeat -360px -132px; width:119px; height:31px; }
#pmHongLeong { background:url('../../images/MasterImage(SBuy).png') no-repeat -480px -132px; width:119px; height:31px; } 
#pmRHB { background:url('../../images/MasterImage(SBuy).png') no-repeat -120px -132px; width:119px; height:31px; }
#pmUOB { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -260px; width:119px; height:31px; }
#pmRakyat { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -228px; width:119px; height:31px; }
#pmIslam { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -196px; width:119px; height:31px; }
#pmAffin { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -228px; width:119px; height:31px; }
#pmStandardChartered { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -260px; width:119px; height:31px; }
#pmOCBC { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -292px; width:119px; height:31px; }
#pmBSN { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -292px; width:119px; height:31px; }
#pmManual { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -132px; width:119px; height:31px; }
#pmAccountBalance { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -164px; width:119px; height:31px; }
.authorizedreseller { max-height:150px; max-width:320px; }

.icoGoldStar16 { background:url('../../images/MasterImage(SBuy).png') no-repeat -968px -567px; width:16px; height:16px; display:inline-block; margin-bottom:-3px; }
.icoSilverStar16 { background:url('../../images/MasterImage(SBuy).png') no-repeat -984px -567px; width:16px; height:16px; display:inline-block; margin-bottom:-3px; }

.lvlf { display:inline-block; margin:0 3px; padding:2px 7px 2px 5px; border-radius:2px; background-color:rgba(37, 153, 89, 1.0); color:#fff; line-height:16px !important; }
.lvlf .lvln { display:inline-block; padding-top:3px; }

.rsAcc { padding: 3px 5px 3px 5px; border-radius: 2px; background-color: rgba(37, 153, 89, 1.0); color: #fff; display:inline-block; }
.rsAcc .icons { display: table-cell; vertical-align: middle; padding-right:5px; max-width:86px; white-space:nowrap; text-align:left; }
.rsAcc .icons .ico { margin-bottom:-3px; }
.rsAcc .name { display: table-cell; vertical-align: middle; max-width:90px; }
.rsAcc .icons.flex-wrapper {display:flex!important;flex-wrap:wrap; max-width:86px;
                            vertical-align:unset; padding-right:0; white-space:unset} 
.rsAcc .icons.flex-wrapper .ico {margin-bottom:0 !important}

/* Page: Be Our Reseller */
.required { color:#ff0000; }

.reseller-form { margin-top:20px; }
.reseller-form span { display:inline-block; width:140px; }
.reseller-form input[type="text"] { width:530px; }

.contact-form .row { margin:10px 10px 5px; }
.contact-form .row .lbl { display:inline-block; width:100px; }
.contact-form .row input { width:200px; }

/* Green Button */
.common-btn {
    display: inline-block; padding: 3px 10px; font-size: 13px; font-weight:bold; line-height: 1.54; text-align: center; text-decoration: none;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    border-radius: 20px;
    background-color: rgb(234, 248, 174); 
    background: -moz-linear-gradient(center top, rgb(234, 248, 174) 0px, rgb(197, 226, 77) 100%) repeat scroll 0% 0% transparent;
    background: -webkit-linear-gradient(top, rgb(234, 248, 174) 0px, rgb(197, 226, 77) 100%) repeat scroll 0% 0% transparent;
    color:#333333;  text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid rgb(37, 153, 89);
    box-shadow: 0px 0px 2px rgba(26, 142, 78, 0.3);
    }
.common-btn:hover, .common-btn:focus {
    background: -moz-linear-gradient(center top , rgb(249, 255, 223) 0px, rgb(203, 240, 51) 100%) repeat scroll 0% 0% transparent;
    background: -webkit-linear-gradient(top, rgb(249, 255, 223) 0px, rgb(203, 240, 51) 100%) repeat scroll 0% 0% transparent;
    text-decoration:none;
    border: 1px solid rgb(37, 153, 89);
    box-shadow: 0px 0px 8px rgba(26, 142, 78, 0.7); }
    
/* Red Button */
.common-Rbtn   {
    display: inline-block; padding: 3px 10px; font-size: 13px; font-weight: 600; line-height: 1.54; text-align: center; text-decoration: none;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    border-radius: 20px;
    color:#333333;  text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid rgb(255, 125, 125);
    box-shadow: 0px 0px 2px rgba(255, 80, 80, 0.3);
    background: #ffd7d7; /* Old browsers */
    background: -moz-linear-gradient(top, #ffd7d7 0%, #f0a2a2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd7d7), color-stop(100%,#f0a2a2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd7d7 0%,#f0a2a2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd7d7 0%,#f0a2a2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd7d7 0%,#f0a2a2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffd7d7 0%,#f0a2a2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd7d7', endColorstr='#f0a2a2',GradientType=0 ); /* IE6-9 */ }
.common-Rbtn:hover, .common-Rbtn:focus {
    background: #ffeded; /* Old browsers */
    background: -moz-linear-gradient(top, #ffeded 0%, #ffaaaa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeded), color-stop(100%,#ffaaaa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffeded 0%,#ffaaaa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffeded 0%,#ffaaaa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffeded 0%,#ffaaaa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffeded 0%,#ffaaaa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeded', endColorstr='#ffaaaa',GradientType=0 ); /* IE6-9 */
    text-decoration:none;
    border: 1px solid rgb(255, 125, 125);
    box-shadow: 0px 0px 5px rgba(255, 80, 80, 0.5); }


a.closePanel2 { z-index:999; position:absolute; top:-2px; right:-5px; background:url('../../Images/close.png') no-repeat; width:30px; height:30px; display:inline-block; }
a.closePanel3 { z-index:999; position:absolute; top:-12px; right:-12px; background:url('../../Images/close.png') no-repeat; width:30px; height:30px; display:inline-block; }


/* Shop Close */
.shopclose { background: url('../images/ShopClosed751.png') no-repeat; width:751px; height:751px; display:inline-block; padding-bottom:0; position:relative; }
.shopclose .notice { position:absolute; top:345px; left:80px; color:#444; width:575px; font-size:16px; height:100px; text-align:center; font-family:Trebuchet MS; }
.shopclose .notice .reason { font-size:18px; color:#fff; text-shadow:0 1px 4px #333; margin:0 35px 0 50px; height:66px; line-height:22px; margin-bottom:35px; }
.shopclose .notice .myacc { position:absolute; top: 200px; left:0; text-align:center; width:590px;  }
.shopclose .notice .myacc a { color:#fff; }
.shopclose .countdown { margin:10px 0 10px 83px; font-size:44px; text-align:left; }
.shopclose .countdown .num { }
.shopclose .countdown .h { display:inline-block; margin-right:20px; font-size:22px; }
.f-shopcloseBg { background-color:#196c9e; filter:alpha(opacity=80); opacity:0.8; }

@media screen and (max-width: 750px) {
    .shopclose { background:url('../images/ShopClosed320.png') no-repeat; width:300px; height:300px; padding:10px; position:relative; }
    .shopclose .notice { position:absolute; top:133px; left:30px; width:238px; }
    .shopclose .notice .reason { font-size:12px; margin:0; height:42px; line-height:14px; margin-bottom:12px }
    .shopclose .notice .myacc { position:absolute; top:100px; left:0; width:240px; text-align:center; }
    .shopclose .notice .myacc a { font-size:14px; }
    .shopclose .countdown { white-space:nowrap; margin:0; width:100%; text-align:center; font-size:20px; }
    .shopclose .countdown .num { font-size:20px; }
    .shopclose .countdown .h { display:inline-block; margin-right:8px; font-size:12px; }
}

.categoryBannerText { font-size:18px; }
.categoryBannerText p { margin:0; padding:0; }

/* Discount Code */
.dc { background:url('/images/bg-discountcode.jpg') no-repeat; height:264px; width:440px; margin: 0 10px; border-radius:2px; 
       box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); position:relative; }
.dc .dc-value { position:absolute; top:0; right:0; width:200px; height:220px; }
.dc .dc-value .va { color:#fff; font-size:80px; text-align:center; line-height:90px; padding-top:50px; }
.dc .dc-value .vb { color:#fff; font-size:50px; text-align:center; line-height:80px; padding-top:50px; }
.dc .dc-value .v2 { color:#fff; font-size:30px; text-align:center; line-height:32px; }
.dc .dc-condition { padding:30px 20px; line-height:20px; font-size:16px; }
.dc .dc-condition ul { margin:0; padding:0; }
.dc .dc-condition ul li { margin:0; padding:0; list-style:none; color:#111; font-size:15px; line-height:18px; }
.dc .dc-condition .material-icons { color:#720505; display:inline-flex; vertical-align:middle;  font-size:18px; }
.dc .code { position:absolute; top:120px; left:0px; }
.dc .code .dc-code1 { padding-left:20px; font-size:12px; line-height:17px; color:#888; }
.dc .code .dc-code2 { font-size:26px; text-align:center; color:#000; width:230px; line-height:40px; font-weight:bold; }
.dc .dc-footer {  position:absolute; bottom:0; left:0; width:100%; border-radius:0 0 2px 2px; background-color:#720505; color:#fff; line-height:44px; height:44px; font-size:12px; }
.dc .dc-footer .dc-limit { font-size:11px; padding-left:20px;}
.dc .dc-footer .dc-countdown { float:right; padding-right:20px; }
.dc .dc-footer .dc-countdown .cdf { font-size:12px; line-height:44px; display:inline-flex; }
.dc .dc-footer .dc-countdown .cdf .h { display:inline-flex; margin:0 4px 0 1px; }
.dc .dc-footer .dc-countdown .cdf .material-icons { font-size:22px; margin:11px 3px 0 0; }
.dc .dc-footer .dc-countdown .cdf .countdown { font-size:20px; display:inline-flex; margin-left:3px; }

/* Special Offer */
.sof { height:264px; width:440px; margin: 0 10px; border-radius:2px; background-color:#fff; 
       box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); position:relative; }
.sof .banner { height:264px; background-color:#e53412; display:block; float:left; }
.sof .sof-content { padding-left:153px; position:relative; height:264px; }
.sof .sof-text { text-align:center; display:table-row }
.sof .sof-text .sof-title { width:100%; display:table-cell; height:100px; vertical-align:bottom; box-sizing: content-box; overflow:hidden; font-size: 28px; font-weight:bold; color:#e53412; }
.sof .sof-text .sof-title .inner { border-bottom:solid 1px #e53412; margin:0 16px; padding:20px 0 16px; line-height:32px; }
.sof .sof-text .condition { padding:16px; font-size: 16px; color:#333; width:100%; display:table-cell; }
.sof .sof-text .condition .discmax { background-color:#e53412; display:inline-block; font-size:11px; color:#fff; border-radius:2px; margin-top:10px; padding:2px 8px; }
.sof .sof-footer { position:absolute; bottom:10px; }
.sof .sof-footer .duration-title { font-family:Verdana; font-size:8px; text-transform:uppercase; color:#000; font-weight:bold; margin-bottom:1px; }
.sof .sof-footer .duration-value { font-family:Verdana; font-size:9px; text-transform:uppercase; border:solid 1px #000; border-radius:2px; padding:2px 4px; color:#000; width:114px; box-sizing: content-box; }
.sof .sof-footer .sof-countdown { float:left; padding-left:16px; }
.sof .sof-footer .sof-countdown .cdf { display:inline-flex; }
.sof .sof-footer .sof-countdown .cdf .h { display:inline-flex; margin:0 4px 0 1px; }
.sof .sof-footer .sof-countdown .cdf .countdown { display:inline-flex; }

.cof { position:relative; }
.cof .co-general { background:url('/svg/combo-general.svg') no-repeat; width:440px; height:220px; }
.cof .coimg { width:100%; max-width:440px; max-height:220px; }
.cof .cof-content { padding-left: 163px; }
.cof .cof-content .combo-title-center { display:grid; place-items:center; text-align:center; height:220px;font-size:24px; font-weight:bold; color:#333; box-sizing:content-box; overflow:hidden; }
.cof .combobuynow { position:absolute; bottom:54px; right:10px; background:url('/svg/combo-buynow.svg') no-repeat; width:120px; height:34px; }
.cof .cof-footer { position:absolute; bottom:0; left:0; width:100%; height:44px; background-color:#FFAE00; }
.cof .cof-footer .duration-title { font-family:Verdana; font-size:8px; text-transform:uppercase; color:#000; font-weight:bold; margin-bottom:1px; margin-top:8px; }
.cof .cof-footer .duration-value { font-family:Verdana; font-size:9px; text-transform:uppercase; border:solid 1px #000; border-radius:2px; padding:2px 4px; color:#000; width:114px; box-sizing: content-box; }
.cof .cof-footer .cof-countdown { float:right; padding-right:10px; }
.cof .cof-footer .cof-countdown .cdf { display:inline-flex; }
.cof .cof-footer .cof-countdown .cdf .h { display:inline-flex; margin:0 4px 0 1px; }
.cof .cof-footer .cof-countdown .cdf .countdown { display:inline-flex; }

/**************************
 * specific als elements
 * styling for #lista1
 **************************/
#lista1 { margin: 20px auto 20px auto; overflow:hidden; height:288px; }
#lista1 .als-item {	margin: 0px; height: 288px; width: 460px; cursor:text; }
#lista1 .als-item .box { height: 288px; width: 460px; text-align:left; }
#lista1 .als-prev, #lista1 .als-next { top: 130px; width: 15px; height: 22px; visibility:visible; z-index:50; }
#lista1 .als-prev {	left: 10px; }
#lista1 .als-next {	right: 10px; }

@media screen and (max-width: 460px) {
    .sof { height:205px; width:350px; margin:0 5px; }
    .sof .banner { height:205px; background-color:#e53412; display:block; float:left; }
    .sof .sof-content { padding-left:118px; position:relative; height:205px; }
    .sof .sof-text .sof-title { font-size:20px; font-weight:normal; height:60px; }
    .sof .sof-text .sof-title .inner { line-height:24px; }
    .sof .sof-text .condition { font-size: 12px; padding:10px 16px; line-height:18px; }
    .sof .sof-text .condition .discmax { font-size:11px; margin-top:5px; padding:0px 8px; }
    .sof .sof-footer { bottom:5px; }
    .sof .sof-footer .duration-title { font-size:8px; font-weight:bold; margin-bottom:1px; }
    .sof .sof-footer .duration-value { font-size:9px; padding:0px 4px; }
    .sof .sof-footer .sof-countdown { padding-left:10px; margin-top:3px; }
    .sof .sof-footer .sof-countdown .cdf { display:block; }

    #lista1 { }
    #lista1 .als-item {	width:360px; height:210px; cursor:text; }
    #lista1 .als-item .box { width: 360px; height:auto; }
    #lista1 .als-prev, #lista1 .als-next { top: 80px; }
}

/* Individual Product Page */
.sof-ind { width:100%; height:205px; margin-bottom:10px; border-radius:2px; background-color:#fff; 
       box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); position:relative;}
.sof-ind .banner { height:205px; background-color:#e53412; display:block; float:left; }
.sof-ind .sof-text { text-align:center; display:block; }
.sof-ind .sof-content { padding-left:118px; position:relative; height:205px; }
.sof-ind .sof-text .sof-title { display:block; overflow:hidden; font-size: 28px; font-weight:bold; color:#e53412; }
.sof-ind .sof-text .sof-title .inner { border-bottom:solid 1px #e53412; margin:0 16px; padding:20px 0 16px; line-height:32px; }
.sof-ind .sof-text .condition { height:94px; padding:16px; font-size: 16px; color:#333; width:100%; display:block; }
.sof-ind .sof-text .condition .discmax { background-color:#e53412; display:inline-block; font-size:11px; color:#fff; border-radius:2px; margin-top:10px; padding:2px 8px; }
.sof-ind .sof-footer { }
.sof-ind .sof-footer .duration-title { font-family:Verdana; font-size:8px; text-transform:uppercase; color:#000; font-weight:bold; margin-bottom:1px; }
.sof-ind .sof-footer .duration-value { font-family:Verdana; font-size:9px; text-transform:uppercase; border:solid 1px #000; border-radius:2px; padding:2px 4px; color:#000; width:114px; box-sizing: content-box; }
.sof-ind .sof-footer .sof-duration { float:left; padding:0 5px; }
.sof-ind .sof-footer .sof-countdown { float:left; padding:0 5px; }
.sof-ind .sof-footer .sof-countdown .cdf { }
.sof-ind .sof-footer .sof-countdown .cdf .h { display:inline-flex; margin:0 4px 0 1px; }
.sof-ind .sof-footer .sof-countdown .cdf .countdown { display:inline-flex; }
@media screen and (max-width: 510px) {

    .sof-ind { height:205px; width:350px; margin:10px auto; }
    .sof-ind .banner { height:205px; background-color:#e53412; display:block; float:left; }
    .sof-ind .sof-content { padding-left:118px; position:relative; height:205px; }
    .sof-ind .sof-text .sof-title { font-size:20px; font-weight:normal; }
    .sof-ind .sof-text .sof-title .inner { padding:16px 0; margin:0 12px; border-bottom:solid 1px #e53412; }
    .sof-ind .sof-text .condition { height:auto; font-size: 12px; padding:10px 12px; line-height:18px; }
    .sof-ind .sof-text .condition .discmax { font-size:11px; margin-top:5px; padding:0px 8px; }
    .sof-ind .sof-footer { position:absolute; bottom: 5px; }
    .sof-ind .sof-footer .duration-title { font-size:8px; font-weight:bold; margin-bottom:1px; }
    .sof-ind .sof-footer .duration-value { font-size:9px; padding:0px 4px; }
    .sof-ind .sof-footer .sof-duration { float:none;  }
    .sof-ind .sof-footer .sof-countdown { float:none; margin-top:3px; }
    .sof-ind .sof-footer .sof-countdown .cdf { display:block; }
}

/* Instagram Feed */
.igItems { max-width:1140px; max-height:380px; overflow:hidden; margin:0 auto; }
.igItems .igItem { display:inline-block; padding:5px; height:190px; }
.igItems .igItem a { display:inline-block; width:180px; height:180px; }
.igItems .igItem a img { width:100%; }
.igItems .igItem a:hover img {
    -webkit-transform: scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1); /*Mozilla scale version*/
    -o-transform: scale(1.1); /*Opera scale version*/
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
@media screen and (max-width: 460px) {
  .igItems { max-height:320px; }
  .igItems .igItem { height:160px; }
  .igItems .igItem a { width:150px; height:150px; }

}


/* Shop By Categories */
.menubtn { width:245px; font-size: 14px; line-height: 20px; font-weight:600; color:#333; display:inline-block; text-transform:uppercase; font-family:Arial;
           border: 1px solid #d8d8d8; border-radius:5px; padding:8px 12px; background-color:#fefefe; position:relative; text-decoration:none;
           -webkit-box-sizing: border-box; box-sizing: border-box;  /* width include padding */
}
.menubtn .ico-arrow-down { background:url('/svg/icon-next.svg') no-repeat; width:10px; height:10px; display:inline-block; transform: rotate(90deg); margin-bottom:-2px; position:absolute; top:14px; right:12px; }
.menubtn:hover { color:#333; text-decoration:none; }
#floatmenu { display:none; position:absolute; top:67px; left:0; z-index:999999; background-color:#f0f0f0; overflow:auto; 
             border:solid 1px #D8D8D8; width:245px; border-radius:5px; 
             -webkit-box-sizing: border-box; box-sizing: border-box;  /* width include padding */ }
#floatmenu ul { margin:0; padding:0; }
#floatmenu ul li { margin:0; padding:0; list-style-type:none; border-bottom:solid 1px #d8d8d8; }
#floatmenu ul li:last-child { border-bottom:0; } 
#floatmenu .allcat { background-color:#d3d3d3 !important; color:#444 !important; text-transform:uppercase; }
#floatmenu a { display:block; line-height:38px; padding:0 33px 0 20px; color:#444; text-decoration:none; 
               white-space: nowrap; text-overflow: ellipsis; overflow:hidden; position:relative; transition: all 0.2s ease 0s; }
#floatmenu a:hover, #floatmenu a.selected:hover  { background-color:#7A7A7A; cursor:pointer; color:#fff; }
#floatmenu a:hover .ico-right .arrow { background:url('/svg/icon-next-white.svg') no-repeat; }
#floatmenu a:active { background-color:#c9c9c9; color:#fff; } 
#floatmenu a.selected { font-weight:600; padding:0 10px; background-color:#e3e3e3; border-bottom:solid 1px #ccc; }
#floatmenu a .loading { position:absolute; top:10px; right:26px; background:url('../../images/loading.gif') no-repeat; height:16px; width:16px; }
#floatmenu a .ico-right { position:absolute; top:0; right:0; padding:0px 11px 0 16px; height:38px; }
#floatmenu a .ico-right .arrow { background:url('/svg/icon-next.svg') no-repeat; width:10px; height:10px; display:inline-block; }
#floatmenu a .ico-right:hover { background-color:#5a5a5a; }
#floatmenu a .tick { position:absolute; top:0; right:7px; line-height:30px; }

/* Common setting for Pages */
.page-section img { max-width:750px; margin:0 auto; }

/* Common setting for display multiple boxes at center of Theme page. eg: Combo list */
.parent-flex-wrap-center {display: flex;flex-wrap: wrap;justify-content: center;}
/* Common setting for display one line title or sentence with "..." */
.oneline { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }


/* Common setting for Display Combo List Style @ all Shop Themes (not include MobileView style) */
.container-combo {width:100%; max-width:1280px !important; margin:0 auto}
.container-combo .parent-flex-wrap-center {padding-top:10px;}
.box-common-fix-width-promo {position: relative;overflow: hidden;flex: 0 1 420px;}
.combo-box {overflow: hidden;margin: 10px;position: relative;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2); border-radius:2px;}
/*         similar content style as Shop Front :: Display Combo Name when no combo photo uploaded by Shop Admin */
.combo-box .co-general { background:url('/svg/combo-general.svg') no-repeat; width:400px; height:200px; }
.combo-box .cimg {width: 100%;max-height:220px; display:block}
.combo-box .oneline {font-size:14px; font-weight:bold; padding:0 10px; color:#000} /* combo title style */
.combo-box .cof-content { padding-left: 163px; }
.combo-box .cof-content .combo-title-center { display:grid; place-items:center; text-align:center; height:200px;font-size:24px; font-weight:bold; color:#333; box-sizing:content-box; overflow:hidden; }
/*         similar footer style as Shop Front */
.combo-box .cof-footer { width:100%; min-height:44px; background-color:#FFAE00; }
.combo-box .cof-footer .flexcol { display:flex; flex-direction:column; justify-content:space-around; height:60px; column-gap:5px }
.combo-box .cof-footer .duration-title { font-family:Verdana; font-size:8px; text-transform:uppercase; color:#000; font-weight:bold; }
.combo-box .cof-footer .duration-value { font-family:Verdana; font-size:9px; text-transform:uppercase; border:solid 1px #000; border-radius:2px; padding:2px 4px; color:#000; width:114px; box-sizing: content-box; }
.combo-box .cof-footer .cof-countdown { float:right; padding-right:10px; }
.combo-box .cof-footer .cof-countdown .cdf { display:inline-flex; }
.combo-box .cof-footer .cof-countdown .cdf .h { display:inline-flex; margin:0 4px 0 1px; }
.combo-box .cof-footer .cof-countdown .cdf .countdown { display:inline-flex; }