{"container":{"header":{"_id":"63d74d040755c0bdab77b8e7","component":"header_static","data":{"color":{"r":"3","g":"3","b":"26","a":"1"},"md":{"name":"hitech-header-new2-01_1692347555.jpeg","path":"title"},"xs":{"name":"hitech-mobile-head_1692587460.jpeg","path":"title"}},"componentid":"63d74d040755c0bdab77b8e7"},"navbar":{"_id":"de135178-9ff1-428b-b634-6a2c164d2ef3","component":"navbar01","data":{"bgcolor":{"r":"6","g":"6","b":"40","a":"1"},"textcolor":{"r":"0","g":"0","b":"0","a":"1"},"carticon":"8","css":{"cartbadge_container":"background-color: none;\nz-index: 99;\n\n#navbar-badgecount {\ncolor:#FFFFFF;\nposition: absolute;\ntop: 0px;\nright:50%;\ntop: -1px;\nright:55%;\ntransform: translate(-50%,-50%);\nwidth:20px;\nheight:20px;\nbackground:#1B9AF8;\nborder-radius: 50px;\ntext-align:center;\nline-height: normal;\n}","cartbadge_count":"color:blue;\nfont-size:20px;","logo":"justify-content:start;\nbackground: #ffffff;\nheight: 105px;\nposition: relative;\n\n#navlogo{\nwidth:180px;\nheight: auto;\nposition: absolute;\ntop: 50%;\nleft: 15%;\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;\ncolor: #000000;\nalign-items: center;\nposition: absolute;\ntop: 30%;\nright: 5%;\ntransform: translate(-50%,-50%);\n}\n\n#member-content-container {\nalign-items:center;\nbackground: #FFFFFF;\npadding: 5px 20px !important;\nborder-radius: 5px;\nheight: 50px;\ndisplay:flex;\norder: 2;\n\n}\n\n#searchbox-content-container{\n\n}\n#cart-content-container{\nwidth: 70px;\nheight: 45px;\nposition: absolute;\ntop: 32%;\nright: 5%;\ntransform: translate(-50%,-50%);\n}\n\n@media only screen and (max-width: 924px) {\n#cart-content-container {\nright: 0%;\n\n}\n}\n@media only screen and (max-width: 1024px) {\n#menu-content-container {\nright: 0%;\ntransform: translate(-36%,-50%);\n}\n}\n@media only screen and (max-width: 952px) {\n#menu-content-container {\nright: 0%;\ntransform: translate(-25%,-50%);\n}\n}\n\n@media only screen and (max-width: 846px) {\n#navlogo {\ndisplay: none;\n}\n}","container":"top: 0;\nposition: relative;\nbackground: linear-gradient(0deg, rgb(3, 2, 17) -10%, rgb(12, 9, 80) 38%, rgb(255, 255, 255) 37%);\n\nnavlogo","menuitem":" cursor: pointer;\n border:none;\n transition: all ease-in-out .2s;\n left:0px;\n\n.navtext{\n position: relative;\n display: block;\n text-transform: uppercase;\n margin: 34px 0;\n padding: 15px 18px;\n text-decoration: none;\n color: #474747;\n font-family: sans-serif;\n font-size: 14px;\n font-weight: 600;\n transition: .5s;\n z-index: 1;\n}\n\n.navtext:hover {\n color: #1B9AF8;\n font-weight: 900;\n}\n.navtext::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-top: 2px solid #1B9AF8;\n border-bottom: 2px solid #1B9AF8;\n transform: scaleY(2);\n opacity: 0;\n transition: .3s;\n}\n.navtext::after {\n content: '';\n position: absolute;\n top: 0px;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgb(27,154,248,0.25);\n transform: scale(0);\n opacity: 0;\n transition: .3s;\n z-index: -1;\n }\n\n.navtext:hover::before {\n transform: scaleY(1);\n opacity: 1;\n}\n\n.navtext:hover::after {\n transform: scaleY(1);\n opacity: 1;\n}","carticon":".carticon {\ncolor:#000000;\nfont-size:1.75em;\ntransition: all 0.25s ease-in-out;\ncursor: pointer;\nposition: absolute;\ntop: 50%;\nright:50%;\ntransform: translate(-50%,-50%);\n}\n\n.carticon:hover {\n\n}","searchbox":"#searchbox {\n width: 1000px;\n margin:6px 6px;\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: 4px solid #434A6E;\n color: #144E0D;\n display:flex;\n order: 1;\n outline: none;\n}\n@media only screen and (max-width: 1152px) {\n#searchbox {\nwidth: 800px;\n}\n\n@media only screen and (max-width: 952px) {\n#searchbox {\nwidth: 550px;\n}\n}","searchbox_suggest":"z-index: 99;\r\nposition:relative;\r\n\r\n#react-autowhatever-1{\r\n display:block;\r\n position:absolute;\r\n left:50%;\r\n top:100%;\r\n translate:-50% 0;\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: #ff0000;\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 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.search-droplist {\r\n color: #000000;\r\n padding:10px 5px;\r\n transition:all 0.2s;\r\n cursor: pointer;\r\n position: relative;\r\n text-decoration: none;\r\n z-index: 1;\r\n \r\n}\r\n.search-droplist:before {\r\n background: #AEDEFC;\r\n content: \"\";\r\n inset: 0;\r\n position: absolute;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.5s ease-in-out;\r\n z-index: -1;\r\n \r\n}\r\n.search-droplist:hover::before {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n \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: #008cff;\r\n font-weight:600;\r\n background-color:#FFFFFF;\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 0px;\n width: 100%;\nposition: fixed;\n z-index:100;\n top: 0;\n\n#navbar-content-mobile-toggle {\n color: white;\n transition: all 0.2s ease-in-out;\n transform: rotate(0deg);\ntransform: scale(.15, 0.9);\nmargin:15px 15px 15px 15px;\ncursor: pointer;\ncolor:#DDE6ED;\nborder-radius:100%;\npadding: 0px 1.6px;\n}\n\n#navbar-content-mobile-toggle-active {\n transition: all 0.2s ease-in-out;\n transform: rotate(0deg);\n font-size:1.6em !important;\ncursor: pointer;\nmargin:15px 15px 15px 15px;\ncolor:#9DB2BF;\nborder-radius:100%;\npadding: 0px 2.5px;\n}\n\n.navbar-mobile-btn {\n padding: 20px;\n background: rgba(255, 255, 255,0.1);\n border: none;\n width: 100%;\ncolor:#9DB2BF;\n outline: none;\ntransition: all ease-in-out 0.1s;\nfont-size: 20px;\n}\n.navbar-mobile-btn:hover{\n background: rgba(255, 255, 255,0.2);\ncolor:#00C4FF;\n}\n\n#navbar-mobile-cart-icon-container {\n padding:5px;\nvertical-align:text-bottom;\n}\n#navbar-mobile-cart-icon {\n font-size:20px;\n}\n\n#navbar-mobile-search-container {\n margin: 10px 10px;\n padding: 5px;\n text-align: center;\nborder-radius:none;\n}\n#navbar-mobile-search-input {\nwidth:100%;\nborder-top: none;\nborder-left: 2px solid rgb(255,255,255,0.5);\nborder-right: none;\nborder-bottom: none;\noutline: none;\nborder-radius: unset;\nbackground:none;\ncolor: #ffffff;\ntransition: all in 0.1s;\n}\n#navbar-mobile-search-input:focus{\nborder-left: none;\n}"},"align":"center","maxwidth":"1900","nolimit_maxwidth":"false","isstick":"true","logo":{"name":"hitech-Logo2_1693560564.png","path":"title","position":"top"},"margin":"169"},"componentid":"de135178-9ff1-428b-b634-6a2c164d2ef3"},"footer":{"_id":"5f1d2e3d9fbb9bf55863157c","component":"footer_regular","data":{"title":"

LET'S CONNECT

","coverimg":{"name":"hi-3ai_1682310220.jpeg","path":"img"},"block2":"

ต้องการส่วนลดพิเศษ หรือสั่งซื้อจำนวนมาก

กรุณาโทร : 090-678-6443

Email : niti@modernsave.com

บริษัทฯ ขอสงวนสิทธิ์ในการยกเลิก หรือเปลี่ยนแปลง ราคาและข้อมูล อันเนื่องมาจากข้อผิดพลาดในการพิมพ์ กรุณาตรวจสอบรายละเอียดของสินค้าทุกครั้งก่อนทำการสั่งซื้อสินค้า

","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-top:80px;\n}\n#footer_comp_regular_block2{\npadding-top:50px;\n}\n#footer_comp_regular_block3{\npadding-top:80px;\n}","block3":"

$\"\"$

","block1":"

$\"\"$

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

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

","position":"top"}}},"componentid":"5f1d2e3d9fbb9bf55863157c"}},"color":[{"name":"primary","color":{"a":"0","b":"252","g":"103","r":"1"}},{"name":"secondary","color":{"r":"33","g":"150","b":"243","a":"1"}}],"storedata":{"title":"HITECHSHOP ONLINE","description":"จำหน่าย คอมพิวเตอร์ โน๊ตบุค ปริ้นเตอร์ และอุปกรณ์เน็ตเวิร์ค","fbmessenger":null,"fbmessengername":null,"fbpage":null,"fbpagename":null,"lineurl":null,"lineid":"0906786443","linename":"0906786443","tel":null,"telcontactname":"0906786443","mobile":"090-678-6443","mobilecontactname":"คุณนิติ","email":"niti@modernsave.com","emailcontactname":"niti@modernsave.com","gtag":"G-HN2W66MNL8","pricezatag":"300115","slogan":"ผู้เชี่ยวชาญด้าน IT การันตีความถูก","_id":"667e414bcbb18abca6fa4b48","store_type":"it"},"product":{"prodcardimgsize":{"width":"170","height":"170"},"proddesimgsize":{"width":"250","height":"250"}}}

แท็ก Pro Pen 2