301 response code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 response code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: lwn3d.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html lang="th-TH"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="ผู้เชี่ยวชาญงานแกะสลักด้วย Robot CNC รับปริ้นไฟล์ 3D ประสบการณ์กว่า 20 ปี งานที่ได้สัดส่วนสมบูรณ์ตามแบบ ทำได้หลากหลายวัสดุ ไม้ โฟม อคิลิค หินธรรมชาติ " /> <meta name="Keywords" content="รับสแกน3d,รับปริ้น 3D,3D Print ราค,รับพิมพ์ 3 มิติ ,รับจ้างปริ้น 3D" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="apple-mobile-web-app-capable" content="yes"> <!-- facebook --> <meta property="fb:app_id" content="160631041153580" /> <meta property="og:type" content="website" /> <meta property="og:title" content="รับปริ้น3D พิมพ์งาน 3 มิติแกะสลักงานปฏิมากรรมครบวงจร | LWN3D" /> <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/Xq8zoRYxh/Home/logo.png" /> <meta property="og:description" content="ผู้เชี่ยวชาญงานแกะสลักด้วย Robot CNC รับปริ้นไฟล์ 3D ประสบการณ์กว่า 20 ปี งานที่ได้สัดส่วนสมบูรณ์ตามแบบ ทำได้หลากหลายวัสดุ ไม้ โฟม อคิลิค หินธรรมชาติ " /> <meta property="og:url" content="https://www.lwn3d.com/" /> <meta property="og:site_name" content="lwn3d.com" /> <!-- twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="lwn3d.com"> <meta name="twitter:title" content="รับปริ้น3D พิมพ์งาน 3 มิติแกะสลักงานปฏิมากรรมครบวงจร | LWN3D"> <meta name="twitter:description" content="ผู้เชี่ยวชาญงานแกะสลักด้วย Robot CNC รับปริ้นไฟล์ 3D ประสบการณ์กว่า 20 ปี งานที่ได้สัดส่วนสมบูรณ์ตามแบบ ทำได้หลากหลายวัสดุ ไม้ โฟม อคิลิค หินธรรมชาติ "> <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/logo.png"> <meta name="twitter:domain" content="https://www.lwn3d.com/"> <!-- google --> <meta name="google-site-verification" content="3D2jP2rQaKcJBYMkvy7sH-lz9OJIgQI2DjaUbRhzXso" /> <meta name="generator" content="MakeWebEasy" /> <!-- Phone number--> <meta name="format-detection" content="telephone=no"> <link rel="alternate" href="https://www.lwn3d.com/" hreflang="x-default" /> <link rel="canonical" href="https://www.lwn3d.com/" /> <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/attach_file/favicon/favicon_20190822104036-0.ico?v=202306151430" /> <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/attach_file/favicon/favicon_20190822104036-0.ico?v=202306151430" type="image/x-icon" /> <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/attach_file/favicon/favicon_20190822104036-0.ico?v=202306151430" type="image/x-icon" /> <!-- CSS Main --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Nunito|Lora|Dancing+Script|Satisfy|Fjalla+One|Oswald|Montserrat|Supermarket|Sanchez|Roboto|Quicksand|Pacifico|Raleway|Kanit|Prompt|Trirong|Taviraj|Itim|Chonburi|Mitr|Athiti|Pridi|Maitree|Pattaya|Sriracha|Sarabun|Chakra+Petch|Mali|Bai+Jamjuree|Krub|K2D|Niramit|Charm|Srisakdi|Thasadith|Kodchasan|KoHo|Charmonman|Poppins|Fahkwang|Noto+Sans+Thai|IBM+Plex+Sans+Thai|Noto+Serif+Thai|Noto+Sans+Thai+Looped|IBM+Plex+Sans+Thai+Looped&subset=thai,latin" /> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/font.min.css?v=202101271138" /> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202307051108" /> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202307051108" /> <!-- CSS Page --> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.carousel.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.theme.default.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/magnific-popup.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" /> <!-- CSS Main --> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" /> <!-- byAir --> <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> --> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20250430165931" /> <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" /> <link rel="stylesheet" type="text/css" href="/customer-css/style_Xq8zoRYxh.min.css?v=1701278555" /> <title>รับปริ้น3D พิมพ์งาน 3 มิติแกะสลักงานปฏิมากรรมครบวงจร | LWN3D</title> <!-- JS Main --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202306151430" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script> <script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script> <script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202306151430"></script> <script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script> <!-- JS Page --> <!-- Script Embed --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T2363DT');</script> <!-- End Google Tag Manager --><!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-21EGJYNSM6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-21EGJYNSM6'); </script> <style> #divMWEAds .mweColor{ color: #28bee3; } /* #divMWEAds .webFreeColor{ color: #ffffff; background-color: #28bee3; } */ .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;} .webFreeColor:hover, .webFreeColor.active { background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF; } </style> </head> <body> <!-- Script Embed --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2363DT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- <script> </script> --> <style type="text/css"> .pagination>li>a, .pagination>li>span { font-size: 14px; color: inherit; } .dropdown.areacontext.open{ z-index: 1001 !important; } .table-responsive table { margin-bottom: 20px; white-space: nowrap; } @media only screen and (min-width: 1200px) { .table-responsive table { white-space: normal; } } @media only screen and (min-width: 1200px) { .section-container > .slimScrollDiv { display: none; } } a[data-mce-href] { font-size: inherit; font-family: inherit; /*color: inherit;*/ } /* areacontext menu */ .areacontext { border: 1px solid rgb(9,10,12); } .areacontext .btn-primary { background: #373e44!important; color: #FFF!important; border-color: #23292f!important; padding: 1px 5px; display: block; } .areacontext > div { font-family: Open Sans !important; font-size: 12px !important; } .areacontext ul.dropdown-menu { border-radius: 0px !important; background: #373E44 !important; margin-top: 0px !important; border: 1px solid rgb(9,10,12); padding: 0px !important; min-width: 100px !important; transform: translate3d(-1px, 20px, 0px) !important; } .areacontext ul.dropdown-menu > li > a { font-family: "Helvetica Neue",Helvetica,Tahoma !important; font-size: 12px !important; color: rgb(145, 159, 174) !important; padding: 3px 5px !important; display: block; } .areacontext ul.dropdown-menu > li > a:hover { background: #262D33 !important; color: #FFF !important; text-decoration: none; } /* addition */ /* facebook like box */ .fb-like.fb_iframe_widget > span > iframe{ max-width:none!important } /* img in table */ table img { max-width:initial!important; } /* iframe */ iframe { max-width:100%; } /* pagination */ .pagination>li>a,.pagination>li>span{ font-size:14px;color:inherit } /* table */ .table-responsive table { margin-bottom:20px; white-space:nowrap; } @media only screen and (min-width: 1200px){ .table-responsive table{ white-space:normal } } /* img width and rendering */ div#section-content img:not(.fill), div#section-footer img:not(.fill) { overflow:hidden; opacity:0; -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; transition:opacity .3s ease-in-out,transform .3s ease-in-out; max-width:100%; } @media (max-width: 768px) { body { max-width: 100vw; } } /* force show img */ .map_outter img { opacity: 1 !important; } /* link in tinymce */ a[data-mce-href] { font-size: inherit; font-family: inherit; } /* top layout */ nav > #top-area > .container-fluid { padding-left: 8px; padding-right: 8px; } nav > #top-area > .row { margin: 0; } nav > #top-area > .row > .col { padding: 0; } .navbar-link { display: inline-block; padding: 8px; border: none; margin: 8px 0px; vertical-align: middle; line-height: 1; } /*.navbar-fa { width: 24px !important; height: 24px !important; }*/ .navbar-toggler-icon { margin: 0; padding: 0; } .dropdown > .dropdown-toggle > svg { transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; } .dropdown.show > .dropdown-toggle > svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } .dropdown-menu > li > .dropdown-toggle > svg { transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; } .dropdown-menu > li.show > .dropdown-toggle > svg { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } /* cart widget */ nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter { display: none; } nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter { -webkit-transform: scale(0.75) !important; transform: scale(0.75) !important; top: -75%; right: auto; left: 50%; -webkit-transform-origin: top center; transform-origin: top center; display: inline-block; } /* list style */ ul { margin-bottom: 0 !important; } li { /* list-style: none;*/ } /* hide caret */ .dropdown-toggle::after{ display:none!important; } /* social widget */ .social-widget { display: inline-block; } .social-widget a { font-size: 30px; width: 30px; height: 30px; min-width: 30px; min-height: 30px; } @media (min-width: 401px) { .social-widget a { font-size: 36px; width: 36px; height: 36px; min-width: 36px; min-height: 36px; } } .social-widget a svg.fa-twitter { margin-right: -1px !important; } .social-widget a svg.fa-instagram { margin-right: 2px !important; } .social-widget a svg.fa-google-plus-g { margin-right: -6px !important; } .social-widget a svg.fa-youtube { margin-right: -3px !important; } /* vertical align text widget */ .navbar-text { line-height: 150%; vertical-align: middle; min-height: 50px; } @media (min-width: 401px) { .navbar-text { min-height: 56px; } } </style> <!--// ! ------------arrow scroll to top --> <a href="javascript:void(0);" id="toTop" class="back-to-top " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;"> <span class="fa-stack" style="font-size: 22px;"> <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i> <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i> </span> </a> <!-- //! facebook messager --> <div class="section-container"> <!-- BoxLoading --> <div class="boxLoading" id="boxLoading"> <div class="loader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle> </svg> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div> <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div> <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div> <script type="text/javascript"> function showModalBS(isClose, path, size) { if (size == 'small') { var siz = 'sm'; } else if (size == 'medium') { var siz = 'md'; } else if (size == 'large') { var siz = 'lg'; } else if (size == 'full') { var siz = 'full'; } else if (size == 'cartlogin') { var siz = 'modalCartLogin'; } else if (size === 'addToCartGroupProduct') { var siz = 'groupProduct modal-dialog-centered' } else if (size === 'addToCart') { var siz = 'addToCart modal-dialog-centered' } else if (size === 'medium-center') { var siz = 'md modal-dialog-centered' } else { var siz = 'md'; } if (isClose == 1) { var backdrop = true; } else if (isClose == 0) { var backdrop = 'static'; } else { var backdrop = true; } jQuery('#modal_standard').html('<div class="modal-dialog modal-' + siz + '"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>'); jQuery('#modal_standard').modal({ backdrop: backdrop, // remote: path, show: true, keyboard: true }); jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { }); } function showModalPopup(isClose, path) { if (isClose == 1) { var backdrop = true; } else if (isClose == 0) { var backdrop = 'static'; } else { var backdrop = true; } jQuery('#modal_popup').html('<div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>'); jQuery('#modal_popup').modal({ backdrop: backdrop, // remote: path, show: true, keyboard: true }); jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { }); } function showModalCouponBS(path) { jQuery('#modal_coupon').html('<div class="modal-dialog modal-coupon modal-dialog-centered"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>'); jQuery('#modal_coupon').modal({ backdrop: true, // remote: path, show: true, keyboard: true }); jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { }); } </script> <div class="disabled-filter"></div> <div class="section-body "> <div id="section-header" class="sps sps--abv"> <style type="text/css"> @media only screen and (min-width: 1025px){ .headerMobile { display: none !important; } .navbar-toggler { display: none !important; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } /* sticky */ .headerDesktop nav #top-sticky { transition: transform 450ms; -webkit-transition: transform 450ms; -moz-transition: transform 450ms; -o-transition: transform 450ms; } .sps--abv .headerDesktop nav #top-sticky { position: relative; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .sps--abv .headerDesktop nav #top-mb { margin-bottom: 0; } .sps--abv .headerDesktop nav #top-sticky #cart{ display: none !important; } .sps--blw .headerDesktop nav #top-sticky { position: fixed; top: -56px; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); transform: translate3d(0, 56px, 0); -webkit-transform: translate3d(0, 56px, 0); -moz-transform: translate3d(0, 56px, 0); -ms-transform: translate3d(0, 56px, 0); } .sps--blw .headerDesktop nav #top-mb { padding-bottom: 56px; } .sps--blw .headerDesktop nav #top-sticky #cart{ display: inline-flex !important } } @media (max-width: 1024px){ .headerDesktop { display: none !important; } /* sticky */ .sps--abv .headerMobile nav #top-sticky { position: static; } .sps--abv .headerMobile nav #top-mb { margin-bottom: 0; } .sps--blw .headerMobile nav #top-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); } .sps--blw .headerMobile nav #top-mb { margin-bottom: 56px; } .icoMember ,#iconsMember{ display: none; } ul.navbar-topmenu.navbar-nav .arrowCollapse{ transition: transform .3s ease 0s; } ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{ transition: transform .3s ease 0s; } } .sb { visibility: visible; /*position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; z-index: 999; padding: 0 16px; /*margin: 0 16px;*/ } .sb > input { /*width: calc(100% - 39px); border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #FFF; background: #333 !important; padding: 6px; color: #FFF; vertical-align: middle;*/ } .sb > input::placeholder { color: #333; } .sb > input:focus { outline: none; } .aCloseSearchIcon { height: 36px; padding: 6px 12px; } #top-sticky > div { position: relative; } div.headerMobile{ position: relative; z-index: 56; } #divMWEAds { bottom: unset; width: 100vw !important; background: #fff; color: #000; } #divMWEAds:hover { background: #fff; } #topZone { padding-top: 0px; } .marginBot { margin-bottom: 0px; } .headerMobile #divMWEAds { font-family: 'DB Heavent' !important; font-size:21px; z-index:999999; } .headerMobile #divMWEAds a { font-size: 20px; font-family: 'DB Heavent' !important; font-weight: bold; } @media only screen and (max-width: 400px) { .headerMobile #divMWEAds { font-size:16px; } #divMWEAds img { max-height: 25px; max-width: 25px; } .headerMobile #divMWEAds a { font-size: 16px; } } </style> <div class="headerDesktop"> <style type="text/css"> @media (min-width: 1025px) { .navbar-brand { font-size: 24px !important; border: none !important; padding: 0; margin: auto; } .navbar-text{ min-height: 24px; } .text-truncate{ width: 100%; } .text-truncate p{ margin-bottom: 0; line-height: 24px; } #logotop{ margin: 5px 0; min-height: 50px; } #menutop{ margin: 10px 10px 10px 0 !important; } .topwidget-menu{ margin: 0 !important; } .cart-nav{ margin-top: 0 !important; } .sps--blw #top-sticky #logotop{ /* display: none !important; */ } .sps--blw #top-sticky #logotop .img-logo { width: auto; max-height: 50px; } .sps--blw #top-sticky #logotop .img-logo { width: auto; max-height: 50px; } #top-sticky #cart2{ display: none !important; } .sps--blw #top-sticky #cart2{ display: inline-flex !important; } } </style> <nav id="topZone" class="navbar-expand-xl"> <div id="top-bar"> <div id="top-mb"> <div class="container"> <div class="row align-items-center justify-content-end"> <div class="col-lg-auto"> <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1"> <div class="navbar-text text-truncate text-right py-1"> <span class="fas fa-phone mceNonEditable" style="vertical-align: middle; color: #ffffff; font-size: 20px;" data-mce-style="vertical-align: middle; color: #ffffff; font-size: 20px;" contenteditable="false"> </span><span style="font-size: 16px; color: #ffffff;" data-mce-style="font-size: 16px; color: #ffffff;"> 097-195-6366</span> </div> </div> <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1"> <div class="d-inline"> <style> .empty { padding-top: 15px; padding-right: 22px; padding-bottom: 12px; padding-left: 29px; } .wechatSocial{ cursor: pointer; } .pointer-none { pointer-events: none; } </style> <div class="social-widget"> <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/lwn3d/ " style=""> <i class="fas fa-circle colorFacebookBG pointer-none"></i> <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> </a> <a class="faco-top fa-layers fa-fw youtubeSocial " target="_blank" href="https://www.youtube.com/channel/UCTHtGS3_BlOwrXGdFrXMQxg/featured" style=""> <i class="fas fa-circle colorYoutubeBG pointer-none"></i> <i class="fa-inverse fab fa-youtube colorYoutube pointer-none" data-fa-transform="shrink-7"></i> </a> <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~@lwn3D " style=""> <i class="fas fa-circle colorLineBG pointer-none"></i> <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> </a> </div> <script type="text/javascript"> jQuery(".wechatSocial").click(function () { window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); }); </script></div> </div> </div> </div> </div> </div> </div> <div id="top-area"> <div id="top-sticky"> <div class="container"> <div class="row no-gutters "> <div class="col col-lg d-lg-inline-flex"> <div id="logotop" class="hoverOverlay d-inline-flex align-middle"> <span class="navbar-brand"> <a href="/" style="text-decoration: none;"> <style> @media (min-width: 1025px){ .img-logo { } } </style> <img src="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> </a> </span> </div> </div> <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center"> <div id="menutop" class="hoverOverlay d-inline-flex"> <div class="collapse navbar-collapse"> <style type="text/css"> .topwidget-menu .navbar-nav .dropdown-menu { padding: 0; margin: 0; } .topwidget-menu .navbar-nav .dropdown-menu.hidden { visibility: hidden; } /*PC hack to hover*/ @media (min-width: 1025px) { ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ display:block !important; } ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ display:block !important; } ul.navbar-topmenu.navbar-nav ul{ box-shadow: 0 6px 12px rgba(0,0,0,0.175); } .topwidget-menu { margin: 10px; } ul.dropdown-menu.dropdown-menu-right{ left: unset; right:0; } .dropdownfix-menu-right { right:100% !important; left:auto !important; } .public-topmenu .dropdown-menu-right .fa-chevron-right { transform: rotate(180deg); left: 0; position: absolute; top: 12px; } .public-topmenu .dropdown-menu-right .fa-chevron-down{ transform: rotate(90deg); left: 0; position: absolute; top: 12px; } .more.hidden{ display:none; } .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ transform: rotate(-90deg); } ul.navbar-topmenu.navbar-nav > li.nav-item ul{ position: absolute; } .public-topmenu .topmenuLg{ border-right:none !important; } } /* tablet*/ @media only screen and (min-width: 768px) and (max-width: 1112px) { ul.navbar-topmenu.navbar-nav ul{ box-shadow: 0 6px 12px rgba(0,0,0,0.175); } } /*mobile tablet*/ @media only screen and (max-width: 1024px) { ul.navbar-topmenu .abl1 .arrowCollapse, ul.navbar-topmenu .abl2 .arrowCollapse{ position: absolute; right: 20px !important; top: 25%; text-align: center; height: 16px; } ul.navbar-topmenu.navbar-nav a{ text-align: left !important; white-space: normal; } ul.navbar-topmenu.navbar-nav .fa-chevron-down{ transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; } ul.navbar-topmenu.navbar-nav .fa-chevron-right{ transform: rotate(90deg); transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; /* width: 15px; height: 15px; */ } ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ right: 12px; top: 27%; } ul.navbar-topmenu.navbar-nav a{ word-wrap: break-word; } ul.navbar-topmenu.navbar-nav .more{ display:none !important; } .public-topmenu .dropdown.show > a > .arrowCollapse{ transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); } .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); } ul.navbar-topmenu.navbar-nav > li > ul > li > a { padding-left: 30px !important; } ul.navbar-topmenu.navbar-nav ul ul a { padding-left: 45px !important; } } </style> <div class="topwidget-menu"> <ul class="navbar-nav navbar-topmenu public-topmenu"> <li class="nav-item "> <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self"> หน้าหลัก </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/robot3dcnc3d" target="_self"> งานแกะสลัก Robot </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/print3d" target="_self"> งาน Print 3D </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/scan3d" target="_self"> งาน Scan 3D </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/งานสำเร็จ" target="_self"> หินธรรมชาติ </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/stone" target="_self"> ดวงแก้ว </a> </li> <li class="nav-item topmenuLg"> <a class="nav-link abl1" href="/contactus" target="_self"> ติดต่อเรา </a> </li> <li class="nav-item dropdown more hidden" data-width="80"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> </a> <ul class="dropdown-menu"></ul> </li> </ul> </div> <script> /*width auto more*/ if (jQuery(window).width() > 1024) { calcWidth(); var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); last_visible_element.css('border-right', 'none'); } function calcWidth() { var navwidth = 0; var availablespace = 0; var logwid = jQuery('#logotop').outerWidth(true); var defwidth = 0; var intIsEnableSearchTop = "0"; var intIsEnableCart = "0"; var calAweDropdown = "0"; navwidth = navwidth + parseInt(calAweDropdown); let isLayoutId = '39'; let fullcontainer = '0'; if (intIsEnableSearchTop == 1) { defwidth = defwidth + 60; } if (intIsEnableCart == 1) { defwidth = defwidth + 60; } /* if (calAweDropdown != 0) { defwidth = defwidth + calAweDropdown; }*/ if (typeof logwid === "undefined") { var logwid = 0; } if (isLayoutId == '37' || isLayoutId == '38') { var logwid = 0; } if(fullcontainer=='1'){ var pls_pad = 30; }else{ var pls_pad = 0; } /* if(isLayoutId=='38'){ var defwidth = 180; }*/ var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { navwidth += jQuery(this).outerWidth(true); }); /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () { navwidth += 17; });*/ var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49); if (navwidth > availablespace) { var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); var jimwidtest = lastItem.outerWidth(true); lastItem.removeClass('nav-item'); lastItem.removeClass('dropdown'); lastItem.children('a.nav-link').addClass('dropdown-item'); lastItem.attr('data-width', lastItem.outerWidth(true)); if (jimwidtest > 0) { lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); } delete lastItem; calcWidth(); return 0; } else { if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); if (navwidth + firstMoreElement.data('width') < availablespace) { firstMoreElement.addClass('nav-item'); firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); firstMoreElement.removeAttr("data-width"); firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); } delete firstMoreElement; } } /*hide more*/ if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; if (thelast == 1) { //remove more var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); if ((navwidth + firstMoreElement2.width()) < availablespace) { firstMoreElement2.addClass('nav-item'); firstMoreElement2.addClass('topmenuLg'); firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); firstMoreElement2.removeAttr("data-width"); firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); } else { jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); } delete firstMoreElement2; } else { jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); } } else { jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); } } function calcWidthAfter() { //affix if reflesh topbar appear if ($(window).scrollTop() > 0) { var logwid = 276; }else{ var logwid = jQuery('#logotop').outerWidth(true); } var navwidth = 0; var availablespace = 0; var defwidth = 0; var serwid = jQuery('#searchtop').outerWidth(true); var car2id = jQuery('#cart2').outerWidth(true); var intIsEnableSearchTop = "0"; var intIsEnableCart = "0"; let isLayoutId = '39'; let fullcontainer = '0'; if (intIsEnableSearchTop == 1) { defwidth = defwidth + serwid; } if (intIsEnableCart == 1) { defwidth = defwidth + car2id; } jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); if (typeof logwid === "undefined") { var logwid = 0; } if (isLayoutId == '37' || isLayoutId == '38') { var logwid = 0; } if(fullcontainer=='1'){ var pls_pad = 30; }else{ var pls_pad = 0; } var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { navwidth += (jQuery(this).outerWidth(true)); }); var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); if (navwidth > availablespace) { var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); var jimwidtest = lastItem.outerWidth(true); lastItem.removeClass('nav-item'); lastItem.removeClass('dropdown'); lastItem.children('a.nav-link').addClass('dropdown-item'); lastItem.attr('data-width', lastItem.outerWidth(true)); if (jimwidtest > 0) { lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); } delete lastItem; calcWidthAfter(); return 0; } else { if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { } } if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; if (thelast == 1) { var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); if ((navwidth + firstMoreElement2.width()) < availablespace) { } jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); } else { jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); } } else { jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); } //add class last item menu ขอบโค้ง jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); } jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){ var vjim = jQuery(this); if (jQuery('ul', this).length) { vjim.find('ul.dropdown-menu').addClass('d-block hidden'); //แอบ render element เพื่อ get ค่ามาคำนวน var elm = jQuery('ul:first', this); var off = elm.offset(); var l = off.left; var docW = jQuery("#top-area > #top-sticky").width(); let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width(); let _maxWidthLv3 = 0; let _maxWidthLv4 = 0; let menuLv2Li = vjim.find('ul.dropdown-menu:first > li'); Array.prototype.forEach.call(menuLv2Li, menu2li => { let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width(); if (menuLv3Width > _maxWidthLv3) { _maxWidthLv3 = menuLv3Width; } let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li'); Array.prototype.forEach.call(menuLv3Li, menu3li => { let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width(); if (menuLv4Width > _maxWidthLv4) { _maxWidthLv4 = menuLv4Width; } }); }); vjim.find('ul.dropdown-menu').removeClass('d-block hidden'); //คำนวนเสร็จแล้วเอา render ออก let centerHover = l + (jQuery(this).width()/2) let centerScreen = docW / 2 var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW); if (!isEntirelyVisible && (centerHover > centerScreen)){ vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right'); } } }) /*nomobile*/ /* }*/ </script> </div> </div> </div> </div> </div> </div> </div> </nav> </div> <div class="headerMobile"> <style type="text/css"> nav .orderingMenu { order: 1; } .navbar-nav .dropdown-menu .dropdown-item { padding: 6px 20px; } @media (max-width: 1024px) { .navbar-toggler { padding: 9px 10px !important; margin-left: 3px !important; margin-top: 6px; margin-right: 0px; margin-bottom: 6px; font-size: 16px !important; height: 44px; } nav > #top-area > .row { margin: 0 6px; } .navbar-nav .dropdown-menu { position: relative !important; transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; top: auto !important; left: auto !important; padding: 0; margin: 0; } .navbar-nav .dropdown-menu .dropdown-item { padding: 9px 40px 9px 15px; } .navbar-text { margin: 0 auto; } .navbar-brand { padding: 4px 8px !important; font-size: 24px !important; line-height: 40px !important; border: none !important; margin: 0px 4px !important; } .navbar-brand span{ line-height: 40px; } .navbar-brand img { /*max-height: 48px;*/ max-height: 44px; max-width: 100%; } nav .navbar-link { min-width: 40px; } nav #top-area { transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; } /* widget */ nav #socialnetwork,nav #linewidget { min-height: 34px; } nav .orderingMenu { order: 12; flex-basis: auto; } nav .brandingBox { flex-basis: 0; flex-grow: 1; max-width: 100%; } .navbar-link.cart-nav{ font-size: 22px; } .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{ margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; } .widgetCartNumber { top: -11px; } .navbar-nav.member-nav .nav-item{ width: 100%; text-align: left !important; } .navbar-nav.member-nav{ height: auto; margin: 0px 5px; text-align: left !important; } .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{ background: transparent; border: none; } .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover { background-color: transparent; } } @media (max-width: 350px) { nav > #top-bar { padding-left: 5px; padding-right: 5px; } } /*lang*/ .topwidget-lang{ margin: 0px 5px; } .topwidget-lang a { padding-left: 10px !important; padding-right: 10px !important; } #section-header.sps--blw .headerMobile .navbar-collapse { max-height: 79vh; overflow-y: scroll; position: relative; -webkit-overflow-scrolling: touch; } #section-header.sps--abv .headerMobile .navbar-collapse { max-height: 73vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; } </style> <nav id="topZone" class="navbar-expand-xl airry"> <div id="top-bar"> <div id="top-mb"> <div class="container-fluid"> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center"> <div id="toptext" class="navbar-text"> <span class="fas fa-phone mceNonEditable" style="vertical-align: middle; color: #ffffff; font-size: 20px;" data-mce-style="vertical-align: middle; color: #ffffff; font-size: 20px;" contenteditable="false"> </span><span style="font-size: 16px; color: #ffffff;" data-mce-style="font-size: 16px; color: #ffffff;"> 097-195-6366</span> </div> </div> </div> <div class="row"> <div class="col-12 col-sm-12 col-md-12 col-lg text-center"> <div class="navbar-text"> <div id="socialnetwork" class="d-inline"> <style> .empty { padding-top: 15px; padding-right: 22px; padding-bottom: 12px; padding-left: 29px; } .wechatSocial{ cursor: pointer; } .pointer-none { pointer-events: none; } </style> <div class="social-widget"> <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/lwn3d/ " style=""> <i class="fas fa-circle colorFacebookBG pointer-none"></i> <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> </a> <a class="faco-top fa-layers fa-fw youtubeSocial " target="_blank" href="https://www.youtube.com/channel/UCTHtGS3_BlOwrXGdFrXMQxg/featured" style=""> <i class="fas fa-circle colorYoutubeBG pointer-none"></i> <i class="fa-inverse fab fa-youtube colorYoutube pointer-none" data-fa-transform="shrink-7"></i> </a> <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~@lwn3D " style=""> <i class="fas fa-circle colorLineBG pointer-none"></i> <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> </a> </div> <script type="text/javascript"> jQuery(".wechatSocial").click(function () { window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); }); </script></div> </div> </div> </div> </div> </div> </div> <div id="top-area"> <div id="top-sticky"> <div class=""> <div class="row no-gutters"> <div class="col pl-1 col-lg-auto d-lg-inline-flex brandingBox position-relative" style="display: flex;flex-direction: column; justify-content: center; width: 20%;"> <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;"> <style> .logotextmobile{ display: inline-block; max-width: 200px; height: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; } .logotextmobile span{ /* font-size: 30px !important; */ line-height: 40px !important; } @media (max-width: 364.98px) { .logotextmobile{ max-width: 150px; } } @media (min-width: 365px) and (max-width: 575.98px) { .logotextmobile{ max-width: 200px; } } @media (min-width: 576px) and (max-width: 767.98px) { .logotextmobile{ min-width: calc(400px + 4vw); max-width: 500px; } } @media (min-width: 768px) and (max-width: 991.98px) { .logotextmobile{ max-width: 600px; } } @media (min-width: 992px) { .logotextmobile{ max-width: 800px; } } </style> <img src="https://image.makewebcdn.com/makeweb/m_200x200/Xq8zoRYxh/Home/logo.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> </a> </div> <div class="col-12 col-lg d-lg-inline-flex orderingMenu"> <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown"> <style type="text/css"> .headerMobile .topwidget-menu .navbar-nav .dropdown-menu { padding: 0; margin: 0; } /*PC hack to hover*/ @media (min-width: 1025px) { .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ display:block !important; } .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ display:block !important; } .headerMobile ul.navbar-topmenu.navbar-nav ul{ box-shadow: 0 6px 12px rgba(0,0,0,0.175); } .headerMobile .topwidget-menu { margin: 10px; } .headerMobile ul.dropdown-menu.dropdown-menu-right{ left: unset; right:0; } .headerMobile .dropdownfix-menu-right { right:100% !important; left:auto !important; } .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right { transform: rotate(180deg); left: 0; position: absolute; top: 12px; } .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{ transform: rotate(90deg); left: 0; position: absolute; top: 12px; } .headerMobile .more.hidden{ display:none; } .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ transform: rotate(-90deg); } .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{ position: absolute; } .headerMobile .public-topmenu .topmenuLg{ border-right:none !important; } } /* tablet*/ @media only screen and (min-width: 768px) and (max-width: 1112px) { .headerMobile ul.navbar-topmenu.navbar-nav ul{ box-shadow: none; } /*.topwidget-menu { margin: 10px; }*/ } /*mobile tablet*/ @media only screen and (max-width: 1024px) { .headerMobile ul.navbar-topmenu.navbar-nav a{ text-align: left !important; white-space: normal; } .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{ transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; } .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{ transform: rotate(90deg); transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; } .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ right: 12px; top: 27%; } .headerMobile ul.navbar-topmenu.navbar-nav a{ word-wrap: break-word; } .headerMobile ul.navbar-topmenu.navbar-nav .more{ display:none !important; } .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{ transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); } .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a { padding-left: 30px !important; } .headerMobile ul.navbar-topmenu.navbar-nav ul ul a { padding-left: 45px !important; } .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a { padding-left: 60px !important; } } </style> <div class="topwidget-menu"> <ul class="navbar-nav navbar-topmenu public-topmenu"> <li class="nav-item "> <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self"> หน้าหลัก </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/robot3dcnc3d" target="_self"> งานแกะสลัก Robot </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/print3d" target="_self"> งาน Print 3D </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/scan3d" target="_self"> งาน Scan 3D </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/งานสำเร็จ" target="_self"> หินธรรมชาติ </a> </li> <li class="nav-item "> <a class="nav-link abl1" href="/stone" target="_self"> ดวงแก้ว </a> </li> <li class="nav-item topmenuLg"> <a class="nav-link abl1" href="/contactus" target="_self"> ติดต่อเรา </a> </li> <li class="nav-item dropdown more hidden" data-width="80"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> </a> <ul class="dropdown-menu"></ul> </li> </ul> </div> </div> </div> <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center"> <button class="navbar-toggler hamburger hamburger--squeeze" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> </div> </div> </div> </nav> </div> <script> jQuery('.widgetCartNumber').hide(); jQuery(document).ready(function () { jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) { // event.preventDefault(); jQuery(this).blur(); if (jQuery(this).attr('class') == 'abl1') { jQuery(this).attr('id', 'topmenuonpage'); } else if (jQuery(this).attr('class') == 'abl2') { jQuery(this).attr('id', 'topmenusubonpage'); } }); jQuery('a').click( function(e) { var targetSelector = this.hash if(targetSelector) { e.stopImmediatePropagation(); var $target = $(targetSelector); var iscls = $(targetSelector).attr('class'); //targethash //fttargethash // Animate the scroll to the destination... if(iscls==='fttargethash'){ var tr_po = 0; }else{ var tr_po = $target.offset().top; } $('html, body').animate( { scrollTop: tr_po // Scroll to this location. }, { // Set the duration long enough to allow time // to lazy load the elements. duration: 1000, // At each animation step, check whether the target has moved. step: function( now, fx ) { // Where is the target now located on the page? // i.e. its location will change as images etc. are lazy loaded if ($(window).width() > 1024) { if(iscls==='fttargethash'){ var newOffset = 0; }else{ var h_top_sticky = 0; // top bar space for calculations scroll position var viewable = isElementInView($('#top-sticky')) jQuery('.targethash').css('top', '0px'); if(viewable){ h_top_sticky = $('#top-sticky').height(); } var newOffset = $target.offset().top - h_top_sticky; } // var newOffset = $target.offset().top - 70; }else{ var newOffset = $target.offset().top; } // If where we were originally planning to scroll to is not // the same as the new offset (newOffset) then change where // the animation is scrolling to (fx.end). if(fx.end !== newOffset) fx.end = newOffset; } } ); } }) // check element is visible in current windows display function isElementInView(element) { var $window = $(window); var windowHeight = $window.height(); var windowWidth = $window.width(); var rect = element.get(0).getBoundingClientRect(); return ( rect.top >= 0 && rect.top <= windowHeight && rect.left >= 0 && rect.left <= windowWidth ); } jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { $('html,body').animate({ scrollTop: 0 }, 1800); return false; } }); var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]'); var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage'); var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage'); var stickyHeaderhi = jQuery('#menutop').height() + 75; var aArray = []; for (var i = 0; i < aChildren.length; i++) { var aChild = aChildren[i]; var ahref = jQuery(aChild).attr('href'); var res = ahref.split("#"); var last_hash = res[res.length - 1]; aArray.push(last_hash); } jQuery('.widgetCartNumber').show(); jQuery(window).scroll(function () { var windowPos = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); var docHeight = jQuery(document).height(); for (var i = 0; i < aArray.length; i++) { var theID = aArray[i]; if (jQuery('#' + theID).length > 0) { if (jQuery('#' + theID).data('orderbox') == 'onest') { /* if firstbox */ var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi; var divHeight = jQuery('#' + theID).height(); } else { /* if non first */ var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi; var divHeight = jQuery('#' + theID).parent().height(); } if (windowPos >= divPos && windowPos < (divPos + divHeight)) { highlinow.removeAttr('id'); highlinowLv2.removeAttr('id'); if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) { jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage'); } if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) { jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage'); } } else { jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id'); jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id'); if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) { if (highlinow.length > 0) { highlinow.attr('id', 'topmenuonpage'); } if (highlinowLv2.length > 0) { highlinowLv2.attr('id', 'topmenusubonpage'); } } } } } if (windowPos + windowHeight == docHeight) { /* last position */ var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id'); //L1 if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) { highlinow.removeAttr('id'); jQuery('a.abl1#topmenuonpage').removeAttr('id'); jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage'); } //L2 L3 if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) { highlinowLv2.removeAttr('id'); jQuery('a.abl2#topmenusubonpage').removeAttr('id'); jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage'); } } }); }); //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) && if (screen.width > 1024) { // is desktop var isSubmenuLv2Overflow = 0; var isSubmenuLv3Overflow = 0; var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0]; var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0]; var sectionHeader = document.getElementById("section-header"); var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav-item dropdown"); // li (Lv1) (has submenu) if (arr_li_lv1.length > 0) { // console.log(arr_li_lv1); for (i = 0; i < arr_li_lv1.length; i++) { var li_lv1 = arr_li_lv1[i]; var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu if (arr_child_li_lv1.length > 0) { for (j = 0; j < arr_child_li_lv1.length; j++) { if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu var ui_lv2 = arr_child_li_lv1[j]; var arr_li_lv2 = ui_lv2.children; // li (Lv2) var length_li_lv2 = arr_li_lv2.length; // get heightest dropdown-menu var maxHeight = 0; $('.dropdown-menu').each(function() { var height = $(this).outerHeight(); if (height > maxHeight) { maxHeight = height; } }); if (maxHeight > screen.height) { isSubmenuLv2Overflow += 1; } //LV 3 LIMITED EDITION if (arr_li_lv2.length > 0) { for (k = 0; k < arr_li_lv2.length; k++) { if (arr_li_lv2[k].children.length > 1) { if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu //k = ตำแหน่งที่มี ul var posiUllv3 = k; var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2) var obj_li_lv3 = arr_li_lv3.children; var length_li_lv3 = obj_li_lv3.length; var limiLv3High = length_li_lv3 + k; if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440 isSubmenuLv3Overflow += 1; } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080 isSubmenuLv3Overflow += 1; } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768 isSubmenuLv3Overflow += 1; } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768 isSubmenuLv3Overflow += 1; } } } } } } } } } } if (isSubmenuLv2Overflow > 0) { // no stricky sectionHeader.classList.remove('sps'); sectionHeader.classList.remove('sps--abv'); sectionHeader.classList.remove('sps--blw'); } //if lavel 3 is Too Damn High if (isSubmenuLv3Overflow > 0) { // no stricky sectionHeader.classList.remove('sps'); sectionHeader.classList.remove('sps--abv'); sectionHeader.classList.remove('sps--blw'); } //if screen height not than 1080 disable jQuery(window).ready(function () { setTimeout(() => { if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) { sectionHeader.classList.remove('sps'); sectionHeader.classList.remove('sps--abv'); sectionHeader.classList.remove('sps--blw'); } }, 200); }); } </script> </div> <!-- <div id="section-content" style=""> --> <div id="section-content"> <style type="text/css"> /* reveal */ @media only screen and (min-width: 1200px) { .reveal { background-attachment: fixed !important; } } /* rellax */ .rellax-view { position: relative; overflow: hidden; } .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; } .marginBottomSpace { margin-bottom: 20px; } .img-responsive{margin:auto;} @media only screen and (max-width: 767px){ .maginBottomCaption{ margin-bottom: 40px; } .maginBottomCaptionmini{ margin-bottom: 15px; } .marginBottomSpaceMobile{ margin-bottom: 20px; } .coverslidebox{ padding: 0px 0px; } } @media only screen and (min-width: 768px){ .maginBottomCaption{ margin-bottom: 0px; } .maginBottomCaptionmini{ margin-bottom: 0px; } .marginBottomSpaceMobile{ margin-bottom: 0px; } .coverslidebox{ padding: 0px 15px; } .textlayout-maxwidth{ max-width: 585px; } .textlayout-marlauto{ margin-left: auto; } } .noImgSimpleBG{ background-color:#E1E4E9; } .box-not-overflow{ overflow: hidden; } .play-button { left: 50%; top: 50%; width: 72px; height: 64px; margin-left: -36px; margin-top: -32px; z-index: 1; color: #212121; opacity: 0.85; } .play-button:hover, .play-button:hover::before { opacity: 1; color: #f00; } .play-button .fa-youtube { font-size: 64px; } .play-button:before { content: ""; width: 0; height: 0; border-top: 11px solid transparent; border-left: 20px solid #ffffff; border-bottom: 11px solid transparent; position: absolute; top: 21px; left: 29px; } .wrapper .youtube { background-color: #000; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer } .wrapper .youtube img { width: 100%; top: -16.82%; left: 0; max-height: none !important; opacity: .7 } .wrapper .youtube .play-button, .wrapper .youtube img { cursor: pointer } .wrapper .youtube .play-button, .wrapper .youtube .play-button:before, .wrapper .youtube iframe, .wrapper .youtube img { position: absolute } .wrapper .youtube iframe { height: 100%; width: 100%; top: 0; left: 0 } @media only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 768px),only screen and (min-device-pixel-ratio: 2) and ( max-width: 768px) { a.targethash{ top: -112px; } } </style> <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> </div> <div style="position: relative; background-color:#ffffff; " data-orderbox="onest"> <a id="slidebox-17112" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a> <div class="container-fluid"> <div style="padding-top: 0px; padding-bottom: 0px;"> <div > <style type="text/css"> .owlSliderBoxAdv { margin: 0px -15px; position: relative; } .owlSliderBoxAdv .loader { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; position: absolute; top:0; bottom:0; left: 0; right: 0; width: 50px; } .owlSliderBoxAdv .owl-item { overflow: hidden; } .owl-carousel .owl-item img { max-width: calc(100% + 1px) !important; width: auto; margin: 0 auto; } .owlSliderBoxAdv .clickable{ cursor: pointer; } .owlSliderBoxAdv .owl-dots { bottom: 10px; left: 0; position: absolute; right: 0; } .owl-theme .owl-nav { margin-top: 0px; } .owlSliderBoxAdv .owl-nav [class*='owl-'] { background: transparent none repeat scroll 0 0; height: 45px; width: 45px; margin: 0; padding: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); opacity: 1; position: absolute; top: 50%; z-index: 2; /* line-height: 88px; */ text-align: left; border-radius: 0px; } @media (max-width: 767px) { .owlSliderBoxAdv .owl-nav [class*='owl-'] { display:none; } } /* .owl-theme .owl-nav [class*='owl-']:hover { background: inherit; } */ .Mweslide_17112.owlSliderBoxAdv .owl-nav .fa-angle-left, .Mweslide_17112.owlSliderBoxAdv .owl-nav .fa-angle-right { color: #ffffff; } .Mweslide_17112.owlSliderBoxAdv .owl-nav .owl-prev { left: 0; text-indent: 10px; } .Mweslide_17112.owlSliderBoxAdv .owl-nav .owl-next { right: 0; text-indent: 20px; } .Mweslide_17112.owlSliderBoxAdv .owl-nav .owl-prev:hover { } .Mweslide_17112.owlSliderBoxAdv .owl-nav .owl-next:hover { } .Mweslide_17112.owlSliderBoxAdv .owl-nav{ color: #ffffff; font-size: 45px; vertical-align: middle; } .Mweslide_17112.owlSliderBoxAdv .owl-lazy { height: 300px; background-repeat: no-repeat; position: relative; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .owl-lazy { height: 300px; background-repeat: no-repeat; position: relative; } } .owlSliderBoxAdv .item .contentPOS { position: absolute; transition: all 450ms ease 0s; -webkit-transition: all 450ms ease 0s; -moz-transition: all 450ms ease 0s; -o-transition: all 450ms ease 0s; padding: 0px; display: inline-table; } .owlSliderBoxAdv .item .contentEffect { line-height: 1.42857143; vertical-align: middle; display: inline-block; overflow-wrap: break-word; width: max-content; font-size: 16px; } .owlSliderBoxAdv .item .contentEffect h2, .owlSliderBoxAdv .item .contentEffect h3, .owlSliderBoxAdv .item .contentEffect p, .owlSliderBoxAdv .item .contentEffect a { font-family: inherit; font-size: inherit; color: inherit; } .owlSliderBoxAdv .item .contentEffect p { margin: 0 0 10px; } .owlSliderBoxAdv .item .contentEffect p:last-child { margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw { top: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn { top: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne { top: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe { top: 50%; right: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse { bottom: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs { bottom: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw { bottom: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw { top: 50%; left: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw_mobile { top: 0; left: 0; right: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn_mobile { top: 0; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne_mobile { top: 0; right: 0; left: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe_mobile { top: 50%; right: 0; left: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse_mobile { bottom: 0; right: 0; left: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs_mobile { bottom: 0; left: 50%; right: auto; top: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw_mobile { bottom: 0; left: 0; right: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw_mobile { top: 50%; left: 0; right: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc_mobile { top: 50%; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } } .Mweslide_17112.owlSliderBoxAdv .item0 .owl-lazy { background-size: cover; background-position: center center; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 .owl-lazy { background-size: cover; background-position: center center; } } .Mweslide_17112.owlSliderBoxAdv .item0 .contentBG { background-color: 'transparent'; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 .contentBG { background-color: 'transparent'; } } .Mweslide_17112.owlSliderBoxAdv .item0 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* Mobile Scale */ @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="8"] { font-size: 8px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="9"] { font-size: 9px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="10"] { font-size: 10px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="11"] { font-size: 11px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="12"] { font-size: 12px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="13"] { font-size: 13px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="14"] { font-size: 14px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="15"] { font-size: 15px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="16"] { font-size: 16px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="17"] { font-size: 17px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="18"] { font-size: 18px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="19"] { font-size: 19px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="20"] { font-size: 20px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="22"] { font-size: 22px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="24"] { font-size: 24px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="26"] { font-size: 26px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="28"] { font-size: 28px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="30"] { font-size: 30px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="32"] { font-size: 32px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="34"] { font-size: 34px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="36"] { font-size: 36px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="40"] { font-size: 40px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="44"] { font-size: 44px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="48"] { font-size: 48px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="52"] { font-size: 52px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="56"] { font-size: 56px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="60"] { font-size: 60px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="66"] { font-size: 66px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="72"] { font-size: 72px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="80"] { font-size: 80px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 [data-font-size="100"] { font-size: 100px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item0 .contentEffect p { margin-bottom: 10px !important; } .Mweslide_17112.owlSliderBoxAdv .item0 .contentEffect img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw { top: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn { top: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne { top: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe { top: 50%; right: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse { bottom: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs { bottom: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw { bottom: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw { top: 50%; left: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw_mobile { top: 0; left: 0; right: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn_mobile { top: 0; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne_mobile { top: 0; right: 0; left: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe_mobile { top: 50%; right: 0; left: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse_mobile { bottom: 0; right: 0; left: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs_mobile { bottom: 0; left: 50%; right: auto; top: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw_mobile { bottom: 0; left: 0; right: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw_mobile { top: 50%; left: 0; right: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc_mobile { top: 50%; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } } .Mweslide_17112.owlSliderBoxAdv .item1 .owl-lazy { background-size: cover; background-position: center center; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 .owl-lazy { background-size: cover; background-position: center center; } } .Mweslide_17112.owlSliderBoxAdv .item1 .contentBG { background-color: 'transparent'; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 .contentBG { background-color: 'transparent'; } } .Mweslide_17112.owlSliderBoxAdv .item1 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* Mobile Scale */ @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="8"] { font-size: 8px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="9"] { font-size: 9px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="10"] { font-size: 10px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="11"] { font-size: 11px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="12"] { font-size: 12px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="13"] { font-size: 13px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="14"] { font-size: 14px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="15"] { font-size: 15px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="16"] { font-size: 16px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="17"] { font-size: 17px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="18"] { font-size: 18px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="19"] { font-size: 19px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="20"] { font-size: 20px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="22"] { font-size: 22px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="24"] { font-size: 24px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="26"] { font-size: 26px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="28"] { font-size: 28px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="30"] { font-size: 30px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="32"] { font-size: 32px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="34"] { font-size: 34px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="36"] { font-size: 36px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="40"] { font-size: 40px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="44"] { font-size: 44px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="48"] { font-size: 48px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="52"] { font-size: 52px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="56"] { font-size: 56px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="60"] { font-size: 60px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="66"] { font-size: 66px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="72"] { font-size: 72px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="80"] { font-size: 80px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 [data-font-size="100"] { font-size: 100px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item1 .contentEffect p { margin-bottom: 10px !important; } .Mweslide_17112.owlSliderBoxAdv .item1 .contentEffect img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw { top: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn { top: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne { top: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe { top: 50%; right: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse { bottom: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs { bottom: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw { bottom: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw { top: 50%; left: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw_mobile { top: 0; left: 0; right: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn_mobile { top: 0; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne_mobile { top: 0; right: 0; left: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe_mobile { top: 50%; right: 0; left: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse_mobile { bottom: 0; right: 0; left: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs_mobile { bottom: 0; left: 50%; right: auto; top: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw_mobile { bottom: 0; left: 0; right: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw_mobile { top: 50%; left: 0; right: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc_mobile { top: 50%; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } } .Mweslide_17112.owlSliderBoxAdv .item2 .owl-lazy { background-size: cover; background-position: center center; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 .owl-lazy { background-size: cover; background-position: center center; } } .Mweslide_17112.owlSliderBoxAdv .item2 .contentBG { background-color: 'transparent'; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 .contentBG { background-color: 'transparent'; } } .Mweslide_17112.owlSliderBoxAdv .item2 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* Mobile Scale */ @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="8"] { font-size: 8px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="9"] { font-size: 9px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="10"] { font-size: 10px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="11"] { font-size: 11px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="12"] { font-size: 12px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="13"] { font-size: 13px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="14"] { font-size: 14px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="15"] { font-size: 15px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="16"] { font-size: 16px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="17"] { font-size: 17px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="18"] { font-size: 18px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="19"] { font-size: 19px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="20"] { font-size: 20px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="22"] { font-size: 22px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="24"] { font-size: 24px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="26"] { font-size: 26px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="28"] { font-size: 28px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="30"] { font-size: 30px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="32"] { font-size: 32px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="34"] { font-size: 34px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="36"] { font-size: 36px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="40"] { font-size: 40px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="44"] { font-size: 44px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="48"] { font-size: 48px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="52"] { font-size: 52px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="56"] { font-size: 56px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="60"] { font-size: 60px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="66"] { font-size: 66px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="72"] { font-size: 72px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="80"] { font-size: 80px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 [data-font-size="100"] { font-size: 100px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item2 .contentEffect p { margin-bottom: 10px !important; } .Mweslide_17112.owlSliderBoxAdv .item2 .contentEffect img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw { top: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn { top: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne { top: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe { top: 50%; right: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse { bottom: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs { bottom: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw { bottom: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw { top: 50%; left: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw_mobile { top: 0; left: 0; right: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn_mobile { top: 0; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne_mobile { top: 0; right: 0; left: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe_mobile { top: 50%; right: 0; left: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse_mobile { bottom: 0; right: 0; left: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs_mobile { bottom: 0; left: 50%; right: auto; top: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw_mobile { bottom: 0; left: 0; right: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw_mobile { top: 50%; left: 0; right: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc_mobile { top: 50%; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } } .Mweslide_17112.owlSliderBoxAdv .item3 .owl-lazy { background-size: cover; background-position: center center; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 .owl-lazy { background-size: cover; background-position: center center; } } .Mweslide_17112.owlSliderBoxAdv .item3 .contentBG { background-color: 'transparent'; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 .contentBG { background-color: 'transparent'; } } .Mweslide_17112.owlSliderBoxAdv .item3 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* Mobile Scale */ @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="8"] { font-size: 8px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="9"] { font-size: 9px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="10"] { font-size: 10px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="11"] { font-size: 11px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="12"] { font-size: 12px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="13"] { font-size: 13px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="14"] { font-size: 14px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="15"] { font-size: 15px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="16"] { font-size: 16px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="17"] { font-size: 17px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="18"] { font-size: 18px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="19"] { font-size: 19px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="20"] { font-size: 20px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="22"] { font-size: 22px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="24"] { font-size: 24px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="26"] { font-size: 26px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="28"] { font-size: 28px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="30"] { font-size: 30px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="32"] { font-size: 32px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="34"] { font-size: 34px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="36"] { font-size: 36px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="40"] { font-size: 40px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="44"] { font-size: 44px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="48"] { font-size: 48px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="52"] { font-size: 52px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="56"] { font-size: 56px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="60"] { font-size: 60px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="66"] { font-size: 66px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="72"] { font-size: 72px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="80"] { font-size: 80px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 [data-font-size="100"] { font-size: 100px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item3 .contentEffect p { margin-bottom: 10px !important; } .Mweslide_17112.owlSliderBoxAdv .item3 .contentEffect img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw { top: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn { top: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne { top: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe { top: 50%; right: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse { bottom: 0; right: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs { bottom: 0; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw { bottom: 0; left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw { top: 50%; left: 0; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw_mobile { top: 0; left: 0; right: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-left: 0px; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn_mobile { top: 0; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne_mobile { top: 0; right: 0; left: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0px; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe_mobile { top: 50%; right: 0; left: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse_mobile { bottom: 0; right: 0; left: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0px; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs_mobile { bottom: 0; left: 50%; right: auto; top: auto; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw_mobile { bottom: 0; left: 0; right: auto; top: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0px; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw_mobile { top: 50%; left: 0; right: auto; bottom: auto; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 0; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc_mobile { top: 50%; left: 50%; right: auto; bottom: auto; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0; } } .Mweslide_17112.owlSliderBoxAdv .item4 .owl-lazy { background-size: cover; background-position: center center; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 .owl-lazy { background-size: cover; background-position: center center; } } .Mweslide_17112.owlSliderBoxAdv .item4 .contentBG { background-color: 'transparent'; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 .contentBG { background-color: 'transparent'; } } .Mweslide_17112.owlSliderBoxAdv .item4 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 .contentPadding { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* Mobile Scale */ @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="8"] { font-size: 8px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="9"] { font-size: 9px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="10"] { font-size: 10px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="11"] { font-size: 11px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="12"] { font-size: 12px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="13"] { font-size: 13px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="14"] { font-size: 14px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="15"] { font-size: 15px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="16"] { font-size: 16px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="17"] { font-size: 17px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="18"] { font-size: 18px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="19"] { font-size: 19px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="20"] { font-size: 20px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="22"] { font-size: 22px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="24"] { font-size: 24px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="26"] { font-size: 26px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="28"] { font-size: 28px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="30"] { font-size: 30px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="32"] { font-size: 32px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="34"] { font-size: 34px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="36"] { font-size: 36px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="40"] { font-size: 40px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="44"] { font-size: 44px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="48"] { font-size: 48px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="52"] { font-size: 52px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="56"] { font-size: 56px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="60"] { font-size: 60px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="66"] { font-size: 66px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="72"] { font-size: 72px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="80"] { font-size: 80px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 [data-font-size="100"] { font-size: 100px !important; } } @media (max-width: 768px) { .Mweslide_17112.owlSliderBoxAdv .item4 .contentEffect p { margin-bottom: 10px !important; } .Mweslide_17112.owlSliderBoxAdv .item4 .contentEffect img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } @media (max-width: 768px) { } #divDialogSlideMember .imgImageViewBG { background: 50% center / cover no-repeat; height: 220px; } @media (min-width: 1025px) { .Mweslide_17112.owlSliderBoxAdv.visible-lg { display: block !important; } } @media (max-width: 767px) { .hideslidemobile{ display: none !important; } } </style> <div class="Mweslide_17112 owlSliderBoxAdv "> <div class="iconLoadSlider_17112 loader"> <svg class="circular" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" /> </svg> </div> <!-- slider --> <div class="owl-carousel owl-theme owl-carouselhh_17112 "> <!-- start item --> <div class="item item0" > <!-- auto height --> <img src="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F01.png?v=202405291424" srcset=" https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F01.png?v=202405291424 1920w, https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/Home%2F01.png?v=202405291424 " sizes=" (max-width: 1920px) 1920px, 2560px " alt="" title="" /> </div> <!-- end item --> <!-- start item --> <div class="item item1" > <!-- auto height --> <img src="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F04.png?v=202405291424" srcset=" https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F04.png?v=202405291424 1920w, https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/Home%2F04.png?v=202405291424 " sizes=" (max-width: 1920px) 1920px, 2560px " alt="" title="" /> </div> <!-- end item --> <!-- start item --> <div class="item item2" > <!-- auto height --> <img src="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2Fzone1_pic1.png?v=202405291424" srcset=" https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2Fzone1_pic1.png?v=202405291424 1920w, https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/Home%2Fzone1_pic1.png?v=202405291424 " sizes=" (max-width: 1920px) 1920px, 2560px " alt="" title="" /> </div> <!-- end item --> <!-- start item --> <div class="item item3" > <!-- auto height --> <img src="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F03.png?v=202405291424" srcset=" https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F03.png?v=202405291424 1920w, https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/Home%2F03.png?v=202405291424 " sizes=" (max-width: 1920px) 1920px, 2560px " alt="" title="" /> </div> <!-- end item --> <!-- start item --> <div class="item item4" > <!-- auto height --> <img src="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F02.png?v=202405291424" srcset=" https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2F02.png?v=202405291424 1920w, https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/Home%2F02.png?v=202405291424 " sizes=" (max-width: 1920px) 1920px, 2560px " alt="" title="" /> </div> <!-- end item --> </div> </div> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2Fzone2_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " > <a id="customize-17113" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container"> <div style="padding-top: 40px; padding-bottom: 40px;"> <div > <style type="text/css"> .brakeword7 { word-wrap: break-word; } </style> <div class="row"> <div class="col-12 col-sm-6"> <div class="marginBottomSpaceMobile"> <a href="/th/print3d" target="_self"> <img class="img-responsive mx-auto d-block lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/Home/zone2_pic1.png?v=202405291424" alt="" title="" /> </a> </div> </div> <div class="col-12 col-sm-6 brakeword7 area-tinymce"> <h1><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic2.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic2.png" width="186" height="50"></span></h1><h1><span style="line-height: 1.4; font-size: 22px; color: #000000;" data-mce-style="line-height: 1.4; font-size: 22px; color: #000000;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;">รับพิมพ์ 3D Printing งานปฏิมากรรมครบวงจร</span></span></span></span></span></span></span></span></span></span></span></h1><p><span style="line-height: 1.4; font-size: 22px; color: #000000;" data-mce-style="line-height: 1.4; font-size: 22px; color: #000000;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><br data-mce-bogus="1"></span></span></span></span></span></span></span></span></span></span></span></p><h2><span style="line-height: 1.4;" data-mce-style="line-height: 1.4;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png"> <strong><span style="color: #013a95;" data-mce-style="color: #013a95;"><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;">บริการรับพิมพ์ 3D Print </span></span></span><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;">แบบเรซิ่น คุณภาพสูง</span></span></span></span></span></span></span></span></span></span></span></span></span></span></strong></span><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><br><span data-mce-style="vertical-align: inherit; font-size: 20px; color: #000000;" style="vertical-align: inherit; font-size: 20px; color: #000000;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"></span></span></span></span></span></span></span></span></span></span></span></h2><p><span style="font-size: 16px;" data-mce-style="font-size: 16px;">รับพิมพ์งาน 3 มิติ ด้วยเทคโนโลยีระบบ SLA ขนาดใหญ่ 60x60x60 cm เหมาะกับปริ้นขนาดใหญ่และขนาดเล็ก, ชิ้นงานตัวอย่าง หรืองานต้นแบบ,งานart toy ส่งออก ,งานสถาปัตยกรรมโครงสร้าง ,งานพระ ,งานเทพ งานลายไทย รวมถึงรับงานพิมพ์ 3 มิติ (3D Printing) นักศึกษาเตรียมจบในราคาที่จับต้องได้</span><br><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"></span></p><h2><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png"> <span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">บริการรับปริ้น Scan 3D เครื่องมีความละเอียดสูง</span></strong></span></span></h2><p><span style="font-size: 16px;" data-mce-style="font-size: 16px;">เพื่อให้ได้งานสแกน 3 มิติ ที่เหมือนต้นฉบับมากที่สุด มีความแม่นยำ สามารถสแกนได้ทั้งบุคคล และวัตถุที่มีอยู่จริงขนาดเล็กและใหญ่ ทั้งในและนอกสถานที่</span><br><span data-mce-style="vertical-align: inherit;" style="vertical-align: inherit;"></span></p> </div> </div> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2Fzone3_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " > <a id="customize-17114" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container"> <div style="padding-top: 40px; padding-bottom: 40px;"> <div > <style type="text/css"> .brakeword8 { word-wrap: break-word; } </style> <div class="row"> <div class="col-12 col-sm-6 brakeword8 marginBottomSpaceMobile area-tinymce"> <h2> <span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><br><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png"> <span style="font-size: 17px;" data-mce-style="font-size: 17px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">บริการงานแกะสลัก 3 มิติด้วย Robot และ CNC จากไฟล์ 3D</span></strong></span></span></h2><p><span style="line-height: 1.5; font-size: 16px;" data-mce-style="line-height: 1.5; font-size: 16px;">ได้งานที่ได้สัดส่วนสมบูรณ์ตามแบบ พระแกะสลัก และวัตถุมงคลแกะสลักหินหยก และได้หลากหลายวัสดุ ไม้ โฟม อะคริลิค หินธรรมชาติ เช่น หยก อมิทิช ควอซ ด้วยประสบการณ์มากกว่า20ปี </span></p><h2><br><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png"> <span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">บริการงานหล่อไฟเบอร์กลาส และงานเรซิ่น</span></strong></span></span></h2><p><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><span style="color: #000000;" data-mce-style="color: #000000;">รับผลิตและหล่อหุ่น งานโมเดล งานตุ๊กตา หรือมาสคอตโชว์ตามร้าน</span><span style="color: #000000;" data-mce-style="color: #000000;">และงานไฟเบอร์กลาสทุกชนิด ขนาดงานละเอียดและปราณีต</span></span><br></p><h2><br><span style="line-height: 1.5;" data-mce-style="line-height: 1.5;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone2_pic3.png"> <span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="line-height: 0.8;" data-mce-style="line-height: 0.8;"><span style="color: #013a95;" data-mce-style="color: #013a95;">นำเข้าและจำหน่ายหินธรรมชาติ </span></span></strong></span></span></h2><p><span style="line-height: 1.5; font-size: 16px; color: #000000;" data-mce-style="line-height: 1.5; font-size: 16px; color: #000000;">เรามีผู้เชี่ยวชาญ ในการวิเคราะห์โครงสร้างหินธรรมชาติ หินควอซ์ หยก รัตนชาติ คัดสรรหินพื้นผิวสวยงามพร้อมให้คำแนะนำการันตีโดยนักอัญมณีศาสตร์ จากประสบการณ์กว่า 30ปี</span></p> </div> <div class="col-12 col-sm-6"> <div> <a href="/th/robot3dcnc3d" target="_self"> <img class="img-responsive mx-auto d-block lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/0/Xq8zoRYxh/Home/zone3_pic1.png?v=202405291424" alt="" title="" /> </a> </div> </div> </div> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-color:#ffffff; " > <a id="customize-17115" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container"> <div style="padding-top: 40px; padding-bottom: 40px;"> <div > <style type="text/css"> .customHome12 .customHome12Object .item { display: block; } .customHome12 .customHome12Object .itemWithoutText { display: block; margin-bottom: 15px; } .customHome12Object .caption { padding: 0 !important; overflow: hidden; word-wrap: break-word; } .customHome12Object .contentImage { display: block; line-height: 200px; padding: 0px; text-align: center; } .customHome12Object .contentVideo { display: block; padding: 0px; text-align: center; } .customHome12Object .img-responsive { display: inline-block !important; } .brakeword12 { word-wrap: break-word; } @media only screen and (max-width: 767px){ .customHome12 .customHome12Object .row .item{ margin-bottom: 0px; } } @media only screen and (min-width: 768px){ .customHome12 .customHome12Object .row .item{ margin-bottom: 25px; } } </style> <div class="row"> <div class="col-12 marginBottomSpace brakeword12 area-tinymce"> <h2 data-mce-style="text-align: center;" style="text-align: center;"><span style="font-size: 30px; color: rgb(0, 0, 0);" data-mce-style="font-size: 30px; color: #000000;"><strong>บริการของเรา</strong></span></h2> </div> </div> <div class="customHome12"> <div class="customHome12Object"> <div class="row"> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace"> <div class="contentImage"> <div> <a href="/th/robot3dcnc3d" target="_self"> <img class="img-responsive lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/m_750x0/Xq8zoRYxh/Home/IMG_3347.png?v=202405291424" alt="" title="" /> </a> </div> </div> </div> <div class="maginBottomCaption"> <div class="caption"> <h3 data-mce-style="text-align: left;" style="text-align: left;"><span style="font-size: 24px;" data-mce-style="font-size: 24px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">งานแกะสลักด้วย Robot</span></strong></span></h3><p><span style="text-decoration: underline; font-size: 20px; color: #808080;" data-mce-style="text-decoration: underline; font-size: 20px; color: #808080;"><span color="#013a95">เพิ่มเติม</span></span></p> </div> </div> </div> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace"> <div class="contentImage"> <div> <a href="/th/print3d" target="_self"> <img class="img-responsive lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/m_750x0/Xq8zoRYxh/Home/IMG_3348.png?v=202405291424" alt="" title="" /> </a> </div> </div> </div> <div class="maginBottomCaption"> <div class="caption"> <h3 data-mce-style="text-align: left;" style="text-align: left;"><span style="font-size: 24px;" data-mce-style="font-size: 24px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">งาน Print 3D</span></strong></span></h3><p><span style="text-decoration: underline; font-size: 20px; color: #808080;" data-mce-style="text-decoration: underline; font-size: 20px; color: #808080;"><span color="#013a95">เพิ่มเติม</span></span></p> </div> </div> </div> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace"> <div class="contentImage"> <div> <a href="/th/scan3d" target="_self"> <img class="img-responsive lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/m_750x0/Xq8zoRYxh/Home/IMG_3349.png?v=202405291424" alt="" title="" /> </a> </div> </div> </div> <div class="maginBottomCaption"> <div class="caption"> <h3 data-mce-style="text-align: left;" style="text-align: left;"><span style="font-size: 24px;" data-mce-style="font-size: 24px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">งาน Scan 3D</span></strong></span></h3><p><span style="text-decoration: underline; font-size: 20px; color: #808080;" data-mce-style="text-decoration: underline; font-size: 20px; color: #808080;"><span color="#013a95">เพิ่มเติม</span></span></p> </div> </div> </div> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace"> <div class="contentImage"> <div> <img class="img-responsive lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/m_750x0/Xq8zoRYxh/Home/IMG_3350.png?v=202405291424" alt="" title="" /> </div> </div> </div> <div class="maginBottomCaption"> <div class="caption"> <h3 data-mce-style="text-align: left;" style="text-align: left;"><span style="font-size: 24px;" data-mce-style="font-size: 24px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">งานหล่อ</span></strong></span></h3><p><span style="text-decoration: underline; font-size: 20px; color: #808080;" data-mce-style="text-decoration: underline; font-size: 20px; color: #808080;"><span color="#013a95">เพิ่มเติม</span></span></p> </div> </div> </div> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace"> <div class="contentImage"> <div> <a href="/th/stone" target="_self"> <img class="img-responsive lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/m_750x0/Xq8zoRYxh/Home/IMG_3351.png?v=202405291424" alt="" title="" /> </a> </div> </div> </div> <div class="maginBottomCaption"> <div class="caption"> <div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 24px;" data-mce-style="font-size: 24px;"><strong><span style="color: #013a95;" data-mce-style="color: #013a95;">หินธรรมชาติ</span></strong></span></div><p><span style="text-decoration: underline; font-size: 20px; color: #808080;" data-mce-style="text-decoration: underline; font-size: 20px; color: #808080;"><span color="#013a95">เพิ่มเติม</span></span></p> </div> </div> </div> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace"> <div class="contentImage"> <div> <a href="/th/stone" target="_self"> <img class="img-responsive lazy" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/m_750x0/Xq8zoRYxh/Home/IMG_3352.png?v=202405291424" alt="" title="" /> </a> </div> </div> </div> <div > <div class="caption"> <h3><span style="font-size: 24px; color: rgb(1, 58, 149);" data-mce-style="font-size: 24px; color: #013a95;"><strong>ดวงแก้ว</strong></span></h3><p><span style="text-decoration: underline; font-size: 20px; color: rgb(128, 128, 128);" data-mce-style="text-decoration: underline; font-size: 20px; color: #808080;">เพิ่มเติม</span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-color:#ffffff; " > <a id="customize-17116" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container"> <div style="padding-top: 40px; padding-bottom: 40px;"> <div > <style type="text/css"> .customHome1 .customHome1Object .item { display: block; } .customHome1 .customHome1Object .itemWithoutText { display: block; } .customHome1Object .caption { padding: 0 !important; overflow: hidden; word-wrap: break-word; } .customHome1Object .contentImage { display: block; line-height: 200px; padding: 0px; text-align: center; } .customHome1Object .contentVideo { display: block; padding: 0px; text-align: center; } .customHome1Object .img-responsive { display: inline-block !important; } .brakeword1 { word-wrap: break-word; } </style> <div class="row"> <div class="col-12 marginBottomSpace brakeword1 area-tinymce"> <h2 style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 30px;" data-mce-style="font-size: 30px;"><strong><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;">รับปรึกษางานปริ้นขึ้นรูปสามมิติ ( 3D Printing )</span></strong></span></h2><p style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 22px;" data-mce-style="font-size: 22px;"><span color="#000000" data-mce-style="color: #000000;" style="color: #000000;">งานแกะสลักทุกประเภท การันตีคุณภาพด้วยผลงาน ตรงเวลา เนี๊ยบสุดในไทย</span></span></p> </div> </div> <div class="customHome1"> <div class="customHome1Object"> <div class="row"> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace" style="position:relative;"> <div class=""> <div> </div> </div> </div> <div class="maginBottomCaption"> <div class="caption"> <div style="text-align: center;" data-mce-style="text-align: center;"><a data-mce-href="tel:0897719537" href="tel:0897719537"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone5_pic1.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone5_pic1.png"></a></div> </div> </div> </div> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace" style="position:relative;"> <div class=""> <div> </div> </div> </div> <div class="maginBottomCaption"> <div class="caption"> <div style="text-align: center;" data-mce-style="text-align: center;"><a data-mce-href="http://line.me/ti/p/~@lwn3D" href="http://line.me/ti/p/~@lwn3D" target="_blank" rel="noopener noreferrer"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone5_pic2.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone5_pic2.png"></a></div> </div> </div> </div> <div class="item col-12 col-md-6 col-lg-4"> <div class="marginBottomSpace" style="position:relative;"> <div class=""> <div> </div> </div> </div> <div > <div class="caption"> <div style="text-align: center;" data-mce-style="text-align: center;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone5_pic3.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/Xq8zoRYxh/Home/zone5_pic3.png"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home%2Fzone6_bg.png?v=202405291424); background-repeat : no-repeat; background-position-x: 50%; background-position-y: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; " > <a id="customize-17117" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container"> <div style="padding-top: 40px; padding-bottom: 40px;"> <div > <style type="text/css"> .customHome11 .customHome11Object .item { display: block; } .customHome11 .customHome11Object .itemWithoutText { display: block; } .customHome11Object .caption { padding: 0 !important; overflow: hidden; word-wrap: break-word; } .customHome11Object .contentImage { display: block; line-height: 200px; padding: 0px; text-align: center; } .customHome11Object .contentVideo { display: block; padding: 0px; text-align: center; } .customHome11Object .img-responsive { display: inline-block !important; } .brakeword11 { word-wrap: break-word; } </style> <div class="customHome11"> <div class="customHome11Object"> <div class="row"> <div class="itemWithoutText col-12 col-sm-6 col-md-6"> <div class=""> <div class="contentVideo"> <div class="wrapper"> <div class="youtube" id="h9lzjiuf4DI" onclick="renderYoutubeIframe(this, 'h9lzjiuf4DI')"> <div class="play-button"><i class="fab fa-youtube"></i></div> <img src="" /> </div> </div> <script> fetch("https://www.youtube.com/oembed?format=json&url=https://www.youtube.com/watch?v=h9lzjiuf4DI").then(res => res.json()).then((data) => { $(".wrapper #h9lzjiuf4DI img").attr('src', data.thumbnail_url); } ); </script> <div> </div> </div> </div> <div class="maginBottomCaptionmini"> </div> </div> <div class="itemWithoutText col-12 col-sm-6 col-md-6"> <div class=""> <div class="contentVideo"> <div class="wrapper"> <div class="youtube" id="XHpkvsylDb4" onclick="renderYoutubeIframe(this, 'XHpkvsylDb4')"> <div class="play-button"><i class="fab fa-youtube"></i></div> <img src="" /> </div> </div> <script> fetch("https://www.youtube.com/oembed?format=json&url=https://www.youtube.com/watch?v=XHpkvsylDb4").then(res => res.json()).then((data) => { $(".wrapper #XHpkvsylDb4 img").attr('src', data.thumbnail_url); } ); </script> <div> </div> </div> </div> <div > </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-color:#efefef; " > <a id="product-17118" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container"> <div style="padding-top: 40px; padding-bottom: 40px;"> <h2 style="color:#3b4044;text-align:center; padding-bottom:20px; word-wrap: break-word;"> สินค้าของเรา </h2> <div > <style type="text/css"> #productList1_17118.productList1 .productWidget .item { margin-bottom: 15px; height:auto; display: flex; flex-wrap: wrap; } #productList1_17118.productList1 .productWidget .thumbnail { text-align: center; height: auto; overflow: hidden; position: relative; display: flex; flex-direction: column; flex-grow: 1; } #productList1_17118.productList1 .productWidget .productPrice .h3 { font-weight: bold; } #productList1_17118.productList1 .productWidget .productOldPrice { text-decoration: line-through; } #productList1_17118.productList1 .productWidget .productImage { display: table-cell; /* width: 260px; */ text-align: center; vertical-align: middle; height: 260px; padding: 0; overflow: hidden; transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; } @media only screen and (min-width: 1025px) { #productList1_17118.productList1 .productWidget img { max-height: 100%; object-fit: contain; width: 100%; transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; } } @media only screen and (max-width: 1024px) { #productList1_17118.productList1 .productWidget img { transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; } } @media only screen and (min-width: 1200px) { #productList1_17118.productList1 .productWidget .productImage:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; } } #productList1_17118.productList1 .productWidget .productImage * { vertical-align: middle; } #productList1_17118.productList1 .productWidget .img-responsive { display: inline-block !important; max-height: 260px; transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; } @media only screen and (min-width: 1200px) { #productList1_17118.productList1 .productWidget .productImage:hover .img-responsive { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } #productList1_17118.productList1 .productCaption { margin-top: 20px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; display: flex; flex-direction: column; flex: 1 0 auto; } #productList1_17118.productList1 .divProductMemberPrice > span, #productList1_17118.productList1 .divProductNormalPrice > span { vertical-align: middle; } #productList1_17118.productList1 .productCode { word-break: break-all; } #productList1_17118.productList1 .productDescription > p { font-size: 14px; } #productList1_17118.productList1>.NotAutoHeight .productPrice{ margin-top: 10px; margin-bottom: 0px; overflow: hidden; } #productList1_17118.productList1>.NotAutoHeight .productName, #productList1_17118.productList1>.NotAutoHeight .productIntro, #productList1_17118.productList1>.NotAutoHeight .productAction, #productList1_17118.productList1>.NotAutoHeight .productCode { margin-top: 5px; margin-bottom: 0px; overflow: hidden; } #productList1_17118.productList1>.NotAutoHeight .productName { white-space: nowrap; } #productList1_17118.productList1>.NotAutoHeight .productName h3 { line-height: inherit; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0; } #productList1_17118.productList1>.NotAutoHeight .productCode { height: 25px; } #productList1_17118.productList1>.NotAutoHeight .productIntro { max-height: 50px; flex: 1 0 auto; } #productList1_17118.productList1>.NotAutoHeight .divProductMemberPrice{ max-height: 30px; line-height: 30px; overflow:hidden; } #productList1_17118.productList1>.NotAutoHeight .divProductNormalPrice { max-height: 25px; line-height: 25px; } #productList1_17118.productList1>.NotAutoHeight .divPriceWhole { height: 40px; line-height: 25px; } #productList1_17118.productList1>.NotAutoHeight .productAction { height: auto; } #productList1_17118.productList1>.NotAutoHeight .productIntro > p, #productList1_17118.productList1>.NotAutoHeight .productCode > p { line-height: 25px; margin: 0; } #productList1_17118.productList1>.NotAutoHeight .productWidget img { /* max-height: 260px;*/ } #productList1_17118.productList1>.AutoHeight .productPrice{ margin-top: 10px; margin-bottom: 0px; } #productList1_17118.productList1>.AutoHeight .productName, #productList1_17118.productList1>.AutoHeight .productIntro, #productList1_17118.productList1>.AutoHeight .productAction, #productList1_17118.productList1>.AutoHeight .productCode { margin-top: 5px; margin-bottom: 0px; } #productList1_17118.productList1>.AutoHeight .divProductMemberPrice, #productList1_17118.productList1>.AutoHeight .divProductNormalPrice { } #productList1_17118.productList1>.AutoHeight .divPriceWhole { } #productList1_17118.productList1>.AutoHeight .productName h3 { margin-bottom: 0; } #productList1_17118.productList1>.AutoHeight .productIntro > p { } #productList1_17118.productList1 .productName a { text-decoration: none !important; } #productList1_17118.productList1 .divProductMemberPrice .productMemberPrice { /* display: inline-block; */ } #productList1_17118.productList1 .productAction > .productAddToCart { margin-bottom: 10px; } #productList1_17118.productList1 .productCompare { height: 30px; /* line-height: 30px; */ font-size: 14px; } #productList1_17118.productList1 .productCompare label { /* margin-left: -20px;*/ } #productList1_17118.productList1 .productCompare input { /* position: relative; vertical-align: middle; margin: 0;*/ } #productList1_17118{ padding-bottom: 0px; padding-top: 20px; } .badgeProduct{ text-align:left; margin-top:15px; color: #fff; position: absolute; border-radius: 0px; z-index:1; font-size: 14px; font-family: 'Open Sans',Tahoma; } .badgeOuter { margin-bottom: 2px; } .badgeNew { background-color: #2bbe1f; display: inline-block; padding: 0 8px; } .badgeBestseller { background-color: #ffa800; display: inline-block; padding: 0 8px; } .badgePreorder { background-color: #40bade; display: inline-block; padding: 0 8px; } span.priceDiscount { /*padding: 2px 5px;*/ background: red; color: #FFF; margin-left: 3px; font-size: 11px; vertical-align: middle; } span.priceOvercharge { padding: 2px 5px; background: #61c13c; color: #FFF; margin-left: 3px; font-size: 11px; vertical-align: middle; } @media only screen and (min-width: 992px) { .itemTranslate { transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); } } .btnProductCart{ max-width: 230px; } .checkcenter{ justify-content: center; } /*--------------IPAD PRO------------------*/ @media only screen and (min-width: 993px) and (max-width: 1024px) { #productList1_17118.productList1 .productWidget .productImage{ height:calc(25vw - 48px); } #productList1_17118.productList1 .productWidget .productImage img{ max-height: 100%; } .checkcenter{ justify-content: left; } } /*--------------IPAD----------------------*/ @media only screen and (min-width: 1025px) and (max-width: 1199px) and (orientation: landscape) { /*ipadlandscape*/ #productList1_17118.productList1 .productWidget .productImage { height: 208px; } } @media only screen and (min-width: 768px) and (max-width: 992px) { #productList1_17118.productList1 .productWidget .productImage{ height:calc(50vw - 56px); } #productList1_17118.productList1 .productWidget .productImage img{ max-height: 100%; } .checkcenter{ justify-content: left; } } /*---------------mobile------------------*/ @media (max-width: 767px) { .btnProductCart{ max-width: 140px; } .checkcenter{ justify-content: left; } #productList1_17118.productList1 .productWidget .thumbnail { border-radius: 0px; border: none; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1); } #productList1_17118.productList1 .productAction { height: auto; } .SpePriceeSym, .MemPriceeSym{ display:inline !important; font-size: 16px; } #productList1_17118.productList1 .NmPriceSym{ display:inline !important; } #productList1_17118.productList1 .productOldPrice > .NmPriceSym{ font-size: 12px; } #productList1_17118.productList1 .divProductNormalPrice > .price > .NmPriceSym{ font-size: 16px; } .NmPrice, .SpePrice, .MemPrice{ display:none; } #productList1_17118.productList1 .productWidget .item { margin-bottom: 5px; } #productList1_17118.productList1 .productCaption { margin-left: 5px; margin-right: 5px; margin-top: 9px; } #productList1_17118.productList1 .productName, #productList1_17118.productList1 .productIntro, #productList1_17118.productList1 .productCode { margin-bottom: 5px; margin-top: 5px; overflow: hidden; } #productList1_17118.productList1 .productAction{ margin-bottom: 0px; margin-top: 5px; overflow: hidden; } #productList1_17118.productList1 .productWidget .productImage{ height:calc(50vw - 8px); /*1-1*/ } #productList1_17118.productList1>.NotAutoHeight .productWidget .productImage img{ max-width: 100% !important; max-height: 100% !important; } #productList1_17118.productList1>.AutoHeight .productWidget .productImage img{ max-width: 100% !important; } #productList1_17118.productList1 .mobileProductList1{ padding: 0 3px; } #productList1_17118.productList1 .productIntro{ max-height: 37px; } #productList1_17118.productList1 .productIntro > p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; line-height: 19px; } #productList1_17118.productList1 .productName h3{ font-size: 14px; font-weight: bold; display: contents; } #productList1_17118.productList1 .productCode { height: 20px; margin-bottom:4px } #productList1_17118.productList1 .productCode > p { font-size: 14px; line-height: 18px; } #productList1_17118.productList1 .divProductNormalPrice .productOldPrice { font-size: 14px !important; } #productList1_17118.productList1 .divProductNormalPrice .price { font-size: 12px; } #productList1_17118.productList1 .divPriceWhole{ height: 22px; line-height: 16px; } #productList1_17118.productList1 .divPriceWhole .priceWhole{ margin-top: 3px; margin-bottom: 5px; } #productList1_17118.productList1 .divProductMemberPrice .productMemberPrice{ font-size: 10px; font-weight: bold; } #productList1_17118.productList1 .productPrice{ margin-bottom: 10px; margin-top: 5px; overflow: hidden; } #productList1_17118.productList1 .productWidget .productPrice .h3{ font-size: 14px; font-weight: bold; margin: 0; } #productList1_17118.productList1 .divProductMemberPrice, #productList1_17118.productList1 .divProductNormalPrice{ /* max-height: 19px; */ } #productList1_17118.productList1 .productAction .productAddToCart button{ font-size: 14px; padding: 8px 16px; line-height: 0; height: 37px; } #productList1_17118.productList1 .productAction .productAddToCart button > .fa{ vertical-align: baseline !important; } #productList1_17118.productList1 .badgeProduct { margin-top: 10px; } #productList1_17118.productList1 .badgeProduct .badgeOuter{ font-size: 12px; } .priceWhole{ font-size: 10px; } .mobile12px{ font-size: 12px; } #productList1_17118.productList1 .mobileProductList1:nth-child(odd) { padding-left: 5px; } #productList1_17118.productList1 .mobileProductList1:nth-child(even) { padding-right: 5px; } .oosstock{ font-size: 14px !important; } #productList1_17118.productList1 .productAction .productDescription{ height: 25px; } #productList1_17118.productList1 .productAction .productDescription > p { font-size: 12px; } } /*---------------end mobile------------------*/ .NmPriceSym, .SpePriceeSym, .MemPriceeSym{ display:none; } .oosstock{ background-color:transparent; color:red; cursor:default; border-color: transparent; height: 34px; line-height: 34px; } .oosstock:hover{ background-color:transparent; color:red; cursor:default; border-color: transparent; } .awrap-img{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .awrap-img > img{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .promotion-wrapper { position: absolute; display: grid; width: 48px; right: 8px; } .img-promotion { z-index: 1; width: 100%; max-height: 48px !important; object-fit: cover; margin-top: 5px; } @media (max-width: 767px) { .productAddToCart button { line-height: 1.2 !important; padding: 8px 14px !important; height: auto !important; } .productAddToCart .btn { white-space: unset !important; word-break: break-word !important; } } </style> <style>.badgeProductFlash { margin-top: 15px; position: absolute; border-radius: 0px; z-index: 1; } .badgeFlash { background: linear-gradient(90deg, #EC0E00 0%, #FF8A00 100%); /* display: inline-block; */ padding: 3px; width: 80px; height: 22px; text-align: center; } .badgeFlash .badge-txt-flsale { vertical-align: text-top; color: #ffffff; font-family: 'Sarabun'; font-size: 11px; } .badgeFlash .fa-bolt { color: #F8CF5B; }</style><div class="productList1" id="productList1_17118" > <div class="productWidget" :class="class_autoheight"> <div class="row "> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/28996-23472/หินquartz-944-kgcopy" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/Home/zone7_pic1.png?v=202405291424" alt="หินQuartz 9.44 kg(copy)" title="หินQuartz 9.44 kg(copy)" /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/28996-23472/หินquartz-944-kgcopy"> <h3 class="h3-hover">หินQuartz 9.44 kg(copy)</h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> 005 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 9.44 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('28996', '23472', 0, 'Home/zone7_pic1.png', 1, '005')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/28995-23471/หินquartz-25-kg" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/Home/zone7_pic2.png?v=202405291424" alt="หินQuartz 2.5 kg" title="หินQuartz 2.5 kg" /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/28995-23471/หินquartz-25-kg"> <h3 class="h3-hover">หินQuartz 2.5 kg</h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> 004 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 2.5 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('28995', '23471', 0, 'Home/zone7_pic2.png', 1, '004')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/28994-23470/หินquartz-944-kgcopy" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/Home/zone7_pic1.png?v=202405291424" alt="หินQuartz 9.44 kg(copy)" title="หินQuartz 9.44 kg(copy)" /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/28994-23470/หินquartz-944-kgcopy"> <h3 class="h3-hover">หินQuartz 9.44 kg(copy)</h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> 003 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 9.44 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('28994', '23470', 0, 'Home/zone7_pic1.png', 1, '003')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/28993-23469/หินquartz-29-kg-" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/Home/zone7_pic3.png?v=202405291424" alt="หินQuartz 2.9 kg " title="หินQuartz 2.9 kg " /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/28993-23469/หินquartz-29-kg-"> <h3 class="h3-hover">หินQuartz 2.9 kg </h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> 002 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 2.9 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('28993', '23469', 0, 'Home/zone7_pic3.png', 1, '002')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/28992-23468/หินquartz-29-kg-" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/Home/zone7_pic3.png?v=202405291424" alt="หินQuartz 2.9 kg " title="หินQuartz 2.9 kg " /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/28992-23468/หินquartz-29-kg-"> <h3 class="h3-hover">หินQuartz 2.9 kg </h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> 001 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 2.9 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('28992', '23468', 0, 'Home/zone7_pic3.png', 1, '001')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/16332-12448/หินquartz-944-kgcopy" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/attachfile/4758_1024x1024_1.png?v=202405291424" alt="หินQuartz 9.44 kg(copy)" title="หินQuartz 9.44 kg(copy)" /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/16332-12448/หินquartz-944-kgcopy"> <h3 class="h3-hover">หินQuartz 9.44 kg(copy)</h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> Q-00003 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 9.44 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('16332', '12448', 0, 'attachfile/4758_1024x1024_1.png', 1, 'Q-00003')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/16331-12447/หินquartz-25-kg" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/attachfile/4757.png?v=202405291424" alt="หินQuartz 2.5 kg" title="หินQuartz 2.5 kg" /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/16331-12447/หินquartz-25-kg"> <h3 class="h3-hover">หินQuartz 2.5 kg</h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> Q-00002 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 2.5 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('16331', '12447', 0, 'attachfile/4757.png', 1, 'Q-00002')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> <div class="item col-6 col-md-6 col-lg-3 mobileProductList1"> <div class="itemInner rounded" style="display: flex; overflow: hidden; width: 100%;"> <div class="badgeProduct"> <div class="badgeOuter"><div class="badgeNew">New</div></div> </div> <div class="thumbnail border rounded"> <div class="productImage rounded-top"> <a href="/product/16330-12446/หินquartz-29-kg-" class="awrap-img"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/r_409x409/Xq8zoRYxh/attachfile/4756.png?v=202405291424" alt="หินQuartz 2.9 kg " title="หินQuartz 2.9 kg " /> </a> </div> <div class="productCaption"> <div class="productName" v-show="product_display_name_isopen"> <a href="/product/16330-12446/หินquartz-29-kg-"> <h3 class="h3-hover">หินQuartz 2.9 kg </h3> </a> </div> <div class="productCode" v-show="product_display_code_isopen"> <p> Q-00001 </p> </div> <div class="productIntro" v-show="product_display_intro_isopen && 1"> <p>หินควอตซ์ (Quartz) น้ำหนัก 2.9 kg </p> </div> <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p> <div class="productPrice" v-show="product_display_price_isopen" > <div class="ff-price fs-price fc-price"> <span class="NmPrice">฿0</span> <span class="NmPriceSym">฿0</span> </div> <div class="divProductMemberPrice" v-show="0"> <h5 class="productMemberPrice fs-priceMember ff-price "> </h5> </div> <div class="divPriceWhole" v-show="0"> </div> </div> <div class="productAction" v-show="product_display_cart_isopen"> <div class="productAddToCart"> <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('16330', '12446', 0, 'attachfile/4756.png', 1, 'Q-00001')"> <i class="fas fa-shopping-cart"></i> สั่งซื้อสินค้า </button> </div> <div class="productDescription" v-show="0"> <p> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> var productCaption_17118 = new Vue({ el:'#productList1_17118', data:{ product_display_name_isopen:1, product_display_code_isopen:0, product_display_intro_isopen:1, is_open_product_quantity_sold:0, product_display_price_isopen:0, product_display_cart_isopen:1, product_box_auto_height:0, class_autoheight:'AutoHeight' }, created(){ if(this.product_box_auto_height){ this.class_autoheight = 'AutoHeight' }else{ this.class_autoheight = 'NotAutoHeight' } }, beforeCreate(){ $('#productList1_17118 .productImage img').each(function (index, element) { let strProductImage = $(this).attr('data-src'); let arrProductImage = strProductImage.split('/'); let strImgName = arrProductImage[arrProductImage.length - 1]; let arrstrImgName = strImgName.split("?v="); arrstrImgName[0] = encodeURIComponent(arrstrImgName[0]); arrProductImage[arrProductImage.length - 1] = arrstrImgName.join("?v="); $(this).attr('data-src',arrProductImage.join('/')); }); }, methods:{ changeStyle: function(){ if(this.product_box_auto_height){ this.class_autoheight = 'AutoHeight' }else{ this.class_autoheight = 'NotAutoHeight' } }, backToDefault: function(){ this.product_display_name_isopen = 1; this.product_display_code_isopen = 0; this.product_display_intro_isopen = 1; this.is_open_product_quantity_sold = 0; this.product_display_price_isopen = 0; this.product_display_cart_isopen = 1; this.product_box_auto_height = 0; if(this.product_box_auto_height == "1"){ this.class_autoheight = 'AutoHeight' }else{ this.class_autoheight = 'NotAutoHeight' } } } }) function displayMessage (evt) { // check origin if(evt.origin != "https://webbuilder17.makewebeasy.com"){ return 0; } var toggleData = evt.data var data = toggleData.split(","); if(data[1] == 'productName'){ productCaption_17118.product_display_name_isopen = parseInt(data[0]) }else if(data[1] == 'productCode'){ productCaption_17118.product_display_code_isopen = parseInt(data[0]) }else if(data[1] == 'productIntro'){ productCaption_17118.product_display_intro_isopen = parseInt(data[0]) }else if(data[1] == 'productPrice'){ productCaption_17118.product_display_price_isopen = parseInt(data[0]) }else if(data[1] == 'productAction'){ productCaption_17118.product_display_cart_isopen = parseInt(data[0]) }else if(data[1] == 'AutoHeight'){ productCaption_17118.product_box_auto_height = parseInt(data[0]) productCaption_17118.changeStyle() }else if(data[1] == 'ProductStock'){ }else if(data[1] == 'ProductSell'){ productCaption_17118.is_open_product_quantity_sold = parseInt(data[0]) }else if(data[1] == 'reset'){ productCaption_17118.backToDefault() } } if (window.addEventListener) { // For standards-compliant web browsers window.addEventListener("message", displayMessage, false); } else { window.attachEvent("onmessage", displayMessage); } </script> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-color:#ffffff; " > <a id="content-17119" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container"> <div style="padding-top: 40px; padding-bottom: 40px;"> <h2 style="color:#3b4044;text-align:center; padding-bottom:20px; word-wrap: break-word;"> บทความ </h2> <div > <style type="text/css"> .contentList1 .contentWidget .item { margin-bottom: 15px; display: block; } .contentList1 .contentWidget .contentImage { display: block; text-align: center; height: 260px; } .contentList1 .divImage { width: 260px; height: 260px; display: table-cell; overflow: hidden; position: relative; vertical-align: top; } .contentList1 .contentWidget img { max-height: 100%; height: auto; width: auto; top: 0; display: block; left: 0; bottom: 0; position: absolute; right: 0; transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; } @media only screen and (min-width: 1200px) { .contentList1 .contentWidget .contentImage:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } } .contentList1 .contentWidget .thumbnail { height: auto; } .contentList1 .contentName, .contentList1 .contentIntro, .contentList1 .contentDate, .contentList1 .contentAction { margin-top: 10px; margin-bottom: 10px; overflow: hidden; word-break: break-word; } .contentList1 .contentName { /*max-height: 50px;*/ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .contentList1 .contentName h3 { line-height: 25px; margin: 0; } .contentList1 .contentIntro { max-height: 80px; } .contentList1 .contentIntro > p { line-height: 20px; } .contentList1 .contentDate { height: 30px; } .contentList1 .contentDate > p { line-height: 30px; } .contentList1 .contentAction { height: 40px; line-height: 40px; vertical-align: middle; } .contentList1 .contentAction .fa { vertical-align: inherit; } @media only screen and (max-width: 767px) { .contentList1 .contentIntro { max-height: 77px; } .contentList1 .contentIntro > p { line-height: 19px; } .contentList1 .contentWidget .item { height: auto; } .contentList1 .contentName { height: auto; } .contentList1 .contentName h3 { line-height: normal; } .contentList1 .contentDate { height: auto; } .contentList1 .contentDate > p { line-height: normal; } .contentList1 .contentAction { height: auto; line-height: normal; vertical-align: middle; } } .contentList1 .contentName a { text-decoration: none !important; } .contentList1 .divContent { padding: 0 15px; display: table-cell; vertical-align: top; white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } @media only screen and (min-width: 768px) { #contentList1_17119{ padding-bottom: 0px; padding-top: 20px; } .contentList1 .contentCaption { margin-top: 10px; } } @media only screen and (max-width: 767px) { #contentList1_17119{ padding-bottom: 0px; padding-top: 20px; } .contentList1 .contentWidget .divImage { width: auto; display: block; float: none; } .contentList1 .contentCaption { margin-top: 20px; } #contentList1_17119 .contentWidget .contentImage { height:calc(100vw - 32px); } #contentList1_17119 .divImage { /* height: 100%; */ height: auto; } #contentList1_17119 .contentWidget img { max-height: 100%; } #contentList1_17119 .contentWidget img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .contentImage>a>div{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .contentImageEffect { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .contentImage:hover .contentImageEffect, .contentImage:focus .contentImageEffect { transform: scale(1.1); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media only screen and (min-width: 993px) and (max-width: 1024px) { #contentList1_17119 .divImage{ width: 200px; } #contentList1_17119 .contentWidget .contentImage { height: 100%; } #contentList1_17119 .contentWidget img { max-height: 100%; } } @media only screen and (min-width: 768px) and (max-width: 992px) { #contentList1_17119 .divImage{ width: 260px; } #contentList1_17119 .contentWidget .contentImage { height: 100%; } #contentList1_17119 .contentWidget img { max-height: 100%; } } </style> <div class="contentList1" id="contentList1_17119"> <div class="contentWidget"> <div class="row"> <div class="item col-12 col-lg-6"> <div class="rounded"> <div class="divImage rounded-left"> <div class="contentImage"> <a href="/content/5227/print3d-งานปฎิมากรรมที่มีความสับซั้น"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/Xq8zoRYxh/print3d/60328074_288160512092983_5547787888780902400_o.jpg?v=202405291424" alt="Print3D งานปฎิมากรรมที่มีความสับซั้น" title="Print3D งานปฎิมากรรมที่มีความสับซั้น" /> </a> </div> </div> <div class="divContent"> <div class="contentCaption"> <div class="contentName"> <a href="/content/5227/print3d-งานปฎิมากรรมที่มีความสับซั้น"> <h3 class="h3-hover">Print3D งานปฎิมากรรมที่มีความสับซั้น</h3> </a> </div> <div class="contentIntro"> <p>Print3D แบบsla สามารถปริ้นงานที่มีความละเอียด ซับซ้อนได้</p> </div> <div class="contentAction"> <a href="/content/5227/print3d-งานปฎิมากรรมที่มีความสับซั้น"> ดูเพิ่มเติม <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> </a> </div> </div> </div> </div> </div> <div class="item col-12 col-lg-6"> <div class="rounded"> <div class="divImage rounded-left"> <div class="contentImage"> <a href="/content/5226/งานต้นแบบ-ลายดอกยางรถยนต์"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/Xq8zoRYxh/print3d/59809264_284244042484630_8226594991711977472_o.jpg?v=202405291424" alt="งานต้นแบบ ลายดอกยางรถยนต์" title="งานต้นแบบ ลายดอกยางรถยนต์" /> </a> </div> </div> <div class="divContent"> <div class="contentCaption"> <div class="contentName"> <a href="/content/5226/งานต้นแบบ-ลายดอกยางรถยนต์"> <h3 class="h3-hover">งานต้นแบบ ลายดอกยางรถยนต์</h3> </a> </div> <div class="contentIntro"> <p>การขึ้นรูปชิ้นงานต้นแบบ ก่อนจะนำไปผลิตแม่พิมพ์เพื่อใช้ในการผลิตจำนวนมาก โดยการPrint3d</p> </div> <div class="contentAction"> <a href="/content/5226/งานต้นแบบ-ลายดอกยางรถยนต์"> ดูเพิ่มเติม <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> </a> </div> </div> </div> </div> </div> <div class="item col-12 col-lg-6"> <div class="rounded"> <div class="divImage rounded-left"> <div class="contentImage"> <a href="/content/3804/amethyst01"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/Xq8zoRYxh/attachfile/AMETHYST.jpg?v=202405291424" alt="พระพนัง หรือพระถ้ำครับ อเมทิสต์ (Amethyst)" title="พระพนัง หรือพระถ้ำครับ อเมทิสต์ (Amethyst)" /> </a> </div> </div> <div class="divContent"> <div class="contentCaption"> <div class="contentName"> <a href="/content/3804/amethyst01"> <h3 class="h3-hover">พระพนัง หรือพระถ้ำครับ อเมทิสต์ (Amethyst)</h3> </a> </div> <div class="contentIntro"> <p>เป็นการรักษาผิวก้อนไว้เพื่อให้เห็นผิวผลึกของแท่งอมีทีส สีม่วงขนาดใหญ่ โชว์ความเป็นแท่งธรรมชาติ ผสานกับ การแกะสลัก พระปฎิมาอันทรงคุณค่ายิ่ง</p> </div> <div class="contentAction"> <a href="/content/3804/amethyst01"> ดูเพิ่มเติม <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> </a> </div> </div> </div> </div> </div> <div class="item col-12 col-lg-6"> <div class="rounded"> <div class="divImage rounded-left"> <div class="contentImage"> <a href="/content/3805/เจไดต์-jadeite-jade-หรือ-หยกพม่า"> <img class="lazy mx-auto" src="https://webbuilder17.makewebeasy.com/images/lazy_default.png" data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/Xq8zoRYxh/attachfile/23795569_1799336130090832_3034050931858830952_n.jpg?v=202405291424" alt="เจไดต์ (Jadeite Jade) หรือ หยกพม่า" title="เจไดต์ (Jadeite Jade) หรือ หยกพม่า" /> </a> </div> </div> <div class="divContent"> <div class="contentCaption"> <div class="contentName"> <a href="/content/3805/เจไดต์-jadeite-jade-หรือ-หยกพม่า"> <h3 class="h3-hover">เจไดต์ (Jadeite Jade) หรือ หยกพม่า</h3> </a> </div> <div class="contentIntro"> <p>jadeite ที่มีชื่อเสียงมากที่สุดสำหรับรูปแบบของอัญมณีหยก เครื่องประดับและประดับแกะสลักที่ทำจากหยกตลอดประวัติศาสตร์ หยกก็มีค่ามากในสังคมโบราณบางส่วนและบางครั้งก็คุ้มค่ามากยิ่งขึ้นกว่าทอง</p> </div> <div class="contentAction"> <a href="/content/3805/เจไดต์-jadeite-jade-หรือ-หยกพม่า"> ดูเพิ่มเติม <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- end background div --> <div style="position: relative; background-color:#ffffff; " > <a id="album-17120" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> <div class="container-fluid"> <div style="padding-top: 0px; padding-bottom: 0px;"> <div > <style type="text/css"> .photosList1 .photocard:hover{ box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.25),0px 2px 3px 0px rgba(0,0,0,0.25); } .photosList1 .photocard{ /*margin-top: 10px;*/ margin-top: 0px; transition: box-shadow 120ms ease-out; background: transparent !important; } .photosList1 .photocard .card-body{ padding: 10px 15px !important; } .photosList1 .photocard .card-title{ padding: 0px 0px !important; margin-bottom: 0px; } .photosList1 a{ text-decoration: none; } </style> <style> /* ---- grid ---- */ #Mwephotos_17120 .grid { width: 100%; /*margin: 15px auto;*/ margin: 0 auto; padding-bottom: 15px; box-sizing: border-box; } /* clearfix */ #Mwephotos_17120 .grid:after { content: ''; display: block; clear: both; } /* ---- grid-item ---- */ @media only screen and (max-width: 375px) { #Mwephotos_17120 .grid-sizer { width: calc(100vw / 2 - 33px)} .container #Mwephotos_17120 .grid-sizer { width: calc(100vw / 2 - 33px) } } @media only screen and (min-width: 376px) and (max-width: 576px) { #Mwephotos_17120 .grid-sizer { width: calc(100vw / 2 - 25px)} .container #Mwephotos_17120 .grid-sizer { width: calc(100vw / 2 - 25px) } } @media only screen and (min-width: 577px) and (max-width: 767px){ #Mwephotos_17120 .grid-sizer { width: calc(100vw / 2 - 25px) } .container #Mwephotos_17120 .grid-sizer { width: calc(540px / 2 - 25px); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #Mwephotos_17120 .grid-sizer { width: calc(100vw / 4 - 20px) } .container #Mwephotos_17120 .grid-sizer { width: calc(720px / 4 - 20px); } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { #Mwephotos_17120 .grid-sizer { width: calc(100vw / 4 - 24px) } .container #Mwephotos_17120 .grid-sizer { width: calc(960px / 4 - 20px); } } @media only screen and (min-width: 1200px) and (max-width: 1365px){ #Mwephotos_17120 .grid-sizer { width: calc(100vw / 6 - 21px) } .container #Mwephotos_17120 .grid-sizer { width: calc(1170px / 6 - 25px); } } @media only screen and (min-width: 1366px) { #Mwephotos_17120 .grid-sizer { width: calc(100vw / 6 - 21px) } .container #Mwephotos_17120 .grid-sizer { width: calc(1170px / 6 - 18px); } } #Mwephotos_17120 .grid-item{ /*margin: 4px 0px;*/ margin-top: 15px; } #Mwephotos_17120 #photo_grid_17120 { display: none; } </style> <div class="photosList1" id="Mwephotos_17120"> <div class="grid" id="photo_grid_17120"> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic8.jpg" itemprop="contentUrl" data-index="0"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic8.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic6.jpg" itemprop="contentUrl" data-index="1"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic6.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic5.jpg" itemprop="contentUrl" data-index="2"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic5.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic4.jpg" itemprop="contentUrl" data-index="3"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic4.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic3.jpg" itemprop="contentUrl" data-index="4"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic3.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic1.jpg" itemprop="contentUrl" data-index="5"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic1.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic2.jpg" itemprop="contentUrl" data-index="6"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic2.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> <div class="grid-item grid-sizer"> <div class="photocard shadowgallery rounded"> <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/Xq8zoRYxh/Home/zone9_pic7.jpg" itemprop="contentUrl" data-index="7"> <img itemprop="thumbnail" class="img-fluid rounded" src="https://image.makewebcdn.com/makeweb/r_400x400/Xq8zoRYxh/Home/zone9_pic7.jpg?v=202405291424" alt="image" title="image" /> </a> </div> </div> </div> </div> <script> jQuery(document).ready(function () { var $photogrid_17120 = $("#photo_grid_17120"); $photogrid_17120.imagesLoaded( function(){ $photogrid_17120.show(); $photogrid_17120.masonry({ percentPosition: false, itemSelector: '.grid-item', columnWidth: '.grid-sizer', horizontalOrder: false, gutter: 15, transitionDuration: 0, fitWidth: true, resize: true }); }); }); </script> <script> jQuery(document).ready(function() { $('#Mwephotos_17120 .gall-item').magnificPopup({ type: 'image', gallery: { enabled: true } }); }); </script> </div> </div> </div> </div> <!-- end background div --> <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> </div> <script> function renderYoutubeIframe(e, video_id) { var iframe = document.createElement( "iframe" ); iframe.setAttribute( "frameborder", "0" ); iframe.setAttribute( "allowfullscreen", "" ); iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" ); e.innerHTML = ""; e.appendChild( iframe ); } function secflascounter(timer,boxid,turn) { if(timer!=''){ arrayData3 = timer; //var timeParsed = arrayData3.replace(' ', 'T'); //var countDownDate = new Date(timer).getTime(); var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); var asx = setInterval(function() { //var now = new Date().getTime(); var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); var distance = countDownDate - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2)); jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2)); jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2)); jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2)); if (distance < 0) { clearInterval(asx); } }, 1000); }else{ clearInterval(asx); } } </script> </div> <div id="section-footer"> <style>.menuCol { width: 100% !important; padding-right: 15px; padding-left: 15px; } </style><style> .subscribeInput { display: block !important; } @media only screen and (max-width: 768px) { .fieldSubscribe { line-height: 10px !important; } } </style> <footer class="footer02 footerZone"> <div id="footer-area"> <div class="container"> <div class="row"> <div class="col-12 col-sm-4"> <div class="row"> <div class="col-12"> <div style="margin-bottom:10px;"> <div class="wordWrapFooterHtml footer-mb-mobile"> <p><strong><span style="color: #ffffff;" data-mce-style="color: #ffffff;">บริษัท แอลดับบลิวเอ็น ทรีดี จำกัด</span></strong><br><span style="color: #ffffff; font-size: 14px;" data-mce-style="color: #ffffff; font-size: 14px;">นำเข้าหินธรรมชาติ และบริการรับปริ้น 3D งานแกะสลัก </span><br><span style="color: #ffffff; font-size: 14px;" data-mce-style="color: #ffffff; font-size: 14px;">งานเรซิ่น ด้วย Robot และ CNC ที่มีความละเอียดสูง </span><br><span style="color: #ffffff; font-size: 14px;" data-mce-style="color: #ffffff; font-size: 14px;">ควบคุมดูแลทุกกระบวนการโดยช่างฝีมือที่เชี่ยวชาญ</span><br><span style="line-height: 0.2; font-size: 14px;" data-mce-style="line-height: 0.2; font-size: 14px;"><span color="#ffffff" data-mce-style="color: #ffffff;" style="color: #ffffff;"></span></span></p><p><span style="line-height: 0.2; font-size: 14px;" data-mce-style="line-height: 0.2; font-size: 14px;"><span color="#ffffff" data-mce-style="color: #ffffff;" style="color: #ffffff;">โทร : 097 195 6366</span></span><br><span style="line-height: 0.2;" data-mce-style="line-height: 0.2;"><span color="#ffffff" data-mce-style="color: #ffffff; font-size: 14px;" style="color: #ffffff; font-size: 14px;">100/3 หมู่ 1 ต.ยกกระบัตร อ.บ้านแพ้ว </span><span color="#ffffff" data-mce-style="color: #ffffff; font-size: 14px;" style="color: #ffffff; font-size: 14px;">จ.สมุทรสาคร 74120 </span></span></p><p><br></p></div> </div> </div> </div> <div class="row"> <div class="col-12"> </div> </div> <div class="row"> <div class="col-12"> <div class="footerSocial" style="margin-bottom:10px;"> <style type="text/css"> .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active { background-image: linear-gradient(#80D544, #65BC3E); background-image: -webkit-linear-gradient(top, #80D544, #65BC3E); background-image: -moz-linear-gradient(top, #80D544, #65BC3E); background-image: -ms-linear-gradient(top, #80D544, #65BC3E); background-image: -o-linear-gradient(top, #80D544, #65BC3E); background-image: linear-gradient(to bottom, #80D544, #65BC3E); -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; font-size: 14px; padding: 5px 8px; padding-bottom: 8px; text-decoration: none; cursor: pointer; display: inline-block; margin-right: 11px; } .footerLineWidget:hover { background-image: linear-gradient(#80D544, #65BC3E); color: #FFF; background-image: -webkit-linear-gradient(top, #65BC3E, #80D544); background-image: -moz-linear-gradient(top, #65BC3E, #80D544); background-image: -ms-linear-gradient(top, #65BC3E, #80D544); background-image: -o-linear-gradient(top, #65BC3E, #80D544); background-image: linear-gradient(to bottom, #65BC3E, #80D544); text-decoration: none; } .footerLineWidget{ font-size: 14px; } .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active { background: #00BC0C; background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c); background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c); background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c); background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c); background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c); -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; font-size: 14px; padding: 5px 8px; padding-bottom: 8px; text-decoration: none; cursor: pointer; display: inline-block; } .footerWechatWidget:hover { background: #3cbf1c; color: #FFF; background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C); background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C); background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C); background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C); background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C); text-decoration: none; } .imgLineWidget,.imgWechatWidget{ width: 145px !important; height: 145px !important; } .qrcodeLogo{ width: 25px; height: 25px; } #fsocial-widget { display:block; } #fsocial-widget>.faco-top { margin-bottom: 25px; } .pointer-none { pointer-events: none; } </style> <div class="social-widget" id="fsocial-widget"> <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/lwn3d/"> <i class="fas fa-circle colorFacebookBG pointer-none"></i> <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> </a> <a class="faco-top fa-layers fa-fw youtubeSocial " target="_blank" href="https://www.youtube.com/channel/UCTHtGS3_BlOwrXGdFrXMQxg/featured"> <i class="fas fa-circle colorYoutubeBG pointer-none"></i> <i class="fa-inverse fab fa-youtube colorYoutube pointer-none" data-fa-transform="shrink-7"></i> </a> <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~@lwn3D" > <i class="fas fa-circle colorLineBG pointer-none"></i> <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> </a> </div> <script type="text/javascript"> jQuery(".footerWechatWidget").click(function () { window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); }); </script> </div> </div> </div> <!-- <div class="row"> <div class="col-12"> <div class="divFooterLine"> </div> </div> </div> --> </div> <div class="col-12 col-sm-4"> <div class="row"> <div class="col-12"> <style> .footerTopic{ border-bottom: 1px solid transparent; color: #ffffff; font-size:16px; font-family : 'Prompt'; font-weight : bold; font-style : normal; text-decoration : none; } .li-footer-sub{ border-bottom: 1px solid transparent; } .li-footer-sub a{ padding-left: 0px; color: #f3f3f3; font-size:14px; font-family : 'Prompt'; font-weight : normal; font-style : normal; text-decoration : none; } .li-footer-sub a:hover{ color: #f3f3f3; } .menuCol{ margin-bottom: 10px; } /*.menuCol:last-child{ margin-bottom: 0; }*/ </style> <div class="row"> <div class="menuCol"> <div class="footerTopic" id="footermenu-head_1"> บริการของเรา </div> <div class="advdividerF"style="visibility: hidden;"></div> <ul class="ul-footermenu-sub"> <li class="li-footer-sub"> <a href="/robot3dcnc3d" target="_self"> งานแกะสลักด้วย Robot </a> </li> <li class="li-footer-sub"> <a href="/print3d" target="_self"> งาน Print 3D </a> </li> <li class="li-footer-sub"> <a href="/scan3d" target="_self"> งาน Scan 3D </a> </li> <li class="li-footer-sub"> <a href="/งานสำเร็จ" target="_self"> หินธรรมชาติ </a> </li> <li class="li-footer-sub"> <a href="/stone" target="_self"> ดวงแก้ว </a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-12 col-sm-4"> <div class="row"> <div class="col-12"> <div class="fb-page" data-href="https://www.facebook.com/lwn3d/" data-width="500" data-height="300" data-tabs="timeline,events," data-hide-cover="false" data-show-facepile="true" data-hide-cta="false" data-small-header="true" data-adapt-container-width="true" > </div> <!--<blockquote cite="https://www.facebook.com/lwn3d/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/lwn3d/">Page</a></blockquote>--> </div> </div> </div> </div> </div> </div> <div id="footer-bar"> <div class="container"> <div class="row"> <div class="col-12"> <div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255); font-family: Roboto; font-size: 11px;" data-mce-style="color: #ffffff; font-family: Roboto; font-size: 11px;">Copyright 2019 All Rights Reserved</span></div> </div> </div> </div> </div> </footer> </div> <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; "> Powered by <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="ทำเว็บฟรี สร้างเว็บฟรี เว็บฟรี เว็บไซต์ฟรี">MakeWebEasy.com</a> </div> <div class="widget_cart_fix_display "></div> </div> </div> <!-- cookie consent--> <div class="policy-position"> <div class="wrap-con"> <div class="container"> <div class="row pad-row-pdpa policy-container"> <div class="col-12 col-md-9 col-lg-9"> <span class="txt-pdconsent">เว็บไซต์นี้มีการใช้งานคุกกี้ เพื่อเพิ่มประสิทธิภาพและประสบการณ์ที่ดีในการใช้งานเว็บไซต์ของท่าน ท่านสามารถอ่านรายละเอียดเพิ่มเติมได้ที่ <a class="" href="/privacys-policy" target="_blank">นโยบายความเป็นส่วนตัว</a> และ <a class="" href="/cookies-policy" target="_blank">นโยบายคุกกี้</a> </span> </div> <div class="col-12 col-md-3 col-lg-3 colbtn"> <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">ตั้งค่าคุกกี้</button> <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยอมรับทั้งหมด</button> </div> </div> </div> </div> </div> <script type="text/javascript"> var plugins = {}; plugins['fontawesome'] = {'isEnable': false}; plugins['hamburgers'] = {'isEnable': true}; plugins['imagesloaded'] = {'isEnable': false}; plugins['magnificpopup'] = {'isEnable': true}; plugins['masonry'] = {'isEnable': true}; plugins['owlcarousel'] = {'isEnable': true}; plugins['perfectscrollbar'] = {'isEnable': false}; plugins['scrollposstyler'] = {'isEnable': false}; plugins['style_mwe'] = {'isEnable': false}; plugins['all'] = {'isEnable': false}; plugins['circularloading'] = {'isEnable': true}; plugins['customerjs'] = {'isEnable': false}; plugins['customerstyle'] = {'isEnable': false}; plugins['font'] = {'isEnable': false}; plugins['fullcalendar'] = {'isEnable': false}; plugins['homebox_eventcalendar'] = {'isEnable': false}; plugins['page_calendar'] = {'isEnable': false}; plugins['page_faq'] = {'isEnable': false}; plugins['themesystem'] = {'isEnable': false}; </script> <!-- JS Main --> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202306151430"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202306151430" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202306151430"></script> <script>var lang = "th";</script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202306151430"></script> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202306151430"></script> <!-- JS Page --> <script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script><script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script><script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script><script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script> <!-- JS Main --> <script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script> <script type="text/javascript" src="/include/customer/customer.js?v=202408151000"></script> <script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202306151430"></script> <!-- Script CustomerPage --> <!-- Script Body --> <script type="text/javascript"> $(document).ready(function () { if ( navigator.platform == 'iPhone' || navigator.platform == 'iPod' || navigator.platform == 'iPad' || (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0) ) { var $body = $('body'); var bg_attachment = $body.css('background-attachment'); if (bg_attachment == 'fixed') { var bg_size = $body.css('background-size'); if (bg_size == 'auto') { var bg_img = $body.css('background-image'); var bg_repeat = $body.css('background-repeat'); $bodyBG = $('<div class="pseudo-body-bg"></div>'); $bodyBG.css('width', '100vw'); $bodyBG.css('height', '100vh'); $bodyBG.css('position', 'fixed'); $bodyBG.css('top', '0'); $bodyBG.css('left', '0'); $bodyBG.css('background-image', bg_img); $bodyBG.css('background-repeat', bg_repeat); $bodyBG.css('z-index', '-99'); $body.prepend($bodyBG); } else if (bg_size == 'cover') { var bg_img = $body.css('background-image'); var bg_repeat = $body.css('background-repeat'); var bg_pos = $body.css('background-position'); var bg_size = $body.css('background-size'); $bodyBG = $('<div class="pseudo-body-bg"></div>'); $bodyBG.css('width', '100vw'); $bodyBG.css('height', '100vh'); $bodyBG.css('position', 'fixed'); $bodyBG.css('top', '0'); $bodyBG.css('left', '0'); $bodyBG.css('background-image', bg_img); $bodyBG.css('background-repeat', bg_repeat); $bodyBG.css('background-position', bg_pos); $bodyBG.css('background-size', bg_size); $bodyBG.css('-webkit-background-size', bg_size); $bodyBG.css('-moz-background-size', bg_size); $bodyBG.css('-o-background-size', bg_size); $bodyBG.css('z-index', '-99'); $body.prepend($bodyBG); } } } }); </script> <!-- Script Rellax --> <script type="text/javascript"> if (document.getElementsByClassName("rellax").length > 0) { if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) { var rellax = new Rellax('.rellax', { speed: -4, round: true }); } else { $(document).ready(function () { $('.rellax-view').each(function (index) { var $rellax = $(this).find('>.rellax'); var bg_img = $rellax.css('background-image'); var bg_repeat = $rellax.css('background-repeat'); var bg_xpos = $rellax.css('background-position-x'); var bg_ypos = $rellax.css('background-position-y'); var bg_size = $rellax.css('background-size'); $(this).css({ 'background-image': bg_img, 'background-repeat': bg_repeat, 'background-position-x': bg_xpos, 'background-position-y': bg_ypos, '-webkit-background-size': bg_size, '-moz-background-size': bg_repeat, '-o-background-size': bg_repeat, 'background-size': bg_repeat, }).addClass('rellax-not-support'); $rellax.remove(); }); }); } } </script> <!-- Script Slide --> <script type="text/javascript"> var $owlTemp17112 = jQuery(".owl-carouselhh_17112"); var slideSpeedOwl17112 = "medium"; if (slideSpeedOwl17112 == "slow") { var autoplayTimeoutOwl17112= 7000; } else if (slideSpeedOwl17112 == "medium") { var autoplayTimeoutOwl17112 = 5000; } else if (slideSpeedOwl17112 == "fast") { var autoplayTimeoutOwl17112 = 3000; } $owlTemp17112.on("initialize.owl.carousel", function (e) { jQuery(".iconLoadSlider_17112").fadeOut("slow"); jQuery(".iconDiv_17112").remove(); }); $owlTemp17112.on("initialized.owl.carousel", function (e) { var $owl_item = $owlTemp17112.find(".owl-item"); $owl_item.each(function () { var mr = parseInt($(this).find(".contentMargin").css("margin-right")); var ml = parseInt($(this).find(".contentMargin").css("margin-left")); $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml); }); }); var resizeTimer17112; jQuery(window).on("resize", function() { clearTimeout(resizeTimer17112); resizeTimer17112 = setTimeout(function() { var $owl_item = $owlTemp17112.find(".owl-item"); $owl_item.each(function () { var mr = parseInt($(this).find(".contentMargin").css("margin-right")); var ml = parseInt($(this).find(".contentMargin").css("margin-left")); $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml); }); var $item_img = $owlTemp17112.find(".item img"); $item_img.css("height", "auto"); $item_img.each(function () { var height = $(this).height(); $(this).css("height", height); }); }, 250); }); $owlTemp17112.on({ mouseenter: function() { $(this).trigger("stop.owl.autoplay"); }, mouseover: function() { $(this).trigger("stop.owl.autoplay"); }, mouseout: function() { $(this).trigger("play.owl.autoplay"); }, touchstart: function() { $(this).trigger("stop.owl.autoplay"); }, touchend: function() { $(this).trigger("play.owl.autoplay"); } }); $owlTemp17112.owlCarousel({ loop: true, autoplay: true, autoplayTimeout: autoplayTimeoutOwl17112, autoplaySpeed: 900, dotsSpeed: 1000, lazyLoad: true, dots: false, navText: ["<i class=\"fal fa-3x fa-angle-left\"></i>", "<i class=\"fal fa-3x fa-angle-right\"></i>"], navSpeed: 1000, responsiveClass: true, responsive: { 0: { items: 1, nav: false }, 1025: { items: 1, nav: false } } }); function doAnimations17112(elems) { elems.each(function () { var $owl_item = $(this); var $item = $owl_item.find(".item"); var $item_class = $item.attr("class"); var $contentEffect = $item.find("[data-animation ^= \"animated\"]"); var $animationType = $contentEffect.data("animation"); var same_item = $owlTemp17112.find(".owl-item:not(.active)").find("." + $item_class.split(" ").join(".")); if (same_item.length > 0) { same_item.find("[data-animation ^= \"animated\"]").addClass($animationType); } $contentEffect.addClass($animationType); }); } var $firstAnimatingElems17112 = $owlTemp17112.find(".owl-item.active"); doAnimations17112($firstAnimatingElems17112); $owlTemp17112.on("translate.owl.carousel", function (e) { var elems = $owlTemp17112.find(".owl-item:not(.active)"); elems.each(function () { var $owl_item = $(this); var $item = $owl_item.find(".item"); var $item_class = $item.attr("class"); var $contentEffect = $item.find("[data-animation ^= \"animated\"]"); var $animationType = $contentEffect.data("animation"); var same_item = $owlTemp17112.find(".owl-item.active").find("." + $item_class.split(" ").join(".")); if (same_item.length == 0) { $item.find("[data-animation ^= \"animated\"]").removeClass($animationType); } }); }); $owlTemp17112.on("translated.owl.carousel", function (e) { var $animatingElems = $owlTemp17112.find(".owl-item.active"); doAnimations17112($animatingElems); }); jQuery(".Mweslide_17112 .owl-dot").on("click", function (e) { if (!$(this).hasClass("active")) { $owlTemp17112.find(".owl-item .item").find("[data-animation ^= \"animated\"]").removeClass().addClass("contentEffect contentBG contentPadding"); } }); </script> <!-- Script WidgetCart --> <script> drawWidgetCartFix(); </script> <!-- Script MWEAds --> <script> // $("#divMWEAds").on("click", function (e) { // var aNode = e.target.nodeName; // if (aNode !== "B") { // window.open('https://www.makewebeasy.com'); // } // }); </script> <!-- Script FB --> <script> (function (d, s, id) { var lang = "th_TH"; var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async = true; js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=160631041153580"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk")); </script> <!-- Script Embed --> <!-- Script More --> <script type="text/javascript"> function myFunctionincount(id, gid, page, homid, place, local, pagetype) { if (id !== '' && page !== '' && local !== '') { jQuery.ajax({ type: 'POST', url: '/customer/banner/store.php', data: { bnid: id, gid: gid, page: page, home: homid, place: place, local: local, pagetype: pagetype }, success: function (returnData) { if (returnData != '') { console.log(returnData); } } }); } } $(function () { $('a[href*="#"]:not([href="#"])').click(function () { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { disable_scroll(); $('html,body').animate({ scrollTop: target.offset().top }, 'slow', function () { enable_scroll(); }); return false; } } }); }); function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } function wheel(e) { preventDefault(e); } function disable_scroll() { if (window.addEventListener) { window.addEventListener('DOMMouseScroll', wheel, false); } window.onmousewheel = document.onmousewheel = wheel; } function enable_scroll() { if (window.removeEventListener) { window.removeEventListener('DOMMouseScroll', wheel, false); } window.onmousewheel = document.onmousewheel = null; } $(function () { $('#whatsappIcon').click(function () { let toggle = $(this).data("toggle"); if (toggle == 0) { $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"}); let date = new Date(); $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2)); $(this).data("toggle", 1); } else { $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); $(this).data("toggle", 0); } }); $('.whatsappBtnCancel').click(function () { $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); $('#whatsappDialog').data("toggle", 0); }); }); </script> <script type="text/javascript"> // Img LazyLoad document.addEventListener("DOMContentLoaded", function() { var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); if ("IntersectionObserver" in window) { let lazyImageObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { let lazyImage = entry.target; lazyImage.src = lazyImage.dataset.src; lazyImage.classList.remove("lazy"); lazyImageObserver.unobserve(lazyImage); } }); }); lazyImages.forEach(function(lazyImage) { lazyImageObserver.observe(lazyImage); }); } else { // Possibly fall back to a more compatible method here lazyImages.forEach(function(lazyImage) { lazyImage.src = lazyImage.dataset.src; lazyImage.classList.remove("lazy"); }); } }); // Iframe LazyLoad document.addEventListener("DOMContentLoaded", function() { var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy")); if ("IntersectionObserver" in window) { let lazyIframeObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { let lazyIframe = entry.target; lazyIframe.src = lazyIframe.dataset.src; lazyIframe.classList.remove("lazy"); lazyIframeObserver.unobserve(lazyIframe); } }); }); lazyIframes.forEach(function(lazyIframe) { lazyIframeObserver.observe(lazyIframe); }); } else { lazyIframes.forEach(function(lazyIframe) { lazyIframe.src = lazyIframe.dataset.src; lazyIframe.classList.remove("lazy"); }); } }); </script> <script type="text/javascript"> // Img Opacity (function ($) { "use strict"; $.fn.visible = function (partial) { if (typeof ($(this).offset()) !== 'undefined') { var $t = $(this), $w = $(window), viewTop = $w.scrollTop(), viewBottom = viewTop + $w.height(), _top = $t.offset().top, _bottom = _top + $t.height(), compareTop = partial === true ? _bottom : _top, compareBottom = partial === true ? _top : _bottom; return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop))); } }; jQuery(window).ready(function ($) { var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = []; //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'), jQuery('body img').not('.imgLineWidget').imagesLoaded(function () { bkthumbnail = $('#section-content').find('img:not(.zoomImg)'); bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)'); }).progress(function (instance, image) { var result = image.isLoaded ? 'loaded' : 'broken'; if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) { $(image.img).css('opacity', '1'); } if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) { $(image.img).css('opacity', '1'); } if ($(image.img).closest(".owl-item").length > 0) { $(image.img).css('opacity', '1'); var height = $(image.img).height(); $(image.img).css("height", height); } }); bkWindow.scroll(function (event) { $.each(bkthumbnail, function (i, value) { var bkValue = $(value); if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) { bkValue.css('opacity', '1'); } }); $.each(bkthumbnailfooter, function (i, value) { var bkValueft = $(value); if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) { bkValueft.css('opacity', '1'); } }); }); }); })(jQuery); </script> <script type="text/javascript"> $(function () { $('a[href^="tel:"], a[href^="Tel:"]').click(function () { clickConversion('call'); }); $('a[href*="line.me"], a[href*="lin.ee"]').click(function () { if($(this).hasClass('LineSocialPD')) return; clickConversion('line'); }); $('a[href*="instagram.com"]').click(function () { clickConversion('instagrams'); }) $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () { if($(this).hasClass('facebookSocialPD')) return; clickConversion('facebook'); }) }); function clickConversion(snippetType, value = null, transectionId = null) { } </script> <!-- Script Schema --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.lwn3d.com", "name":"รับปริ้น3D พิมพ์งาน 3 มิติแกะสลักงานปฏิมากรรมครบวงจร | LWN3D", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://www.lwn3d.com/search/{search_term_string}" }, "query-input": "required name=search_term_string" } } </script> <style> @media (max-width: 992px){ .widget-overlay .fb-customerchat span iframe , .widget-overlay .fb_dialog .fb_dialog_content iframe , .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe, .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { bottom: 70px !important } #toTop.widget-to-top { bottom : 150px !important; } #unknown{ bottom : 60px !important; } } .fb_new_ui_mobile_overlay_active { overflow: auto !important; } </style> </body> </html>