{"container":{"header":{"_id":"63d74d040755c0bdab77b8e7","component":"header_static","data":{"color":{"r":"0","g":"100","b":"187","a":"1"},"md":{"name":"contect title_1725252215.jpeg","path":"header"},"xs":{"name":"contect title mobile-02_1725252219.jpeg","path":"header"}},"componentid":"63d74d040755c0bdab77b8e7"},"navbar":{"_id":"de135178-9ff1-428b-b634-6a2c164d2ef3","component":"navbar01","data":{"bgcolor":{"r":"242","g":"242","b":"242","a":"1"},"textcolor":{"r":"46","g":"45","b":"45","a":"1"},"carticon":"3","css":{"cartbadge_container":"height: 100%;\npadding: 1px 5px;\nborder-radius: 0px;\nbackground-color: none;\nborder-bottom: 2px solid rgb(0,0,0,1);\nmargin-left: 3px !important;\ncolor :rgb(0,0,0,0.2) !important;\n\n#navbar-badgecount {\ncolor:rgb(0,0,0,1);\nfont-weight: bold;\n}\n","cartbadge_count":"color:blue;\nfont-size:20px;\n","logo":"justify-content:start;\npadding:5px 100px ;\n/* border-bottom:1px solid rgb(0,0,0,0.1) ; */\n\n#navlogo{\nwidth:110px;\n}","containerinside":"width:100%;\nmargin:auto;\nheight:100%;\nbox-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;\n#menu-content-container{\ndisplay:flex;\n\n}\n\n#member-content-container .navtext{\npadding:10px 15px;\nbackground:none;\npadding:12px 25px !important;\nmargin:0px !important;\nborder-right:none !important;\ncolor:#000000 !important;\nborder-radius: 50px;\n}\n#member-content-container .navtext:hover{\n background:none;\n}","container":"top:0;\nposition: relative;\nbackground:linear-gradient(0deg, rgb(222, 222, 222) 35%, rgb(240, 240, 240) 30%);\n#cart-content-container{\nposition: absolute;\ntop: 22%;\nright: 2.5%;\n}\n#searchbox{\nposition: absolute;\ntop: 32%;\nleft: 50%;\ntransform: translate(-50%,-35%);\n\n}\n#member-content-container{\nposition: absolute;\ntop: 20%;\nright: 12%;\n}","menuitem":" cursor: pointer;\n height: 100%;\n font-size: 15px;\n /* border-right: 1px solid rgb(0,0,0,0.1);\n border-left: 1px solid rgb(0,0,0,0.1); */\n\n.navtext{\nposition: relative;\ndisplay: block;\ntext-transform: uppercase;\nmargin:0px;\npadding:10px 40px;\ntext-decoration: none;\ncolor: #102229;\nheight:100%;\nfont-family: sans-serif;\ntransition: .5s;\nz-index: 1;\n }\n\n/* .navtext:hover {\n color:#ffffff;\n \n }\n.navtext::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n transform: scaleY(2);\n opacity: 0;\n transition: .3s;\n}\n.navtext::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #102229;\n transform: scale(0);\n opacity: 0;\n transition: .3s;\n z-index: -1;\n }\n.navtext:hover::before {\n transform: scaleY(1);\n opacity: 1;\n}\n.navtext:hover::after {\n transform: scaleY(1);\n opacity: 1;\n} */","carticon":".carticon {\ncolor:rgb(0,0,0,1);\nfont-size:1.75em;\ntransition: font-size 0.5s linear;\nmargin-left: 20px;\ncursor: pointer;\nmargin-top:1.1px;\n}\n\n.carticon:hover {\ncolor:rgb(0,0,0,.5);\n}","searchbox":"#searchbox {\n width: 600px;\n margin:0px;\n display: inline-block;\n border: none;\n border-radius: 50px;\n box-sizing: border-box;\n padding:8px 5px 8px 10px;\n transition: all 0.25s ease-in-out;\n background: #ffffff;\n border: 1px solid rgb(0,0,0,0.5);\n color: #144E0D;\n}\n#searchbox:focus{\n background-color: none;\n outline: none;\n transition: all 0.6s ease;\n \n}\n@media only screen and (max-width: 900px) {\n #searchbox {\nwidth: 300px !important;\n}\n}\n@media only screen and (max-width: 1024px) {\n #searchbox {\nwidth: 400px;\n}\n}","searchbox_suggest":"z-index: 99;\r\nposition: absolute;\r\ntop: 30%;\r\nleft: 50%;\r\ntransform: translate(-50%, -50%);\r\n\r\n\r\n.search-link-container {\r\n color: #161616;\r\n text-decoration: none;\r\n}\r\n\r\n.search-droplist-price {\r\n color: #D14D72;\r\n font-size: 14px !important;\r\n}\r\n.react-autosuggest__suggestions-list {\r\n margin: 0;\r\n padding: 0px;\r\n list-style-type: none;\r\n border-radius:10px;\r\n background-color:white;\r\n box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);\r\n padding: 10px;\r\n\r\n}\r\n\r\n.search-droplist {\r\n padding:10px 5px;\r\n color: #000000;\r\n cursor: pointer;\r\n position: relative;\r\n}\r\n.search-droplist:after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 3px;\r\n bottom: -1px;\r\n left: -1px;\r\n transform: scaleX(0);\r\n background: #EFECEC ;\r\n transform-origin: bottom right;\r\n transition: transform 0.5s ease-out;\r\n}\r\n.search-droplist:hover::after {\r\n transform: scaleX(1);\r\n transform-origin: bottom left;\r\n}\r\n\r\n.search-textline-droplist {\r\n max-width: 400px;\r\n display: inline-block;\r\n text-overflow: ellipsis; /* enables ellipsis */\r\n white-space: nowrap; /* keeps the text in a single line */\r\n overflow: hidden; /* keeps the element from overflowing its parent */\r\n}\r\n\r\n.search-value-highlight {\r\n color: #2D9596;\r\n font-weight:600;\r\n background-color:#F5F7F8;\r\n padding: 0;\r\n}\r\n\r\n.search-droplist-name-text {\r\n font-size: 18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.search-droplist-name-container {\r\n display: flex;\r\n padding: 0px;\r\n}","mobilecontainer":" padding: 5px;\n width: 100%;\n position: relative;\n box-shadow: rgb(0 0 0 /16%) 0px 3px 6px;\n\n z-index:100;\n top:0;\n\n div{\ntext-align:center;\n}\n#navbar-content-mobile-toggle {\n color: #000000;\n transition: all 0.35s ease-in-out;\n transform: rotate(0deg);\n padding: 10px;\n}\n#navbar-content-mobile-toggle-active {\n transition: all 0.35s ease-in-out;\n transform: rotate(180deg);\n padding: 10px;\n color: #676767;\n}\n.navbar-mobile{\ndisplay: inline-block !important;\n\n}\n.navbar-mobile-btn {\n padding: 0px 10px;\n margin-top:20px;\nmargin-bottom:10px;\n border: none;\n display: inline-block !important;\n color: black;\n background: none;\n}\n#navbar-mobile-cart-count-badgecount{\ncolor: #000000;\npadding: 0 5px;\nposition:absolute;\ntop:10px;\nright:40px;\nline-height: 2.5;\ntransition: all 0.1s ease-in-out;\n\n}\n#navbar-mobile-cart-icon-container {\ncolor: #000000;\npadding: 0 5px;\nposition:absolute;\ntop:7px;\nright:15px;\nline-height: 2;\ntransition: all 0.1s ease-in-out;\n\n}\n#navbar-mobile-cart-icon {\n font-size:20px;\n}\n\n#navbar-mobile-search-container {\n text-align: center;\n position:absolute;\n top:31px;\n left:50%;\n transform: translate(-50%,-50%);\n border: 1px solid #fff;\n border-radius: 8px;\n padding:5px;\n background: #f6f5f0;\n outline:none; \n box-shadow: 5px 5px 8px rgba(189, 189, 189, 0.2), -3px -2px 1px rgba(255, 255, 255, 0.1);\n}\n\n#navbar-mobile-search-input {\n width:250px;\n padding:4px;\n border-radius: 5px;\n border: none;\n background: none;\n outline:none;\n text-align:center;\n box-shadow:inset 10px 10px 15px -10px rgb(195, 195, 195), inset -10px -10px 15px -10px rgb(255, 255, 255);\n}\n\n"},"align":"center","maxwidth":"1900","nolimit_maxwidth":"false","isstick":"true","logo":{"name":"officeezy_logo-06_1693298115.png","path":"orther","position":"top"},"margin":"133"},"componentid":"de135178-9ff1-428b-b634-6a2c164d2ef3"},"footer":{"_id":"5f1d2e3d9fbb9bf55863157c","component":"footer_regular","data":{"title":"

----

trust your creativity.

","coverimg":{"name":"footer-bg_1726544516.png","path":"footer"},"customcss":"\n@media only screen and (max-width: 2103px) {\n#footer_comp_regular_block1 {\nbackground-color:#F1F1F1;\nspan{\n font-size: min(max(20px, 1.1vw), 24px) !important;\n}\n}\n}\n\n@media only screen and (max-width: 2103px) {\n#footer_comp_regular_block2 {\nbackground-color:#F1F1F1;\ndiv{text-align:center;}\np{text-align:center;}\n{\n font-size: min(max(18px, 1.1vw), 20px) !important;\n \n}\n}\n}\n\n@media only screen and (max-width: 2103px) {\n#footer_comp_regular_block3 {\nbackground-color:#F1F1F1;\nspan\n{\n font-size: min(max(20px, 1vw), 28px) !important;\n}\n}\n}\nspan,p,strong{\n-webkit-font-smoothing: antialiased;\n}\n\n#footer_comp_regular_block1{\npadding-top:30px;\n\n}\n#footer_comp_regular_block2{\npadding-top:30px;\n\n}\n#footer_comp_regular_block3{\npadding-top:30px;\n\n}","block1":"

$\"\"$

","block2":"

หน้าแรก สินค้า วิธีสั่งซื้อ ติดต่อเรา เว็บบล็อค

$\"\"$ $\"\"$

","block3":"

$\"\"$

","script":{"block2":{"data":"","dataid":"","html":"","position":"bottom"},"block3":{"data":"","dataid":"","html":"","position":"top"}},"noshow_coverimg":"false"},"componentid":"5f1d2e3d9fbb9bf55863157c"}},"color":[{"name":"primary","color":{"a":"1","b":"255","g":"245","r":"232"}},{"name":"secondary","color":{"r":"207","g":"216","b":"220","a":"1"}}],"storedata":{"title":"officeezy","description":"ให้คำปรึกษาและจัดจำหน่ายสินค้าไอทีที่ครบวงจรมากที่สุด คอมพิวเตอร์แบรนด์ โน๊ตบุ๊คทำงาน AIO Printer ฯลฯ จัดส่งฟรี ส่งด่วน ส่งทั่วประเทศ ","fbmessenger":"","fbmessengername":"Messenger","fbpage":"https://www.facebook.com/profile.php?id=61555156892804","fbpagename":"Facebook Page","lineurl":null,"lineid":"","linename":"","tel":"","telcontactname":"","mobile":"0627148886","mobilecontactname":"คุณศรราม","email":"sonram@modernsave.com","emailcontactname":"","gtag":" G-Z88FS2GFM5","pricezatag":null,"slogan":"จำหน่ายคอมพิวเตอร์แบรนด์ คอมประกอบDIY และสินค้าไอทีครบวงจร ราคาถูก จัดส่งทั่วประเทศ","_id":"662a042cd344e583f9f08bf1","store_type":"it"},"product":{"prodcardimgsize":{"width":"170","height":"170"},"proddesimgsize":{"width":"250","height":"250"}}}

แท็ก Case with Slate Milanese Loop