body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#474747}.app-admin,body,code{font-family:"Libre Baskerville",serif}.app-admin{margin:0;background-color:#f0f4f7;min-height:100vh;padding:70px 35px 20px}.head-product-tab{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.head-product-tab>div{display:flex}.head-product-tab h3{margin:0}.head-product-tab>button{background-color:#3899ec;font-family:"Libre Baskerville",serif;height:36px;width:160px;border:0;border-radius:18px;box-shadow:0 0 16px #e9e9e9;color:#fff;font-size:1rem}#num-product{margin:0 8px}.display-edit-banner,.display-orders,.display-product,.edit-product{background-color:#fff;border-radius:4px;box-shadow:0 0 16px #e9e9e9}.select-filter-orders,.select-filter-product{display:flex;justify-content:space-between;padding:20px 40px}.search-tab{display:flex;align-items:center;justify-content:space-between}.search-tab>.icon-search{background-image:url(https://www.flaticon.com/svg/static/icons/svg/1020/1020190.svg);width:24px;height:24px;opacity:.5;filter:alpha(opacity=50);background-size:cover}.search-tab>input{border:0;width:88%}.select-filter-orders>.search-tab,.select-filter-orders select,.select-filter-product>.search-tab,.select-filter-product select{width:200px;height:30px;margin:8px;border:1px solid #3899ec;border-radius:15px;padding:0 8px;font-family:"Libre Baskerville",serif;cursor:pointer}.table-img-product{width:80px;height:80px;object-fit:cover;border-radius:50%}.table-display-order,.table-display-product{width:100%}.table-topics{background-color:rgba(240,244,247,.5);font-size:.8rem;height:40px}.table-display-order,.table-display-order td,.table-display-order th,.table-display-product,.table-display-product td,.table-display-product th{border-collapse:collapse}.name-product-list-table-display-product>a{-webkit-text-decoration-line:none;text-decoration-line:none;color:#0639c1}.table-display-order td,.table-display-order th,.table-display-product td,.table-display-product th{text-align:center;vertical-align:middle}.table-display-product>tbody>tr:hover{cursor:pointer;background-color:#e8f4ff}.action-edit-product{display:flex;height:80px;align-items:center;justify-content:center}.store-list>div>.delete,.table-display-product .delete,.table-display-product .duplicate,.table-display-product .visibility{width:20px;height:20px;opacity:.4;margin:20px;background-size:cover;cursor:pointer}.store-list>div>.delete{margin-left:0}.table-display-product .duplicate{background-image:url(https://www.flaticon.com/svg/static/icons/svg/1477/1477084.svg)}.store-list>div>.delete,.table-display-product .delete{background-image:url(https://www.flaticon.com/svg/static/icons/svg/1345/1345874.svg)}.store-list>div>.delete:hover,.table-display-product .delete:hover,.table-display-product .duplicate:hover,.table-display-product .visibility:hover{opacity:.76}.head-orders-tab{padding:18px 0;display:flex;align-items:center;justify-content:space-between}.head-orders-tab h3{margin:0}.table-display-order>tbody>tr:hover{cursor:pointer;background-color:#e8f4ff}.detail-order>.detail{width:20px;height:20px;opacity:.4;margin:20px;background-size:cover;background-image:url(https://www.flaticon.com/svg/static/icons/svg/271/271228.svg)}.display-edit-banner{padding:20px;display:flex}.display-edit-banner>div{display:flex;flex-direction:column;align-items:center}.add-banner{margin-top:20px;margin-bottom:20px;cursor:pointer;background-image:url(https://www.flaticon.com/svg/static/icons/svg/401/401061.svg);background-size:cover;width:60px;height:60px}.hide{display:none}.show{visibility:visible}.store-list{overflow-y:scroll;height:314px;min-width:300px}.store-list>div{display:flex;align-items:center;justify-content:space-between;width:300px;height:60px;font-size:small}.storage-img{width:60px;max-height:50px;border-radius:4px;margin:1rem;object-fit:contain}.store-list>div:hover{background-color:#e8f4ff}.show-ex-edit-banner{width:100%}.edit-news-img button,.show-ex-edit-banner button{background-color:#e4e4e4;font-family:"Libre Baskerville",serif;height:36px;width:80px;border:0;border-radius:4px;box-shadow:0 0 4px #b1b1b1;margin:0 10px 20px}.edit-news-img button#publish_banner,.show-ex-edit-banner button#publish_banner{background-color:#3899ec;color:#fff}.form-edit-product>.head-product-tab>div>a>button{background-color:#e4e4e4}.form-edit-product>.head-product-tab>div>a>button,.form-edit-product>.head-product-tab>div>button{font-family:"Libre Baskerville",serif;height:36px;width:100px;border:0;border-radius:18px;box-shadow:0 0 4px #888;font-size:1rem;margin-left:20px}.form-edit-product>.head-product-tab>div>button{background-color:#3899ec;color:#fff}.edit-product{display:flex}.edit-product>div:first-child{width:90%;overflow:hidden;display:flex;flex-direction:column;padding:18px;margin-bottom:20px}.edit-product>div:nth-child(2){padding:20px 0 0 20px;margin-left:20px;display:flex;flex-direction:column;border-left:1px solid grey}.display-edit-img-product{height:160px;display:flex;overflow:hidden}.div-edit-img-product{position:relative;transition:.3s ease}.text-edit-img-product{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:transparent;transition:.3s ease}.edit-img-product{width:140px;height:140px;object-fit:contain;border:.6px solid #cecece;margin:8px}.div-edit-img-product:hover{opacity:.3;cursor:pointer}.div-edit-img-product:hover .text-edit-img-product{color:#000}.form-edit-product button:focus,.form-edit-product input:focus,.form-edit-product select:focus,.form-edit-product textarea:focus{outline:none}.form-edit-product input{font-weight:100%;padding:4px;margin:10px 0 30px;border:0;border-bottom:1.4px solid #a1a1a1}.form-edit-product input:focus,.form-edit-product input:hover,.form-edit-product textarea:focus,.form-edit-product textarea:hover{border-bottom:1.4px solid #000}.form-edit-product textarea{border:0;border-bottom:1.4px solid #a1a1a1;width:100%;height:80px;resize:none;font-family:"Libre Baskerville",serif}.tab-input-edit-product{display:flex;justify-content:space-between;align-items:center}.form-edit-product select{width:180px;margin:10px 0 30px 10px;padding-left:8px;padding-right:8px;border-radius:18px;font-family:"Libre Baskerville",serif;height:28px;border:1.4px solid #a1a1a1}.form-edit-product select:focus,.form-edit-product select:hover{border:1.4px solid #000}.display-detail-orders{display:flex;flex-direction:column;justify-content:center;padding:40px 80px}.display-detail-orders h2{margin:0}.display-detail-orders>.display-detail-customer-orders{display:flex;justify-content:space-between}.display-detail-orders>.display-detail-customer-orders>div{display:flex;flex-direction:column}.display-detail-orders img{width:300px;height:300px;object-fit:contain}.display-detail-orders button{background-color:#e4e4e4;font-family:"Libre Baskerville",serif;height:36px;width:140px;border:0;border-radius:18px;box-shadow:0 0 4px #888;font-size:1rem;margin-left:20px}.display-detail-orders button.confirm-order-btn{background-color:#3899ec;color:#fff}.display-detail-orders button.download-pp-slip-btn{background-color:#0ca118;color:#fff;width:260px;margin-top:16px}.display-detail-orders button.sended-order-btn{background-color:#3899ec;color:#fff;width:220px;font-size:.9em}.display-detail-orders input{font-weight:100%;padding:4px;margin-left:10px;border:0;border-bottom:1.4px solid #a1a1a1}.display-detail-orders input:focus,.display-detail-orders input:hover{border-bottom:1.4px solid #000}.head-orders-tab>button{background-color:#3899ec;color:#fff;font-family:"Libre Baskerville",serif;height:30px;width:140px;border:0;border-radius:18px;box-shadow:0 0 4px #888;font-size:.85rem}.div-sign-up>h1{text-align:center;padding-top:20px}.div-sign-up form{display:flex;flex-direction:column;align-items:center;margin:30px}.div-sign-up label{width:420px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.div-sign-up input{font-weight:100%;padding:4px;margin-left:10px;width:280px;border:0;border-bottom:1.4px solid #a1a1a1;background-color:transparent}.div-sign-up input:focus,.div-sign-up input:hover{border-bottom:1.4px solid #000}.div-sign-up button{background-color:#3899ec;color:#fff;font-family:"Libre Baskerville",serif;height:30px;width:180px;border:0;border-radius:18px;box-shadow:0 0 4px #888;font-size:.85rem;margin:10px 0 30px}.div-sign-up>div>img{width:100px;height:60px;object-fit:cover;margin-right:12px}.app-login,.div-sign-up>div.admin-logo-login{display:flex;align-items:center;justify-content:center}.app-login{flex-direction:column;background-image:url(https://cdn.pixabay.com/photo/2017/10/22/21/01/wood-2879254_960_720.jpg);color:#000;height:100vh;width:100vw;overflow:hidden;background-size:cover}.div-log-in{background-color:hsla(0,0%,100%,.8);padding:20px;border-radius:8px}.div-log-in>h1{margin:0 0 10px}.div-log-in>div{display:flex;align-items:center;justify-content:space-between}.div-log-in button{margin:20px}.table-display-product-order{width:300px}.table-display-product-order td,.table-display-product-order th{border:1px solid #000;cursor:auto}.table-display-product-order td{height:22px}.table-display-product-order td:first-child{font-size:.7rem}.table-display-product-order td:last-child{font-size:.8rem}.edit-news-img{display:flex;flex-direction:column;justify-content:center;align-items:center}.edit-news-img>img{width:70%;object-fit:contain;margin-bottom:16px}.name-img-insert{white-space:nowrap;width:60px;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1070px){#body_table_orders td{font-size:.9rem}}@media screen and (max-width:1024px){.select-filter-orders>.search-tab,.select-filter-orders select,.select-filter-product>.search-tab,.select-filter-product select{width:160px}.search-tab>input{width:140px}.search-tab>.icon-search{width:16px;height:16px}#body_table_orders td{font-size:.8rem}}.store-list .icon-move{display:flex;flex-direction:column;cursor:pointer}.store-list .icon-move-down,.store-list .icon-move-up{background-image:url(https://www.flaticon.com/svg/static/icons/svg/56/56921.svg);width:20px;height:20px;background-size:cover;opacity:.4}.store-list .icon-move-down{transform:rotate(180deg)}.store-list .icon-move-down:hover,.store-list .icon-move-up:hover{opacity:.76}#spinner{position:fixed;top:200px;opacity:.6;width:100px;height:100px;border:20px solid #fff;border-top-color:#ffbd72;border-radius:50%;-webkit-animation:spinAnimation 2s linear infinite;animation:spinAnimation 2s linear infinite}.spinner-hide{visibility:hidden}.spinner-show{visibility:visible}@-webkit-keyframes spinAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:898px){.select-filter-orders>.search-tab,.select-filter-orders select,.select-filter-product>.search-tab,.select-filter-product select{width:140px}.search-tab>input{width:120px}.search-tab>.icon-search{width:16px;height:16px}}@media screen and (max-width:883px){#body_table_orders td{font-size:.72rem}}@media screen and (max-width:803px){label{font-size:14px}.select-filter-orders select,.select-filter-product select{margin:0 10px 0 0;width:180px}.select-filter-orders>.search-tab,.select-filter-product>.search-tab{margin:0;width:180px}.search-tab{margin-top:40px}.select-filter-orders>.search-tab,.select-filter-product>.search-tab{margin:20px}#body_table_orders td{font-size:.68rem}}@media screen and (max-width:786px){#body_table_orders td{font-size:.66rem}}@media screen and (max-width:734px){.table-display-order col:nth-child(3),.table-display-order col:nth-child(4),.table-display-order td:nth-child(3),.table-display-order td:nth-child(4),.table-display-order th:nth-child(3),.table-display-order th:nth-child(4){display:none}#body_table_orders td{font-size:.8rem}}@media screen and (max-width:709px){.select-filter-orders>.search-tab,.select-filter-orders select,.select-filter-product>.search-tab,.select-filter-product select{width:140px}.search-tab>input{width:110px}.div-log-in{width:60vw;padding:20px}.div-log-in label{width:50vw}.div-log-in input{width:30vw}}@media screen and (max-width:639px){#body_table_orders td{font-size:.76rem}}@media screen and (max-width:622px){label{font-size:10px}.select-filter-orders>.search-tab,.select-filter-orders select,.select-filter-product>.search-tab,.select-filter-product select{width:120px}.search-tab>input{width:90px}#body_table_product td{font-size:.8rem}#body_table_orders td{font-size:.7rem}#body_table_orders td:nth-child(6){font-size:.66rem}}@media screen and (max-width:564px){.select-filter-orders,.select-filter-product{padding:10px 20px}.select-filter-orders>.search-tab,.select-filter-orders select,.select-filter-product>.search-tab,.select-filter-product select{width:120px;font-size:10px}.search-tab>input{width:80px}.table-display-order .detail,.table-display-product .delete,.table-display-product .duplicate,.table-display-product .visibility{width:18px;height:18px;opacity:.4;margin:10px}#body_table_orders td{font-size:.7rem}#body_table_orders td:nth-child(6){font-size:.62rem}}@media screen and (max-width:558px){.table-topics{height:36px;font-size:.6rem}#body_table_product td{font-size:.75rem}#body_table_orders td{font-size:.72rem}#body_table_orders td:nth-child(6){font-size:.66rem}.table-display-order .detail,.table-display-product .delete,.table-display-product .duplicate,.table-display-product .visibility{width:18px;height:18px;opacity:.4;margin:12px}.div-log-in a{font-size:.8em}}@media screen and (max-width:522px){.table-topics{height:34px;font-size:.5rem}#body_table_product td{font-size:.7rem}#body_table_orders td{font-size:.68rem}#body_table_orders td:nth-child(6){font-size:.6rem}}@media screen and (max-width:513px){.select-filter-orders select,.select-filter-product select{width:104px}#body_table_orders td{font-size:.64rem}#body_table_orders td:nth-child(6){font-size:.54rem}}@media screen and (max-width:473px){.select-filter-orders select,.select-filter-product select{width:70%;margin:6px 0}.select-filter-orders>.search-tab,.select-filter-product>.search-tab{width:94%;margin:6px 0}.select-filter-orders>div,.select-filter-product>div{display:flex;align-items:center;justify-content:space-between;width:100%}.select-filter-orders,.select-filter-product{flex-direction:column}.search-tab>input{width:90%}.table-display-order .detail,.table-display-product .delete,.table-display-product .duplicate,.table-display-product .visibility{margin:6.4px}#body_table_orders td{font-size:.62rem}#body_table_orders td:nth-child(6){font-size:.5rem}}@media screen and (max-width:443px){.table-display-order .detail,.table-display-product .delete,.table-display-product .duplicate,.table-display-product .visibility{width:16px;height:16px}.table-img-product{width:60px;height:60px}.table-topics{height:32px}.table-topics span{display:none}.orders-tab,.product-tab{margin:0 14px 20px}.div-log-in a{font-size:.7em}}@media screen and (max-width:403px){#body_table_orders td{font-size:.6rem}#body_table_orders td:nth-child(6){font-size:.45rem}}@media screen and (max-width:394px){.table-topics{height:30px;font-size:.5rem}.action-edit-product{flex-direction:column;height:96px}.table-display-order .detail,.table-display-product .delete,.table-display-product .duplicate,.table-display-product .visibility{width:16px;height:16px;margin:8px}.head-product-tab>button{height:30px;width:120px;font-size:.78rem}}@media screen and (max-width:378px){#body_table_orders td:nth-child(6){font-size:.4rem}.div-log-in a{font-size:.65em}}@media screen and (max-width:370px){.table-topics{height:26px;font-size:.45rem}#body_table_product td{font-size:.66rem}.table-img-product{width:50px;height:50px}}@media screen and (max-width:355px){.head-product-tab>button{height:26px;width:100px;font-size:.7rem}.table-display-order .detail{display:none}.div-log-in a{font-size:.6em}}@media screen and (max-width:310px){.head-product-tab>button{height:24px;width:86px;font-size:.6rem}.div-log-in a{font-size:.5em}}nav{background-color:#ff9c08;justify-content:space-between;padding:0 40px;position:fixed;top:0;right:0;bottom:0;left:0;height:68px;z-index:100}nav,nav>div{display:flex;align-items:center}nav img{width:100px;height:60px;object-fit:cover;margin-right:12px}nav .logo-admin{color:#0639c1;font-size:26px;text-decoration:none;font-weight:700;display:flex;align-items:center}.logo-admin>div>p{margin:0;width:120px;font-size:.6em}.logo-admin>div>p.text-name-nav{font-size:.46em;word-wrap:break-word}nav .type-admin-page{background-color:#d3d3d3;font-family:"Libre Baskerville",serif;height:36px;border:0;border-radius:18px;box-shadow:inset 0 0 4px #888;margin:44px}.type-admin-page button{background-color:transparent}.type-admin-page button,nav .select-admin-nav{font-family:"Libre Baskerville",serif;height:36px;width:120px;border:0}nav .select-admin-nav{background-color:#fdfdfd;border-radius:18px;box-shadow:0 0 4px #888}nav>a>.log-out{background-color:#e4e4e4;font-family:"Libre Baskerville",serif;height:36px;width:80px;border:0;border-radius:4px;box-shadow:0 0 4px #888}nav .menu-admin-nav{display:none}.sidenav-show{height:100%}.sidenav-hide,.sidenav-show{width:100%;position:fixed;z-index:1;top:0;left:0;background-color:#ffab2c;overflow-x:hidden;transition:.5s;text-align:center}.sidenav-hide{height:0}.sidenav-hide a,.sidenav-show a{padding:16px 16px 16px 32px;text-decoration:none;font-size:1.2rem;color:#f0f0f0;display:block;transition:.3s;border-bottom:1px solid #ffc46c}.sidenav-hide a:hover,.sidenav-show a:hover{color:#f1f1f1}.sidenav-hide .closebtn,.sidenav-show .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}@media screen and (max-width:1070px){nav .logo-admin{font-size:30px}}@media screen and (max-width:883px){nav .logo-admin{font-size:28px}nav .type-admin-page{height:30px;width:223px}.type-admin-page button{height:30px;font-size:12px;width:109px;margin:0}nav .select-admin-nav{height:30px}nav>a>.log-out{height:30px;width:74px;font-size:12px}}@media screen and (max-width:786px){nav .logo-admin{font-size:24px}.type-admin-page button,nav .select-admin-nav,nav .type-admin-page,nav>a>.log-out{display:none}nav .menu-admin-nav{display:block;background-image:url(https://www.flaticon.com/svg/static/icons/svg/2099/2099153.svg);width:24px;height:24px;background-size:cover;cursor:pointer}}@media screen and (max-width:443px){nav{padding:0 20px}}@media screen and (max-width:394px){nav .logo-admin{font-size:20px}}@media screen and (max-width:355px){nav .logo-admin{font-size:18px}}@media screen and (max-width:310px){nav .logo-admin{font-size:14px}}button,input{font-family:"Libre Baskerville",serif}.main p{font-size:15px}button:focus,input:focus,select:focus,textarea:focus{outline:none}button{cursor:pointer}.app-contact{padding:0 80px}.head-contact{display:flex;justify-content:center;align-items:center;margin:68px 0 20px;color:#fff;font-size:50px;height:75vh;background-image:url(/sirapatsorn-viravich-supatcharee-webapp/static/media/chicken.b05b805e.jpg);background-size:cover;background-position:50%}.main{display:flex;justify-content:space-between;padding:0 40px;margin-bottom:100px}.main>div{width:30%;text-align:center}.main>div>h3{color:#0639c1}.form-contact{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 16%;margin-bottom:80px}.form-contact>label{text-align:left;width:100%}.form-contact>div{display:flex;width:100%;justify-content:space-between}.form-contact>div>div{display:flex;flex-direction:column;width:48%}.form-contact input{font-weight:100%;padding:4px;margin:10px 0 30px;border:0;border-bottom:1.4px solid #a1a1a1}.form-contact input:focus,.form-contact input:hover,.form-contact textarea:focus,.form-contact textarea:hover{border-bottom:1.4px solid #000}.form-contact input:invalid{border-bottom:1.4px solid red}.form-contact span{color:red}.form-contact textarea{border:0;border-bottom:1.4px solid #a1a1a1;width:100%;resize:none;font-family:"Libre Baskerville",serif}.form-contact button{width:100%;border:0;background-color:#000;color:#fff;height:40px;margin:24px;opacity:1;transition:.25s}.form-contact button:hover{opacity:.7}@media only screen and (max-width:1024px){.head-contact{background-image:url(/sirapatsorn-viravich-supatcharee-webapp/static/media/chicken.b05b805e.jpg);height:45vh}.head-contact h2{font-size:47px}.main h3{font-size:20px}.main p{font-size:15px}.form-contact input{width:230px}}@media only screen and (max-width:873px){.app-contact{padding:0 40px}.main h3{font-size:18px}.main p{font-size:9px}.form-contact input{width:197px}.form-contact textarea{width:100%;height:90px;font-size:12px;font-family:"light Libre Baskerville",serif}}@media only screen and (max-width:800px){.head-contact{height:40vh}.head-contact h2{font-size:32.5px}.main h3{font-size:15px}.form-contact input{width:185px}.form-contact label{font-size:12px}.form-contact textarea{width:100%;height:110px;font-size:10px;font-family:"light Libre Baskerville",serif}.form-contact button{font-size:12px}}@media only screen and (max-width:768px){.head-contact h2{font-size:33px}.main h3{font-size:16px}.form-contact label{font-size:12px}}@media only screen and (max-width:761px){.main p{font-size:8px}.form-contact input{width:185px}.form-contact button{font-size:12px}}@media only screen and (max-width:737px){.main h3{font-size:15px}.form-contact input{width:170px}.form-contact button{font-size:11px}}@media only screen and (max-width:707px){.head-contact h2{font-size:33px}.main h3{font-size:14px}.main p{font-size:8px}.form-contact input{width:170px}}@media only screen and (max-width:702px){.main p{font-size:6.9px}.form-contact button{font-size:11px}}@media only screen and (max-width:685px){.head-contact{height:37vh}.main h3{font-size:14px}.main p{font-size:7.4px}.form-contact input{width:155px}.form-contact textarea{width:100%;height:100px;font-size:10px;font-family:"light Libre Baskerville",serif}.form-contact button{font-size:11px}}@media only screen and (max-width:676px){.head-contact{height:35vh}.head-contact h2{font-size:30px}.main h3{font-size:12px}.main p{font-size:6.9px}.form-contact input{width:145px}.form-contact textarea{width:100%;height:95px;font-size:10px;font-family:"light Libre Baskerville",serif}.form-contact button{font-size:10px}}@media only screen and (max-width:645px){.head-contact{height:35vh}.main h3{font-size:12px}.main p{font-size:6.9px}}@media only screen and (max-width:613px){.main h3{font-size:10px}.form-contact input{width:135px}}@media only screen and (max-width:609px){.main h3{font-size:11px}.form-contact input{width:135px}}@media only screen and (max-width:580px){.form-contact input{width:120px}}@media only screen and (max-width:540px){.form-contact input{width:107px}}@media only screen and (max-width:526px){.form-contact input{width:110px}}@media only screen and (max-width:520px){.head-contact{height:28vh}.head-contact h2{font-size:31px}.main{margin:auto;display:flex;flex-direction:column;padding-bottom:50px}.main>.custom-service,.main>.opening-hour,.main>.our-store{width:100%}.main h3{font-size:19px}.main p{font-size:14px;font-family:"light Libre Baskerville",serif}.form-contact{margin:30px 0}.form-contact>div{display:flex;flex-direction:column;width:100%}.form-contact>div>div,.form-contact input{width:100%}.form-contact textarea{width:100%;height:90px;font-size:12px;font-family:"light Libre Baskerville",serif}.form-contact button{font-size:12px}}@media only screen and (max-width:426px){.head-contact{height:30vh}.head-contact h2{font-size:30px}.main h3{font-size:20px}.main p{font-size:14.5px}.form-contact label{font-size:13px}}@media only screen and (max-width:376px){.head-contact{height:35vh;background-size:cover;background-position:50%}.main{padding:0;display:table}.main>.custom-service,.main>.opening-hour,.main>.our-store{width:100%}.main h3{font-size:19px}.main p{font-size:14px}.form-contact button{font-size:11px;width:100%}.form-contact{margin:40px 0}}@media only screen and (max-width:331px){.head-contact{height:auto;background-size:cover;background-position:50%}.head-contact h2{font-size:26px;padding:40px 0}.main>.custom-service,.main>.opening-hour,.main>.our-store{width:100%}.main h3{font-size:20px}}@media only screen and (max-width:321px){.main>.custom-service,.main>.opening-hour,.main>.our-store{width:100%}.main h3{font-size:20px}}@media only screen and (max-width:309px){.head-contact h2{font-size:22px}.main h3{font-size:18px}}.menu-nav>a{font-size:.9rem;text-decoration:none;cursor:pointer;margin:16px;color:#000}.menu-nav>a:hover{transition:all .3s ease-out;box-shadow:inset 0 -2px 0 0 #000}.menu-nav>a.cart-nav:hover{transition:none;box-shadow:none}.menu-nav>a.on-page{color:#0639c1}.menu-nav>a.on-page:hover{transition:all .3s ease-out;box-shadow:inset 0 -2px 0 0 #0639c1}.menu-nav>div{margin:14px}.search-tab-nav{display:flex;align-items:center;justify-content:space-between;background-color:#fff;width:200px;height:40px;margin:8px;box-shadow:inset 0 0 4px #9e9e9e;border-radius:12px;padding:0 8px;font-family:"Libre Baskerville",serif;cursor:pointer}.search-tab-nav>.icon-search{background-image:url(https://www.flaticon.com/svg/static/icons/svg/1020/1020190.svg);opacity:.5;filter:alpha(opacity=50);width:24px;height:24px;background-size:cover}.search-tab-nav>input{border:0;width:88%}.cart-nav{cursor:pointer;display:flex;align-items:center}.cart-icon{width:30px;height:30px;background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACu1BMVEUAAAAAAP8GOr8FN8MASbYHOsIGOcIGOcEHOMIFOcIEN78GOcEGOcEHOcIAPMMFOcEGOcEGOMAEOcIAAP8GOsEHOcILN7wGOcEGOcEGOMEHOb8GOcIGOcAJNcEGOcEGOcEGOMEGOcAAM8wJOb0GOcEGOcEGOcEGOcEMOsUANrwHOcIGOcAGOcEFO78EOsAGOMIGOcEGOcIAQL8AN8gFOcEGOcEHOMEGN8IGOMEGOMAGOcAFOcIGOcEGOcEAQL8HNsMFOcEGOcAAK9UGOsIGOsEGOcIGOcEAOcYFOcEGOcEHOcEGOcEKO8QIOcIHOsAGOMEFOsAGOcEIOL8FOcEGOcEGOsEFPMMGOcEFOMEGOcIHOr0JPMQGOcEFOsAFOMMGOMEGOcEGOMAGOcEGOcEHOMAEOsEFOMIGOcEGOcEHOcEHO8QHOcEHOsEGOcEFOMIHOMAJN78GOcIAM78FOr8GOcEAOcYHOcEFOsAGOsIGOcEAO8QGOcEFOsEEOcEGOcAGOsAGOcEFOcEAQL8GOcEHOMAGOcEGOsEGOcIGOcEGOsIFOMEHOsAAVaoGOcEGOcEIOL8FOsAGOcAFOMEGOb8GOcEGOMAHOcEGOsEGOcAGOcEHOMAIOL8LNb8HOcEAQL8GOcEAM8wGOcIGOcEIO8AGOMEHO8EINsEGOcEHOcMGOcEGOcEALrkGO8QGOcAGN8IHOsIHOcEGOcEGOcEFOcEGOcEFOsEGOsEKPcIHOcEGOsEFOcEHOcEGOMEIOr0GOMEHOcEFOcAFOMIIPMMHOb8GOcIGOsEGOcEFOsIGOcEFOMAGOcEEOMIGOcIFOcEGOcAFOcEGOMAGOMEFOsAAM7sFOcEFOcEGOsEGOMEGOMEGOcEAPcIGOcEFOMIGOcEGOcEGOMEGOcEGOsIHOcEFOcIGOsIIOsEHN8EGOcEAAACAoKtfAAAA53RSTlMAAiwzB0vg8po2PPvRbBG896M/Adl1F+76rEiifh3l/LVRBRuh+OeHFhNw1Ow0OZ703AQOZ8tOKoinVbv+9Qwm6VkGVLGm+RJj7Zz9GkNux5LxIOjfpC/Vvn0jHu81N1vkeuPKcj4y3XiXJ8Dr02hJHIEUMLYJwV1Tiw32ZjqKn+aUCPBN86iqyFiMmwOy10BhgpEo4dBrd9jGbUQY6hDaCre0QVZKIaVM3p0LK68uw5mtqV7WuoQZwnyTmIMfe2+OZCIkUOKujdtpzTt5vbMxdldqD5BigFJ/zxW5YMmwKS1PdL+JQiUwmDG2AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+QKBw8SBgytQfcAAAaASURBVHja7ZvrQxVFGMbnAIrKVfFyEJAgEFJU0BCIwyUEQg4WBJGBBUSiBKghpEllWXRQTqVGoWWlVIZhhF1MLdKsxK5m96t2338jYN93z2V3z9mdHXa/+HzbmXfm+bG7zM7MO4eQKzJeJh9fPyP9J03mOP8pUw3znxbAjSswKNgYgBAOFTp9RpgBAKGck2bOmq07wBzORebwuSZ9ASI4d02OjNITIGqeiICLviomVj+Cq+PixQjc/IRE/RCuWbBQAiFpkX4EhCxekiwiSFmqJwFZdm2qO8FyXQFGlZae5AKQoTcAIX7XZVocAFnZ+hMQkpOeKxBcbwQAIXkr8IXMNwaAkAIAKLzBIIDl+AyKDALIWwkAIQYBkGIAsJYYBLAKn8GNBgGY8BN5k0EApJTTQ2UZN8sBLNYFgOPK5QjCKnQiuEXuFiToBJAkB1CpE0CZ7Gt4qz4Aq2UBbtMHQH6gqbJo7927LNXyQwHO0Nbc7iutO7CXGnFdLVTVybS9E+rrPYxFd2H/a2UCYjGgQVy3DqpkpjQ52HS9B4CSaAhqZA9Qh03v9gBAmiCoWWaVpAEAH2+LJ3+yAQ02sgbYhC/4PR4BWs0QFsEaYAG23OwRgLRBmH87Y4B7obbCsz/Zgg5b2QIk4ut9nxeAbR0QGM4W4H5s+IAXABIOgaHpUnoQ+9kurlsDVflSDVug8iGvezFbvY2k2vSwN3+y45EJBVjlFYDETaR/koL9h7kTCbDEuz9ZmqvdR1aPKgAgjRPn37lDCcDaiQN4TIk/MeHMId4mEo4SXKa4DncYukQ1wk7UTkUAZBfG54iq6EbCbvyLlikDWIQukWwA7PhaP67Mn5CZ0OAJNgBPYqPdSgH2YItKJgB7oSK6VSnAU2iTzgIgrAcqVOy9PA1NetzTKTQAU7HNM8oBerGN+9ebBiAByi2blANU4wyylAHAPijfr9yfkP3QKNft60UB4INNZqkBeBZbPacZIBKbVKkBOIBzyJRMFwkJv65MkXA22eJa/DwUB6rxJySTY61IdQBFzAF81AG8EK/d0kUvqvMnJJ8xQIJagJ2MAVSn6g92MvWvVZ8jL9Du6qS9qv0dGYxDvQ4J2xylvSJhwqHAqawP419SDyCZwVA7EuKr3EyTEJXKYKgEyMbRsZvCXzKDoRLgZQx/hQZAKoOhEiADivwVLUhEwrmc5TAlgF8ZFL1K5e/IYDi2FtUB9GP0CjqAsCPQ3vElVQfwGpR0DNABODIYR6kA7DgVeJ3Snwyi3RtDIFxkcceGRMIHHoIFb2LwW7QA5G2Ohcy057Vip1iZALxD+/cfZ2LPcRso/fOStHuPyfouJUAMoxtwgvYJHGME0E/pH8xmWmo9SXsDYHu5IujUEL3eW59G609O8ADvU3egUcOwQD6qvSs6fcD7pxrlT+Cw3Wmj/H15/4ADRgGc4QHajPK3z+cBaowCgKRBsiFn68Y0nQeI0N4TnQZgZfrhWa3KowOoYfQd4rjC4m00AIeYAXBcHIV/dgBDACvFLYhi6M9xH6kHEPa3Waic5uD8JLN2Y5D5Y5qXkAyestlsn4h667TJqkUUbDk3WjxSSeXPQ3SI/54tcsGJteJg1TtzrvI7L3FDO+UOIfVJBFsoNoac9Cn2s660N/0zvBiSDv4c63O7v9jzJS6oVGUI3IWnCwuD7GOX/bBKMUtPEL4Cy10Hx64aMO02QwPAZugDk50Xsvjr3VLBA/CzmeNwPRve3zMaAL7mu+gTCmClKHn8fiNflyIcf7rIFyzUAAA5dMfmShVf0CUV/A1f5zijFMufw8jSAHCO79NpXcHf5h6pYMh0XnSU1PMl39IDwPbGoFBg4kfH81LBcBLSaQIHmcd2rz6y+o7v4XuhoIEvaJIKLnJ/57L527WS3h/zZqnCNjvs3EqeAoH0dLOQnj/NF9QrcZLRWfg3/AGuY2B0+VEqOBYOMdns/HUlTOl+0gBAfgaC4l9GL9pPwhwlWXrLD3889uvYx9/0G55FGlTl6CbhSFXh6og23IKTWyynYZ7R+nvEpXIMvqTFn4Rh+tZZ5XKHMIYkgs2XNQGQYfGBIrPs9y07UAxAuzsmaJq/W4/RHn5/Miyavoxo9SfkjyMuPfr/6Sm4tckVtle7PyHBI46dKkvGYc/Bfn/Ncfj/zep3e8N19eN7Nfv+UTC5Cw7KHB+v5zX+y8h+XHnVvv8pHtPtJRcuKzyudEUG6n9ijKJm4aj+GAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMC0wN1QxNToxODowNiswMDowMKWrXaoAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTAtMDdUMTU6MTg6MDYrMDA6MDDU9uUWAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);margin-right:4px}#cart-amount{background-color:#0639c1;color:#fff;width:28px;height:28px;text-align:center}#cart-amount,.messenger-nav{border-radius:50%;display:flex;justify-content:center;align-items:center}.messenger-nav{cursor:pointer;background-color:#fff;width:60px;height:60px;position:fixed;right:32px;bottom:32px;box-shadow:0 0 8px #888}.messenger-nav>div{background-image:url(https://www.flaticon.com/svg/static/icons/svg/889/889101.svg);width:30px;height:30px}@media screen and (max-width:1175px){.menu-nav>a{margin:14px}.menu-nav>div{margin:10px}}@media screen and (max-width:1125px){.search-tab-nav{width:160px}.search-tab-nav>input{width:82%}}@media screen and (max-width:1039px){.search-tab-nav{width:140px}.menu-nav>a{font-size:.8em}}@media screen and (max-width:987px){.menu-nav>a{margin:12px}.menu-nav>div{margin:6px}}@media screen and (max-width:946px){.menu-nav>a{margin:10px}.menu-nav>div{margin:4px}}@media screen and (max-width:910px){.search-tab-nav{width:120px}.search-tab-nav>input{width:78%}.cart-icon{width:24px;height:24px;margin-right:4px}#cart-amount{font-size:.8em;width:22px;height:22px}}@media screen and (max-width:862px){.search-tab-nav{width:100px}.search-tab-nav>input{width:72%}}@media screen and (max-width:834px){.menu-nav>a{margin:6px}.menu-nav>div{margin:2px}}@media screen and (max-width:786px){nav .menu-nav{display:none}}@media screen and (max-width:413px){.messenger-nav{width:50px;height:50px;right:20px;bottom:20px}.messenger-nav>div{width:26px;height:26px}}.info{display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid #000;padding:8px}.info>h3{color:#0639c1}.info>p{text-align:center;margin:0 0 10px}.icon-link{display:flex}.fa{width:30px;height:30px;margin:16px}.fa:hover{opacity:.8}.fa-facebook{background-image:url(https://www.flaticon.com/svg/static/icons/svg/889/889102.svg)}.fa-messenger{background-image:url(https://www.flaticon.com/svg/static/icons/svg/889/889101.svg)}.fa-email{background-image:url(https://www.flaticon.com/svg/static/icons/svg/321/321817.svg)}.fa-phone{background-image:url(https://www.flaticon.com/svg/static/icons/svg/890/890547.svg)}@media only screen and (max-width:800px){.info h4{font-size:15px}.info p{font-size:14px}}@media only screen and (max-width:737px){.info h4{font-size:14px}.info p{font-size:13px}}@media only screen and (max-width:685px){.info h4{font-size:14px}.info p{font-size:13px}}@media only screen and (max-width:613px){.info h4{font-size:13px}.info p{font-size:12px}.info>.iconLink{display:flex;justify-content:center;align-items:center;padding:19px;font-size:25px;width:19px;text-decoration:none;margin:15px 2px;width:100%;text-align:center;font-family:sans-serif}}@media only screen and (max-width:520px){.info h4{font-size:13.5px}.info p{font-size:12.5px}}@media only screen and (max-width:426px){.info h4{font-size:14px}.info p{font-size:13px}}@media only screen and (max-width:376px){.info h4{font-size:13px}.info p{font-size:11px}}@media only screen and (max-width:309px){.info h4{font-size:12px}.info p{font-size:10px}}.app-home{padding:90px 80px 0}.app-home h2.best-sellers-center{text-align:center}.app-home>.row-best-sellers>a{width:100%}.app-home>a>button{background-color:#ff9c08;color:#fff;font-family:"Libre Baskerville",serif;height:36px;width:97.5%;border:0;border-radius:4px;box-shadow:0 0 4px #a0a0a0;font-size:1.05rem;margin:0 10px 50px}.category-btn{flex-direction:column;margin:40px}.category-btn,.category-btn>div{display:flex;align-items:center;justify-content:center}.category-btn>div{flex-wrap:wrap}.category-btn>div>label{cursor:pointer}.category-btn button{background-color:#0639c1;color:#fff;font-family:"Libre Baskerville",serif;height:48px;width:240px;border:0;border-radius:4px;box-shadow:0 0 4px #a0a0a0;font-size:1.05rem;margin:0 10px}.category-btn button#category_pork_btn{margin-left:38px;background-color:#ff9c08}.icon-chicken-home{width:60px;height:60px;object-fit:cover}.icon-pork-home{width:72px;height:72px;object-fit:cover}@media screen and (max-width:940px){.category-btn button{height:40px;width:200px}.icon-chicken-home{width:50px;height:50px}.icon-pork-home{width:62px;height:62px}.category-btn button#category_pork_btn{margin-left:25px}}@media only screen and (max-width:873px){.app-home{padding:90px 40px 0}}@media screen and (max-width:813px){.category-btn button{height:35px;width:160px}.icon-chicken-home{width:50px;height:50px}.icon-pork-home{width:62px;height:62px}.category-btn button#category_pork_btn{margin-left:20px}}@media screen and (max-width:718px){.category-btn button{height:35px;width:160px}.icon-chicken-home{width:40px;height:40px}.icon-pork-home{width:42px;height:42px}.category-btn button#category_pork_btn{margin-left:15px}}@media screen and (max-width:590px){.category-btn>div{flex-direction:column}.category-btn button{margin:10px;width:220px}}.img-slide-section{height:400px;display:flex;flex-direction:row;justify-content:center;align-items:center}.img-slide-section input{display:none}.image-head{cursor:pointer}.image-head,img{height:100%;width:100%}img{object-fit:cover}.arrow-button{width:100%;justify-content:space-between;position:relative;bottom:100%;margin-top:-4.6px}.arrow-button,.arrow-button>div{height:100%;display:flex;flex-direction:row;align-items:center}.arrow-button>div{justify-content:center;width:160px;opacity:.6}.arrow-button>div.prev-div{background:linear-gradient(90deg,#333,transparent)}.arrow-button>div.after-div{background:linear-gradient(90deg,transparent,#333)}.arrow-button>div:hover{cursor:pointer;opacity:.8}.prev-img{background-image:url(https://image.flaticon.com/icons/svg/271/271220.svg)}.after-img,.prev-img{border-width:0;width:40px;height:40px;background-size:contain;background-color:transparent}.after-img{background-image:url(https://image.flaticon.com/icons/svg/271/271228.svg)}@media screen and (max-width:1200px){.img-slide-section{height:380px}}@media screen and (max-width:1128px){.img-slide-section{height:340px}}@media screen and (max-width:1000px){.img-slide-section{height:300px}}@media screen and (max-width:940px){.img-slide-section{height:280px}}@media screen and (max-width:864px){.img-slide-section{height:250px}}@media screen and (max-width:790px){.img-slide-section{height:220px}.arrow-button>div{width:140px}.after-img,.prev-img{width:30px;height:30px}}@media screen and (max-width:700px){.img-slide-section{height:200px}}@media screen and (max-width:650px){.img-slide-section{height:170px}.arrow-button>div{width:100px}.after-img,.prev-img{width:30px;height:30px}}@media screen and (max-width:550px){.img-slide-section{height:150px}}@media screen and (max-width:500px){.img-slide-section{height:120px}.arrow-button>div{width:60px}.after-img,.prev-img{width:20px;height:20px}}.app-franchise{padding:90px 80px 0}.app-franchise>.franchise-poster{display:flex;flex-direction:column;align-items:center;margin-bottom:100px}.app-franchise>.franchise-poster>h2{margin-bottom:20px}.app-franchise>.franchise-poster>a{width:70%;display:flex;justify-content:center}.app-franchise>.franchise-poster>a>img{width:100%;object-fit:contain;margin-bottom:16px}.app-franchise .btn-contact{height:36px;background-color:#3899ec;color:#fff;border:0;border-radius:4px;box-shadow:0 0 4px #b1b1b1;margin:0 10px 20px;display:flex;justify-content:center;align-items:center;text-decoration:none}@media only screen and (max-width:873px){.app-franchise{padding:90px 40px 0}}.app-cart{background-color:#fff;margin:0;font-family:"Libre Baskerville",serif;padding:0 80px;color:#474747}.app-cart .head-cart{margin:100px 0 20px;font-size:20px}.app-cart .main-carts{margin:0;padding:0}.app-cart table{width:100%;border-collapse:collapse;text-align:center}.app-cart table,.app-cart td,.app-cart th{border-bottom:1px solid grey;margin-left:auto;margin-right:auto}.app-cart th{height:50px;color:grey}.cart-table img{object-fit:cover;width:120px;height:120px}.cart-table input{width:60px;text-align:center}.app-cart .button-remove{border:0;padding:5px 10px;margin-left:70px;border-radius:3px;color:#fff;background-color:#c66;font-size:14px}.app-cart .button-remove:hover{background-color:#a44}.app-cart .total-payment{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-end}.app-cart .total-cart{display:flex}.app-cart .total-label{margin-right:100px}.app-cart .total-value{text-align:right;margin-right:30px}.app-cart .button-payment{margin-top:40px;margin-bottom:60px;padding:10px 30px;background-color:#4caf50;font-size:17px;color:#fff;border-radius:3px;width:260px;border:none}.app-cart .button-payment:hover{background-color:#494}span{font-family:"Libre Baskerville",serif}.body-payment-app{text-align:center}.body-payment-app .form-contact{text-align:left}.main-list-order-payment{display:flex;flex-direction:column;justify-content:center;padding:0 16%}.table-display-product-payment tr{height:40px;border-bottom:1px solid #b6b6b6}.total-amount-and-price{color:#0639c1}.fill-out-detail-info-customer{margin-top:40px}.payment-slip-input{padding-top:20px}.btn-payment{display:flex;justify-content:center;align-items:center;padding:0 16%;margin-bottom:50px}.btn-cc-payment,.btn-cf-payment{font-family:"Libre Baskerville",serif;height:36px;width:50%;border:0;border-radius:4px;box-shadow:0 0 4px #888;margin:-100px 20px 0;border-bottom:1.4px solid #a1a1a1}.btn-cf-payment{background-color:#0639c1;color:#fff}@media screen and (max-width:520px){.btn-cc-payment,.btn-cf-payment{margin:-30px 20px 0}}.app-product-detail{background-color:#fff;margin:0;font-family:"Libre Baskerville",serif;padding:0 80px;color:#474747}.app-product-detail .head-details{margin:100px 0 20px;font-size:20px}.app-product-detail .main-product-detail{flex-wrap:wrap;display:flex;justify-content:center;margin:0 0 100px}.app-product-detail .main-image-product-detail{display:inline-block}.image-left-column-product-detail>img{width:36vw;object-fit:cover}.app-product-detail .details-right-column{width:30vw;margin-left:50px}.app-product-detail .product-description{margin-bottom:20px}.app-product-detail h3{font-size:20px}.app-product-detail p{font-size:17px;font-family:"light Libre Baskerville",serif}.app-product-detail input{width:98%;height:25px;text-align:center}.app-product-detail button{width:100%;padding:13px 0;margin-bottom:15px}.app-product-detail .button-add-order{background-color:#fff;border:1px solid #00f;text-align:center;font-size:16px}.app-product-detail .button-buy{background-color:#00f;border:none;text-align:center;color:#fff;font-size:16px}.app-product-detail .button-add-order:hover{color:#7c7c7c}.app-product-detail .button-buy:hover{background-color:#1e90ff}.app-product-detail .similar-product{display:flex;justify-content:center;align-items:center;margin:68px 0 25px;font-size:18px}.app-product-detail .column-image{float:left;width:32.33%;padding:5px}.app-product-detail .row-image:after{content:"";clear:both;display:table;box-sizing:border-box;justify-content:space-between;margin-left:auto;margin-right:auto;padding:50px}.app-product-detail .best-seller{margin-left:auto;margin-right:auto;display:block}.app-product-detail .ribbon-on-image-first{left:115px}.app-product-detail .ribbon-on-image-first,.app-product-detail .ribbon-on-image-second{position:absolute;top:870px;background-color:#0000cd;padding:10px 30px;color:#fff;font-family:"light Libre Baskerville",serif;font-size:20px}.app-product-detail .ribbon-on-image-second{left:566px}.app-product-detail .ribbon-on-image-third{position:absolute;top:870px;left:1018px;background-color:#0000cd;padding:10px 30px;color:#fff;font-family:"light Libre Baskerville",serif;font-size:20px}.app-product-detail .column-image h5{text-align:center;font-size:16px;font-family:"Libre Baskerville",serif}@media only screen and (max-width:1441px){.button-add-order,.button-buy{font-size:18px;padding:auto;width:260px}}@media only screen and (max-width:1320px){.column-image{float:left;width:31.3%;padding:5px}.button-add-order,.button-buy{font-size:15px;padding:auto}}@media only screen and (max-width:1120px){.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:990px;left:auto}}@media only screen and (max-width:1072px){.button-add-order,.button-buy{font-size:15px;width:241px}.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:970px;left:auto}}@media only screen and (max-width:996px){.detail-right-column{width:50%;margin-top:20px;margin-left:50px}.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:970px;left:auto}}@media only screen and (max-width:888px){.product-description p{font-size:16px}.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:950px;left:auto}}@media only screen and (max-width:873px){.app-product-detail{padding:0 40px}}@media only screen and (max-width:841px){.details-left{font-size:24px}.detail-right-column{width:60%;margin-top:20px;margin-left:50px}.product-description h3{font-size:20px}.product-description p{font-size:16px;font-family:"light Libre Baskerville",serif}.product-description h4{font-size:15px}.product-description input{width:55px;height:22px}.button-add-order,.button-buy{font-size:15px;width:238px}.similar-product h4{font-size:17px}.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:885px;left:auto}}@media only screen and (max-width:820px){.button-add-order,.button-buy{font-size:14px;width:225px}.similar-product h4{font-size:17px}.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:905px;left:auto}.column-image h5,.column-image p{font-size:14px}}@media only screen and (max-width:790px){.image-left-column img{width:320px;height:320px}.button-add-order,.button-buy{font-size:12px;width:210px}}@media only screen and (max-width:749px){.image-left-column img{width:300px;height:300px}.image-left-column{margin-right:60px}.detail-right-column{width:55%;margin-left:25px}.button-add-order,.button-buy{font-size:12px;width:190px}.column-image{float:left;width:30.5%;padding:5px;border:1px solid #000;margin-top:20px}.column-image img{width:170px;height:170px}.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:945px;left:auto;padding:5px 17px;font-size:17px}}@media only screen and (max-width:720px){.detail-right-column{width:80%;margin-left:5px}.column-image{float:left;width:30.5%;padding:5px;border:1px solid #000;margin-top:15px}.ribbon-on-image-first,.ribbon-on-image-second,.ribbon-on-image-third{top:925px;left:auto;padding:5px 17px;font-size:17px}}@media only screen and (max-width:680px){.button-add-order,.button-buy{font-size:11px;width:160px}.column-image img{width:150px;height:150px}.ribbon-on-image-first{top:925px;left:auto;padding:5px 15px;font-size:17px}.ribbon-on-image-second,.ribbon-on-image-third{top:925px;left:auto;padding:5px 15px;font-size:15px}.column-image h5,.column-image p{font-size:13px}}@media only screen and (max-width:647px){.image-left-column{width:40%;margin-top:50px;margin-left:0;position:relative}.image-left-column img{width:270px;height:270px}.detail-right-column{width:100%;margin-top:20px;margin-left:0}.product-description h3{font-size:17px}.product-description h4{font-size:14px}.product-description input{width:50px;height:20px}.button-add-order,.button-buy{font-size:10px;width:140px}.column-image img{width:130px;height:130px}.ribbon-on-image-first{top:925px;left:auto;padding:5px 15px;font-size:17px}.ribbon-on-image-second,.ribbon-on-image-third{top:925px;left:auto;padding:5px 15px;font-size:15px}.column-image h5,.column-image p{font-size:13px}}.img-slide-section-example{height:288px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:20px}@media screen and (max-width:1200px){.img-slide-section-example{height:260px}}@media screen and (max-width:1128px){.img-slide-section-example{height:240px}}@media screen and (max-width:1000px){.img-slide-section-example{height:200px}}@media screen and (max-width:940px){.img-slide-section-example{height:180px}}@media screen and (max-width:864px){.img-slide-section-example{height:250px}.display-edit-banner{flex-direction:column}}@media screen and (max-width:790px){.img-slide-section-example{height:220px}}@media screen and (max-width:700px){.img-slide-section-example{height:200px}}@media screen and (max-width:650px){.img-slide-section-example{height:170px}}@media screen and (max-width:550px){.img-slide-section-example{height:150px}}@media screen and (max-width:500px){.img-slide-section-example{height:100px}}@media screen and (max-width:480px){.img-slide-section-example{height:80px;width:200px}.store-list>div{width:250px;height:60px}.store-list .icon-move,.store-list .icon-move-down{display:none}}@media screen and (max-width:340px){.img-slide-section-example{height:60px;width:160px}.show-ex-edit-banner button{font-size:.7rem;height:26px;width:60px}.store-list>div{width:220px;height:60px}}.app-best-sellers{padding:90px 80px 0}h2.best-sellers-center{margin-left:10px}a.link-no-underline{text-decoration:none;color:#474747}.row-best-sellers{margin-bottom:80px;display:flex;flex-wrap:wrap}.column-best-sellers{display:flex;flex-direction:column;width:23%;margin:10px}.card-best-sellers{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);padding:16px;border-radius:8px;text-align:center;background-color:#fff;cursor:pointer}.card-best-sellers img{width:100%;height:200px}.input-product-quantity{padding:0;width:98%}.btn-add-to-cart,.input-product-quantity{height:35px;margin:10px 0 0;font-size:15px;text-align:center}.btn-add-to-cart{width:100%;border:1px solid #0639c1;background-color:#fff}.btn-add-to-cart:hover{color:#7c7c7c}.btn-buy-now{width:100%;height:35px;margin:10px 0 0;font-size:15px;text-align:center;border:0;color:#fff;background-color:#0639c1}.btn-buy-now:hover{background-color:#042b95}@media only screen and (max-width:1160px){.column-best-sellers{width:30%}}@media only screen and (max-width:1024px){.head-bestSellers{background-image:url(/sirapatsorn-viravich-supatcharee-webapp/static/media/chicken.b05b805e.jpg);height:45vh}.head-best-sellers h2{font-size:47px}}@media only screen and (max-width:911px){.column-best-sellers{width:28%}}@media only screen and (max-width:873px){.app-best-sellers{padding:90px 40px 0}.card-best-sellers>img{height:160px}}@media only screen and (max-width:800px){.head-bestSellers{height:40vh}.head-best-sellers h2{font-size:32.5px}}@media only screen and (max-width:768px){.head-best-sellers h2{font-size:33px}.column{float:left;width:50%;padding:10px}.card-best-sellers>img{height:100px}}@media only screen and (max-width:707px){.head-best-sellers h2{font-size:33px}}@media only screen and (max-width:685px){.head-bestSellers{height:37vh}}@media only screen and (max-width:676px){.head-bestSellers{height:35vh}.head-best-sellers h2{font-size:30px}.column-best-sellers{width:40%}.card-best-sellers>img{height:180px}}@media only screen and (max-width:609px){.column{width:100%;display:block;margin-bottom:20px}.column-best-sellers{width:45%}.card-best-sellers>img{height:160px}}@media only screen and (max-width:520px){.head-bestSellers{height:28vh}.head-best-sellers h2{font-size:31px}}@media only screen and (max-width:478px){.column-best-sellers{width:80%}.card-best-sellers>img{height:250px}.row-best-sellers{justify-content:center}}@media only screen and (max-width:426px){.head-bestSellers{height:30vh}.head-best-sellers h2{font-size:30px}.card-best-sellers>img{height:220px}}@media only screen and (max-width:376px){.head-bestSellers{height:35vh;background-size:cover;background-position:50%}.card-best-sellers>img{height:180px}}@media only screen and (max-width:331px){.head-bestSellers{height:auto;background-size:cover;background-position:50%}.head-best-sellers h2{font-size:26px;padding:40px 0}.card-best-sellers>img{height:170px}}@media only screen and (max-width:309px){.head-best-sellers h2{font-size:22px}.card-best-sellers>img{height:150px}}.app-search-results{padding:90px 80px 0}h2.search-results-center{margin-left:10px}.search-tab-search-results{display:flex;align-items:center;justify-content:space-between;background-color:#fff;width:100%;height:50px;border:1px solid #9e9e9e;margin:20px 0 20px 10px;padding:0 10px;font-family:"Libre Baskerville",serif;cursor:pointer;border-radius:8px}.search-tab-search-results>.icon-search{background-image:url(https://www.flaticon.com/svg/static/icons/svg/1020/1020190.svg);width:24px;height:24px;background-size:cover;opacity:.5;filter:alpha(opacity=50)}.search-tab-search-results>input{border:0;width:97%;font-size:100%;border-radius:8px}.row-search-results{margin-bottom:80px;display:flex;flex-wrap:wrap}.column-search-results{display:flex;flex-direction:column;width:23%;margin:10px}.card-search-results{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);padding:16px;border-radius:8px;text-align:center;background-color:#fff;cursor:pointer}.product-name,.product-price{margin:4px auto;font-size:16px}.card-search-results>img{width:100%;height:200px}@media only screen and (max-width:1033px){.column{float:left;width:33.3%;padding:10px}}@media only screen and (max-width:1024px){.head-searchResults{background-image:url(/sirapatsorn-viravich-supatcharee-webapp/static/media/chicken.b05b805e.jpg)}.head-searchResults h2{font-size:47px}}@media only screen and (max-width:873px){.app-searchResults{padding:0 40px}}@media only screen and (max-width:800px){.head-searchResults h2{font-size:32.5px}}@media only screen and (max-width:768px){.head-searchResults h2{font-size:33px}.column{float:left;width:50%;padding:10px}}@media only screen and (max-width:707px){.head-searchResults h2{font-size:33px}}@media only screen and (max-width:676px){.head-searchResults h2{font-size:30px}}@media only screen and (max-width:609px){.column{width:100%;display:block;margin-bottom:20px}}@media only screen and (max-width:520px){.head-searchResults h2{font-size:31px}}@media only screen and (max-width:426px){.head-searchResults h2{font-size:30px}}@media only screen and (max-width:331px){.head-searchResults{height:auto}.head-searchResults h2{font-size:26px;padding:40px 0}}@media only screen and (max-width:309px){.head-searchResults h2{font-size:22px}}
/*# sourceMappingURL=main.c123cdb8.chunk.css.map */