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