{"container":{"header":{"_id":"63d74d040755c0bdab77b8e7","component":"header_static","data":{"color":{"r":"43","g":"15","b":"33","a":"1"},"md":{"name":"M4_sup_bg2-01_1690440077.jpeg","path":"header"},"xs":{"name":"M4_sup_bg2-01_1690440077.jpeg","path":"header"}},"componentid":"63d74d040755c0bdab77b8e7"},"navbar":{"_id":"de135178-9ff1-428b-b634-6a2c164d2ef3","component":"navbar01","data":{"bgcolor":{"r":"25","g":"8","b":"20","a":"1"},"textcolor":{"r":"255","g":"255","b":"255","a":"1"},"carticon":"17","css":{"cartbadge_container":"height: 100%;\npadding: 3px 3px;\nborder-radius: 3px;\nwidth: 20px;\ntext-align: center;\nbackground-color: none;\nborder: 1px solid #ffffff;\n#navbar-badgecount {\ncolor:#ffffff;\n}","cartbadge_count":"color:blue;\nfont-size:20px;\n","logo":"justify-content:center;\nmargin-right: 30px;\n#navlogo{\nwidth:50px;\nheight: 50px;\n\n}\n","containerinside":"width:100%;\nmargin:auto;\nheight:100%;\npadding: 10px;\nbox-shadow: 0px 10px 15px #000000;\n","container":"","menuitem":" margin: 0px 5px;\n cursor: pointer;\n padding: 0px 10px;\n height: 100%;\n\n#navitem-children{\n color: #FFFFFF;\n position: relative;\n text-decoration: none;\n}\n#navitem-children::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 2px;\n border-radius: 2px;\n background-color: #FFFFFF;\n bottom: 0;\n left: 0;\n transform-origin: right;\n transform: scaleX(0);\n transition: transform .3s ease-in-out;\n}\n#navitem-children:hover::before {\n transform-origin: left;\n transform: scaleX(1);\n}\n\na{\n color: #FFFFFF;\n position: relative;\n text-decoration: none;\n}\na::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 2px;\n border-radius: 2px;\n background-color: #FFFFFF;\n bottom: 0;\n left: 0;\n transform-origin: right;\n transform: scaleX(0);\n transition: transform .3s ease-in-out;\n}\na:hover::before {\n transform-origin: left;\n transform: scaleX(1);\n}","carticon":".carticon {\ncolor:white;\nfont-size:1.5em;\nmargin-left: 15px;\ntransition: font-size 0.5s linear;\n}\n.carticon:hover {\n\n}","searchbox":"#searchbox {\n width: 150px;\n margin: 8px 20px;\n border: 1px solid #ffffff;\n border-radius: 0px;\n padding:3px;\n background: none;\n outline:none;\n color:#ffffff;\n}","searchbox_suggest":"z-index: 99;\r\nposition: absolute;\r\ntop: 32%;\r\nleft: 50%;\r\ntransform: translate(-50%, -50%);\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: #e314c4;\r\n font-size: 14px;\r\n}\r\n.react-autosuggest__suggestions-list {\r\n margin: 0;\r\n padding: 0px;\r\n list-style-type: none;\r\n}\r\n\r\n.search-droplist {\r\n background-color: #ffffffe8;\r\n padding:10px 5px;\r\n transition:all 0.2s;\r\n}\r\n.search-droplist:hover {\r\n background: #faf6f0;\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: red;\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}"},"align":"start","maxwidth":"1900","nolimit_maxwidth":"false","isstick":"true","logo":{"name":"M4_sup_logo2-06_1690439947.png","path":"icon","position":"left"}},"componentid":"de135178-9ff1-428b-b634-6a2c164d2ef3"},"footer":{"_id":"5f1d2e3d9fbb9bf55863157c","component":"footer_regular","data":{"title":"

LET'S CONNECT

","coverimg":{"name":"M4_sup_bot2-05_1686557646.jpeg","path":"footer"},"block2":"

$\"\"$

","script":{"block2":{"data":"","dataid":"","html":"

\nMail:top@modernsave.com\n

","position":"bottom"},"block3":{"data":"","dataid":"","html":"

\nCall:090-678-6442\n

","position":"bottom"},"block1":{"data":"","dataid":"","html":"

\nLine:modernsave\n

","position":"bottom"}},"block3":"

","block1":"

","customcss":"@media only screen and (max-width: 2103px) {\n#footer_comp_regular_block1 {\n\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 {\n\nspan\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 {\nspan\n{\n font-size: min(max(24px, 1.1vw), 28px) !important;\n}\n}\n}\nspan,p,strong{\n-webkit-font-smoothing: antialiased;\n}\n\n#footer_comp_regular_block1{\npadding:40px 0px 25px 0px;\n}\n#footer_comp_regular_block2{\npadding:40px 0px 25px 0px;\n}\n#footer_comp_regular_block3{\npadding:40px 0px 25px 0px;\n}\n.dIzaEXP{\nmin-height:auto;\n}"},"componentid":"5f1d2e3d9fbb9bf55863157c"}},"color":[{"name":"primary","color":{"a":"1","b":"46","g":"46","r":"47"}},{"name":"secondary","color":{"r":"0","g":"0","b":"0","a":"0"}}],"storedata":{"title":"m4supply.com","description":"ขายสินค้าไอทีอินเตอร์แบรนด์ชั้นนำทั่วโลก","fbmessenger":null,"fbmessengername":null,"fbpage":null,"fbpagename":null,"lineurl":null,"lineid":null,"linename":null,"tel":null,"telcontactname":null,"mobile":null,"mobilecontactname":null,"email":null,"emailcontactname":null,"gtag":"G-QEXPSE8R9E","pricezatag":null,"slogan":"จัดหาสินค้าไอทีอย่างเชี่ยวชาญ","_id":"648c266a14a6f4ee91802cfd","store_type":"it"},"product":{"prodcardimgsize":{"width":"170","height":"170"},"proddesimgsize":{"width":"250","height":"250"}}}

แท็ก DB16255R5161