@charset "utf-8";

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v2/RPQGAQk3DD66RypwKRnBKQ.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v2/2fzaAAzWW07YitDl-NekHg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  src: local('Kanit Regular'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v2/5NAKUBdE3Nb95aTaJlZOXQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v7/nKKU-Go6G5tXcr4uPhWzVaF5NQ.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v7/nKKU-Go6G5tXcr4uPhWpVaF5NQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v7/nKKU-Go6G5tXcr4uPhWnVaE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.thsarabunnew{font-family:'Kanit', sans-serif;}
.font-kanit{font-family:'Kanit', sans-serif;}



body{color:#000;font-family:'Kanit', Arial, Helvetica, sans-serif; font-weight: 400;margin:0px auto;text-align:left;font-size:13px;-webkit-text-size-adjust:none;background-color:#fff;line-height:1.5;}
a, input{text-decoration:none;}ul{list-style-type:none;margin:0px;padding:0px}img{border:0px}p{margin:0px 0px 1.3em 0px;text-align:justify;}
input,textarea,button,select,label{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}
input,textarea,select{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border:1px solid #ddd;}
input:focus, textarea:focus,select:focus{outline:0;border-color:#9ecaed;box-shadow:0 0 6px #9ecaed;}
table{border-spacing:0;border-collapse:separate;border:0;}table td,table th{padding:0;}
input[type="radio"],input[type="file"]{-webkit-box-shadow:none !important;box-shadow:none !important;}
.addtocart_minibtn {font-size: 12px;font-weight: bold !important;background: #f26824;padding: 4px 16px;color: #fff;margin: 7px auto;border-radius: 3px;cursor: pointer;position: relative;display: inline-block;}
.addtocart_minibtn:hover { background:#000;}
.area{display:none !important}
.hr-line{margin:0px 0 2px 0;border:none;border-top:1px solid #cccccc;text-align:center;font-size:11px;padding:0;}
.navmenudp-desktoponly {display:block;}
.navmenudp-mobileonly {display:none;}

.social-btn-half{width:46% !important;min-width:250px;margin:0px 1%;}
.social-login-btn:hover,.social-login-btns:hover{opacity:0.70}



.social-login-btns{
    border: 1px solid #395697;
    background-color: #395697;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    max-width: 450px;
    height: 42px;
    display: inline-block;
    text-align: center;
    position: relative;}

.social-login-btns span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 78%;
    height: 100%;
    margin: 8px auto;
    color: #fff;
    right: 0;
    position: absolute;
}

.social-login-btns span:before {
    height: 25px;
    width: 25px;
    display: table;
    content: "";
    position: absolute;
    left: -21%;
    background-size: 873px 129px;
    background: url(/images/packed4.png) no-repeat;
}
.google-login{border:1px solid #438aff;background-color:#fff;}
.google-login span:before{background-position:0px -50px;}
.google-login span{color:#438aff !important;}
.facebook-login{border:1px solid #395697;background-color:#395697;}
.facebook-login span:before{background-position: -3px -25px;width: 20px !important;margin-right: 5px;}
.livechatter-ico{border:1px solid #bfd3ff;background-color:#fff;}
.livechatter-ico span:before{background-position:-316px -75px;}
.livechatter-ico span{color:#555 !important;}
.linechat-ico{border: 1px solid #00b900;background-color: #00b900;}
.linechat-ico span:before{background-position:-125px -50px;}
.linechat-ico span{color:#fff !important;}
.ig-ico{border: 1px solid #bb0909;background-color: none;}
.ig-ico span:before{background-position: -50px -24px;height: 27px;}
.ig-ico span{color:#bb0909 !important;}
.youtube-ico{border: 1px solid #ff0000;background-color: #ffffff;}
.youtube-ico span:before{background-position: -125px -25px;}
.youtube-ico span{color:#ff0000 !important;}
.gmaps-ico{border: 1px solid #4588f5;background-color: #bad4ff;}
.gmaps-ico span:before{background-position: -285px -100px;width: 30px;height: 30px;margin: -4px auto 5px auto;}
.gmaps-ico span{color:#333 !important;}
.mapspin-ico{border: 1px solid #4588f5;background-color: #bad4ff;}
.mapspin-ico span:before{background-position: -258px -103px}
.mapspin-ico span{color:#333 !important;}
.phonecall-ico{border: 1px solid #77a809;background-color: #ecffc1;}
.phonecall-ico span:before{background-position: -342px -104px;width: 31px;}
.phonecall-ico span{color:#888 !important;}
.fbmessenger-ico{border: 1px solid #4588f5;background-color: #bad4ff;}
.fbmessenger-ico span:before{background-position: -100px -50px;}
.fbmessenger-ico span{color:#333 !important;}

    

/*willremovebelow*/
.social-login-btn{cursor:pointer;border-radius:5px;width:100%;max-width:450px;height:42px;display:inline-block;text-align:center;}
.social-login-btn .text span{display:table-cell;vertical-align:middle;text-align:center;position: relative;left: -8%;}
.social-login-btn .icon-container{display:inline-block;width:21%;height:100%;padding:0;float:left;}
.social-login-btn .icon{background:url(/images/packed4.png) no-repeat;display:inline-block;margin:7px auto;width:25px;height:25px;}					
.social-login-btn .text{width:78%;height:100%;color:#fff;display:table;}
.google-login{border:1px solid #438aff;background-color:#fff;}
.google-login .icon-container{border-right:1px solid #fff;}
.google-login .icon{background-position:0px -50px;}
.google-login .text{color:#438aff !important;}
.facebook-login{border:1px solid #395697;background-color:#395697;}
.facebook-login .icon-container{border-right:1px solid #395697;}
.facebook-login .icon{background-position: -3px -25px;width: 20px !important;margin-right: 5px;}
.livechatter-ico{border:1px solid #bfd3ff;background-color:#fff;}
.livechatter-ico .icon-container{border-right:1px solid #fff;}
.livechatter-ico .icon{background-position:-316px -75px;}
.livechatter-ico .text{color:#555 !important;}
.linechat-ico{border: 1px solid #00b900;background-color: #00b900;}
.linechat-ico .icon-container{border-right:1px solid #00b900;}
.linechat-ico .icon{background-position:-125px -50px;}
.linechat-ico .text{color:#fff !important;}
.ig-ico{border: 1px solid #bb0909;background-color: none;}
.ig-ico .icon-container{border-right:0px solid #fff;}
.ig-ico .icon{background-position: -50px -24px;height: 27px;}
.ig-ico .text{color:#bb0909 !important;}
.youtube-ico{border: 1px solid #ff0000;background-color: #ffffff;}
.youtube-ico .icon-container{border-right: 1px solid #ffffff;}
.youtube-ico .icon{background-position: -125px -25px;}
.youtube-ico .text{color:#ff0000 !important;}
.gmaps-ico{border: 1px solid #4588f5;background-color: #bad4ff;}
.gmaps-ico .icon-container{border-right: 1px solid #bad4ff;}
.gmaps-ico .icon{background-position: -285px -100px;width: 30px;height: 30px;margin: 5px auto;}
.gmaps-ico .text{color:#333 !important;}
.mapspin-ico{border: 1px solid #4588f5;background-color: #bad4ff;}
.mapspin-ico .icon-container{border-right: 1px solid #bad4ff;}
.mapspin-ico .icon{background-position: -258px -103px}
.mapspin-ico .text{color:#333 !important;}
.phonecall-ico{border: 1px solid #77a809;background-color: #ecffc1;}
.phonecall-ico .icon-container{border-right:1px solid #ecffc1;}
.phonecall-ico .icon{background-position: -342px -104px;width: 31px;}
.phonecall-ico .text{color:#888 !important;}
.fbmessenger-ico{border: 1px solid #4588f5;background-color: #bad4ff;}
.fbmessenger-ico .icon-container{border-right: 1px solid #bad4ff;}
.fbmessenger-ico .icon{background-position: -100px -50px;}
.fbmessenger-ico .text{color:#333 !important;}

/*end to remove*/
.icon-correct-green:before{content:'\2714';text-indent:0.6em;line-height:1em;color:#b07503;}
.icon-cross-red:before{content:'\2718';text-indent:0.6em;line-height:1em;color:#DD0000;}
@-webkit-keyframes bouncex{0%{-webkit-transform:translateY(-100%);}100%{-webkit-transform:translateY(0);}}
@-moz-keyframes bouncex{0%{-moz-transform:translateY(-100%);opacity:0;}100%{-moz-transform:translateY(0);}}
@keyframes bouncex{0%{transform:translateY(-100%);opacity:0;}100%{transform:translateY(0);}}
.navbar-toggle{background-color:#ca6024;z-index:100;outline:0;position:relative;float:right;padding:6px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;cursor:pointer;border:0px;border-radius:4px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.navbar-toggle .icon-bar{margin:4px 0;display:block;width:22px;height:2px;border-radius:1px;background:#fff;}
.note_graphic{background:url(/images/note_big.png) no-repeat 0px 0px;background-size:20px 20px;width:20px;height:20px;display:inline-block;margin:0 10px 0 0;}
textarea.cke_source{font-size:12px !important;}
#main{width:100%;min-width:280px;max-width:1800px;margin:0px auto 35px auto;text-align:left;background:rgba(255, 255, 255, 0.95);-moz-box-shadow:0px 15px 20px -8px #CDCDCD;-webkit-box-shadow:0px 15px 20px -8px #CDCDCD;box-shadow:0px 15px 20px -8px #CDCDCD;}
.itemlisted{float:none;width:100%;background:#fff;overflow:hidden;padding-bottom:20px;margin:0px auto;text-align:center}
.itemlisted4 .itemlist {min-width: 158px !important;width: 24.5% !important;}
.addtocart_minibtn {
    font-size: 12px;
    font-weight: bold !important;
    background: #f26824;
    padding: 4px 6px;
    color: #fff;
    margin: 7px auto;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.addtocart_groupbtn {
    font-size: 12px;
    font-weight: bold !important;
    background: #f26824;
    padding: 6px 6px;
    color: #fff;
    margin: 3px auto;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.addtocart_groupbtn:hover, .addtocart_minibtn:hover { background:#000;}
.addtocart_group_selector {width:58px !important;margin: 0px 1px;}
.productlist{position:relative;background:#fff;min-width:154px;width:23%;margin:8px 3px;text-align:center;font-weight:bold;color:#999;font-size:16px;display:inline-block;vertical-align:top;}
.productlist img{display:block;clear:both;text-align:center;margin:0 auto;}
.productlist a{font-size:13px !important;text-decoration:underline;display:block;-webkit-transition:color 0.3s,opacity 0.2s;transition:color 0.3s,opacity 0.2s;opacity:1.0;}
.productlist a:active{opacity:0.8;}.productlist s{font-size:12px !important}.productlist .small span{font-size:12px !important}
#currentfunction{padding:7px 10px;height:40px;clear:both;font-size:14px;background:#eee;color:#555;overflow:hidden;position:relative;display:-ms-flexbox;-ms-flex-align:center;display:-moz-box;-moz-box-align:center;display:-webkit-box;-webkit-box-align:center;display:box;box-align:center;}
#currentfunction .left, #currentfunction .float{float:none !important;}
#currentfunction .right, #currentfunction .floatright{float:none !important;position:absolute;right:5px;}
#nf404{padding:7px 10px;clear:both;font-size:14px;background:#eee;color:#555;position:relative;}
.product-new,.product-sale,.product-hot{padding:0px 4px;margin:2px 5px;border-radius:2px;background:#fff;display:inline-block;font-size:12px;font-weight:normal;}
.product-new{color:#8a0;border:1px solid #8a0}.product-sale{color:#EABB00;border:1px solid #EABB00}.product-hot{color:#c00;border:1px solid #c00}
.productlist-lable{font-size:9px !important;color:#fff;font-weight:normal;position:absolute;}
.list_color{font-weight:normal;text-transform:capitalize;color:#aaa;font-size:11px;padding:0px 0px 2px 0px}
.noitemthissection{margin:100px 0px;font-size:22px;color:#b07503;}
.itemlist_pages{clear:both;color:#bbb;margin:9px 0px;text-align:center;font-size:12px;}
.itemlist_pages a{color:#333;margin:0px 3px;padding:3px 7px;background:#ccc;border-radius:2px;}
.itemlist_pages a:hover{background:#888;color:#fff}
.current{background:#222;padding:3px 7px;color:#fff;margin:0px 2px;border-radius:2px}
.pagenavprevious{float:left;margin-left:7px;min-width:62px;width:20%;text-align:left}
.pagenavnext{float:right;margin-right:7px;min-width:62px;width:20%;text-align:right}
#departmentmenu{background:#888888;width:100%;text-align:center;padding:9px 0;clear:both}
#departmentmenus{background:#fff;width:100%;text-align:left;padding:9px 0;clear:both}
.dep_sec{margin:0px 0.3%;min-width:150px;max-width:220px;width:19.4%;overflow:hidden;display:inline-block;text-align:left;vertical-align:top}
.dep_sec ul li:before{content:">";position:relative;left:-5px;color:#888}
.dep_sec ul li{margin:9px 0px;display:block;clear:both}
.dep_sec h3{display:inline}
.current_depmain{color:#fff;font-weight:bold;font-size:14px;text-decoration:underline;text-align:center;background:#333;background-image:-moz-linear-gradient(bottom, #272727 0%, #444 100%);background-image:linear-gradient(to top, #272727 0%, #444 100%);background-image:-webkit-linear-gradient(bottom, #272727 0%, #444 100%);}
.current_depmain a{color:#fff !important;padding:7px 0px;display:block}
.normal_depmain{font-weight:bold;font-size:14px;text-align:center;background:#ddd}
.normal_depmain a:link,.normal_depmain a:visited{color:#333;padding:7px 0px;display:block}
.normal_depmain:hover{background:#999}
.normal_depmain:hover a{color:#fff !important}
.depsubmain:link,.depsubmain:visited{color:#eee;font-weight:normal;font-size:13px;}.depsubmain:hover{color:#fff}
.category_menu_itemlist .itemlist {width: 49% !important;}
.category_menu_itemlist .itempiclist{padding: 5px 0 0 0 !important;}
.itemlist{min-width:158px;width:32.33%;margin:6px auto;font-size:13px;display:inline-block;vertical-align:top;overflow:hidden;}
.itemlist h2, .itemlist h3{font-size:20px;line-height:1.4em;font-weight:normal;color:#000;margin:3px 0 0 3px;text-align:center;white-space:nowrap;display:block;width:98%;font-family:'Kanit', sans-serif;}
.itemlist h2 span{overflow:hidden;text-overflow:ellipsis;display:block;}
.itemlist h2 a:link,.itemlist h2 a:visited,.itemlist h3 a:link,.itemlist h3 a:visited{color:#000;text-decoration:underline}
.itemlist h2 a:hover,.itemlist h2 a:active,.itemlist h3 a:hover,.itemlist h3 a:active{color:#333;text-decoration:underline}
.itemlist p{margin:1.2em 2% 0.1em 1%;}
.itemlist p a{text-decoration:underline}
.itemlist ul{margin:0 2% 0 3%;}
.itemlist ul li:before{content:"-";position:relative;left:-3px}
.itemlist ul li{text-indent:-5px;margin-left:5px;}
.itemlist .itempricedetail{font-size:14px;color:#999;font-weight:normal;margin:0px !important;padding:0;text-align:center;clear:both;display:block;}
.itemlist .productgroup_desciption{margin:8px 0 6px 3px !important;font-size:13px;padding:0px;}
.itemlisted .itemlist .productgroup_desciption{ text-align:center !important;}
.itemlist .product-summary{margin:4px 0 8px 6px;text-align:left;font-size:12px !important;line-height:1.3;}
.itemlist .product-summary a{text-decoration:underline;color:#0782C1}
.itemlist .product-summary a:hover{color:#1d9ada}
.itemlist .sizeblock,.itemlist .sizeblocks{height:20px !important;border:none !important;display:inline-block;color:#000;font-size:12px;}
.itempiclist{width:90%;height:auto; display: inline-block;min-width:240px;margin:0px auto !important;padding:5px 0 0 0;text-align:center;font-size:11px;overflow:hidden;float:none;background:#fff;-webkit-transition:0.8s;transition:0.8s;}
.itempiclist .slick-dots li button:before{width:12px;font-size:32px;}
.itemlist .main_photo{width:80%;height: auto;display: inline-block;}
.itemlist .main_photo img{width:100%;height:auto;}
.itemlist .product-similarcolor li{height:26px;width:100%;background-size:20px 26px;cursor:default;}
.itemlist .product-similarcolor li:hover{background-color:inherit;}
.itemlist .slick-dots li button{cursor:default}
.itemlist .product-similarcolor div,.itemlist .product-similarcolor a{height:26px;padding-left:40px !important;font-size:10px;line-height:0.9em;}
.itemlist .item-option{clear:both;float:none;margin:0 auto;width:96%;max-width:320px;}
.itemlist .itempage_option,.itemlist .product-similarcolor{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#itempage{min-width:280px;padding:0px 0px 10px 0px;font-size:14px; overflow:hidden}
#itempage .product-new,#itempage .product-sale,#itempage .product-hot{margin:6px 13px 5px 0px;font-size:11px !important;font-weight:normal !important;display:inline-block;}
#itempic{width:50%;height:630px;margin:0px auto !important;padding:0px 0 5px 0;text-align:center;font-size:11px;overflow:hidden;float:left;background:#fff;-webkit-transition:0.8s;transition:0.8s;}

@media only screen and (min-width:640px){
#itempage h1 {padding: 0px 33px 0px 15px;right: -15px;position: relative;}
#itempage .itempricedetail {padding: 0px 33px 0px 15px;right: -15px;position: relative;}
}
.main_photo{width:600px;height:600px;margin:0 auto !important;clear:both;-webkit-transition:0.8s;transition:0.8s;}
.main_photo img{margin:0px auto;-webkit-transition:0.8s;transition:0.8s;}
.main_photo a{display:block;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;opacity:1.0;outline:0;}
.main_photo a:hover{opacity:0.8;}
.item_desciption{padding:0px 0px 0px 15px;color:#333 !important;clear:both;}
.sizepricetab{font-size:12px;text-align:center;margin:10px auto;}
.sizeblock{width:10%;min-width:37px;height:50px;border:1px solid #eee;display:inline-block;margin:0px 0px 0px -1px}
.sizeblocks{height:15px;padding:5px 2px;color:#b07503;text-align:left;}
.sizeblockp{height:15px;padding:5px 2px;border-top:#eee 1px solid;font-weight:bold;font-size:12px;text-align:left;}
#itempage .inputtxt,.itemlist .inputtxt{width:298px;height:30px;padding:1px 0px 1px 3px;}
.redbg{background-color:red !important;color:#fff !important;border:1px solid #DD0000 !important}
#itempage select,.itemlist select{padding:2px 0 1px 5px !important;background:#fff url(/images/packed4.png) no-repeat right -39px;outline:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;}
#display_price{padding:6px 0 0 2%}
#display_price s{font-size:12px}
#itemaddbag{}
#addbtn{max-width:299px; width:100%;padding:14px 8px;font-size:14px;border:0px;border-radius:6px; margin-bottom:5px;}
.buttons{padding:6px 13px;border:0px;border-radius:4px;background:#333;color:#ddd;background-image:linear-gradient(to top, #222 0%, #444 100%);background-image:-moz-linear-gradient(bottom, #222 0%, #444 100%);background-image:-webkit-linear-gradient(bottom, #222 0%, #444 100%);}
.buttons:hover{color:#eee;background:#222;background-image:linear-gradient(to top, #222 0%, #222 100%);background-image:-moz-linear-gradient(bottom, #222 0%, #222 100%);background-image:-webkit-linear-gradient(bottom, #222 0%, #222 100%);}
input.buttons:active{color:#eee;background:#555;background-image:linear-gradient(to top, #555 0%, #555 100%);background-image:-moz-linear-gradient(bottom, #555 0%, #555 100%);background-image:-webkit-linear-gradient(bottom, #555 0%, #555 100%);}
.item-option{width:50%;float:right;}
#itempage h1{font-family:'Kanit', sans-serif;font-size:32px;font-weight:bold;color:#000;margin:0px;padding:0px 0px 0px 15px;}
#itempage h2{line-height:1.4em;}
.itempage_st_paragraph{    margin: 8px 3% 3px auto;font-size: 95%;float: none;right: -15px;position: relative;}
#itempage .detail h1, #itempage .detail h2, #itempage .detail h3{font-family:'Kanit', sans-serif;line-height:1.4em;}
#itempage .detail{margin:1.4em 4% 0.1em 4%;}
#itempage .detail p{margin:1.2em 0px 0.3em 0px;text-align:justify;}
#itempage .detail a{text-decoration:underline;color: inherit}
#itempage .detail a:hover{color:#1d9ada}
#itempage .detail ul{margin:0 0% 0 1%;}
#itempage .detail ul li:before{content:"-";position:relative;left:-3px}
#itempage .detail ul li{text-indent:-5px;margin-left:5px;}
#itempage .half_fit{width:48%;padding-left:1%;}
#priceupsizet{line-height:1.4em !important}
#qty_loader{height:30px;}
.no_relatecolor{opacity:0.30;}
.product-similarcolor{text-align:left;width:295px;border:1px solid #ddd;border-radius:4px;overflow:hidden;margin:0 auto!important;}
.product-similarcolor li{display:block;float:left;overflow:hidden;width:100%;height:37px;border-bottom:1px solid #f5f5f5;background-position:left center;margin:0px 0px -1px 0px !important;background-repeat:no-repeat;cursor:pointer;text-indent:0px !important;}
.product-similarcolor li:hover{background-color:#fafafa;}
.product-similarcolor li:before{content:"" !important;position:relative;}
.product-similarcolor a,.product-similarcolor div{height:37px;width:100%;display:table-cell;vertical-align:middle;margin:9px 0;padding-left:64px !important;font-size:13px;color:#666;}
.onecolor{width:100% !important;border:none !important}
.current_color{background-color:#f3f3f3;}.current_color:hover{background-color:#f3f3f3 !important;}
.current_color a, .current_color div{color:#000 !important;font-weight:bold !important;}
#itempage .itempricedetail{font-size:18px;color:#555;font-weight:bold;margin:0 0 0 15px}
.itempricedetail{font-size:18px;color:#555;}
.itempricedetail s{font-size:12px;}
.itempricedetail .red{font-weight:bold;font-size:16px;}
.productgroup_desciption{margin:3px 1% 1em 0.5% !important;font-weight:normal !important;font-size:15px;text-align:left;padding:0;color:#888;}
.itempage_option{min-width:316px;width:93%;margin:0 auto;padding:0 3px 0px 3px;-webkit-transition:0.3s;transition:0.3s;}
.itemshare{width:108px;min-height:25px;margin:10px 0 0px 0;text-align:left;display:block;vertical-align:top; font-size:13px;}
.itemshare a{width:25px;height:25px;margin:0px 5px 0px 1px;text-align:center;display:inline-block;background:url(/images/packed4.png) no-repeat;}
.itemshare a:hover{opacity:0.70}
#itemfooterul{margin:0px 5%;width:90%;clear:both;padding:10px 0;text-align:center;}
#relateitems{background:#fff;display:block;text-align:center;width:100%;height:auto;overflow:hidden;margin-top:15px;}
.share_each{margin:4px 1px !important;height:20px;overflow:hidden !important;display:block;float:left;padding:0px;}
.share_facebook{width:60px;}
.share_twitter{width:61px;}
.share_gplus{width:37px;}
.share_pin{width:41px;}

/*2017-08-07 relateitem layout for rv rahvee*/
#itemsimilar,.itemsimilar {background-image: -ms-linear-gradient(bottom, #bbb 0%, #eee 100%); background-image: -moz-linear-gradient(bottom, #bbb 0%, #eee 100%);background-image: -webkit-linear-gradient(bottom, #bbb 0%, #eee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb');zoom:1; padding:0 3px 0 2px; clear:both; display: block; text-align: center; margin-top:5px; overflow:hidden}
#itemsimilar a,.itemsimilar a {display: inline-block;width:23%;vertical-align:top;margin:5px 0.5% 15px 0.5%; position:relative}
#itemsimilar a span,.itemsimilar a span {display: block;width: 98%;padding: 0px 1%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.8);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.8);font-size: 14px;font-style: normal;transition: 0.3s;}
#itemsimilar a:hover span ,.itemsimilar a:hover span {background: rgba(0,0,0,.8);padding: 2px 1%;}
.similar-food-dishes {display:inline-block;height:auto;width: 100%;font-size: 13px;vertical-align: top;}
/*.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{min-width:100% !important;width:100% !important;}*/
#facebook_comment{margin:0px auto;clear:both;padding-top:10px;height:230px;width:100%;min-width:280px;max-width:500px;text-align:center;}
#tabletrans_col_right #facebook_comment{min-width:245px;}
.orderlist{}
.order_header div{text-align:left;font-weight:bold;color:#ffffff;background-color:#999999 !important;}
.orderlist li{clear:both}
.orderlist li .col1{width:3%;float:left;}
.orderlist li .col2{width:17%;float:left;}
.orderlist li .col3{width:12%;float:left;}
.orderlist li .col4{width:20%;float:left;}
.orderlist li .col5{width:18%;float:left;}
.orderlist li .col6{width:30%;float:left;}
@media only screen and (max-width:639px){.orderlist li .col1{width:3%;float:left;}
.orderlist li .col2{width:17%;float:left;}
.orderlist li .col3{width:12%;float:left;}
.orderlist li .col4{width:20%;float:left;}
.orderlist li .col5{width:18%;float:left;}
.orderlist li .col6{width:30%;float:left;}
}
.flexbanners-row {
	position: relative;
	margin: 0 auto;
}
.flexbanners-row figure {
	position: relative;
	overflow: hidden;
	margin: 0;
	min-width:280px;
	max-width: 480px;
	max-height: 360px;
	width: 33%;
	background: #000;
	text-align: center;
	display: inline-block;
}
.flexbanners-row .herobanner {
	min-width:280px;
	max-width: 1440px;
	max-height: 580px;
	width: 100%;
}
.flexbanners-row figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.flexbanners-row figure figcaption {
	padding: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flexbanners-row figure figcaption::before, .flexbanners-row figure figcaption::after {
	pointer-events: none;
}
.flexbanners-row figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.flexbanners-row .herobanner h3, .flexbanners-row .herobanner h3 span b {
	font-size: 5vw;
}
.flexbanners-row figure h3, .flexbanners-row figure h3 span b {
	font-weight: 600;
	font-size: 2.5vw;
}
.flexbanners-row .herobanner a {
	font-size: 28px;
}
.flexbanners-row figure a {
	font-size: 18px;
}
.flexbanners-row figure h3 span {
	font-size: 74% !important;
	font-weight: normal;
}
.awareness-banner {
	background-color: #000;
}
.awareness-banner img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.awareness-banner:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.awareness-banner h3 {
	font-family: Lucas Regular, Helvetica, Arial, sans-serif;
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0%, 20px, 0);
	transform: translate3d(0%, 20px, 0);
}
.awareness-banner p, .awareness-banner a {
	padding: 1em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0%, 20px, 0) scale(1.1);
	transform: translate3d(0%, 20px, 0) scale(1.1);
	font-family: Lucas Regular, Helvetica, Arial, sans-serif;
}
.awareness-banner:hover h3 {
	-webkit-transform: translate3d(0%, -1.1em, 0);
	transform: translate3d(0%, -0.7em, 0);
}
.awareness-banner:hover p, .awareness-banner:hover a {
	opacity: 1;
	-webkit-transform: translate3d(0%, 0, 0) scale(1);
	transform: translate3d(0%, 0, 0) scale(1);
}
.flexbanners-row figure figcaption>a {
	-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: .21429em;
}
.flexbanners-row figure figcaption>a:hover {
	background-color: #fff;
	color: #000;
}
.flexbanners-row>figure>figcaption>p {
	border: none;
	padding: 0;
	margin: -0.5em 2em 2em 2em;
}
.flexbanners-row figcaption h4 {
	margin: 0;
	padding: 0;
	color: #fff;
}
figcaption>a:hover {
	background-color: #000;
	color: #fff;
}
@media screen and (max-width: 800px) {
	.awareness-banner h3 {
		margin-top: 20%!important;
		transition: .35s;
		-webkit-transition: .35s;
	}
	.flexbanners-row figure {
		min-width: 307px;
	}
	.flexbanners-row>figure>figcaption>p {
		border: none;
		padding: 10px!important;
		margin: -1.5em 0 1em 0 !important;
	}
	.title-decorated-row {
		padding: 6vw 0;
		background-color: #fff;
	}
	.flexbanners-row figure p {
		font-size: 2vw;
	}
	.flexbanners-row figure figcaption>a {
		font-size: 3vw;
	}
	.flexbanners-row .herobanner h3, .flexbanners-row .herobanner h3 span b {
		font-size: 7vw;
	}
	.flexbanners-row figure h3, .flexbanners-row figure h3 span b {
		font-weight: 600;
		font-size: 5vw;
	}
	.flexbanners-row figure h3 span {
		font-size: 63% !important;
		font-weight: normal;
	}
	.flexbanners-row figure {
		display: inline-block;
		float: none;
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	.title-decorated-row>h2 {
		font-size: 5vw;
		color: #000;
	}
}


.breadcrumbs{font-size:11px;clear:both;background:#fff;margin:0px auto; max-width:1440px; color:#888;padding:10px 2.5% 10px 2.5%;border-bottom:1px solid #eee;min-height:16px;position:relative}
.breadcrumbs a{color:#888;font-weight:normal;}.breadcrumbs a:hover{color:#333;text-decoration:underline}
.breadcrumbs li{display:inline;padding:0px 12px 0px 0px}
.breadcrumbs li.crumb-container:before{content:"›";position:relative;left:-8px;top:-1px;}
.breadcrumbs .right{display:inline-block;float:none !important;position:absolute;right:0;top:6px;}
.divh{position:absolute;top:-9999px;left:-9999px}
.overflow{overflow:hidden}.clear{clear:both}
.center{text-align:center}.text_left{text-align:left !important}.text_right{text-align:right !important}
.vmiddle{vertical-align:middle !important;}.vtop{vertical-align:top !important;}.vbottom{vertical-align:bottom !important;}
.table_display{text-align:left}
.table_display tr.tr_header{text-align:left;font-weight:bold;color:#ffffff;background-color:#999999 !important;}
.table_display tr{text-align:left;}
.table_display tr:nth-child(even){background:#F3F3F3}
.table_display tr:nth-child(odd){background:#FFFFFF}
.table_display td{text-align:left;vertical-align:middle;padding:2px 3px}
.table_display td:first-child{text-align:center !important}
.inlinehalfsplit,.inlinehalfsplit_cart{text-align:center;display:inline-block;vertical-align:top;width:45.5%;min-width:270px;max-width:600px;margin:0px 1.5%;}
.inlinehalfsplit_fit{display:inline-block;vertical-align:top;width:49.5%;margin:0px}
.half_fit{display:inline-block;vertical-align:top;width:49.5%;margin:0px}
.right,.floatright{text-align:right;float:right}.float,.floatleft{float:left}.floatnone{float:none !important}
.tenpad{padding:10px}
.pad3{padding-top:3px;padding-bottom:3px}
.padno{padding:0px !important}
.marginno{margin:0px !important}
.paddingtext_lr{padding-left:2.5%;padding-right:2.5%;}
.vpad{padding:5px}
.vpadlr{padding-left:5px;padding-right:5px}
.vpadtop{padding-top:5px;padding-bottom:5px}
.space{margin-top:10px;margin-bottom:10px}
.spacefive{margin-top:5px;margin-bottom:5px}
.image_incontent{margin-left: auto !important;margin-right:auto !important; width:80%; height: auto !important; max-width: 500px;display: block;}
.spacelr{margin-left:10px !important;margin-right:10px !important}
.spacep24{margin-left: 24px !important;margin-right: 10px !important;}
.leftcoll{padding:9px 0px;min-width:95px;width:21%;text-align:right;font-size:13px;font-weight:normal;margin:0px;display:inline-block;vertical-align:top;}
.rightcoll{padding:5px 4px;width:74%;min-width:280px;text-align:left;font-size:14px;font-weight:normal;margin:0px;display:inline-block;}
.block{display:block}.inlineblock{display:inline-block;vertical-align:top}
.position-relative{position:relative;}
.position-absolute-middleright{z-index:50;position:absolute;top:43%;left:5%;width:80%;text-align:right !important}
.position-absolute-middleleft{z-index:50;position:absolute;top:43%;right:5%;width:80%}
#published_date{width:100%;}
.sitelink:link,.sitelink:visited{color:#333}.sitelink:hover,.sitelink:active{color:#888}
.whitelink:link,.whitelink:visited{color:#fff;}.whitelink:hover,.whitelink:active{color:#fff}
.greenlink:link,.greenlink:visited{color:#b07503;}.greenlink:hover,.greenlink:active{color:#885500;text-decoration:underline}
.black:link,.black:hover,.black:active,.black:visited{color:#000 !important;}
a[href^=tel]{color:inherit;text-decoration:underline;font-size:inherit;font-weight:inherit;}
.inputtxt{border:1px #ddd solid;border-radius:3px;padding:1px 4px;font-size:16px;font-family:Arial, Helvetica, sans-serif;line-height:24px;}
select.inputtxt{height:30px;}
.calendar{display:inline-block;vertical-align:middle;position:relative;width:100%;}
.calendar:after{content:'📅';position:absolute;top:3px;font-size:16px;right:9px;pointer-events:none;cursor:default;color:#999;}
#register .inputtxt{width:253px;}
#editor .inputtxt,.popup-editarea .inputtxt{min-width:253px;width:99%;padding:1px 0.5%;font-size:14px;line-height:24px;min-height:26px;}
#editor textarea.inputtxt,.popup-editarea textarea.inputtxt{font-size:12px !important;line-height:1.2em !important;}
#editor .leftcoll,.popup-editarea .leftcoll{font-weight:bold !important}
.normal_bold{font-weight:bold;font-size:16px;color:#000;}.normal_white_bold{font-weight:bold;font-size:16px;color:#fff;}
.twenty_topic{font-family:'Kanit', sans-serif;font-size:22px;font-weight:500;color:#555;padding-top:7px;padding-bottom:7px;padding-left:2.5%;padding-right:2.5%;border-bottom:1px #eee solid;overflow:hidden;margin-bottom:10px;}
h1.nobold,h2.nobold,h3.nobold,h4.nobold,h5.nobold{font-weight:normal !important}
.f11{font-size:11px !important}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f30{font-size:30px}.f48{font-size:48px}.f60{font-size:60px}.f72{font-size:72px}.f84{font-size:84px}.f100{font-size:100px}.f120{font-size:120px}
.remarks{font-size:11px;color:#555}.small{font-size:11px !important}.bold{font-weight:bold !important}.nobold{font-weight:normal !important}.underline{text-decoration:underline}.linethrough{text-decoration:line-through;}.uppercase{TEXT-TRANSFORM:uppercase}.capital{text-transform:capitalize}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px}.pointer{cursor:pointer}.cursor_move{cursor:move;}.cursor_no{cursor:not-allowed;}
.biggerblack{font-size:14px !important;color:#000}.small_black{font-size:12px;color:#000}.small_white{font-size:12px;color:#fff}
.red{color:#DD0000 !important}.green{color:#b07503 !important}.gray, .grey{color:#aaa !important}.black{color:#000 !important}.white{color:#FFF !important}.fc999{color:#999 !important}.fcgold{color:#bbaa77 !important}
.text_shadowlight{text-shadow:2px 2px 4px #dddddd;}.text_shadowgray{text-shadow:2px 2px 4px #555555;}.text_shadowblack{text-shadow:2px 2px 4px #000000;}
.text_strokegray{text-shadow:0 0 2px #555555;}.text_strokeblack{text-shadow:0 0 2px #000000;}
.greyline_bordertop{width:100%;border-top:solid 1px #eee;}
.greylinenarrow{width:100%;border-bottom:solid 1px #eee;}
.greenline{width:100%;border-bottom:solid 1px #b07503;}
.dashedline{width:100%;border-bottom:dashed 2px #eee;margin:10px 0;}
.width100{width:100% !important}.width260{width:260px !important}
.opacity50{opacity:0.5;}
input[type="submit"]:disabled, input[type="button"]:disabled{opacity:0.5}
#tabletrans_container{background:#fff;overflow:hidden}
#tabletrans_col_left{margin:17px 0 17px 0.5%;text-align:left;float:left;width:14.5%;}
#tabletrans_col_right{text-align:left;float:left;padding:5px 0.5% 10px 1%;width:83.5%;background:#fff;overflow:hidden;min-height:700px;}
#tabletrans_col_right p,#tabletrans_col_right h2,#tabletrans_col_right h3,#tabletrans_col_right h4{text-align:justify !important;}
.leftmenu a{FONT-SIZE:13px;font-weight:bold;color:#777}
.leftmenu a:hover{color:#000000;text-decoration:underline}
.leftmenu li.act a{color:#b07503;text-decoration:underline}
#msg_error_table{margin:1px auto 10px auto;float:left;padding:20px 0px;width:100%;border:#F38383 1px solid;background:#FFE6E7;display:table;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#msg_success_table{margin:1px auto 10px auto;float:left;padding:20px 0px;width:100%;border:#E1E1E1 1px solid;background:#FEFEFE;display:table;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#success_left_col{margin:0px 0px 0px 4%;float:left;background:url(/images/packed4.png) no-repeat -151px 0px;height:30px;width:9%;min-width:29px;max-width:29px;overflow:hidden;}
#error_left_col{margin:-3px 0px 0px 4%;float:left;background:url(/images/packed4.png) no-repeat -217px 0px;height:30px;width:9%;min-width:30px;max-width:30px;overflow:hidden;}
#msg_right_col{margin:7px 0px 3px 4%;float:left;font-size:13px;font-weight:bold;width:82%}
.headtabs{text-align:center;border-bottom:1px #ddd solid;color:#525252;}
.headtabs li{text-align:center;width:28%;font-size:16px;display:inline-block;padding:5px 10px;margin-bottom:-1px;background:#ffcc77;}
.headtabs .active{text-decoration:underline;border:1px solid #ddd;border-bottom-color:transparent;padding:7px 10px 5px 10px;color:#000;background:#fff;}
.headtabs_spacefirst li:first-child{margin-left:50px;}
.bounce{position:absolute;-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
@-moz-keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);}
40%{-moz-transform:translateY(-15px);}
60%{-moz-transform:translateY(-8px);}
}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);}
40%{-webkit-transform:translateY(-15px);}
60%{-webkit-transform:translateY(-8px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);}
40%{transform:translateY(-15px);}
60%{transform:translateY(-8px);}
}
.sk-fading-circle{margin:7px auto;width:32px;height:32px;position:relative;}
.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0;}
.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;}
.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}
.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);}
.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);}
.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);}
.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);}
.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg);}
.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg);}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}
@-webkit-keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity:0;}40%{opacity:1;}}
@keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity:0;}40%{opacity:1;}}
.nav-tabs{*zoom:1;border-bottom:1px solid #ddd;text-align:center;clear:both;}
.nav-tabs:before, .nav-tabs:after{display:table;content:"";}
.nav-tabs:after{clear:both;}
.nav-tabs > li{display:inline-block;margin-bottom:-1px;font-size:14px;}
.nav-tabs > li > a{display:block;color:#999;padding:8px 16px;margin-right:2px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.nav-tabs > li > a:hover{border-color:#eeeeee #eeeeee #dddddd;}
.nav-tabs > .active-tab > a, .nav-tabs > .active-tab > a:hover{color:#b07503;text-decoration:underline;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;}
.tab-content.active-tab{display:block;}
.tab-content.hide-tab{display:none;}
header{width:100%;margin:0px auto;min-width:280px;/*max-width:1440px;*/text-align:left;}
header a,.hoverbanner{opacity:1.0;}
.hoverbanner:hover{opacity:0.8;}
#headerinside{max-width:1440px;margin:0px auto;padding-bottom:8px;}
.headlogoimg{width:266px;height:80px;display:block;margin:0px auto;padding-top:8px;}
.headlogoimg_img{width:266px;height:80px;}
#searchbox{height:25px;margin:-23px 0 0 6px}
.sp-searchbox_but{background:url(/images/packed4.png) no-repeat -223px -31px;width:25px;height:24px;display:inline-block;border:none;}
.sp-searchbox_butgreen{background:url(/images/packed4.png) no-repeat -223px -53px;width:25px;height:24px;display:inline-block;}
.fblogin_but{background:url(/images/packed4.png) no-repeat -248px -28px;width:26px;height:26px;display:inline-block;margin:0 0 0 11px}
#tops{height:25px;float:right;margin:-25px 8px 0 0;}
.headcart{background:url(/images/packed4.png) no-repeat -273px -29px;margin:0px 0px 0px 10px;display:inline-block;height:23px;width:29px;}
.headcartgreen{background:url(/images/packed4.png) no-repeat -273px -52px;margin:0px 0px 0px 10px;display:inline-block;height:23px;width:29px;}
.headacc{background:url(/images/packed4.png) no-repeat -300px -30px;display:inline-block;height:23px;width:24px;}
.headaccgreen{background:url(/images/packed4.png) no-repeat -300px -53px;display:inline-block;height:23px;width:24px;}
.headlogoimg:hover{opacity:0.80}
#tops ul li a:hover,#searchbox a:hover{opacity:0.40}
header ul{font-family:'Kanit', sans-serif;}
#nav_current{color:#fff !important;background:#888888;background-image:-moz-linear-gradient(bottom, #666 0%, #999 100%);background-image:linear-gradient(to top, #666 0%, #999 100%);background-image:-webkit-linear-gradient(bottom, #666 0%, #999 100%);}
#menu5{width:100%;font-size:14px;font-weight:bold;overflow:hidden;}
#menu5 ul li{float:left;width:20%;text-align:center;margin:0 0 0 -1px}
#menu5 ul li a{padding:7px 0px;display:block;border-right:1px solid #bbb;line-height:26px;}
#header_nav{width:100%;font-size:14px;font-weight:bold;overflow:hidden;background:#DFDFDF;}
#header_nav ul{margin:0px auto !important;max-width:800px;text-align:center;}
#header_nav ul li{width:20%;text-align:center;display:inline-block}
#header_nav ul li a{padding:7px 0px;display:block;line-height:26px;color:#333;}
#header_nav ul li a:link,#header_nav ul li a:visited{}
#header_nav ul li a:hover,#header_nav ul li a:active{color:#fff;background:#888;}
.ftpaybannerimg_intl{background:url(/images/packed4.png) no-repeat -394px 0px;height:30px;width:255px;margin:0px auto 25px auto;clear:both;overflow:hidden;display:block}
.ftpaybannerimg_th{background:url(/images/packed4.png) no-repeat -648px 0px;height:30px;width:261px;margin:10px auto 25px auto;clear:both;overflow:hidden;display:block}
.ftbg{width:100%;background:rgba(170, 170, 170, 0.1);min-width:280px;}
.ftcaps{width:100%;margin:0px auto;padding:11px 0 7px 0;font-size:11px;text-align:center;}
.footer_panelloc{width:33%;min-width:280px;margin:4px 0px 6px 0px;font-size:13px;font-weight:bold;text-align:center;display:inline-block;vertical-align:top;text-shadow:1px 1px 3px #cccccc;}
#lang_jump select{border:1px solid #999;border-radius:4px;font-size:16px;font-weight:bold;color:#222;width:210px;outline:none;-webkit-appearance:none;-moz-appearance:none;padding:4px 3px !important;background:#fff url(/images/packed4.png) no-repeat right -39px;}
.footerrights{width:33%;min-width:310px;height:28px;margin:10px 0px 0px 0px;text-align:center;display:inline-block;vertical-align:top}
.footersiteshare{width:33%;min-width:280px;height:32px;margin:4px 0px 3px 0px;text-align:center;display:inline-block;vertical-align:top}
.footersiteshare a{width:25px;height:25px;margin:0px 5px;text-align:center;display:inline-block;background:url(/images/packed4.png) no-repeat;opacity:0.90;}
.footersiteshare a:hover{opacity:0.70}
.ftfb{background-position:0px -25px !important;}.ftig{background-position:-50px -25px !important;}.ftline{background-position:-125px -50px !important;}.ftgp{background-position:-25px -25px !important;}.fttw{background-position:-100px -25px !important;}.ftpn{background-position:-75px -25px !important;}.ftyt{background-position:-125px -25px !important;}
footer{width:100%;min-width:280px;clear:both;font-size:11px;margin:0 auto;overflow:hidden;}
#footershortcut{margin:0px auto 20px auto;text-align:center;max-width:1440px;}
.footer_panel{width:23%;min-width:280px;margin:5px 1% 20px 2%;display:inline-block;vertical-align:top}
.b_small_link{text-align:left}
.b_small_link a:link,.b_small_link a:visited{color:#666;font-size:13px;margin:9px 0px 0px 0px;float:left;clear:both;text-shadow:1px 1px 2px #fff;}.b_small_link a:hover,.b_small_link a:active{color:#000}
.bangkokbank{background:url(/images/packed4.png) no-repeat -793px 0px;height:30px;width:77px;display:block}
.kbank{background:url(/images/packed4.png) no-repeat -647px 0px;height:30px;width:27px;display:block}
.ktbbank{background:url(/images/packed4.png) no-repeat -737px 0px;height:30px;width:53px;display:block}
.scbbank{background:url(/images/packed4.png) no-repeat -674px 0px;height:30px;width:64px;display:block}
.DBDbadge {background: url(/images/packed4.png) no-repeat -502px -59px;height: 72px;width: 167px;display:block; margin:20px;}
.reload_but{background:url(/images/packed4.png) no-repeat -100px 0px;width:24px;height:24px;border:0px}
.sp-breadlog{background:url(/images/packed4.png) no-repeat -183px -12px;width:34px;height:11px;border:0px}
.sp-dellabel{background:url(/images/packed4.png) no-repeat -385px 0px;width:8px;height:8px;border:0px}
.sp-icon_bin{background:url(/images/packed4.png) no-repeat -266px 0px;width:20px;height:22px;border:0px;cursor:pointer}
.sp-icon_pencil{background:url(/images/packed4.png) no-repeat -286px 0px;width:20px;height:22px;border:0px}
.ibut_delete{float:right;margin-top:7px;width:8px;height:8px;background:url(/images/packed4.png) no-repeat -385px 0px;}
.sp-attentionmid{background:url(/images/packed4.png) no-repeat -217px 0px;width:30px;height:30px;margin:0px auto 15px auto;}
.sp-warning16{background:url(/images/packed4.png) no-repeat -247px 0px;width:19px;height:17px;display:block;}
.green-tick{background:url(/images/packed4.png) no-repeat -0px 0px;width:16px;height:16px;display:block;}
.graybt,.reload_but:hover,.cartbplus:active,.cartbminus:active,.cartbremove:active{opacity:0.40}
.cartbplus,.cartbminus,.cartbremove,.buttons,.sccBtn,.whiteBtn,.freezer,.assignbtn{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
.g-recaptcha{transform:scale(0.87);-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0;}
#shoppingBag,#signinbag,#shippingMethod{padding-bottom:10px}
.cartpage .whiteBtn,.cartpage .sccBtn{max-width:260px;width:100%;height:40px;white-space:normal;}
.shipping_selector_detail {color:#888;padding: 0px 0px 0px 26px;font-size: 11px;}
.freezer{width:100%;top:0px;left:0px;position:fixed;display:none;height:100%;}
.popup{width:280px;padding:20px;background:#fff;color:#c00;font-size:14px;text-align:center;font-weight:bold;position:fixed;top:50%;left:50%;margin:-50px 0 0 -160px;display:none;-moz-box-shadow:0px 1px 3px 1px #888;-webkit-box-shadow:0px 1px 3px 1px #888;box-shadow:0px 1px 3px 1px #888;}
.popup input{clear:both;margin:0 auto;display:block;padding:7px 10px !important}
.popupwarn{margin:-8px 0 25px 0;width:100%;}
.sccBtn{border:0px;background:#000;color:#ccc;border-radius:4px;float:right;margin:10px 0px;font-size:14px;background-image:linear-gradient(to top,#111 0,#333 100%);background-image:-moz-linear-gradient(bottom,#111 0,#333 100%);background-image:-webkit-linear-gradient(bottom,#111 0,#333 100%)}
.sccBtn:active{color:#fff;background-image:-moz-linear-gradient(bottom,#333 0,#444 100%);background-image:linear-gradient(to top,#333 0,#444 100%);background-image:-webkit-linear-gradient(bottom,#333 0,#444 100%)}
.whiteBtn{border:0px;background:#ddd;color:#333;border-radius:4px;float:left;margin:10px 0px;font-size:14px;background-image:-moz-linear-gradient(bottom,#ddd 0,#eee 100%);background-image:linear-gradient(to top,#ddd 0,#eee 100%);background-image:-webkit-linear-gradient(bottom,#ddd 0,#eee 100%)}
.whiteBtn:active{color:#000;background:#aaa;background-image:-moz-linear-gradient(bottom,#aaa 0,#bbb 100%);background-image:linear-gradient(to top,#aaa 0,#bbb 100%);background-image:-webkit-linear-gradient(bottom,#aaa 0,#bbb 100%)}
.cart_itemlist{width:100%;clear:both;border-top:solid 1px #eee;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.2em;}
.cartinfo_left{width:38%;float:left;margin:2px 0px 1px 0px;height:70px}
.cartinfo_left_head{width:66%;float:left;margin:2px 0px 1px 0px;}
.imageProd{min-width:112px;width:20%;PADDING:0px 0px 1px 0px;float:left;text-align:center;overflow:hidden;height:70px;}
.imageProd IMG{WIDTH:112px;HEIGHT:69px;}.imageProd a{width:100%;margin:0px auto;text-align:center;}
.descProd{TEXT-TRANSFORM:uppercase;padding:7px 0px 1px 4px;font-weight:bold;font-size:14px}
.colorsize_cart{float:left;font-weight:normal;color:#999;font-size:12px;padding:7px 3px 0px 0px;min-width:50%;}
.cartinfo_right,.cartinfo_right_head{width:33%;float:left;margin:2px 0px 1px 3px;}
.qty_cart{width:37%;float:left;display:table;}.cartqty_num{float:left;text-align:center;width:52%;height:20px;padding:28px 0px 0px 0px}
.cartqty_but{float:left;width:48%;padding:6px 0px 0px 0px;}
.cartbplus{float:none;margin:0px 0px 17px 0px;background:url(/images/packed4.png) no-repeat -325px 0px;width:24px;height:20px;border:0px;overflow:hidden;border-radius:3px;display:block;cursor:pointer;}
.cartbminus{float:none;background:url(/images/packed4.png) no-repeat -325px -20px;width:24px;height:20px;border:0px;overflow:hidden;border-radius:3px;display:block;cursor:pointer}
.cartbremove{background:url(/images/packed4.png) no-repeat -350px 0px;width:26px;height:25px;border:0px;overflow:hidden;border-radius:3px;display:block;cursor:pointer}
.totalprice_cart{width:45%;float:left;margin:0px}
.totalprice_cart div{margin:27px 0px 0px 3px}
.itemdel_cart{width:17%;float:left;padding:21px 0px 0px 0px}.itemdel_cart img{margin:7px 0px 0px 5%}
.cartprocess2{padding:15px 10%;overflow:hidden;}
.cartprocessnum{padding:10px 0px 0px 0;clear:both;width:100%;margin:0;}
.cartlinepro{height:1px;background:#999;margin:-18px 0px 0px 0px;width:100%;border:0px;z-index:0;position:absolute;right:0;}
.cart_prosize{width:33.33%;height:50px;display:inline-block;position:relative;}
.cart_prosize:first-child .cartlinepro{width:50%;}
.cart_prosize:last-child .cartlinepro{width:50%;right:50%;}
.cart_namesize{width:25.33%;display:inline-block;font-size:12px;color:#333;font-weight:bold;text-align:center;vertical-align:top;padding:0 4%;}
.cartcur,.cartblank{position:relative;z-index:10;border:1px solid #999;padding:8px 13.5px;border-radius:50%;font-weight:bold;font-size:16px;line-height:1.3em;width:9px;margin:0 auto;}
.cartcur{background:#ff6600;color:#fff}.cartblank{background:#ffffff;color:#ccc}
.notetoseller_sec{}
.notetoseller_sec div{width:66%;margin:0 5%;}
.notetoseller_sec textarea{width:90%}
@-webkit-keyframes fxfadedown{0%{-webkit-transform:translateY(-100%);opacity:0;}100%{-webkit-transform:translateY(0);}}
@-moz-keyframes fxfadedown{0%{-moz-transform:translateY(-100%);opacity:0;}100%{-moz-transform:translateY(0);}}
@keyframes fxfadedown{0%{transform:translateY(-100%);opacity:0;}100%{transform:translateY(0);}}
.cart_summary{height:auto;position:relative;overflow:auto;}
.display_cart_info{}
.display_cart_info_hide{overflow:hidden;}
.cartwaitscreen{margin:0;padding:0;background-color:#fafafa;opacity:0.95;width:100%;display:block;z-index:9999;font-size:13px;-webkit-animation:fxfadedown 0.2s ease;-moz-animation:fxfadedown 0.2s ease;animation:fxfadedown 0.2s ease;height:100%;position:absolute;right:0px;float:right;}
.centersection{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;min-width:280px;width:100%;height:190px;}
.widehome{width:100%;min-height:260px;height:78vw;max-height:920px;margin:0px;overflow:hidden;clear:both;display:table;}
.widestore{width:100%;min-height:170px;height:28vw;max-height:450px;height:330px;margin:0px;overflow:hidden;clear:both;display:table;}
.widestoresection{width:100%;min-height: 120px;height: 23vw;max-height: 350px;margin:0px;overflow:hidden !important;clear:both;display:table}
.inlinehalfsplit_fit .widestoresection{max-height:150px;height:11vw;}.inlinehalfsplit_fit .widestore{max-height:230px;height:14vw;}
.widestoresection img{width:100%;margin:-10% 0;}
.middleinside{display:table-cell;vertical-align:middle}
.slide-banner img{width:100% !important}
.slide-banner a{display:block}
.slide-banner a:hover{opacity:0.8;}
.thsarabunnew{line-height:1.4em !important}
.banner_text p {margin:0.4em 0px 0em 0px !important}
.banner_text .f18{font-size:18px;}.banner_text .f24{font-size:24px;}.banner_text .f48,.banner_text .f30{font-size:30px;}
.banner_text .f60{font-size:60px;}.banner_text .f72{font-size:72px;}.banner_text .f84{font-size:84px;}.banner_text .f100{font-size:100px;}
.bank4split{width:25%;min-width:150px;margin:0px;text-align:center;display:inline-block;vertical-align:top}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:300;src:local('Titillium WebLight') , local('TitilliumWeb-Light') , url('https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr9INifKjd1RJ3NxxEi9Cy2w.woff2') format('woff2');unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:300;src:local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');}
/*start menu*/
.list_submenu {display:none;left: 50px;background: #eee;}
.list_submenu li a{font-size: 12px !important;padding: 6px 0 6px 48px !important;display: block !important;font-weight: normal !important;}

#menubartoggle {}
.navbarbutton {width: 56px; cursor:pointer;padding: 2px 0 !important;}
.navbarbutton_ins {display: block;margin: 7px 10px;height: 4px;background-color: #fff;-webkit-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0;transition-delay: .3s,0;}
.menuicrossed{transform: translate3d(0,5px,0) rotate(45deg);}
.menuiicrossed{display:none;}
.menuiiicrossed{transform: translate3d(0,-7px,0) rotate(-45deg);}
.fa-2x{font-size:2em;}
.fa-empty {background:none !important}
.fa{position:relative;display:table-cell;text-align:center;vertical-align:middle;font-size:18px;background:url(/images/packed4.png) no-repeat;}
.fa-cog{background-position:-231px -78px;}
.fa-power-off{background-position:-260px -78px;height:22px !important;}
.fa-home{background-position:1px -78px;}
.fa-list{background-position:-27px -77px;}
.fa-laptop{background-position:-56px -78px;}
.fa-user{background-position:-85px -78px;}
.fa-font{background-position:-114px -78px;}
.fa-folder-open{background-position:-142px -78px;}
.fa-info{background-position:-202px -76px;}
.fa-bar-chart-o{background-position:-172px -77px;}
.fa-comment-o{background-position:-316px -76px;}
.fa-envelope-o{background-position:-286px -77px;}
.fa-img{background-position:-347px -76px;}
.fa-file-img{background-position:-410px -76px;}
.fa-file-2{background-position:-379px -76px;}
.fa-file-text{background-position:-440px -76px;}
.fa-newspaper{background-position:-468px -76px;}
#menu .fa{width:24px;height:19px;margin:3px 18px;display:table-cell;}
.main-menu .fa{width:24px;height:25px;margin:4px 11px;display:inline-block;}
a:hover .fa, li.current_thispage .fa{-webkit-filter:brightness(900%);filter:brightness(900%);}
.main-menu{display:none;background:#fbfbfb;border-right:1px solid #e5e5e5;position:fixed;top:45px;bottom:0;height:100%;left:0;overflow:hidden;z-index:999;}
.main-menu>ul{margin:0;}
.main-menu li.red {background-color: #ddd !important}
.main-menu li{position:relative;display:block;/*width:25vw;*/width:261px;cursor: pointer;}
.main-menu li>a , .main-menu li>div{position:relative;display:table;border-collapse:collapse;border-spacing:0;color:#222;font-family:arial;font-size:14px;text-decoration:none;-webkit-transform:translateZ(0) scale(1, 1);-webkit-transition:all .1s linear;transition:all .1s linear;}
.main-menu .nav-icon{position:relative;display:table-cell;width:60px;height:36px;text-align:center;vertical-align:middle;font-size:18px;}
.main-menu .nav-text{position:relative;display:table-cell;width:100%;vertical-align:middle;font-family:'Kanit', sans-serif;}
.main-menu>ul.logout{position:absolute;left:0;bottom:0;}
.no-touch .scrollable.hover{overflow-y:hidden;}
.no-touch .scrollable.hover:hover{overflow-y:auto;overflow:visible;}
a:hover, a:focus{text-decoration:none;}
nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
nav ul, nav li{outline:0;margin:0;padding:0;}
.main-menu li:hover>a, nav.main-menu li.active>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a{color:#fff !important;background-color:#5fa2db;}
.current_thispage, .main-menu li.current_thispage .menu_selector{color:#47371f !important;background-color:#5fa2db;}
.current_thispage >a , .main-menu li.current_thispage .menu_selector >a {color:#fff !important;background-color:#5fa2db;}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:300;src:local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');}
#menu .nav-text{position:relative;display:table-cell;vertical-align:middle;padding-left:10px;font-family:'Kanit', sans-serif;}
.bxdown{-webkit-animation:bouncex 1s ease;-moz-animation:bouncex 1s ease;animation:bouncex 1s ease;}
.menu-link{display:none;}
.menu{margin:0;padding:0;background-color:#555;width:100%;display:block;z-index:9999;position:fixed;top:0;font-size:13px;}
.menu ul{padding:0px;margin:0px;list-style:none;position:relative;display:inline-table;}
.menu ul li a.active{font-weight:bold;}
.menu ul li a.current{background-color:#000 !important;color:#fff;}
.menu ul.right{padding:0px;margin:0px;list-style:none;position:relative;display:inline-table;right:0px;float:right;}
.menu ul.right li{position:relative;vertical-align:top;}
.menu ul.right li.has-submenu > a{background-color:#888 !important;}
.menu ul.right li ul{right:0px;text-align:left;}
.menu > li > ul.sub-menu{min-width:10em;padding:4px 0;background-color:#eee;border:1px solid #CCC;}
.menu ul li{padding:0px;}
.menu > ul > li{display:inline-block;}
.menu ul li a{display:block;background-color:#555;color:#fff;font-size:.9em;text-align:left;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.menu ul li a:hover{background-color:#333}
.menu ul li > a{padding:13px 14px;font-size:13px;margin:0;}
.menu ul ul{display:none;position:absolute;top:100%;min-width:160px;background-color:#eee;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.menu ul li:hover > ul{display:block;}
.menu ul ul > li{position:relative;font-size:1.1em;background-color:#CCC}
.menu ul ul > li a{padding:5px 15px 5px 10px;height:auto;background-color:#eee;color:#222;}
.menu ul ul > li a:hover{background-color:#f4f4f4;}
.menu ul ul ul{position:absolute;left:100%;top:0;}
.menu ul ul li.has-submenu > a:after{content:'+';position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.1em 0.5em;}
.pagecontent{position:relative;width:auto;margin-left:61px;overflow:hidden;}
#leftnav{list-style-type:none;margin:45px 0 0 61px;padding:0;width:150px;max-width:190px;background-color:#ddd;height:100%;overflow:auto;position:fixed;top:0;left:0;z-index:5;}
#leftnav li a{display:block;color:#000;padding:7px 8px 7px 8px;text-decoration:none;}
#leftnav li a.active{background-color:#4CAF50;color:white;}
#leftnav li a:hover:not(.active){background-color:#555;color:white;}
.right-content{margin-left:230px;padding:0;min-height:1000px;}
.notification_number_menu{position: absolute;z-index: 10;padding: 1px 0px 1px 0px;border-radius: 50%;text-align: center;font-size: 10px;line-height: 18px;width: 21px;background: #dd0000;left: 14px;top: 3.5px;}
.notification_number_menu span{font-weight: bold;color: #fff !important}
/*add new order button*/
.add_ord_button { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809)); background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%); background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%); background: -o-linear-gradient(top, #89c403 5%, #77a809 100%); background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%); background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);
background-color: #89c403; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #74b807; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 13px; padding: 9px 45px; text-decoration: none; text-shadow: 0px 1px 4px #528009; }
.add_ord_button:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403)); background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%); background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%); background: -o-linear-gradient(top, #77a809 5%, #89c403 100%); background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%); background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403', GradientType=0);
background-color: #77a809; opacity:0.9}
.add_ord_button:active { position: relative; top: 1px; }

/****AJAX SEARCH****/
.content_search { width:100%; margin:0 auto; }
.content_search_member {width: 350px;text-align: left;}
#searchid, .searchid {width: 500px;padding: 6px 10px;font-size: 16px;background-color: #FDFDFD;border: 1px solid #999;vertical-align: top;}
#searchid_member, .searchid_member {width:300px; padding:10px; font-size:16px;background-color: #FDFDFD; border:1px solid #999; }
.search_icon{position: relative;}
.search_icon:after {content: '';position: absolute;top:6px;right:11px;background: url(/images/packed4.png) no-repeat -223px -31px;width: 25px;height: 24px;display: inline-block;}
#search_result, .search_result { position:absolute; width:500px; padding:10px; display:none; margin-top:-1px; border-top:0px; overflow:hidden; border:1px #CCC solid; background-color: white;z-index: 99;line-height: 1.3em;}
#search_result_member,.search_result_member { position:absolute; width:300px; padding:10px; display:none; margin-top:-1px; border-top:0px; overflow:hidden; border:1px #CCC solid; background-color: white;z-index: 99;line-height: 1.3em;}
.show_resultlist { padding:10px; border-bottom:1px #999 dashed; font-size:12px; min-height:50px; height:auto; text-align:left; display:block; color:#000; cursor:pointer;  }
.show_resultlist:hover { background:#dadada; color:#222;}
.show_resultlist .name {font-size:14px;}
.resultlist_l {display: inline-block;vertical-align:top;width:24%; padding-right:1%}
.resultlist_r {display: inline-block;vertical-align:top;width:75%;}


@media all and (max-width:768px){.pagecontent{width:auto;position:relative;height:auto;}
#leftnav{width:100%;max-width:768px;height:auto;position:relative;left:0;top:0;text-align:center;margin:0;}
#leftnav li{width:50%;display:inline-block;}
.right-content{margin-left:0;padding:0px;position:relative;margin-top:0;border-top:1px solid #aaa;}
.howtoorder_homebanner { padding: 5px 2.5% 10px 2.5%;}
.food_4coll {display: inline-block; width: 44%; margin: 5px 2.5% 10px 2.5%; vertical-align:top}
}
#headersignin{right:0px;top:13px;display:none;overflow:hidden;background:#fff;position:absolute;border-radius:5px;-moz-box-shadow:0px 5px 15px 1px #888;box-shadow:0px 5px 15px 1px #888;-webkit-box-shadow:4px 4px 18px 0px #888;padding:10 15 15 15;z-index:2000;width:270px}
.section-margin{position:relative;top:-48px;width:100%;max-width:1440px;z-index:2000;margin:0 auto;}
.section-margin2{position:absolute;top:14%;width:100%;z-index:2000;}
.section-margin3{position:absolute;top:35%;width:100%;z-index:2000;}
#main .section-margin2,#main .section-margin3{max-width:1440px;}
#show_bag{display:none;width:48%;max-width:570px;padding:9px 1% 10px 1%;background:#fff;right:0;position:absolute;-moz-box-shadow:0px 1px 3px 0px #999;-webkit-box-shadow:0px 1px 3px 0px #999;box-shadow:0px 1px 3px 0px #999;z-index:2000;}
.popup_editor{display:none;position:absolute;right:0;left:0;margin:0 auto;min-height:10em;width:90%;top:0;min-width:300px;max-width:1000px;background:#fff;font-size:14px;text-align:center;padding:10px 10px;-moz-box-shadow:0px 1px 3px 1px #888;-webkit-box-shadow:0px 1px 3px 1px #888;box-shadow:0px 1px 3px 1px #888;z-index:2000;}
.headcarttitle{font-size:16px;margin:0 auto 6px auto;text-align:center;}
.headercartbtn{margin:5px 10px;display:block;text-align:center;clear:both;padding:10px 9px !important;background:#f26824;color:#fff;}
.headercartbtn:hover{background:#000;color:#fff;}
.assignbtn{font-size:12px;font-weight:normal;background:#f26824;padding:1px 6px;color:#fff;margin:2px 1px;border-radius:3px;text-decoration:none;cursor:pointer;position:absolute;right:1%;top:8px;}
.assignbtn:hover{background:#000;}
@media only screen and (min-width:841px) and (max-width:1050px){
#itempic .main_photo {width:420px;height:420px;}
#itempic .main_photo img{width:420px;height:420px;}
.itemlist .main_photo {width:100%;height:auto; display: inline-block !important}
.itemlist .main_photo img{width:100%;height:auto;}
#itempic {height: 450px;}
}
@media only screen and (max-width:956px){.leftcoll{padding:6px 0px 0px 5px;text-align:left !important;width:100%;}}
@media only screen and (max-width:840px){
.banner_text .f18{font-size:13px;}.banner_text .f24{font-size:16px;}.banner_text .f48,.banner_text .f30{font-size:24px;}
.banner_text .f60{font-size:40px;}.banner_text .f72{font-size:48px;}.banner_text .f84{font-size:60px;}.banner_text .f100{font-size:72px;}
h1,h2,h3,h4,h5{font-weight:bold}
#itemsimilar a {display: inline-block;width:47%;vertical-align:top;margin:5px 1% 15px 1%;}
#show_bag{width:97%;max-width:840px;padding:10px 1.5%;}.section-margin{top:0px;}
.popup_editor{width:97%;max-width:840px;padding:10px 1.5%;}.section-margin2{width:90%;left:5%;top:80px !important;}.section-margin3{width:94%;left:3%;top:100px !important;}
.headlogoimg{width:144px;height:43px;display:block;margin:0px auto}
.headlogoimg_img{width:144px;height:43px;}
#header_nav,#menu5{font-size:11px;}
#header_nav ul li a,#menu5 ul li a{line-height:20px;}
#departmentmenu{padding:7px 0;}
.current_depmain{border-left:#888 1px solid;font-size:13px;margin:2px 0px;}
.current_depmain{border-left:#888 1px solid;font-size:13px;margin:2px 0px;}
.normal_depmain{border-left:#888 1px solid;font-weight:normal;font-size:13px;margin:2px 0px;}
.productlist{margin:2px;}
.product-new,.product-sale,.product-hot{padding:2px 4px;margin:4px 5px 4px 8px;}
.category_menu_itemlist .itempiclist {height: auto; max-width: 300px;}
.category_menu_itemlist .itemlist .main_photo img { width: 100%; height: auto}
#itempage .product-new, #itempage .product-sale, #itempage .product-hot{margin:6px 0px 5px 2.5%;}
.itempage_st_paragraph{padding: 0;float: right;width: 45.5%;font-size: 95%;}
.itemlist h2, .itemlist h3{font-size:16px;}
.itempiclist{height:auto;min-width:154px;}
.itemlist .main_photo{width:100%;}
.itemlist .main_photo img{width:150px;height:auto;}
.itemlist .productgroup_desciption{font-size:13px!important;}
#itempage h1{font-size:26px;padding:0px 0px 0px 1.5%;width: 48%;float: left;}
#itempage .itempricedetail{line-height: 1.4em;padding: 0px 0px 0px 1%;margin: 0;width: 48.5%;float: right;}
.productgroup_desciption{font-size:14px!important;}
#itempic{width:50%;height:390px;text-align:center;font-size:12px;float:left;}
.item-option{width:50%;float:right;}
.slick-prev, .slick-next {display: none !important}
.main_photo{width:360px;height:360px;margin:0px auto;}
.main_photo img{width:360px;height:360px;margin:0px auto;}
.item_desciption{padding:0px 0px 0px 0.5%;}
.twenty_topic{font-size:20px;padding:5px 5px 4px 5px;}
.leftmenu A{FONT-SIZE:11px;font-weight:normal;}
#tabletrans_col_left{margin:8px 0.5% 10px 0px;text-align:left;float:left;width:19.5%;}
#tabletrans_col_right{text-align:left !important;float:left;padding:5px 0.5% 10px 1%;width:78.5%;background:#fff;overflow:hidden;}
}
@media only screen and (max-width:639px){.inlinehalfsplit_fit{display:inline-block;vertical-align:top;width:100% !important;margin:0px}
#itempic{width: 90%;min-width:280px;padding:0;float:none; height:auto;}

#itempic .main_photo{width:90%;height: inherit;margin:0px auto;}
#itempic .main_photo img{width:90%;min-width:300px;height:auto;margin:0px auto;}
    
.itemlist{width:49.4%;}
.itempiclist{padding:0;}
.item-option{width:100%;float:none;-webkit-transition:0.3s;transition:0.3s;}
.item_desciption{padding:0px;}
#itempage h1{margin: 2px auto 0px auto;padding: 0px;width: 90%;float: none;min-width: 280px;}
.itempage_st_paragraph{margin: 8px auto 3px auto;width: 90%;padding: 0px 10% 0px 0;float: none;font-size: 95%;}
#itempage .itempricedetail{margin:0px auto 3px auto;width:90%;float: none;min-width: 280px;}
.productgroup_desciption{padding:1px 1.5% 12px 2.5%;margin:0 !important}
#itempage .detail{margin:1.4em 1.5% 0.1em 2.5%;font-size:13px;}
.slick-prev{left:-20px !important}
.slick-next{right:-20px !important}
.cartpage{padding-bottom:0px}
.cartpage .center .inlinehalfsplit{min-width:130px;}
.whiteBtn,.sccBtn{font-size:13px;}
.menu ul.right{display:inline-table !important}
.menu ul li a.active{display:none}
.menu ul li > a{padding:13px 8px;}
#search_result, #searchid,.search_result, .searchid {width: 420px !important}

}
@media only screen and (max-width:480px){
.banner_text .f18{font-size:12px;}.banner_text .f24{font-size:14px;}.banner_text .f48,.banner_text .f30{font-size:20px;}
.banner_text .f60{font-size:28px;}.banner_text .f72{font-size:36px;}.banner_text .f84{font-size:48px;}.banner_text .f100{font-size:58px;}
li.initial-hidden-breadcrumb{display:none;}
    
#header_nav ul li {width: 25%;}
    
.descProd{font-size:13px;}
.cartinfo_left{width:62%;height:auto;margin:2px 0px 6px 4px; display: block}
.cartinfo_right{width:100%;float:right;border-top:1px solid #fafafa}
.cartqty_num{padding:10px 0px 0px 0px;width:40%;}
.cartqty_but{padding:7px 0px 0px 0px;width:60%;}
.cartbplus{float:left;margin:0px 6px 8px 0px;}
.cartbminus{float:left;}
.totalprice_cart{width:50%;}
.totalprice_cart div{margin:9px 0px 0px 15px}
.itemdel_cart{width:13%;float:left;padding:5px 0px 0px 0px}
.notetoseller_sec{}
.notetoseller_sec div{width:90%;}
.display_cart_info_hide{height:280px !important;}
.cartwaitscreen{opacity:1 !important;}
#search_result, #searchid,.search_result, .searchid {width: 380px !important}
}
@media only screen and (max-width:420px){
#itempic{width: 90%;min-width:280px;padding:0;float:none;}
#search_result, #searchid,.search_result, .searchid {width: 270px !important}

}
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;cursor:-webkit-grab;cursor:-moz-grab;}
.slick-list:focus{outline:none;}
.slick-loading .slick-list{background:white url('/images/loading.gif') center center no-repeat;}
.slick-list.dragging{cursor:pointer;cursor:-webkit-grabbing;cursor:-moz-grabbing;}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1;}
.slick-track:before, .slick-track:after{content:"";display:table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{float:left;height:100%;min-height:1px;display:none;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-prev, .slick-next{position:absolute;height:40px;width:40px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:none;}
.slick-prev:focus, .slick-next:focus{outline:none;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25;}
.slick-prev:before, .slick-next:before{font-size:20px;line-height:1;color:#555;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-prev{left:-32px;background:rgba(0,0,0,.3);width:24px;height:24px;border-radius:50%}
.slick-next{right:-32px;background:rgba(0,0,0,.3);width:24px;height:24px;border-radius:50%}
.slick-prev:before{content:"<";font-size:12px}
.slick-next:before{content:">";font-size:12px}
.slick-dots{list-style:none;text-align:center;padding:0px;width:100%;margin:3px auto 0px auto !important;height:18px;overflow:hidden;line-height:1em;}
.slick-dots li{position:relative;display:inline-block;height:16px;width:16px;padding:0px;cursor:pointer;margin:0px 5px !important;text-indent:0px !important;}
.slick-dots li:before{content:"" !important;}
.slick-dots li button{border:0;background:transparent;display:block;height:16px;width:16px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer;}
.slick-dots li button:focus{outline:none;}
.slick-dots li button:before{position:absolute;top:0;left:0;font-family:arial;content:"\2022";height:16px;width:16px;font-size:40px;line-height:13px;text-align:center;color:#000;opacity:0.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before{opacity:0.75;}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/images/loading-popup.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/images/close-popup.png);}
#add-nav{position:absolute;top:50%;z-index:100;margin-top:-50px;height:100px;display:block;width:100%;}
#sb-nav-next{background:url(/images/icon-nav.png) right no-repeat;float:right;width:30px;height:100%;cursor:pointer}
#sb-nav-previous{background:url(/images/icon-nav.png) left no-repeat;float:left;width:30px;height:100%;cursor:pointer;}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
.form-error{color:#DD0000;line-height:1.5em;font-size:12px;}

.homepage_bullet { text-align: center !important;font-family:'Kanit', sans-serif;}
.homepage_bullet li { display: inline-block}
.howtoorder_homebanner {padding: 5px 2.5% 10px 2.5%;background: #f3f3f3;}
.food_4coll {display: inline-block; width: 28%; margin: 5px 2% 10px 2%; vertical-align:top}


.blinkers {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}









.itprod_icons {top:5px;position: relative;display: table-cell;background-image: url(/images/icons_food_new.png);background-size: 1140px 100px;}
.itemlisted .itprod_icons {width: 37px;
    height: 35px;
    display: inline-block !important;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    vertical-align: top;
    top: -3px !important;
    right: -6px;
    margin-bottom: -15px;
    background-position: 0px 54px;}
.icon_bottle {height: 30px;width: 36px;background-position:-1079px -2px !important;}
.icon_can {height: 30px;width: 31px;background-position: -1055px -2px !important;}
.icon_cartonbox {height: 30px;width: 36px;background-position: -1107px 0px !important;background-repeat: no-repeat;}
.icon_bottle_glass {height: 30px;width: 41px;background-position: -1025px -1px; !important;}
.icon_pork {height: 30px;width: 38px;background-position:3px 1px !important;}
.icon_chicken {height: 30px;width: 38px;background-position:-37px 1px !important;}
.icon_shrimp {height: 30px;width: 38px;background-position: -74px 1px !important;}
.icon_crab {height: 30px;width: 38px;background-position:-222px 2px !important;}
.icon_squid {height: 30px;width: 38px;background-position: -149px -1px !important;}
.icon_seafood {height: 30px;width: 38px;background-position:-183px -1px !important;}
.icon_fried_egg_withrice {height: 30px;width: 38px;background-position:-767px -3px !important;}
.icon_fried_egg {height: 30px;width: 38px;background-position:-112px -3px !important;}
.icon_fried_dishes {height: 30px;width: 38px;background-position: -261px -1px !important;background-repeat: no-repeat;}
.icon_soup {height: 30px;width: 38px;background-position: -302px -2px !important;background-repeat: no-repeat;}
.icon_rice {height: 30px;width: 38px;background-position:-344px 1px !important;background-repeat: no-repeat;}

.icon_onion {height: 30px;width: 38px;background-position: -382px 0px !important;background-repeat: no-repeat;}
.icon_seaweed {height: 30px;width: 38px;background-position:-420px 0px !important;background-repeat: no-repeat;}
.icon_tomato {height: 30px;width: 38px;background-position: -455px -2px !important;background-repeat: no-repeat;}
.icon_salad {height: 30px;width: 38px;background-position:-682px -3px !important;background-repeat: no-repeat;}
.icon_cabbage {height: 30px;width: 38px;background-position:-532px -2px !important;background-repeat: no-repeat;}
.icon_carrot {height: 30px;width: 38px;background-position: -497px -2px !important;background-repeat: no-repeat;}
.icon_cucumber {height: 30px;width: 38px;background-position:-607px -2px !important;background-repeat: no-repeat;}
.icon_eggplant {height: 30px;width: 38px;background-position:-571px -2px !important;background-repeat: no-repeat;}
.icon_sweetpeper {height: 30px;width: 38px;background-position:-644px -3px !important;background-repeat: no-repeat;}
.icon_crispypork {top: 0px;position: relative;display: table-cell;background-image: url(/images/icons_crispy-pork-bellyweb.png) !important;background-size: 38px 50px !important;height: 50px;width: 38px;background-repeat: no-repeat;background-position:0px 0px !important;}











#carticofloater {position: fixed;right: 100px;bottom: 25px;background-color: #FF5722;width: 60px;height: 60px;border-radius: 32px;cursor: pointer;z-index: 99;}
.cartico_floatqty {background: red;position: fixed;right: 37px;bottom: 43px;width: 29px;height: 29px;border-radius: 25px;cursor: pointer;color: #fff;z-index: 100;font-size: 12px;line-height: 31px;text-align: center;vertical-align: middle;}
.cartico_float {margin: 18px 0 0 15px;-webkit-filter: brightness(900%);    filter: brightness(900%);background: url(/images/packed4.png) no-repeat -273px -29px;display: inline-block;height: 23px;width: 29px;}
.youtube_productpage{width: 100%;min-width: 304px;max-width: 800px;height: 40.5vw;min-height: 172px;max-height: 450px;margin:0;}
.hytPlayerWrap{width: 80%;min-width: 304px;max-width: 800px;height: 40.5vw;min-height: 172px;max-height: 450px;display: inline-block; position: relative;}
.hytPlayerWrap.ended::after{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);}
.hytPlayerWrap.paused::after{content:""; position: absolute; top: 0px; left: 0; bottom: 0px; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);}
.socialcontact_footer {width: 45%;margin: 2px 1% 5px 1%;max-width: 800px;min-width: 250px;}
.menu_selector:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cccccc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    /*background: url(/images/menu_arrow.png) no-repeat -1px -1px;*/
	background-size:25px 24px;
    background-repeat: no-repeat;
    background-position: -1px -1px;
    width: 25px;
    height: 24px;
    display: inline-block;
	-webkit-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0;
    transition-delay: .3s,0;
    transform: translate3d(3px,-3px,0) rotate(-90deg);
}


.current_color .menu_selector:after {
    transform: translate3d(0,0,0) rotate(0deg);
}
.current_thispage .menu_selector:after {
    filter: contrast(9);
}






/*Moved from component editor*/

#header_cap_detail {width: 100%;font-size: 15px;background: #47371f;}
#header_cap_detail ul {text-align: center; padding:5px 0;max-width: 1400px;margin: 0 auto;}
#header_cap_detail ul li {font-weight: bold;width: 40%;min-width: 212px;display: inline-block;text-align: left;vertical-align: top;padding-top: 3px;padding-right: 1%; color:#fff;/* -webkit-filter: brightness(21.8) opacity(.9);-moz-filter: brightness(21.8) opacity(.9);filter:brightness(21.8) opacity(.9);*/}
#header_cap_detail ul li p {font-weight:normal !important; font-size:12px; margin: 0 0 0.5em 0; color:#eee; line-height:1.3}

	
.headblock_food_delivery {background: url(https://www.rahvee.com/images/header_icon_ship.png) no-repeat;background-size: 56px;background-position-y: 2px;background-position-x: -2px;padding-left: 57px;}
.headblock_menu_variety {background: url(https://www.rahvee.com/images/header_icon_menu.png) no-repeat;background-size: 53px;background-position-y: 5px;background-position-x: 1px;padding-left: 57px;}
.head_secure_payments {background: url(https://www.rahvee.com/images/header_icon_CD.png) no-repeat;background-size: 56px;background-position-y: 2px;background-position-x: -2px;padding-left: 57px;}
	
@media screen and (max-width: 570px) {
.headblock_food_delivery {background-size: 45px;background-position-y: 5px;background-position-x: 2px;padding-left: 47px;}
.headblock_menu_variety {background-size: 41px;background-position-y: 5px;background-position-x: 2px;padding-left: 47px;}
.head_secure_payments {background-size: 41px;background-position-y: 0px;background-position-x: 0px;padding-left: 45px;}

#header_cap_detail {font-size: 12px;}
#header_cap_detail ul li {width: 34%;min-width: 105px;padding-right: 1%;}
#header_cap_detail ul li p {font-size:8px;}
}

/*END Moved from component editor*/









.navmenudp-desktoponly {display:block;}
.navmenudp-mobileonly {display:none;}
.navbarbutton {display:none;height: 35px;margin: -39px 0 0 4px;cursor: pointer;width: 51px;position: relative;top: 9px;}
.navbarbutton_ins {display: block;margin: 5px 10px;height: 3px;background-color: #ff6600;-webkit-transition-duration: .3s,.3s;transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0;transition-delay: .3s,0;}
.activemenubartoggle{position: fixed;left: 257px;top: 38px;border: 1px solid #ff6600;padding: 17px 3px 5px 3px !important;background: #ff6600;}
.activemenubartoggle .navbarbutton_ins {background-color: #fff !important;}

.menuicrossed{transform: translate3d(0,5px,0) rotate(45deg);}
.menuiicrossed{display:none;}
.menuiiicrossed{transform: translate3d(0,-3px,0) rotate(-45deg);}

.main-menu .current_color,.main-menu .current_color .menu_selector {background-color: #ff6600 !important;}
.list_submenu{background:#fff3ee;}
.list_submenu li a {font-size: 12px !important;padding: 2px 0 2px 50px !important;line-height: 2.8;}
.main-menu li>a , .main-menu li>div{text-align:left; width:100%; font-family: 'Kanit', sans-serif;position:relative;display:table;border-collapse:collapse;border-spacing:0;color:#222;font-size:14px;text-decoration:none;-webkit-transform:translateZ(0) scale(1, 1);-webkit-transition:all .1s linear;transition:all .1s linear;}
.fa-search {background-position: -223px -31px;height: 24px !important;}
.fa-empty {background:none !important; display:none !important; width:0px;}
.main-menu li:hover>a, nav.main-menu li.active>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a{color:#fff !important;background-color:#ff6600;}
.current_thispage, .main-menu li.current_thispage .menu_selector{color:#47371f !important;background-color:#ffeedd;}
.current_thispage >a , .main-menu li.current_thispage .menu_selector >a {color:#47371f !important;background-color:#ffeedd;}

@media only screen and (min-width:786px){	
.main-menu {display: block;position: relative;width: 100%;/*max-width: 1440px;*/border: none;background: #ff6600;top: 0px;height: 48px;}
.main-menu li {position: relative;display: inline-block;width: 20%;cursor: pointer;vertical-align: top; line-height: 2.8;}
.main-menu li ul li {line-height: 2.8;}
.main-menu .list_submenu li {width: 100% !important}
.main-menu .fa{width:24px;height:26px;margin:5px 14px 8px 14px;display:inline-block;}
.main-menu li>a , .main-menu li>div{font-size: 17px !important}
.main-menu>ul{margin:0 auto;position: relative;background: #ff6600;max-width: 1440px;width: 100%;text-align:center; }
.main-menu .nav-text{position:relative;display:table-cell;width:100%;vertical-align:middle;font-family: 'Kanit', sans-serif;}
.main-menu>ul.logout{position:absolute;left:0;bottom:0;}
}



    


@media only screen and (max-width:785px){
.navmenudp-desktoponly {display:none;}
.navmenudp-mobileonly {display:block;}
.navbarbutton {display:block}
#searchbox {display:none;}


.main-menu {display:none;}
.main-menu .fa{width:24px;height:25px;margin:4px 11px;display:inline-block;}
.main-menu {background:#ff6600;border-right:1px solid #ffbb55;position:fixed;top: 0px;bottom:0;height:100%;left:0;width:261px}
.main-menu>ul{margin:0;background: #ff6600;}
.main-menu li{position:relative;display:block;width:261px;cursor: pointer;line-height: 3.2;}
.main-menu .nav-text{position:relative;display:table-cell;width:100%;vertical-align:middle;font-family: 'Kanit', sans-serif;}
.main-menu>ul.logout{position:absolute;left:0;bottom:0;}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){.footersiteshare a,.itemshare a,.ftpaybannerimg_th,.ftpaybannerimg_intl,.sp-breadlog,.headcart,.headcartgreen,.sp-searchbox_but,.sp-searchbox_butgreen,.headacc,.headaccgreen,.cartbplus,.cartbminus,.cartbremove,.sp-attentionmid,.sp-warning16,#success_left_col,#error_left_col,.fblogin_but,.reload_but,.sp-icon_bin,.sp-icon_pencil,.headaccgreen,.bangkokbank,.kbank,.ktbbank,.scbbank,.social-login-btn .icon,#itempage select,.itemlist select,.green-tick,#lang_jump select,.fa,.DBDbadge,.ftline,.cartico_float{background-image:url(/images/packed4@2x.png);background-size:873px 129px;}
}
@media print{
a{text-decoration:underline;}
footer,#tops,#searchbox,.footersiteshare{display:none}
}