{"container":{"header":{"_id":"63d74d040755c0bdab77b8e7","component":"header_static","data":{"color":{"r":"255","g":"255","b":"255","a":"1"},"md":{"name":"web_spirit_new_1716978957.jpeg","path":"desktop"},"xs":{"name":"web_spirit_mobile_1716978957.jpeg","path":"desktop"}},"componentid":"63d74d040755c0bdab77b8e7"},"navbar":{"_id":"de135178-9ff1-428b-b634-6a2c164d2ef3","component":"navbar01","data":{"bgcolor":{"r":"2","g":"26","b":"67","a":"1"},"textcolor":{"r":"255","g":"255","b":"255","a":"1"},"carticon":"5","css":{"cartbadge_container":"\npadding: 1px 5px;\nborder-radius: 0px;\nbackground-color: none;\nmargin-left: 3px !important;\ncolor :#F8DD0D !important;\nz-index: 99;\n\n#navbar-badgecount {\ncolor:#F8DD0D;\nposition: absolute;\ntop: 11px;\nright:15px;\nborder-left: 2px solid #ffff;\npadding-left : 5px;\n}","cartbadge_count":"background: red;\nfont-size:20px;","logo":"justify-content:left;\nbackground:linear-gradient(90deg, rgb(26, 75, 155) 0%, rgb(43, 104, 204) 50%, rgb(26, 75, 155) 100%) ;\nheight: 105px;\nposition: relative;\n\n#navlogo{\nwidth:180px;\nheight: auto;\nposition: absolute;\ntop: 50%;\nleft: 14%;\ntransform: translate(-50%,-50%);\n}\n\n#navlogo:hover {\n\n}","containerinside":"width:100%;\nmargin:auto;\nheight:100%;\nposition: relative;\n\n#menu-content-container{\ndisplay:flex;\nalign-items: center;\n}\n\n#member-content-container .navtext{\ndisplay: flex;\nposition: absolute;\ntop: 55.1%;\nright:30px;\ntransform: translate(100%,-50%);\nalign-items:center;\nbackground: #13386F;\npadding: 5px 20px !important;\nborder-radius: 5px;\nheight: 45px;\n}\n\n#searchbox-content-container{\n\n}\n#cart-content-container{\nbackground: #13386F;\nborder-radius: 5px;\nwidth: 70px;\nheight: 45px;\nposition: absolute;\ntop: 19%;\nright: 17%;\n}\n\n@media only screen and (min-width: 1440px) {\n#cart-content-container {\nright: 16%;\n}\n}\n@media only screen and (min-width: 1440px) {\n#member-content-container .navtext {\nright:46px;\n}\n}\n","container":"top:0;\nposition: relative;\nbackground: linear-gradient(0deg, rgb(22, 64, 130) 35.5%, rgb(133, 175, 235) 36%, rgb(26, 75, 155) 37%);\n\n#cart-content-container{\nposition: absolute;\ntop: 19%;\nright: 17%;\n}\n#searchbox{\nposition: absolute;\ntop: 32%;\nleft: 50%;\ntransform: translate(-50%,-50%);\n\n}\n#member-content-container{\nposition: absolute;\ntop: 20%;\nright: 12%;\n}\nspan{\ntext-wrap: nowrap; \n}","menuitem":" cursor: pointer;\n height: 25%;\n font-size: 15px;\n border-right: 1px solid rgb(255,255,255,0.2);\n border-left: 1px solid rgb(255,255,255,0.2);\n align-items: center;\n display:flex;\n margin: 19px 0px;\n\n#navitem-container-box{\n align-items: center;\n}\n.navtext{\nposition: relative;\ndisplay: block;\nmargin:0px;\npadding:1px 30px;\ntext-decoration: none;\ncolor: #ffffff;\nheight:100%;\nfont-family: sans-serif;\ntransition: .5s;\nz-index: 1;\ntransition: all 0.25s ease-in-out;\n}\n\n.navtext:hover{\ncolor:#F8DD0D;\n]\n\n","carticon":".carticon {\ncolor:#F8DD0D;\nfont-size:1.1em;\ntransition: all 0.25s ease-in-out;\ncursor: pointer;\nposition: absolute;\ntop: 12.5px;\nleft:15px;\n}\n\n.carticon:hover {\ncolor:#FFF8C5;\n}","searchbox":"#searchbox {\n width: 350px;\n margin:0px;\n display: inline-block;\n border: none;\n border-radius: 10px;\n box-sizing: border-box;\n padding:10px 5px 10px 10px;\n transition: all 0.25s ease-in-out;\n background: #ffffff;\n border: 5px solid rgb(109, 152, 216,0.8);\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 (min-width: 1024px) {\n #searchbox {\nwidth: 500px;\n}\n}\n\n@media only screen and (min-width: 1400px) {\n #searchbox {\nwidth: 800px;\n}\n}\n@media only screen and (min-width: 1560px) {\n #searchbox {\nwidth: 900px;\n}\n}","searchbox_suggest":"z-index: 99;\r\nposition: absolute;\r\ntop: 32%;\r\nleft: 50%;\r\ntransform: translate(-50%, -50%);\r\nิbackground-color:red;\r\n\r\n.search-link-container {\r\n color: #161616;\r\n text-decoration: none;\r\n}\r\n.search-droplist-container{\r\n padding: 10px;\r\n}\r\n.search-droplist-coverimg-container {\r\n padding: 10px;\r\n text-align: center;\r\n}\r\n.search-droplist-price {\r\n color: #068FFF;\r\n font-size: 14px;\r\n transition:all 0.2s;\r\n}\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: rgba(255, 255, 255, .95);\r\n padding:5px 25px;\r\n transition:all 0.2s;\r\n}\r\n.search-droplist:hover {\r\n background: #ffffff;\r\n transform: scale(1.1);\r\n box-shadow:rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;\r\n border-radius:2.5px;\r\n}\r\n.search-droplist:hover .search-droplist-price {\r\n font-size: medium;\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: #FFB000;\r\n font-weight: 600;\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: 40px 50px 20px 50px;\n width: 100%;\n position: relative;\n z-index:100;\n top: 0;\n#navbar-content-mobile-toggle {\n color: white;\n transition: all 0.5s ease;\n transform: rotate(0deg);\n padding:0px;\nfont-size:1.7em !important;\nposition: absolute;\ntop:18px;\nleft: 15px;\n}\n#navbar-content-mobile-toggle-active {\n transition: all 0.5s ease;\n transform: rotate(360deg);\n padding:0px;\nfont-size:1.7em !important;\nposition: absolute;\ntop:18px;\nleft: 15px;\n\n}\n.navbar-mobile-btn {\n padding: 14px 40px 14px 0px;\nborder-top: none;\nborder-left: none;\nborder-right: none;\n border-bottom: 1px solid rgb(255 255 255 / 10%); \n width: 100%;\n text-align:left;\n background: none;\n color: rgb(255 255 255 / 50%);\noutline: none;\nfont-size: 18px;\nfont-weight:100;\ntransition: ease-in-out 0.2s;\nfont-family: sans-serif;\n}\n.navbar-mobile-btn:hover{\n color: rgb(255 255 255 );\n}\n.navbar-mobile-btn:active{\n color: rgb(255 255 255 );\n}\n#navbar-mobile-cart-icon-container {\n padding-left:8px;\n vertical-align:text-bottom;\n}\n#navbar-mobile-cart-icon {\n font-size:20px;\n \n}\n\n#navbar-mobile-search-container {\n margin-top: 4px;\n padding: 0px;\n text-align: center;\n background-color: #ffffff;\n border-radius: 50px;\n}\n#navbar-mobile-search-input {\n width:100%;\noutline: none;\n background-color: #ffffff;\n border-radius: 50px;\n\n}\n#navbar-mobile-search-input{\nbackground: none;\npadding: 10px;\n}"},"align":"center","maxwidth":"1600","nolimit_maxwidth":"false","isstick":"true","logo":{"name":"PS-foot-logo-02_1693454017.png","path":"icon","position":"top"},"margin":"170"},"componentid":"de135178-9ff1-428b-b634-6a2c164d2ef3"},"footer":{"_id":"5f1d2e3d9fbb9bf55863157c","component":"footer_regular","data":{"title":"

โทรศัพท์ 02-591-1800 มือถือ 090-678-6442 บริษัทโมเดิร์นเซฟ อินเตอร์เทรด จำกัด

","coverimg":{"name":"spirit-bot2_1693471653.jpeg","path":"footer"},"block1":"

$\"\"$

ศูนย์รวมคอมพิวเตอร์ชั้นนำ และอุปกรณ์ไอที อย่างครบวงจร

","block2":"

โทรศัพท์ : 02-591-1800

มือถือ : 090-678-6441-3 , 084-692-5027

Email : top@modernsave.com

","block3":"

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

$\"กรมพัฒนาธุรกิจการค้า$ $\"\"$

","customcss":"@media only screen and (max-width: 2103px) {\n#footer_comp_regular_block1 {\n\nspan{\n font-size: min(max(24px, 1.1vw), 28px) !important;\n}\n}\n}\n\n@media only screen and (max-width: 1279px) {\n#footer_comp_regular_block2 {\ndiv{text-align:center;}\np{text-align:center;}\n}\n}\n\n@media only screen and (max-width: 1279px) {\n#footer_comp_regular_block3 {\ndiv{text-align:center !important;}\np{text-align:center;}\n\n\n}\n}\n\nspan,p,strong{\n-webkit-font-smoothing: antialiased;\n}\n\n#footer_comp_regular_block1{\npadding-top:50px;\n}\n#footer_comp_regular_block2{\npadding-top:80px;\n}\n#footer_comp_regular_block3{\npadding-top:80px;\n}","script":{"block2":{"data":"","dataid":"","html":"

\n
ติดต่อ

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

\n
ช่องทางการติดตาม
\n

","position":"top"}}},"componentid":"5f1d2e3d9fbb9bf55863157c"}},"color":[{"name":"primary","color":{"r":"27","g":"39","b":"161","a":"1"}},{"name":"secondary","color":{"r":"217","g":"217","b":"217","a":"1"}}],"storedata":{"title":"SPIRIT PC","description":"จำหน่ายคอมพิวเตอร์ สินค้าไอที ราคาถูก คุณภาพดี ส่งทั่วประเทศ","fbmessenger":"https://business.facebook.com/latest/inbox/all?bpn_id=1320882038273169&asset_id=101698305294691&nav_ref=manage_page_ap_plus_inbox_message_button&mailbox_id=&selected_item_id=600678010&thread_type=FB_MESSAGE","fbmessengername":"Messenger","fbpage":"","fbpagename":"","lineurl":"https://line.me/ti/p/~modernsave","lineid":"","linename":"Line","tel":"","telcontactname":"","mobile":"090-678-6442","mobilecontactname":"","email":"top@modernsave.com","emailcontactname":"","gtag":"G-ZRW81S7XHD","pricezatag":"300703","slogan":"จำหน่ายสินค้า IT ราคาถูก มีครบ จบที่เดียว ต้องที่ Spiritpc.com","_id":"66728de51eff1a3e190c8b4b","store_type":"it"},"product":{"prodcardimgsize":{"width":"170","height":"170"},"proddesimgsize":{"width":"250","height":"250"}}}

แท็ก USB-C Hub