@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(../fonts/icomoon.eot);src:url(../fonts/icomoon.eot?#iefix) format("embedded-opentype"),url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.svg#icomoon) format("svg")}@font-face{font-family:supermarket;font-style:normal;font-weight:400;src:url(../fonts/supermarket.eot);src:url(../fonts/supermarket.eot?#iefix) format("embedded-opentype"),url(../fonts/supermarket.woff) format("woff"),url(../fonts/supermarket.ttf) format("truetype"),url(../fonts/supermarket.svg#supermarket) format("svg")}
*,:after,:before{box-sizing:border-box}nav a.main_menu{color:#fff;display:inline-block;font-size:18px;letter-spacing:1px;margin:15px 0;outline:none;position:relative;text-decoration:none!important;text-transform:uppercase}nav a:focus,nav a:hover{color:#000;outline:none}.cl-effect-21 a{padding:10px 20px;text-shadow:none;transition:color .3s}.cl-effect-21 a:after,.cl-effect-21 a:before{background:#fff;content:"";height:2px;left:0;opacity:0;position:absolute;transform:translateY(-10px);transition:opacity .3s,transform .3s;width:100%}.cl-effect-21 a.main_menu:before{top:0;transform:translateY(-10px)}.cl-effect-21 a.main_menu:after{bottom:0;transform:translateY(10px)}.cl-effect-21 a.main_menu.active,.cl-effect-21 a.main_menu:focus,.cl-effect-21 a.main_menu:hover{color:#fff}.cl-effect-21 a.main_menu.active:after,.cl-effect-21 a.main_menu.active:before,.cl-effect-21 a.main_menu:focus:after,.cl-effect-21 a.main_menu:focus:before,.cl-effect-21 a.main_menu:hover:after,.cl-effect-21 a.main_menu:hover:before{opacity:1;transform:translateY(0)}.dl-menuwrapper{max-width:300px;perspective:1000px;perspective-origin:50% 200%;position:relative;width:100%;z-index:9999}.dl-menuwrapper:first-child{margin-right:100px}.dl-menuwrapper button{background:#5c5c5c;border:none;cursor:pointer;height:45px;outline:none;overflow:hidden;position:relative;text-indent:-900em;width:48px}.dl-menuwrapper button.dl-active,.dl-menuwrapper button:hover,.dl-menuwrapper ul{background:#5c5c5c}.dl-menuwrapper button:after{background:#fff;box-shadow:0 10px 0 #fff,0 20px 0 #fff;content:"";height:5px;left:16%;position:absolute;top:10px;width:68%}.dl-menuwrapper ul{list-style:none;padding:0;transform-style:preserve-3d}.dl-menuwrapper li{position:relative}.dl-menuwrapper li a{color:#fff;display:block;font-size:18px;font-weight:400;line-height:18px;outline:none;padding:15px 18px;position:relative}.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,.1)}.dl-menuwrapper li.dl-back>a{background:rgba(0,0,0,.1);padding-left:30px}.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li>a:not(:only-child):after{speak:none;-webkit-font-smoothing:antialiased;color:#fff;content:"\e000";font-family:icomoon;line-height:45px;position:absolute;top:0}.dl-menuwrapper li.dl-back:after{color:hsla(26,14%,80%,.3);color:#fff;left:10px;transform:rotate(180deg)}.dl-menuwrapper li>a:after{color:rgba(0,0,0,.15);right:10px}.dl-menuwrapper .dl-menu{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:5px 0 0;opacity:0;pointer-events:none;position:absolute;transform:translateY(10px);width:100%}.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all .3s ease}.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;transform:translateY(0)}.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subview>a,.dl-menu.dl-subview li.dl-subviewopen>a,.dl-menuwrapper li .dl-submenu{display:none}.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li{display:block}.dl-menuwrapper>.dl-submenu{left:0;margin:0;position:absolute;top:50px;width:100%}.dl-menu.dl-animate-out-1{animation:MenuAnimOut1 .4s}@keyframes MenuAnimOut1{50%{transform:translateZ(-250px) rotateY(30deg)}75%{opacity:.5;transform:translateZ(-372.5px) rotateY(15deg)}to{opacity:0;transform:translateZ(-500px) rotateY(0deg)}}.dl-menu.dl-animate-in-1{animation:MenuAnimIn1 .3s}@keyframes MenuAnimIn1{0%{opacity:0;transform:translateZ(-500px) rotateY(0deg)}20%{opacity:.5;transform:translateZ(-250px) rotateY(30deg)}to{opacity:1;transform:translateZ(0) rotateY(0deg)}}.dl-menuwrapper>.dl-submenu.dl-animate-in-1{animation:SubMenuAnimIn1 .4s ease}@keyframes SubMenuAnimIn1{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}.dl-menuwrapper>.dl-submenu.dl-animate-out-1{animation:SubMenuAnimOut1 .4s ease}@keyframes SubMenuAnimOut1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50%)}}.no-js .dl-menuwrapper .dl-menu{opacity:1;position:relative;transform:none}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li>a:not(:only-child){background:rgba(0,0,0,.1)}.no-js .dl-menuwrapper li>a:not(:only-child):after{content:""}
body,html{height:100%}body{font-family:Athiti,sans-serif;font-size:15px;line-height:1.4}.clear{clear:both}p{margin:5px 0}img{max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}ol,ul{margin:0;padding:0 0 0 25px}a{outline:none}#wrapper{background:url(../images/paper.png);overflow:hidden;width:100%}.container{margin:0 auto;max-width:1200px;position:relative;width:100%}.bg_grey{background-color:#e6e6e6;font-size:18px;padding:40px 0}.bg_grey h1{color:#004153;font-size:40px;font-weight:700}.top_menu{background-color:#0089ae;position:relative;text-align:center}.top_menu ul{list-style:none;padding:0}.top_menu ul li{display:inline-block}.submenu{background-color:#fff;border-top:1px solid #ccc;opacity:0;padding:20px!important;position:absolute;text-align:left;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;visibility:hidden;z-index:100}.submenu li{display:block!important;float:none!important;padding-bottom:10px!important}.submenu li a{font-size:16px;padding:0}.dropdownmenu:hover .submenu{opacity:1;visibility:visible;z-index:9999}.flex_box{display:flex;flex-wrap:wrap}.welcome_box{background-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.5);margin-bottom:20px;padding:0 20px}.welcome_about_box,.welcome_box{border-radius:20px;box-shadow:6px 6px 15px #ccc}.welcome_about_box{background:url(../images/ricepaper.png);padding:20px 20px 15px}.welcome_abouttext_box{background-color:rgba(77,52,24,.6);background:rgba(77,52,24,.6);border-radius:20px;margin:0 auto;width:80%}.advt{background:url(../images/boxpaper_new.jpg);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;border-radius:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:auto;max-width:900px;padding:25px 30px}.advt,.advt a{color:#333}.advt .h1{background:#593c14;color:#fff;display:block;font-size:34px;line-height:1.1;margin-left:-30px;margin-top:0;padding:20px;width:calc(100% + 60px)}.advt h3{line-height:1.4;margin-bottom:20px}.advt-contact{display:block}.advt-contact:after{clear:both;content:"";display:block}.advt-contact-left{float:left;width:140px}.advt-contact-right{float:right;width:calc(100% - 170px)}.advt-contact-tel{color:#934b1c;font-size:22px;font-weight:700;margin:0 0 10px}.advt-contact-tel .highlight{font-size:34px}.advt-contact-right nav a{display:inline-block;font-size:22px;margin-right:-4px;padding:4px 0;width:50%}.advt-contact-right nav a:hover{text-decoration:none}.advt-contact-right nav a img{width:35px}.welcome_abouttext_box ul{list-style-type:none;padding:10px 40px}.welcome_abouttext_box a{color:#fff}.bg_welcome{background:url(../images/ricepaper.png);border-radius:15px;padding:15px 0}.welcome_text{font-size:18px;padding:10px 0;text-align:left}.pro_box{background-color:#fff;border-radius:15px;margin-bottom:25px;padding:20px}.pro_pic_box{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px}.pro_price{margin-top:20px}.pro_subtext{color:red;font-size:15px}.topic_my{color:#004153;font-size:40px;font-weight:700}.topic_my span{font-size:22px;font-weight:400}.top_border_product{-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;background-color:#b2c9cf;-webkit-border-top-left-radius:20px;border-top-left-radius:20px;-webkit-border-top-right-radius:20px;border-top-right-radius:20px;color:#004153;font-size:22px;font-weight:700;padding:10px 20px}.product_thumnail{background-color:#fff;margin-bottom:15px;text-align:center}.product_box{background-color:#fff;font-size:18px;padding:0 20px 20px}.product_pic{padding:10px}.product_pic img{max-height:250px}input.price_box{background-color:#ccc;border:2px solid #fff;outline:none;padding:5px 10px}input.price_box:focus{border:2px solid #000}.buy_btn{margin:10px 0 0;text-align:center}.buy_btn a{background-color:#115b6f;color:#fff;padding:5px 20px;text-decoration:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}.buy_btn a:hover{background-color:#000}.content_box{background-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.5);font-size:21px;margin:30px 0;padding:30px}.content_box p{margin:15px 0}.table_payment{border:3px solid #abc6ce!important;border-radius:15px;margin:30px 20px 0;padding:20px}.pic_left{float:left;padding:0 30px 10px 0}.input_box{padding:10px}label.control-label{color:#000;font-size:1.7rem;font-weight:400;line-height:1;margin-bottom:8px}.control input[type=text],.control textarea{-webkit-appearance:none;-moz-appearance:none;border:2px solid #fff;border-radius:0;color:#000;font-size:1.6rem;padding:10px 20px;width:100%}#checkform button,.control input[type=text]:focus,.control textarea:focus{border:2px solid #000;outline:none}#checkform button{background-color:transparent;margin:20px;padding:10px 25px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}#checkform button:hover{background-color:#000;color:#fff;outline:none}.cart_shopping{position:absolute;right:0;top:25%;z-index:10}.cart_shopping a{color:#fff;font-size:3rem;text-decoration:none}.cart_shopping a .piece_cart{font-size:18px}.cart_shopping.mobile{right:20px;top:25%;z-index:99999}.cart_shop_table{width:236px}.cart_shop_list{max-height:390px;overflow-y:auto}.cart_shop_item{border-bottom:1px solid #eee;display:block;float:none;margin:0;min-width:100px;padding:10px 30px 10px 10px;position:relative;white-space:normal;width:100%}.cart_shop_item a.remove{color:#000}.cart_shop_item .remove{font-size:20px;margin:0;padding:0;position:absolute;right:0;top:20px}.cart_shop_table .subtotal{border-top:3px solid #eee;font-size:16px;padding:20px 0;text-align:center}.cart_shop_table .checkout{margin:0 0 20px;text-align:center;width:100%}.cart_shop_table .checkout a{background-color:#d26e4b;font-size:18px;padding:10px 40px}.cart_order{border:2px solid #627f9a;padding:20px}.shop-table th{border-bottom:3px solid #ccc}.shop-table tr{border-bottom:1px dotted #ddd}.shop-table td{font-size:17px}.shop-table .order_total{border-bottom:3px solid #ccc;font-weight:700}.shop-table .order_total td{font-size:20px}.howto_shop{font-size:18px;margin-top:30px}.howto_shop h3{color:#627f9a;font-size:20px;margin-bottom:10px}.fsc-container{background:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;font-size:18px;overflow:hidden;padding:0 30px 30px}.fsc-container ol,.fsc-container p{margin-bottom:15px}.fsc-container ol{padding-left:28px}.fsc-container ol li{margin-bottom:4px}.fsc-cover{margin-bottom:30px;margin-left:-30px;overflow:hidden;width:calc(100% + 60px)}.fsc-title>span{border-bottom:2px solid #000;display:inline-block;font-weight:700;margin-bottom:20px;padding-bottom:10px}.fsc-title>sup{font-weight:700;margin-left:3px}.fsc-column:after{clear:both;content:"";display:block;position:relative}.fsc-column .fsc-img{display:inline-block;float:right;vertical-align:top;width:320px}.fsc-column .fsc-img img{max-width:100%}.fsc-column .fsc-desc{display:inline-block;float:left;vertical-align:top;width:calc(100% - 320px)}.kc-main-title{color:#004153;margin-bottom:25px}.kc-sub-title{color:#337ab9}.kc-line{border-color:#ddd;margin:30px 0}.big_banner:hover .next_btn,.big_banner:hover .prev_btn{opacity:1}.next_btn,.prev_btn{display:block;height:100%;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;width:160px;z-index:100}.next_btn span,.prev_btn span{bottom:0;display:block;height:60px;left:0;margin:auto;position:absolute;right:0;top:0;width:60px;z-index:200}.prev_btn{left:0}.next_btn{right:0}.prev_btn span{background:url(../images/prev_btn.png)}.next_btn span,.prev_btn span{transition:background .3s ease-in-out;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out}.next_btn span{background:url(../images/next_btn.png)}.prev_btn:hover.prev_btn span{background:url(../images/prev_btn_active.png)}.next_btn:hover.next_btn span{background:url(../images/next_btn_active.png)}.delivery_gateway{background:#e6e6e6;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin-top:35px;padding:20px 30px 10px}.delivery_gateway,.delivery_gateway h3{margin-bottom:20px}.delivery_item{margin-bottom:10px;text-align:center}.delivery_image{margin-bottom:5px}.delivery_title{font-size:17px}footer{background-color:#115b6f;padding:40px 0}footer a{color:#fff!important;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease}footer a:hover,footer ul{color:#fff}footer ul{font-size:20px;list-style-type:none;padding:0}footer ul li{margin-bottom:25px}footer ul li ul{font-size:16px;margin-top:10px}footer ul li li{margin-bottom:10px}footer .address{color:#fff;font-size:18px;text-align:right}.mobile_menu{display:none}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:0}.table-responsive{border:0}.proddesc{font-size:16px}.proddesc2{font-size:18px}.fadehover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:opacity .5s ease;-moz-transform:opacity .5s ease;-o-transform:opacity .5s ease;-ms-transform:opacity .5s ease;transition:opacity .5s ease}.fadehover:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}@-moz-document url-prefix(){img{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:auto;max-width:100%;transform:translateZ(0) scale(1)}}.no-s{margin:0!important;padding:0!important}.no-m{margin:0}.no-p{padding:0}.m{margin:15px}.m-t-xxs{margin-top:5px}.m-r-xxs{margin-right:5px}.m-b-xxs{margin-bottom:5px}.m-l-xxs{margin-left:5px}.m-t-xs{margin-top:10px}.m-r-xs{margin-right:10px}.m-b-xs{margin-bottom:10px}.m-l-xs{margin-left:10px}.m-t-sm{margin-top:15px}.m-r-sm{margin-right:15px}.m-b-sm{margin-bottom:15px}.m-l-sm{margin-left:15px}.m-t-md{margin-top:20px}.m-r-md{margin-right:20px}.m-b-md{margin-bottom:20px}.m-l-md{margin-left:20px}.m-t-lg{margin-top:25px}.m-r-lg{margin-right:25px}.m-b-lg{margin-bottom:25px}.m-l-lg{margin-left:25px}.m-t-xxl{margin-top:30px}.m-r-xxl{margin-right:30px}.m-b-xxl{margin-bottom:30px}.m-l-xxl{margin-left:30px}.m-t-n-xxs{margin-top:-5px}.m-r-n-xxs{margin-right:-5px}.m-b-n-xxs{margin-bottom:-5px}.m-l-n-xxs{margin-left:-5px}.m-t-n-xs{margin-top:-10px}.m-r-n-xs{margin-right:-10px}.m-b-n-xs{margin-bottom:-10px}.m-l-n-xs{margin-left:-10px}.m-t-n-sm{margin-top:-15px}.m-r-n-sm{margin-right:-15px}.m-b-n-sm{margin-bottom:-15px}.m-l-n-sm{margin-left:-15px}.m-t-n-md{margin-top:-20px}.m-r-n-md{margin-right:-20px}.m-b-n-md{margin-bottom:-20px}.m-l-n-md{margin-left:-20px}.m-t-n-lg{margin-top:-25px}.m-r-n-lg{margin-right:-25px}.m-b-n-lg{margin-bottom:-25px}.m-l-n-lg{margin-left:-25px}.m-t-n-xxl{margin-top:-30px}.m-r-n-xxl{margin-right:-30px}.m-b-n-xxl{margin-bottom:-30px}.m-l-n-xxl{margin-left:-30px}.p-h-xxs{padding-left:5px;padding-right:5px}.p-h-xs{padding-left:10px;padding-right:10px}.p-h-sm{padding-left:15px;padding-right:15px}.no-p-r{padding-right:0}.no-p-h,.no-p-l{padding-left:0}.no-p-h{padding-right:0}.no-p-v{padding-bottom:0;padding-top:0}.p-h-md{padding-left:20px;padding-right:20px}.p-h-lg{padding-left:25px;padding-right:25px}.p-h-xxl{padding-left:30px;padding-right:30px}.p-v-xxs{padding-bottom:5px;padding-top:5px}.p-v-xs{padding-bottom:10px;padding-top:10px}.p-v-sm{padding-bottom:15px;padding-top:15px}.p-v-md{padding-bottom:20px;padding-top:20px}.p-v-lg{padding-bottom:25px;padding-top:25px}.p-v-xxl{padding-bottom:30px;padding-top:30px}

@media screen and (max-width:991px){.desktop_menu,.next_btn,.prev_btn{display:none}.mobile_menu{background-color:#5c5c5c;display:block;padding:10px;position:relative;width:100%;z-index:9999}.welcome_abouttext_box{text-align:center}.delivery_gateway{margin-bottom:30px;margin-top:0}footer .address{text-align:center}}
@media screen and (max-width:768px){body,html{height:auto}.fsc-column .fsc-img{text-align:center}.fsc-column .fsc-desc,.fsc-column .fsc-img{float:none;width:100%}.advt .h1{font-size:26px}.advt h3{font-size:22px}.advt-contact-left{width:120px}.advt-contact-right{width:calc(100% - 150px)}.advt-contact-tel{font-size:22px}.advt-contact-tel .highlight{font-size:26px}.advt-contact-right nav a{font-size:20px;width:100%}.advt-contact-right nav a .btn-contact-line{height:20px!important}.advt-contact-right nav a img{width:30px}}
@media screen and (max-width:480px){.content_box{padding:30px 10px}.table-responsive{margin-left:0}.pic_left{float:none;padding:0;text-align:center}.big_banner{display:none!important}.fsc-container{padding:0 20px 20px}.fsc-cover{margin-bottom:20px;width:calc(100% + 40px)}.fsc-title{font-size:28px}.fsc-cover img{margin-left:-50%;max-width:200%}.fsc-column .fsc-img{margin-bottom:12px}.advt{padding-left:15px;padding-right:15px}.advt .h1{margin-left:-15px;width:calc(100% + 30px)}.advt-contact-left,.advt-contact-right{float:none;width:100%}.advt-contact-left{margin:auto auto 10px;width:140px}.advt-contact-tel{font-size:20px;text-align:center}.advt-contact-tel .highlight{font-size:22px}.advt-contact-right nav a{font-size:18px}.advt-contact-right nav a img{width:25px}}