1<!doctype html> 2<html lang="th-TH"> 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta name="description" content="à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¸à¸ à¸à¸¢ à¸à¸²à¸«à¸²à¸£à¸à¸¸à¸à¸à¸à¸´à¸ à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ LPI à¹à¸à¸£à¸·à¹à¸à¸à¸¡à¸·à¸à¹à¸à¸à¸¢à¹ à¹à¸à¸·à¹à¸à¸¡à¹à¸¢à¸ GMP à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸ªà¸´à¸à¸à¹à¸² à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢à¸à¸²à¸£à¸à¹à¸² à¸à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸£à¸´à¸©à¸±à¸" /> 7 <meta name="Keywords" content="à¸à¸ à¸à¸¢ ,à¸à¸³à¹à¸à¹à¸²à¸à¸²à¸«à¸²à¸£,à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£,à¸à¸¢ à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ ,à¸à¸³à¹à¸à¹à¸²à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸,à¸à¸ à¸à¸¢,à¸à¸à¹à¸à¸à¸à¸¸à¸à¸²à¸ à¸à¸¢,LPI,à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸ªà¸´à¸à¸à¹à¸² ,à¸à¸´à¸à¸µà¸à¸²à¸£à¸¨à¸¸à¸¥à¸à¸²à¸à¸£,à¸à¸¢ à¸à¸²à¸«à¸²à¸£,à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢à¸à¸²à¸£à¸à¹à¸²,à¸à¸³à¹à¸à¹à¸² ,à¹à¸à¸£à¸·à¹à¸à¸à¸¡à¸·à¸à¹à¸à¸à¸¢à¹" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 9 <meta name="apple-mobile-web-app-capable" content="yes"> 10 <!-- facebook --> 11 <meta property="fb:app_id" content="160631041153580" /> 12 <meta property="og:type" content="website" /> 13 14 <meta property="og:title" content="รัà¸à¸à¸ à¸à¸¢.à¸à¸²à¸«à¸²à¸£à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ LPI à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸à¸à¸ ราà¸à¸²à¸à¸¹à¸" /> 15 <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/xOkEW2wUk/DefaultData/AP_Enterligance_Logo_3_1.png" /> 16 <meta property="og:description" content="à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¸à¸ à¸à¸¢ à¸à¸²à¸«à¸²à¸£à¸à¸¸à¸à¸à¸à¸´à¸ à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ LPI à¹à¸à¸£à¸·à¹à¸à¸à¸¡à¸·à¸à¹à¸à¸à¸¢à¹ à¹à¸à¸·à¹à¸à¸¡à¹à¸¢à¸ GMP à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸ªà¸´à¸à¸à¹à¸² à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢à¸à¸²à¸£à¸à¹à¸² à¸à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸£à¸´à¸©à¸±à¸" /> 17 <meta property="og:url" content="https://www.apenterligance.com/" /> 18 <meta property="og:site_name" content="apenterligance.com" /> 19 <!-- twitter --> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:site" content="apenterligance.com"> 22 <meta name="twitter:title" content="รัà¸à¸à¸ à¸à¸¢.à¸à¸²à¸«à¸²à¸£à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ LPI à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸à¸à¸ ราà¸à¸²à¸à¸¹à¸"> 23 <meta name="twitter:description" content="à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¸à¸ à¸à¸¢ à¸à¸²à¸«à¸²à¸£à¸à¸¸à¸à¸à¸à¸´à¸ à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ LPI à¹à¸à¸£à¸·à¹à¸à¸à¸¡à¸·à¸à¹à¸à¸à¸¢à¹ à¹à¸à¸·à¹à¸à¸¡à¹à¸¢à¸ GMP à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸ªà¸´à¸à¸à¹à¸² à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢à¸à¸²à¸£à¸à¹à¸² à¸à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸£à¸´à¸©à¸±à¸"> 24 <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/AP_Enterligance_Logo_3_1.png"> 25 <meta name="twitter:domain" content="https://www.apenterligance.com/"> 26 <!-- google --> 27 <meta name="google-site-verification" content="duSCbnEHsxUd2lLRoUBsxLGMX9f3Ez7sbmitTgOZV5w" /> <meta name="generator" content="MakeWebEasy" /> 28 <!-- Phone number--> 29 <meta name="format-detection" content="telephone=no"> 30 <link rel="alternate" href="https://www.apenterligance.com/" hreflang="x-default" /> 31 32 <link rel="canonical" href="https://www.apenterligance.com/" /> 33 34 <link rel="apple-touch-icon" sizes="32x32" href="/customer/include/favicon.ico?v=202604291000" /> 35 <link rel="shortcut icon" href="/customer/include/favicon.ico?v=202604291000" type="image/x-icon" /> 36 <link rel="icon" href="/customer/include/favicon.ico?v=202604291000" type="image/x-icon" /> 37 38 <!-- CSS Main --> 39 <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" /> 40 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
40com/makeweb/prod/css/font.min.css?v=202101271138" /> 41 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" /> 42 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" /> 43 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" /> 44 <!-- CSS Page --> 45 <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 --> 46 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" /> 47 <!-- byAir --> 48 <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> --> 49 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20261004082639" /> 50 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" /> 51 <link rel="stylesheet" type="text/css" href="/customer-css/style_xOkEW2wUk.min.css?v=1786800283" /> 52 53 <title>รัà¸à¸à¸ à¸à¸¢.à¸à¸²à¸«à¸²à¸£à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ LPI à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸à¸à¸ ราà¸à¸²à¸à¸¹à¸</title> 54 55 <!-- JS Main --> 56
56<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
56 57
57<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
57 58
58<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
58 59
59<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
59 60 <!-- JS Page --> 61 <!-- Script Embed --> 62 <!-- Google Tag Manager -->
63<script>
vendor: 331 bytes, lines 63-67
63(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 64new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 65j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 66'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 67})(window,document,'script','dataLayer','
67GTM-WC8PWGSK
vendor: 3 bytes, line 67
67');
67</script>
67 68<!-- End Google Tag Manager --><!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 68-69
68 69<script async src="https://www.googletagmanager.com/gtag/js?id=
69G-DWSBY79QBZ
vendor: 13 bytes, line 69
69"></script>
70<script> 71
vendor: 138 bytes, lines 71-75
71window.dataLayer = window.dataLayer || []; 72 function gtag(){dataLayer.push(arguments);} 73 gtag('js', new Date()); 74 75 gtag('config', '
75G-DWSBY79QBZ
vendor: 5 bytes, line 75
75');
76</script>
76<!-- Meta Pixel Code -->
77<script>
vendor: 408 bytes, lines 77-86
77 78!function(f,b,e,v,n,t,s) 79{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 80n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 81if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 82n.queue=[];t=b.createElement(e);t.async=!0; 83t.src=v;s=b.getElementsByTagName(e)[0]; 84s.parentNode.insertBefore(t,s)}(window, document,'script', 85'https://connect.facebook.net/en_US/fbevents.js'); 86fbq('init', '
86460275452823805
vendor: 32 bytes, lines 86-87
86'); 87fbq('track', 'PageView');
88</script>
88 89<noscript><img height="1" width="1" style="display:none" 90src="https://www.facebook.com/tr?id=460275452823805&ev=PageView&noscript=1" 91/></noscript> 92<!-- End Meta Pixel Code --> 93 <style> 94 #divMWEAds .mweColor{ 95 color: #28bee3; 96 } 97 98 /* #divMWEAds .webFreeColor{ 99 color: #ffffff; 100 background-color: #28bee3; 101 } */ 102 103 .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;} 104 .webFreeColor:hover, 105 .webFreeColor.active { 106 background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF; 107} 108 </style> 109 </head> 110 <body> 111 <!-- Script Embed --> 112 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 112-113
112 113<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
113GTM-WC8PWGSK
vendor: 85 bytes, lines 113-114
113" 114height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
115<!-- End Google Tag Manager (noscript) --> 116 <!--
116<script> 117 </script>
117 --> 118 <style type="text/css"> 119 .pagination>li>a, .pagination>li>span { 120 font-size: 14px; 121 color: inherit; 122 } 123 .dropdown.areacontext.open{ 124 z-index: 1001 !important; 125 } 126 .table-responsive table { 127 margin-bottom: 20px; 128 white-space: nowrap; 129 } 130 @media only screen and (min-width: 1200px) { 131 .table-responsive table { 132 white-space: normal; 133 } 134 } 135 @media only screen and (min-width: 1200px) { 136 .section-container > .slimScrollDiv { 137 display: none; 138 } 139 } 140 a[data-mce-href] { 141 font-size: inherit; 142 font-family: inherit; 143 /*color: inherit;*/ 144 } 145 /* areacontext menu */ 146 .areacontext { 147 border: 1px solid rgb(9,10,12); 148 } 149 .areacontext .btn-primary { 150 background: #373e44!important; 151 color: #FFF!important; 152 border-color: #23292f!important; 153 padding: 1px 5px; 154 display: block; 155 } 156 .areacontext > div { 157 font-family: Open Sans !important; 158 font-size: 12px !important; 159 } 160 .areacontext ul.dropdown-menu { 161 border-radius: 0px !important; 162 background: #373E44 !important; 163 margin-top: 0px !important; 164 border: 1px solid rgb(9,10,12); 165 padding: 0px !important; 166 min-width: 100px !important; 167 transform: translate3d(-1px, 20px, 0px) !important; 168 } 169 .areacontext ul.dropdown-menu > li > a { 170 font-family: "Helvetica Neue",Helvetica,Tahoma !important; 171 font-size: 12px !important; 172 color: rgb(145, 159, 174) !important; 173 padding: 3px 5px !important; 174 display: block; 175 } 176 .areacontext ul.dropdown-menu > li > a:hover { 177 background: #262D33 !important; 178 color: #FFF !important; 179 text-decoration: none; 180 } 181 /* addition */ 182 /* facebook like box */ 183 .fb-like.fb_iframe_widget > span > iframe{ 184 max-width:none!important 185 } 186 /* img in table */ 187 table img { 188 max-width:initial!important; 189 } 190 /* iframe */ 191 iframe { 192 max-width:100%; 193 } 194 /* pagination */ 195 .pagination>li>a,.pagination>li>span{ 196 font-size:14px;color:inherit 197 } 198 /* table */ 199 .table-responsive table { 200 margin-bottom:20px; 201 white-space:nowrap; 202 } 203 @media only screen and (min-width: 1200px){ 204 .table-responsive table{ 205 white-space:normal 206 } 207 } 208 /* img width and rendering */ 209 div#section-content img:not(.fill), 210 div#section-footer img:not(.fill) { 211 overflow:hidden; 212 opacity:0; 213 -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; 214 transition:opacity .3s ease-in-out,transform .3s ease-in-out; 215 max-width:100%; 216 } 217 @media (max-width: 768px) { 218 body { 219 max-width: 100vw; 220 } 221 } 222 /* force show img */ 223 .map_outter img { 224 opacity: 1 !important; 225 } 226 /* link in tinymce */ 227 a[data-mce-href] { 228 font-size: inherit; 229 font-family: inherit; 230 } 231 /* top layout */ 232 nav > #top-area > .container-fluid { 233 padding-left: 8px; 234 padding-right: 8px; 235 } 236 nav > #top-area > .row { 237 margin: 0; 238 } 239 nav > #top-area > .row > .col { 240 padding: 0; 241 } 242 .navbar-link { 243 display: inline-block; 244 padding: 8px; 245 border: none; 246 margin: 8px 0px; 247 vertical-align: middle; 248 line-height: 1; 249 } 250 /*.navbar-fa { 251 width: 24px !important; 252 height: 24px !important; 253 }*/ 254 .navbar-toggler-icon { 255 margin: 0; 256 padding: 0; 257 } 258 .dropdown > .dropdown-toggle > svg { 259 transition: all 300ms ease; 260 -webkit-transition: all 300ms ease; 261 -o-transition: all 300ms ease; 262 -ms-transition: all 300ms ease; 263 } 264 .dropdown.show > .dropdown-toggle > svg { 265 transform: rotate(180deg); 266 -webkit-transform: rotate(180deg); 267 -moz-transform: rotate(180deg); 268 -o-transform: rotate(180deg); 269 } 270 .dropdown-menu > li > .dropdown-toggle > svg { 271 transition: all 300ms ease; 272 -webkit-transition: all 300ms ease; 273 -o-transition: all 300ms ease; 274 -ms-transition: all 300ms ease; 275 } 276 .dropdown-menu > li.show > .dropdown-toggle > svg { 277 transform: rotate(90deg); 278 -webkit-transform: rotate(90deg); 279 -moz-transform: rotate(90deg); 280 -o-transform: rotate(90deg); 281 } 282 /* cart widget */ 283 nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter { 284 display: none; 285 } 286 nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter { 287 -webkit-transform: scale(0.75) !important; 288 transform: scale(0.75) !important; 289 top: -75%; 290 right: auto; 291 left: 50%; 292 -webkit-transform-origin: top center; 293 transform-origin: top center; 294 display: inline-block; 295 } 296 /* list style */ 297 ul { 298 margin-bottom: 0 !important; 299 } 300 li { 301 /* list-style: none;*/ 302 } 303 /* hide caret */ 304 .dropdown-toggle::after{ 305 display:none!important; 306 } 307 /* social widget */ 308 .social-widget { 309 display: inline-block; 310 } 311 .social-widget a { 312 font-size: 30px; 313 width: 30px; 314 height: 30px; 315 min-width: 30px; 316 min-height: 30px; 317 } 318 @media (min-width: 401px) { 319 .social-widget a { 320 font-size: 36px; 321 width: 36px; 322 height: 36px; 323 min-width: 36px; 324 min-height: 36px; 325 } 326 } 327 .social-widget a svg.fa-twitter { 328 margin-right: -1px !important; 329 } 330 .social-widget a svg.fa-instagram { 331 margin-right: 2px !important; 332 } 333 .social-widget a svg.fa-google-plus-g { 334 margin-right: -6px !important; 335 } 336 .social-widget a svg.fa-youtube { 337 margin-right: -3px !important; 338 } 339 /* vertical align text widget */ 340 .navbar-text { 341 line-height: 150%; 342 vertical-align: middle; 343 min-height: 50px; 344 } 345 @media (min-width: 401px) { 346 .navbar-text { 347 min-height: 56px; 348 } 349 } 350 </style> 351 352 <!--// ! ------------arrow scroll to top --> 353 <div class="ribbon-mourn d-lg-block d-none" style="width: 128px; height: 128px; position: fixed;top: 0;left: 0;z-index: 9999;-webkit-backface-visibility: hidden;backface-visibility: hidden; background-image:url('/customer/images/Ribbon_icon.svg'); background-size: contain; pointer-events: none;"></div> 354 <div class="ribbon-mourn d-lg-none" style="width: 100%; height: 42px;top: 0;left: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden; background-size: contain; pointer-events: none;background-color: #464646;border-bottom: 1px solid white;text-align: center;"> 355 <img src="/customer/images/Ribbon.svg" style="width: 100%; height: 100%;"> 356 </div> 357 <a href="javascript:void(0);" id="toTop" class="back-to-top " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
358 <span class="fa-stack" style="font-size: 22px;"> 359 <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i> 360 <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i> 361 </span> 362 </a> 363 364 <!-- //! facebook messager --> 365 <div class="section-container"> 366 <!-- BoxLoading --> 367 <div class="boxLoading" id="boxLoading"> 368 <div class="loader"> 369 <svg class="circular" viewBox="25 25 50 50"> 370 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle> 371 </svg> 372 </div> 373 </div> 374 375 <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div> 376<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div> 377<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div> 378
379<script type="text/javascript"> 380 381 function showModalBS(isClose, path, size) { 382 if (size == 'small') { 383 var siz = 'sm'; 384 } else if (size == 'medium') { 385 var siz = 'md'; 386 } else if (size == 'large') { 387 var siz = 'lg'; 388 } else if (size == 'full') { 389 var siz = 'full'; 390 } else if (size == 'cartlogin') { 391 var siz = 'modalCartLogin'; 392 } else if (size === 'addToCartGroupProduct') { 393 var siz = 'groupProduct modal-dialog-centered' 394 } else if (size === 'addToCart') { 395 var siz = 'addToCart modal-dialog-centered' 396 } else if (size === 'medium-center') { 397 var siz = 'md modal-dialog-centered' 398 } else { 399 var siz = 'md'; 400 } 401 402 if (isClose == 1) { 403 var backdrop = true; 404 } else if (isClose == 0) { 405 var backdrop = 'static'; 406 } else { 407 var backdrop = true; 408 } 409 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>'); 410 jQuery('#modal_standard').modal({ 411 backdrop: backdrop, 412 // remote: path, 413 show: true, 414 keyboard: true 415 }); 416 jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 417 }); 418 } 419 420 function showModalPopup(isClose, path) { 421 if (isClose == 1) { 422 var backdrop = true; 423 } else if (isClose == 0) { 424 var backdrop = 'static'; 425 } else { 426 var backdrop = true; 427 } 428 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>'); 429 jQuery('#modal_popup').modal({ 430 backdrop: backdrop, 431 // remote: path, 432 show: true, 433 keyboard: true 434 }); 435 jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 436 }); 437 } 438 439 function showModalCouponBS(path) { 440 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>'); 441 jQuery('#modal_coupon').modal({ 442 backdrop: true, 443 // remote: path, 444 show: true, 445 keyboard: true 446 }); 447 jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 448 }); 449 } 450 451</script>
451 <div class="disabled-filter"></div> 452 <div class="section-body "> 453 <div id="section-header" class="sps sps--abv"> 454 455<style type="text/css"> 456 @media only screen and (min-width: 1025px){ 457 .headerMobile { 458 display: none !important; 459 } 460 .navbar-toggler { 461 display: none !important; 462 } 463 .navbar-expand-xl .navbar-collapse { 464 display: flex !important; 465 flex-basis: auto; 466 } 467 .navbar-expand-xl .navbar-nav { 468 flex-direction: row; 469 } 470 .navbar-expand-xl .navbar-nav .nav-link { 471 padding-right: 0.5rem; 472 padding-left: 0.5rem; 473 } 474 /* sticky */ 475 .headerDesktop nav #top-sticky { 476 transition: transform 450ms; 477 -webkit-transition: transform 450ms; 478 -moz-transition: transform 450ms; 479 -o-transition: transform 450ms; 480 } 481 .sps--abv .headerDesktop nav #top-sticky { 482 position: relative; 483 transform: translate3d(0, 0, 0); 484 -webkit-transform: translate3d(0, 0, 0); 485 -moz-transform: translate3d(0, 0, 0); 486 -ms-transform: translate3d(0, 0, 0); 487 } 488 .sps--abv .headerDesktop nav #top-mb { 489 margin-bottom: 0; 490 } 491 .sps--blw .headerDesktop nav #top-sticky { 492 position: fixed; 493 top: -56px; 494 left: 0; 495 right: 0; 496 z-index: 1000; 497 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 498 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 499 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 500 transform: translate3d(0, 56px, 0); 501 -webkit-transform: translate3d(0, 56px, 0); 502 -moz-transform: translate3d(0, 56px, 0); 503 -ms-transform: translate3d(0, 56px, 0); 504 } 505 .sps--blw .headerDesktop nav #top-mb { 506 padding-bottom: 56px; 507 } 508 509 .sps--blw .headerDesktop nav #top-sticky #cart{ 510 display: inline-flex !important 511 } 512 513 } 514 @media (max-width: 1024px){ 515 .headerDesktop { 516 display: none !important; 517 } 518 /* sticky */ 519 .sps--abv .headerMobile nav #top-sticky { 520 position: static; 521 } 522 .sps--abv .headerMobile nav #top-mb { 523 margin-bottom: 0; 524 } 525 .sps--blw .headerMobile nav #top-sticky { 526 position: fixed; 527 top: 0; 528 left: 0; 529 right: 0; 530 z-index: 1000; 531 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 532 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 533 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 534 } 535 .sps--blw .headerMobile nav #top-mb { 536 margin-bottom: 56px; 537 } 538 ul.navbar-topmenu.navbar-nav .arrowCollapse{ 539 transition: transform .3s ease 0s; 540 } 541 ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{ 542 transition: transform .3s ease 0s; 543 } 544 } 545 .sb { 546 visibility: visible; 547 /*position: absolute; 548 top: 0; 549 left: 0; 550 right: 0; 551 bottom: 0; 552 553 opacity: 1; 554 z-index: 999; 555 padding: 0 16px; 556 /*margin: 0 16px;*/ 557 } 558 .sb > input { 559 /*width: calc(100% - 39px); 560 border-top: 0; 561 border-left: 0; 562 border-right: 0; 563 border-bottom: 2px solid #FFF; 564 background: #333 !important; 565 padding: 6px; 566 color: #FFF; 567 vertical-align: middle;*/ 568 } 569 .sb > input::placeholder { 570 color: #333; 571 } 572 .sb > input:focus { 573 outline: none; 574 } 575 .aCloseSearchIcon { 576 height: 36px; 577 padding: 6px 12px; 578 } 579 #top-sticky > div { 580 position: relative; 581 } 582 div.headerMobile{ 583 position: relative; 584 z-index: 56; 585 } 586 #divMWEAds { 587 bottom: unset; 588 width: 100vw !important; 589 background: #fff; 590 color: #000; 591 } 592 #divMWEAds:hover { 593 background: #fff; 594 } 595 #topZone { 596 padding-top: 0px; 597 } 598 .marginBot { 599 margin-bottom: 0px; 600 } 601 602 .headerMobile #divMWEAds { 603 font-family: 'DB Heavent' !important; 604 font-size:21px; 605 z-index:999999; 606 } 607 .headerMobile #divMWEAds a { 608 font-size: 20px; 609 font-family: 'DB Heavent' !important; 610 font-weight: bold; 611 } 612 @media only screen and (max-width: 400px) { 613 .headerMobile #divMWEAds { 614 font-size:16px; 615 } 616 #divMWEAds img { 617 max-height: 25px; 618 max-width: 25px; 619 } 620 .headerMobile #divMWEAds a { 621 font-size: 16px; 622 } 623 } 624</style> 625<div class="headerDesktop"> 626 <style type="text/css"> 627 @media (min-width: 1025px) { 628 .navbar-brand { 629 font-size: 24px !important; 630 border: none !important; 631 padding: 0; 632 margin: auto; 633 } 634 .navbar-text{ 635 min-height: 28px; 636 } 637 .text-truncate p{ 638 margin-bottom: 0; 639 line-height: 28px; 640 } 641 #logotop{ 642 margin: 10px 10px 10px 0 ; 643 min-height: 50px; 644 padding: 0; 645 } 646 #logotop>.navbar-brand{ 647 margin: 0; 648 } 649 #menutop{ 650 margin: 10px 10px 10px 0 !important; 651 } 652 .topwidget-menu{ 653 margin: 0 !important; 654 } 655 .sps--blw #top-sticky #logotop{ 656 display: none !important; 657 } 658 .sps--blw #top-sticky #logotop .img-logo { 659 width: auto; 660 max-height: 50px; 661 } 662 } 663</style> 664<nav id="topZone" class="navbar-expand-xl"> 665 <div id="top-bar"> 666 <div id="top-mb"> 667 <div class="container-fluid"> 668 <div class="row align-items-center justify-content-between"> 669 <div class="col-12 col-lg-auto"> 670 <div id="toptext" class="hoverOverlay d-flex align-middle my-1" > 671 <div class="navbar-text text-truncate py-1"> 672 <br data-mce-bogus="1"> </div> 673 </div> 674 </div> 675 676 <div class="col-12 col-lg-auto"> 677 <div id="call" class="hoverOverlay d-inline-flex align-middle my-1"> 678 <div class="d-inline"><style> 679 .topCallText{ 680 color: #f1c232 !important; 681 font-family: 'Open Sans', Tahoma !important; 682 font-size: 16px; 683 text-align: center; 684 } 685 .topCallIcon{ 686 font-size: 24px; 687 } 688</style> 689<div class="navbar-text text-truncate text-right py-1"> 690 <a href="tel: 091-2221996"> 691 <div class="topCallText"> 692 <i class="fab fa-whatsapp-square topCallIcon" style="display:inline-block; vertical-align: middle;"></i>
693 <span style="display:inline-block; vertical-align: middle;"> 694 091-2221996 </span> 695 </div> 696 </a> 697</div> 698</div> 699 </div> 700 <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1"> 701 <div class="d-inline"> 702<style> 703 .empty { 704 padding-top: 15px; 705 padding-right: 22px; 706 padding-bottom: 12px; 707 padding-left: 29px; 708 } 709 .wechatSocial{ 710 cursor: pointer; 711 } 712 .pointer-none { 713 pointer-events: none; 714 } 715</style> 716<div class="social-widget"> 717 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/apfda3236 " style=""> 718 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 719 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 720 </a> 721 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~ap3236 " style=""> 722 <i class="fas fa-circle colorLineBG pointer-none"></i> 723 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 724 </a> 725 726 727 </div>
728<script type="text/javascript"> 729 730 jQuery(".wechatSocial").click(function () { 731 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 732 }); 733 734</script>
734</div> 735 </div> 736 <div id="languagetab" class="hoverOverlay d-inline-flex align-middle my-1"> 737 <style type="text/css"> 738 .headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{ 739 padding: 0; 740 border-radius: .25rem; 741 transform: translate3d(0px, 40px, 0px) !important; 742 } 743 .headerDesktop .topwidget-lang ul, .topwidget-lang li { 744 min-width: 1px; 745 border-radius: 0; 746 } 747 .headerMobile .topwidget-lang { 748 } 749 .headerMobile .topwidget-lang ul, .topwidget-lang li { 750 min-width: 1px; 751 width: 100%; 752 border-radius: 0; 753 } 754 .headerDesktop .topwidget-lang #chooseLanguage{ 755 line-height: 24px; 756 } 757 .flag-icon{ 758 box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%); 759 } 760</style> 761<div class="topwidget-lang"> 762 <ul class="navbar-nav"> 763 <li class="nav-item dropdown"> 764 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 765 <i class="flag-icon flag-icon-th"></i> 766 TH </a> 767 </li> 768 </ul> 769</div> </div> 770 </div> 771 </div> 772 </div> 773 </div> 774 </div> 775 776 <div id="top-area"> 777 <div id="top-sticky"> 778 <div class="container-fluid"> 779 <div class="row no-gutters"> 780 <div class="collapse topSearchBar"> 781 <div class="topSearchBarInner"> 782 <div class="input-group mb-3"> 783 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..."> 784 <div class="input-group-append"> 785 <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button> 786 </div> 787 </div> 788 </div> 789 </div> 790 <div class="col col-lg-auto d-lg-inline-flex"> 791 <div id="logotop" class="hoverOverlay d-inline-flex align-middle"> 792 <span class="navbar-brand"> 793 <a href="/" style="text-decoration: none;"> 794 <style> 795 @media (min-width: 1025px){ 796 .img-logo { 797 } 798 } 799 </style> 800 <img src="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/AP_Enterligance_Logo_3_1.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 801 </a> 802 </span> 803 </div> 804 </div> 805 <div class="col-auto col-lg-auto d-lg-inline-flex align-items-center"> 806 <div id="menutop" class="hoverOverlay d-inline-flex"> 807 <div class="collapse navbar-collapse"> 808 <style type="text/css"> 809 .topwidget-menu .navbar-nav .dropdown-menu { 810 padding: 0; 811 margin: 0; 812 } 813 .topwidget-menu .navbar-nav .dropdown-menu.hidden { 814 visibility: hidden; 815 } 816 /*PC hack to hover*/ 817 @media (min-width: 1025px) { 818 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 819 display:block !important; 820 } 821 ul.navbar-topmenu.navbar-nav > li.nav-item >
821 ul.dropdown-menu li:hover > .dropdown-menu{ 822 display:block !important; 823 } 824 ul.navbar-topmenu.navbar-nav ul{ 825 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 826 } 827 .topwidget-menu { 828 margin: 10px; 829 } 830 ul.dropdown-menu.dropdown-menu-right{ 831 left: unset; 832 right:0; 833 } 834 .dropdownfix-menu-right { 835 right:100% !important; 836 left:auto !important; 837 } 838 .public-topmenu .dropdown-menu-right .fa-chevron-right { 839 transform: rotate(180deg); 840 left: 0; 841 position: absolute; 842 top: 12px; 843 } 844 .public-topmenu .dropdown-menu-right .fa-chevron-down{ 845 transform: rotate(90deg); 846 left: 0; 847 position: absolute; 848 top: 12px; 849 } 850 .more.hidden{ 851 display:none; 852 } 853 .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 854 transform: rotate(-90deg); 855 } 856 ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 857 position: absolute; 858 } 859 .public-topmenu .topmenuLg{ 860 border-right:none !important; 861 } 862 } 863 /* tablet*/ 864 @media only screen and (min-width: 768px) and (max-width: 1112px) { 865 ul.navbar-topmenu.navbar-nav ul{ 866 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 867 } 868 } 869 /*mobile tablet*/ 870 @media only screen and (max-width: 1024px) { 871 872 ul.navbar-topmenu .abl1 .arrowCollapse, 873 ul.navbar-topmenu .abl2 .arrowCollapse{ 874 position: absolute; 875 right: 20px !important; 876 top: 25%; 877 text-align: center; 878 height: 16px; 879 } 880 ul.navbar-topmenu.navbar-nav a{ 881 text-align: left !important; 882 white-space: normal; 883 } 884 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 885 transition: all .3s ease 0s; 886 -ms-transition: all .3s ease 0s; 887 -webkit-transition: all .3s ease 0s; 888 -moz-transition: all .3s ease 0s; 889 } 890 ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 891 transform: rotate(90deg); 892 transition: all .3s ease 0s; 893 -ms-transition: all .3s ease 0s; 894 -webkit-transition: all .3s ease 0s; 895 -moz-transition: all .3s ease 0s; 896 /* width: 15px; 897 height: 15px; */ 898 } 899 900 ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 901 right: 12px; 902 top: 27%; 903 } 904 905 ul.navbar-topmenu.navbar-nav a{ 906 word-wrap: break-word; 907 } 908 ul.navbar-topmenu.navbar-nav .more{ 909 display:none !important; 910 } 911 .public-topmenu .dropdown.show > a > .arrowCollapse{ 912 transform: rotate(180deg); 913 -ms-transform: rotate(180deg); 914 -webkit-transform: rotate(180deg); 915 -moz-transform: rotate(180deg); 916 } 917 .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ 918 transform: rotate(270deg); 919 -ms-transform: rotate(270deg); 920 -webkit-transform: rotate(270deg); 921 -moz-transform: rotate(270deg); 922 } 923 .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 924 transform: rotate(270deg); 925 -ms-transform: rotate(270deg); 926 -webkit-transform: rotate(270deg); 927 -moz-transform: rotate(270deg); 928 } 929 ul.navbar-topmenu.navbar-nav > li > ul > li > a { 930 padding-left: 30px !important; 931 } 932 ul.navbar-topmenu.navbar-nav ul ul a { 933 padding-left: 45px !important; 934 } 935 } 936</style> 937<div class="topwidget-menu"> 938 <ul class="navbar-nav navbar-topmenu public-topmenu"> 939 <li class="nav-item "> 940 <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self"> 941 หà¸à¹à¸²à¸«à¸¥à¸±à¸ </a> 942 </li> 943 <li class="nav-item "> 944 <a class="nav-link abl1" href="/apenterligance-à¸à¸£à¸´à¸à¸²à¸£à¸à¸-à¸à¸¢" target="_blank"> 945 à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¹à¸£à¸² </a> 946 </li> 947 <li class="nav-item "> 948 <a class="nav-link abl1" data-onpage-link="contactus-57094" href="/#contactus-57094" target="_self"> 949 à¹à¸«à¹à¹à¸£à¸²à¸à¸´à¸à¸à¹à¸à¸à¸¸à¸ </a> 950 </li> 951 <li class="nav-item "> 952 <a class="nav-link abl1" data-onpage-link="customize-73725" href="/#customize-73725" target="_self"> 953 à¸à¸³à¹à¸¡à¸à¸¶à¸à¸à¸§à¸£à¹à¸¥à¸·à¸à¸à¹à¸à¹à¸à¸£à¸´à¸à¸²à¸£à¸à¸±à¸à¹à¸£à¸² </a> 954 </li> 955 <li class="nav-item "> 956 <a class="nav-link abl1" href="/apenterligance-à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¸¢-à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²" target="_blank"> 957 à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </a> 958 </li> 959 <li class="nav-item "> 960 <a class="nav-link abl1" href="/apenterligance-à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¸¢-certificate" target="_self"> 961 Certificate of our Service </a> 962 </li> 963 <li class="nav-item "> 964 <a class="nav-link abl1" data-onpage-link="customize-73730" href="/#customize-73730" target="_self"> 965 รีวิว </a> 966 </li> 967 <li class="nav-item topmenuLg"> 968 <a class="nav-link abl1" data-onpage-link="content-57095" href="/#content-57095" target="_self"> 969 à¸à¸à¸à¸§à¸²à¸¡à¸à¸¸à¸£à¸à¸´à¸ </a> 970 </li> 971 972 <li class="nav-item dropdown more hidden" data-width="80"> 973 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 974 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 975 </a> 976 <ul class="dropdown-menu"></ul> 977 </li> 978 </ul> 979</div> 980
980<script> 981 /*width auto more*/ 982 if (jQuery(window).width() > 1024) { 983 calcWidth(); 984 var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); 985 last_visible_element.css('border-right', 'none'); 986 } 987 function calcWidth() { 988 var navwidth = 0; 989 var availablespace = 0; 990 var logwid = jQuery('#logotop').outerWidth(true); 991 var defwidth = 0; 992 var intIsEnableSearchTop = "1"; 993 var intIsEnableCart = "0"; 994 var calAweDropdown = "0"; 995 navwidth = navwidth + parseInt(calAweDropdown); 996 let isLayoutId = '35'; 997 let fullcontainer = '1'; 998 if (intIsEnableSearchTop == 1) { 999 defwidth = defwidth + 60; 1000 } 1001 1002 if (intIsEnableCart == 1) { 1003 defwidth = defwidth + 60; 1004 } 1005 1006 /* if (calAweDropdown != 0) { 1007 defwidth = defwidth + calAweDropdown; 1008 }*/ 1009 1010 if (typeof logwid === "undefined") { 1011 var logwid = 0; 1012 } 1013 if (isLayoutId == '37' || isLayoutId == '38') { 1014 var logwid = 0; 1015 } 1016 if(fullcontainer=='1'){ 1017 var pls_pad = 30; 1018 }else{ 1019 var pls_pad = 0; 1020 } 1021 /* if(isLayoutId=='38'){ 1022 var defwidth = 180; 1023 }*/ 1024 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; 1025 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1026 navwidth += jQuery(this).outerWidth(true); 1027 }); 1028 /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () { 1029 navwidth += 17; 1030 });*/ 1031 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49); 1032 if (navwidth > availablespace) { 1033 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1034 var jimwidtest = lastItem.outerWidth(true); 1035 lastItem.removeClass('nav-item'); 1036 lastItem.removeClass('dropdown'); 1037 lastItem.children('a.nav-link').addClass('dropdown-item'); 1038 lastItem.attr('data-width', lastItem.outerWidth(true)); 1039 if (jimwidtest > 0) { 1040 lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1041 } 1042 delete lastItem; 1043 calcWidth(); 1044 return 0; 1045 } else { 1046 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1047 var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 1048 if (navwidth + firstMoreElement.data('width') < availablespace) { 1049 firstMoreElement.addClass('nav-item'); 1050 firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); 1051 firstMoreElement.removeAttr("data-width"); 1052 firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1053 } 1054 delete firstMoreElement; 1055 } 1056 } 1057 /*hide more*/ 1058 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1059 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1060 if (thelast == 1) { 1061 //remove more 1062 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1063 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1064 firstMoreElement2.addClass('nav-item'); 1065 firstMoreElement2.addClass('topmenuLg'); 1066 firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); 1067 firstMoreElement2.removeAttr("data-width"); 1068 firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1069 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1070 } else { 1071 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1072 } 1073 delete firstMoreElement2; 1074 } else { 1075 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1076 } 1077 } else { 1078 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1079 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1080 } 1081 } 1082 1083 function calcWidthAfter() { 1084 1085 //affix if reflesh topbar appear 1086 if ($(window).scrollTop() > 0) { 1087 var logwid = 410; 1088 }else{ 1089 var logwid = jQuery('#logotop').outerWidth(true); 1090 } 1091 1092 var navwidth = 0; 1093 var availablespace = 0; 1094 var defwidth = 0; 1095 var serwid = jQuery('#searchtop').outerWidth(true); 1096 var car2id = jQuery('#cart2').outerWidth(true); 1097 var intIsEnableSearchTop = "1"; 1098 var intIsEnableCart = "0"; 1099 let isLayoutId = '35'; 1100 let fullcontainer = '1'; 1101 if (intIsEnableSearchTop == 1) { 1102 defwidth = defwidth + serwid; 1103 } 1104 1105 if (intIsEnableCart == 1) { 1106 defwidth = defwidth + car2id; 1107 } 1108 1109 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); 1110 1111 if (typeof logwid === "undefined") { 1112 var logwid = 0; 1113 } 1114 if (isLayoutId == '37' || isLayoutId == '38') { 1115 var logwid = 0; 1116 } 1117 if(fullcontainer=='1'){ 1118 var pls_pad = 30; 1119 }else{ 1120 var pls_pad = 0; 1121 } 1122 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); 1123 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1124 navwidth += (jQuery(this).outerWidth(true)); 1125 }); 1126 1127 var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); 1128 1129 if (navwidth > availablespace) { 1130 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1131 var jimwidtest = lastItem.outerWidth(true); 1132 lastItem.removeClass('nav-item'); 1133 lastItem.removeClass('dropdown'); 1134 lastItem.children('a.nav-link').addClass('dropdown-item'); 1135 lastItem.attr('data-width', lastItem.outerWidth(true)); 1136 if (jimwidtest > 0) { 1137 lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1138 } 1139 delete lastItem; 1140 calcWidthAfter(); 1141 return 0; 1142 } else { 1143 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1144 } 1145 } 1146 1147 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1148 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1149 if (thelast == 1) { 1150 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1151 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1152 } 1153 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1154 } else { 1155 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1156 } 1157 } else { 1158 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1159 } 1160 1161 //add class last item menu à¸à¸à¸à¹à¸à¹à¸ 1162 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1163 } 1164 1165 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){ 1166 var vjim = jQuery(this); 1167 if (jQuery('ul', this).length) { 1168 vjim.find('ul.dropdown-menu').addClass('d-block hidden'); //à¹à¸à¸ render element à¹à¸à¸·à¹à¸ get à¸à¹à¸²à¸¡à¸²à¸à¸³à¸à¸§à¸ 1169 var elm = jQuery('ul:first', this); 1170 var off = elm.offset(); 1171 var l = off.left; 1172 var docW = jQuery("#top-area > #top-sticky").width(); 1173 let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width(); 1174 let _maxWidthLv3 = 0; 1175 let _maxWidthLv4 = 0; 1176 let menuLv2Li = vjim.find('ul.dropdown-menu:first > li'); 1177 Array.prototype.forEach.call(menuLv2Li, menu2li => { 1178 let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width(); 1179 if (menuLv3Width > _maxWidthLv3) { 1180 _maxWidthLv3 = menuLv3Width; 1181 } 1182 let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li'); 1183 Array.prototype.forEach.call(menuLv3Li, menu3li => { 1184 let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width(); 1185 if (menuLv4Width > _maxWidthLv4) { 1186 _maxWidthLv4 = menuLv4Width; 1187 } 1188 }); 1189 }); 1190 1191 vjim.find('ul.dropdown-menu').removeClass('d-block hidden'); //à¸à¸³à¸à¸§à¸à¹à¸ªà¸£à¹à¸à¹à¸¥à¹à¸§à¹à¸à¸² render à¸à¸à¸ 1192 1193 let centerHover = l + (jQuery(this).width()/2) 1194 let centerScreen = docW / 2 1195 var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW); 1196 if (!isEntirelyVisible && (centerHover > centerScreen)){ 1197 vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); 1198 vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right'); 1199 } 1200 } 1201 }) 1202 1203 /*nomobile*/ 1204 /* }*/ 1205 </script>
1205 1206 </div> 1207 </div> 1208 </div> 1209 <div class="col-auto col-lg-auto order-lg-1 d-lg-inline-flex align-items-center mr-2 "> 1210 <div id="searchtop" class="hoverOverlay d-inline-flex align-middle pr-2"> 1211 <style type="text/css"> 1212 div.topSearchBar { 1213 position: absolute; 1214 z-index: 999; 1215 width: 100%; 1216 left: 0; 1217 margin: 0 auto; 1218 max-width: 768px; 1219 right: 0; 1220 top: 100%; 1221 } 1222 @media only screen and (max-width: 1024px) { 1223 div.topSearchBar { 1224 bottom: unset !important; 1225 top: 56px !important; 1226 } 1227 div.topSearchBarInner { 1228 padding: 15px 15px 15px 15px; 1229 } 1230 } 1231 1232 @media only screen and (min-width: 1024px) { 1233 div.topSearchBarInner { 1234 padding: 15px 15px 1px 15px; 1235 } 1236 } 1237 div.topSearchBarInner { 1238 background: #FFF; 1239 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1240 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1241 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1242 } 1243 div.topSearchBarInner .btn.btn-default { 1244 border-left: 0px !important; 1245 } 1246 div.topSearchBarInner .btn.btn-default:hover { 1247 /* background: none !important;*/ 1248 } 1249 div.topSearchBarInner .form-control:focus { 1250 border-color: inherit !important; 1251 } 1252 .textStringSearchTopWidget, .btnSearchTopWidget { 1253 font-size: 16px; 1254 height: 36px; 1255 } 1256 .aOpenSearchIcon, .aCloseSearchIcon{ 1257 font-size: 22px !important; 1258 margin: 0; 1259 line-height: 20px; 1260 } 1261 1262</style> 1263 1264<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 1265 <i class="far fa-search fa-fw navbar-fa"></i> 1266</div>
1267<script> 1268 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 1269 jQuery('input.textStringSearchTopWidget').val(this.value); 1270 if (e.keyCode == 13) { 1271 clickSearch(jQuery(this).val()); 1272 } 1273 }); 1274 1275 jQuery('.btnSearchTopWidget').on('click', function () { 1276 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1277 clickSearch(textStringSearch); 1278 }); 1279 1280 jQuery('.aCloseSearchIcon').on('click', function (e) { 1281 e.preventDefault(); 1282 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1283 if(textStringSearch!=''){ 1284 clickSearch(textStringSearch); 1285 } 1286 }); 1287 1288 function clickSearch(textStringSearch) { 1289 if (textStringSearch != '') { 1290 let lpart = ''; 1291 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 1292 if(lpart!=''){ 1293 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 1294 }else{ 1295 document.location.href = '/search&text=' + encodedSearch; 1296 } 1297 } 1298 } 1299</script>
1299 </div> 1300 </div> 1301 </div> 1302 </div> 1303 </div> 1304 </div> 1305 </nav> 1306</div> 1307<div class="headerMobile"> 1308 <style type="text/css"> 1309 .navbar-nav .dropdown-menu .dropdown-item { 1310 padding: 6px 20px; 1311 } 1312 @media (max-width: 1024px) { 1313 nav > #top-area > .row { 1314 margin: 0 6px; 1315 } 1316 .navbar-nav .dropdown-menu { 1317 position: relative !important; 1318 transform: translate3d(0px, 0px, 0px) !important; 1319 -webkit-transform: translate3d(0px, 0px, 0px) !important; 1320 top: auto !important; 1321 left: auto !important; 1322 padding: 0; 1323 margin: 0; 1324 } 1325 .navbar-nav .dropdown-menu .dropdown-item { 1326 padding: 9px 15px 9px 15px; 1327 } 1328 .navbar-text { 1329 margin: 0 auto; 1330 } 1331 .navbar-brand { 1332 padding: 4px 8px !important; 1333 font-size: 24px !important; 1334 line-height: 40px !important; 1335 border: none !important; 1336 margin: 0px 4px !important; 1337 } 1338 .navbar-brand span{ 1339 line-height: 40px; 1340 } 1341 .navbar-brand img { 1342 /*max-height: 48px;*/ 1343 max-height: 44px; 1344 max-width: 100%; 1345 margin: 0 auto; 1346 } 1347 } 1348 @media (max-width: 350px) { 1349 nav > #top-bar { 1350 padding-left: 5px; 1351 padding-right: 5px; 1352 } 1353 } 1354 label[for="mobile-menu"] { 1355 cursor: pointer; 1356 width: 54px; 1357 height: 56px; 1358 position: absolute; 1359 margin: 0; 1360 z-index: 1; 1361 } 1362 @media only screen and (max-width: 1024px) { 1363 .navbar-toggler { 1364 padding: 9px 10px !important; 1365 margin-left: 3px !important; 1366 margin-top: 6px; 1367 margin-right: 0px; 1368 margin-bottom: 6px; 1369 font-size: 16px !important; 1370 height: 44px; 1371 } 1372 div.topwidget-menu > .navbar-nav.navbar-topmenu{ 1373 /* max-height: calc(100vh - 220px); 1374 overflow-y: auto; */ 1375 overflow-x: hidden; 1376 } 1377 input[type="checkbox"]#mobile-menu:checked ~ label[for="mobile-menu"] { 1378 display: block; 1379 width: auto; 1380 height: auto; 1381 margin: 0 !important; 1382 padding: 0 !important; 1383 position: fixed; 1384 left: 0; 1385 right: 0; 1386 bottom: 0; 1387 top: 0; 1388 background-color: rgba(0,0,0,0.3); 1389 z-index: 998; 1390 transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); 1391 } 1392 div.navbar-collapse { 1393 -webkit-transform: translate3d(-300px,0,0); 1394 -moz-transform: translate3d(-300px,0,0); 1395 -ms-transform: translate3d(-300px,0,0); 1396 transform: translate3d(-300px,0,0); 1397 position: fixed; 1398 display: block !important; 1399 left: 0; 1400 top: 0; 1401 margin: 0; 1402 width: 300px; 1403 height: 100vh; 1404 z-index: 999; 1405 visibility: visible; 1406 overflow-y: visible; 1407 box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 1408 transition: all .5s cubic-bezier(.685,.0473,.346,1); 1409 overflow-x: hidden; 1410 } 1411 1412 div.section-body{ 1413 transition: all .5s cubic-bezier(.685,.0473,.346,1); 1414 } 1415 .openMenu3overflowhide{ 1416 overflow-x: hidden; 1417 } 1418 .openMenu3{ 1419 -webkit-transform: translate3d(300px,0,0); 1420 -moz-transform: translate3d(300px,0,0); 1421 -ms-transform: translate3d(300px,0,0); 1422 transform: translate3d(300px,0,0); 1423 } 1424 1425 input[type="checkbox"]#mobile-menu { 1426 display: none; 1427 } 1428 ul.navbar-nav.member-nav { 1429 flex-direction: row; 1430 } 1431 ul.navbar-nav.member-nav > li { 1432 flex: 0 0 50%; 1433 } 1434 .navbar-link.cart-nav{ 1435 font-size: 22px; 1436 } 1437 .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{ 1438 margin-left: 0px; 1439 margin-top: 0px; 1440 margin-bottom: 0px; 1441 padding: 0px; 1442 }
1443 .widgetCartNumber { 1444 top: -11px; 1445 } 1446 } 1447 nav .navbar-link { 1448 min-width: 40px; 1449 } 1450 nav #top-area { 1451 transition: all 300ms ease; 1452 -webkit-transition: all 300ms ease; 1453 -moz-transition: all 300ms ease; 1454 -o-transition: all 300ms ease; 1455 } 1456 /* widget */ 1457 nav #socialnetwork, nav #linewidget { 1458 min-height: 34px; 1459 } 1460 @media only screen and (max-width: 1024px){ 1461 .cart-nav, .aOpenSearchIcon{ 1462 /* padding-top: 15%; 1463 padding-bottom: 15%;*/ 1464 } 1465 } 1466</style> 1467<nav id="topZone" class="navbar-expand-xl"> 1468 <div id="top-area"> 1469 <div id="top-sticky"> 1470 <div class="container-mobile"> 1471 <div class="sb collapse topSearchBar"> 1472 <div class="topSearchBarInner"> 1473 <div class="input-group"> 1474 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..." /> 1475 <div class="input-group-append"> 1476 <button class="btn border-left-0 rounded-right btn-outline-secondary aCloseSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" type="button"> 1477 <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i> 1478 </button> 1479 </div> 1480 </div> 1481 </div> 1482 </div> 1483 <div class="row no-gutters justify-content-between"> 1484 <div class="col-auto col-lg-auto d-lg-inline-flex" style="width:100px;"> 1485 <input type="checkbox" id="mobile-menu"> 1486 <label for="mobile-menu"> 1487 </label> 1488 <button class="navbar-toggler hamburger hamburger--squeeze" type="button" style="margin-right: 44px;"> 1489 <span class="hamburger-box"> 1490 <span class="hamburger-inner"></span> 1491 </span> 1492 </button> 1493 <!-- Draw At public_responsive_pseudo_03.php --> 1494 <!-- <div class="collapse navbar-collapse" id="navbarNavDropdown"> 1495 <div class="divBgtopmenu"> 1496 <div class="navbar-text topwidget-menu pl-3"> 1497 <div id="socialnetwork" class="d-inline"></div> 1498 <div id="linewidget" class="d-inline"></div> 1499 </div> 1500 </div> 1501 </div> --> 1502 <!-- Draw At public_responsive_pseudo_03.php --> 1503 </div> 1504 <div class="col text-center" style="display: flex;flex-direction: column; justify-content: center;"> 1505 <!-- <a class="navbar-brand" href="/" style="display:block; /*justify-content: center;*/"> --> 1506 <a class="navbar-brand" href="/" style="display:block;"> 1507 <style> 1508 .logotextmobile{ 1509 display: inline-block; 1510 max-width: 200px; 1511 height: 1.5em; 1512 overflow: hidden; 1513 text-overflow: ellipsis; 1514 white-space: nowrap; 1515 color: #000; 1516 } 1517 .logotextmobile span{ 1518 /* font-size: 30px !important; */ 1519 line-height: 40px !important; 1520 } 1521 1522 @media (max-width: 364.98px) { 1523 .logotextmobile{ 1524 max-width: 150px; 1525 } 1526 1527 .logotextmobile{ 1528 max-width: 75px; 1529 } } 1530 1531 @media (min-width: 365px) and (max-width: 575.98px) { 1532 .logotextmobile{ 1533 max-width: 200px; 1534 } 1535 1536 .logotextmobile{ 1537 max-width: 130px; 1538 } } 1539 1540 @media (min-width: 576px) and (max-width: 767.98px) { 1541 .logotextmobile{ 1542 min-width: calc(400px + 4vw); 1543 max-width: 500px; 1544 } 1545 1546 .logotextmobile{ 1547 max-width: 330px; 1548 } } 1549 1550 @media (min-width: 768px) and (max-width: 991.98px) { 1551 .logotextmobile{ 1552 max-width: 600px; 1553 } 1554 1555 .logotextmobile{ 1556 max-width: 500px; 1557 } } 1558 @media (min-width: 992px) { 1559 .logotextmobile{ 1560 max-width: 800px; 1561 } 1562 1563 .logotextmobile{ 1564 max-width: 748px; 1565 } } 1566 1567 1568</style> 1569 1570 <img src="https://image.makewebcdn.com/makeweb/m_200x200/xOkEW2wUk/DefaultData/AP_Enterligance_Logo_3_1.png?v=20240529
15701424" alt="logo" title="logo" class="d-inline-block img-logo"/> 1571 </a> 1572 </div> 1573 <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center" style="width: 110px; display: flex;flex-direction: row; justify-content: flex-end; "> 1574 <div id="searchtop" class="hoverOverlay d-inline-flex"> 1575 <style type="text/css"> 1576 div.topSearchBar { 1577 position: absolute; 1578 z-index: 999; 1579 width: 100%; 1580 left: 0; 1581 margin: 0 auto; 1582 max-width: 768px; 1583 right: 0; 1584 top: 100%; 1585 } 1586 @media only screen and (max-width: 1024px) { 1587 div.topSearchBar { 1588 bottom: unset !important; 1589 top: 56px !important; 1590 } 1591 div.topSearchBarInner { 1592 padding: 15px 15px 15px 15px; 1593 } 1594 } 1595 1596 @media only screen and (min-width: 1024px) { 1597 div.topSearchBarInner { 1598 padding: 15px 15px 1px 15px; 1599 } 1600 } 1601 div.topSearchBarInner { 1602 background: #FFF; 1603 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1604 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1605 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1606 } 1607 div.topSearchBarInner .btn.btn-default { 1608 border-left: 0px !important; 1609 } 1610 div.topSearchBarInner .btn.btn-default:hover { 1611 /* background: none !important;*/ 1612 } 1613 div.topSearchBarInner .form-control:focus { 1614 border-color: inherit !important; 1615 } 1616 .textStringSearchTopWidget, .btnSearchTopWidget { 1617 font-size: 16px; 1618 height: 36px; 1619 } 1620 .aOpenSearchIcon, .aCloseSearchIcon{ 1621 font-size: 22px !important; 1622 margin: 0; 1623 line-height: 20px; 1624 } 1625 1626</style> 1627 1628<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 1629 <i class="far fa-search fa-fw navbar-fa"></i> 1630</div>
1631<script> 1632 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 1633 jQuery('input.textStringSearchTopWidget').val(this.value); 1634 if (e.keyCode == 13) { 1635 clickSearch(jQuery(this).val()); 1636 } 1637 }); 1638 1639 jQuery('.btnSearchTopWidget').on('click', function () { 1640 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1641 clickSearch(textStringSearch); 1642 }); 1643 1644 jQuery('.aCloseSearchIcon').on('click', function (e) { 1645 e.preventDefault(); 1646 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1647 if(textStringSearch!=''){ 1648 clickSearch(textStringSearch); 1649 } 1650 }); 1651 1652 function clickSearch(textStringSearch) { 1653 if (textStringSearch != '') { 1654 let lpart = ''; 1655 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 1656 if(lpart!=''){ 1657 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 1658 }else{ 1659 document.location.href = '/search&text=' + encodedSearch; 1660 } 1661 } 1662 } 1663</script>
1663 </div> 1664 <div id="cart" class="hoverOverlay hiddenwidget"> 1665 <style type="text/css"> 1666 .cart-nav{ 1667 margin: 0; 1668 } 1669</style> 1670 1671 1672 1673<a class="navbar-link cart-nav" href="/cart"> 1674 <span class="fa-layers fa-fw navbar-fa2"> 1675 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 1676 <span class="widgetCartNumber d-none">0</span> 1677 </span> 1678</a> 1679 </div> 1680 </div> 1681 </div> 1682 </div> 1683 </div> 1684 </div> 1685</nav>
1686<script> 1687jQuery("input[type='checkbox']#mobile-menu").change(function() { 1688 if (jQuery(this).is(':checked')) { 1689 jQuery('.section-body').addClass('openMenu3'); 1690 jQuery('.section-container').addClass('openMenu3overflowhide'); 1691 jQuery('.navbar-toggler.hamburger.hamburger--squeeze').attr('aria-expanded','true'); 1692 jQuery('body').css('overflow-y','hidden'); //lockbody 1693 } else { 1694 jQuery('.section-body').removeClass('openMenu3'); 1695 jQuery('.section-container').removeClass('openMenu3overflowhide'); 1696 jQuery('.navbar-toggler.hamburger.hamburger--squeeze').removeAttr('aria-expanded'); 1697 jQuery('body').css('overflow-y',''); //unlockbody 1698 } 1699}); 1700</script>
1700 1701</div>
1702<script> 1703 jQuery('.widgetCartNumber').hide(); 1704 jQuery(document).ready(function () { 1705 jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) { 1706 // event.preventDefault(); 1707 jQuery(this).blur(); 1708 if (jQuery(this).attr('class') == 'abl1') { 1709 jQuery(this).attr('id', 'topmenuonpage'); 1710 } else if (jQuery(this).attr('class') == 'abl2') { 1711 jQuery(this).attr('id', 'topmenusubonpage'); 1712 } 1713 }); 1714 1715 jQuery('a').click( function(e) { 1716 var targetSelector = this.hash 1717 if(targetSelector) { 1718 e.stopImmediatePropagation(); 1719 1720 var $target = $(targetSelector); 1721 var iscls = $(targetSelector).attr('class'); //targethash //fttargethash 1722 // Animate the scroll to the destination... 1723 if(iscls==='fttargethash'){ 1724 var tr_po = 0; 1725 }else{ 1726 var tr_po = $target.offset().top; 1727 } 1728 $('html, body').animate( 1729 { 1730 scrollTop: tr_po // Scroll to this location. 1731 }, { 1732 // Set the duration long enough to allow time 1733 // to lazy load the elements. 1734 duration: 1000, 1735 1736 // At each animation step, check whether the target has moved. 1737 step: function( now, fx ) { 1738 1739 // Where is the target now located on the page? 1740 // i.e. its location will change as images etc. are lazy loaded 1741 if ($(window).width() > 1024) { 1742 if(iscls==='fttargethash'){ 1743 var newOffset = 0; 1744 }else{ 1745 var h_top_sticky = 0; 1746 // top bar space for calculations scroll position 1747 var viewable = isElementInView($('#top-sticky')) 1748 jQuery('.targethash').css('top', '0px'); 1749 if(viewable){ 1750 h_top_sticky = $('#top-sticky').height(); 1751 } 1752 var newOffset = $target.offset().top - h_top_sticky; 1753 } 1754 // var newOffset = $target.offset().top - 70; 1755 }else{ 1756 var newOffset = $target.offset().top; 1757 } 1758 // If where we were originally planning to scroll to is not 1759 // the same as the new offset (newOffset) then change where 1760 // the animation is scrolling to (fx.end). 1761 if(fx.end !== newOffset) 1762 fx.end = newOffset; 1763 } 1764 } 1765 ); 1766 } 1767 }) 1768 1769 // check element is visible in current windows display 1770 function isElementInView(element) { 1771 var $window = $(window); 1772 var windowHeight = $window.height(); 1773 var windowWidth = $window.width(); 1774 var rect = element.get(0).getBoundingClientRect(); 1775 1776 return ( 1777 rect.top >= 0 && rect.top <= windowHeight && 1778 rect.left >= 0 && rect.left <= windowWidth 1779 ); 1780 } 1781 1782 jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) { 1783 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 1784 $('html,body').animate({ 1785 scrollTop: 0 1786 }, 1800); 1787 return false; 1788 } 1789 }); 1790 var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]'); 1791 var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage'); 1792 var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
1793 var stickyHeaderhi = jQuery('#menutop').height() + 75; 1794 1795 var aArray = []; 1796 for (var i = 0; i < aChildren.length; i++) { 1797 var aChild = aChildren[i]; 1798 var ahref = jQuery(aChild).attr('href'); 1799 var res = ahref.split("#"); 1800 var last_hash = res[res.length - 1]; 1801 aArray.push(last_hash); 1802 } 1803 1804 jQuery('.widgetCartNumber').show(); 1805 1806 jQuery(window).scroll(function () { 1807 var windowPos = jQuery(window).scrollTop(); 1808 var windowHeight = jQuery(window).height(); 1809 var docHeight = jQuery(document).height(); 1810 for (var i = 0; i < aArray.length; i++) { 1811 var theID = aArray[i]; 1812 if (jQuery('#' + theID).length > 0) { 1813 if (jQuery('#' + theID).data('orderbox') == 'onest') { 1814 /* if firstbox */ 1815 var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi; 1816 var divHeight = jQuery('#' + theID).height(); 1817 } else { 1818 /* if non first */ 1819 var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi; 1820 var divHeight = jQuery('#' + theID).parent().height(); 1821 } 1822 if (windowPos >= divPos && windowPos < (divPos + divHeight)) { 1823 highlinow.removeAttr('id'); 1824 highlinowLv2.removeAttr('id'); 1825 if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) { 1826 jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage'); 1827 } 1828 if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) { 1829 jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage'); 1830 } 1831 } else { 1832 jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id'); 1833 jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id'); 1834 if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) { 1835 if (highlinow.length > 0) { 1836 highlinow.attr('id', 'topmenuonpage'); 1837 } 1838 if (highlinowLv2.length > 0) { 1839 highlinowLv2.attr('id', 'topmenusubonpage'); 1840 } 1841 } 1842 } 1843 } 1844 } 1845 if (windowPos + windowHeight == docHeight) { 1846 /* last position */ 1847 var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id'); 1848 //L1 1849 if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 1850 highlinow.removeAttr('id'); 1851 jQuery('a.abl1#topmenuonpage').removeAttr('id'); 1852 jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage'); 1853 } 1854 //L2 L3 1855 if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 1856 highlinowLv2.removeAttr('id'); 1857 jQuery('a.abl2#topmenusubonpage').removeAttr('id'); 1858 jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage'); 1859 } 1860 } 1861 }); 1862 1863 }); 1864 1865 //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) && 1866 if (screen.width > 1024) { // is desktop 1867 var isSubmenuLv2Overflow = 0; 1868 var isSubmenuLv3Overflow = 0; 1869 var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0]; 1870 var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0]; 1871 var sectionHeader = document.getElementById("section-header"); 1872 var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
1872-item dropdown"); // li (Lv1) (has submenu) 1873 if (arr_li_lv1.length > 0) { 1874 // console.log(arr_li_lv1); 1875 for (i = 0; i < arr_li_lv1.length; i++) { 1876 var li_lv1 = arr_li_lv1[i]; 1877 var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu 1878 if (arr_child_li_lv1.length > 0) { 1879 1880 for (j = 0; j < arr_child_li_lv1.length; j++) { 1881 if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu 1882 var ui_lv2 = arr_child_li_lv1[j]; 1883 var arr_li_lv2 = ui_lv2.children; // li (Lv2) 1884 var length_li_lv2 = arr_li_lv2.length; 1885 1886 // get heightest dropdown-menu 1887 var maxHeight = 0; 1888 $('.dropdown-menu').each(function() { 1889 var height = $(this).outerHeight(); 1890 if (height > maxHeight) { 1891 maxHeight = height; 1892 } 1893 }); 1894 1895 if (maxHeight > screen.height) { 1896 isSubmenuLv2Overflow += 1; 1897 } 1898 1899 //LV 3 LIMITED EDITION 1900 if (arr_li_lv2.length > 0) { 1901 for (k = 0; k < arr_li_lv2.length; k++) { 1902 if (arr_li_lv2[k].children.length > 1) { 1903 if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu 1904 //k = à¸à¸³à¹à¸«à¸à¹à¸à¸à¸µà¹à¸¡à¸µ ul 1905 var posiUllv3 = k; 1906 var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2) 1907 var obj_li_lv3 = arr_li_lv3.children; 1908 var length_li_lv3 = obj_li_lv3.length; 1909 var limiLv3High = length_li_lv3 + k; 1910 1911 if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440 1912 isSubmenuLv3Overflow += 1; 1913 } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080 1914 isSubmenuLv3Overflow += 1; 1915 } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768 1916 isSubmenuLv3Overflow += 1; 1917 } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768 1918 isSubmenuLv3Overflow += 1; 1919 } 1920 1921 } 1922 } 1923 } 1924 } 1925 1926 1927 } 1928 } 1929 } 1930 1931 } 1932 } 1933 1934 if (isSubmenuLv2Overflow > 0) { // no stricky 1935 sectionHeader.classList.remove('sps'); 1936 sectionHeader.classList.remove('sps--abv'); 1937 sectionHeader.classList.remove('sps--blw'); 1938 } 1939 //if lavel 3 is Too Damn High 1940 if (isSubmenuLv3Overflow > 0) { // no stricky 1941 sectionHeader.classList.remove('sps'); 1942 sectionHeader.classList.remove('sps--abv'); 1943 sectionHeader.classList.remove('sps--blw'); 1944 } 1945 1946 //if screen height not than 1080 disable 1947 jQuery(window).ready(function () { 1948 setTimeout(() => { 1949 if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) { 1950 sectionHeader.classList.remove('sps'); 1951 sectionHeader.classList.remove('sps--abv'); 1952 sectionHeader.classList.remove('sps--blw'); 1953 } 1954 }, 200); 1955 }); 1956 } 1957</script>
1957 1958 </div> 1959 <!-- <div id="section-content" style=""> --> 1960 <div id="section-content"> 1961 1962<style type="text/css"> 1963 /* reveal */ 1964 @media only screen and (min-width: 1200px) { 1965 .reveal { background-attachment: fixed !important; } 1966 } 1967 /* rellax */ 1968 .rellax-view { position: relative; overflow: hidden; } 1969 .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; } 1970 .marginBottomSpace { 1971 1972 margin-bottom: 20px; 1973 } 1974 .img-responsive{margin:auto;} 1975 @media only screen and (max-width: 767px){ 1976 .maginBottomCaption{ 1977 margin-bottom: 40px; 1978 } 1979 .maginBottomCaptionmini{ 1980 margin-bottom: 15px; 1981 } 1982 .marginBottomSpaceMobile{ 1983 margin-bottom: 20px; 1984 } 1985 .coverslidebox{ 1986 padding: 0px 0px; 1987 } 1988 } 1989 @media only screen and (min-width: 768px){ 1990 .maginBottomCaption{ 1991 margin-bottom: 0px; 1992 } 1993 .maginBottomCaptionmini{ 1994 margin-bottom: 0px; 1995 } 1996 .marginBottomSpaceMobile{ 1997 margin-bottom: 0px; 1998 } 1999 .coverslidebox{ 2000 padding: 0px 15px; 2001 } 2002 .textlayout-maxwidth{ 2003 max-width: 585px; 2004 } 2005 .textlayout-marlauto{ 2006 margin-left: auto; 2007 } 2008 } 2009 .noImgSimpleBG{ 2010 background-color:#E1E4E9; 2011 } 2012 .box-not-overflow{ 2013 overflow: hidden; 2014 } 2015 .play-button { 2016 left: 50%; 2017 top: 50%; 2018 width: 72px; 2019 height: 64px; 2020 margin-left: -36px; 2021 margin-top: -32px; 2022 z-index: 1; 2023 color: #212121; 2024 opacity: 0.85; 2025 } 2026 .play-button:hover, 2027 .play-button:hover::before { 2028 opacity: 1; 2029 color: #f00; 2030 } 2031 .play-button .fa-youtube { 2032 font-size: 64px; 2033 } 2034 .play-button:before { 2035 content: ""; 2036 width: 0; 2037 height: 0; 2038 border-top: 11px solid transparent; 2039 border-left: 20px solid #ffffff; 2040 border-bottom: 11px solid transparent; 2041 position: absolute; 2042 top: 21px; 2043 left: 29px; 2044 } 2045 .wrapper .youtube { 2046 background-color: #000; 2047 position: relative; 2048 padding-top: 56.25%; 2049 overflow: hidden; 2050 cursor: pointer 2051 } 2052 2053 .wrapper .youtube img { 2054 width: 100%; 2055 top: -16.82%; 2056 left: 0; 2057 max-height: none !important; 2058 opacity: .7 2059 } 2060 .wrapper .youtube .play-button, 2061 .wrapper .youtube img { 2062 cursor: pointer 2063 } 2064 2065 .wrapper .youtube .play-button, 2066 .wrapper .youtube .play-button:before, 2067 .wrapper .youtube iframe, 2068 .wrapper .youtube img { 2069 position: absolute 2070 } 2071 .wrapper .youtube iframe { 2072 height: 100%; 2073 width: 100%; 2074 top: 0; 2075 left: 0 2076 } 2077 @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) { 2078 a.targethash{ 2079 top: -112px; 2080 } 2081 } 2082</style> 2083 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 2084 </div> 2085 2086 <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData%2Ft03-content04.jpg?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; " data-orderbox="onest"> 2087 <a id="slidebox-56968" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a> 2088 <div class="container"> 2089 2090 <div style="padding-top: 0px; padding-bottom: 0px;"> 2091 <div > 2092 2093<style type="text/css"> 2094 .owlSliderBoxAdv { 2095 margin: 0px -15px; 2096 position: relative; 2097 } 2098 .owlSliderBoxAdv .loader { 2099 transition: all 1s ease 0s; 2100 -webkit-transition: all 1s ease 0s; 2101 -moz-transition: all 1s ease 0s; 2102 -o-transition: all 1s ease 0s; 2103 position: absolute; 2104 top:0; 2105 bottom:0; 2106 left: 0; 2107 right: 0; 2108 width: 50px; 2109 } 2110 .owlSliderBoxAdv .owl-item { 2111 overflow: hidden; 2112 } 2113 .owl-carousel .owl-item img { 2114 max-width: calc(100% + 1px) !important; 2115 width: auto; 2116 margin: 0 auto; 2117 } 2118 .owlSliderBoxAdv .clickable{ 2119 cursor: pointer; 2120 } 2121 2122 .owlSliderBoxAdv .owl-dots { 2123 bottom: 10px; 2124 left: 0; 2125 position: absolute; 2126 right: 0; 2127 } 2128 2129 .Mweslide_56968 .owl-theme .owl-dots .owl-dot span { 2130 border: 1px solid #6aa84f; 2131 background-color: #0051ac; 2132 opacity: 0.4; 2133 } 2134 .Mweslide_56968 .owl-theme .owl-dots .owl-dot.active span, 2135 .Mweslide_56968 .owl-theme .owl-dots .owl-dot:hover span { 2136 background-color: #6aa84f; 2137 opacity: 1 !important; 2138 } 2139 2140 .owl-theme .owl-nav { 2141 margin-top: 0px; 2142 } 2143 .owlSliderBoxAdv .owl-nav [class*='owl-'] { 2144 background: transparent none repeat scroll 0 0; 2145 height: 45px; 2146 width: 45px; 2147 margin: 0; 2148 padding: 0; 2149 transform: translate3d(0, -50%, 0); 2150 -webkit-transform: translate3d(0, -50%, 0); 2151 -moz-transform: translate3d(0, -50%, 0); 2152 -ms-transform: translate3d(0, -50%, 0); 2153 opacity: 1; 2154 position: absolute; 2155 top: 50%; 2156 z-index: 2; 2157 /* line-height: 88px; */ 2158 text-align: left; 2159 border-radius: 0px; 2160 } 2161 @media (max-width: 767px) { 2162 .owlSliderBoxAdv .owl-nav [class*='owl-'] { 2163 display:none; 2164 } 2165 } 2166 /* .owl-theme .owl-nav [class*='owl-']:hover { 2167 background: inherit; 2168 } */ 2169 .Mweslide_56968.owlSliderBoxAdv .owl-nav .fa-angle-left, 2170 .Mweslide_56968.owlSliderBoxAdv .owl-nav .fa-angle-right { 2171 color: #6aa84f; 2172 } 2173 .Mweslide_56968.owlSliderBoxAdv .owl-nav .owl-prev { 2174 left: 0; 2175 text-indent: 10px; 2176 border-radius: 50%; opacity:0.6; border: 2px solid #6aa84f; color: #6aa84f; background-color: rgba(0,81,172,0.05); left: 10px; line-height: 56px; text-indent: 10px; } 2177 .Mweslide_56968.owlSliderBoxAdv .owl-nav .owl-next { 2178 right: 0; 2179 text-indent: 20px; 2180 border-radius: 50%; opacity:0.6; border: 2px solid #6aa84f; color: #6aa84f; background-color: rgba(0,81,172,0.05); right: 10px; line-height: 56px; text-indent: 15px; } 2181 .Mweslide_56968.owlSliderBoxAdv .owl-nav .owl-prev:hover { 2182 border-radius: 50%; opacity:0.6; border: 2px solid #6aa84f; color: #6aa84f; background-color: rgba(0,81,172,0.05); opacity:0.5; } 2183 .Mweslide_56968.owlSliderBoxAdv .owl-nav .owl-next:hover { 2184 border-radius: 50%; opacity:0.6; border: 2px solid #6aa84f; color: #6aa84f; background-color: rgba(0,81,172,0.05); opacity:0.5; } 2185 .Mweslide_56968.owlSliderBoxAdv .owl-nav{ 2186 color: #6aa84f; 2187 font-size: 45px; 2188 vertical-align: middle; 2189 } 2190 2191 2192 .Mweslide_56968.owlSliderBoxAdv .owl-lazy { 2193 height: 300px; 2194 background-repeat: no-repeat; 2195 position: relative; 2196 } 2197 @media (max-width: 768px) {
2198 .Mweslide_56968.owlSliderBoxAdv .owl-lazy { 2199 height: 300px; 2200 background-repeat: no-repeat; 2201 position: relative; 2202 } 2203 } 2204 2205 .owlSliderBoxAdv .item .contentPOS { 2206 position: absolute; 2207 transition: all 450ms ease 0s; 2208 -webkit-transition: all 450ms ease 0s; 2209 -moz-transition: all 450ms ease 0s; 2210 -o-transition: all 450ms ease 0s; 2211 padding: 0px; 2212 display: inline-table; 2213 } 2214 2215 .owlSliderBoxAdv .item .contentEffect { 2216 line-height: 1.42857143; 2217 vertical-align: middle; 2218 display: inline-block; 2219 overflow-wrap: break-word; 2220 width: max-content; 2221 font-size: 16px; 2222 } 2223 .owlSliderBoxAdv .item .contentEffect h2, 2224 .owlSliderBoxAdv .item .contentEffect h3, 2225 .owlSliderBoxAdv .item .contentEffect p, 2226 .owlSliderBoxAdv .item .contentEffect a { 2227 font-family: inherit; 2228 font-size: inherit; 2229 color: inherit; 2230 } 2231 .owlSliderBoxAdv .item .contentEffect p { 2232 margin: 0 0 10px; 2233 } 2234 .owlSliderBoxAdv .item .contentEffect p:last-child { 2235 margin-bottom: 0px; 2236 } 2237 2238 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw { 2239 top: 0; 2240 left: 0; 2241 transform: translate3d(0, 0, 0); 2242 -webkit-transform: translate3d(0, 0, 0); 2243 -moz-transform: translate3d(0, 0, 0); 2244 -ms-transform: translate3d(0, 0, 0); 2245 margin-top: 40px; 2246 margin-left: 40px; 2247 margin-right: 0; 2248 margin-bottom: 0; 2249 } 2250 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn { 2251 top: 0; 2252 left: 50%; 2253 transform: translate3d(-50%, 0, 0); 2254 -webkit-transform: translate3d(-50%, 0, 0); 2255 -moz-transform: translate3d(-50%, 0, 0); 2256 -ms-transform: translate3d(-50%, 0, 0); 2257 margin-top: 40px; 2258 margin-left: 0; 2259 margin-right: 0; 2260 margin-bottom: 0; 2261 } 2262 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne { 2263 top: 0; 2264 right: 0; 2265 transform: translate3d(0, 0, 0); 2266 -webkit-transform: translate3d(0, 0, 0); 2267 -moz-transform: translate3d(0, 0, 0); 2268 -ms-transform: translate3d(0, 0, 0); 2269 margin-top: 40px; 2270 margin-right: 40px; 2271 margin-left: 0; 2272 margin-bottom: 0; 2273 } 2274 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe { 2275 top: 50%; 2276 right: 0; 2277 transform: translate3d(0, -50%, 0); 2278 -webkit-transform: translate3d(0, -50%, 0); 2279 -moz-transform: translate3d(0, -50%, 0); 2280 -ms-transform: translate3d(0, -50%, 0); 2281 margin-top: 0; 2282 margin-right: 40px; 2283 margin-left: 0; 2284 margin-bottom: 0; 2285 } 2286 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse { 2287 bottom: 0; 2288 right: 0; 2289 transform: translate3d(0, 0, 0); 2290 -webkit-transform: translate3d(0, 0, 0); 2291 -moz-transform: translate3d(0, 0, 0); 2292 -ms-transform: translate3d(0, 0, 0); 2293 margin-top: 0; 2294 margin-right: 40px; 2295 margin-left: 0; 2296 margin-bottom: 40px; 2297 } 2298 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs { 2299 bottom: 0; 2300 left: 50%; 2301 transform: translate3d(-50%, 0, 0); 2302 -webkit-transform: translate3d(-50%, 0, 0); 2303 -moz-transform: translate3d(-50%, 0, 0); 2304 -ms-transform: translate3d(-50%, 0, 0); 2305 margin-top: 0; 2306 margin-right: 0; 2307 margin-left: 0; 2308 margin-bottom: 40px; 2309 } 2310 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw { 2311 bottom: 0; 2312 left: 0; 2313 transform: translate3d(0, 0, 0); 2314 -webkit-transform: translate3d(0, 0, 0); 2315 -moz-transform: translate3d(0, 0, 0); 2316 -ms-transform: translate3d(0, 0, 0); 2317 margin-top: 0; 2318 margin-right: 0; 2319 margin-left: 40px; 2320 margin-bottom: 40px; 2321 }
2322 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw { 2323 top: 50%; 2324 left: 0; 2325 transform: translate3d(0, -50%, 0); 2326 -webkit-transform: translate3d(0, -50%, 0); 2327 -moz-transform: translate3d(0, -50%, 0); 2328 -ms-transform: translate3d(0, -50%, 0); 2329 margin-top: 0; 2330 margin-right: 0; 2331 margin-left: 40px; 2332 margin-bottom: 0; 2333 } 2334 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc { 2335 top: 50%; 2336 left: 50%; 2337 transform: translate3d(-50%, -50%, 0); 2338 -webkit-transform: translate3d(-50%, -50%, 0); 2339 -moz-transform: translate3d(-50%, -50%, 0); 2340 -ms-transform: translate3d(-50%, -50%, 0); 2341 margin-top: 0; 2342 margin-right: 0; 2343 margin-left: 0; 2344 margin-bottom: 0; 2345 } 2346 @media (max-width: 768px) { 2347 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw_mobile { 2348 top: 0; 2349 left: 0; 2350 right: auto; 2351 bottom: auto; 2352 transform: translate3d(0, 0, 0); 2353 -webkit-transform: translate3d(0, 0, 0); 2354 -moz-transform: translate3d(0, 0, 0); 2355 -ms-transform: translate3d(0, 0, 0); 2356 margin-top: 40px; 2357 margin-left: 40px; 2358 margin-right: 0; 2359 margin-bottom: 0; 2360 } 2361 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn_mobile { 2362 top: 0; 2363 left: 50%; 2364 right: auto; 2365 bottom: auto; 2366 transform: translate3d(-50%, 0, 0); 2367 -webkit-transform: translate3d(-50%, 0, 0); 2368 -moz-transform: translate3d(-50%, 0, 0); 2369 -ms-transform: translate3d(-50%, 0, 0); 2370 margin-top: 40px; 2371 margin-left: 0; 2372 margin-right: 0; 2373 margin-bottom: 0; 2374 } 2375 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne_mobile { 2376 top: 0; 2377 right: 0; 2378 left: auto; 2379 bottom: auto; 2380 transform: translate3d(0, 0, 0); 2381 -webkit-transform: translate3d(0, 0, 0); 2382 -moz-transform: translate3d(0, 0, 0); 2383 -ms-transform: translate3d(0, 0, 0); 2384 margin-top: 40px; 2385 margin-right: 40px; 2386 margin-left: 0; 2387 margin-bottom: 0; 2388 } 2389 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe_mobile { 2390 top: 50%; 2391 right: 0; 2392 left: auto; 2393 bottom: auto; 2394 transform: translate3d(0, -50%, 0); 2395 -webkit-transform: translate3d(0, -50%, 0); 2396 -moz-transform: translate3d(0, -50%, 0); 2397 -ms-transform: translate3d(0, -50%, 0); 2398 margin-top: 0; 2399 margin-right: 40px; 2400 margin-left: 0; 2401 margin-bottom: 0; 2402 } 2403 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse_mobile { 2404 bottom: 0; 2405 right: 0; 2406 left: auto; 2407 top: auto; 2408 transform: translate3d(0, 0, 0); 2409 -webkit-transform: translate3d(0, 0, 0); 2410 -moz-transform: translate3d(0, 0, 0); 2411 -ms-transform: translate3d(0, 0, 0); 2412 margin-top: 0; 2413 margin-right: 40px; 2414 margin-left: 0; 2415 margin-bottom: 40px; 2416 } 2417 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs_mobile { 2418 bottom: 0; 2419 left: 50%; 2420 right: auto; 2421 top: auto; 2422 transform: translate3d(-50%, 0, 0); 2423 -webkit-transform: translate3d(-50%, 0, 0); 2424 -moz-transform: translate3d(-50%, 0, 0); 2425 -ms-transform: translate3d(-50%, 0, 0); 2426 margin-top: 0; 2427 margin-right: 0; 2428 margin-left: 0; 2429 margin-bottom: 40px; 2430 }
2431 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw_mobile { 2432 bottom: 0; 2433 left: 0; 2434 right: auto; 2435 top: auto; 2436 transform: translate3d(0, 0, 0); 2437 -webkit-transform: translate3d(0, 0, 0); 2438 -moz-transform: translate3d(0, 0, 0); 2439 -ms-transform: translate3d(0, 0, 0); 2440 margin-top: 0; 2441 margin-right: 0; 2442 margin-left: 40px; 2443 margin-bottom: 40px; 2444 } 2445 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw_mobile { 2446 top: 50%; 2447 left: 0; 2448 right: auto; 2449 bottom: auto; 2450 transform: translate3d(0, -50%, 0); 2451 -webkit-transform: translate3d(0, -50%, 0); 2452 -moz-transform: translate3d(0, -50%, 0); 2453 -ms-transform: translate3d(0, -50%, 0); 2454 margin-top: 0; 2455 margin-right: 0; 2456 margin-left: 40px; 2457 margin-bottom: 0; 2458 } 2459 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc_mobile { 2460 top: 50%; 2461 left: 50%; 2462 right: auto; 2463 bottom: auto; 2464 transform: translate3d(-50%, -50%, 0); 2465 -webkit-transform: translate3d(-50%, -50%, 0); 2466 -moz-transform: translate3d(-50%, -50%, 0); 2467 -ms-transform: translate3d(-50%, -50%, 0); 2468 margin-top: 0; 2469 margin-right: 0; 2470 margin-left: 0; 2471 margin-bottom: 0; 2472 } 2473 } 2474 2475 2476 .Mweslide_56968.owlSliderBoxAdv .item0 .owl-lazy { 2477 background-size: initial; 2478 background-position: center center; 2479 } 2480 @media (max-width: 768px) { 2481 .Mweslide_56968.owlSliderBoxAdv .item0 .owl-lazy { 2482 background-size: initial; 2483 background-position: center center; 2484 } 2485 } 2486 2487 2488 .Mweslide_56968.owlSliderBoxAdv .item0 .contentBG { 2489 background-color: rgba(183,183,183,0); 2490 } 2491 @media (max-width: 768px) { 2492 .Mweslide_56968.owlSliderBoxAdv .item0 .contentBG { 2493 background-color: rgba(183,183,183,0); 2494 } 2495 } 2496 2497 2498 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPadding { 2499 padding-top: 15px; 2500 padding-right: 15px; 2501 padding-bottom: 15px; 2502 padding-left: 15px; 2503 } 2504 @media (max-width: 768px) { 2505 .Mweslide_56968.owlSliderBoxAdv .item0 .contentPadding { 2506 padding-top: 15px; 2507 padding-right: 15px; 2508 padding-bottom: 15px; 2509 padding-left: 15px; 2510 } 2511 } 2512 2513 2514 /* Mobile Scale */ 2515 @media (max-width: 768px) { 2516 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="8"] { 2517 font-size: 6.96px !important; 2518 } 2519 } 2520 @media (max-width: 768px) { 2521 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="9"] { 2522 font-size: 7.83px !important; 2523 } 2524 } 2525 @media (max-width: 768px) { 2526 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="10"] { 2527 font-size: 8.7px !important; 2528 } 2529 } 2530 @media (max-width: 768px) { 2531 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="11"] { 2532 font-size: 9.57px !important; 2533 } 2534 } 2535 @media (max-width: 768px) { 2536 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="12"] { 2537 font-size: 10.44px !important; 2538 } 2539 } 2540 @media (max-width: 768px) {
2541 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="13"] { 2542 font-size: 11.31px !important; 2543 } 2544 } 2545 @media (max-width: 768px) { 2546 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="14"] { 2547 font-size: 12.18px !important; 2548 } 2549 } 2550 @media (max-width: 768px) { 2551 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="15"] { 2552 font-size: 13.05px !important; 2553 } 2554 } 2555 @media (max-width: 768px) { 2556 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="16"] { 2557 font-size: 13.92px !important; 2558 } 2559 } 2560 @media (max-width: 768px) { 2561 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="17"] { 2562 font-size: 14.79px !important; 2563 } 2564 } 2565 @media (max-width: 768px) { 2566 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="18"] { 2567 font-size: 15.66px !important; 2568 } 2569 } 2570 @media (max-width: 768px) { 2571 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="19"] { 2572 font-size: 16.53px !important; 2573 } 2574 } 2575 @media (max-width: 768px) { 2576 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="20"] { 2577 font-size: 17.4px !important; 2578 } 2579 } 2580 @media (max-width: 768px) { 2581 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="22"] { 2582 font-size: 19.14px !important; 2583 } 2584 } 2585 @media (max-width: 768px) { 2586 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="24"] { 2587 font-size: 20.88px !important; 2588 } 2589 } 2590 @media (max-width: 768px) { 2591 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="26"] { 2592 font-size: 22.62px !important; 2593 } 2594 } 2595 @media (max-width: 768px) { 2596 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="28"] { 2597 font-size: 24.36px !important; 2598 } 2599 } 2600 @media (max-width: 768px) { 2601 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="30"] { 2602 font-size: 26.1px !important; 2603 } 2604 } 2605 @media (max-width: 768px) { 2606 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="32"] { 2607 font-size: 27.84px !important; 2608 } 2609 } 2610 @media (max-width: 768px) { 2611 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="34"] { 2612 font-size: 29.58px !important; 2613 } 2614 } 2615 @media (max-width: 768px) { 2616 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="36"] { 2617 font-size: 31.32px !important; 2618 } 2619 } 2620 @media (max-width: 768px) { 2621 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="40"] { 2622 font-size: 34.8px !important; 2623 } 2624 } 2625 @media (max-width: 768px) { 2626 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="44"] { 2627 font-size: 38.28px !important; 2628 } 2629 } 2630 @media (max-width: 768px) { 2631 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="48"] { 2632 font-size: 41.76px !important; 2633 } 2634 } 2635 @media (max-width: 768px) {
2636 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="52"] { 2637 font-size: 45.24px !important; 2638 } 2639 } 2640 @media (max-width: 768px) { 2641 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="56"] { 2642 font-size: 48.72px !important; 2643 } 2644 } 2645 @media (max-width: 768px) { 2646 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="60"] { 2647 font-size: 52.2px !important; 2648 } 2649 } 2650 @media (max-width: 768px) { 2651 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="66"] { 2652 font-size: 57.42px !important; 2653 } 2654 } 2655 @media (max-width: 768px) { 2656 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="72"] { 2657 font-size: 62.64px !important; 2658 } 2659 } 2660 @media (max-width: 768px) { 2661 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="80"] { 2662 font-size: 69.6px !important; 2663 } 2664 } 2665 @media (max-width: 768px) { 2666 .Mweslide_56968.owlSliderBoxAdv .item0 [data-font-size="100"] { 2667 font-size: 87px !important; 2668 } 2669 } 2670 @media (max-width: 768px) { 2671 .Mweslide_56968.owlSliderBoxAdv .item0 .contentEffect p { 2672 margin-bottom: 8.7px !important; 2673 } 2674 .Mweslide_56968.owlSliderBoxAdv .item0 .contentEffect img { 2675 transform: scale(0.87); 2676 -webkit-transform: scale(0.87); 2677 -moz-transform: scale(0.87); 2678 -ms-transform: scale(0.87); 2679 } 2680 } 2681 2682 @media (max-width: 768px) { 2683 } 2684 @media (max-width: 768px) { 2685 } 2686 @media (max-width: 768px) { 2687 } 2688 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw { 2689 top: 0; 2690 left: 0; 2691 transform: translate3d(0, 0, 0); 2692 -webkit-transform: translate3d(0, 0, 0); 2693 -moz-transform: translate3d(0, 0, 0); 2694 -ms-transform: translate3d(0, 0, 0); 2695 margin-top: 40px; 2696 margin-left: 40px; 2697 margin-right: 0; 2698 margin-bottom: 0; 2699 } 2700 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn { 2701 top: 0; 2702 left: 50%; 2703 transform: translate3d(-50%, 0, 0); 2704 -webkit-transform: translate3d(-50%, 0, 0); 2705 -moz-transform: translate3d(-50%, 0, 0); 2706 -ms-transform: translate3d(-50%, 0, 0); 2707 margin-top: 40px; 2708 margin-left: 0; 2709 margin-right: 0; 2710 margin-bottom: 0; 2711 } 2712 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne { 2713 top: 0; 2714 right: 0; 2715 transform: translate3d(0, 0, 0); 2716 -webkit-transform: translate3d(0, 0, 0); 2717 -moz-transform: translate3d(0, 0, 0); 2718 -ms-transform: translate3d(0, 0, 0); 2719 margin-top: 40px; 2720 margin-right: 40px; 2721 margin-left: 0; 2722 margin-bottom: 0; 2723 } 2724 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe { 2725 top: 50%; 2726 right: 0; 2727 transform: translate3d(0, -50%, 0); 2728 -webkit-transform: translate3d(0, -50%, 0); 2729 -moz-transform: translate3d(0, -50%, 0); 2730 -ms-transform: translate3d(0, -50%, 0); 2731 margin-top: 0; 2732 margin-right: 40px; 2733 margin-left: 0; 2734 margin-bottom: 0; 2735 } 2736 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse { 2737 bottom: 0; 2738 right: 0; 2739 transform: translate3d(0, 0, 0); 2740 -webkit-transform: translate3d(0, 0, 0); 2741 -moz-transform: translate3d(0, 0, 0); 2742 -ms-transform: translate3d(0, 0, 0); 2743 margin-top: 0; 2744 margin-right: 40px; 2745 margin-left: 0; 2746 margin-bottom: 40px; 2747 }
2748 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs { 2749 bottom: 0; 2750 left: 50%; 2751 transform: translate3d(-50%, 0, 0); 2752 -webkit-transform: translate3d(-50%, 0, 0); 2753 -moz-transform: translate3d(-50%, 0, 0); 2754 -ms-transform: translate3d(-50%, 0, 0); 2755 margin-top: 0; 2756 margin-right: 0; 2757 margin-left: 0; 2758 margin-bottom: 40px; 2759 } 2760 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw { 2761 bottom: 0; 2762 left: 0; 2763 transform: translate3d(0, 0, 0); 2764 -webkit-transform: translate3d(0, 0, 0); 2765 -moz-transform: translate3d(0, 0, 0); 2766 -ms-transform: translate3d(0, 0, 0); 2767 margin-top: 0; 2768 margin-right: 0; 2769 margin-left: 40px; 2770 margin-bottom: 40px; 2771 } 2772 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw { 2773 top: 50%; 2774 left: 0; 2775 transform: translate3d(0, -50%, 0); 2776 -webkit-transform: translate3d(0, -50%, 0); 2777 -moz-transform: translate3d(0, -50%, 0); 2778 -ms-transform: translate3d(0, -50%, 0); 2779 margin-top: 0; 2780 margin-right: 0; 2781 margin-left: 40px; 2782 margin-bottom: 0; 2783 } 2784 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc { 2785 top: 50%; 2786 left: 50%; 2787 transform: translate3d(-50%, -50%, 0); 2788 -webkit-transform: translate3d(-50%, -50%, 0); 2789 -moz-transform: translate3d(-50%, -50%, 0); 2790 -ms-transform: translate3d(-50%, -50%, 0); 2791 margin-top: 0; 2792 margin-right: 0; 2793 margin-left: 0; 2794 margin-bottom: 0; 2795 } 2796 @media (max-width: 768px) { 2797 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw_mobile { 2798 top: 0; 2799 left: 0; 2800 right: auto; 2801 bottom: auto; 2802 transform: translate3d(0, 0, 0); 2803 -webkit-transform: translate3d(0, 0, 0); 2804 -moz-transform: translate3d(0, 0, 0); 2805 -ms-transform: translate3d(0, 0, 0); 2806 margin-top: 40px; 2807 margin-left: 40px; 2808 margin-right: 0; 2809 margin-bottom: 0; 2810 } 2811 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn_mobile { 2812 top: 0; 2813 left: 50%; 2814 right: auto; 2815 bottom: auto; 2816 transform: translate3d(-50%, 0, 0); 2817 -webkit-transform: translate3d(-50%, 0, 0); 2818 -moz-transform: translate3d(-50%, 0, 0); 2819 -ms-transform: translate3d(-50%, 0, 0); 2820 margin-top: 40px; 2821 margin-left: 0; 2822 margin-right: 0; 2823 margin-bottom: 0; 2824 } 2825 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne_mobile { 2826 top: 0; 2827 right: 0; 2828 left: auto; 2829 bottom: auto; 2830 transform: translate3d(0, 0, 0); 2831 -webkit-transform: translate3d(0, 0, 0); 2832 -moz-transform: translate3d(0, 0, 0); 2833 -ms-transform: translate3d(0, 0, 0); 2834 margin-top: 40px; 2835 margin-right: 40px; 2836 margin-left: 0; 2837 margin-bottom: 0; 2838 } 2839 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe_mobile { 2840 top: 50%; 2841 right: 0; 2842 left: auto; 2843 bottom: auto; 2844 transform: translate3d(0, -50%, 0); 2845 -webkit-transform: translate3d(0, -50%, 0); 2846 -moz-transform: translate3d(0, -50%, 0); 2847 -ms-transform: translate3d(0, -50%, 0); 2848 margin-top: 0; 2849 margin-right: 40px; 2850 margin-left: 0; 2851 margin-bottom: 0; 2852 } 2853 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse_mobile { 2854 bottom: 0; 2855 right: 0; 2856 left: auto; 2857 top: auto; 2858 transform: translate3d(0, 0, 0); 2859 -webkit-transform: translate3d(0, 0, 0); 2860 -moz-transform: translate3d(0, 0, 0); 2861 -ms-transform: translate3d(0, 0, 0); 2862 margin-top: 0; 2863 margin-right: 40px; 2864 margin-left: 0; 2865 margin-bottom: 40px; 2866 }
2867 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs_mobile { 2868 bottom: 0; 2869 left: 50%; 2870 right: auto; 2871 top: auto; 2872 transform: translate3d(-50%, 0, 0); 2873 -webkit-transform: translate3d(-50%, 0, 0); 2874 -moz-transform: translate3d(-50%, 0, 0); 2875 -ms-transform: translate3d(-50%, 0, 0); 2876 margin-top: 0; 2877 margin-right: 0; 2878 margin-left: 0; 2879 margin-bottom: 40px; 2880 } 2881 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw_mobile { 2882 bottom: 0; 2883 left: 0; 2884 right: auto; 2885 top: auto; 2886 transform: translate3d(0, 0, 0); 2887 -webkit-transform: translate3d(0, 0, 0); 2888 -moz-transform: translate3d(0, 0, 0); 2889 -ms-transform: translate3d(0, 0, 0); 2890 margin-top: 0; 2891 margin-right: 0; 2892 margin-left: 40px; 2893 margin-bottom: 40px; 2894 } 2895 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw_mobile { 2896 top: 50%; 2897 left: 0; 2898 right: auto; 2899 bottom: auto; 2900 transform: translate3d(0, -50%, 0); 2901 -webkit-transform: translate3d(0, -50%, 0); 2902 -moz-transform: translate3d(0, -50%, 0); 2903 -ms-transform: translate3d(0, -50%, 0); 2904 margin-top: 0; 2905 margin-right: 0; 2906 margin-left: 40px; 2907 margin-bottom: 0; 2908 } 2909 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc_mobile { 2910 top: 50%; 2911 left: 50%; 2912 right: auto; 2913 bottom: auto; 2914 transform: translate3d(-50%, -50%, 0); 2915 -webkit-transform: translate3d(-50%, -50%, 0); 2916 -moz-transform: translate3d(-50%, -50%, 0); 2917 -ms-transform: translate3d(-50%, -50%, 0); 2918 margin-top: 0; 2919 margin-right: 0; 2920 margin-left: 0; 2921 margin-bottom: 0; 2922 } 2923 } 2924 2925 2926 .Mweslide_56968.owlSliderBoxAdv .item1 .owl-lazy { 2927 background-size: cover; 2928 background-position: center center; 2929 } 2930 @media (max-width: 768px) { 2931 .Mweslide_56968.owlSliderBoxAdv .item1 .owl-lazy { 2932 background-size: cover; 2933 background-position: center center; 2934 } 2935 } 2936 2937 2938 .Mweslide_56968.owlSliderBoxAdv .item1 .contentBG { 2939 background-color: rgba(255,255,255,0); 2940 } 2941 @media (max-width: 768px) { 2942 .Mweslide_56968.owlSliderBoxAdv .item1 .contentBG { 2943 background-color: rgba(255,255,255,0); 2944 } 2945 } 2946 2947 2948 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPadding { 2949 padding-top: 15px; 2950 padding-right: 15px; 2951 padding-bottom: 15px; 2952 padding-left: 15px; 2953 } 2954 @media (max-width: 768px) { 2955 .Mweslide_56968.owlSliderBoxAdv .item1 .contentPadding { 2956 padding-top: 15px; 2957 padding-right: 15px; 2958 padding-bottom: 15px; 2959 padding-left: 15px; 2960 } 2961 } 2962 2963 2964 /* Mobile Scale */ 2965 @media (max-width: 768px) { 2966 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="8"] { 2967 font-size: 8px !important; 2968 } 2969 } 2970 @media (max-width: 768px) { 2971 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="9"] { 2972 font-size: 9px !important; 2973 } 2974 } 2975 @media (max-width: 768px) { 2976 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="10"] { 2977 font-size: 10px !important; 2978 } 2979 } 2980 @media (max-width: 768px) {
2981 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="11"] { 2982 font-size: 11px !important; 2983 } 2984 } 2985 @media (max-width: 768px) { 2986 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="12"] { 2987 font-size: 12px !important; 2988 } 2989 } 2990 @media (max-width: 768px) { 2991 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="13"] { 2992 font-size: 13px !important; 2993 } 2994 } 2995 @media (max-width: 768px) { 2996 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="14"] { 2997 font-size: 14px !important; 2998 } 2999 } 3000 @media (max-width: 768px) { 3001 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="15"] { 3002 font-size: 15px !important; 3003 } 3004 } 3005 @media (max-width: 768px) { 3006 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="16"] { 3007 font-size: 16px !important; 3008 } 3009 } 3010 @media (max-width: 768px) { 3011 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="17"] { 3012 font-size: 17px !important; 3013 } 3014 } 3015 @media (max-width: 768px) { 3016 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="18"] { 3017 font-size: 18px !important; 3018 } 3019 } 3020 @media (max-width: 768px) { 3021 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="19"] { 3022 font-size: 19px !important; 3023 } 3024 } 3025 @media (max-width: 768px) { 3026 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="20"] { 3027 font-size: 20px !important; 3028 } 3029 } 3030 @media (max-width: 768px) { 3031 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="22"] { 3032 font-size: 22px !important; 3033 } 3034 } 3035 @media (max-width: 768px) { 3036 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="24"] { 3037 font-size: 24px !important; 3038 } 3039 } 3040 @media (max-width: 768px) { 3041 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="26"] { 3042 font-size: 26px !important; 3043 } 3044 } 3045 @media (max-width: 768px) { 3046 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="28"] { 3047 font-size: 28px !important; 3048 } 3049 } 3050 @media (max-width: 768px) { 3051 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="30"] { 3052 font-size: 30px !important; 3053 } 3054 } 3055 @media (max-width: 768px) { 3056 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="32"] { 3057 font-size: 32px !important; 3058 } 3059 } 3060 @media (max-width: 768px) { 3061 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="34"] { 3062 font-size: 34px !important; 3063 } 3064 } 3065 @media (max-width: 768px) { 3066 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="36"] { 3067 font-size: 36px !important; 3068 } 3069 } 3070 @media (max-width: 768px) { 3071 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="40"] { 3072 font-size: 40px !important; 3073 } 3074 } 3075 @media (max-width: 768px) {
3076 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="44"] { 3077 font-size: 44px !important; 3078 } 3079 } 3080 @media (max-width: 768px) { 3081 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="48"] { 3082 font-size: 48px !important; 3083 } 3084 } 3085 @media (max-width: 768px) { 3086 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="52"] { 3087 font-size: 52px !important; 3088 } 3089 } 3090 @media (max-width: 768px) { 3091 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="56"] { 3092 font-size: 56px !important; 3093 } 3094 } 3095 @media (max-width: 768px) { 3096 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="60"] { 3097 font-size: 60px !important; 3098 } 3099 } 3100 @media (max-width: 768px) { 3101 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="66"] { 3102 font-size: 66px !important; 3103 } 3104 } 3105 @media (max-width: 768px) { 3106 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="72"] { 3107 font-size: 72px !important; 3108 } 3109 } 3110 @media (max-width: 768px) { 3111 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="80"] { 3112 font-size: 80px !important; 3113 } 3114 } 3115 @media (max-width: 768px) { 3116 .Mweslide_56968.owlSliderBoxAdv .item1 [data-font-size="100"] { 3117 font-size: 100px !important; 3118 } 3119 } 3120 @media (max-width: 768px) { 3121 .Mweslide_56968.owlSliderBoxAdv .item1 .contentEffect p { 3122 margin-bottom: 10px !important; 3123 } 3124 .Mweslide_56968.owlSliderBoxAdv .item1 .contentEffect img { 3125 transform: scale(1); 3126 -webkit-transform: scale(1); 3127 -moz-transform: scale(1); 3128 -ms-transform: scale(1); 3129 } 3130 } 3131 3132 @media (max-width: 768px) { 3133 } 3134 @media (max-width: 768px) { 3135 } 3136 @media (max-width: 768px) { 3137 } 3138 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw { 3139 top: 0; 3140 left: 0; 3141 transform: translate3d(0, 0, 0); 3142 -webkit-transform: translate3d(0, 0, 0); 3143 -moz-transform: translate3d(0, 0, 0); 3144 -ms-transform: translate3d(0, 0, 0); 3145 margin-top: 0px; 3146 margin-left: 0px; 3147 margin-right: 0; 3148 margin-bottom: 0; 3149 } 3150 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn { 3151 top: 0; 3152 left: 50%; 3153 transform: translate3d(-50%, 0, 0); 3154 -webkit-transform: translate3d(-50%, 0, 0); 3155 -moz-transform: translate3d(-50%, 0, 0); 3156 -ms-transform: translate3d(-50%, 0, 0); 3157 margin-top: 0px; 3158 margin-left: 0; 3159 margin-right: 0; 3160 margin-bottom: 0; 3161 } 3162 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne { 3163 top: 0; 3164 right: 0; 3165 transform: translate3d(0, 0, 0); 3166 -webkit-transform: translate3d(0, 0, 0); 3167 -moz-transform: translate3d(0, 0, 0); 3168 -ms-transform: translate3d(0, 0, 0); 3169 margin-top: 0px; 3170 margin-right: 0px; 3171 margin-left: 0; 3172 margin-bottom: 0; 3173 } 3174 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe { 3175 top: 50%; 3176 right: 0; 3177 transform: translate3d(0, -50%, 0); 3178 -webkit-transform: translate3d(0, -50%, 0); 3179 -moz-transform: translate3d(0, -50%, 0); 3180 -ms-transform: translate3d(0, -50%, 0); 3181 margin-top: 0; 3182 margin-right: 0px; 3183 margin-left: 0; 3184 margin-bottom: 0; 3185 }
3186 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse { 3187 bottom: 0; 3188 right: 0; 3189 transform: translate3d(0, 0, 0); 3190 -webkit-transform: translate3d(0, 0, 0); 3191 -moz-transform: translate3d(0, 0, 0); 3192 -ms-transform: translate3d(0, 0, 0); 3193 margin-top: 0; 3194 margin-right: 0px; 3195 margin-left: 0; 3196 margin-bottom: 0px; 3197 } 3198 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs { 3199 bottom: 0; 3200 left: 50%; 3201 transform: translate3d(-50%, 0, 0); 3202 -webkit-transform: translate3d(-50%, 0, 0); 3203 -moz-transform: translate3d(-50%, 0, 0); 3204 -ms-transform: translate3d(-50%, 0, 0); 3205 margin-top: 0; 3206 margin-right: 0; 3207 margin-left: 0; 3208 margin-bottom: 0px; 3209 } 3210 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw { 3211 bottom: 0; 3212 left: 0; 3213 transform: translate3d(0, 0, 0); 3214 -webkit-transform: translate3d(0, 0, 0); 3215 -moz-transform: translate3d(0, 0, 0); 3216 -ms-transform: translate3d(0, 0, 0); 3217 margin-top: 0; 3218 margin-right: 0; 3219 margin-left: 0px; 3220 margin-bottom: 0px; 3221 } 3222 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw { 3223 top: 50%; 3224 left: 0; 3225 transform: translate3d(0, -50%, 0); 3226 -webkit-transform: translate3d(0, -50%, 0); 3227 -moz-transform: translate3d(0, -50%, 0); 3228 -ms-transform: translate3d(0, -50%, 0); 3229 margin-top: 0; 3230 margin-right: 0; 3231 margin-left: 0px; 3232 margin-bottom: 0; 3233 } 3234 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc { 3235 top: 50%; 3236 left: 50%; 3237 transform: translate3d(-50%, -50%, 0); 3238 -webkit-transform: translate3d(-50%, -50%, 0); 3239 -moz-transform: translate3d(-50%, -50%, 0); 3240 -ms-transform: translate3d(-50%, -50%, 0); 3241 margin-top: 0; 3242 margin-right: 0; 3243 margin-left: 0; 3244 margin-bottom: 0; 3245 } 3246 @media (max-width: 768px) { 3247 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw_mobile { 3248 top: 0; 3249 left: 0; 3250 right: auto; 3251 bottom: auto; 3252 transform: translate3d(0, 0, 0); 3253 -webkit-transform: translate3d(0, 0, 0); 3254 -moz-transform: translate3d(0, 0, 0); 3255 -ms-transform: translate3d(0, 0, 0); 3256 margin-top: 0px; 3257 margin-left: 0px; 3258 margin-right: 0; 3259 margin-bottom: 0; 3260 } 3261 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn_mobile { 3262 top: 0; 3263 left: 50%; 3264 right: auto; 3265 bottom: auto; 3266 transform: translate3d(-50%, 0, 0); 3267 -webkit-transform: translate3d(-50%, 0, 0); 3268 -moz-transform: translate3d(-50%, 0, 0); 3269 -ms-transform: translate3d(-50%, 0, 0); 3270 margin-top: 0px; 3271 margin-left: 0; 3272 margin-right: 0; 3273 margin-bottom: 0; 3274 } 3275 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne_mobile { 3276 top: 0; 3277 right: 0; 3278 left: auto; 3279 bottom: auto; 3280 transform: translate3d(0, 0, 0); 3281 -webkit-transform: translate3d(0, 0, 0); 3282 -moz-transform: translate3d(0, 0, 0); 3283 -ms-transform: translate3d(0, 0, 0); 3284 margin-top: 0px; 3285 margin-right: 0px; 3286 margin-left: 0; 3287 margin-bottom: 0; 3288 } 3289 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe_mobile { 3290 top: 50%; 3291 right: 0; 3292 left: auto; 3293 bottom: auto; 3294 transform: translate3d(0, -50%, 0); 3295 -webkit-transform: translate3d(0, -50%, 0); 3296 -moz-transform: translate3d(0, -50%, 0); 3297 -ms-transform: translate3d(0, -50%, 0); 3298 margin-top: 0; 3299 margin-right: 0px; 3300 margin-left: 0; 3301 margin-bottom: 0; 3302 }
3303 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse_mobile { 3304 bottom: 0; 3305 right: 0; 3306 left: auto; 3307 top: auto; 3308 transform: translate3d(0, 0, 0); 3309 -webkit-transform: translate3d(0, 0, 0); 3310 -moz-transform: translate3d(0, 0, 0); 3311 -ms-transform: translate3d(0, 0, 0); 3312 margin-top: 0; 3313 margin-right: 0px; 3314 margin-left: 0; 3315 margin-bottom: 0px; 3316 } 3317 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs_mobile { 3318 bottom: 0; 3319 left: 50%; 3320 right: auto; 3321 top: auto; 3322 transform: translate3d(-50%, 0, 0); 3323 -webkit-transform: translate3d(-50%, 0, 0); 3324 -moz-transform: translate3d(-50%, 0, 0); 3325 -ms-transform: translate3d(-50%, 0, 0); 3326 margin-top: 0; 3327 margin-right: 0; 3328 margin-left: 0; 3329 margin-bottom: 0px; 3330 } 3331 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw_mobile { 3332 bottom: 0; 3333 left: 0; 3334 right: auto; 3335 top: auto; 3336 transform: translate3d(0, 0, 0); 3337 -webkit-transform: translate3d(0, 0, 0); 3338 -moz-transform: translate3d(0, 0, 0); 3339 -ms-transform: translate3d(0, 0, 0); 3340 margin-top: 0; 3341 margin-right: 0; 3342 margin-left: 0px; 3343 margin-bottom: 0px; 3344 } 3345 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw_mobile { 3346 top: 50%; 3347 left: 0; 3348 right: auto; 3349 bottom: auto; 3350 transform: translate3d(0, -50%, 0); 3351 -webkit-transform: translate3d(0, -50%, 0); 3352 -moz-transform: translate3d(0, -50%, 0); 3353 -ms-transform: translate3d(0, -50%, 0); 3354 margin-top: 0; 3355 margin-right: 0; 3356 margin-left: 0px; 3357 margin-bottom: 0; 3358 } 3359 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc_mobile { 3360 top: 50%; 3361 left: 50%; 3362 right: auto; 3363 bottom: auto; 3364 transform: translate3d(-50%, -50%, 0); 3365 -webkit-transform: translate3d(-50%, -50%, 0); 3366 -moz-transform: translate3d(-50%, -50%, 0); 3367 -ms-transform: translate3d(-50%, -50%, 0); 3368 margin-top: 0; 3369 margin-right: 0; 3370 margin-left: 0; 3371 margin-bottom: 0; 3372 } 3373 } 3374 3375 3376 .Mweslide_56968.owlSliderBoxAdv .item2 .owl-lazy { 3377 background-size: cover; 3378 background-position: center center; 3379 } 3380 @media (max-width: 768px) { 3381 .Mweslide_56968.owlSliderBoxAdv .item2 .owl-lazy { 3382 background-size: cover; 3383 background-position: center center; 3384 } 3385 } 3386 3387 3388 .Mweslide_56968.owlSliderBoxAdv .item2 .contentBG { 3389 background-color: 'transparent'; 3390 } 3391 @media (max-width: 768px) { 3392 .Mweslide_56968.owlSliderBoxAdv .item2 .contentBG { 3393 background-color: 'transparent'; 3394 } 3395 } 3396 3397 3398 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPadding { 3399 padding-top: 15px; 3400 padding-right: 15px; 3401 padding-bottom: 15px; 3402 padding-left: 15px; 3403 } 3404 @media (max-width: 768px) { 3405 .Mweslide_56968.owlSliderBoxAdv .item2 .contentPadding { 3406 padding-top: 15px; 3407 padding-right: 15px; 3408 padding-bottom: 15px; 3409 padding-left: 15px; 3410 } 3411 } 3412 3413 3414 /* Mobile Scale */ 3415 @media (max-width: 768px) {
3416 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="8"] { 3417 font-size: 8px !important; 3418 } 3419 } 3420 @media (max-width: 768px) { 3421 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="9"] { 3422 font-size: 9px !important; 3423 } 3424 } 3425 @media (max-width: 768px) { 3426 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="10"] { 3427 font-size: 10px !important; 3428 } 3429 } 3430 @media (max-width: 768px) { 3431 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="11"] { 3432 font-size: 11px !important; 3433 } 3434 } 3435 @media (max-width: 768px) { 3436 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="12"] { 3437 font-size: 12px !important; 3438 } 3439 } 3440 @media (max-width: 768px) { 3441 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="13"] { 3442 font-size: 13px !important; 3443 } 3444 } 3445 @media (max-width: 768px) { 3446 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="14"] { 3447 font-size: 14px !important; 3448 } 3449 } 3450 @media (max-width: 768px) { 3451 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="15"] { 3452 font-size: 15px !important; 3453 } 3454 } 3455 @media (max-width: 768px) { 3456 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="16"] { 3457 font-size: 16px !important; 3458 } 3459 } 3460 @media (max-width: 768px) { 3461 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="17"] { 3462 font-size: 17px !important; 3463 } 3464 } 3465 @media (max-width: 768px) { 3466 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="18"] { 3467 font-size: 18px !important; 3468 } 3469 } 3470 @media (max-width: 768px) { 3471 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="19"] { 3472 font-size: 19px !important; 3473 } 3474 } 3475 @media (max-width: 768px) { 3476 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="20"] { 3477 font-size: 20px !important; 3478 } 3479 } 3480 @media (max-width: 768px) { 3481 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="22"] { 3482 font-size: 22px !important; 3483 } 3484 } 3485 @media (max-width: 768px) { 3486 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="24"] { 3487 font-size: 24px !important; 3488 } 3489 } 3490 @media (max-width: 768px) { 3491 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="26"] { 3492 font-size: 26px !important; 3493 } 3494 } 3495 @media (max-width: 768px) { 3496 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="28"] { 3497 font-size: 28px !important; 3498 } 3499 } 3500 @media (max-width: 768px) { 3501 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="30"] { 3502 font-size: 30px !important; 3503 } 3504 } 3505 @media (max-width: 768px) { 3506 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="32"] { 3507 font-size: 32px !important; 3508 } 3509 } 3510 @media (max-width: 768px) {
3511 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="34"] { 3512 font-size: 34px !important; 3513 } 3514 } 3515 @media (max-width: 768px) { 3516 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="36"] { 3517 font-size: 36px !important; 3518 } 3519 } 3520 @media (max-width: 768px) { 3521 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="40"] { 3522 font-size: 40px !important; 3523 } 3524 } 3525 @media (max-width: 768px) { 3526 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="44"] { 3527 font-size: 44px !important; 3528 } 3529 } 3530 @media (max-width: 768px) { 3531 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="48"] { 3532 font-size: 48px !important; 3533 } 3534 } 3535 @media (max-width: 768px) { 3536 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="52"] { 3537 font-size: 52px !important; 3538 } 3539 } 3540 @media (max-width: 768px) { 3541 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="56"] { 3542 font-size: 56px !important; 3543 } 3544 } 3545 @media (max-width: 768px) { 3546 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="60"] { 3547 font-size: 60px !important; 3548 } 3549 } 3550 @media (max-width: 768px) { 3551 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="66"] { 3552 font-size: 66px !important; 3553 } 3554 } 3555 @media (max-width: 768px) { 3556 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="72"] { 3557 font-size: 72px !important; 3558 } 3559 } 3560 @media (max-width: 768px) { 3561 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="80"] { 3562 font-size: 80px !important; 3563 } 3564 } 3565 @media (max-width: 768px) { 3566 .Mweslide_56968.owlSliderBoxAdv .item2 [data-font-size="100"] { 3567 font-size: 100px !important; 3568 } 3569 } 3570 @media (max-width: 768px) { 3571 .Mweslide_56968.owlSliderBoxAdv .item2 .contentEffect p { 3572 margin-bottom: 10px !important; 3573 } 3574 .Mweslide_56968.owlSliderBoxAdv .item2 .contentEffect img { 3575 transform: scale(1); 3576 -webkit-transform: scale(1); 3577 -moz-transform: scale(1); 3578 -ms-transform: scale(1); 3579 } 3580 } 3581 3582 @media (max-width: 768px) { 3583 } 3584 @media (max-width: 768px) { 3585 } 3586 @media (max-width: 768px) { 3587 } 3588 3589 #divDialogSlideMember .imgImageViewBG { 3590 background: 50% center / cover no-repeat; 3591 height: 220px; 3592 } 3593 @media (min-width: 1025px) { 3594 .Mweslide_56968.owlSliderBoxAdv.visible-lg { 3595 display: block !important; 3596 } 3597 } 3598 @media (max-width: 767px) { 3599 .hideslidemobile{ 3600 display: none !important; 3601 } 3602 } 3603</style> 3604 3605<div class="Mweslide_56968 owlSliderBoxAdv "> 3606 <div class="iconLoadSlider_56968 loader"> 3607 <svg class="circular" viewBox="25 25 50 50"> 3608 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" /> 3609 </svg> 3610 </div> 3611 <!-- slider --> 3612 <div class="owl-carousel owl-theme owl-carouselhh_56968 "> 3613 <!-- start item --> 3614 <div class="item item0 clickable" onclick=document.location.href="tel:0912221996"> 3615 3616 <!-- fix height --> 3617 <div class="owl-lazy" data-src="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData%2Ft120_bg3.png?v=20240529
36171424" data-src-retina="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData%2Ft120_bg3.png?v=202405291424"> 3618 <div class="contentPOS contentMargin BOXPOSn BOXPOSn_mobile"> 3619 <div class="contentEffect contentBG contentPadding" data-animation="animated active"> 3620 <p style="text-align: center;" data-font-size="14"><span style="font-family: K2D; font-size: 20px; color: #003366;" data-font-size="20"><strong data-font-size="20">รัà¸à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¸à¸ à¸à¸¢. à¸à¸²à¸«à¸²à¸£ à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ LPI à¹à¸«à¹à¸à¸³à¸à¸£à¸¶à¸à¸©à¸²à¸à¸²à¸à¸à¸¸à¸£à¸à¸´à¸ </strong></span></p> 3621<p style="text-align: center;" data-font-size="14"><span style="font-family: K2D; font-size: 20px; color: #003366;" data-font-size="20"><strong data-font-size="20">ยิà¸à¸à¸µà¹à¸«à¹à¸à¸³à¸à¸£à¸¶à¸à¸©à¸²à¹à¸à¸·à¹à¸à¸à¸à¹à¸à¸à¸£à¸µ</strong></span></p> 3622<p data-font-size="14"><span style="font-family: K2D; font-size: 20px; color: #003366;" data-font-size="20"><strong data-font-size="20"> à¹à¸£à¸²à¸à¹à¸§à¸¢à¸ªà¸à¸±à¸à¸ªà¸à¸¸à¸à¹à¸«à¹à¸à¸¸à¸£à¸à¸´à¸à¸à¸¸à¸à¹à¸à¸´à¸à¸«à¸à¹à¸²à¸à¹à¸à¹à¸à¹ à¸à¸à¸à¸à¸¸à¸à¸²à¸à¸à¸¢à¹à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸ à¹à¸£à¸à¸±à¸à¸§à¸¥</strong></span></p> 3623<p style="text-align: center;" data-font-size="14"><span style="font-family: K2D; font-size: 20px; color: #003366;" data-font-size="20"><strong data-font-size="20">à¸à¸¢à¸²à¸à¸¡à¸µà¸à¸¸à¸£à¸à¸´à¸ à¹à¸à¹à¸à¸à¸à¸à¸à¸¸à¸à¹à¸à¸ <span style="color: #f50c3f; font-size: 22px;" data-font-size="22">à¸à¸¥à¸´à¸à¹à¸¥à¸¢</span></strong></span></p> 3624<p style="text-align: center;" data-font-size="14"><span style="font-family: K2D; font-size: 20px; color: #003366;" data-font-size="20"><strong data-font-size="20">à¹à¸à¸£.091-2221996 LINE ID : ap3236</strong></span></p> 3625<p style="text-align: center;" data-font-size="14"><span style="font-family: Montserrat; font-size: 20px; color: #003366;" data-font-size="20"><strong style="background-color: rgba(255, 255, 255, 0);" data-font-size="20">E-mail : [email protected]</strong></span></p> </div> 3626 </div> 3627 </div> 3628 3629 </div> 3630 <!-- end item --> 3631 <!-- start item --> 3632 <div class="item item1 clickable" onclick=window.open("tel:0912221996")> 3633 3634 <!-- fix height --> 3635 <div class="owl-lazy" data-src="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData%2FDoc1.jpg?v=202405291424" data-src-retina="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData%2FDoc1.jpg?v=202405291424"> 3636 <div class="contentPOS contentMargin BOXPOSn BOXPOSn_mobile"> 3637 <div class="contentEffect contentBG contentPadding" data-animation="animated active"> 3638 <p style="text-align: center;" data-font-size="14"><span style="font-family: K2D; font-size: 32px;" data-font-size="32"><span style="color: #f50c3f;" data-font-size="32"> </span></span></p> 3639<p style="text-align: center;" data-font-size="14"><span style="font-family: K2D; font-size: 32px;" data-font-size="32"><span style="color: #f50c3f;" data-font-size="32">NEW....</span><span style="color: #2c2cd4;" data-font-size="32"> <span style="font-size: 30px;" data-font-size="30">รัà¸à¸à¸à¹à¸à¸à¸à¸¸à¸à¸²à¸à¹à¸à¸´à¸à¸£à¹à¸²à¸à¸à¸§à¸à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าภ/ สà¸à¸²</span></span></span></p> 3640<p style="text-align: center;" data-font-size="14"><span style="font-size: 30px;" data-font-size="30"><span style="font-family: Itim; color: #f50c3f;" data-font-size="30">สà¸à¸à¸à¸²à¸¡à¸à¸¥à¸´à¸</span><span style="color: #f50c3f;" data-font-size="30"> /<span style="color: #339966;" data-font-size="30"> add line ID: ap3236</span></span></span></p> </div> 3641 </div> 3642 </div> 3643 3644 </div> 3645 <!-- end item --> 3646 <!-- start item --> 3647 <div class="item item2" > 3648 3649 <!-- fix height --> 3650 <div class="owl-lazy" data-src="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData%2FDoc1.jpg?v=20240529
36501424" data-src-retina="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData%2FDoc1.jpg?v=202405291424"> 3651 <div class="contentPOS contentMargin BOXPOSc BOXPOSc_mobile"> 3652 <div class="contentEffect contentBG contentPadding" data-animation="animated active"> 3653 <p style="text-align: center;" data-font-size="14"><span style="font-family: Chonburi; font-size: 24px; color: #ff0000;" data-font-size="24"><span style="color: #0000ff;" data-font-size="24"><span style="color: #ff0000;" data-font-size="24">NEW... </span></span></span><span style="font-family: Chonburi; font-size: 24px; color: #2c2cd4;" data-font-size="24">à¸à¸£à¸´à¸à¸²à¸£à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸ªà¸´à¸à¸à¹à¸² à¸à¸³à¹à¸à¹à¸²à¸à¸²à¸à¹à¸£à¸·à¸ มีà¹à¸à¸à¸ªà¸²à¸£à¸à¸¹à¸à¸à¹à¸à¸</span></p> 3654<p style="text-align: center;" data-font-size="14"><span style="font-family: Chonburi; color: #2c2cd4; font-size: 20px;" data-font-size="20"><strong data-font-size="20">FCL</strong> (Full Container Load) / LCL (Less than Container Load) </span></p> 3655<p style="text-align: center;" data-font-size="14"><span style="color: #2c2cd4; font-family: Chonburi;" data-font-size="14"><span style="font-size: 20px;" data-font-size="20">สà¸à¸à¸à¸²à¸¡ add line ID: <span style="color: #ff0000;" data-font-size="20">ap3236</span></span></span></p> </div> 3656 </div> 3657 </div> 3658 3659 </div> 3660 <!-- end item --> 3661 </div> 3662</div> 3663 3664 3665 3666 3667 3668 </div> 3669 </div> 3670 </div> 3671 </div> 3672 <!-- end background div --> 3673 3674 <div style="position: relative; background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/?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; " > 3675 <a id="customize-57088" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 3676 <div class="container"> 3677 3678 <div style="padding-top: 40px; padding-bottom: 40px;"> 3679 <div > 3680 <style type="text/css"> 3681 .customHome12 .customHome12Object .item { 3682 display: block; 3683 } 3684 .customHome12 .customHome12Object .itemWithoutText { 3685 display: block; 3686 margin-bottom: 15px; 3687 } 3688 .customHome12Object .caption { 3689 padding: 0 !important; 3690 overflow: hidden; 3691 word-wrap: break-word; 3692 } 3693 .customHome12Object .contentImage { 3694 display: block; 3695 line-height: 200px; 3696 padding: 0px; 3697 text-align: center; 3698 } 3699 .customHome12Object .contentVideo { 3700 display: block; 3701 padding: 0px; 3702 text-align: center; 3703 } 3704 .customHome12Object .img-responsive { 3705 display: inline-block !important; 3706 } 3707 .brakeword12 { 3708 word-wrap: break-word; 3709 } 3710 @media only screen and (max-width: 767px){ 3711 .customHome12 .customHome12Object .row .item{ 3712 margin-bottom: 0px; 3713 } 3714 } 3715 @media only screen and (min-width: 768px){ 3716 .customHome12 .customHome12Object .row .item{ 3717 margin-bottom: 25px; 3718 } 3719 } 3720</style> 3721 <div class="row"> 3722 <div class="col-12 marginBottomSpace brakeword12 area-tinymce"> 3723 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 20px; color: #0000ff;" data-mce-style="font-size: 20px; color: #0000ff;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸à¸à¸à¹à¸²à¸¢à¸à¸²à¸£à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸à¸à¸à¸à¹à¸£à¸²</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"> <br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 20px; color: #0000ff;" data-mce-style="font-size: 20px; color: #0000ff;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¹à¸£à¸²à¹à¸à¹à¸à¸à¸¹à¹à¹à¸«à¹à¸à¸³à¹à¸à¸°à¸à¸³à¹à¸¥à¸°à¸à¸£à¸¶à¸à¸©à¸² à¸à¸£à¸à¸à¸à¸¥à¸¸à¸¡ ราà¸à¸²à¹à¸à¹à¸à¸à¸±à¸à¹à¸à¸ สะà¸à¸§à¸ à¸à¸£à¸°à¸«à¸¢à¸±à¸à¹à¸§à¸¥à¸² à¹à¸à¹à¸à¸à¸±à¸§à¸à¹à¸§à¸¢à¸à¸¸à¸£à¸à¸´à¸à¸à¸¸à¸</span></strong></span></div> </div> 3724 </div> 3725<div class="customHome12"> 3726 <div class="customHome12Object"> 3727 <div class="row"> 3728 <div class="item col-12 col-md-6 col-lg-4"> 3729 3730 <div class="marginBottomSpace"> 3731 <div class="contentImage"> 3732 <div> 3733 <img class="img-responsive lazy" 3734 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3735 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/t119_zone5_pic1.png?v=20240529
37351424" 3736 alt="" 3737 title="" 3738 /> 3739 3740 </div> 3741 </div> 3742 </div> 3743 <div class="maginBottomCaption"> 3744 <div class="caption"> 3745 <p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #0000ff; font-size: 18px;" data-mce-style="color: #0000ff; font-size: 18px;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;"> à¸à¸ à¸à¸¢.à¸à¸²à¸«à¸²à¸£à¸à¸¸à¸à¸à¸à¸´à¸ </span></strong></span></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #0000ff; font-size: 18px;" data-mce-style="color: #0000ff; font-size: 18px;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸¥à¸´à¸/à¸à¸³à¹à¸à¹à¸² </span></strong></span></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080; font-size: 14px;" data-mce-style="color: #808080; font-size: 14px;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸à¹à¸«à¸¡à¹ /à¹à¸à¹à¹à¸ à¸à¸¸à¸à¸à¸£à¸°à¹à¸ à¸à¹à¸à¸à¸ªà¸²à¸£/à¸à¸ Cert.CFS</span></strong></span></p><p style="text-align: center;" data-mce-style="text-align: center;"><br></p> </div> 3746 </div> 3747 </div> 3748 <div class="item col-12 col-md-6 col-lg-4"> 3749 3750 <div class="marginBottomSpace"> 3751 <div class="contentImage"> 3752 <div> 3753 <img class="img-responsive lazy" 3754 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3755 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/7073530.jpg?v=202405291424" 3756 alt="" 3757 title="" 3758 /> 3759 3760 </div> 3761 </div> 3762 </div> 3763 <div class="maginBottomCaption"> 3764 <div class="caption"> 3765 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px; color: #0000ff;" data-mce-style="font-size: 18px; color: #0000ff;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸à¹à¸à¹à¸à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸¥à¸´à¸/à¸à¸³à¹à¸à¹à¸²</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"> <br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 16px; color: #808080;" data-mce-style="font-size: 16px; color: #808080;"><span color="#ff9900" face="K2D" data-mce-style="font-family: K2D;" style="font-family: K2D;"><b>à¸à¸à¹à¸à¹à¸à¹à¸«à¸¡à¹ /à¸à¹à¸à¸à¸²à¸¢à¸¸ </b></span></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span color="#808080" face="K2D" data-mce-style="color: #808080; font-family: K2D;" style="color: #808080; font-family: K2D;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><b>à¸à¸£à¸´à¸à¸²à¸£à¸ªà¸à¸²à¸à¸à¸µà¹à¸à¸³à¹à¸à¹à¸²à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸</b></span></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 16px; color: #808080;" data-mce-style="font-size: 16px; color: #808080;"><span color="#ff9900" face="K2D" data-mce-style="font-family: K2D;" style="font-family: K2D;"><b>à¸à¸Cert. CFS </b></span></span></div> </div> 3766 </div> 3767 </div> 3768 <div class="item col-12 col-md-6 col-lg-4"> 3769 3770 <div class="marginBottomSpace"> 3771 <div class="contentImage"> 3772 <div> 3773 <img class="img-responsive lazy" 3774 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3775 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/technologist_white_protective_suit_walking_through_food_factory_production_line_checking_quality.jpg?v=20240529
37751424" 3776 alt="" 3777 title="" 3778 /> 3779 3780 </div> 3781 </div> 3782 </div> 3783 <div class="maginBottomCaption"> 3784 <div class="caption"> 3785 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="font-family: K2D; color: #0000ff;" data-mce-style="font-family: K2D; color: #0000ff;">à¸à¸à¸à¸à¸¸à¸à¸²à¸à¸ªà¸à¸²à¸à¸à¸µà¹à¸à¸¥à¸´à¸ / à¸à¸³à¹à¸à¹à¸²</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 14px;" data-mce-style="font-size: 14px;"><strong><span style="color: #808080; font-family: K2D;" data-mce-style="color: #808080; font-family: K2D;">à¸à¸à¹à¸«à¸¡à¹ /à¹à¸à¹à¹à¸ /</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 14px;" data-mce-style="font-size: 14px;"><strong><span style="color: #808080; font-family: K2D;" data-mce-style="color: #808080; font-family: K2D;">à¸à¹à¸à¸à¸²à¸¢à¸¸à¹à¸à¸à¸à¸¸à¸à¸²à¸à¸à¸³à¹à¸à¹à¸²à¹à¸¥à¸°à¹à¸à¸à¸à¸¸à¸à¸²à¸à¸à¸¥à¸´à¸</span></strong></span><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span color="#808080" face="K2D" data-mce-style="color: #808080; font-family: K2D;" style="color: #808080; font-family: K2D;"><b>Auditor à¸à¸£à¸§à¸à¸à¸£à¸°à¹à¸¡à¸´à¸à¸ªà¸à¸²à¸à¸à¸µà¹à¸à¸¥à¸´à¸à¸à¸²à¸¡ </b></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span color="#808080" face="K2D" data-mce-style="color: #808080; font-family: K2D;" style="color: #808080; font-family: K2D;"><b>à¸à¸£à¸°à¸à¸²à¸¨à¸¯ 420 (GMP420)</b></span></div> </div> 3786 </div> 3787 </div> 3788 <div class="item col-12 col-md-6 col-lg-4"> 3789 3790 <div class="marginBottomSpace"> 3791 <div class="contentImage"> 3792 <div> 3793 <img class="img-responsive lazy" 3794 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3795 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/port_de_barcelona_night.jpg?v=202405291424" 3796 alt="" 3797 title="" 3798 /> 3799 3800 </div> 3801 </div> 3802 </div> 3803 <div class="maginBottomCaption"> 3804 <div class="caption"> 3805 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px; color: #0000ff;" data-mce-style="font-size: 18px; color: #0000ff;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸à¸à¸¸à¸à¸²à¸à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸à¸²à¸£à¸à¸³à¹à¸à¹à¸² - สà¹à¸à¸à¸à¸</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">ยืà¹à¸ LPI à¹à¸¥à¸°à¹à¸à¸·à¹à¸à¸¡à¹à¸¢à¸GMP / à¸à¸´à¸à¸µà¸à¸²à¸£à¸¨à¸¸à¸¥à¸
3805าà¸à¸£ à¸à¸´à¸à¸à¸´à¹à¸à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸ªà¸´à¸à¸à¹à¸² /</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><font color="#808080" face="K2D"><b>à¸à¸³à¹à¸à¹à¸²à¸ªà¸´à¸à¸à¹à¸²à¸à¸²à¸à¹à¸£à¸·à¸ / à¸à¸³à¹à¸à¹à¸²à¸ªà¸´à¸à¸à¹à¸²à¸à¸²à¸à¹à¸à¸£à¸·à¹à¸à¸à¸à¸´à¸</b></font></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸´à¸à¸à¹à¸à¸«à¸à¹à¸§à¸¢à¸à¸²à¸à¹à¸à¸¥à¹à¸à¸à¸ªà¸²à¸£à¸à¸²à¸£à¸à¹à¸²/à¸à¸´à¸à¸à¹à¸à¸ªà¸à¸²à¸à¸à¸¹à¸</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸¶à¹à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸¹à¹à¸à¸³à¹à¸à¹à¸² / ยืà¹à¸à¸à¸à¸à¸³à¹à¸à¹à¸²à¸à¸±à¸§à¸à¸¢à¹à¸²à¸à¸ªà¸´à¸à¸à¹à¸²</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸ Health Certificate à¸à¸£à¸°à¸à¸à¸à¸à¸²à¸£à¸ªà¹à¸à¸à¸à¸ /</span></strong></span><br><br><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸´à¸à¸à¹à¸à¸à¸£à¸¡à¸à¸¨à¸¸à¸ªà¸±à¸à¸§à¹ / สำà¸à¸±à¸à¸¡à¸²à¸à¸£à¸à¸²à¸à¸à¸¸à¸à¸ªà¸²à¸«à¸à¸£à¸£à¸¡ (มà¸à¸.)</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div> </div> 3806 </div> 3807 </div> 3808 <div class="item col-12 col-md-6 col-lg-4"> 3809 3810 <div class="marginBottomSpace"> 3811 <div class="contentImage"> 3812 <div> 3813 <img class="img-responsive lazy" 3814 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3815 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/healthy_fresh_pet_food_ingredients_dark_surface.jpg?v=202405291424" 3816 alt="" 3817 title="" 3818 /> 3819 3820 </div> 3821 </div> 3822 </div> 3823 <div class="maginBottomCaption"> 3824 <div class="caption"> 3825 <div style="text-align: center;" data-mce-style="text-align: center;"><span color="#0000ff" face="K2D" data-mce-style="color: #0000ff; font-family: K2D;" style="color: #0000ff; font-family: K2D;"><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><b>à¸à¸¶à¹à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹</b></span></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¹à¸à¸à¸à¸¸à¸à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ </span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸¶à¹à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ (à¸à¸à¹à¸«à¸¡à¹ / à¹à¸à¹à¹à¸)</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¹à¸à¸à¸à¸¸à¸à¸²à¸à¸à¸²à¸¢à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ (รà¹à¸²à¸à¸à¸²à¸¢à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹)</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div> </div> 3826 </div> 3827 </div> 3828 <div class="item col-12 col-md-6 col-lg-4"> 3829 3830 <div class="marginBottomSpace"> 3831 <div class="contentImage"> 3832 <div> 3833 <img class="img-responsive lazy" 3834 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3835 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/modern_laboratory_interior.jpg?v=20240529
38351424" 3836 alt="" 3837 title="" 3838 /> 3839 3840 </div> 3841 </div> 3842 </div> 3843 <div > 3844 <div class="caption"> 3845 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: K2D; font-size: 18px; color: #0000ff;" data-mce-style="font-family: K2D; font-size: 18px; color: #0000ff;"><strong>à¸à¸£à¸´à¸à¸²à¸£à¸à¸·à¹à¸à¹</strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸²à¸£à¸§à¸´à¹à¸à¸£à¸²à¸°à¸«à¹à¹à¸¥à¸°à¹à¸à¸°à¸à¸³à¸à¸²à¸£à¹à¸à¸¥à¸¡à¸à¸¥à¸²à¸à¸ªà¸´à¸à¸à¹à¸²</span></strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸¥à¸²à¸à¸ªà¸´à¸à¸à¹à¸² à¸à¸¥à¸²à¸à¹à¸ à¸à¸à¸²à¸à¸²à¸£</span></strong></div><div style="text-align: center;" data-mce-style="text-align: center;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;"> à¸à¸£à¸´à¸à¸²à¸£à¸à¸µà¹à¸à¸£à¸¶à¸à¸©à¸²à¸ªà¹à¸§à¸à¸à¸±à¸§</span><br> </strong><br><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">à¸à¸²à¸£à¸à¸à¹à¸à¹à¸à¸£à¸²à¸ªà¸±à¸à¸¥à¸±à¸à¸©à¸à¹à¹à¸ à¸à¸à¸²à¸à¸²à¸£à¸à¸²à¸à¹à¸¥à¸·à¸à¸à¸ªà¸¸à¸à¸ าภ</span></strong></span><span style="color: #808080;" data-mce-style="color: #808080;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;">(Healthier Choice)</span></strong> </span><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: K2D; font-size: 14px; color: #808080;" data-mce-style="font-family: K2D; font-size: 14px; color: #808080;"><strong> à¸à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢à¸à¸²à¸£à¸à¹à¸² / à¹à¸à¸à¸à¸¸à¸à¸²à¸à¹à¸à¸´à¸à¸£à¹à¸²à¸à¸à¸²à¸«à¸²à¸£ /à¹à¸à¸à¸à¸¸à¸à¸²à¸à¹à¸à¸´à¸à¸£à¹à¸²à¸à¸à¸§à¸ สà¸à¸²</strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: K2D; font-size: 14px; color: #808080;" data-mce-style="font-family: K2D; font-size: 14px; color: #808080;"><strong>à¸à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸£à¸´à¸©à¸±à¸à¸à¸³à¸à¸±à¸ / หà¹à¸²à¸à¸«à¸¸à¹à¸à¸ªà¹à¸§à¸ / à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸²à¸à¸´à¸à¸¢à¹à¸à¸¸à¸à¸à¸¥à¸à¸£à¸£à¸¡à¸à¸²</strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: K2D; font-size: 14px; color: #808080;" data-mce-style="font-family: K2D; font-size: 14px; color: #808080;"><strong>à¸à¸à¸à¸à¸¸à¸à¸²à¸à¹à¸à¸£à¸·à¹à¸à¸à¸«à¸¡à¸²à¸¢ HALAL</strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div> </div> 3846 </div> 3847 </div> 3848 </div> 3849 </div> 3850 </div> 3851 </div> 3852 </div> 3853 </div> 3854 </div> 3855 <!-- end background div --> 3856 3857 <div style="position: relative; background-color:#ffffff; " > 3858 <a id="customize-73725" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 3859 <div class="container"> 3860 3861 <div style="padding-top: 40px; padding-bottom: 40px;"> 3862 <h2 style="color:#0000ff;text-align:center; padding-bottom:20px; word-wrap: break-word;"> 3863 4 à¹à¸«à¸à¸¸à¸à¸¥à¸«à¸¥à¸±à¸à¸à¸µà¹à¸à¸§à¸£à¹à¸¥à¸·à¸à¸à¹à¸à¹à¸à¸£à¸´à¸à¸²à¸£à¸à¸±à¸à¹à¸£à¸² </h2> 3864 <div > 3865 <style type="text/css"> 3866 .customHome2 .customHome2Object .item { 3867 display: block; 3868 } 3869 .customHome2 .customHome2Object .itemWithoutText { 3870 display: block; 3871 } 3872 .customHome2Object .caption { 3873 padding: 0 !important; 3874 overflow: hidden; 3875 word-wrap: break-word; 3876 } 3877 .customHome2Object .contentImage { 3878 display: block; 3879 padding: 0px; 3880 text-align: center; 3881 } 3882 .customHome2Object .contentVideo { 3883 display: block; 3884 padding: 0px; 3885 text-align: center; 3886 } 3887 .customHome2Object .img-responsive { 3888 display: inline-block !important; 3889 } 3890 .brakeword2 { 3891 word-wrap: break-word; 3892 } 3893</style> 3894 <div class="row"> 3895 <div class="col-12 marginBottomSpace brakeword2 area-tinymce">
3896 <span style="font-size: 34px; color: #0000ff; background-color: #ff99cc;" data-mce-style="font-size: 34px; color: #0000ff; background-color: #ff99cc;"><strong><span style="font-family: Itim;" data-mce-style="font-family: Itim;">à¹à¸«à¸à¸¸à¸à¸¥à¸«à¸¥à¸±à¸à¸à¸µà¹à¸à¸§à¸£à¹à¸à¹à¸à¸£à¸´à¸à¸²à¸£à¸à¸±à¸à¹à¸£à¸²</span></strong></span> </div> 3897 </div> 3898<div class="customHome2"> 3899 <div class="customHome2Object"> 3900 <div class="row"> 3901 <div class="item col-12 col-md-6 col-lg-3"> 3902 3903 <div class="marginBottomSpace" style="position:relative;"> 3904 <div class="contentImage"> 3905 <div> 3906 <img class="img-responsive lazy" 3907 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3908 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/businessman_s_torso_suit__1_.jpg?v=202405291424" 3909 alt="" 3910 title="" 3911 /> 3912 </div> 3913 </div> 3914 </div> 3915 <div class="maginBottomCaption"> 3916 <div class="caption"> 3917 <span class="fas fa-check-square mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 30px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 30px;" contenteditable="false"> </span><span style="font-size: 20px;" data-mce-style="font-size: 20px;"><strong><span style="font-family: Itim; color: rgb(0, 0, 255);" data-mce-style="font-family: Itim; color: #0000ff;">à¸à¸£à¸´à¸à¸²à¸£à¹à¸à¸¢à¸à¸¹à¹à¹à¸à¸µà¹à¸¢à¸§à¸à¸²à¸à¹à¸à¸¢à¸à¸£à¸</span></strong></span> </div> 3918 </div> 3919 </div> 3920 <div class="item col-12 col-md-6 col-lg-3"> 3921 3922 <div class="marginBottomSpace" style="position:relative;"> 3923 <div class="contentImage"> 3924 <div> 3925 <img class="img-responsive lazy" 3926 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3927 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/8412995_25395_1.jpg?v=202405291424" 3928 alt="" 3929 title="" 3930 /> 3931 </div> 3932 </div> 3933 </div> 3934 <div class="maginBottomCaption"> 3935 <div class="caption"> 3936 <p><span class="fas fa-check-square mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 30px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 30px;" contenteditable="false"> </span><span style="font-size: 20px; color: #0000ff;" data-mce-style="font-size: 20px; color: #0000ff;"><strong><span style="font-family: Itim;" data-mce-style="font-family: Itim;">à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¹à¸«à¹à¸à¸¸à¸à¸à¸±à¹à¸à¸à¸à¸ </span></strong></span></p><p><span style="font-size: 20px; color: #0000ff;" data-mce-style="font-size: 20px; color: #0000ff;"><strong><span style="font-family: Itim;" data-mce-style="font-family: Itim;"> à¹à¸ªà¹à¹à¸à¸à¸¸à¸à¸£à¸²à¸¢à¸¥à¸°à¹à¸à¸µà¸¢à¸ à¹à¸¡à¹à¸à¸´à¹à¸à¸à¸²à¸</span></strong></span></p> </div> 3937 </div> 3938 </div> 3939 <div class="clearfix visible-sm"></div> 3940 <div class="item col-12 col-md-6 col-lg-3"> 3941 3942 <div class="marginBottomSpace" style="position:relative;"> 3943 <div class="contentImage"> 3944 <div> 3945 <img class="img-responsive lazy" 3946 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3947 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/handshake_close_up_executives__2_.jpg?v=20240529
39471424" 3948 alt="" 3949 title="" 3950 /> 3951 </div> 3952 </div> 3953 </div> 3954 <div class="maginBottomCaption"> 3955 <div class="caption"> 3956 <span class="fas fa-check-square mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 30px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 30px;" contenteditable="false"> </span><span style="color: rgb(0, 0, 255); font-size: 20px; font-family: Itim;" data-mce-style="color: #0000ff; font-size: 20px; font-family: Itim;"><strong>รัà¸à¸©à¸²à¸à¸§à¸²à¸¡à¸¥à¸±à¸à¸à¸à¸à¸¥à¸¹à¸à¸à¹à¸²</strong></span> </div> 3957 </div> 3958 </div> 3959 <div class="item col-12 col-md-6 col-lg-3"> 3960 3961 <div class="marginBottomSpace" style="position:relative;"> 3962 <div class="contentImage"> 3963 <div> 3964 <img class="img-responsive lazy" 3965 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 3966 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/business_teamwork_success_concept__1__1.jpg?v=202405291424" 3967 alt="" 3968 title="" 3969 /> 3970 </div> 3971 </div> 3972 </div> 3973 <div > 3974 <div class="caption"> 3975 <span class="fas fa-check-square mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 30px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 30px;" contenteditable="false"> </span><span style="font-size: 20px; font-family: Itim; color: rgb(0, 0, 255);" data-mce-style="font-size: 20px; font-family: Itim; color: #0000ff;"><strong>à¸à¸²à¸£à¸±à¸à¸à¸µà¸à¸§à¸²à¸¡à¸ªà¸³à¹à¸£à¹à¸à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸§à¹à¸² 10 à¸à¸µ</strong></span> </div> 3976 </div> 3977 </div> 3978 </div> 3979 </div> 3980 </div> 3981 </div> 3982 </div> 3983 </div> 3984 </div> 3985 <!-- end background div --> 3986 3987 <div style="position: relative; background-color:#ffffff; " > 3988 <a id="contactus-57094" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 3989 <div class="container"> 3990 3991 <div style="padding-top: 40px; padding-bottom: 40px;"> 3992 <h2 style="color:#0000ff;text-align:center; padding-bottom:20px; word-wrap: break-word;"> 3993 à¹à¸«à¹à¹à¸£à¸²à¸à¸´à¸à¸à¹à¸à¸à¸¸à¸ </h2> 3994 <div > 3995 <div class="row"> 3996 <div class="col-12 col-md-6 col-lg-6" style="word-wrap: break-word;"> 3997 <p><span style="font-size: 20px;" data-mce-style="font-size: 20px;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;"> <span class="fas fa-comments mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 22px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 22px;" contenteditable="false"> </span><span style="color: #ff00ff;" data-mce-style="color: #ff00ff;">à¹à¸à¹à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¸£à¸±à¸à¸à¸£à¸´à¸à¸²à¸£ </span></span></strong></span><span style="font-size: 20px;" data-mce-style="font-size: 20px;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;"><span style="color: #ff00ff;" data-mce-style="color: #ff00ff;">หรืà¸à¸£à¸±à¸à¸à¸³à¸à¸£à¸¶à¸à¸©à¸²à¸à¸£à¸µ </span></span></strong></span></p><p><span style="font-size: 20px;" data-mce-style="font-size: 20px;"><strong><span style="font-family: K2D;" data-mce-style="font-family: K2D;"><span style="color: #ff00ff;" data-mce-style="color: #ff00ff;">à¹à¸à¹à¸à¸à¸à¹à¸£à¸²à¸à¹à¸²à¸¢à¹à¸§à¹à¸² สิà¸à¸à¹à¸²à¸à¸à¸à¸à¸¸à¸à¸à¸·à¸à¸à¸°à¹à¸£ à¸
3997ุรà¸à¸´à¸à¸à¸±à¹à¸à¸à¸¢à¸¹à¹à¸à¸±à¸à¸«à¸§à¸±à¸à¹à¸</span></span></strong></span></p> </div> 3998 <div class="col-12 col-md-6 col-lg-6"> 3999 <div id="messgeAlertContactus" class="alert" role="alert" style="display: none;"> 4000 <i class="fa fa-check-circle"></i> à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸à¸à¸à¸¸à¸à¸à¸¹à¸à¸ªà¹à¸à¹à¸£à¸µà¸¢à¸à¸£à¹à¸à¸¢à¹à¸¥à¹à¸§ </div> 4001 <form id="formContactSendBody"> 4002 <div class="form-group"> 4003 <input name="inputContactName" id="inputContactName" placeholder="à¸à¸·à¹à¸" type="text" class="validateInput form-control themeContactusBody" 4004 value=""> 4005 </div> 4006 <div class="form-group"> 4007 <input name="inputContactEmail" id="inputContactEmail" placeholder="E-mail" type="email" class="validateInput form-control themeContactusBody" 4008 value=""> 4009 </div> 4010 <div class="form-group"> 4011 <input name="inputContactPhone" id="inputContactPhone" placeholder="à¹à¸à¸à¸£à¹à¹à¸à¸£à¸¨à¸±à¸à¸à¹" type="text" class="validateInput form-control themeContactusBody" 4012 value=""> 4013 </div> 4014 <div class="form-group"> 4015 <textarea class="form-control themeContactusBody" rows="5" name="inputContactMessage" id="inputContactMessage" placeholder="à¸à¹à¸à¸à¸§à¸²à¸¡"></textarea> 4016 </div> 4017 <div class="form-group mwe-captcha"> 4018 <label id="captchaOperation" class="font-weight-bold captchaOperation"></label> 4019 <div class="input-group captchaInputPanel"> 4020 <input type="text" class="form-control captchaInput" id="captchaInput" name="captcha" style="width: 100px;"> 4021 <div class="input-group-append rounded-right"> 4022 <button class="btn btn-outline-secondary rounded-right captchaRefresh" type="button" id="refreshCaptcha"><i class="fas fa-sync-alt"></i></button> 4023 </div> 4024 </div> 4025 <small class="form-text text-muted"></small> 4026 </div> 4027 <div class="form-group buttonSendPanel"> 4028 <button type="submit" class="btn btn-style"> 4029 <i class="fas fa-envelope fa-fw" > </i>สà¹à¸à¸à¹à¸à¸à¸§à¸²à¸¡ </button> 4030 </div> 4031 </form> 4032 </div> 4033</div>
4034<script> 4035 jQuery(document).ready(function () { 4036 generateCaptchaifpm('contact'); 4037 jQuery("#refreshCaptcha").on("click", function () { 4038 generateCaptchaifpm('contact'); 4039 }); 4040 4041 jQuery('#formContactSendBody').formValidation({ 4042 framework: 'bootstrap', 4043 excluded: [':disabled'], 4044 icon: { 4045 valid: 'glyphicon glyphicon-ok', 4046 invalid: '', 4047 validating: 'glyphicon glyphicon-refresh' 4048 }, 4049 fields: { 4050 "inputContactName": { 4051 validators: { 4052 notEmpty: { 4053 message: 'à¸à¸£à¸¸à¸à¸²à¸à¸£à¸à¸à¸à¸·à¹à¸à¸à¸¹à¹à¸à¸´à¸à¸à¹à¸' 4054 } 4055 } 4056 }, 4057 "inputContactEmail": { 4058 validators: { 4059 notEmpty: { 4060 message: 'à¸à¸£à¸¸à¸à¸²à¸à¸£à¸à¸à¸à¸µà¹à¸¡à¸¥à¹à¸à¸¹à¹à¸à¸´à¸à¸à¹à¸' 4061 }, 4062 regexp: { 4063 regexp: /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,}|[0-9]{1,3})(\]?)$/, 4064 message: 'รูà¸à¹à¸à¸à¸à¸µà¹à¸¡à¸¥à¹à¹à¸¡à¹à¸à¸¹à¸à¸à¹à¸à¸' 4065 } 4066 } 4067 }, 4068 "inputContactPhone": { 4069 validators: { 4070 notEmpty: { 4071 message: 'à¸à¸£à¸¸à¸à¸²à¸à¸£à¸à¸à¸«à¸¡à¸²à¸¢à¹à¸¥à¸à¹à¸à¸£à¸¨à¸±à¸à¸à¹' 4072 } 4073 } 4074 }, 4075 "inputContactTypeID": { 4076 validators: { 4077 notEmpty: { 4078 message: 'à¸à¸£à¸¸à¸à¸²à¹à¸¥à¸·à¸à¸à¸à¸£à¸°à¹à¸ à¸à¸à¸²à¸£à¸à¸´à¸à¸à¹à¸' 4079 } 4080 } 4081 }, 4082 "inputContactMessage": { 4083 validators: { 4084 notEmpty: { 4085 message: 'à¸à¸£à¸¸à¸à¸²à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡' 4086 } 4087 } 4088 }, 4089 "captcha": { 4090 validators: { 4091 callback: { 4092 message: '', 4093 callback: function (value, validator, $field) { 4094 var ciValue = parseInt(jQuery("#captchaInput").val()); 4095 var items = jQuery('#captchaOperation').html().split(' '); 4096 var sum = parseInt(items[0]) + parseInt(items[2]); 4097 4098 return ciValue === sum; 4099 } 4100 } 4101 } 4102 } 4103 } 4104 }).on('err.validator.fv', function (e, data) { 4105 data.element 4106 .data('fv.messages') 4107 .find('.help-block[data-fv-for="' + data.field + '"]').hide() 4108 .filter('[data-fv-validator="' + data.validator + '"]').show(); 4109 }).on('success.form.fv', function (e) { 4110 jQuery('#boxLoading').fadeIn(); // block fadein 4111 jQuery(".buttonSendPanel > button").prop('disabled', true); 4112 jQuery(".buttonSendPanel > button").find('i').remove(); 4113 jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-spinner fa-pulse fa-lg fa-fw" ></i>'); 4114 e.preventDefault(); 4115 var $form = $(e.target); 4116 var bv = $form.data('formValidation'); 4117 4118 clickConversion('contact'); 4119 4120 var data = jQuery('#formContactSendBody').serialize(); 4121 jQuery('#divViewportLoading').addClass('active'); // block loading 4122 jQuery.ajax({ 4123 type: "POST", 4124 url: "/page/page_contactus/ajaxSaveContactUsController.php", 4125 data: { 4126 data: data 4127 }, success: function (reData) {
4128 jQuery('#divViewportLoading').removeClass('active'); // unblock loading 4129 if (reData === "1") { 4130 jQuery("#messgeAlertContactus").removeClass("alert-danger"); 4131 jQuery("#messgeAlertContactus").addClass("alert-success"); 4132 jQuery("#messgeAlertContactus").html('<i class="fa fa-check-circle"></i> à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸à¸à¸à¸¸à¸à¸à¸¹à¸à¸ªà¹à¸à¹à¸£à¸µà¸¢à¸à¸£à¹à¸à¸¢à¹à¸¥à¹à¸§'); 4133 } else { 4134 jQuery("#messgeAlertContactus").removeClass("alert-success"); 4135 jQuery("#messgeAlertContactus").addClass("alert-danger"); 4136 jQuery("#messgeAlertContactus").html("<i class=\"fas fa-times-circle\"></i> Please fill in contact us again."); 4137 4138 jQuery(".buttonSendPanel > button").prop('disabled', false); 4139 jQuery(".buttonSendPanel > button").find('i').remove(); 4140 jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-envelope" style="vertical-align: baseline !important;" >'); 4141 } 4142 jQuery("#messgeAlertContactus").show(); 4143 setTimeout(function () { 4144 document.location.reload(); 4145 }, 2000); 4146 //jQuery('#boxLoading').fadeOut() // unblock fadeout 4147 } 4148 }); 4149 }); 4150 }); 4151</script>
4151 4152 </div> 4153 </div> 4154 </div> 4155 </div> 4156 <!-- end background div --> 4157 4158 <div style="position: relative; background-color:#ffffff; " > 4159 <a id="album-73724" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 4160 <div class="container"> 4161 4162 <div style="padding-top: 60px; padding-bottom: 60px;"> 4163 <h2 style="color:#0000ff;text-align:center; padding-bottom:20px; word-wrap: break-word;"> 4164 สà¹à¸§à¸à¸«à¸à¸¶à¹à¸à¸à¸à¸à¸¥à¸¹à¸à¸à¹à¸²à¸à¸µà¹à¹à¸§à¹à¸§à¸²à¸à¹à¸à¹à¸à¹à¸à¸£à¸´à¸à¸²à¸£à¸à¸±à¸à¹à¸£à¸² </h2> 4165 <div > 4166 <style type="text/css"> 4167 .photosList3 .padzero { 4168 padding:0px; 4169 } 4170 .photosList3 .galleryWidget .item { 4171 height: auto; 4172 margin-bottom: 15px; 4173 display: block; 4174 } 4175 .photosList3 .galleryWidget .caption { 4176 padding: 0 !important; 4177 margin: 0 auto; 4178 } 4179 .photosList3 .galleryWidget .caption a { 4180 text-decoration: none !important; 4181 } 4182 .photosList3 .galleryWidget .caption h3 { 4183 height: auto; 4184 max-height: 40px; 4185 margin-top: 25px; 4186 margin-bottom: 10px; 4187 font-weight: bold; 4188 overflow: hidden; 4189 } 4190 .photosList3 .galleryWidget .caption p { 4191 max-height: 40px; 4192 overflow: hidden; 4193 margin-top: 25px; 4194 } 4195 .photosList3 .galleryWidget .thumbnail { 4196 background: none; 4197 border: none; 4198 height: auto; 4199 } 4200 .photosList3 .galleryWidget .galleryImage { 4201 /* vertical-align: middle; 4202 line-height: 240px; 4203 height: 240px; 4204 width: 240px; 4205 border-radius: 50%; 4206 overflow: hidden; 4207 background-position: center; 4208 background-color: #CCC; 4209 background-size: cover; 4210 margin: 0 auto; 4211 transition: all 0.3s ease 0s !important; 4212 -moz-transition: all 0.3s ease 0s !important; 4213 -webkit-transition: all 0.3s ease 0s !important; 4214 -o-transition: all 0.3s ease 0s !important; */ 4215 4216 vertical-align: middle; 4217 line-height: 240px; 4218 height: 240px; 4219 max-width: 240px; 4220 width: 100%; 4221 border-radius: 50%; 4222 overflow: hidden; 4223 background-color: #CCC; 4224 display: flex; 4225 transition: all 0.3s ease 0s !important; 4226 -moz-transition: all 0.3s ease 0s !important; 4227 -webkit-transition: all 0.3s ease 0s !important; 4228 -o-transition: all 0.3s ease 0s !important; 4229 } 4230 .photosList3 .galleryWidget .galleryImage:hover { 4231 box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.25),0px 2px 3px 0px rgba(0,0,0,0.25); 4232 } 4233 @media only screen and (min-width: 1200px) { 4234 .itemTranslate { 4235 transform: translateX(50%); 4236 -webkit-transform: translateX(50%); 4237 -moz-transform: translateX(50%); 4238 -ms-transform: translateX(50%); 4239 } 4240 } 4241 @media (max-width: 767px) { 4242 .photosList3 .galleryWidget .galleryImage {margin: 0 auto;} 4243 } 4244</style> 4245<div class="photosList3" id="Mwephotos_73724"> 4246 <div class="galleryWidget"> 4247 <div class="row "> 4248 <div class="item col-12 col-md-6 col-lg-4 col-xl-3"> 4249 <div class="thumbnail"> 4250 <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/xhbjn0.png" data-index="0"> 4251 <div class="galleryImage text-center"> 4252 <img src="https://image.makewebcdn.com/makeweb/r_400x400/xOkEW2wUk/DefaultData/xhbjn0.png?v=20240529
42521424" 4253 alt="image" 4254 title="image" 4255 style="max-width: fit-content;object-fit: cover; margin-left: auto; margin-right: auto;" 4256 /> 4257 </div> 4258 </a> 4259 </div> 4260 </div> 4261 <div class="item col-12 col-md-6 col-lg-4 col-xl-3"> 4262 <div class="thumbnail"> 4263 <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/Untitled_3.jpg" data-index="1"> 4264 <div class="galleryImage text-center"> 4265 <img src="https://image.makewebcdn.com/makeweb/r_400x400/xOkEW2wUk/DefaultData/Untitled_3.jpg?v=202405291424" 4266 alt="image" 4267 title="image" 4268 style="max-width: fit-content;object-fit: cover; margin-left: auto; margin-right: auto;" 4269 /> 4270 </div> 4271 </a> 4272 </div> 4273 </div> 4274 <div class="item col-12 col-md-6 col-lg-4 col-xl-3"> 4275 <div class="thumbnail"> 4276 <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/64_Capmax__21_2.jpg" data-index="2"> 4277 <div class="galleryImage text-center"> 4278 <img src="https://image.makewebcdn.com/makeweb/r_400x400/xOkEW2wUk/DefaultData/64_Capmax__21_2.jpg?v=202405291424" 4279 alt="image" 4280 title="image" 4281 style="max-width: fit-content;object-fit: cover; margin-left: auto; margin-right: auto;" 4282 /> 4283 </div> 4284 </a> 4285 </div> 4286 </div> 4287 <div class="item col-12 col-md-6 col-lg-4 col-xl-3"> 4288 <div class="thumbnail"> 4289 <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/DS.jpg" data-index="3"> 4290 <div class="galleryImage text-center"> 4291 <img src="https://image.makewebcdn.com/makeweb/r_400x400/xOkEW2wUk/DefaultData/DS.jpg?v=202405291424" 4292 alt="image" 4293 title="image" 4294 style="max-width: fit-content;object-fit: cover; margin-left: auto; margin-right: auto;" 4295 /> 4296 </div> 4297 </a> 4298 </div> 4299 </div> 4300 <div class="item col-12 col-md-6 col-lg-4 col-xl-3"> 4301 <div class="thumbnail"> 4302 <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/asia_1.jpg" data-index="4"> 4303 <div class="galleryImage text-center"> 4304 <img src="https://image.makewebcdn.com/makeweb/r_400x400/xOkEW2wUk/DefaultData/asia_1.jpg?v=202405291424" 4305 alt="image" 4306 title="image" 4307 style="max-width: fit-content;object-fit: cover; margin-left: auto; margin-right: auto;" 4308 /> 4309 </div> 4310 </a> 4311 </div> 4312 </div> 4313 <div class="item col-12 col-md-6 col-lg-4 col-xl-3"> 4314 <div class="thumbnail"> 4315 <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/logo_removebg_preview_2.png" data-index="5"> 4316 <div class="galleryImage text-center"> 4317 <img src="https://image.makewebcdn.com/makeweb/r_400x400/xOkEW2wUk/DefaultData/logo_removebg_preview_2.png?v=20240529
43171424" 4318 alt="image" 4319 title="image" 4320 style="max-width: fit-content;object-fit: cover; margin-left: auto; margin-right: auto;" 4321 /> 4322 </div> 4323 </a> 4324 </div> 4325 </div> 4326 <div class="item col-12 col-md-6 col-lg-4 col-xl-3"> 4327 <div class="thumbnail"> 4328 <a class="gall-item" href="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/DefaultData/A9277FE5_D7D4_4CAE_843E_91BDF002D830.jpg" data-index="6"> 4329 <div class="galleryImage text-center"> 4330 <img src="https://image.makewebcdn.com/makeweb/r_400x400/xOkEW2wUk/DefaultData/A9277FE5_D7D4_4CAE_843E_91BDF002D830.jpg?v=202405291424" 4331 alt="image" 4332 title="image" 4333 style="max-width: fit-content;object-fit: cover; margin-left: auto; margin-right: auto;" 4334 /> 4335 </div> 4336 </a> 4337 </div> 4338 </div> 4339 </div> 4340 </div> 4341</div> 4342
4342<script> 4343 jQuery(document).ready(function() { 4344 $('#Mwephotos_73724 .gall-item').magnificPopup({ 4345 type: 'image', 4346 gallery: { 4347 enabled: true 4348 } 4349 }); 4350 }); 4351 </script>
4351 4352 </div> 4353 </div> 4354 </div> 4355 </div> 4356 <!-- end background div --> 4357 4358 <div style="position: relative; background-color:#ffffff; " > 4359 <a id="customize-73730" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 4360 <div class="container"> 4361 4362 <div style="padding-top: 40px; padding-bottom: 40px;"> 4363 <h2 style="color:#373e44;text-align:center; padding-bottom:20px; word-wrap: break-word;"> 4364 REVIEW </h2> 4365 <div > 4366 <style type="text/css"> 4367 .customHome12 .customHome12Object .item { 4368 display: block; 4369 } 4370 .customHome12 .customHome12Object .itemWithoutText { 4371 display: block; 4372 margin-bottom: 15px; 4373 } 4374 .customHome12Object .caption { 4375 padding: 0 !important; 4376 overflow: hidden; 4377 word-wrap: break-word; 4378 } 4379 .customHome12Object .contentImage { 4380 display: block; 4381 line-height: 200px; 4382 padding: 0px; 4383 text-align: center; 4384 } 4385 .customHome12Object .contentVideo { 4386 display: block; 4387 padding: 0px; 4388 text-align: center; 4389 } 4390 .customHome12Object .img-responsive { 4391 display: inline-block !important; 4392 } 4393 .brakeword12 { 4394 word-wrap: break-word; 4395 } 4396 @media only screen and (max-width: 767px){ 4397 .customHome12 .customHome12Object .row .item{ 4398 margin-bottom: 0px; 4399 } 4400 } 4401 @media only screen and (min-width: 768px){ 4402 .customHome12 .customHome12Object .row .item{ 4403 margin-bottom: 25px; 4404 } 4405 } 4406</style> 4407 <div class="row"> 4408 <div class="col-12 marginBottomSpace brakeword12 area-tinymce"> 4409 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px; color: #2c2cd4;" data-mce-style="font-size: 18px; color: #2c2cd4;"><strong><span style="font-family: 'Chakra Petch';" chakra="" petch="" data-mce-style="font-family: 'Chakra Petch';"><span style="color: #f50c3f;" data-mce-style="color: #f50c3f;">รีวิว</span> สà¹à¸§à¸à¸«à¸à¸¶à¹à¸à¸à¸²à¸à¸¥à¸¹à¸à¸à¹à¸²à¸à¸à¸à¹à¸£à¸²</span></strong></span></div> </div> 4410 </div> 4411<div class="customHome12"> 4412 <div class="customHome12Object"> 4413 <div class="row"> 4414 <div class="item col-12 col-md-6 col-lg-4"> 4415 4416 <div class="marginBottomSpace"> 4417 <div class="contentImage"> 4418 <div> 4419 <img class="img-responsive lazy" 4420 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4421 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/287254.jpg?v=202405291424" 4422 alt="" 4423 title="" 4424 /> 4425 4426 </div> 4427 </div> 4428 </div> 4429 <div class="maginBottomCaption"> 4430 <div class="caption"> 4431 <img src="https://image.makewebcdn.com/makeweb/0/xOkEW2wUk/DefaultData/287261.jpg?v=20240529
44311424" data-mce-src="https://image.makewebcdn.com/makeweb/0/xOkEW2wUk/DefaultData/287261.jpg?v=202405291424"> </div> 4432 </div> 4433 </div> 4434 <div class="item col-12 col-md-6 col-lg-4"> 4435 4436 <div class="marginBottomSpace"> 4437 <div class="contentImage"> 4438 <div> 4439 <img class="img-responsive lazy" 4440 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4441 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/287252.jpg?v=202405291424" 4442 alt="" 4443 title="" 4444 /> 4445 4446 </div> 4447 </div> 4448 </div> 4449 <div class="maginBottomCaption"> 4450 <div class="caption"> 4451 <img src="https://image.makewebcdn.com/makeweb/0/xOkEW2wUk/DefaultData/287264.jpg?v=202405291424" data-mce-src="https://image.makewebcdn.com/makeweb/0/xOkEW2wUk/DefaultData/287264.jpg?v=202405291424"> </div> 4452 </div> 4453 </div> 4454 <div class="item col-12 col-md-6 col-lg-4"> 4455 4456 <div class="marginBottomSpace"> 4457 <div class="contentImage"> 4458 <div> 4459 <img class="img-responsive lazy" 4460 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4461 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/287266.jpg?v=202405291424" 4462 alt="" 4463 title="" 4464 /> 4465 4466 </div> 4467 </div> 4468 </div> 4469 <div class="maginBottomCaption"> 4470 <div class="caption"> 4471 <img src="https://image.makewebcdn.com/makeweb/0/xOkEW2wUk/DefaultData/287251.jpg?v=202405291424" data-mce-src="https://image.makewebcdn.com/makeweb/0/xOkEW2wUk/DefaultData/287251.jpg?v=202405291424"> </div> 4472 </div> 4473 </div> 4474 <div class="item col-12 col-md-6 col-lg-4"> 4475 4476 <div class=""> 4477 <div class="contentImage"> 4478 <div> 4479 <img class="img-responsive lazy" 4480 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4481 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/287262.jpg?v=20240529
44811424" 4482 alt="" 4483 title="" 4484 /> 4485 4486 </div> 4487 </div> 4488 </div> 4489 <div class="maginBottomCaptionmini"> 4490 </div> 4491 </div> 4492 <div class="item col-12 col-md-6 col-lg-4"> 4493 4494 <div class=""> 4495 <div class="contentImage"> 4496 <div> 4497 <img class="img-responsive lazy" 4498 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4499 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/287263_1.jpg?v=202405291424" 4500 alt="" 4501 title="" 4502 /> 4503 4504 </div> 4505 </div> 4506 </div> 4507 <div class="maginBottomCaptionmini"> 4508 </div> 4509 </div> 4510 <div class="item col-12 col-md-6 col-lg-4"> 4511 4512 <div class=""> 4513 <div class="contentImage"> 4514 <div> 4515 <img class="img-responsive lazy" 4516 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4517 data-src="https://image.makewebcdn.com/makeweb/m_750x0/xOkEW2wUk/DefaultData/287269.jpg?v=202405291424" 4518 alt="" 4519 title="" 4520 /> 4521 4522 </div> 4523 </div> 4524 </div> 4525 <div > 4526 </div> 4527 </div> 4528 </div> 4529 </div> 4530 </div> 4531 </div> 4532 </div> 4533 </div> 4534 </div> 4535 <!-- end background div --> 4536 4537 <div style="position: relative; background-color:#ffffff; " > 4538 <a id="content-57095" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 4539 <div class="container"> 4540 4541 <div style="padding-top: 40px; padding-bottom: 40px;"> 4542 <h2 style="color:#0000ff;text-align:center; padding-bottom:20px; word-wrap: break-word;"> 4543 à¸à¸à¸à¸§à¸²à¸¡à¸à¹à¸²à¸£à¸¹à¹ à¸à¸¹à¹à¸à¸¸à¸£à¸à¸´à¸à¸à¸¸à¸ </h2> 4544 <div > 4545 <style type="text/css"> 4546 .contentList1 .contentWidget .item { 4547 margin-bottom: 15px; 4548 display: block; 4549 } 4550 .contentList1 .contentWidget .contentImage { 4551 display: block; 4552 text-align: center; 4553 height: 260px; 4554 } 4555 .contentList1 .divImage { 4556 width: 260px; 4557 height: 260px; 4558 display: table-cell; 4559 overflow: hidden; 4560 position: relative; 4561 vertical-align: top; 4562 } 4563 .contentList1 .contentWidget img { 4564 max-height: 100%; 4565 height: auto; 4566 width: auto; 4567 top: 0; 4568 display: block; 4569 left: 0; 4570 bottom: 0; 4571 position: absolute; 4572 right: 0; 4573 transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important; 4574 -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important; 4575 -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important; 4576 -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important; 4577 } 4578 @media only screen and (min-width: 1200px) { 4579 .contentList1 .contentWidget .contentImage:hover img { 4580 transform: scale(1.1); 4581 -moz-transform: scale(1.1); 4582 -webkit-transform: scale(1.1); 4583 -o-transform: scale(1.1); 4584 } 4585 } 4586 .contentList1 .contentWidget .thumbnail { 4587 height: auto; 4588 } 4589 .contentList1 .contentName, .contentList1 .contentIntro, .contentList1 .contentDate, .contentList1 .contentAction { 4590 margin-top: 10px; 4591 margin-bottom: 10px; 4592 overflow: hidden; 4593 word-break: break-word; 4594 } 4595 .contentList1 .contentName { 4596 /*max-height: 50px;*/ 4597 display: -webkit-box; 4598 -webkit-line-clamp: 2; 4599 -webkit-box-orient: vertical; 4600 overflow: hidden; 4601 } 4602 .contentList1 .contentName h3 { 4603 line-height: 25px; 4604 margin: 0; 4605 } 4606 .contentList1 .contentIntro { 4607 max-height: 80px; 4608 } 4609 .contentList1 .contentIntro > p { 4610 line-height: 20px; 4611 } 4612 .contentList1 .contentDate { 4613 height: 30px; 4614 } 4615 .contentList1 .contentDate > p { 4616 line-height: 30px; 4617 } 4618 .contentList1 .contentAction { 4619 height: 40px; 4620 line-height: 40px; 4621 vertical-align: middle; 4622 } 4623 .contentList1 .contentAction .fa { 4624 vertical-align: inherit; 4625 } 4626 @media only screen and (max-width: 767px) { 4627 .contentList1 .contentIntro { 4628 max-height: 77px; 4629 } 4630 .contentList1 .contentIntro > p { 4631 line-height: 19px; 4632 } 4633 .contentList1 .contentWidget .item { 4634 height: auto; 4635 } 4636 .contentList1 .contentName { 4637 height: auto; 4638 } 4639 .contentList1 .contentName h3 { 4640 line-height: normal; 4641 } 4642 .contentList1 .contentDate { 4643 height: auto; 4644 } 4645 .contentList1 .contentDate > p { 4646 line-height: normal; 4647 } 4648 .contentList1 .contentAction { 4649 height: auto; 4650 line-height: normal; 4651 vertical-align: middle; 4652 } 4653 } 4654 .contentList1 .contentName a { 4655 text-decoration: none !important; 4656 } 4657 4658 .contentList1 .divContent { 4659 padding: 0 15px; 4660 display: table-cell; 4661 vertical-align: top; 4662 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 4663 white-space: -pre-wrap; /* Opera 4-6 */ 4664 white-space: -o-pre-wrap; /* Opera 7 */ 4665 word-wrap: break-word; /* Internet Explorer 5.5+ */ 4666 } 4667 4668 @media only screen and (min-width: 768px) { 4669 #contentList1_57095{ 4670 padding-top: 20px; 4671 } 4672 .contentList1 .contentCaption { 4673 margin-top: 10px; 4674 } 4675 } 4676 @media only screen and (max-width: 767px) { 4677 #contentList1_57095{ 4678 padding-top: 20px; 4679 } 4680 .contentList1 .contentWidget .divImage { 4681 width: auto; 4682 display: block; 4683 float: none; 4684 } 4685 .contentList1 .contentCaption { 4686 margin-top: 20px; 4687 } 4688 4689 #contentList1_57095 .contentWidget .contentImage { 4690 height:calc(100vw - 32px); 4691 } 4692 #contentList1_57095 .divImage { 4693 /* height: 100%; */ 4694 height: auto; 4695 } 4696 #contentList1_57095 .contentWidget img { 4697 max-height: 100%; 4698 } 4699 #contentList1_57095 .contentWidget img { 4700 top: 50%; 4701 -webkit-transform: translateY(-50%); 4702 transform: translateY(-50%); 4703 } 4704 } 4705 .contentImage>a>div{ 4706 width: 100%; 4707 height: 100%; 4708 background-position: center; 4709 background-repeat: no-repeat; 4710 background-size: cover; 4711 }
4712 .contentImageEffect { 4713 -webkit-transition: all .3s; 4714 -moz-transition: all .3s; 4715 -o-transition: all .3s; 4716 transition: all .3s; 4717 } 4718 .contentImage:hover .contentImageEffect, 4719 .contentImage:focus .contentImageEffect { 4720 transform: scale(1.1); 4721 -webkit-transition: all .3s; 4722 -moz-transition: all .3s; 4723 -o-transition: all .3s; 4724 transition: all .3s; 4725 } 4726 4727 @media only screen and (min-width: 993px) and (max-width: 1024px) { 4728 #contentList1_57095 .divImage{ 4729 width: 200px; 4730 } 4731 #contentList1_57095 .contentWidget .contentImage { 4732 height: 100%; 4733 } 4734 #contentList1_57095 .contentWidget img { 4735 max-height: 100%; 4736 } 4737 } 4738 4739 @media only screen and (min-width: 768px) and (max-width: 992px) { 4740 #contentList1_57095 .divImage{ 4741 width: 260px; 4742 } 4743 #contentList1_57095 .contentWidget .contentImage { 4744 height: 100%; 4745 } 4746 #contentList1_57095 .contentWidget img { 4747 max-height: 100%; 4748 } 4749 } 4750 4751</style> 4752 4753<div class="contentList1" id="contentList1_57095"> 4754 <div class="contentWidget"> 4755 <div class="row"> 4756 <div class="item col-12 col-lg-6"> 4757 <div class="border rounded"> 4758 <div class="divImage rounded-left"> 4759 <div class="contentImage"> 4760 <a href="/content/26903/à¸à¸²à¸£à¸à¸à¹à¸¥à¸à¸ªà¸²à¸£à¸à¸-à¸à¸¢-สำà¸à¸±à¸à¸à¸¢à¹à¸²à¸à¹à¸£-à¸à¸³à¹à¸¡à¸à¹à¸à¸à¸à¸-"> 4761 <img class="lazy mx-auto" 4762 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4763 data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/xOkEW2wUk/DefaultData/8289944_25321.jpg?v=202405291424" 4764 alt="à¸à¸²à¸£à¸à¸à¹à¸¥à¸à¸ªà¸²à¸£à¸à¸ à¸à¸¢. สำà¸à¸±à¸à¸à¸¢à¹à¸²à¸à¹à¸£ à¸à¸³à¹à¸¡à¸à¹à¸à¸à¸à¸ ?" 4765 title="à¸à¸²à¸£à¸à¸à¹à¸¥à¸à¸ªà¸²à¸£à¸à¸ à¸à¸¢. สำà¸à¸±à¸à¸à¸¢à¹à¸²à¸à¹à¸£ à¸à¸³à¹à¸¡à¸à¹à¸à¸à¸à¸ ?" 4766 /> 4767 </a> 4768 </div> 4769 </div> 4770 <div class="divContent"> 4771 <div class="contentCaption"> 4772 <div class="contentName"> 4773 <a href="/content/26903/à¸à¸²à¸£à¸à¸à¹à¸¥à¸à¸ªà¸²à¸£à¸à¸-à¸à¸¢-สำà¸à¸±à¸à¸à¸¢à¹à¸²à¸à¹à¸£-à¸à¸³à¹à¸¡à¸à¹à¸à¸à¸à¸-"> 4774 <h3 class="h3-hover">à¸à¸²à¸£à¸à¸à¹à¸¥à¸à¸ªà¸²à¸£à¸à¸ à¸à¸¢. สำà¸à¸±à¸à¸à¸¢à¹à¸²à¸à¹à¸£ à¸à¸³à¹à¸¡à¸à¹à¸à¸à¸à¸ ?</h3> 4775 </a> 4776 </div> 4777 <div class="contentDate"> 4778 <p>1 à¸.ย. 2565</p> 4779 </div> 4780 <div class="contentIntro"> 4781 <p>à¹à¸«à¸à¸¸à¸à¸¥à¸à¸µà¹à¸à¹à¸à¸à¸à¸à¹à¸¥à¸à¸ªà¸²à¸£à¸à¸à¸à¸²à¸«à¸²à¸£à¸«à¸£à¸·à¸à¸à¸¶à¹à¸à¸à¸°à¹à¸à¸µà¸¢à¸ à¸à¸¢.à¸à¸·à¸à¸à¸°à¹à¸£ à¸à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸°à¸à¹à¸§à¸¢à¹à¸«à¹à¸à¸¸à¸à¹à¸à¹à¸²à¹à¸ à¸à¸£à¸°à¸«à¸à¸±à¸à¸à¸¶à¸à¸à¸§à¸²à¸¡à¸ªà¸³à¸à¸±à¸ à¸à¸±à¹à¸à¹à¸à¸à¸²à¸à¸°à¸à¸¹à¹à¸à¸£à¸°à¸à¸à¸à¸à¸²à¸£à¹à¸¥à¸°à¸à¸¹à¹à¸à¸£à¸´à¹à¸ à¸</p> 4782 </div> 4783 <div class="contentAction"> 4784 <a href="/content/26903/à¸à¸²à¸£à¸à¸à¹à¸¥à¸à¸ªà¸²à¸£à¸à¸-à¸à¸¢-สำà¸à¸±à¸à¸à¸¢à¹à¸²à¸à¹à¸£-à¸à¸³à¹à¸¡à¸à¹à¸à¸à¸à¸-"> 4785 à¸à¸¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> 4786 </a> 4787 </div> 4788 </div> 4789 </div> 4790 </div> 4791 </div> 4792 <div class="item col-12 col-lg-6"> 4793 <div class="border rounded"> 4794 <div class="divImage rounded-left"> 4795 <div class="contentImage"> 4796 <a href="/content/26902/รูà¹à¸à¸±à¹à¸à¸à¸à¸-à¹à¸à¹à¸à¸à¸¹à¹à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£à¸à¸¢à¹à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£"> 4797 <img class="lazy mx-auto" 4798 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4799 data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/xOkEW2wUk/DefaultData/4300293_18016_1.jpg?v=20240529
47991424" 4800 alt="รูà¹à¸à¸±à¹à¸à¸à¸à¸ à¹à¸à¹à¸à¸à¸¹à¹à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£à¸à¸¢à¹à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£" 4801 title="รูà¹à¸à¸±à¹à¸à¸à¸à¸ à¹à¸à¹à¸à¸à¸¹à¹à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£à¸à¸¢à¹à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£" 4802 /> 4803 </a> 4804 </div> 4805 </div> 4806 <div class="divContent"> 4807 <div class="contentCaption"> 4808 <div class="contentName"> 4809 <a href="/content/26902/รูà¹à¸à¸±à¹à¸à¸à¸à¸-à¹à¸à¹à¸à¸à¸¹à¹à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£à¸à¸¢à¹à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£"> 4810 <h3 class="h3-hover">รูà¹à¸à¸±à¹à¸à¸à¸à¸ à¹à¸à¹à¸à¸à¸¹à¹à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£à¸à¸¢à¹à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£</h3> 4811 </a> 4812 </div> 4813 <div class="contentDate"> 4814 <p>1 à¸.ย. 2565</p> 4815 </div> 4816 <div class="contentIntro"> 4817 <p>สำหรัà¸à¸à¹à¸²à¸à¸à¸µà¹à¸¡à¸µà¸à¸§à¸²à¸¡à¸à¸´à¸à¸à¸¢à¸²à¸à¸à¸°à¹à¸£à¸´à¹à¸¡à¸à¹à¸à¸à¸³à¹à¸£à¸à¸à¸²à¸à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£ à¹à¸à¸£à¸²à¸°à¸¡à¸à¸à¹à¸«à¹à¸à¹à¸à¸à¸²à¸ªà¸à¸µà¹à¹à¸à¸´à¸à¸à¸§à¹à¸²à¸à¹à¸à¸à¸¥à¸²à¸à¸à¸µà¹ à¸à¸¢à¸²à¸¢à¸à¸¥à¸²à¸à¸à¸²à¸£à¸à¸²à¸¢ สรà¹à¸²à¸à¸à¸§à¸²à¸¡à¸à¹à¸²à¹à¸à¸·à¹à¸à¸à¸·à¸</p> 4818 </div> 4819 <div class="contentAction"> 4820 <a href="/content/26902/รูà¹à¸à¸±à¹à¸à¸à¸à¸-à¹à¸à¹à¸à¸à¸¹à¹à¸à¸¥à¸´à¸à¸à¸²à¸«à¸²à¸£à¸à¸¢à¹à¸²à¸à¸à¸¹à¸à¸à¹à¸à¸à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£"> 4821 à¸à¸¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> 4822 </a> 4823 </div> 4824 </div> 4825 </div> 4826 </div> 4827 </div> 4828 <div class="item col-12 col-lg-6"> 4829 <div class="border rounded"> 4830 <div class="divImage rounded-left"> 4831 <div class="contentImage"> 4832 <a href="/content/28927/à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡-à¸à¸·à¸à¸à¸°à¹à¸£-à¸à¸¢à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸«à¸£à¸·à¸à¸à¸¥à¸´à¸-à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£"> 4833 <img class="lazy mx-auto" 4834 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4835 data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/xOkEW2wUk/DefaultData/yellow_pills_arrangement.jpg?v=202405291424" 4836 alt="à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡ à¸à¸·à¸à¸à¸°à¹à¸£ à¸à¸¢à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸«à¸£à¸·à¸à¸à¸¥à¸´à¸ à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£" 4837 title="à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡ à¸à¸·à¸à¸à¸°à¹à¸£ à¸à¸¢à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸«à¸£à¸·à¸à¸à¸¥à¸´à¸ à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£" 4838 /> 4839 </a> 4840 </div> 4841 </div> 4842 <div class="divContent"> 4843 <div class="contentCaption"> 4844 <div class="contentName"> 4845 <a href="/content/28927/à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡-à¸à¸·à¸à¸à¸°à¹à¸£-à¸à¸¢à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸«à¸£à¸·à¸à¸à¸¥à¸´à¸-à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£"> 4846 <h3 class="h3-hover">à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡ à¸à¸·à¸à¸à¸°à¹à¸£ à¸à¸¢à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸«à¸£à¸·à¸à¸à¸¥à¸´à¸ à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£</h3> 4847 </a> 4848 </div> 4849 <div class="contentDate"> 4850 <p>4 à¸.à¸. 2565</p> 4851 </div> 4852 <div class="contentIntro"> 4853 <p>à¸à¸±à¸à¸à¸¸à¸à¸±à¸à¸à¸£à¸°à¹à¸ªà¸£à¸±à¸à¸ªà¸¸à¸à¸ าภยัà¸à¸à¸à¹à¸à¹à¸£à¸±à¸à¸à¸§à¸²à¸¡à¸à¸´à¸¢à¸¡à¸à¸¢à¹à¸²à¸à¸à¹à¸à¹à¸à¸·à¹à¸à¸ à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¸à¸³à¹à¸à¹à¸à¸à¹à¸à¸à¸¡à¸µà¹à¸¥à¸ à¸à¸¢ à¹à¸«à¸¡à¸à¸° à¸à¸¢à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸«à¸£à¸·à¸à¸à¸¥à¸´à¸à¸à¹à¸à¸à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£ มาหาà¸à¸³à¸à¸à¸à¸à¸±à¸à¹à¸¥à¸¢</p> 4854 </div> 4855 <div class="contentAction"> 4856 <a href="/content/28927/à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡-à¸à¸·à¸à¸à¸°à¹à¸£-à¸à¸¢à¸²à¸à¸à¸³à¹à¸à¹à¸²à¸«à¸£à¸·à¸à¸à¸¥à¸´à¸-à¸à¸³à¸à¸¢à¹à¸²à¸à¹à¸£"> 4857 à¸à¸¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> 4858 </a> 4859 </div> 4860 </div> 4861 </div> 4862 </div> 4863 </div> 4864 <div class="item col-12 col-lg-6"> 4865 <div class="border rounded"> 4866 <div class="divImage rounded-left"> 4867 <div class="contentImage"> 4868 <a href="/content/28917/lpi-license-per-invoice-à¸à¸·à¸à¸à¸°à¹à¸£-ยืà¹à¸à¸à¸à¸à¸¢à¹à¸²à¸à¹à¸£"> 4869 <img class="lazy mx-auto" 4870 src="https://webbuilder68.makewebeasy.com/images/lazy_default.png" 4871 data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/xOkEW2wUk/DefaultData/t03-content01.jpg?v=20240529
48711424" 4872 alt="LPI (License per Invoice) à¸à¸·à¸à¸à¸°à¹à¸£ ยืà¹à¸à¸à¸à¸à¸¢à¹à¸²à¸à¹à¸£" 4873 title="LPI (License per Invoice) à¸à¸·à¸à¸à¸°à¹à¸£ ยืà¹à¸à¸à¸à¸à¸¢à¹à¸²à¸à¹à¸£" 4874 /> 4875 </a> 4876 </div> 4877 </div> 4878 <div class="divContent"> 4879 <div class="contentCaption"> 4880 <div class="contentName"> 4881 <a href="/content/28917/lpi-license-per-invoice-à¸à¸·à¸à¸à¸°à¹à¸£-ยืà¹à¸à¸à¸à¸à¸¢à¹à¸²à¸à¹à¸£"> 4882 <h3 class="h3-hover">LPI (License per Invoice) à¸à¸·à¸à¸à¸°à¹à¸£ ยืà¹à¸à¸à¸à¸à¸¢à¹à¸²à¸à¹à¸£</h3> 4883 </a> 4884 </div> 4885 <div class="contentDate"> 4886 <p>4 à¸.à¸. 2565</p> 4887 </div> 4888 <div class="contentIntro"> 4889 <p>License per Invoice หรืà¸à¹à¸£à¸µà¸¢à¸à¸à¸¢à¹à¸²à¸à¸¢à¹à¸à¸§à¹à¸²LPI หรืภà¹à¸à¸£à¸±à¸à¹à¸à¹à¸à¸à¸²à¸£à¸à¸³à¹à¸à¹à¸²à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸ªà¸¸à¸à¸ าภà¹à¸à¹à¸à¸«à¸à¸±à¸à¸ªà¸·à¸à¸£à¸±à¸à¸à¸£à¸²à¸à¸à¸²à¸£à¸à¸³à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸ªà¸¸à¸à¸ าà¸à¹à¸à¹à¸²à¸¡à¸²à¹à¸à¸£à¸²à¸à¸à¸²à¸à¸²à¸à¸±à¸à¸£ </p> 4890 </div> 4891 <div class="contentAction"> 4892 <a href="/content/28917/lpi-license-per-invoice-à¸à¸·à¸à¸à¸°à¹à¸£-ยืà¹à¸à¸à¸à¸à¸¢à¹à¸²à¸à¹à¸£"> 4893 à¸à¸¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i> 4894 </a> 4895 </div> 4896 </div> 4897 </div> 4898 </div> 4899 </div> 4900 </div> 4901 </div> 4902</div> 4903<style> 4904 .viewmoreContent{ 4905 padding-bottom: 20px; 4906 } 4907</style> 4908<div class="viewmoreContent"> 4909 <div class="row"> 4910 <div class="col-12 text-left"> 4911 <a href="/categorycontent" target="_self"> 4912 à¸à¸¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ </a> 4913 </div> 4914 </div> 4915</div> </div> 4916 </div> 4917 </div> 4918 </div> 4919 <!-- end background div --> 4920 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 4921 </div> 4922
4922<script> 4923 function renderYoutubeIframe(e, video_id) { 4924 var iframe = document.createElement( "iframe" ); 4925 iframe.setAttribute( "frameborder", "0" ); 4926 iframe.setAttribute( "allowfullscreen", "" ); 4927 iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" ); 4928 e.innerHTML = ""; 4929 e.appendChild( iframe ); 4930 } 4931 4932 function secflascounter(timer,boxid,turn) { 4933 if(timer!=''){ 4934 arrayData3 = timer; 4935 //var timeParsed = arrayData3.replace(' ', 'T'); 4936 //var countDownDate = new Date(timer).getTime(); 4937 var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 4938 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 4939 var asx = setInterval(function() { 4940 //var now = new Date().getTime(); 4941 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 4942 var distance = countDownDate - now; 4943 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 4944 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 4945 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 4946 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 4947 jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2)); 4948 jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2)); 4949 jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2)); 4950 jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2)); 4951 if (distance < 0) { 4952 clearInterval(asx); 4953 } 4954 }, 1000); 4955 }else{ 4956 clearInterval(asx); 4957 } 4958 } 4959 </script>
4959 4960 </div> 4961 <div id="section-footer"> 4962 <style>.menuCol { 4963 width: 100% !important; 4964 padding-right: 15px; 4965 padding-left: 15px; 4966} 4967@media only screen and (min-width: 768px) { 4968 .menuCol { 4969 width: 33.333333% !important; 4970 } 4971}</style><style> 4972 .subscribeInput { 4973 display: block !important; 4974 } 4975 @media only screen and (max-width: 768px) { 4976 .fieldSubscribe { 4977 line-height: 10px !important; 4978 } 4979 } 4980</style> 4981<footer class="footer01 footerZone"> 4982 <div id="footer-area"> 4983 <div class="container"> 4984 <div class="row"> 4985 <div class="col-12 col-sm-9"> 4986 <div class="row"> 4987 <div class="col-12"> 4988 <style> 4989 .footerTopic{ 4990 border-bottom: 1px solid transparent; 4991 color: #0000ff; 4992 font-size:24px; 4993 font-family : 'Pattaya'; 4994 font-weight : bold; 4995 font-style : normal; 4996 text-decoration : none; 4997 } 4998 .li-footer-sub{ 4999 border-bottom: 1px solid #6fa8dc; 5000 padding: 10px 0; 5001 } 5002 .li-footer-sub a{ 5003 padding-left: 0px; 5004 color: #0051ac; 5005 font-size:22px; 5006 font-family : 'Sriracha'; 5007 font-weight : bold; 5008 font-style : normal; 5009 text-decoration : none; 5010 } 5011 .li-footer-sub a:hover{ 5012 color: #93c47d; 5013 } 5014 .menuCol{ 5015 margin-bottom: 10px; 5016 } 5017 /*.menuCol:last-child{ 5018 margin-bottom: 0; 5019 }*/ 5020 </style> 5021<div class="row"> 5022 <div class="menuCol"> 5023 <div class="footerTopic" id="footermenu-head_1"> 5024 à¸à¸¥à¸à¸²à¸à¸à¸µà¹à¸à¹à¸²à¸à¸¡à¸²à¸à¸à¸à¹à¸£à¸² </div> 5025 <div class="advdividerF"style="visibility: hidden;"></div> 5026 <ul class="ul-footermenu-sub"> 5027 <li class="li-footer-sub"> 5028 <a href="https://www.facebook.com/apfda3236" target="_blank"> 5029 à¹à¸¢à¸µà¹à¸¢à¸¡à¸à¸¡à¸à¸¥à¸à¸²à¸ à¸à¸¥à¸´à¸à¸à¸µà¹à¸à¸µà¹ </a> 5030 </li> 5031 </ul> 5032 </div> 5033 </div> 5034 </div> 5035 </div> 5036 </div> 5037 <div class="col-12 col-sm-3"> 5038 <div class="row"> 5039 <div class="col-12"> 5040 <div style="margin-bottom:10px;"> 5041 <div class="wordWrapFooterHtml footer-mb-mobile"> 5042 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 24px; font-family: Pattaya; color: #339966;" data-mce-style="font-size: 24px; font-family: Pattaya; color: #339966;">CONTACT US</span></div><div style="text-align: left;" data-mce-style="text-align: left;"> <br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 18px; font-family: Niramit; color: #0000ff;" data-mce-style="font-size: 18px; font-family: Niramit; color: #0000ff;"><strong>AP ENTERLIGANCE CO.,LTD</strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"> <br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px; font-family: Kanit; color: #0000ff;" data-mce-style="font-size: 16px; font-family: Kanit; color: #0000ff;">19 à¸à¸à¸¢à¸£à¸²à¸¡à¸à¸´à¸à¸à¸£à¸² 82 มีà¸à¸à¸¸à¸£à¸µ à¸à¸à¸¡. 10510</span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px; font-family: Kanit;" data-mce-style="font-size: 16px; font-family: Kanit;"><span class="fas fa-phone-square mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 24px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 24px;" contenteditable="false"> </span><a data-mce-href="tel:0912221996" href="tel:0912221996"><span style="color: #0000ff;" data-mce-style="color: #0000ff;">091-2221996 </span></a> <span class="fab fa-line mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 24px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 24px;" contenteditable="false"> </span> <span style="color: #0000ff;" data-mce-style="color: #0000ff;">Line ID : ap3236</span></span></div><div style="text-align: left;" data-mce-style="text-align: left;"> <br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px; font-family: Kanit; color: #0000ff;" data-mce-style="font-size: 16px; font-family: Kanit; color: #0000ff;">E-mail : <a href="mailto:[email protected]" data-mce-href="mailto:[email protected]">[email protected]</a> </span></div><div style="text-align: left;" data-mce-style="text-align: left;"> <br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span color="#0000ff" face="Kanit" data-mce-style="color: #0000ff; font-family: Kanit;" style="color: #0000ff; font-family: Kanit;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><span class="fas fa-globe mceNonEditable" style="vertical-align: middle; color: #6aa84f; font-size: 22px;" data-mce-style="vertical-align: middle; color: #6aa84f; font-size: 22px;" contenteditable="false"> </span>
5042à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸£ </span></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span color="#0000ff" face="Kanit" data-mce-style="color: #0000ff; font-family: Kanit;" style="color: #0000ff; font-family: Kanit;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;">วัà¸à¸à¸±à¸à¸à¸£à¹-วัà¸à¸¨à¸¸à¸à¸£à¹ 8.30-18.00 à¸.</span></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><br></div></div> </div> 5043 </div> 5044 </div> 5045 <div class="row"> 5046 <div class="col-12"> 5047 </div> 5048 </div> 5049 <div class="row"> 5050 <div class="col-12" style="margin-bottom:10px;"> 5051 <div class="footerSocial" style="margin-bottom:10px;"> 5052 <style type="text/css"> 5053 .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active { 5054 background-image: linear-gradient(#80D544, #65BC3E); 5055 background-image: -webkit-linear-gradient(top, #80D544, #65BC3E); 5056 background-image: -moz-linear-gradient(top, #80D544, #65BC3E); 5057 background-image: -ms-linear-gradient(top, #80D544, #65BC3E); 5058 background-image: -o-linear-gradient(top, #80D544, #65BC3E); 5059 background-image: linear-gradient(to bottom, #80D544, #65BC3E); 5060 -webkit-border-radius: 5px; 5061 border-radius: 5px; 5062 color: #FFF; 5063 font-size: 14px; 5064 padding: 5px 8px; 5065 padding-bottom: 8px; 5066 text-decoration: none; 5067 cursor: pointer; 5068 display: inline-block; 5069 margin-right: 11px; 5070 } 5071 .footerLineWidget:hover { 5072 background-image: linear-gradient(#80D544, #65BC3E); 5073 color: #FFF; 5074 background-image: -webkit-linear-gradient(top, #65BC3E, #80D544); 5075 background-image: -moz-linear-gradient(top, #65BC3E, #80D544); 5076 background-image: -ms-linear-gradient(top, #65BC3E, #80D544); 5077 background-image: -o-linear-gradient(top, #65BC3E, #80D544); 5078 background-image: linear-gradient(to bottom, #65BC3E, #80D544); 5079 text-decoration: none; 5080 } 5081 .footerLineWidget{ 5082 font-size: 14px; 5083 } 5084 .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active { 5085 background: #00BC0C; 5086 background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c); 5087 background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c); 5088 background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c); 5089 background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c); 5090 background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c); 5091 -webkit-border-radius: 5px; 5092 border-radius: 5px; 5093 color: #FFF; 5094 font-size: 14px; 5095 padding: 5px 8px; 5096 padding-bottom: 8px; 5097 text-decoration: none; 5098 cursor: pointer; 5099 display: inline-block; 5100 } 5101 5102 .footerWechatWidget:hover { 5103 background: #3cbf1c; 5104 color: #FFF; 5105 background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C); 5106 background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C); 5107 background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C); 5108 background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C); 5109 background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C); 5110 text-decoration: none; 5111 } 5112 .imgLineWidget,.imgWechatWidget{ 5113 width: 145px !important; 5114 height: 145px !important; 5115 } 5116 .qrcodeLogo{ 5117 width: 25px; 5118 height: 25px; 5119 } 5120 #fsocial-widget { 5121 display:block; 5122 } 5123 5124 #fsocial-widget>.faco-top { 5125 margin-bottom: 25px; 5126 } 5127 5128 .pointer-none { 5129 pointer-events: none; 5130 } 5131 5132 </style> 5133<div class="social-widget" id="fsocial-widget"> 5134 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/apfda3236"> 5135 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 5136 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 5137 </a> 5138 5139 5140 5141 5142 </div> 5143 5144 <a href="http://line.me/ti/p/~ap3236" target="_blank" class="footerLineWidget"> 5145 <div> 5146 <img class="qrcodeLogo" src="/customer/images/icon/social-line-512px.svg" alt="LINE it!" style="opacity: 1;"/> 5147 ap3236 </div> 5148 <div class="text-center" style="margin-top: 5px;"> 5149 <img class="img-responsive imgLineWidget" style="opacity: 1;" src="https://image.makewebcdn.com/makeweb/m_1920x0/xOkEW2wUk/attach_file/promptpay/line20220901102436.png?v=20240529
51491424" /> 5150 </div> 5151 </a> 5152 5153 5154
5154<script type="text/javascript"> 5155 5156 jQuery(".footerWechatWidget").click(function () { 5157 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 5158 }); 5159 5160</script>
5160 </div> 5161 </div> 5162 </div> 5163 <!-- <div class="row"> 5164 <div class="col-12"> 5165 <div class="divFooterLine d-flex justify-content-center justify-content-sm-start"> 5166 </div> 5167 </div> 5168 </div> --> 5169 <div class="row"> 5170 <div class="col-12"> 5171 </div> 5172 </div> 5173 </div> 5174 </div> 5175 </div> 5176 </div> 5177 <div id="footer-bar"> 5178 <div class="container"> 5179 <div class="row"> 5180 <div class="col-12"> 5181 <div style="text-align: center; "><span style="font-family: Roboto; color: rgb(206, 222, 231);">© Copyright 2015 All Rights Reserved. MakeWebEasy.com</span></div> </div> 5182 </div> 5183 <div class="row" style="text-align: center;" id='statcounter'> 5184 <style>#stabox{ 5185 display: block; 5186 border: 1px solid #E5E5E5; 5187 background: #ffffff; 5188} 5189 5190#tableStat{ 5191 width: 100%; 5192 border-spacing: 0; 5193 border-collapse: collapse; 5194 border-bottom: 1px solid #e5e5e5; 5195} 5196 5197#tableTdLStat{ 5198 width: 50%; 5199 text-align: center; 5200 padding: 10px; 5201 border-right: 1px solid #e5e5e5; 5202} 5203 5204#tableTdRStat{ 5205 width: 50%; 5206 text-align: center; 5207 padding: 10px; 5208} 5209 5210.numInStat{ 5211 font-size: 24px; 5212 color: #242424; 5213 font-family:Open Sans; 5214} 5215 5216.txtInStat{ 5217 font-size: 14px; 5218 color: #636363; 5219 font-family:Open Sans; 5220} 5221 5222#divTotalStat{ 5223 display: block; 5224 text-align: center; 5225 padding: 10px; 5226} 5227#boxstatfadeOnFooter{ 5228 display: table; 5229 border: 1px solid #E5E5E5; 5230 background: #ffffff; 5231 margin: 0 auto; 5232 padding: 2px; 5233} 5234.staboxFooter{ 5235 display: table; 5236 width: 170px; 5237} 5238.staboxTxtFooter{ 5239 padding-left: 5px; 5240 font-size: 14px; 5241 color: #636363; 5242 font-family:Open Sans; 5243 float: left; 5244} 5245.staboxNumFooter{ 5246 padding-right: 5px; 5247 font-size: 14px; 5248 color: #242424; 5249 font-family:Open Sans; 5250 float: right; 5251 font-weight: bold; 5252}</style><div id="boxstatfadeOnFooter"> 5253 <div id="staboxFooterA" class="staboxFooter"> 5254 <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸à¸±à¹à¸à¸«à¸¡à¸</span> 5255 <span class="staboxNumFooter">190,831</span> 5256 </div> 5257 <div id="staboxFooterB" class="staboxFooter"> 5258 <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸§à¸±à¸à¸à¸µà¹</span> 5259 <span class="staboxNumFooter">56</span> 5260 </div> 5261 <div id="staboxFooterC" class="staboxFooter"> 5262 <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸à¸à¸°à¸à¸µà¹</span> 5263 <span class="staboxNumFooter">12</span> 5264 </div> 5265</div>
5266<script> 5267 5268 jQuery(document).ready(function() { 5269 jQuery('#boxstatfadeOnFooter .staboxFooter:gt(0)').hide(); 5270 setInterval(function(){ 5271 jQuery('#boxstatfadeOnFooter > div:first-child').hide().next('.staboxFooter').fadeIn().end().appendTo('#boxstatfadeOnFooter'); 5272 },5000); 5273 }); 5274 5275</script>
5275 </div> 5276 </div> 5277 </div> 5278 </footer> 5279 5280 5281 </div> 5282 <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; "> 5283 Powered by 5284 <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="à¸à¸³à¹à¸§à¹à¸à¸à¸£à¸µ สรà¹à¸²à¸à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸£à¸µ">MakeWebEasy.com</a> 5285 </div> 5286 5287 <div class="widget_cart_fix_display "></div> 5288 </div> 5289 <style type="text/css"> 5290 #pm_menu { 5291 display: none; 5292 } 5293 @media only screen and (max-width: 1024px) { 5294 #pm_menu { 5295 display: block; 5296 position: fixed; 5297 top: 0; 5298 margin: 0; 5299 left: -305px; 5300 width: 300px; 5301 height: 100vh; 5302 z-index: 999; 5303 visibility: visible; 5304 overflow-y: visible; 5305 overflow-x: hidden; 5306 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 5307 box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 5308 -webkit-transition: all .5s cubic-bezier(.685,.0473,.346,1); 5309 -moz-transition: all .5s cubic-bezier(.685,.0473,.346,1); 5310 -ms-transition: all .5s cubic-bezier(.685,.0473,.346,1); 5311 transition: all .5s cubic-bezier(.685,.0473,.346,1); 5312 } 5313 .openMenu3overflowhide #pm_menu { 5314 -webkit-transform: translate3d(305px,0,0); 5315 -moz-transform: translate3d(305px,0,0); 5316 -ms-transform: translate3d(305px,0,0); 5317 transform: translate3d(305px,0,0); 5318 } 5319 #pm_menu #navbarNavDropdown { 5320 margin: 0; 5321 width: 300px; 5322 height: 100vh; 5323 } 5324 #pm_menu .divBgtopmenu { 5325 max-height: 100vh; 5326 overflow-y: hidden; 5327 } 5328 } 5329</style> 5330<div id="pm_menu"> 5331 <div id="menutop"> 5332 <div id="navbarNavDropdown"> 5333 <div class="divBgtopmenu"> 5334 <div class="divHeadertopmenu"> 5335 </div> 5336 <div class="divBodytopmenu"> 5337 <style type="text/css"> 5338 .topwidget-menu .navbar-nav .dropdown-menu { 5339 padding: 0; 5340 margin: 0; 5341 } 5342 .topwidget-menu .navbar-nav .dropdown-menu.hidden { 5343 visibility: hidden; 5344 } 5345 /*PC hack to hover*/ 5346 @media (min-width: 1025px) { 5347 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 5348 display:block !important; 5349 } 5350 ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ 5351 display:block !important; 5352 } 5353 ul.navbar-topmenu.navbar-nav ul{ 5354 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 5355 } 5356 .topwidget-menu { 5357 margin: 10px; 5358 } 5359 ul.dropdown-menu.dropdown-menu-right{ 5360 left: unset; 5361 right:0; 5362 } 5363 .dropdownfix-menu-right { 5364 right:100% !important; 5365 left:auto !important; 5366 } 5367 .public-topmenu .dropdown-menu-right .fa-chevron-right { 5368 transform: rotate(180deg); 5369 left: 0; 5370 position: absolute; 5371 top: 12px; 5372 } 5373 .public-topmenu .dropdown-menu-right .fa-chevron-down{ 5374 transform: rotate(90deg); 5375 left: 0; 5376 position: absolute; 5377 top: 12px; 5378 } 5379 .more.hidden{ 5380 display:none; 5381 } 5382 .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 5383 transform: rotate(-90deg); 5384 } 5385 ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 5386 position: absolute; 5387 } 5388 .public-topmenu .topmenuLg{ 5389 border-right:none !important; 5390 } 5391 } 5392 /* tablet*/ 5393 @media only screen and (min-width: 768px) and (max-width: 1112px) { 5394 ul.navbar-topmenu.navbar-nav ul{ 5395 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 5396 } 5397 } 5398 /*mobile tablet*/ 5399 @media only screen and (max-width: 1024px) { 5400 5401 ul.navbar-topmenu .abl1 .arrowCollapse, 5402 ul.navbar-topmenu .abl2 .arrowCollapse{ 5403 position: absolute; 5404 right: 20px !important; 5405 top: 25%; 5406 text-align: center; 5407 height: 16px; 5408 } 5409 ul.navbar-topmenu.navbar-nav a{ 5410 text-align: left !important; 5411 white-space: normal; 5412 } 5413 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 5414 transition: all .3s ease 0s; 5415 -ms-transition: all .3s ease 0s; 5416 -webkit-transition: all .3s ease 0s; 5417 -moz-transition: all .3s ease 0s; 5418 } 5419 ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 5420 transform: rotate(90deg); 5421 transition: all .3s ease 0s; 5422 -ms-transition: all .3s ease 0s; 5423 -webkit-transition: all .3s ease 0s; 5424 -moz-transition: all .3s ease 0s; 5425 /* width: 15px; 5426 height: 15px; */ 5427 } 5428 5429 ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 5430 right: 12px; 5431 top: 27%; 5432 } 5433 5434 ul.navbar-topmenu.navbar-nav a{ 5435 word-wrap: break-word; 5436 } 5437 ul.navbar-topmenu.navbar-nav .more{ 5438 display:none !important; 5439 } 5440 .public-topmenu .dropdown.show > a > .arrowCollapse{ 5441 transform: rotate(180deg); 5442 -ms-transform: rotate(180deg); 5443 -webkit-transform: rotate(180deg); 5444 -moz-transform: rotate(180deg); 5445 } 5446 .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ 5447 transform: rotate(270deg); 5448 -ms-transform: rotate(270deg); 5449 -webkit-transform: rotate(270deg); 5450 -moz-transform: rotate(270deg); 5451 } 5452 .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 5453 transform: rotate(270deg); 5454 -ms-transform: rotate(270deg); 5455 -webkit-transform: rotate(270deg); 5456 -moz-transform: rotate(270deg); 5457 } 5458 ul.navbar-topmenu.navbar-nav > li > ul > li > a { 5459 padding-left: 30px !important; 5460 } 5461 ul.navbar-topmenu.navbar-nav ul ul a { 5462 padding-left: 45px !important; 5463 } 5464 } 5465</style> 5466<div class="topwidget-menu"> 5467 <ul class="navbar-nav navbar-topmenu public-topmenu"> 5468 <li class="nav-item "> 5469 <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self"> 5470 หà¸à¹à¸²à¸«à¸¥à¸±à¸ </a> 5471 </li> 5472 <li class="nav-item "> 5473 <a class="nav-link abl1" href="/apenterligance-à¸à¸£à¸´à¸à¸²à¸£à¸à¸-à¸à¸¢" target="_blank"> 5474 à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¹à¸£à¸² </a> 5475 </li> 5476 <li class="nav-item "> 5477 <a class="nav-link abl1" data-onpage-link="contactus-57094" href="/#contactus-57094" target="_self"> 5478 à¹à¸«à¹à¹à¸£à¸²à¸à¸´à¸à¸à¹à¸à¸à¸¸à¸ </a> 5479 </li> 5480 <li class="nav-item "> 5481 <a class="nav-link abl1" data-onpage-link="customize-73725" href="/#customize-73725" target="_self"> 5482 à¸à¸³à¹à¸¡à¸à¸¶à¸à¸à¸§à¸£à¹à¸¥à¸·à¸à¸à¹à¸à¹à¸à¸£à¸´à¸à¸²à¸£à¸à¸±à¸à¹à¸£à¸² </a> 5483 </li> 5484 <li class="nav-item "> 5485 <a class="nav-link abl1" href="/apenterligance-à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¸¢-à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²" target="_blank"> 5486 à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </a> 5487 </li> 5488 <li class="nav-item "> 5489 <a class="nav-link abl1" href="/apenterligance-à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¸¢-certificate" target="_self"> 5490 Certificate of our Service </a> 5491 </li> 5492 <li class="nav-item "> 5493 <a class="nav-link abl1" data-onpage-link="customize-73730" href="/#customize-73730" target="_self"> 5494 รีวิว </a> 5495 </li> 5496 <li class="nav-item topmenuLg"> 5497 <a class="nav-link abl1" data-onpage-link="content-57095" href="/#content-57095" target="_self"> 5498 à¸à¸à¸à¸§à¸²à¸¡à¸à¸¸à¸£à¸à¸´à¸ </a> 5499 </li> 5500 5501 <li class="nav-item dropdown more hidden" data-width="80"> 5502 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 5503 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 5504 </a> 5505 <ul class="dropdown-menu"></ul> 5506 </li> 5507 </ul> 5508</div> 5509
5509<script> 5510 /*width auto more*/ 5511 if (jQuery(window).width() > 1024) { 5512 calcWidth(); 5513 var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); 5514 last_visible_element.css('border-right', 'none'); 5515 } 5516 function calcWidth() { 5517 var navwidth = 0; 5518 var availablespace = 0; 5519 var logwid = jQuery('#logotop').outerWidth(true); 5520 var defwidth = 0; 5521 var intIsEnableSearchTop = "1"; 5522 var intIsEnableCart = "0"; 5523 var calAweDropdown = "0"; 5524 navwidth = navwidth + parseInt(calAweDropdown); 5525 let isLayoutId = '35'; 5526 let fullcontainer = '1'; 5527 if (intIsEnableSearchTop == 1) { 5528 defwidth = defwidth + 60; 5529 } 5530 5531 if (intIsEnableCart == 1) { 5532 defwidth = defwidth + 60; 5533 } 5534 5535 /* if (calAweDropdown != 0) { 5536 defwidth = defwidth + calAweDropdown; 5537 }*/ 5538 5539 if (typeof logwid === "undefined") { 5540 var logwid = 0; 5541 } 5542 if (isLayoutId == '37' || isLayoutId == '38') { 5543 var logwid = 0; 5544 } 5545 if(fullcontainer=='1'){ 5546 var pls_pad = 30; 5547 }else{ 5548 var pls_pad = 0; 5549 } 5550 /* if(isLayoutId=='38'){ 5551 var defwidth = 180; 5552 }*/ 5553 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; 5554 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 5555 navwidth += jQuery(this).outerWidth(true); 5556 }); 5557 /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () { 5558 navwidth += 17; 5559 });*/ 5560 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49); 5561 if (navwidth > availablespace) { 5562 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 5563 var jimwidtest = lastItem.outerWidth(true); 5564 lastItem.removeClass('nav-item'); 5565 lastItem.removeClass('dropdown'); 5566 lastItem.children('a.nav-link').addClass('dropdown-item'); 5567 lastItem.attr('data-width', lastItem.outerWidth(true)); 5568 if (jimwidtest > 0) { 5569 lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 5570 } 5571 delete lastItem; 5572 calcWidth(); 5573 return 0; 5574 } else { 5575 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 5576 var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 5577 if (navwidth + firstMoreElement.data('width') < availablespace) { 5578 firstMoreElement.addClass('nav-item'); 5579 firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); 5580 firstMoreElement.removeAttr("data-width"); 5581 firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 5582 } 5583 delete firstMoreElement; 5584 } 5585 } 5586 /*hide more*/ 5587 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 5588 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 5589 if (thelast == 1) { 5590 //remove more 5591 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
5592 if ((navwidth + firstMoreElement2.width()) < availablespace) { 5593 firstMoreElement2.addClass('nav-item'); 5594 firstMoreElement2.addClass('topmenuLg'); 5595 firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); 5596 firstMoreElement2.removeAttr("data-width"); 5597 firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 5598 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 5599 } else { 5600 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 5601 } 5602 delete firstMoreElement2; 5603 } else { 5604 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 5605 } 5606 } else { 5607 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 5608 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 5609 } 5610 } 5611 5612 function calcWidthAfter() { 5613 5614 //affix if reflesh topbar appear 5615 if ($(window).scrollTop() > 0) { 5616 var logwid = 410; 5617 }else{ 5618 var logwid = jQuery('#logotop').outerWidth(true); 5619 } 5620 5621 var navwidth = 0; 5622 var availablespace = 0; 5623 var defwidth = 0; 5624 var serwid = jQuery('#searchtop').outerWidth(true); 5625 var car2id = jQuery('#cart2').outerWidth(true); 5626 var intIsEnableSearchTop = "1"; 5627 var intIsEnableCart = "0"; 5628 let isLayoutId = '35'; 5629 let fullcontainer = '1'; 5630 if (intIsEnableSearchTop == 1) { 5631 defwidth = defwidth + serwid; 5632 } 5633 5634 if (intIsEnableCart == 1) { 5635 defwidth = defwidth + car2id; 5636 } 5637 5638 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); 5639 5640 if (typeof logwid === "undefined") { 5641 var logwid = 0; 5642 } 5643 if (isLayoutId == '37' || isLayoutId == '38') { 5644 var logwid = 0; 5645 } 5646 if(fullcontainer=='1'){ 5647 var pls_pad = 30; 5648 }else{ 5649 var pls_pad = 0; 5650 } 5651 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); 5652 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 5653 navwidth += (jQuery(this).outerWidth(true)); 5654 }); 5655 5656 var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); 5657 5658 if (navwidth > availablespace) { 5659 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 5660 var jimwidtest = lastItem.outerWidth(true); 5661 lastItem.removeClass('nav-item'); 5662 lastItem.removeClass('dropdown'); 5663 lastItem.children('a.nav-link').addClass('dropdown-item'); 5664 lastItem.attr('data-width', lastItem.outerWidth(true)); 5665 if (jimwidtest > 0) { 5666 lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 5667 } 5668 delete lastItem; 5669 calcWidthAfter(); 5670 return 0; 5671 } else { 5672 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 5673 } 5674 } 5675 5676 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 5677 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 5678 if (thelast == 1) { 5679 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
5680 if ((navwidth + firstMoreElement2.width()) < availablespace) { 5681 } 5682 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 5683 } else { 5684 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 5685 } 5686 } else { 5687 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 5688 } 5689 5690 //add class last item menu à¸à¸à¸à¹à¸à¹à¸ 5691 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 5692 } 5693 5694 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){ 5695 var vjim = jQuery(this); 5696 if (jQuery('ul', this).length) { 5697 vjim.find('ul.dropdown-menu').addClass('d-block hidden'); //à¹à¸à¸ render element à¹à¸à¸·à¹à¸ get à¸à¹à¸²à¸¡à¸²à¸à¸³à¸à¸§à¸ 5698 var elm = jQuery('ul:first', this); 5699 var off = elm.offset(); 5700 var l = off.left; 5701 var docW = jQuery("#top-area > #top-sticky").width(); 5702 let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width(); 5703 let _maxWidthLv3 = 0; 5704 let _maxWidthLv4 = 0; 5705 let menuLv2Li = vjim.find('ul.dropdown-menu:first > li'); 5706 Array.prototype.forEach.call(menuLv2Li, menu2li => { 5707 let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width(); 5708 if (menuLv3Width > _maxWidthLv3) { 5709 _maxWidthLv3 = menuLv3Width; 5710 } 5711 let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li'); 5712 Array.prototype.forEach.call(menuLv3Li, menu3li => { 5713 let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width(); 5714 if (menuLv4Width > _maxWidthLv4) { 5715 _maxWidthLv4 = menuLv4Width; 5716 } 5717 }); 5718 }); 5719 5720 vjim.find('ul.dropdown-menu').removeClass('d-block hidden'); //à¸à¸³à¸à¸§à¸à¹à¸ªà¸£à¹à¸à¹à¸¥à¹à¸§à¹à¸à¸² render à¸à¸à¸ 5721 5722 let centerHover = l + (jQuery(this).width()/2) 5723 let centerScreen = docW / 2 5724 var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW); 5725 if (!isEntirelyVisible && (centerHover > centerScreen)){ 5726 vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); 5727 vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right'); 5728 } 5729 } 5730 }) 5731 5732 /*nomobile*/ 5733 /* }*/ 5734 </script>
5734 5735 <div class="topwidget-menu"> 5736 <ul class="navbar-nav navbar-topmenu"> 5737 <li class="nav-item dropdown li-smooth-lang"> 5738 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 5739 <i class="flag-icon flag-icon-th"></i> 5740 TH </a> 5741 </li> 5742 </ul> 5743</div>
5744<script> 5745 $('.li-smooth-lang').on('show.bs.dropdown', function() { 5746 $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 5747 }); 5748 5749 $('.li-smooth-lang').on('hide.bs.dropdown', function () { 5750 $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 5751 }); 5752</script>
5752 <div class="navbar-text topwidget-menu pl-3"> 5753 <div id="call" class="d-inline"><style> 5754 .topCallText{ 5755 color: #f1c232 !important; 5756 font-family: 'Open Sans', Tahoma !important; 5757 font-size: 16px; 5758 text-align: center; 5759 } 5760 .topCallIcon{ 5761 font-size: 24px; 5762 } 5763</style> 5764<div class="navbar-text text-truncate text-right py-1"> 5765 <a href="tel: 091-2221996"> 5766 <div class="topCallText"> 5767 <i class="fab fa-whatsapp-square topCallIcon" style="display:inline-block; vertical-align: middle;"></i> 5768 <span style="display:inline-block; vertical-align: middle;"> 5769 091-2221996 </span> 5770 </div> 5771 </a> 5772</div> 5773</div> 5774 </div> 5775 <div class="navbar-text topwidget-menu pl-3"> 5776 <div id="socialnetwork" class="d-inline"> 5777<style> 5778 .empty { 5779 padding-top: 15px; 5780 padding-right: 22px; 5781 padding-bottom: 12px; 5782 padding-left: 29px; 5783 } 5784 .wechatSocial{ 5785 cursor: pointer; 5786 } 5787 .pointer-none { 5788 pointer-events: none; 5789 } 5790</style> 5791<div class="social-widget"> 5792 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/apfda3236 " style=""> 5793 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 5794 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 5795 </a> 5796 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~ap3236 " style=""> 5797 <i class="fas fa-circle colorLineBG pointer-none"></i> 5798 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 5799 </a> 5800 5801 5802 </div>
5803<script type="text/javascript"> 5804 5805 jQuery(".wechatSocial").click(function () { 5806 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 5807 }); 5808 5809</script>
5809</div> 5810 </div> 5811 </div> 5812 </div> 5813 </div> 5814 </div> 5815</div>
5816<script> 5817 jQuery("#pm_menu .divBodytopmenu").css({ 5818 'max-height': 'calc(100vh - ' + Math.max(jQuery("#pm_menu .divHeadertopmenu").height(), 66) + 'px - 17px)', 5819 'overflow-y': 'auto', 5820 }); 5821</script>
5821 5822 </div> 5823 5824 <!-- cookie consent--> 5825 5826<div class="policy-position"> 5827 <div class="wrap-con"> 5828 <div class="container"> 5829 <div class="row pad-row-pdpa policy-container"> 5830 <div class="col-12 col-md-9 col-lg-9"> 5831 <span class="txt-pdconsent">à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¡à¸µà¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸à¸¸à¸à¸à¸µà¹ à¹à¸à¸·à¹à¸à¹à¸à¸´à¹à¸¡à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¹à¸¥à¸°à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸µà¹à¸à¸µà¹à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸²à¸ à¸à¹à¸²à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¹à¸²à¸à¸£à¸²à¸¢à¸¥à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡à¹à¸à¹à¸à¸µà¹ <a class="" href="/privacy-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸±à¸§</a> 5832 à¹à¸¥à¸° <a class="" href="/cookies-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¸à¸à¸µà¹</a> 5833 </span> 5834 </div> 5835 <div class="col-12 col-md-3 col-lg-3 colbtn"> 5836 <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">à¸à¸±à¹à¸à¸à¹à¸²à¸à¸¸à¸à¸à¸µà¹</button> 5837 <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยà¸à¸¡à¸£à¸±à¸à¸à¸±à¹à¸à¸«à¸¡à¸</button> 5838 </div> 5839 </div> 5840 </div> 5841 </div> 5842</div> 5843
5843<script type="text/javascript"> 5844 var plugins = {}; 5845 plugins['fontawesome'] = {'isEnable': false}; 5846 plugins['hamburgers'] = {'isEnable': true}; 5847 plugins['imagesloaded'] = {'isEnable': false}; 5848 plugins['magnificpopup'] = {'isEnable': true}; 5849 plugins['masonry'] = {'isEnable': true}; 5850 plugins['owlcarousel'] = {'isEnable': true}; 5851 plugins['perfectscrollbar'] = {'isEnable': false}; 5852 plugins['scrollposstyler'] = {'isEnable': false}; 5853 plugins['style_mwe'] = {'isEnable': false}; 5854 plugins['all'] = {'isEnable': false}; 5855 plugins['circularloading'] = {'isEnable': true}; 5856 plugins['customerjs'] = {'isEnable': false}; 5857 plugins['customerstyle'] = {'isEnable': false}; 5858 plugins['font'] = {'isEnable': false}; 5859 plugins['fullcalendar'] = {'isEnable': false}; 5860 plugins['homebox_eventcalendar'] = {'isEnable': false}; 5861 plugins['page_calendar'] = {'isEnable': false}; 5862 plugins['page_faq'] = {'isEnable': false}; 5863 plugins['themesystem'] = {'isEnable': false}; 5864 </script>
5864 5865 <!-- JS Main --> 5866
5866<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
5866 5867
5867<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
5867 5868
5868<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
5868 5869
5869<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
5869 5870
5870<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
5870 5871
5871<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
5871 5872
5872<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
5872 5873
5873<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
5873 5874
5874<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
5874 5875
5875<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
5875 5876
5876<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
5876 5877
5877<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
5877 5878
5878<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
5878 5879
5879<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
5879 5880
5880<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
5880 5881
5881<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
5881 5882
5882<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
5882 5883
5883<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
5883 5884
5884<script>var lang = "th";</script>
5884 5885
5885<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
5885 5886
5886<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
5886 5887 <!-- JS Page --> 5888
5888<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
5888<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
5888<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>
5888<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>
5888 <!-- JS Main --> 5889
5889<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
5889 5890
5890<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
5890 5891
5891<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
5891 5892 <!-- Script CustomerPage --> 5893 <!-- Script Body --> 5894
5894<script type="text/javascript"> 5895 $(document).ready(function () { 5896 if ( 5897 navigator.platform == 'iPhone' || 5898 navigator.platform == 'iPod' || 5899 navigator.platform == 'iPad' || 5900 (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0) 5901 ) { 5902 var $body = $('body'); 5903 var bg_attachment = $body.css('background-attachment'); 5904 if (bg_attachment == 'fixed') { 5905 var bg_size = $body.css('background-size'); 5906 if (bg_size == 'auto') { 5907 var bg_img = $body.css('background-image'); 5908 var bg_repeat = $body.css('background-repeat'); 5909 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 5910 $bodyBG.css('width', '100vw'); 5911 $bodyBG.css('height', '100vh'); 5912 $bodyBG.css('position', 'fixed'); 5913 $bodyBG.css('top', '0'); 5914 $bodyBG.css('left', '0'); 5915 $bodyBG.css('background-image', bg_img); 5916 $bodyBG.css('background-repeat', bg_repeat); 5917 $bodyBG.css('z-index', '-99'); 5918 $body.prepend($bodyBG); 5919 5920 } else if (bg_size == 'cover') { 5921 var bg_img = $body.css('background-image'); 5922 var bg_repeat = $body.css('background-repeat'); 5923 var bg_pos = $body.css('background-position'); 5924 var bg_size = $body.css('background-size'); 5925 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 5926 $bodyBG.css('width', '100vw'); 5927 $bodyBG.css('height', '100vh'); 5928 $bodyBG.css('position', 'fixed'); 5929 $bodyBG.css('top', '0'); 5930 $bodyBG.css('left', '0'); 5931 $bodyBG.css('background-image', bg_img); 5932 $bodyBG.css('background-repeat', bg_repeat); 5933 $bodyBG.css('background-position', bg_pos); 5934 $bodyBG.css('background-size', bg_size); 5935 $bodyBG.css('-webkit-background-size', bg_size); 5936 $bodyBG.css('-moz-background-size', bg_size); 5937 $bodyBG.css('-o-background-size', bg_size); 5938 $bodyBG.css('z-index', '-99'); 5939 $body.prepend($bodyBG); 5940 } 5941 } 5942 } 5943 }); 5944 </script>
5944 5945 <!-- Script Rellax --> 5946
5946<script type="text/javascript"> 5947 if (document.getElementsByClassName("rellax").length > 0) { 5948 if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) { 5949 var rellax = new Rellax('.rellax', { 5950 speed: -4, 5951 round: true 5952 }); 5953 } else { 5954 $(document).ready(function () { 5955 $('.rellax-view').each(function (index) { 5956 var $rellax = $(this).find('>.rellax'); 5957 var bg_img = $rellax.css('background-image'); 5958 var bg_repeat = $rellax.css('background-repeat'); 5959 var bg_xpos = $rellax.css('background-position-x'); 5960 var bg_ypos = $rellax.css('background-position-y'); 5961 var bg_size = $rellax.css('background-size'); 5962 $(this).css({ 5963 'background-image': bg_img, 5964 'background-repeat': bg_repeat, 5965 'background-position-x': bg_xpos, 5966 'background-position-y': bg_ypos, 5967 '-webkit-background-size': bg_size, 5968 '-moz-background-size': bg_repeat, 5969 '-o-background-size': bg_repeat, 5970 'background-size': bg_repeat, 5971 }).addClass('rellax-not-support'); 5972 $rellax.remove(); 5973 }); 5974 }); 5975 } 5976 } 5977 </script>
5977 5978 <!-- Script Slide --> 5979
5979<script type="text/javascript"> 5980 var $owlTemp56968 = jQuery(".owl-carouselhh_56968"); 5981 var slideSpeedOwl56968 = "medium"; 5982 if (slideSpeedOwl56968 == "slow") { 5983 var autoplayTimeoutOwl56968= 7000; 5984 } else if (slideSpeedOwl56968 == "medium") { 5985 var autoplayTimeoutOwl56968 = 5000; 5986 } else if (slideSpeedOwl56968 == "fast") { 5987 var autoplayTimeoutOwl56968 = 3000; 5988 } 5989 $owlTemp56968.on("initialize.owl.carousel", function (e) { 5990 jQuery(".iconLoadSlider_56968").fadeOut("slow"); 5991 jQuery(".iconDiv_56968").remove(); 5992 }); 5993 $owlTemp56968.on("initialized.owl.carousel", function (e) { 5994 var $owl_item = $owlTemp56968.find(".owl-item"); 5995 $owl_item.each(function () { 5996 var mr = parseInt($(this).find(".contentMargin").css("margin-right")); 5997 var ml = parseInt($(this).find(".contentMargin").css("margin-left")); 5998 $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml); 5999 }); 6000 }); 6001 6002 var resizeTimer56968; 6003 jQuery(window).on("resize", function() { 6004 clearTimeout(resizeTimer56968); 6005 resizeTimer56968 = setTimeout(function() { 6006 var $owl_item = $owlTemp56968.find(".owl-item"); 6007 $owl_item.each(function () { 6008 var mr = parseInt($(this).find(".contentMargin").css("margin-right")); 6009 var ml = parseInt($(this).find(".contentMargin").css("margin-left")); 6010 $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml); 6011 }); 6012 6013 var $item_img = $owlTemp56968.find(".item img"); 6014 $item_img.css("height", "auto"); 6015 $item_img.each(function () { 6016 var height = $(this).height(); 6017 $(this).css("height", height); 6018 }); 6019 }, 250); 6020 }); 6021 $owlTemp56968.on({ 6022 mouseenter: function() { 6023 $(this).trigger("stop.owl.autoplay"); 6024 }, 6025 mouseover: function() { 6026 $(this).trigger("stop.owl.autoplay"); 6027 }, 6028 mouseout: function() { 6029 $(this).trigger("play.owl.autoplay"); 6030 }, 6031 touchstart: function() { 6032 $(this).trigger("stop.owl.autoplay"); 6033 }, 6034 touchend: function() { 6035 $(this).trigger("play.owl.autoplay"); 6036 } 6037 }); 6038 $owlTemp56968.owlCarousel({ 6039 loop: true, 6040 autoplay: true, 6041 autoplayTimeout: autoplayTimeoutOwl56968, 6042 autoplaySpeed: 900, 6043 dotsSpeed: 1000, 6044 lazyLoad: true, 6045 dots: true, 6046 navText: ["<i class=\"fal fa-3x fa-angle-left\"></i>", "<i class=\"fal fa-3x fa-angle-right\"></i>"], 6047 navSpeed: 1000, 6048 responsiveClass: true, 6049 responsive: { 6050 0: { 6051 items: 1, 6052 nav: true 6053 }, 6054 1025: { 6055 items: 1, 6056 nav: true 6057 } 6058 } 6059 }); 6060 function doAnimations56968(elems) { 6061 elems.each(function () { 6062 var $owl_item = $(this); 6063 var $item = $owl_item.find(".item"); 6064 var $item_class = $item.attr("class"); 6065 var $contentEffect = $item.find("[data-animation ^= \"animated\"]"); 6066 var $animationType = $contentEffect.data("animation"); 6067 var same_item = $owlTemp56968.find(".owl-item:not(.active)").find("." + $item_class.split(" ").join(".")); 6068 if (same_item.length > 0) { 6069 same_item.find("[data-animation ^= \"animated\"]").addClass($animationType); 6070 } 6071 $contentEffect.addClass($animationType); 6072 }); 6073 } 6074 var $firstAnimatingElems56968 = $owlTemp56968.find(".owl-item.active"); 6075 doAnimations56968($firstAnimatingElems56968); 6076 $owlTemp56968.on("translate.owl.carousel", function (e) { 6077 var elems = $owlTemp56968.find(".owl-item:not(.active)"); 6078 elems.each(function () { 6079 var $owl_item = $(this);
6080 var $item = $owl_item.find(".item"); 6081 var $item_class = $item.attr("class"); 6082 var $contentEffect = $item.find("[data-animation ^= \"animated\"]"); 6083 var $animationType = $contentEffect.data("animation"); 6084 6085 var same_item = $owlTemp56968.find(".owl-item.active").find("." + $item_class.split(" ").join(".")); 6086 if (same_item.length == 0) { 6087 $item.find("[data-animation ^= \"animated\"]").removeClass($animationType); 6088 } 6089 }); 6090 }); 6091 $owlTemp56968.on("translated.owl.carousel", function (e) { 6092 var $animatingElems = $owlTemp56968.find(".owl-item.active"); 6093 doAnimations56968($animatingElems); 6094 }); 6095 jQuery(".Mweslide_56968 .owl-dot").on("click", function (e) { 6096 if (!$(this).hasClass("active")) { 6097 $owlTemp56968.find(".owl-item .item").find("[data-animation ^= \"animated\"]").removeClass().addClass("contentEffect contentBG contentPadding"); 6098 } 6099 }); 6100 </script>
6100 <!-- Script WidgetCart --> 6101
6101<script> 6102 drawWidgetCartFix(); 6103 </script>
6103 6104 6105 <!-- Script MWEAds --> 6106
6106<script> 6107 // $("#divMWEAds").on("click", function (e) { 6108 // var aNode = e.target.nodeName; 6109 // if (aNode !== "B") { 6110 // window.open('https://www.makewebeasy.com'); 6111 // } 6112 // }); 6113 </script>
6113 6114 <!-- Script FB --> 6115 <!-- Script Embed --> 6116 <!-- Script More --> 6117
6117<script type="text/javascript"> 6118 function myFunctionincount(id, gid, page, homid, place, local, pagetype) { 6119 if (id !== '' && page !== '' && local !== '') { 6120 jQuery.ajax({ 6121 type: 'POST', 6122 url: '/customer/banner/store.php', 6123 data: { 6124 bnid: id, 6125 gid: gid, 6126 page: page, 6127 home: homid, 6128 place: place, 6129 local: local, 6130 pagetype: pagetype 6131 }, 6132 success: function (returnData) { 6133 if (returnData != '') { 6134 console.log(returnData); 6135 } 6136 } 6137 }); 6138 } 6139 } 6140 $(function () { 6141 $('a[href*="#"]:not([href="#"])').click(function () { 6142 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 6143 var target = $(this.hash); 6144 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 6145 if (target.length) { 6146 disable_scroll(); 6147 $('html,body').animate({ 6148 scrollTop: target.offset().top 6149 }, 'slow', function () { 6150 enable_scroll(); 6151 }); 6152 return false; 6153 } 6154 } 6155 }); 6156 }); 6157 function preventDefault(e) { 6158 e = e || window.event; 6159 if (e.preventDefault) 6160 e.preventDefault(); 6161 e.returnValue = false; 6162 } 6163 function wheel(e) { 6164 preventDefault(e); 6165 } 6166 function disable_scroll() { 6167 if (window.addEventListener) { 6168 window.addEventListener('DOMMouseScroll', wheel, false); 6169 } 6170 window.onmousewheel = document.onmousewheel = wheel; 6171 } 6172 function enable_scroll() { 6173 if (window.removeEventListener) { 6174 window.removeEventListener('DOMMouseScroll', wheel, false); 6175 } 6176 window.onmousewheel = document.onmousewheel = null; 6177 } 6178 6179 $(function () { 6180 $('#whatsappIcon').click(function () { 6181 let toggle = $(this).data("toggle"); 6182 if (toggle == 0) { 6183 $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"}); 6184 let date = new Date(); 6185 $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2)); 6186 $(this).data("toggle", 1); 6187 } else { 6188 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 6189 $(this).data("toggle", 0); 6190 } 6191 }); 6192 $('.whatsappBtnCancel').click(function () { 6193 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 6194 $('#whatsappDialog').data("toggle", 0); 6195 }); 6196 }); 6197 </script>
6197 6198
6198<script type="text/javascript"> 6199 // Img LazyLoad 6200 document.addEventListener("DOMContentLoaded", function() { 6201 var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); 6202 if ("IntersectionObserver" in window) { 6203 let lazyImageObserver = new IntersectionObserver(function(entries, observer) { 6204 entries.forEach(function(entry) { 6205 if (entry.isIntersecting) { 6206 let lazyImage = entry.target; 6207 lazyImage.src = lazyImage.dataset.src; 6208 lazyImage.classList.remove("lazy"); 6209 lazyImageObserver.unobserve(lazyImage); 6210 } 6211 }); 6212 }); 6213 6214 lazyImages.forEach(function(lazyImage) { 6215 lazyImageObserver.observe(lazyImage); 6216 }); 6217 } else { 6218 // Possibly fall back to a more compatible method here 6219 lazyImages.forEach(function(lazyImage) { 6220 lazyImage.src = lazyImage.dataset.src; 6221 lazyImage.classList.remove("lazy"); 6222 }); 6223 } 6224 }); 6225 // Iframe LazyLoad 6226 document.addEventListener("DOMContentLoaded", function() { 6227 var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy")); 6228 if ("IntersectionObserver" in window) { 6229 let lazyIframeObserver = new IntersectionObserver(function(entries, observer) { 6230 entries.forEach(function(entry) { 6231 if (entry.isIntersecting) { 6232 let lazyIframe = entry.target; 6233 lazyIframe.src = lazyIframe.dataset.src; 6234 lazyIframe.classList.remove("lazy"); 6235 lazyIframeObserver.unobserve(lazyIframe); 6236 } 6237 }); 6238 }); 6239 6240 lazyIframes.forEach(function(lazyIframe) { 6241 lazyIframeObserver.observe(lazyIframe); 6242 }); 6243 } else { 6244 lazyIframes.forEach(function(lazyIframe) { 6245 lazyIframe.src = lazyIframe.dataset.src; 6246 lazyIframe.classList.remove("lazy"); 6247 }); 6248 } 6249 }); 6250 </script>
6250 6251
6251<script type="text/javascript"> 6252 // Img Opacity 6253 (function ($) { 6254 "use strict"; 6255 $.fn.visible = function (partial) { 6256 if (typeof ($(this).offset()) !== 'undefined') { 6257 var $t = $(this), 6258 $w = $(window), 6259 viewTop = $w.scrollTop(), 6260 viewBottom = viewTop + $w.height(), 6261 _top = $t.offset().top, 6262 _bottom = _top + $t.height(), 6263 compareTop = partial === true ? _bottom : _top, 6264 compareBottom = partial === true ? _top : _bottom; 6265 return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop))); 6266 } 6267 }; 6268 jQuery(window).ready(function ($) { 6269 var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = []; 6270 //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'), 6271 6272 jQuery('body img').not('.imgLineWidget').imagesLoaded(function () { 6273 bkthumbnail = $('#section-content').find('img:not(.zoomImg)'); 6274 bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)'); 6275 }).progress(function (instance, image) { 6276 var result = image.isLoaded ? 'loaded' : 'broken'; 6277 if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) { 6278 $(image.img).css('opacity', '1'); 6279 } 6280 if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) { 6281 $(image.img).css('opacity', '1'); 6282 } 6283 if ($(image.img).closest(".owl-item").length > 0) { 6284 $(image.img).css('opacity', '1'); 6285 var height = $(image.img).height(); 6286 $(image.img).css("height", height); 6287 } 6288 }); 6289 bkWindow.scroll(function (event) { 6290 $.each(bkthumbnail, function (i, value) { 6291 var bkValue = $(value); 6292 if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) { 6293 bkValue.css('opacity', '1'); 6294 } 6295 }); 6296 $.each(bkthumbnailfooter, function (i, value) { 6297 var bkValueft = $(value); 6298 if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) { 6299 bkValueft.css('opacity', '1'); 6300 } 6301 }); 6302 }); 6303 }); 6304 })(jQuery); 6305 </script>
6305 6306 6307
6307<script type="text/javascript"> 6308 $(function () { 6309 $('a[href^="tel:"], a[href^="Tel:"]').click(function () { 6310 clickConversion('call'); 6311 }); 6312 $('a[href*="line.me"], a[href*="lin.ee"]').click(function () { 6313 if($(this).hasClass('LineSocialPD')) return; 6314 clickConversion('line'); 6315 }); 6316 $('a[href*="instagram.com"]').click(function () { 6317 clickConversion('instagrams'); 6318 }) 6319 $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () { 6320 if($(this).hasClass('facebookSocialPD')) return; 6321 clickConversion('facebook'); 6322 }) 6323 }); 6324 function clickConversion(snippetType, value = null, transectionId = null) { 6325 } 6326 </script>
6326 6327 6328 6329 <!-- Script Schema --> 6330
6330<script type="application/ld+json"> 6331 { 6332 "@context": "https://schema.org", 6333 "@type": "WebSite", 6334 "url": "https://www.apenterligance.com", 6335 "name":"รัà¸à¸à¸ à¸à¸¢.à¸à¸²à¸«à¸²à¸£à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¸³à¸à¸²à¸ à¸à¸²à¸«à¸²à¸£à¸ªà¸±à¸à¸§à¹ LPI à¹à¸à¸¥à¸µà¸¢à¸£à¹à¸à¸à¸ ราà¸à¸²à¸à¸¹à¸", 6336 "potentialAction": { 6337 "@type": "SearchAction", 6338 "target": { 6339 "@type": "EntryPoint", 6340 "urlTemplate": "https://www.apenterligance.com/search/{search_term_string}" 6341 }, 6342 "query-input": "required name=search_term_string" 6343 } 6344 } 6345</script>
6345 <style> 6346 @media (max-width: 992px){ 6347 .widget-overlay .fb-customerchat span iframe , 6348 .widget-overlay .fb_dialog .fb_dialog_content iframe , 6349 .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe, 6350 .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 6351 bottom: 70px !important 6352 } 6353 #toTop.widget-to-top { 6354 bottom : 150px !important; 6355 } 6356 #unknown{ 6357 bottom : 60px !important; 6358 } 6359 } 6360 .fb_new_ui_mobile_overlay_active { 6361 overflow: auto !important; 6362 } 6363 </style> 6364 6365 6366 </body> 6367</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.