It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.phetmetalsheet.com

  1. <!doctype html>
  2. <html lang="th-TH">
  3.    <head>
  4.        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <meta name="Description" content="เพชรเมททอลชีท โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ราคาถูก รับผลิตหลังคาเหล็กรีดลอน รางน้ำอลูซิงค์ หรือรางน้ำสำเร็จรูป เหล็กกัลวาไนซ์หรือเหล็กกล่องแบบต่างๆ บริการครอบคลุมพื้นที่จังหวัด กำแพงเพชร แม่สอด ตาก พิจิตร  เพชรบูณ์ พิษณุโลก นครสวรรค์" />
  7.        <meta name="Keywords" content="หลังคาเมทัลชีท,แผ่นเมทัลชีท,เมทัลชีท,หลังคาเหล็ก,หลังคาเหล็กพิจิตร,หลังคาเหล็กตาก,หลังคาเหล็กกำเเพงเพชร,รางน้ำอลูซิงค์,เหล็กกัลวาไนซ์,หลังคาเหล็กรีดลอน" />
  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="เพชรเมททอลชีท โรงงานผลิต จำหน่าย หลังคาเหล็กรีดลอน แผ่นหลังคาเหล็กเมทัลชีท รางน้ำอลูซิงค์ เหล็กกัลวาไนซ์ รางน้ำสำเร็จรูป" />
  15.        <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/TJvrsbWHN/DefaultData/logo.png" />
  16.        <meta property="og:description" content="เพชรเมททอลชีท โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ราคาถูก รับผลิตหลังคาเหล็กรีดลอน รางน้ำอลูซิงค์ หรือรางน้ำสำเร็จรูป เหล็กกัลวาไนซ์หรือเหล็กกล่องแบบต่างๆ บริการครอบคลุมพื้นที่จังหวัด กำแพงเพชร แม่สอด ตาก พิจิตร  เพชรบูณ์ พิษณุโลก นครสวรรค์" />
  17.        <meta property="og:url" content="https://www.phetmetalsheet.com/" />
  18.        <meta property="og:site_name" content="phetmetalsheet.com" />
  19.        <!-- twitter -->
  20.        <meta name="twitter:card" content="summary_large_image">
  21.        <meta name="twitter:site" content="phetmetalsheet.com">
  22.        <meta name="twitter:title" content="เพชรเมททอลชีท โรงงานผลิต จำหน่าย หลังคาเหล็กรีดลอน แผ่นหลังคาเหล็กเมทัลชีท รางน้ำอลูซิงค์ เหล็กกัลวาไนซ์ รางน้ำสำเร็จรูป">
  23.        <meta name="twitter:description" content="เพชรเมททอลชีท โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ราคาถูก รับผลิตหลังคาเหล็กรีดลอน รางน้ำอลูซิงค์ หรือรางน้ำสำเร็จรูป เหล็กกัลวาไนซ์หรือเหล็กกล่องแบบต่างๆ บริการครอบคลุมพื้นที่จังหวัด กำแพงเพชร แม่สอด ตาก พิจิตร  เพชรบูณ์ พิษณุโลก นครสวรรค์">
  24.        <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData/logo.png">
  25.        <meta name="twitter:domain" content="https://www.phetmetalsheet.com/">
  26.        <!-- google -->
  27.        <meta name="google-site-verification" content="hv45d3rv33LDTNVrdO_LWqp0KD5O-hEX-YX84PFvWTk" />        <meta name="generator" content="MakeWebEasy" />
  28.        <!-- Phone number-->
  29.        <meta name="format-detection" content="telephone=no">
  30.                                                <link rel="alternate" href="https://www.phetmetalsheet.com/" hreflang="x-default" />
  31.                    
  32.        <link rel="canonical" href="https://www.phetmetalsheet.com/" />
  33.        
  34.                <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/attach_file/favicon/favicon_20230620053910-0.ico?v=202306151430" />
  35.        <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/attach_file/favicon/favicon_20230620053910-0.ico?v=202306151430" type="image/x-icon" />
  36.        <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/attach_file/favicon/favicon_20230620053910-0.ico?v=202306151430" type="image/x-icon" />
  37.  
  38.        <!-- CSS Main -->
  39.                <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Nunito|Lora|Dancing+Script|Satisfy|Fjalla+One|Oswald|Montserrat|Supermarket|Sanchez|Roboto|Quicksand|Pacifico|Raleway|Kanit|Prompt|Trirong|Taviraj|Itim|Chonburi|Mitr|Athiti|Pridi|Maitree|Pattaya|Sriracha|Sarabun|Chakra+Petch|Mali|Bai+Jamjuree|Krub|K2D|Niramit|Charm|Srisakdi|Thasadith|Kodchasan|KoHo|Charmonman|Poppins|Fahkwang|Noto+Sans+Thai|IBM+Plex+Sans+Thai|Noto+Serif+Thai|Noto+Sans+Thai+Looped|IBM+Plex+Sans+Thai+Looped&subset=thai,latin" />
  40.        <link rel="stylesheet" href="/customer/font.min.css?v=202101271138" />
  41.        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" />
  42.        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202307051108" />
  43.        <link rel="stylesheet" type="text/css" href="/customer/minified-css/style_mwe2.css?v=202307051108" />
  44.                <!-- CSS Page -->
  45.        <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.carousel.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.theme.default.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" />        <!-- CSS Main -->
  46.                <link rel="stylesheet" type="text/css" href="/customer/minified-css/all.min.css?v=202310021145" />
  47.        <!-- byAir -->
  48.        <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.min.css?v=202306151430" /> -->
  49.        <link rel="stylesheet" type="text/css" href="/customer/minified-css/light/theme-system.css?v=20240430184044" />
  50.        <link rel="stylesheet" type="text/css" href="/customer/minified-css/light/theme-system2.css?v=202306151430" />
  51.        <link rel="stylesheet" type="text/css" href="/customer-css/style_TJvrsbWHN.min.css?v=1693731308" />
  52.        
  53.        <title>เพชรเมททอลชีท โรงงานผลิต จำหน่าย หลังคาเหล็กรีดลอน แผ่นหลังคาเหล็กเมทัลชีท รางน้ำอลูซิงค์ เหล็กกัลวาไนซ์ รางน้ำสำเร็จรูป</title>
  54.  
  55.        <!-- JS Main -->
  56.                <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202306151430" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
  57.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
  58.                <script type="text/javascript" src="/include/vuejs/vue@2_6_11.js?v=202306151430"></script>
  59.        <!-- JS Page -->
  60.                <!-- Script Embed -->
  61.        
  62.        <style>
  63.            #divMWEAds .mweColor{
  64.                color: #28bee3;
  65.            }
  66.  
  67.            /* #divMWEAds .webFreeColor{
  68.                color: #ffffff;
  69.                background-color: #28bee3;
  70.            }           */
  71.  
  72.            .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;}
  73.            .webFreeColor:hover,
  74.            .webFreeColor.active {
  75.                background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF;
  76. }
  77.        </style>
  78.    </head>
  79.    <body>
  80.        <!-- Script Embed -->
  81.        
  82.        <script>
  83.                    </script>
  84.        <style type="text/css">
  85.                        .pagination>li>a, .pagination>li>span {
  86.                font-size: 14px;
  87.                color: inherit;
  88.            }
  89.            .dropdown.areacontext.open{
  90.                z-index: 1001 !important;
  91.            }
  92.            .table-responsive table {
  93.                margin-bottom: 20px;
  94.                white-space: nowrap;
  95.            }
  96.            @media only screen and (min-width: 1200px) {
  97.                .table-responsive table {
  98.                    white-space: normal;
  99.                }
  100.            }
  101.            @media only screen and (min-width: 1200px) {
  102.                .section-container > .slimScrollDiv {
  103.                    display: none;
  104.                }
  105.            }
  106.            a[data-mce-href] {
  107.                font-size: inherit;
  108.                font-family: inherit;
  109.                /*color: inherit;*/
  110.            }
  111.            /* areacontext menu */
  112.            .areacontext {
  113.                border: 1px solid rgb(9,10,12);
  114.            }
  115.            .areacontext .btn-primary {
  116.                background: #373e44!important;
  117.                color: #FFF!important;
  118.                border-color: #23292f!important;
  119.                padding: 1px 5px;
  120.                display: block;
  121.            }
  122.            .areacontext > div {
  123.                font-family: Open Sans !important;
  124.                font-size: 12px !important;
  125.            }
  126.            .areacontext ul.dropdown-menu {
  127.                border-radius: 0px !important;
  128.                background: #373E44 !important;
  129.                margin-top: 0px !important;
  130.                border: 1px solid rgb(9,10,12);
  131.                padding: 0px !important;
  132.                min-width: 100px !important;
  133.                transform: translate3d(-1px, 20px, 0px) !important;
  134.            }
  135.            .areacontext ul.dropdown-menu > li > a {
  136.                font-family: "Helvetica Neue",Helvetica,Tahoma !important;
  137.                font-size: 12px !important;
  138.                color: rgb(145, 159, 174) !important;
  139.                padding: 3px 5px !important;
  140.                display: block;
  141.            }
  142.            .areacontext ul.dropdown-menu > li > a:hover {
  143.                background: #262D33 !important;
  144.                color: #FFF !important;
  145.                text-decoration: none;
  146.            }
  147.            /* addition */
  148.            /* facebook like box */
  149.            .fb-like.fb_iframe_widget > span > iframe{
  150.                max-width:none!important
  151.            }
  152.            /* img in table */
  153.            table img {
  154.                max-width:initial!important;
  155.            }
  156.            /* iframe */
  157.            iframe {
  158.                max-width:100%;
  159.            }
  160.            /* pagination */
  161.            .pagination>li>a,.pagination>li>span{
  162.                font-size:14px;color:inherit
  163.            }
  164.            /* table */
  165.            .table-responsive table {
  166.                margin-bottom:20px;
  167.                white-space:nowrap;
  168.            }
  169.            @media only screen and (min-width: 1200px){
  170.                .table-responsive table{
  171.                    white-space:normal
  172.                }
  173.            }
  174.            /* img width and rendering */
  175.            div#section-content img:not(.fill),
  176.            div#section-footer img:not(.fill) {
  177.                overflow:hidden;
  178.                opacity:0;
  179.                -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
  180.                transition:opacity .3s ease-in-out,transform .3s ease-in-out;
  181.                max-width:100%;
  182.            }
  183.            @media (max-width: 768px) {
  184.                body {
  185.                    max-width: 100vw;
  186.                }
  187.            }
  188.            /* force show img */
  189.            .map_outter img {
  190.                opacity: 1 !important;
  191.            }
  192.            /* link in tinymce */
  193.            a[data-mce-href] {
  194.                font-size: inherit;
  195.                font-family: inherit;
  196.            }
  197.            /* top layout */
  198.            nav > #top-area > .container-fluid {
  199.                padding-left: 8px;
  200.                padding-right: 8px;
  201.            }
  202.            nav > #top-area > .row {
  203.                margin: 0;
  204.            }
  205.            nav > #top-area > .row > .col {
  206.                padding: 0;
  207.            }
  208.            .navbar-link {
  209.                display: inline-block;
  210.                padding: 8px;
  211.                border: none;
  212.                margin: 8px 0px;
  213.                vertical-align: middle;
  214.                line-height: 1;
  215.            }
  216.            /*.navbar-fa {
  217.                width: 24px !important;
  218.                height: 24px !important;
  219.            }*/
  220.            .navbar-toggler-icon {
  221.                margin: 0;
  222.                padding: 0;
  223.            }
  224.            .dropdown > .dropdown-toggle > svg {
  225.                transition: all 300ms ease;
  226.                -webkit-transition: all 300ms ease;
  227.                -o-transition: all 300ms ease;
  228.                -ms-transition: all 300ms ease;
  229.            }
  230.            .dropdown.show > .dropdown-toggle > svg {
  231.                transform: rotate(180deg);
  232.                -webkit-transform: rotate(180deg);
  233.                -moz-transform: rotate(180deg);
  234.                -o-transform: rotate(180deg);
  235.            }
  236.            .dropdown-menu > li > .dropdown-toggle > svg {
  237.                transition: all 300ms ease;
  238.                -webkit-transition: all 300ms ease;
  239.                -o-transition: all 300ms ease;
  240.                -ms-transition: all 300ms ease;
  241.            }
  242.            .dropdown-menu > li.show > .dropdown-toggle > svg {
  243.                transform: rotate(90deg);
  244.                -webkit-transform: rotate(90deg);
  245.                -moz-transform: rotate(90deg);
  246.                -o-transform: rotate(90deg);
  247.            }
  248.            /* cart widget */
  249.            nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter {
  250.                display: none;
  251.            }
  252.            nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter {
  253.                -webkit-transform: scale(0.75) !important;
  254.                transform: scale(0.75) !important;
  255.                top: -75%;
  256.                right: auto;
  257.                left: 50%;
  258.                -webkit-transform-origin: top center;
  259.                transform-origin: top center;
  260.                display: inline-block;
  261.            }
  262.            /* list style */
  263.            ul {
  264.                margin-bottom: 0 !important;
  265.            }
  266.            li {
  267.                /* list-style: none;*/
  268.            }
  269.            /* hide caret */
  270.            .dropdown-toggle::after{
  271.                display:none!important;
  272.            }
  273.            /* social widget */
  274.            .social-widget {
  275.                display: inline-block;
  276.            }
  277.            .social-widget a {
  278.                font-size: 30px;
  279.                width: 30px;
  280.                height: 30px;
  281.                min-width: 30px;
  282.                min-height: 30px;
  283.            }
  284.            @media (min-width: 401px) {
  285.                .social-widget a {
  286.                    font-size: 36px;
  287.                    width: 36px;
  288.                    height: 36px;
  289.                    min-width: 36px;
  290.                    min-height: 36px;
  291.                }
  292.            }
  293.            .social-widget a svg.fa-twitter {
  294.                margin-right: -1px !important;
  295.            }
  296.            .social-widget a svg.fa-instagram {
  297.                margin-right: 2px !important;
  298.            }
  299.            .social-widget a svg.fa-google-plus-g {
  300.                margin-right: -6px !important;
  301.            }
  302.            .social-widget a svg.fa-youtube {
  303.                margin-right: -3px !important;
  304.            }
  305.            /* vertical align text widget */
  306.            .navbar-text {
  307.                line-height: 150%;
  308.                vertical-align: middle;
  309.                min-height: 50px;
  310.            }
  311.            @media (min-width: 401px) {
  312.                .navbar-text {
  313.                    min-height: 56px;
  314.                }
  315.            }
  316.        </style>
  317.  
  318.        <div id="fb-root" class=""></div>
  319.                            <a href="javascript:void(0);" id="toTop" class="back-to-top   " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
  320.                <span class="fa-stack" style="font-size: 22px;">
  321.                    <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i>
  322.                    <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i>
  323.                </span>
  324.            </a>
  325.              
  326.        <div class="section-container">
  327.            <!-- BoxLoading -->
  328.            <div class="boxLoading" id="boxLoading">
  329.                <div class="loader">
  330.                    <svg class="circular" viewBox="25 25 50 50">
  331.                    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle>
  332.                    </svg>
  333.                </div>
  334.            </div>
  335.  
  336.            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div>
  337. <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div>
  338. <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div>
  339.  
  340. <script type="text/javascript">
  341.  
  342.    function showModalBS(isClose, path, size) {
  343.        if (size == 'small') {
  344.            var siz = 'sm';
  345.        } else if (size == 'medium') {
  346.            var siz = 'md';
  347.        } else if (size == 'large') {
  348.            var siz = 'lg';
  349.        } else if (size == 'full') {
  350.            var siz = 'full';
  351.        } else if (size == 'cartlogin') {
  352.            var siz = 'modalCartLogin';
  353.        } else if (size === 'addToCartGroupProduct') {
  354.            var siz = 'groupProduct modal-dialog-centered'
  355.        } else if (size === 'addToCart') {
  356.            var siz = 'addToCart modal-dialog-centered'
  357.        } else if (size === 'medium-center') {
  358.            var siz = 'md modal-dialog-centered'
  359.        } else {
  360.            var siz = 'md';
  361.        }
  362.  
  363.        if (isClose == 1) {
  364.            var backdrop = true;
  365.        } else if (isClose == 0) {
  366.            var backdrop = 'static';
  367.        } else {
  368.            var backdrop = true;
  369.        }
  370.        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>');
  371.        jQuery('#modal_standard').modal({
  372.            backdrop: backdrop,
  373.            // remote: path,
  374.            show: true,
  375.            keyboard: true
  376.        });
  377.        jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
  378.        });
  379.    }
  380.  
  381.    function showModalPopup(isClose, path) {
  382.        if (isClose == 1) {
  383.            var backdrop = true;
  384.        } else if (isClose == 0) {
  385.            var backdrop = 'static';
  386.        } else {
  387.            var backdrop = true;
  388.        }
  389.        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>');
  390.        jQuery('#modal_popup').modal({
  391.            backdrop: backdrop,
  392.            // remote: path,
  393.            show: true,
  394.            keyboard: true
  395.        });
  396.        jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
  397.        });
  398.    }
  399.  
  400.    function showModalCouponBS(path) {
  401.        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>');
  402.        jQuery('#modal_coupon').modal({
  403.            backdrop: true,
  404.            // remote: path,
  405.            show: true,
  406.            keyboard: true
  407.        });
  408.        jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) {
  409.        });
  410.    }
  411.  
  412. </script>                        <div class="disabled-filter"></div>
  413.            <div class="section-body ">
  414.                <div id="section-header" class="sps sps--abv">
  415.                    
  416. <style type="text/css">
  417.    @media  only screen and (min-width: 1025px){
  418.        .headerMobile {
  419.            display: none !important;
  420.        }
  421.        .navbar-toggler {
  422.            display: none !important;
  423.        }
  424.        .navbar-expand-xl .navbar-collapse {
  425.            display: flex !important;
  426.            flex-basis: auto;
  427.        }
  428.        .navbar-expand-xl .navbar-nav {
  429.            flex-direction: row;
  430.        }
  431.        .navbar-expand-xl .navbar-nav .nav-link {
  432.            padding-right: 0.5rem;
  433.            padding-left: 0.5rem;
  434.        }
  435.        /* sticky */
  436.        .headerDesktop nav #top-sticky {
  437.            transition: transform 450ms;
  438.            -webkit-transition: transform 450ms;
  439.            -moz-transition: transform 450ms;
  440.            -o-transition: transform 450ms;
  441.        }
  442.        .sps--abv .headerDesktop nav #top-sticky {
  443.            position: relative;
  444.            transform: translate3d(0, 0, 0);
  445.            -webkit-transform: translate3d(0, 0, 0);
  446.            -moz-transform: translate3d(0, 0, 0);
  447.            -ms-transform: translate3d(0, 0, 0);
  448.        }
  449.        .sps--abv .headerDesktop nav #top-mb {
  450.            margin-bottom: 0;
  451.        }
  452.                .sps--abv .headerDesktop nav #top-sticky #cart{
  453.            display: none !important;
  454.        }
  455.                .sps--blw .headerDesktop nav #top-sticky {
  456.            position: fixed;
  457.            top: -56px;
  458.            left: 0;
  459.            right: 0;
  460.            z-index: 1000;
  461.            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  462.            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  463.            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  464.            transform: translate3d(0, 56px, 0);
  465.            -webkit-transform: translate3d(0, 56px, 0);
  466.            -moz-transform: translate3d(0, 56px, 0);
  467.            -ms-transform: translate3d(0, 56px, 0);
  468.        }
  469.        .sps--blw .headerDesktop nav #top-mb {
  470.            padding-bottom: 56px;
  471.                    }
  472.        
  473.        .sps--blw .headerDesktop nav #top-sticky #cart{
  474.            display: inline-flex !important
  475.        }
  476.  
  477.    }
  478.    @media (max-width: 1024px){
  479.        .headerDesktop {
  480.            display: none !important;
  481.        }
  482.        /* sticky */
  483.        .sps--abv .headerMobile nav #top-sticky {
  484.                            position: static;
  485.                    }
  486.        .sps--abv .headerMobile nav #top-mb {
  487.            margin-bottom: 0;
  488.        }
  489.        .sps--blw .headerMobile nav #top-sticky {
  490.            position: fixed;
  491.            top: 0;
  492.            left: 0;
  493.            right: 0;
  494.            z-index: 1000;
  495.            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  496.            -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  497.            -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  498.        }
  499.        .sps--blw .headerMobile nav #top-mb {
  500.            margin-bottom: 56px;
  501.        }
  502.                    .icoMember ,#iconsMember{
  503.                display: none;
  504.            }
  505.                ul.navbar-topmenu.navbar-nav .arrowCollapse{
  506.            transition: transform .3s ease 0s;
  507.        }
  508.         ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{
  509.            transition: transform .3s ease 0s;
  510.        }
  511.    }
  512.    .sb {
  513.        visibility: visible;
  514.        /*position: absolute;
  515.        top: 0;
  516.        left: 0;
  517.        right: 0;
  518.        bottom: 0;
  519.  
  520.        opacity: 1;
  521.        z-index: 999;
  522.        padding: 0 16px;
  523.        /*margin: 0 16px;*/
  524.    }
  525.    .sb > input {
  526.        /*width: calc(100% - 39px);
  527.        border-top: 0;
  528.        border-left: 0;
  529.        border-right: 0;
  530.        border-bottom: 2px solid #FFF;
  531.        background: #333 !important;
  532.        padding: 6px;
  533.        color: #FFF;
  534.        vertical-align: middle;*/
  535.    }
  536.    .sb > input::placeholder {
  537.        color: #333;
  538.    }
  539.    .sb > input:focus {
  540.        outline: none;
  541.    }
  542.    .aCloseSearchIcon {
  543.        height: 36px;
  544.        padding: 6px 12px;
  545.    }
  546.    #top-sticky > div {
  547.        position: relative;
  548.    }
  549.    div.headerMobile{
  550.        position: relative;
  551.        z-index: 56;
  552.    }
  553.        @media (max-width: 1024px){
  554.        ul.navbar-topmenu.navbar-nav .abl1 span.arrowCollapse{
  555.            right: 0px !important;
  556.        }
  557.        ul.navbar-topmenu.navbar-nav .abl2 span.arrowCollapse{
  558.                        right: 8px !important;
  559.                    }
  560.    }
  561.        #divMWEAds {
  562.        bottom: unset;
  563.        width: 100vw !important;
  564.        background: #fff;
  565.        color: #000;
  566.    }
  567.    #divMWEAds:hover {
  568.        background: #fff;
  569.    }
  570.    #topZone {
  571.        padding-top: 0px;
  572.    }
  573.    .marginBot {
  574.        margin-bottom: 0px;
  575.    }
  576.  
  577.    .headerMobile #divMWEAds {
  578.        font-family: 'DB Heavent' !important;
  579.        font-size:21px;
  580.        z-index:999999;
  581.    }
  582.    .headerMobile #divMWEAds a {
  583.        font-size: 20px;
  584.        font-family: 'DB Heavent' !important;
  585.        font-weight: bold;
  586.    }
  587.    @media only screen and (max-width: 400px) {
  588.        .headerMobile #divMWEAds {
  589.            font-size:16px;
  590.        }
  591.        #divMWEAds img {
  592.            max-height: 25px;
  593.            max-width: 25px;
  594.        }
  595.        .headerMobile #divMWEAds a {
  596.            font-size: 16px;
  597.        }
  598.    }
  599. </style>
  600. <div class="headerDesktop">
  601.            <style type="text/css">
  602.    @media (min-width: 1025px) {
  603.        .navbar-brand {
  604.            font-size: 24px !important;
  605.            border: none !important;
  606.            padding: 0;
  607.            margin: auto;
  608.        }
  609.        .navbar-text{
  610.            min-height: 24px;
  611.        }
  612.        .text-truncate{
  613.            width: 100%;
  614.        }
  615.        .text-truncate p{
  616.            margin-bottom: 0;
  617.            line-height: 24px;
  618.        }
  619.        #logotop{
  620.            margin: 5px 0;
  621.            min-height: 50px;
  622.        }
  623.        #menutop{
  624.            margin: 10px 10px 10px 0  !important;
  625.        }
  626.        .topwidget-menu{
  627.            margin: 0 !important;
  628.        }
  629.        .cart-nav{
  630.            margin-top: 0 !important;
  631.        }
  632.                    .sps--blw #top-sticky #logotop{
  633.                /* display: none !important; */
  634.            }
  635.            .sps--blw #top-sticky #logotop .img-logo {
  636.                width: auto;
  637.                max-height: 50px;
  638.            }
  639.                .sps--blw #top-sticky #logotop .img-logo {
  640.            width: auto;
  641.            max-height: 50px;
  642.        }
  643.        #top-sticky #cart2{
  644.            display: none !important;
  645.        }
  646.        .sps--blw #top-sticky #cart2{
  647.            display: inline-flex !important;
  648.        }
  649.    }
  650. </style>
  651. <nav id="topZone" class="navbar-expand-xl">
  652.            <div id="top-bar">
  653.            <div id="top-mb">
  654.                <div class="container">
  655.                    <div class="row align-items-center justify-content-end">
  656.                        
  657.                                                    <div class="col-lg-auto">
  658.                                                                    <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1">
  659.                                        <div class="navbar-text text-truncate text-right py-1">
  660.                                            <span style="font-family: 'Noto Sans Thai'; font-size: 16px; color: #ffffff;" noto="" sans="" thai="" font-size:="" 16px="" color:="" rgb="" 255="" data-mce-style="font-family: 'Noto Sans Thai'; font-size: 16px; color: #ffffff;"><span class="fas fa-mobile-alt mceNonEditable" style="vertical-align: middle; color: #ffffff; font-size: 30px;" data-mce-style="vertical-align: middle; color: #ffffff; font-size: 30px;" contenteditable="false">&nbsp;</span>&nbsp;<a data-mce-href="tel:0806828989" href="tel:0806828989">080-682-8989</a>&nbsp;&nbsp;<span class="fas fa-envelope mceNonEditable" style="vertical-align: middle; color: #ffffff; font-size: 30px;" data-mce-style="vertical-align: middle; color: #ffffff; font-size: 30px;" contenteditable="false">&nbsp;</span> <a data-mce-href="mailto:phetmetalsheet@gmail.com" href="mailto:phetmetalsheet@gmail.com">phetmetalsheet@gmail.com</a></span>                                        </div>
  661.                                    </div>
  662.                                                                                                                                                                    <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1">
  663.                                        <div class="d-inline">
  664. <style>
  665.    .empty {
  666.        padding-top: 15px;
  667.        padding-right: 22px;
  668.        padding-bottom: 12px;
  669.        padding-left: 29px;
  670.    }
  671.    .wechatSocial{
  672.        cursor: pointer;
  673.    }
  674.    .pointer-none {
  675.        pointer-events: none;
  676.    }
  677. </style>
  678. <div class="social-widget">
  679.                <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/PhetMetalsheets " style="margin-right: 8px; margin-left: 8px;1">
  680.            <i class="far fa-circle colorFacebookBG pointer-none"></i>
  681.            <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i>
  682.        </a>
  683.                            
  684.    
  685.    </div>
  686. <script type="text/javascript">
  687.  
  688.    jQuery(".wechatSocial").click(function () {
  689.        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
  690.    });
  691.    
  692. </script></div>
  693.                                    </div>
  694.                                                                                                                            </div>
  695.                                            </div>
  696.                </div>
  697.            </div>
  698.        </div>
  699.    
  700.            <div id="top-area">
  701.            <div id="top-sticky">
  702.                <div class="container">
  703.                                        <div class="row no-gutters ">
  704.                                                    <div class="col col-lg d-lg-inline-flex">
  705.                                <div id="logotop" class="hoverOverlay d-inline-flex align-middle">
  706.                                    <span class="navbar-brand">
  707.                                        <a href="/" style="text-decoration: none;">
  708.                                                <style>
  709.        @media (min-width: 1025px){
  710.            .img-logo {
  711.                                                                                    }
  712.        }
  713.    </style>
  714.    <img src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData/logo.png?v=202311151122" alt="logo" title="logo" class="d-inline-block img-logo"/>
  715.                                        </a>
  716.                                    </span>
  717.                                </div>
  718.                            </div>
  719.                                                                            <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center">
  720.                                                                    <div id="menutop" class="hoverOverlay d-inline-flex">
  721.                                        <div class="collapse navbar-collapse">
  722.                                            <style type="text/css">
  723.    .topwidget-menu .navbar-nav .dropdown-menu {
  724.        padding: 0;
  725.        margin: 0;
  726.    }
  727.    /*PC hack to hover*/
  728.    @media (min-width: 1025px) {
  729.        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
  730.            display:block !important;
  731.        }
  732.        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
  733.            display:block !important;
  734.        }
  735.        ul.navbar-topmenu.navbar-nav ul{
  736.            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  737.        }
  738.        .topwidget-menu {
  739.            margin: 10px;
  740.        }
  741.        ul.dropdown-menu.dropdown-menu-right{
  742.            left: unset;
  743.            right:0;
  744.        }
  745.        .dropdownfix-menu-right {
  746.            right:100% !important;
  747.            left:auto !important;
  748.        }
  749.        .public-topmenu .dropdown-menu-right .fa-chevron-right {
  750.            transform: rotate(180deg);
  751.            left: 0;
  752.            position: absolute;
  753.            top: 12px;
  754.        }
  755.        .public-topmenu .dropdown-menu-right .fa-chevron-down{
  756.            transform: rotate(90deg);
  757.            left: 0;
  758.            position: absolute;
  759.            top: 12px;
  760.        }
  761.        .more.hidden{
  762.            display:none;
  763.        }
  764.        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
  765.            transform: rotate(-90deg);
  766.        }
  767.        ul.navbar-topmenu.navbar-nav > li.nav-item ul{
  768.            position: absolute;
  769.        }
  770.        .public-topmenu .topmenuLg{
  771.            border-right:none !important;
  772.        }
  773.    }
  774.    /* tablet*/
  775.    @media only screen and (min-width: 768px) and (max-width: 1112px) {
  776.        ul.navbar-topmenu.navbar-nav ul{
  777.            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  778.        }
  779.    }
  780.    /*mobile tablet*/
  781.    @media  only screen and (max-width: 1024px) {
  782.        
  783.        ul.navbar-topmenu .abl1 .arrowCollapse,
  784.        ul.navbar-topmenu .abl2 .arrowCollapse{
  785.            position: absolute;
  786.            right: 20px !important;
  787.            top: 25%;
  788.            text-align: center;
  789.            height: 16px;
  790.        }
  791.        ul.navbar-topmenu.navbar-nav a{
  792.            text-align: left !important;
  793.            white-space: normal;
  794.        }
  795.        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
  796.                        transition: all .3s ease 0s;
  797.            -ms-transition: all .3s ease 0s;
  798.            -webkit-transition: all .3s ease 0s;
  799.            -moz-transition: all .3s ease 0s;
  800.        }
  801.        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
  802.                         transform: rotate(90deg);
  803.            transition: all .3s ease 0s;
  804.            -ms-transition: all .3s ease 0s;
  805.            -webkit-transition: all .3s ease 0s;
  806.            -moz-transition: all .3s ease 0s;
  807.           /* width: 15px;
  808.            height: 15px; */
  809.        }
  810.        
  811.        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
  812.            right: 12px;
  813.            top: 27%;
  814.        }
  815.  
  816.        ul.navbar-topmenu.navbar-nav a{
  817.            word-wrap: break-word;
  818.        }
  819.        ul.navbar-topmenu.navbar-nav .more{
  820.            display:none !important;
  821.        }
  822.        .public-topmenu .dropdown.show > a > .arrowCollapse{
  823.            transform: rotate(180deg);
  824.            -ms-transform: rotate(180deg);
  825.            -webkit-transform: rotate(180deg);
  826.            -moz-transform: rotate(180deg);
  827.        }
  828.        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
  829.            transform: rotate(270deg);
  830.            -ms-transform: rotate(270deg);
  831.            -webkit-transform: rotate(270deg);
  832.            -moz-transform: rotate(270deg);
  833.        }
  834.        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
  835.            transform: rotate(270deg);
  836.            -ms-transform: rotate(270deg);
  837.            -webkit-transform: rotate(270deg);
  838.            -moz-transform: rotate(270deg);
  839.        }
  840.        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
  841.            padding-left: 30px !important;
  842.        }
  843.        ul.navbar-topmenu.navbar-nav ul ul a {
  844.            padding-left: 45px !important;
  845.        }
  846.    }
  847. </style>
  848. <div class="topwidget-menu">
  849.    <ul class="navbar-nav navbar-topmenu public-topmenu">
  850.                                    <li class="nav-item ">
  851.                    <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self">
  852.                        Home                    </a>
  853.                </li>
  854.                                                <li class="nav-item ">
  855.                    <a class="nav-link abl1"   href="/about-us" target="_self">
  856.                        About us                    </a>
  857.                </li>
  858.                                                <li class="nav-item ">
  859.                    <a class="nav-link abl1"   href="/service" target="_self">
  860.                        Service                    </a>
  861.                </li>
  862.                                                <li class="nav-item ">
  863.                    <a class="nav-link abl1"   href="/category" target="_self">
  864.                        Products                     </a>
  865.                </li>
  866.                                                <li class="nav-item ">
  867.                    <a class="nav-link abl1"   href="/categorycontent" target="_self">
  868.                        Articles                    </a>
  869.                </li>
  870.                                                <li class="nav-item ">
  871.                    <a class="nav-link abl1"   href="/gallery" target="_self">
  872.                        Reference                    </a>
  873.                </li>
  874.                                                <li class="nav-item topmenuLg">
  875.                    <a class="nav-link abl1"   href="/contactus" target="_self">
  876.                        Contact us                    </a>
  877.                </li>
  878.                    
  879.        <li class="nav-item dropdown more hidden" data-width="80">
  880.            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
  881.                เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
  882.            </a>
  883.            <ul class="dropdown-menu"></ul>
  884.        </li>
  885.    </ul>
  886. </div>
  887.    <script>
  888.        /*width auto more*/
  889.        if (jQuery(window).width() > 1024) {
  890.                        calcWidth();
  891.                        var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
  892.            last_visible_element.css('border-right', 'none');
  893.        }
  894.        function calcWidth() {
  895.            var navwidth = 0;
  896.            var availablespace = 0;
  897.            var logwid = jQuery('#logotop').outerWidth(true);
  898.            var defwidth = 0;
  899.            var intIsEnableSearchTop = "0";
  900.            var intIsEnableCart = "0";
  901.            var calAweDropdown = "0";
  902.            navwidth = navwidth + parseInt(calAweDropdown);
  903.            let isLayoutId = '39';
  904.            let fullcontainer = '0';
  905.            if (intIsEnableSearchTop == 1) {
  906.                defwidth = defwidth + 60;
  907.            }
  908.  
  909.            if (intIsEnableCart == 1) {
  910.                defwidth = defwidth + 60;
  911.            }
  912.  
  913.          /*  if (calAweDropdown != 0) {
  914.                defwidth = defwidth + calAweDropdown;
  915.            }*/
  916.          
  917.            if (typeof logwid === "undefined") {
  918.                var logwid = 0;
  919.            }
  920.            if (isLayoutId == '37' || isLayoutId == '38') {
  921.                var logwid = 0;
  922.            }
  923.            if(fullcontainer=='1'){
  924.                var pls_pad = 30;
  925.            }else{
  926.                var pls_pad = 0;
  927.            }
  928.            /* if(isLayoutId=='38'){
  929.             var defwidth = 180;
  930.             }*/
  931.            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
  932.            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
  933.                navwidth += jQuery(this).outerWidth(true);
  934.            });
  935.            /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () {
  936.                navwidth += 17;
  937.            });*/
  938.            var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49);
  939.            if (navwidth > availablespace) {
  940.                var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
  941.                var jimwidtest = lastItem.outerWidth(true);
  942.                lastItem.removeClass('nav-item');
  943.                lastItem.removeClass('dropdown');
  944.                lastItem.children('a.nav-link').addClass('dropdown-item');
  945.                lastItem.attr('data-width', lastItem.outerWidth(true));
  946.                if (jimwidtest > 0) {
  947.                    lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
  948.                }
  949.                delete lastItem;
  950.                calcWidth();
  951.                return 0;
  952.            } else {
  953.                if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
  954.                    var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
  955.                    if (navwidth + firstMoreElement.data('width') < availablespace) {
  956.                        firstMoreElement.addClass('nav-item');
  957.                        firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
  958.                        firstMoreElement.removeAttr("data-width");
  959.                        firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
  960.                    }
  961.                    delete firstMoreElement;
  962.                }
  963.            }
  964.            /*hide more*/
  965.            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
  966.                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
  967.                if (thelast == 1) {
  968.                    //remove more
  969.                    var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
  970.                    if ((navwidth + firstMoreElement2.width()) < availablespace) {
  971.                        firstMoreElement2.addClass('nav-item');
  972.                        firstMoreElement2.addClass('topmenuLg');
  973.                        firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
  974.                        firstMoreElement2.removeAttr("data-width");
  975.                        firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
  976.                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
  977.                    } else {
  978.                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  979.                    }
  980.                    delete firstMoreElement2;
  981.                } else {
  982.                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  983.                }
  984.            } else {
  985.                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
  986.                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
  987.            }
  988.        }
  989.  
  990.        function calcWidthAfter() {
  991.                                
  992.            //affix if reflesh topbar appear
  993.            if ($(window).scrollTop() > 0) {
  994.                var logwid = 130;
  995.            }else{
  996.                var logwid = jQuery('#logotop').outerWidth(true);
  997.            }
  998.            
  999.            var navwidth = 0;
  1000.            var availablespace = 0;
  1001.            var defwidth = 0;
  1002.            var serwid = jQuery('#searchtop').outerWidth(true);
  1003.            var car2id = jQuery('#cart2').outerWidth(true);
  1004.            var intIsEnableSearchTop = "0";
  1005.            var intIsEnableCart = "0";
  1006.            let isLayoutId = '39';
  1007.            let fullcontainer = '0';
  1008.            if (intIsEnableSearchTop == 1) {
  1009.                defwidth = defwidth + serwid;
  1010.            }
  1011.  
  1012.            if (intIsEnableCart == 1) {
  1013.                defwidth = defwidth + car2id;
  1014.            }
  1015.  
  1016.            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
  1017.    
  1018.            if (typeof logwid === "undefined") {
  1019.               var logwid = 0;
  1020.            }
  1021.            if (isLayoutId == '37' || isLayoutId == '38') {
  1022.               var logwid = 0;
  1023.            }
  1024.            if(fullcontainer=='1'){
  1025.                var pls_pad = 30;
  1026.            }else{
  1027.                var pls_pad = 0;
  1028.            }
  1029.            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
  1030.            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
  1031.                navwidth += (jQuery(this).outerWidth(true));
  1032.            });
  1033.  
  1034.            var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
  1035.            
  1036.            if (navwidth > availablespace) {
  1037.               var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
  1038.               var jimwidtest = lastItem.outerWidth(true);
  1039.               lastItem.removeClass('nav-item');
  1040.               lastItem.removeClass('dropdown');
  1041.               lastItem.children('a.nav-link').addClass('dropdown-item');
  1042.               lastItem.attr('data-width', lastItem.outerWidth(true));
  1043.               if (jimwidtest > 0) {
  1044.                   lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
  1045.               }
  1046.               delete lastItem;
  1047.               calcWidthAfter();
  1048.               return 0;
  1049.            } else {
  1050.               if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
  1051.                                   }
  1052.            }
  1053.  
  1054.            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
  1055.                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
  1056.                if (thelast == 1) {
  1057.                                          var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
  1058.                     if ((navwidth + firstMoreElement2.width()) < availablespace) {
  1059.                                             }
  1060.                      jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  1061.                } else {
  1062.                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  1063.                }
  1064.            } else {
  1065.                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
  1066.            }
  1067.  
  1068.            //add class last item menu ขอบโค้ง
  1069.            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
  1070.        }
  1071.        
  1072.        /*nomobile*/
  1073.           /* }*/
  1074.    </script>
  1075.                                        </div>
  1076.                                    </div>
  1077.                                                                                            </div>
  1078.                                                                    </div>
  1079.                </div>
  1080.            </div>
  1081.        </div>
  1082.    </nav>
  1083. </div>
  1084. <div class="headerMobile">
  1085.        <style type="text/css">
  1086.    nav .orderingMenu {
  1087.        order: 1;
  1088.    }
  1089.    .navbar-nav .dropdown-menu .dropdown-item {
  1090.        padding: 6px 20px;
  1091.    }
  1092.    @media (max-width: 1024px) {
  1093.        .navbar-toggler {
  1094.            padding: 9px 10px !important;
  1095.            margin-left: 3px !important;
  1096.            margin-top: 6px;
  1097.            margin-right: 0px;
  1098.            margin-bottom: 6px;
  1099.            font-size: 16px !important;
  1100.            height: 44px;
  1101.        }
  1102.        nav > #top-area > .row {
  1103.            margin: 0 6px;
  1104.        }
  1105.        .navbar-nav .dropdown-menu {
  1106.            position: relative !important;
  1107.            transform: translate3d(0px, 0px, 0px) !important;
  1108.            -webkit-transform: translate3d(0px, 0px, 0px) !important;
  1109.            top: auto !important;
  1110.            left: auto !important;
  1111.            padding: 0;
  1112.            margin: 0;
  1113.        }
  1114.        .navbar-nav .dropdown-menu .dropdown-item {
  1115.            padding: 9px 40px 9px 15px;
  1116.        }
  1117.        .navbar-text {
  1118.            margin: 0 auto;
  1119.        }
  1120.        .navbar-brand {
  1121.            padding: 4px 8px !important;
  1122.            font-size: 24px !important;
  1123.            line-height: 40px !important;
  1124.            border: none !important;
  1125.            margin: 0px 4px !important;
  1126.        }
  1127.        .navbar-brand span{
  1128.            line-height: 40px;
  1129.        }
  1130.        .navbar-brand img {
  1131.            /*max-height: 48px;*/
  1132.            max-height: 44px;
  1133.            max-width: 100%;
  1134.        }
  1135.        nav .navbar-link {
  1136.            min-width: 40px;
  1137.        }
  1138.        nav #top-area {
  1139.            transition: all 300ms ease;
  1140.            -webkit-transition: all 300ms ease;
  1141.            -moz-transition: all 300ms ease;
  1142.            -o-transition: all 300ms ease;
  1143.        }
  1144.        /* widget */
  1145.        nav #socialnetwork,nav #linewidget {
  1146.            min-height: 34px;
  1147.        }
  1148.        nav .orderingMenu {
  1149.            order: 12;
  1150.            flex-basis: auto;
  1151.        }
  1152.        nav .brandingBox {
  1153.            flex-basis: 0;
  1154.            flex-grow: 1;
  1155.            max-width: 100%;
  1156.        }
  1157.        .navbar-link.cart-nav{
  1158.            font-size: 22px;
  1159.        }
  1160.        .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
  1161.            margin-left: 0px;
  1162.            margin-top: 0px;
  1163.            margin-bottom: 0px;
  1164.            padding: 0px;
  1165.        }
  1166.        .widgetCartNumber {
  1167.            top: -11px;
  1168.        }
  1169.        .navbar-nav.member-nav .nav-item{
  1170.            width: 100%;
  1171.            text-align: left !important;
  1172.        }
  1173.        .navbar-nav.member-nav{
  1174.            height: auto;
  1175.            margin: 0px 5px;
  1176.            text-align: left !important;
  1177.        }
  1178.        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{
  1179.            background: transparent;
  1180.            border: none;
  1181.        }
  1182.        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover {
  1183.            background-color: transparent;
  1184.        }
  1185.    }
  1186.    @media (max-width: 350px) {
  1187.        nav > #top-bar {
  1188.            padding-left: 5px;
  1189.            padding-right: 5px;
  1190.        }
  1191.    }
  1192.    /*lang*/
  1193.    .topwidget-lang{
  1194.        margin: 0px 5px;
  1195.    }
  1196.    .topwidget-lang a {
  1197.        padding-left: 10px !important;
  1198.        padding-right: 10px !important;
  1199.    }
  1200.  
  1201.    #section-header.sps--blw .headerMobile .navbar-collapse {
  1202.        max-height: 79vh;
  1203.        overflow-y: scroll;
  1204.        position: relative;
  1205.        -webkit-overflow-scrolling: touch;
  1206.    }
  1207.    #section-header.sps--abv .headerMobile .navbar-collapse {
  1208.        max-height: 73vh;
  1209.        overflow-y: scroll;
  1210.        -webkit-overflow-scrolling: touch;
  1211.    }
  1212. </style>
  1213. <nav id="topZone" class="navbar-expand-xl airry">
  1214.            <div id="top-bar">
  1215.            <div id="top-mb">
  1216.                <div class="container-fluid">
  1217.                                        <div class="row">
  1218.                        <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center">
  1219.                            <div id="toptext" class="navbar-text">
  1220.                                <span style="font-family: 'Noto Sans Thai'; font-size: 16px; color: #ffffff;" noto="" sans="" thai="" font-size:="" 16px="" color:="" rgb="" 255="" data-mce-style="font-family: 'Noto Sans Thai'; font-size: 16px; color: #ffffff;"><span class="fas fa-mobile-alt mceNonEditable" style="vertical-align: middle; color: #ffffff; font-size: 30px;" data-mce-style="vertical-align: middle; color: #ffffff; font-size: 30px;" contenteditable="false">&nbsp;</span>&nbsp;<a data-mce-href="tel:0806828989" href="tel:0806828989">080-682-8989</a>&nbsp;&nbsp;<span class="fas fa-envelope mceNonEditable" style="vertical-align: middle; color: #ffffff; font-size: 30px;" data-mce-style="vertical-align: middle; color: #ffffff; font-size: 30px;" contenteditable="false">&nbsp;</span> <a data-mce-href="mailto:phetmetalsheet@gmail.com" href="mailto:phetmetalsheet@gmail.com">phetmetalsheet@gmail.com</a></span>                            </div>
  1221.                        </div>
  1222.                    </div>
  1223.                                                                                <div class="row">
  1224.                        <div class="col-12 col-sm-12 col-md-12 col-lg text-center">
  1225.                            <div class="navbar-text">
  1226.                                                                    <div id="socialnetwork" class="d-inline">
  1227. <style>
  1228.    .empty {
  1229.        padding-top: 15px;
  1230.        padding-right: 22px;
  1231.        padding-bottom: 12px;
  1232.        padding-left: 29px;
  1233.    }
  1234.    .wechatSocial{
  1235.        cursor: pointer;
  1236.    }
  1237.    .pointer-none {
  1238.        pointer-events: none;
  1239.    }
  1240. </style>
  1241. <div class="social-widget">
  1242.                <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/PhetMetalsheets " style="margin-right: 8px; margin-left: 8px;1">
  1243.            <i class="far fa-circle colorFacebookBG pointer-none"></i>
  1244.            <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i>
  1245.        </a>
  1246.                            
  1247.    
  1248.    </div>
  1249. <script type="text/javascript">
  1250.  
  1251.    jQuery(".wechatSocial").click(function () {
  1252.        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
  1253.    });
  1254.    
  1255. </script></div>
  1256.                                                            </div>
  1257.                        </div>
  1258.                    </div>
  1259.                                    </div>
  1260.            </div>
  1261.        </div>
  1262.        <div id="top-area">
  1263.        <div id="top-sticky">
  1264.            <div class="">
  1265.                                <div class="row no-gutters">
  1266.                    <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%;">
  1267.                                                    <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;">
  1268.                                <style>
  1269.    .logotextmobile{
  1270.        display: inline-block;
  1271.        max-width: 200px;
  1272.        height: 1.5em;
  1273.        overflow: hidden;
  1274.        text-overflow: ellipsis;
  1275.        white-space: nowrap;
  1276.        color: #000;
  1277.    }
  1278.    .logotextmobile span{
  1279.        /* font-size: 30px !important; */
  1280.        line-height: 40px !important;
  1281.    }
  1282.  
  1283.    @media (max-width: 364.98px) {
  1284.        .logotextmobile{
  1285.            max-width: 150px;
  1286.        }
  1287.            }
  1288.  
  1289.    @media (min-width: 365px) and (max-width: 575.98px) {
  1290.        .logotextmobile{
  1291.            max-width: 200px;
  1292.        }
  1293.                            }
  1294.  
  1295.    @media (min-width: 576px) and (max-width: 767.98px) {
  1296.        .logotextmobile{
  1297.            min-width: calc(400px + 4vw);
  1298.            max-width: 500px;
  1299.        }
  1300.            }
  1301.  
  1302.    @media (min-width: 768px) and (max-width: 991.98px) {
  1303.        .logotextmobile{
  1304.            max-width: 600px;
  1305.        }
  1306.                    }
  1307.    @media (min-width: 992px) {
  1308.        .logotextmobile{
  1309.            max-width: 800px;
  1310.        }
  1311.    }
  1312.  
  1313.  
  1314. </style>
  1315.  
  1316.                    <img src="https://image.makewebcdn.com/makeweb/m_200x200/TJvrsbWHN/DefaultData/logo.png?v=202311151122" alt="logo" title="logo" class="d-inline-block img-logo"/>
  1317.                                </a>
  1318.                                            </div>
  1319.                                            <div class="col-12 col-lg d-lg-inline-flex orderingMenu">
  1320.                            <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown">
  1321.                                <style type="text/css">
  1322.    .headerMobile .topwidget-menu .navbar-nav .dropdown-menu {
  1323.        padding: 0;
  1324.        margin: 0;
  1325.    }
  1326.    /*PC hack to hover*/
  1327.    @media (min-width: 1025px) {
  1328.        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
  1329.            display:block !important;
  1330.        }
  1331.        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
  1332.            display:block !important;
  1333.        }
  1334.        .headerMobile ul.navbar-topmenu.navbar-nav ul{
  1335.            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  1336.        }
  1337.        .headerMobile .topwidget-menu {
  1338.            margin: 10px;
  1339.        }
  1340.        .headerMobile ul.dropdown-menu.dropdown-menu-right{
  1341.            left: unset;
  1342.            right:0;
  1343.        }
  1344.        .headerMobile .dropdownfix-menu-right {
  1345.            right:100% !important;
  1346.            left:auto !important;
  1347.        }
  1348.        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right {
  1349.            transform: rotate(180deg);
  1350.            left: 0;
  1351.            position: absolute;
  1352.            top: 12px;
  1353.        }
  1354.        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{
  1355.            transform: rotate(90deg);
  1356.            left: 0;
  1357.            position: absolute;
  1358.            top: 12px;
  1359.        }
  1360.        .headerMobile .more.hidden{
  1361.            display:none;
  1362.        }
  1363.        .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
  1364.            transform: rotate(-90deg);
  1365.        }
  1366.        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{
  1367.            position: absolute;
  1368.        }
  1369.        .headerMobile .public-topmenu .topmenuLg{
  1370.            border-right:none !important;
  1371.        }
  1372.    }
  1373.    /* tablet*/
  1374.    @media only screen and (min-width: 768px) and (max-width: 1112px) {
  1375.        .headerMobile ul.navbar-topmenu.navbar-nav ul{
  1376.           box-shadow: none;
  1377.        }
  1378.        /*.topwidget-menu {
  1379.            margin: 10px;
  1380.        }*/
  1381.    }
  1382.    /*mobile tablet*/
  1383.    @media  only screen and (max-width: 1024px) {
  1384.        .headerMobile ul.navbar-topmenu.navbar-nav a{
  1385.            text-align: left !important;
  1386.            white-space: normal;
  1387.        }
  1388.        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{
  1389.                        transition: all .3s ease 0s;
  1390.            -ms-transition: all .3s ease 0s;
  1391.            -webkit-transition: all .3s ease 0s;
  1392.            -moz-transition: all .3s ease 0s;
  1393.  
  1394.        }
  1395.        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{
  1396.                         transform: rotate(90deg);
  1397.            transition: all .3s ease 0s;
  1398.            -ms-transition: all .3s ease 0s;
  1399.            -webkit-transition: all .3s ease 0s;
  1400.            -moz-transition: all .3s ease 0s;
  1401.                    }
  1402.        
  1403.        .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
  1404.            right: 12px;
  1405.            top: 27%;
  1406.        }
  1407.        
  1408.        .headerMobile ul.navbar-topmenu.navbar-nav a{
  1409.            word-wrap: break-word;
  1410.        }
  1411.        .headerMobile ul.navbar-topmenu.navbar-nav .more{
  1412.            display:none !important;
  1413.        }
  1414.        .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{
  1415.            transform: rotate(180deg);
  1416.            -ms-transform: rotate(180deg);
  1417.            -webkit-transform: rotate(180deg);
  1418.            -moz-transform: rotate(180deg);
  1419.        }
  1420.        .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
  1421.            transform: rotate(270deg);
  1422.            -ms-transform: rotate(270deg);
  1423.            -webkit-transform: rotate(270deg);
  1424.            -moz-transform: rotate(270deg);
  1425.        }
  1426.        
  1427.        .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a {
  1428.             padding-left: 30px !important;
  1429.        }
  1430.        .headerMobile ul.navbar-topmenu.navbar-nav ul ul a {
  1431.            padding-left: 45px !important;
  1432.        }
  1433.        .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a {
  1434.            padding-left: 60px !important;
  1435.        }
  1436.    }
  1437. </style>
  1438.  
  1439. <div class="topwidget-menu">
  1440.    <ul class="navbar-nav navbar-topmenu public-topmenu">
  1441.                                    <li class="nav-item ">
  1442.                    <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self">
  1443.                        Home                    </a>
  1444.                </li>
  1445.                                                <li class="nav-item ">
  1446.                    <a class="nav-link abl1"   href="/about-us" target="_self">
  1447.                        About us                    </a>
  1448.                </li>
  1449.                                                <li class="nav-item ">
  1450.                    <a class="nav-link abl1"   href="/service" target="_self">
  1451.                        Service                    </a>
  1452.                </li>
  1453.                                                <li class="nav-item ">
  1454.                    <a class="nav-link abl1"   href="/category" target="_self">
  1455.                        Products                     </a>
  1456.                </li>
  1457.                                                <li class="nav-item ">
  1458.                    <a class="nav-link abl1"   href="/categorycontent" target="_self">
  1459.                        Articles                    </a>
  1460.                </li>
  1461.                                                <li class="nav-item ">
  1462.                    <a class="nav-link abl1"   href="/gallery" target="_self">
  1463.                        Reference                    </a>
  1464.                </li>
  1465.                                                <li class="nav-item topmenuLg">
  1466.                    <a class="nav-link abl1"   href="/contactus" target="_self">
  1467.                        Contact us                    </a>
  1468.                </li>
  1469.                    
  1470.        <li class="nav-item dropdown more hidden" data-width="80">
  1471.            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
  1472.                เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
  1473.            </a>
  1474.            <ul class="dropdown-menu"></ul>
  1475.        </li>
  1476.    </ul>
  1477. </div>
  1478.                                                                                                                            </div>
  1479.                        </div>
  1480.                                                                <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center">
  1481.                                                                                                                    <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">
  1482.                                    <span class="hamburger-box">
  1483.                                        <span class="hamburger-inner"></span>
  1484.                                    </span>
  1485.                                </button>
  1486.                                                    </div>
  1487.                                    </div>
  1488.            </div>
  1489.        </div>
  1490.    </div>
  1491. </nav>
  1492. </div>
  1493. <script>
  1494.    jQuery('.widgetCartNumber').hide();
  1495.    jQuery(document).ready(function () {
  1496.        jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) {
  1497.            // event.preventDefault();
  1498.            jQuery(this).blur();
  1499.            if (jQuery(this).attr('class') == 'abl1') {
  1500.                jQuery(this).attr('id', 'topmenuonpage');
  1501.            } else if (jQuery(this).attr('class') == 'abl2') {
  1502.                jQuery(this).attr('id', 'topmenusubonpage');
  1503.            }
  1504.        });
  1505.  
  1506.        jQuery('a').click( function(e) {
  1507.            var targetSelector = this.hash
  1508.            if(targetSelector) {
  1509.                e.stopImmediatePropagation();
  1510.  
  1511.                var $target = $(targetSelector);
  1512.                var iscls = $(targetSelector).attr('class'); //targethash //fttargethash
  1513.                // Animate the scroll to the destination...
  1514.                if(iscls==='fttargethash'){
  1515.                    var tr_po = 0;
  1516.                }else{
  1517.                    var tr_po = $target.offset().top;
  1518.                }
  1519.                $('html, body').animate(
  1520.                    {
  1521.                        scrollTop: tr_po // Scroll to this location.
  1522.                    }, {
  1523.                        // Set the duration long enough to allow time
  1524.                        // to lazy load the elements.
  1525.                        duration: 1000,
  1526.  
  1527.                        // At each animation step, check whether the target has moved.
  1528.                        step: function( now, fx ) {
  1529.  
  1530.                            // Where is the target now located on the page?
  1531.                            // i.e. its location will change as images etc. are lazy loaded
  1532.                            if ($(window).width() > 1024) {
  1533.                                if(iscls==='fttargethash'){
  1534.                                    var newOffset = 0;
  1535.                                }else{
  1536.                                    var h_top_sticky = 0;
  1537.                                    // top bar space for calculations scroll position
  1538.                                    var viewable = isElementInView($('#top-sticky'))
  1539.                                    jQuery('.targethash').css('top', '0px');
  1540.                                    if(viewable){
  1541.                                        h_top_sticky = $('#top-sticky').height();
  1542.                                    }
  1543.                                    var newOffset = $target.offset().top - h_top_sticky;
  1544.                                }
  1545.                               // var newOffset = $target.offset().top - 70;
  1546.                            }else{
  1547.                                var newOffset = $target.offset().top;
  1548.                            }
  1549.                            // If where we were originally planning to scroll to is not
  1550.                            // the same as the new offset (newOffset) then change where
  1551.                            // the animation is scrolling to (fx.end).
  1552.                            if(fx.end !== newOffset)
  1553.                                fx.end = newOffset;
  1554.                        }
  1555.                    }
  1556.                );
  1557.            }
  1558.        })
  1559.  
  1560.        // check element is visible in current windows display
  1561.        function isElementInView(element) {
  1562.            var $window = $(window);
  1563.            var windowHeight = $window.height();
  1564.            var windowWidth = $window.width();
  1565.            var rect = element.get(0).getBoundingClientRect();
  1566.  
  1567.            return (
  1568.                rect.top >= 0 && rect.top <= windowHeight &&
  1569.                rect.left >= 0 && rect.left <= windowWidth
  1570.            );
  1571.        }
  1572.  
  1573.        jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) {
  1574.            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
  1575.                $('html,body').animate({
  1576.                    scrollTop: 0
  1577.                }, 1800);
  1578.                return false;
  1579.            }
  1580.        });
  1581.        var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]');
  1582.        var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage');
  1583.        var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
  1584.        var stickyHeaderhi = jQuery('#menutop').height() + 75;
  1585.  
  1586.        var aArray = [];
  1587.        for (var i = 0; i < aChildren.length; i++) {
  1588.            var aChild = aChildren[i];
  1589.            var ahref = jQuery(aChild).attr('href');
  1590.            var res = ahref.split("#");
  1591.            var last_hash = res[res.length - 1];
  1592.            aArray.push(last_hash);
  1593.        }
  1594.  
  1595.        jQuery('.widgetCartNumber').show();
  1596.  
  1597.        jQuery(window).scroll(function () {
  1598.            var windowPos = jQuery(window).scrollTop();
  1599.            var windowHeight = jQuery(window).height();
  1600.            var docHeight = jQuery(document).height();
  1601.            for (var i = 0; i < aArray.length; i++) {
  1602.                var theID = aArray[i];
  1603.                if (jQuery('#' + theID).length > 0) {
  1604.                    if (jQuery('#' + theID).data('orderbox') == 'onest') {
  1605.                        /* if firstbox */
  1606.                        var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi;
  1607.                        var divHeight = jQuery('#' + theID).height();
  1608.                    } else {
  1609.                        /* if non first */
  1610.                        var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi;
  1611.                        var divHeight = jQuery('#' + theID).parent().height();
  1612.                    }
  1613.                    if (windowPos >= divPos && windowPos < (divPos + divHeight)) {
  1614.                        highlinow.removeAttr('id');
  1615.                        highlinowLv2.removeAttr('id');
  1616.                        if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) {
  1617.                            jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage');
  1618.                        }
  1619.                        if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) {
  1620.                            jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage');
  1621.                        }
  1622.                    } else {
  1623.                        jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id');
  1624.                        jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id');
  1625.                        if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) {
  1626.                            if (highlinow.length > 0) {
  1627.                                highlinow.attr('id', 'topmenuonpage');
  1628.                            }
  1629.                            if (highlinowLv2.length > 0) {
  1630.                                highlinowLv2.attr('id', 'topmenusubonpage');
  1631.                            }
  1632.                        }
  1633.                    }
  1634.                }
  1635.            }
  1636.            if (windowPos + windowHeight == docHeight) {
  1637.                /* last position */
  1638.                var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id');
  1639.                //L1
  1640.                if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
  1641.                    highlinow.removeAttr('id');
  1642.                    jQuery('a.abl1#topmenuonpage').removeAttr('id');
  1643.                    jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage');
  1644.                }
  1645.                //L2 L3
  1646.                if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
  1647.                    highlinowLv2.removeAttr('id');
  1648.                    jQuery('a.abl2#topmenusubonpage').removeAttr('id');
  1649.                    jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage');
  1650.                }
  1651.            }
  1652.        });
  1653.  
  1654.    });
  1655.  
  1656.    //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) &&
  1657.    if (screen.width > 1024) { // is desktop
  1658.        var isSubmenuLv2Overflow = 0;
  1659.        var isSubmenuLv3Overflow = 0;
  1660.        var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0];
  1661.        var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0];
  1662.        var sectionHeader = document.getElementById("section-header");
  1663.        var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav-item dropdown"); // li (Lv1) (has submenu)
  1664.        if (arr_li_lv1.length > 0) {
  1665.            // console.log(arr_li_lv1);
  1666.            for (i = 0; i < arr_li_lv1.length; i++) {
  1667.                var li_lv1 = arr_li_lv1[i];
  1668.                var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu
  1669.                if (arr_child_li_lv1.length > 0) {
  1670.  
  1671.                    for (j = 0; j < arr_child_li_lv1.length; j++) {
  1672.                        if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu
  1673.                            var ui_lv2 = arr_child_li_lv1[j];
  1674.                            var arr_li_lv2 = ui_lv2.children; // li (Lv2)
  1675.                            var length_li_lv2 = arr_li_lv2.length;
  1676.  
  1677.                            if (screen.height >= 1440 && screen.height < 2880 && length_li_lv2 > 34) { // w:2k
  1678.                                isSubmenuLv2Overflow += 1;
  1679.  
  1680.                            } else if (screen.height >= 1080 && screen.height < 1440 && length_li_lv2 > 20) { // w:1960
  1681.                                isSubmenuLv2Overflow += 1;
  1682.  
  1683.                            } else if (screen.height >= 768 && screen.height < 1080 && length_li_lv2 > 14) { // w:1366
  1684.                                isSubmenuLv2Overflow += 1;
  1685.  
  1686.                            } else if (screen.height >= 500 && screen.height < 768 && length_li_lv2 > 10) { // w:768
  1687.                                isSubmenuLv2Overflow += 1;
  1688.                            }
  1689.  
  1690.                            //LV 3 LIMITED EDITION
  1691.                            if (arr_li_lv2.length > 0) {
  1692.                                for (k = 0; k < arr_li_lv2.length; k++) {
  1693.                                    if (arr_li_lv2[k].children.length > 1) {
  1694.                                        if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu
  1695.                                            //k = ตำแหน่งที่มี ul
  1696.                                            var posiUllv3 = k;
  1697.                                            var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2)
  1698.                                            var obj_li_lv3 = arr_li_lv3.children;
  1699.                                            var length_li_lv3 = obj_li_lv3.length;
  1700.                                            var limiLv3High = length_li_lv3 + k;
  1701.  
  1702.                                            if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440
  1703.                                                isSubmenuLv3Overflow += 1;
  1704.                                            } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080
  1705.                                                isSubmenuLv3Overflow += 1;
  1706.                                            } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768
  1707.                                                isSubmenuLv3Overflow += 1;
  1708.                                            } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768
  1709. isSubmenuLv3Overflow += 1;
  1710.                                            }
  1711.  
  1712.                                        }
  1713.                                    }
  1714.                                }
  1715.                            }
  1716.  
  1717.  
  1718.                        }
  1719.                    }
  1720.                }
  1721.  
  1722.            }
  1723.        }
  1724.  
  1725.        if (isSubmenuLv2Overflow > 0) { // no stricky
  1726.            sectionHeader.classList.remove('sps');
  1727.            sectionHeader.classList.remove('sps--abv');
  1728.            sectionHeader.classList.remove('sps--blw');
  1729.        }
  1730.        //if lavel 3 is Too Damn High
  1731.        if (isSubmenuLv3Overflow > 0) { // no stricky
  1732.            sectionHeader.classList.remove('sps');
  1733.            sectionHeader.classList.remove('sps--abv');
  1734.            sectionHeader.classList.remove('sps--blw');
  1735.        }
  1736.  
  1737.        //if screen height not than 1080 disable
  1738.        jQuery(window).ready(function () {
  1739.            setTimeout(() => {
  1740.                if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) {
  1741.                    sectionHeader.classList.remove('sps');
  1742.                    sectionHeader.classList.remove('sps--abv');
  1743.                    sectionHeader.classList.remove('sps--blw');
  1744.                }
  1745.            }, 200);
  1746.        });
  1747.    }
  1748. </script>
  1749.                </div>
  1750.                <!-- <div id="section-content" style=""> -->
  1751.                <div id="section-content">
  1752.                                                                            
  1753. <style type="text/css">
  1754.    /* reveal */
  1755.    @media only screen and (min-width: 1200px) {
  1756.        .reveal { background-attachment: fixed !important; }
  1757.    }
  1758.    /* rellax */
  1759.    .rellax-view { position: relative; overflow: hidden; }
  1760.    .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; }
  1761.    .marginBottomSpace {
  1762.        
  1763.        margin-bottom: 20px;
  1764.    }
  1765.    .img-responsive{margin:auto;}
  1766.    @media only screen and (max-width: 767px){
  1767.        .maginBottomCaption{
  1768.            margin-bottom: 40px;
  1769.        }
  1770.        .maginBottomCaptionmini{
  1771.            margin-bottom: 15px;
  1772.        }
  1773.        .marginBottomSpaceMobile{
  1774.            margin-bottom: 20px;
  1775.        }
  1776.        .coverslidebox{
  1777.            padding: 0px 0px;
  1778.        }
  1779.    }
  1780.    @media only screen and (min-width: 768px){
  1781.        .maginBottomCaption{
  1782.            margin-bottom: 0px;
  1783.        }
  1784.        .maginBottomCaptionmini{
  1785.            margin-bottom: 0px;
  1786.        }
  1787.        .marginBottomSpaceMobile{
  1788.            margin-bottom: 0px;
  1789.        }
  1790.        .coverslidebox{
  1791.            padding: 0px 15px;
  1792.        }
  1793.        .textlayout-maxwidth{
  1794.            max-width: 585px;
  1795.        }
  1796.        .textlayout-marlauto{
  1797.            margin-left: auto;
  1798.        }
  1799.    }
  1800.    .noImgSimpleBG{
  1801.        background-color:#E1E4E9;
  1802.    }
  1803.    .box-not-overflow{
  1804.        overflow: hidden;
  1805.    }
  1806.    .play-button {
  1807.        left: 50%;
  1808.        top: 50%;
  1809.        width: 72px;
  1810.        height: 64px;
  1811.        margin-left: -36px;
  1812.        margin-top: -32px;
  1813.        z-index: 1;
  1814.        color: #212121;
  1815.        opacity: 0.85;
  1816.    }
  1817.    .play-button:hover,
  1818.    .play-button:hover::before {
  1819.        opacity: 1;
  1820.        color: #f00;
  1821.    }
  1822.    .play-button .fa-youtube {
  1823.        font-size: 64px;  
  1824.    }
  1825.    .play-button:before {
  1826.        content: "";
  1827.        width: 0;
  1828.        height: 0;
  1829.        border-top: 11px solid transparent;
  1830.        border-left: 20px solid #ffffff;
  1831.        border-bottom: 11px solid transparent;
  1832.        position: absolute;
  1833.        top: 21px;
  1834.        left: 29px;
  1835.    }
  1836.    .wrapper .youtube {
  1837.    background-color: #000;
  1838.    position: relative;
  1839.    padding-top: 56.25%;
  1840.    overflow: hidden;
  1841.    cursor: pointer
  1842.    }
  1843.  
  1844.    .wrapper .youtube img {
  1845.    width: 100%;
  1846.        top: -16.82%;
  1847.        left: 0;
  1848.        max-height: none !important;
  1849.        opacity: .7
  1850.    }
  1851.    .wrapper .youtube .play-button,
  1852.    .wrapper .youtube img {
  1853.        cursor: pointer
  1854.    }
  1855.  
  1856.    .wrapper .youtube .play-button,
  1857.    .wrapper .youtube .play-button:before,
  1858.    .wrapper .youtube iframe,
  1859.    .wrapper .youtube img {
  1860.        position: absolute
  1861.    }
  1862.    .wrapper .youtube iframe {
  1863.        height: 100%;
  1864.        width: 100%;
  1865.        top: 0;
  1866.        left: 0
  1867.    }
  1868.    @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) {
  1869.        a.targethash{
  1870.            top: -112px;
  1871.        }
  1872.    }
  1873. </style>
  1874.    <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
  1875.            </div>
  1876.    
  1877.            <div  style="position: relative; background-color:#ffffff; "  data-orderbox="onest">
  1878.                                                    <a id="slidebox-38949" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a>
  1879.                                                                            <div class="container-fluid">
  1880.                                                
  1881.                                                                    <div style="padding-top: 0px; padding-bottom: 0px;">
  1882.                                                                                                                                                <div >
  1883.                                        
  1884. <style type="text/css">
  1885.    .owlSliderBoxAdv {
  1886.        margin: 0px -15px;
  1887.        position: relative;
  1888.    }
  1889.    .owlSliderBoxAdv .loader {
  1890.        transition: all 1s ease 0s;
  1891.        -webkit-transition: all 1s ease 0s;
  1892.        -moz-transition: all 1s ease 0s;
  1893.        -o-transition: all 1s ease 0s;
  1894.        position: absolute;
  1895.        top:0;
  1896.        bottom:0;
  1897.        left: 0;
  1898.        right: 0;
  1899.        width: 50px;
  1900.    }
  1901.    .owlSliderBoxAdv .owl-item {
  1902.        overflow: hidden;
  1903.    }
  1904.    .owl-carousel .owl-item img {
  1905.        max-width: calc(100% + 1px) !important;
  1906.        width: auto;
  1907.        margin: 0 auto;
  1908.    }
  1909.    .owlSliderBoxAdv .clickable{
  1910.        cursor: pointer;
  1911.    }
  1912.  
  1913.    .owlSliderBoxAdv .owl-dots {
  1914.        bottom: 10px;
  1915.        left: 0;
  1916.        position: absolute;
  1917.        right: 0;
  1918.    }
  1919.    
  1920.    .Mweslide_38949 .owl-theme .owl-dots .owl-dot span {
  1921.        border: 1px solid #ffffff;
  1922.        background-color: #ffffff;
  1923.        opacity: 0.4;
  1924.    }
  1925.    .Mweslide_38949 .owl-theme .owl-dots .owl-dot.active span,
  1926.    .Mweslide_38949 .owl-theme .owl-dots .owl-dot:hover span {
  1927.        background-color: #ffffff;
  1928.        opacity: 1 !important;
  1929.    }
  1930.    
  1931.    .owl-theme .owl-nav {
  1932.        margin-top: 0px;
  1933.    }
  1934.    .owlSliderBoxAdv .owl-nav [class*='owl-'] {
  1935.        background: transparent none repeat scroll 0 0;
  1936.        height: 45px;
  1937.        width: 45px;
  1938.        margin: 0;
  1939.        padding: 0;
  1940.        transform: translate3d(0, -50%, 0);
  1941.        -webkit-transform: translate3d(0, -50%, 0);
  1942.        -moz-transform: translate3d(0, -50%, 0);
  1943.        -ms-transform: translate3d(0, -50%, 0);
  1944.        opacity: 1;
  1945.        position: absolute;
  1946.        top: 50%;
  1947.        z-index: 2;
  1948.        /* line-height: 88px; */
  1949.        text-align: left;
  1950.        border-radius: 0px;
  1951.    }
  1952.    @media (max-width: 767px) {
  1953.        .owlSliderBoxAdv .owl-nav [class*='owl-'] {
  1954.            display:none;
  1955.        }
  1956.    }
  1957.    /* .owl-theme .owl-nav [class*='owl-']:hover {
  1958.        background: inherit;
  1959.    } */
  1960.    .Mweslide_38949.owlSliderBoxAdv .owl-nav .fa-angle-left,
  1961.    .Mweslide_38949.owlSliderBoxAdv .owl-nav .fa-angle-right {
  1962.        color: #ffffff;
  1963.    }
  1964.    .Mweslide_38949.owlSliderBoxAdv .owl-nav .owl-prev {
  1965.        left: 0;
  1966.        text-indent: 10px;
  1967.        opacity:0.5;     }
  1968.    .Mweslide_38949.owlSliderBoxAdv .owl-nav .owl-next {
  1969.        right: 0;
  1970.        text-indent: 20px;
  1971.        opacity:0.5;     }
  1972.    .Mweslide_38949.owlSliderBoxAdv .owl-nav .owl-prev:hover {
  1973.        background: transparent; opacity:0.4;     }
  1974.    .Mweslide_38949.owlSliderBoxAdv .owl-nav .owl-next:hover {
  1975.        background: transparent; opacity:0.4;     }
  1976.    .Mweslide_38949.owlSliderBoxAdv .owl-nav{
  1977.        color: #ffffff;
  1978.        font-size: 45px;
  1979.        vertical-align: middle;
  1980.    }
  1981.  
  1982.  
  1983.    .Mweslide_38949.owlSliderBoxAdv .owl-lazy {
  1984.        height: 300px;
  1985.        background-repeat: no-repeat;
  1986.        position: relative;
  1987.    }
  1988.    @media (max-width: 768px) {
  1989.        .Mweslide_38949.owlSliderBoxAdv .owl-lazy {
  1990.            height: 300px;
  1991.            background-repeat: no-repeat;
  1992.            position: relative;
  1993.        }
  1994.    }
  1995.  
  1996.    .owlSliderBoxAdv .item .contentPOS {
  1997.        position: absolute;
  1998.        transition: all 450ms ease 0s;
  1999.        -webkit-transition: all 450ms ease 0s;
  2000.        -moz-transition: all 450ms ease 0s;
  2001.        -o-transition: all 450ms ease 0s;
  2002.        padding: 0px;
  2003.        display: inline-table;
  2004.    }
  2005.  
  2006.    .owlSliderBoxAdv .item .contentEffect {
  2007.        line-height: 1.42857143;
  2008.        vertical-align: middle;
  2009.        display: inline-block;
  2010.        overflow-wrap: break-word;
  2011.        width: max-content;
  2012.        font-size: 16px;
  2013.    }
  2014.    .owlSliderBoxAdv .item .contentEffect h2,
  2015.    .owlSliderBoxAdv .item .contentEffect h3,
  2016.    .owlSliderBoxAdv .item .contentEffect p,
  2017.    .owlSliderBoxAdv .item .contentEffect a {
  2018.        font-family: inherit;
  2019.        font-size: inherit;
  2020.        color: inherit;
  2021.    }
  2022.    .owlSliderBoxAdv .item .contentEffect p {
  2023.        margin: 0 0 10px;
  2024.    }
  2025.    .owlSliderBoxAdv .item .contentEffect p:last-child {
  2026.        margin-bottom: 0px;
  2027.    }
  2028.  
  2029.                    .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw {
  2030.            top: 0;
  2031.            left: 0;
  2032.            transform: translate3d(0, 0, 0);
  2033.            -webkit-transform: translate3d(0, 0, 0);
  2034.            -moz-transform: translate3d(0, 0, 0);
  2035.            -ms-transform: translate3d(0, 0, 0);
  2036.            margin-top: 0px;
  2037.            margin-left: 30px;
  2038.            margin-right: 0;
  2039.            margin-bottom: 0;
  2040.        }
  2041.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn {
  2042.            top: 0;
  2043.            left: 50%;
  2044.            transform: translate3d(-50%, 0, 0);
  2045.            -webkit-transform: translate3d(-50%, 0, 0);
  2046.            -moz-transform: translate3d(-50%, 0, 0);
  2047.            -ms-transform: translate3d(-50%, 0, 0);
  2048.            margin-top: 0px;
  2049.            margin-left: 0;
  2050.            margin-right: 0;
  2051.            margin-bottom: 0;
  2052.        }
  2053.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne {
  2054.            top: 0;
  2055.            right: 0;
  2056.            transform: translate3d(0, 0, 0);
  2057.            -webkit-transform: translate3d(0, 0, 0);
  2058.            -moz-transform: translate3d(0, 0, 0);
  2059.            -ms-transform: translate3d(0, 0, 0);
  2060.            margin-top: 0px;
  2061.            margin-right: 0px;
  2062.            margin-left: 0;
  2063.            margin-bottom: 0;
  2064.        }
  2065.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe {
  2066.            top: 50%;
  2067.            right: 0;
  2068.            transform: translate3d(0, -50%, 0);
  2069.            -webkit-transform: translate3d(0, -50%, 0);
  2070.            -moz-transform: translate3d(0, -50%, 0);
  2071.            -ms-transform: translate3d(0, -50%, 0);
  2072.            margin-top: 0;
  2073.            margin-right: 0px;
  2074.            margin-left: 0;
  2075.            margin-bottom: 0;
  2076.        }
  2077.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse {
  2078.            bottom: 0;
  2079.            right: 0;
  2080.            transform: translate3d(0, 0, 0);
  2081.            -webkit-transform: translate3d(0, 0, 0);
  2082.            -moz-transform: translate3d(0, 0, 0);
  2083.            -ms-transform: translate3d(0, 0, 0);
  2084.            margin-top: 0;
  2085.            margin-right: 0px;
  2086.            margin-left: 0;
  2087.            margin-bottom: 0px;
  2088.        }
  2089.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs {
  2090.            bottom: 0;
  2091.            left: 50%;
  2092.            transform: translate3d(-50%, 0, 0);
  2093.            -webkit-transform: translate3d(-50%, 0, 0);
  2094.            -moz-transform: translate3d(-50%, 0, 0);
  2095.            -ms-transform: translate3d(-50%, 0, 0);
  2096.            margin-top: 0;
  2097.            margin-right: 0;
  2098.            margin-left: 0;
  2099.            margin-bottom: 0px;
  2100.        }
  2101.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw {
  2102.            bottom: 0;
  2103.            left: 0;
  2104.            transform: translate3d(0, 0, 0);
  2105.            -webkit-transform: translate3d(0, 0, 0);
  2106.            -moz-transform: translate3d(0, 0, 0);
  2107.            -ms-transform: translate3d(0, 0, 0);
  2108.            margin-top: 0;
  2109.            margin-right: 0;
  2110.            margin-left: 30px;
  2111.            margin-bottom: 0px;
  2112.        }
  2113.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw {
  2114.            top: 50%;
  2115.            left: 0;
  2116.            transform: translate3d(0, -50%, 0);
  2117.            -webkit-transform: translate3d(0, -50%, 0);
  2118.            -moz-transform: translate3d(0, -50%, 0);
  2119.            -ms-transform: translate3d(0, -50%, 0);
  2120.            margin-top: 0;
  2121.            margin-right: 0;
  2122.            margin-left: 30px;
  2123.            margin-bottom: 0;
  2124.        }
  2125.        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc {
  2126.            top: 50%;
  2127.            left: 50%;
  2128.            transform: translate3d(-50%, -50%, 0);
  2129.            -webkit-transform: translate3d(-50%, -50%, 0);
  2130.            -moz-transform: translate3d(-50%, -50%, 0);
  2131.            -ms-transform: translate3d(-50%, -50%, 0);
  2132.            margin-top: 0;
  2133.            margin-right: 0;
  2134.            margin-left: 0;
  2135.            margin-bottom: 0;
  2136.        }
  2137.        @media (max-width: 768px) {
  2138.                        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw_mobile {
  2139.                top: 0;
  2140.                left: 0;
  2141.                right: auto;
  2142.                bottom: auto;
  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: 0px;
  2148.                margin-left: 30px;
  2149.                margin-right: 0;
  2150.                margin-bottom: 0;
  2151.            }
  2152.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn_mobile {
  2153.                top: 0;
  2154.                left: 50%;
  2155.                right: auto;
  2156.                bottom: auto;
  2157.                transform: translate3d(-50%, 0, 0);
  2158.                -webkit-transform: translate3d(-50%, 0, 0);
  2159.                -moz-transform: translate3d(-50%, 0, 0);
  2160.                -ms-transform: translate3d(-50%, 0, 0);
  2161.                margin-top: 0px;
  2162.                margin-left: 0;
  2163.                margin-right: 0;
  2164.                margin-bottom: 0;
  2165.            }
  2166.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne_mobile {
  2167.                top: 0;
  2168.                right: 0;
  2169.                left: auto;
  2170.                bottom: auto;
  2171.                transform: translate3d(0, 0, 0);
  2172.                -webkit-transform: translate3d(0, 0, 0);
  2173.                -moz-transform: translate3d(0, 0, 0);
  2174.                -ms-transform: translate3d(0, 0, 0);
  2175.                margin-top: 0px;
  2176.                margin-right: 0px;
  2177.                margin-left: 0;
  2178.                margin-bottom: 0;
  2179.            }
  2180.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe_mobile {
  2181.                top: 50%;
  2182.                right: 0;
  2183.                left: auto;
  2184.                bottom: auto;
  2185.                transform: translate3d(0, -50%, 0);
  2186.                -webkit-transform: translate3d(0, -50%, 0);
  2187.                -moz-transform: translate3d(0, -50%, 0);
  2188.                -ms-transform: translate3d(0, -50%, 0);
  2189.                margin-top: 0;
  2190.                margin-right: 0px;
  2191.                margin-left: 0;
  2192.                margin-bottom: 0;
  2193.            }
  2194.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse_mobile {
  2195.                bottom: 0;
  2196.                right: 0;
  2197.                left: auto;
  2198.                top: auto;
  2199.                transform: translate3d(0, 0, 0);
  2200.                -webkit-transform: translate3d(0, 0, 0);
  2201.                -moz-transform: translate3d(0, 0, 0);
  2202.                -ms-transform: translate3d(0, 0, 0);
  2203.                margin-top: 0;
  2204.                margin-right: 0px;
  2205.                margin-left: 0;
  2206.                margin-bottom: 0px;
  2207.            }
  2208.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs_mobile {
  2209.                bottom: 0;
  2210.                left: 50%;
  2211.                right: auto;
  2212.                top: auto;
  2213.                transform: translate3d(-50%, 0, 0);
  2214.                -webkit-transform: translate3d(-50%, 0, 0);
  2215.                -moz-transform: translate3d(-50%, 0, 0);
  2216.                -ms-transform: translate3d(-50%, 0, 0);
  2217.                margin-top: 0;
  2218.                margin-right: 0;
  2219.                margin-left: 0;
  2220.                margin-bottom: 0px;
  2221.            }
  2222.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw_mobile {
  2223.                bottom: 0;
  2224.                left: 0;
  2225.                right: auto;
  2226.                top: auto;
  2227.                transform: translate3d(0, 0, 0);
  2228.                -webkit-transform: translate3d(0, 0, 0);
  2229.                -moz-transform: translate3d(0, 0, 0);
  2230.                -ms-transform: translate3d(0, 0, 0);
  2231.                margin-top: 0;
  2232.                margin-right: 0;
  2233.                margin-left: 30px;
  2234.                margin-bottom: 0px;
  2235.            }
  2236.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw_mobile {
  2237.                top: 50%;
  2238.                left: 0;
  2239.                right: auto;
  2240.                bottom: auto;
  2241.                transform: translate3d(0, -50%, 0);
  2242.                -webkit-transform: translate3d(0, -50%, 0);
  2243.                -moz-transform: translate3d(0, -50%, 0);
  2244.                -ms-transform: translate3d(0, -50%, 0);
  2245.                margin-top: 0;
  2246.                margin-right: 0;
  2247.                margin-left: 30px;
  2248.                margin-bottom: 0;
  2249.            }
  2250.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc_mobile {
  2251.                top: 50%;
  2252.                left: 50%;
  2253.                right: auto;
  2254.                bottom: auto;
  2255.                transform: translate3d(-50%, -50%, 0);
  2256.                -webkit-transform: translate3d(-50%, -50%, 0);
  2257.                -moz-transform: translate3d(-50%, -50%, 0);
  2258.                -ms-transform: translate3d(-50%, -50%, 0);
  2259.                margin-top: 0;
  2260.                margin-right: 0;
  2261.                margin-left: 0;
  2262.                margin-bottom: 0;
  2263.            }
  2264.        }
  2265.  
  2266.  
  2267.        .Mweslide_38949.owlSliderBoxAdv .item0 .owl-lazy {
  2268.            background-size: cover;
  2269.            background-position: center center;
  2270.        }
  2271.        @media (max-width: 768px) {
  2272.            .Mweslide_38949.owlSliderBoxAdv .item0 .owl-lazy {
  2273.                background-size: cover;
  2274.                background-position: center center;
  2275.            }
  2276.        }
  2277.  
  2278.  
  2279.                    .Mweslide_38949.owlSliderBoxAdv .item0 .contentBG {
  2280.                background-color: 'transparent';
  2281.            }
  2282.                @media (max-width: 768px) {
  2283.                            .Mweslide_38949.owlSliderBoxAdv .item0 .contentBG {
  2284.                    background-color: 'transparent';
  2285.                }
  2286.                    }
  2287.  
  2288.  
  2289.                .Mweslide_38949.owlSliderBoxAdv .item0 .contentPadding {
  2290.            padding-top: 15px;
  2291.            padding-right: 15px;
  2292.            padding-bottom: 15px;
  2293.            padding-left: 15px;
  2294.        }
  2295.        @media (max-width: 768px) {
  2296.                        .Mweslide_38949.owlSliderBoxAdv .item0 .contentPadding {
  2297.                padding-top: 15px;
  2298.                padding-right: 15px;
  2299.                padding-bottom: 15px;
  2300.                padding-left: 15px;
  2301.            }
  2302.        }
  2303.  
  2304.  
  2305.        /* Mobile Scale */
  2306.                                @media (max-width: 768px) {
  2307.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="8"] {
  2308.                    font-size: 1.68px !important;
  2309.                }
  2310.            }
  2311.                                @media (max-width: 768px) {
  2312.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="9"] {
  2313.                    font-size: 1.89px !important;
  2314.                }
  2315.            }
  2316.                                @media (max-width: 768px) {
  2317.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="10"] {
  2318.                    font-size: 2.1px !important;
  2319.                }
  2320.            }
  2321.                                @media (max-width: 768px) {
  2322.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="11"] {
  2323.                    font-size: 2.31px !important;
  2324.                }
  2325.            }
  2326.                                @media (max-width: 768px) {
  2327.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="12"] {
  2328.                    font-size: 2.52px !important;
  2329.                }
  2330.            }
  2331.                                @media (max-width: 768px) {
  2332.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="13"] {
  2333.                    font-size: 2.73px !important;
  2334.                }
  2335.            }
  2336.                                @media (max-width: 768px) {
  2337.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="14"] {
  2338.                    font-size: 2.94px !important;
  2339.                }
  2340.            }
  2341.                                @media (max-width: 768px) {
  2342.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="15"] {
  2343.                    font-size: 3.15px !important;
  2344.                }
  2345.            }
  2346.                                @media (max-width: 768px) {
  2347.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="16"] {
  2348.                    font-size: 3.36px !important;
  2349.                }
  2350.            }
  2351.                                @media (max-width: 768px) {
  2352.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="17"] {
  2353.                    font-size: 3.57px !important;
  2354.                }
  2355.            }
  2356.                                @media (max-width: 768px) {
  2357.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="18"] {
  2358.                    font-size: 3.78px !important;
  2359.                }
  2360.            }
  2361.                                @media (max-width: 768px) {
  2362.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="19"] {
  2363.                    font-size: 3.99px !important;
  2364.                }
  2365.            }
  2366.                                @media (max-width: 768px) {
  2367.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="20"] {
  2368.                    font-size: 4.2px !important;
  2369.                }
  2370.            }
  2371.                                @media (max-width: 768px) {
  2372.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="22"] {
  2373.                    font-size: 4.62px !important;
  2374.                }
  2375.            }
  2376.                                @media (max-width: 768px) {
  2377.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="24"] {
  2378.                    font-size: 5.04px !important;
  2379.                }
  2380.            }
  2381.                                @media (max-width: 768px) {
  2382.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="26"] {
  2383.                    font-size: 5.46px !important;
  2384.                }
  2385.            }
  2386.                                @media (max-width: 768px) {
  2387.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="28"] {
  2388.                    font-size: 5.88px !important;
  2389.                }
  2390.            }
  2391.                                @media (max-width: 768px) {
  2392.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="30"] {
  2393.                    font-size: 6.3px !important;
  2394.                }
  2395.            }
  2396.                                @media (max-width: 768px) {
  2397.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="32"] {
  2398.                    font-size: 6.72px !important;
  2399.                }
  2400.            }
  2401.                                @media (max-width: 768px) {
  2402.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="34"] {
  2403.                    font-size: 7.14px !important;
  2404.                }
  2405.            }
  2406.                                @media (max-width: 768px) {
  2407.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="36"] {
  2408.                    font-size: 7.56px !important;
  2409.                }
  2410.            }
  2411.                                @media (max-width: 768px) {
  2412.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="40"] {
  2413.                    font-size: 8.4px !important;
  2414.                }
  2415.            }
  2416.                                @media (max-width: 768px) {
  2417.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="44"] {
  2418.                    font-size: 9.24px !important;
  2419.                }
  2420.            }
  2421.                                @media (max-width: 768px) {
  2422.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="48"] {
  2423.                    font-size: 10.08px !important;
  2424.                }
  2425.            }
  2426.                                @media (max-width: 768px) {
  2427.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="52"] {
  2428.                    font-size: 10.92px !important;
  2429.                }
  2430.            }
  2431.                                @media (max-width: 768px) {
  2432.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="56"] {
  2433.                    font-size: 11.76px !important;
  2434.                }
  2435.            }
  2436.                                @media (max-width: 768px) {
  2437.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="60"] {
  2438.                    font-size: 12.6px !important;
  2439.                }
  2440.            }
  2441.                                @media (max-width: 768px) {
  2442.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="66"] {
  2443.                    font-size: 13.86px !important;
  2444.                }
  2445.            }
  2446.                                @media (max-width: 768px) {
  2447.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="72"] {
  2448.                    font-size: 15.12px !important;
  2449.                }
  2450.            }
  2451.                                @media (max-width: 768px) {
  2452.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="80"] {
  2453.                    font-size: 16.8px !important;
  2454.                }
  2455.            }
  2456.                                @media (max-width: 768px) {
  2457.                .Mweslide_38949.owlSliderBoxAdv .item0 [data-font-size="100"] {
  2458.                    font-size: 21px !important;
  2459.                }
  2460.            }
  2461.                @media (max-width: 768px) {
  2462.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentEffect p {
  2463.                margin-bottom: 3px !important;
  2464.            }
  2465.            .Mweslide_38949.owlSliderBoxAdv .item0 .contentEffect img {
  2466.                transform: scale(0.21);
  2467.                -webkit-transform: scale(0.21);
  2468.                -moz-transform: scale(0.21);
  2469.                -ms-transform: scale(0.21);
  2470.            }
  2471.        }
  2472.  
  2473.                                @media (max-width: 768px) {
  2474.                            }
  2475.                                @media (max-width: 768px) {
  2476.                            }
  2477.                                @media (max-width: 768px) {
  2478.                            }
  2479.                            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw {
  2480.            top: 0;
  2481.            left: 0;
  2482.            transform: translate3d(0, 0, 0);
  2483.            -webkit-transform: translate3d(0, 0, 0);
  2484.            -moz-transform: translate3d(0, 0, 0);
  2485.            -ms-transform: translate3d(0, 0, 0);
  2486.            margin-top: 0px;
  2487.            margin-left: 30px;
  2488.            margin-right: 0;
  2489.            margin-bottom: 0;
  2490.        }
  2491.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn {
  2492.            top: 0;
  2493.            left: 50%;
  2494.            transform: translate3d(-50%, 0, 0);
  2495.            -webkit-transform: translate3d(-50%, 0, 0);
  2496.            -moz-transform: translate3d(-50%, 0, 0);
  2497.            -ms-transform: translate3d(-50%, 0, 0);
  2498.            margin-top: 0px;
  2499.            margin-left: 0;
  2500.            margin-right: 0;
  2501.            margin-bottom: 0;
  2502.        }
  2503.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne {
  2504.            top: 0;
  2505.            right: 0;
  2506.            transform: translate3d(0, 0, 0);
  2507.            -webkit-transform: translate3d(0, 0, 0);
  2508.            -moz-transform: translate3d(0, 0, 0);
  2509.            -ms-transform: translate3d(0, 0, 0);
  2510.            margin-top: 0px;
  2511.            margin-right: 0px;
  2512.            margin-left: 0;
  2513.            margin-bottom: 0;
  2514.        }
  2515.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe {
  2516.            top: 50%;
  2517.            right: 0;
  2518.            transform: translate3d(0, -50%, 0);
  2519.            -webkit-transform: translate3d(0, -50%, 0);
  2520.            -moz-transform: translate3d(0, -50%, 0);
  2521.            -ms-transform: translate3d(0, -50%, 0);
  2522.            margin-top: 0;
  2523.            margin-right: 0px;
  2524.            margin-left: 0;
  2525.            margin-bottom: 0;
  2526.        }
  2527.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse {
  2528.            bottom: 0;
  2529.            right: 0;
  2530.            transform: translate3d(0, 0, 0);
  2531.            -webkit-transform: translate3d(0, 0, 0);
  2532.            -moz-transform: translate3d(0, 0, 0);
  2533.            -ms-transform: translate3d(0, 0, 0);
  2534.            margin-top: 0;
  2535.            margin-right: 0px;
  2536.            margin-left: 0;
  2537.            margin-bottom: 0px;
  2538.        }
  2539.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs {
  2540.            bottom: 0;
  2541.            left: 50%;
  2542.            transform: translate3d(-50%, 0, 0);
  2543.            -webkit-transform: translate3d(-50%, 0, 0);
  2544.            -moz-transform: translate3d(-50%, 0, 0);
  2545.            -ms-transform: translate3d(-50%, 0, 0);
  2546.            margin-top: 0;
  2547.            margin-right: 0;
  2548.            margin-left: 0;
  2549.            margin-bottom: 0px;
  2550.        }
  2551.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw {
  2552.            bottom: 0;
  2553.            left: 0;
  2554.            transform: translate3d(0, 0, 0);
  2555.            -webkit-transform: translate3d(0, 0, 0);
  2556.            -moz-transform: translate3d(0, 0, 0);
  2557.            -ms-transform: translate3d(0, 0, 0);
  2558.            margin-top: 0;
  2559.            margin-right: 0;
  2560.            margin-left: 30px;
  2561.            margin-bottom: 0px;
  2562.        }
  2563.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw {
  2564.            top: 50%;
  2565.            left: 0;
  2566.            transform: translate3d(0, -50%, 0);
  2567.            -webkit-transform: translate3d(0, -50%, 0);
  2568.            -moz-transform: translate3d(0, -50%, 0);
  2569.            -ms-transform: translate3d(0, -50%, 0);
  2570.            margin-top: 0;
  2571.            margin-right: 0;
  2572.            margin-left: 30px;
  2573.            margin-bottom: 0;
  2574.        }
  2575.        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc {
  2576.            top: 50%;
  2577.            left: 50%;
  2578.            transform: translate3d(-50%, -50%, 0);
  2579.            -webkit-transform: translate3d(-50%, -50%, 0);
  2580.            -moz-transform: translate3d(-50%, -50%, 0);
  2581.            -ms-transform: translate3d(-50%, -50%, 0);
  2582.            margin-top: 0;
  2583.            margin-right: 0;
  2584.            margin-left: 0;
  2585.            margin-bottom: 0;
  2586.        }
  2587.        @media (max-width: 768px) {
  2588.                        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw_mobile {
  2589.                top: 0;
  2590.                left: 0;
  2591.                right: auto;
  2592.                bottom: auto;
  2593.                transform: translate3d(0, 0, 0);
  2594.                -webkit-transform: translate3d(0, 0, 0);
  2595.                -moz-transform: translate3d(0, 0, 0);
  2596.                -ms-transform: translate3d(0, 0, 0);
  2597.                margin-top: 0px;
  2598.                margin-left: 30px;
  2599.                margin-right: 0;
  2600.                margin-bottom: 0;
  2601.            }
  2602.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn_mobile {
  2603.                top: 0;
  2604.                left: 50%;
  2605.                right: auto;
  2606.                bottom: auto;
  2607.                transform: translate3d(-50%, 0, 0);
  2608.                -webkit-transform: translate3d(-50%, 0, 0);
  2609.                -moz-transform: translate3d(-50%, 0, 0);
  2610.                -ms-transform: translate3d(-50%, 0, 0);
  2611.                margin-top: 0px;
  2612.                margin-left: 0;
  2613.                margin-right: 0;
  2614.                margin-bottom: 0;
  2615.            }
  2616.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne_mobile {
  2617.                top: 0;
  2618.                right: 0;
  2619.                left: auto;
  2620.                bottom: auto;
  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_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe_mobile {
  2631.                top: 50%;
  2632.                right: 0;
  2633.                left: auto;
  2634.                bottom: auto;
  2635.                transform: translate3d(0, -50%, 0);
  2636.                -webkit-transform: translate3d(0, -50%, 0);
  2637.                -moz-transform: translate3d(0, -50%, 0);
  2638.                -ms-transform: translate3d(0, -50%, 0);
  2639.                margin-top: 0;
  2640.                margin-right: 0px;
  2641.                margin-left: 0;
  2642.                margin-bottom: 0;
  2643.            }
  2644.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse_mobile {
  2645.                bottom: 0;
  2646.                right: 0;
  2647.                left: auto;
  2648.                top: auto;
  2649.                transform: translate3d(0, 0, 0);
  2650.                -webkit-transform: translate3d(0, 0, 0);
  2651.                -moz-transform: translate3d(0, 0, 0);
  2652.                -ms-transform: translate3d(0, 0, 0);
  2653.                margin-top: 0;
  2654.                margin-right: 0px;
  2655.                margin-left: 0;
  2656.                margin-bottom: 0px;
  2657.            }
  2658.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs_mobile {
  2659.                bottom: 0;
  2660.                left: 50%;
  2661.                right: auto;
  2662.                top: auto;
  2663.                transform: translate3d(-50%, 0, 0);
  2664.                -webkit-transform: translate3d(-50%, 0, 0);
  2665.                -moz-transform: translate3d(-50%, 0, 0);
  2666.                -ms-transform: translate3d(-50%, 0, 0);
  2667.                margin-top: 0;
  2668.                margin-right: 0;
  2669.                margin-left: 0;
  2670.                margin-bottom: 0px;
  2671.            }
  2672.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw_mobile {
  2673.                bottom: 0;
  2674.                left: 0;
  2675.                right: auto;
  2676.                top: auto;
  2677.                transform: translate3d(0, 0, 0);
  2678.                -webkit-transform: translate3d(0, 0, 0);
  2679.                -moz-transform: translate3d(0, 0, 0);
  2680.                -ms-transform: translate3d(0, 0, 0);
  2681.                margin-top: 0;
  2682.                margin-right: 0;
  2683.                margin-left: 30px;
  2684.                margin-bottom: 0px;
  2685.            }
  2686.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw_mobile {
  2687.                top: 50%;
  2688.                left: 0;
  2689.                right: auto;
  2690.                bottom: auto;
  2691.                transform: translate3d(0, -50%, 0);
  2692.                -webkit-transform: translate3d(0, -50%, 0);
  2693.                -moz-transform: translate3d(0, -50%, 0);
  2694.                -ms-transform: translate3d(0, -50%, 0);
  2695.                margin-top: 0;
  2696.                margin-right: 0;
  2697.                margin-left: 30px;
  2698.                margin-bottom: 0;
  2699.            }
  2700.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc_mobile {
  2701.                top: 50%;
  2702.                left: 50%;
  2703.                right: auto;
  2704.                bottom: auto;
  2705.                transform: translate3d(-50%, -50%, 0);
  2706.                -webkit-transform: translate3d(-50%, -50%, 0);
  2707.                -moz-transform: translate3d(-50%, -50%, 0);
  2708.                -ms-transform: translate3d(-50%, -50%, 0);
  2709.                margin-top: 0;
  2710.                margin-right: 0;
  2711.                margin-left: 0;
  2712.                margin-bottom: 0;
  2713.            }
  2714.        }
  2715.  
  2716.  
  2717.        .Mweslide_38949.owlSliderBoxAdv .item1 .owl-lazy {
  2718.            background-size: cover;
  2719.            background-position: center center;
  2720.        }
  2721.        @media (max-width: 768px) {
  2722.            .Mweslide_38949.owlSliderBoxAdv .item1 .owl-lazy {
  2723.                background-size: cover;
  2724.                background-position: center center;
  2725.            }
  2726.        }
  2727.  
  2728.  
  2729.                    .Mweslide_38949.owlSliderBoxAdv .item1 .contentBG {
  2730.                background-color: rgba(0,0,0,0.37);
  2731.            }
  2732.                @media (max-width: 768px) {
  2733.                            .Mweslide_38949.owlSliderBoxAdv .item1 .contentBG {
  2734.                    background-color: rgba(0,0,0,0.37);
  2735.                }
  2736.                    }
  2737.  
  2738.  
  2739.                .Mweslide_38949.owlSliderBoxAdv .item1 .contentPadding {
  2740.            padding-top: 15px;
  2741.            padding-right: 15px;
  2742.            padding-bottom: 15px;
  2743.            padding-left: 15px;
  2744.        }
  2745.        @media (max-width: 768px) {
  2746.                        .Mweslide_38949.owlSliderBoxAdv .item1 .contentPadding {
  2747.                padding-top: 15px;
  2748.                padding-right: 15px;
  2749.                padding-bottom: 15px;
  2750.                padding-left: 15px;
  2751.            }
  2752.        }
  2753.  
  2754.  
  2755.        /* Mobile Scale */
  2756.                                @media (max-width: 768px) {
  2757.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="8"] {
  2758.                    font-size: 2.24px !important;
  2759.                }
  2760.            }
  2761.                                @media (max-width: 768px) {
  2762.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="9"] {
  2763.                    font-size: 2.52px !important;
  2764.                }
  2765.            }
  2766.                                @media (max-width: 768px) {
  2767.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="10"] {
  2768.                    font-size: 2.8px !important;
  2769.                }
  2770.            }
  2771.                                @media (max-width: 768px) {
  2772.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="11"] {
  2773.                    font-size: 3.08px !important;
  2774.                }
  2775.            }
  2776.                                @media (max-width: 768px) {
  2777.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="12"] {
  2778.                    font-size: 3.36px !important;
  2779.                }
  2780.            }
  2781.                                @media (max-width: 768px) {
  2782.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="13"] {
  2783.                    font-size: 3.64px !important;
  2784.                }
  2785.            }
  2786.                                @media (max-width: 768px) {
  2787.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="14"] {
  2788.                    font-size: 3.92px !important;
  2789.                }
  2790.            }
  2791.                                @media (max-width: 768px) {
  2792.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="15"] {
  2793.                    font-size: 4.2px !important;
  2794.                }
  2795.            }
  2796.                                @media (max-width: 768px) {
  2797.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="16"] {
  2798.                    font-size: 4.48px !important;
  2799.                }
  2800.            }
  2801.                                @media (max-width: 768px) {
  2802.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="17"] {
  2803.                    font-size: 4.76px !important;
  2804.                }
  2805.            }
  2806.                                @media (max-width: 768px) {
  2807.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="18"] {
  2808.                    font-size: 5.04px !important;
  2809.                }
  2810.            }
  2811.                                @media (max-width: 768px) {
  2812.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="19"] {
  2813.                    font-size: 5.32px !important;
  2814.                }
  2815.            }
  2816.                                @media (max-width: 768px) {
  2817.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="20"] {
  2818.                    font-size: 5.6px !important;
  2819.                }
  2820.            }
  2821.                                @media (max-width: 768px) {
  2822.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="22"] {
  2823.                    font-size: 6.16px !important;
  2824.                }
  2825.            }
  2826.                                @media (max-width: 768px) {
  2827.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="24"] {
  2828.                    font-size: 6.72px !important;
  2829.                }
  2830.            }
  2831.                                @media (max-width: 768px) {
  2832.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="26"] {
  2833.                    font-size: 7.28px !important;
  2834.                }
  2835.            }
  2836.                                @media (max-width: 768px) {
  2837.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="28"] {
  2838.                    font-size: 7.84px !important;
  2839.                }
  2840.            }
  2841.                                @media (max-width: 768px) {
  2842.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="30"] {
  2843.                    font-size: 8.4px !important;
  2844.                }
  2845.            }
  2846.                                @media (max-width: 768px) {
  2847.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="32"] {
  2848.                    font-size: 8.96px !important;
  2849.                }
  2850.            }
  2851.                                @media (max-width: 768px) {
  2852.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="34"] {
  2853.                    font-size: 9.52px !important;
  2854.                }
  2855.            }
  2856.                                @media (max-width: 768px) {
  2857.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="36"] {
  2858.                    font-size: 10.08px !important;
  2859.                }
  2860.            }
  2861.                                @media (max-width: 768px) {
  2862.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="40"] {
  2863.                    font-size: 11.2px !important;
  2864.                }
  2865.            }
  2866.                                @media (max-width: 768px) {
  2867.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="44"] {
  2868.                    font-size: 12.32px !important;
  2869.                }
  2870.            }
  2871.                                @media (max-width: 768px) {
  2872.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="48"] {
  2873.                    font-size: 13.44px !important;
  2874.                }
  2875.            }
  2876.                                @media (max-width: 768px) {
  2877.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="52"] {
  2878.                    font-size: 14.56px !important;
  2879.                }
  2880.            }
  2881.                                @media (max-width: 768px) {
  2882.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="56"] {
  2883.                    font-size: 15.68px !important;
  2884.                }
  2885.            }
  2886.                                @media (max-width: 768px) {
  2887.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="60"] {
  2888.                    font-size: 16.8px !important;
  2889.                }
  2890.            }
  2891.                                @media (max-width: 768px) {
  2892.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="66"] {
  2893.                    font-size: 18.48px !important;
  2894.                }
  2895.            }
  2896.                                @media (max-width: 768px) {
  2897.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="72"] {
  2898.                    font-size: 20.16px !important;
  2899.                }
  2900.            }
  2901.                                @media (max-width: 768px) {
  2902.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="80"] {
  2903.                    font-size: 22.4px !important;
  2904.                }
  2905.            }
  2906.                                @media (max-width: 768px) {
  2907.                .Mweslide_38949.owlSliderBoxAdv .item1 [data-font-size="100"] {
  2908.                    font-size: 28px !important;
  2909.                }
  2910.            }
  2911.                @media (max-width: 768px) {
  2912.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentEffect p {
  2913.                margin-bottom: 3px !important;
  2914.            }
  2915.            .Mweslide_38949.owlSliderBoxAdv .item1 .contentEffect img {
  2916.                transform: scale(0.28);
  2917.                -webkit-transform: scale(0.28);
  2918.                -moz-transform: scale(0.28);
  2919.                -ms-transform: scale(0.28);
  2920.            }
  2921.        }
  2922.  
  2923.                                @media (max-width: 768px) {
  2924.                            }
  2925.                                @media (max-width: 768px) {
  2926.                            }
  2927.                                @media (max-width: 768px) {
  2928.                            }
  2929.                            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw {
  2930.            top: 0;
  2931.            left: 0;
  2932.            transform: translate3d(0, 0, 0);
  2933.            -webkit-transform: translate3d(0, 0, 0);
  2934.            -moz-transform: translate3d(0, 0, 0);
  2935.            -ms-transform: translate3d(0, 0, 0);
  2936.            margin-top: 0px;
  2937.            margin-left: 30px;
  2938.            margin-right: 0;
  2939.            margin-bottom: 0;
  2940.        }
  2941.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn {
  2942.            top: 0;
  2943.            left: 50%;
  2944.            transform: translate3d(-50%, 0, 0);
  2945.            -webkit-transform: translate3d(-50%, 0, 0);
  2946.            -moz-transform: translate3d(-50%, 0, 0);
  2947.            -ms-transform: translate3d(-50%, 0, 0);
  2948.            margin-top: 0px;
  2949.            margin-left: 0;
  2950.            margin-right: 0;
  2951.            margin-bottom: 0;
  2952.        }
  2953.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne {
  2954.            top: 0;
  2955.            right: 0;
  2956.            transform: translate3d(0, 0, 0);
  2957.            -webkit-transform: translate3d(0, 0, 0);
  2958.            -moz-transform: translate3d(0, 0, 0);
  2959.            -ms-transform: translate3d(0, 0, 0);
  2960.            margin-top: 0px;
  2961.            margin-right: 0px;
  2962.            margin-left: 0;
  2963.            margin-bottom: 0;
  2964.        }
  2965.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe {
  2966.            top: 50%;
  2967.            right: 0;
  2968.            transform: translate3d(0, -50%, 0);
  2969.            -webkit-transform: translate3d(0, -50%, 0);
  2970.            -moz-transform: translate3d(0, -50%, 0);
  2971.            -ms-transform: translate3d(0, -50%, 0);
  2972.            margin-top: 0;
  2973.            margin-right: 0px;
  2974.            margin-left: 0;
  2975.            margin-bottom: 0;
  2976.        }
  2977.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse {
  2978.            bottom: 0;
  2979.            right: 0;
  2980.            transform: translate3d(0, 0, 0);
  2981.            -webkit-transform: translate3d(0, 0, 0);
  2982.            -moz-transform: translate3d(0, 0, 0);
  2983.            -ms-transform: translate3d(0, 0, 0);
  2984.            margin-top: 0;
  2985.            margin-right: 0px;
  2986.            margin-left: 0;
  2987.            margin-bottom: 0px;
  2988.        }
  2989.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs {
  2990.            bottom: 0;
  2991.            left: 50%;
  2992.            transform: translate3d(-50%, 0, 0);
  2993.            -webkit-transform: translate3d(-50%, 0, 0);
  2994.            -moz-transform: translate3d(-50%, 0, 0);
  2995.            -ms-transform: translate3d(-50%, 0, 0);
  2996.            margin-top: 0;
  2997.            margin-right: 0;
  2998.            margin-left: 0;
  2999.            margin-bottom: 0px;
  3000.        }
  3001.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw {
  3002.            bottom: 0;
  3003.            left: 0;
  3004.            transform: translate3d(0, 0, 0);
  3005.            -webkit-transform: translate3d(0, 0, 0);
  3006.            -moz-transform: translate3d(0, 0, 0);
  3007.            -ms-transform: translate3d(0, 0, 0);
  3008.            margin-top: 0;
  3009.            margin-right: 0;
  3010.            margin-left: 30px;
  3011.            margin-bottom: 0px;
  3012.        }
  3013.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw {
  3014.            top: 50%;
  3015.            left: 0;
  3016.            transform: translate3d(0, -50%, 0);
  3017.            -webkit-transform: translate3d(0, -50%, 0);
  3018.            -moz-transform: translate3d(0, -50%, 0);
  3019.            -ms-transform: translate3d(0, -50%, 0);
  3020.            margin-top: 0;
  3021.            margin-right: 0;
  3022.            margin-left: 30px;
  3023.            margin-bottom: 0;
  3024.        }
  3025.        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc {
  3026.            top: 50%;
  3027.            left: 50%;
  3028.            transform: translate3d(-50%, -50%, 0);
  3029.            -webkit-transform: translate3d(-50%, -50%, 0);
  3030.            -moz-transform: translate3d(-50%, -50%, 0);
  3031.            -ms-transform: translate3d(-50%, -50%, 0);
  3032.            margin-top: 0;
  3033.            margin-right: 0;
  3034.            margin-left: 0;
  3035.            margin-bottom: 0;
  3036.        }
  3037.        @media (max-width: 768px) {
  3038.                        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw_mobile {
  3039.                top: 0;
  3040.                left: 0;
  3041.                right: auto;
  3042.                bottom: auto;
  3043.                transform: translate3d(0, 0, 0);
  3044.                -webkit-transform: translate3d(0, 0, 0);
  3045.                -moz-transform: translate3d(0, 0, 0);
  3046.                -ms-transform: translate3d(0, 0, 0);
  3047.                margin-top: 0px;
  3048.                margin-left: 30px;
  3049.                margin-right: 0;
  3050.                margin-bottom: 0;
  3051.            }
  3052.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn_mobile {
  3053.                top: 0;
  3054.                left: 50%;
  3055.                right: auto;
  3056.                bottom: auto;
  3057.                transform: translate3d(-50%, 0, 0);
  3058.                -webkit-transform: translate3d(-50%, 0, 0);
  3059.                -moz-transform: translate3d(-50%, 0, 0);
  3060.                -ms-transform: translate3d(-50%, 0, 0);
  3061.                margin-top: 0px;
  3062.                margin-left: 0;
  3063.                margin-right: 0;
  3064.                margin-bottom: 0;
  3065.            }
  3066.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne_mobile {
  3067.                top: 0;
  3068.                right: 0;
  3069.                left: auto;
  3070.                bottom: auto;
  3071.                transform: translate3d(0, 0, 0);
  3072.                -webkit-transform: translate3d(0, 0, 0);
  3073.                -moz-transform: translate3d(0, 0, 0);
  3074.                -ms-transform: translate3d(0, 0, 0);
  3075.                margin-top: 0px;
  3076.                margin-right: 0px;
  3077.                margin-left: 0;
  3078.                margin-bottom: 0;
  3079.            }
  3080.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe_mobile {
  3081.                top: 50%;
  3082.                right: 0;
  3083.                left: auto;
  3084.                bottom: auto;
  3085.                transform: translate3d(0, -50%, 0);
  3086.                -webkit-transform: translate3d(0, -50%, 0);
  3087.                -moz-transform: translate3d(0, -50%, 0);
  3088.                -ms-transform: translate3d(0, -50%, 0);
  3089.                margin-top: 0;
  3090.                margin-right: 0px;
  3091.                margin-left: 0;
  3092.                margin-bottom: 0;
  3093.            }
  3094.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse_mobile {
  3095.                bottom: 0;
  3096.                right: 0;
  3097.                left: auto;
  3098.                top: auto;
  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_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs_mobile {
  3109.                bottom: 0;
  3110.                left: 50%;
  3111.                right: auto;
  3112.                top: auto;
  3113.                transform: translate3d(-50%, 0, 0);
  3114.                -webkit-transform: translate3d(-50%, 0, 0);
  3115.                -moz-transform: translate3d(-50%, 0, 0);
  3116.                -ms-transform: translate3d(-50%, 0, 0);
  3117.                margin-top: 0;
  3118.                margin-right: 0;
  3119.                margin-left: 0;
  3120.                margin-bottom: 0px;
  3121.            }
  3122.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw_mobile {
  3123.                bottom: 0;
  3124.                left: 0;
  3125.                right: auto;
  3126.                top: auto;
  3127.                transform: translate3d(0, 0, 0);
  3128.                -webkit-transform: translate3d(0, 0, 0);
  3129.                -moz-transform: translate3d(0, 0, 0);
  3130.                -ms-transform: translate3d(0, 0, 0);
  3131.                margin-top: 0;
  3132.                margin-right: 0;
  3133.                margin-left: 30px;
  3134.                margin-bottom: 0px;
  3135.            }
  3136.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw_mobile {
  3137.                top: 50%;
  3138.                left: 0;
  3139.                right: auto;
  3140.                bottom: auto;
  3141.                transform: translate3d(0, -50%, 0);
  3142.                -webkit-transform: translate3d(0, -50%, 0);
  3143.                -moz-transform: translate3d(0, -50%, 0);
  3144.                -ms-transform: translate3d(0, -50%, 0);
  3145.                margin-top: 0;
  3146.                margin-right: 0;
  3147.                margin-left: 30px;
  3148.                margin-bottom: 0;
  3149.            }
  3150.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc_mobile {
  3151.                top: 50%;
  3152.                left: 50%;
  3153.                right: auto;
  3154.                bottom: auto;
  3155.                transform: translate3d(-50%, -50%, 0);
  3156.                -webkit-transform: translate3d(-50%, -50%, 0);
  3157.                -moz-transform: translate3d(-50%, -50%, 0);
  3158.                -ms-transform: translate3d(-50%, -50%, 0);
  3159.                margin-top: 0;
  3160.                margin-right: 0;
  3161.                margin-left: 0;
  3162.                margin-bottom: 0;
  3163.            }
  3164.        }
  3165.  
  3166.  
  3167.        .Mweslide_38949.owlSliderBoxAdv .item2 .owl-lazy {
  3168.            background-size: cover;
  3169.            background-position: center center;
  3170.        }
  3171.        @media (max-width: 768px) {
  3172.            .Mweslide_38949.owlSliderBoxAdv .item2 .owl-lazy {
  3173.                background-size: cover;
  3174.                background-position: center center;
  3175.            }
  3176.        }
  3177.  
  3178.  
  3179.                    .Mweslide_38949.owlSliderBoxAdv .item2 .contentBG {
  3180.                background-color: rgba(0,0,0,0.36);
  3181.            }
  3182.                @media (max-width: 768px) {
  3183.                            .Mweslide_38949.owlSliderBoxAdv .item2 .contentBG {
  3184.                    background-color: rgba(0,0,0,0.36);
  3185.                }
  3186.                    }
  3187.  
  3188.  
  3189.                .Mweslide_38949.owlSliderBoxAdv .item2 .contentPadding {
  3190.            padding-top: 15px;
  3191.            padding-right: 15px;
  3192.            padding-bottom: 15px;
  3193.            padding-left: 15px;
  3194.        }
  3195.        @media (max-width: 768px) {
  3196.                        .Mweslide_38949.owlSliderBoxAdv .item2 .contentPadding {
  3197.                padding-top: 15px;
  3198.                padding-right: 15px;
  3199.                padding-bottom: 15px;
  3200.                padding-left: 15px;
  3201.            }
  3202.        }
  3203.  
  3204.  
  3205.        /* Mobile Scale */
  3206.                                @media (max-width: 768px) {
  3207.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="8"] {
  3208.                    font-size: 2.32px !important;
  3209.                }
  3210.            }
  3211.                                @media (max-width: 768px) {
  3212.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="9"] {
  3213.                    font-size: 2.61px !important;
  3214.                }
  3215.            }
  3216.                                @media (max-width: 768px) {
  3217.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="10"] {
  3218.                    font-size: 2.9px !important;
  3219.                }
  3220.            }
  3221.                                @media (max-width: 768px) {
  3222.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="11"] {
  3223.                    font-size: 3.19px !important;
  3224.                }
  3225.            }
  3226.                                @media (max-width: 768px) {
  3227.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="12"] {
  3228.                    font-size: 3.48px !important;
  3229.                }
  3230.            }
  3231.                                @media (max-width: 768px) {
  3232.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="13"] {
  3233.                    font-size: 3.77px !important;
  3234.                }
  3235.            }
  3236.                                @media (max-width: 768px) {
  3237.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="14"] {
  3238.                    font-size: 4.06px !important;
  3239.                }
  3240.            }
  3241.                                @media (max-width: 768px) {
  3242.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="15"] {
  3243.                    font-size: 4.35px !important;
  3244.                }
  3245.            }
  3246.                                @media (max-width: 768px) {
  3247.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="16"] {
  3248.                    font-size: 4.64px !important;
  3249.                }
  3250.            }
  3251.                                @media (max-width: 768px) {
  3252.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="17"] {
  3253.                    font-size: 4.93px !important;
  3254.                }
  3255.            }
  3256.                                @media (max-width: 768px) {
  3257.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="18"] {
  3258.                    font-size: 5.22px !important;
  3259.                }
  3260.            }
  3261.                                @media (max-width: 768px) {
  3262.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="19"] {
  3263.                    font-size: 5.51px !important;
  3264.                }
  3265.            }
  3266.                                @media (max-width: 768px) {
  3267.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="20"] {
  3268.                    font-size: 5.8px !important;
  3269.                }
  3270.            }
  3271.                                @media (max-width: 768px) {
  3272.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="22"] {
  3273.                    font-size: 6.38px !important;
  3274.                }
  3275.            }
  3276.                                @media (max-width: 768px) {
  3277.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="24"] {
  3278.                    font-size: 6.96px !important;
  3279.                }
  3280.            }
  3281.                                @media (max-width: 768px) {
  3282.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="26"] {
  3283.                    font-size: 7.54px !important;
  3284.                }
  3285.            }
  3286.                                @media (max-width: 768px) {
  3287.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="28"] {
  3288.                    font-size: 8.12px !important;
  3289.                }
  3290.            }
  3291.                                @media (max-width: 768px) {
  3292.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="30"] {
  3293.                    font-size: 8.7px !important;
  3294.                }
  3295.            }
  3296.                                @media (max-width: 768px) {
  3297.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="32"] {
  3298.                    font-size: 9.28px !important;
  3299.                }
  3300.            }
  3301.                                @media (max-width: 768px) {
  3302.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="34"] {
  3303.                    font-size: 9.86px !important;
  3304.                }
  3305.            }
  3306.                                @media (max-width: 768px) {
  3307.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="36"] {
  3308.                    font-size: 10.44px !important;
  3309.                }
  3310.            }
  3311.                                @media (max-width: 768px) {
  3312.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="40"] {
  3313.                    font-size: 11.6px !important;
  3314.                }
  3315.            }
  3316.                                @media (max-width: 768px) {
  3317.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="44"] {
  3318.                    font-size: 12.76px !important;
  3319.                }
  3320.            }
  3321.                                @media (max-width: 768px) {
  3322.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="48"] {
  3323.                    font-size: 13.92px !important;
  3324.                }
  3325.            }
  3326.                                @media (max-width: 768px) {
  3327.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="52"] {
  3328.                    font-size: 15.08px !important;
  3329.                }
  3330.            }
  3331.                                @media (max-width: 768px) {
  3332.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="56"] {
  3333.                    font-size: 16.24px !important;
  3334.                }
  3335.            }
  3336.                                @media (max-width: 768px) {
  3337.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="60"] {
  3338.                    font-size: 17.4px !important;
  3339.                }
  3340.            }
  3341.                                @media (max-width: 768px) {
  3342.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="66"] {
  3343.                    font-size: 19.14px !important;
  3344.                }
  3345.            }
  3346.                                @media (max-width: 768px) {
  3347.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="72"] {
  3348.                    font-size: 20.88px !important;
  3349.                }
  3350.            }
  3351.                                @media (max-width: 768px) {
  3352.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="80"] {
  3353.                    font-size: 23.2px !important;
  3354.                }
  3355.            }
  3356.                                @media (max-width: 768px) {
  3357.                .Mweslide_38949.owlSliderBoxAdv .item2 [data-font-size="100"] {
  3358.                    font-size: 29px !important;
  3359.                }
  3360.            }
  3361.                @media (max-width: 768px) {
  3362.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentEffect p {
  3363.                margin-bottom: 3px !important;
  3364.            }
  3365.            .Mweslide_38949.owlSliderBoxAdv .item2 .contentEffect img {
  3366.                transform: scale(0.29);
  3367.                -webkit-transform: scale(0.29);
  3368.                -moz-transform: scale(0.29);
  3369.                -ms-transform: scale(0.29);
  3370.            }
  3371.        }
  3372.  
  3373.                                @media (max-width: 768px) {
  3374.                            }
  3375.                                @media (max-width: 768px) {
  3376.                            }
  3377.                                @media (max-width: 768px) {
  3378.                            }
  3379.            
  3380.    #divDialogSlideMember .imgImageViewBG {
  3381.        background: 50% center / cover no-repeat;
  3382.        height: 220px;
  3383.    }
  3384.    @media (min-width: 1025px) {
  3385.        .Mweslide_38949.owlSliderBoxAdv.visible-lg {
  3386.            display: block !important;
  3387.        }
  3388.    }
  3389.    @media (max-width: 767px) {
  3390.    .hideslidemobile{
  3391.        display: none !important;
  3392.    }
  3393.    }
  3394. </style>
  3395.  
  3396. <div class="Mweslide_38949 owlSliderBoxAdv ">
  3397.    <div class="iconLoadSlider_38949 loader">
  3398.        <svg class="circular" viewBox="25 25 50 50">
  3399.        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
  3400.        </svg>
  3401.    </div>
  3402.    <!-- slider -->
  3403.    <div class="owl-carousel owl-theme owl-carouselhh_38949 ">
  3404.                                <!-- start item -->
  3405.            <div class="item item0" >
  3406.  
  3407.                 <!-- auto height -->
  3408.                    <img
  3409.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbanner1_1.jpg?v=202311151122"
  3410.                        srcset="
  3411.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbanner1_1.jpg?v=202311151122 1920w,
  3412.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fbanner1_1.jpg?v=202311151122                        "
  3413.                        sizes="
  3414.                            (max-width: 1920px) 1920px,
  3415.                            2560px
  3416.                        "
  3417.                        alt="image"
  3418.                        title="image"
  3419.                    />
  3420.                                            <div class="contentPOS contentMargin BOXPOSw BOXPOSw_mobile">
  3421.                            <div class="contentEffect contentBG contentPadding" data-animation="animated active">
  3422.                                <p data-font-size="16"><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 52px;" data-font-size="52">ผู้จำหน่ายและติดตั้งแผ่นหลังคาเหล็กรีดลอน <br data-font-size="52" />ที่มุ่งมั่นผลิตและพัฒนาสินค้าที่มีคุณภาพสูง <br data-font-size="52" />เพื่อตอบสนองความต้องการของลูกค้า</span></p>                            </div>
  3423.                        </div>
  3424.                    
  3425.                            </div>
  3426.            <!-- end item -->
  3427.                                <!-- start item -->
  3428.            <div class="item item1" >
  3429.  
  3430.                 <!-- auto height -->
  3431.                    <img
  3432.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbanner2_3.jpg?v=202311151122"
  3433.                        srcset="
  3434.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbanner2_3.jpg?v=202311151122 1920w,
  3435.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fbanner2_3.jpg?v=202311151122                        "
  3436.                        sizes="
  3437.                            (max-width: 1920px) 1920px,
  3438.                            2560px
  3439.                        "
  3440.                        alt="image"
  3441.                        title="image"
  3442.                    />
  3443.                                            <div class="contentPOS contentMargin BOXPOSw BOXPOSw_mobile">
  3444.                            <div class="contentEffect contentBG contentPadding" data-animation="animated active">
  3445.                                <p data-font-size="16"><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 34px;" data-font-size="34">เป็นผู้นำเสนอผลิตภัณฑ์หลังคาเมทัลชีทที่มีคุณภาพสูง โดยสินค้าของเราผลิตจาก</span></p>
  3446. <p data-font-size="16"><span style="font-size: 34px;" data-font-size="34"><span style="font-family: 'Noto Sans Thai'; color: #ffffff;" data-font-size="34">เทค</span><span style="font-family: 'Noto Sans Thai'; color: #ffffff;" data-font-size="34">โนโลยีของออสเตรเลีย จาก BlueScope Steel (Thailand) Limited นอกจาก</span></span></p>
  3447. <p data-font-size="16"><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 34px;" data-font-size="34">นี้เรายังมีความพร้อมในการให้บริการอย่างเต็มที่เพื่อให้ลูกค้าของเรามีความพึงพอใจ</span></p>
  3448. <p data-font-size="16"><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 34px;" data-font-size="34">ในทุกขั้นตอน</span></p>                            </div>
  3449.                        </div>
  3450.                    
  3451.                            </div>
  3452.            <!-- end item -->
  3453.                                <!-- start item -->
  3454.            <div class="item item2" >
  3455.  
  3456.                 <!-- auto height -->
  3457.                    <img
  3458.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbanner4.jpg?v=202311151122"
  3459.                        srcset="
  3460.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbanner4.jpg?v=202311151122 1920w,
  3461.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fbanner4.jpg?v=202311151122                        "
  3462.                        sizes="
  3463.                            (max-width: 1920px) 1920px,
  3464.                            2560px
  3465.                        "
  3466.                        alt="image"
  3467.                        title="image"
  3468.                    />
  3469.                                            <div class="contentPOS contentMargin BOXPOSw BOXPOSw_mobile">
  3470.                            <div class="contentEffect contentBG contentPadding" data-animation="animated active">
  3471.                                <p data-font-size="16"><span style="font-family: 'Noto Sans Thai'; font-size: 32px; color: #ffffff;" data-font-size="32">ด้วยความมุ่งมั่นในการพัฒนาผลิตภัณฑ์และเทคโนโลยี ที่ผ่านการรับรองมาตรฐาน </span></p>
  3472. <p data-font-size="16"><span style="font-family: 'Noto Sans Thai'; font-size: 32px; color: #ffffff;" data-font-size="32">มอก. จากสำนักงานมาตรฐานผลิตภัณฑ์อุตสาหกรรม เราพยายามสร้างความ</span></p>
  3473. <p data-font-size="16"><span style="font-family: 'Noto Sans Thai'; font-size: 32px; color: #ffffff;" data-font-size="32">สัมพันธ์ที่ยั่งยืนกับลูกค้า โดยตั้งใจให้บริการที่ดีที่สุดในทุกขั้นตอน</span></p>                            </div>
  3474.                        </div>
  3475.                    
  3476.                            </div>
  3477.            <!-- end item -->
  3478.            </div>
  3479. </div>
  3480.  
  3481.  
  3482.  
  3483.  
  3484.  
  3485.                                    </div>
  3486.                                                                        </div>
  3487.                                                                                                </div>
  3488.                                            </div>
  3489.                <!-- end background div -->
  3490.                
  3491.            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbg5.jpg?v=202311151122); 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; " >
  3492.                                                    <a id="customize-38950" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3493.                                                                            <div class="container-fluid">
  3494.                                                
  3495.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3496.                                                                                                                                                    <h2 style="color:#f36f25;text-align:center;  padding-bottom:20px;  word-wrap: break-word;">
  3497.                                            หลังคาเมทัลชีท ราคาถูก โทร.080-6828989                                        </h2>
  3498.                                                                        <div >
  3499.                                        <style type="text/css">
  3500.    .brakeword8 {
  3501.        word-wrap: break-word;
  3502.    }
  3503. </style>
  3504. <div class="row">
  3505.            <div class="col-12 col-sm-6 brakeword8 marginBottomSpaceMobile area-tinymce">
  3506.            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #485e3a;" data-mce-style="color: #485e3a;">&nbsp;&nbsp;</span><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #485e3a;" data-mce-style="color: #485e3a;">&nbsp;</span><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: 'Noto Sans Thai'; font-size: 30px; color: #333333;" noto="" sans="" thai="" font-size:="" 30px="" color:="" rgb="" 51="" data-mce-style="font-family: 'Noto Sans Thai'; font-size: 30px; color: #333333;">โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท กำแพงเพชร นครสวรรค์ ตาก พิจิตร เพชรบูรณ์</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span color="#333333" face="Roboto" style="color: rgb(243, 111, 37); font-family: &quot;Noto Sans Thai&quot;; font-size: 24px;" noto="" sans="" thai="" font-size:="" 36px="" data-mce-style="color: #f36f25; font-family: 'Noto Sans Thai'; font-size: 24px;">รางน้ำอลูซิงค์ รางน้ำสำเร็จรูป เหล็กกัลวาไนซ์ หลังคาเหล็กรีดลอน ราคาถูก</span></div><br><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #485e3a;" data-mce-style="color: #485e3a;"></span><img src="https://image.makewebeasy.net/makeweb/0/TJvrsbWHN/DefaultData/roof.jpg?v=202305101549" data-mce-src="https://image.makewebeasy.net/makeweb/0/TJvrsbWHN/DefaultData/roof.jpg?v=202305101549"><br><br><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 22px;" noto="" sans="" thai="" color:="" rgb="" 255="" font-size:="" 22px="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 22px;">ผลิตและจำหน่ายผลิตภัณฑ์เมทัลชีท ลอนหลังคา หลังคาโปร่งแสง ฉนวนกันความร้อน กันสาด รางน้ำเมทัลชีทและแสตนเลส ลูกหมุนระบายอากาศและอื่นๆอีกมากมาย</span><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #485e3a;" data-mce-style="color: #485e3a;">&nbsp;</span><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: 'Noto Sans Thai'; color: #ffffff;" noto="" sans="" thai="" color:="" rgb="" 255="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff;">หลังคาเมทัลชีทเป็นตัวเลือกที่ได้รับความนิยมสูงสำหรับเจ้าของบ้านและธุรกิจเนื่องจากคุณสมบัติที่ดีในการทนทานต่อสภาพอากาศที่รุนแรง สามารถป้องกันฝนตกหนัก หิมะ ลม และมีความทนต่ออุณหภูมิสูงได้ดี นอกจากนี้หลังคาเมทัลชีทยังมีความหลากหลายในสไตล์และสีที่สามารถเลือกได้ตามความต้องการของแต่ละบ้านหรือธุรกิจ มีน้ำหนักเบาและง่ายต่อการติดตั้งซึ่งช่วยลดเวลาและแรงงานในการติดตั้งอีกด้วย</span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #485e3a; font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="color: #485e3a; font-family: 'Noto Sans Thai';">&nbsp;</span><br></div><div style="text-align: center;" data-mce-style="text-align: center;"><br></div>        </div>
  3507.        <div class="col-12 col-sm-6">
  3508.                                <div>
  3509.                                                                    <img class="img-responsive mx-auto d-block lazy"
  3510.                            src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3511.                            data-src="https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData/roof2.jpg?v=202311151122"
  3512.                            alt="image"
  3513.                            title="image"
  3514.                        />
  3515.                                                        </div>
  3516.            </div>
  3517.        </div>
  3518.                                    </div>
  3519.                                                                        </div>
  3520.                                                                                                </div>
  3521.                                            </div>
  3522.                <!-- end background div -->
  3523.                
  3524.            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fblue.jpg?v=202311151122); 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; " >
  3525.                                                    <a id="customize-40202" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3526.                                                                                <div class="container">
  3527.                                                    
  3528.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3529.                                                                                                                                                    <h2 style="color:#ffffff;text-align:center;  padding-bottom:20px;  word-wrap: break-word;">
  3530.                                            Our Service                                        </h2>
  3531.                                                                        <div >
  3532.                                        <style type="text/css">
  3533.    .brakeword6 {
  3534.        word-wrap: break-word;
  3535.    }
  3536. </style>
  3537. <div class="row justify-content-center">
  3538.            <div class="col-12 brakeword6 marginBottomSpace area-tinymce">
  3539.            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;" noto="" sans="" thai="" color:="" rgb="" 255="" font-size:="" 18px="" line-height:="" 1="" 2="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;">เพชรเมททอลชีท&nbsp;เราคือโรงงานผู้ผลิตหลังคาเหล็กรีดลอน&nbsp;เมทัลชีท (METAL SHEET) รับรีดแผ่นหลังคาเมทัลชีท ราคาถูกครบวงจรมาตราฐานบลูสโคป มีรับประกันคุณภาพแผ่นเมทัลชีท&nbsp;บริการครอบคลุมพื้นที่</span><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;" noto="" sans="" thai="" color:="" rgb="" 255="" font-size:="" 18px="" line-height:="" 1="" 2="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;">จังหวัดกำแพงเพชร แม่สอด ตากนครสวรรค์ เพชรบูณ์ พิษณุโลก พิจิตร เรามีบริการเกี่ยวกับหลังคาเมทัลชีท&nbsp;ครบ</span><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;" noto="" sans="" thai="" color:="" rgb="" 255="" font-size:="" 18px="" line-height:="" 1="" 2="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;">วงจร พร้อมให้คำปรึกษาในการใช้งาน เพื่อการควบคุมงบประมาณไม่ให้บานปลาย ให้คำปรึกษาโดยช่างผู้ชำนาญ</span><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;" noto="" sans="" thai="" color:="" rgb="" 255="" font-size:="" 18px="" line-height:="" 1="" 2="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;">บริการจัดส่งถึงบ้านท่าน พร้อมดูแล บริการถอดแบบโครงสร้างเพื่อคำนวณการใช้แผ่นหลังคา บริการ พับครอบ ย้ำ</span><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;" noto="" sans="" thai="" color:="" rgb="" 255="" font-size:="" 18px="" line-height:="" 1="" 2="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;">โค้ง ติดฉนวนหลังคา นอกจากงานด้านหลังคาเหล็กแล้วเรายังมีสินค้ารับทำตามแบบอาทิ รางน้ำอลูซิงค์ หรือราง</span><span style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;" noto="" sans="" thai="" color:="" rgb="" 255="" font-size:="" 18px="" line-height:="" 1="" 2="" data-mce-style="font-family: 'Noto Sans Thai'; color: #ffffff; font-size: 18px; line-height: 1.2;">น้ำสำเร็จรูป เหล็กกล่องแบบต่างๆ หรือเหล็กกัลวาไนซ์&nbsp;นั่นเอง</span></div>        </div>
  3540.            <div class="col-12 col-sm-8 text-center">
  3541.                        <div>
  3542.                                                                    <img class="img-responsive lazy"
  3543.                            src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3544.                            data-src="https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData/banner3.jpg?v=202311151122"
  3545.                            alt="image"
  3546.                            title="image"
  3547.                        />
  3548.                                                        </div>
  3549.            </div>
  3550.        </div>
  3551.                                    </div>
  3552.                                                                        </div>
  3553.                                                                                                </div>
  3554.                                            </div>
  3555.                <!-- end background div -->
  3556.                
  3557.            <div  style="position: relative; background-color:#efefef; " >
  3558.                                                    <a id="product-38952" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3559.                                                                                <div class="container">
  3560.                                                    
  3561.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3562.                                                                                                                                                    <h2 style="color:#3b4044;text-align:center;  padding-bottom:20px;  word-wrap: break-word;">
  3563.                                            Our Products                                        </h2>
  3564.                                                                        <div >
  3565.                                        <style type="text/css">
  3566.    .productImage{
  3567.        height: auto;
  3568.    }
  3569.    #productList2_38952.productList2 .productWidget .item {
  3570.        margin-bottom: 15px;
  3571.        display: block;
  3572.    }
  3573.    #productList2_38952.productList2 .productWidget .productImage a {
  3574.                display: block;
  3575.    }
  3576.    #productList2_38952.productList2 .productWidget .productImage {
  3577.        display: block;
  3578.        text-align: center;
  3579.                transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
  3580.        -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
  3581.        -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
  3582.        -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
  3583.    }
  3584.    #productList2_38952.productList2 .divImage {
  3585.        width: 240px;
  3586.        display: block;
  3587.        overflow: hidden;
  3588.        position: relative;
  3589.        vertical-align: top;
  3590.    }
  3591.    #productList2_38952.productList2 .colImage {
  3592.        -webkit-box-flex: 0;
  3593.        -ms-flex: 0 0 240px;
  3594.        flex: 0 0 240px;
  3595.        max-width: 240px;
  3596.    }
  3597.    #productList2_38952.productList2 .colContent {
  3598.        -webkit-box-flex: 0;
  3599.        -ms-flex: 0 0 calc(100% - 240px);
  3600.        flex: 0 0 calc(100% - 240px);
  3601.        max-width: calc(100% - 240px);
  3602.    }
  3603.  
  3604.    #productList2_38952.productList2 .productWidget img {
  3605.        max-height: 100%;
  3606.        height: auto;
  3607.        width: auto;
  3608.        top: 0;
  3609.        /* display: block; */
  3610.        left: 0;
  3611.        bottom: 0;
  3612.        position: relative;
  3613.        right: 0;
  3614.        transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
  3615.        -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
  3616.        -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
  3617.        -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
  3618.    }
  3619.    @media only screen and (min-width: 1200px) {
  3620.        #productList2_38952.productList2 .productWidget .productImage:hover {
  3621.            transform: scale(1.1);
  3622.            -moz-transform: scale(1.1);
  3623.            -webkit-transform: scale(1.1);
  3624.            -o-transform: scale(1.1);
  3625.        }
  3626.    }
  3627.    #productList2_38952.productList2 .productWidget .productImage * {
  3628.        vertical-align: middle;
  3629.    }
  3630.    #productList2_38952.productList2 .productWidget .thumbnail {
  3631.        height: auto;
  3632.    }
  3633.    @media only screen and (min-width: 1200px) {
  3634.        #productList2_38952.productList2 .productWidget .productImage:hover .img-responsive {
  3635.            transform: scale(1.1);
  3636.            -moz-transform: scale(1.1);
  3637.            -webkit-transform: scale(1.1);
  3638.            -o-transform: scale(1.1);
  3639.        }
  3640.    }
  3641.    #productList2_38952.productList2 .productCaption {
  3642.        margin-top: 5px;
  3643.    }
  3644.  
  3645.    #productList2_38952.productList2 .divProductMemberPrice > span,
  3646.    #productList2_38952.productList2 .divProductNormalPrice > span {
  3647.        vertical-align: middle;
  3648.    }
  3649.    #productList2_38952.productList2 .productCode {
  3650.        word-break: break-all;
  3651.    }
  3652.    #productList2_38952.productList2 .productDescription > p {
  3653.        font-size: 14px;
  3654.    }
  3655.    #productList2_38952.productList2 .productWidget .productPrice .h3 {
  3656.        font-weight: bold;
  3657.    }
  3658.    #productList2_38952.productList2 .productWidget .productOldPrice {
  3659.        text-decoration: line-through;
  3660.    }
  3661.            #productList2_38952.productList2>.NotAutoHeight .productName,
  3662.        #productList2_38952.productList2>.NotAutoHeight .productIntro,
  3663.        #productList2_38952.productList2>.NotAutoHeight .productPrice,
  3664.        #productList2_38952.productList2>.NotAutoHeight .productAction,
  3665.        #productList2_38952.productList2>.NotAutoHeight .productCode {
  3666.            margin-top: 10px;
  3667.            margin-bottom: 10px;
  3668.            overflow: hidden;
  3669.            /* height: 130px; */
  3670.        }
  3671.        #productList2_38952.productList2>.NotAutoHeight .productName {
  3672.          
  3673.            white-space: nowrap;
  3674.        }
  3675.        #productList2_38952.productList2>.NotAutoHeight .productCode {
  3676.            height: 20px;
  3677.        }
  3678.        #productList2_38952.productList2>.NotAutoHeight .productIntro {
  3679.            height: 40px;
  3680.        }
  3681.        #productList2_38952.productList2>.NotAutoHeight .divProductMemberPrice,
  3682.        #productList2_38952.productList2>.NotAutoHeight .divProductNormalPrice {
  3683.            height: auto;
  3684.            line-height: 25px;
  3685.            max-height: 25px;
  3686.        }
  3687.        #productList2_38952.productList2>.NotAutoHeight .divPriceWhole {
  3688.            height: 35px;
  3689.            line-height: 25px;
  3690.        }
  3691.        #productList2_38952.productList2>.NotAutoHeight .productAction {
  3692.            height: auto;
  3693.        }
  3694.        #productList2_38952.productList2>.NotAutoHeight .productName h3 {
  3695.            line-height: normal;
  3696.            text-overflow: ellipsis;
  3697.            overflow: hidden;
  3698.            margin-bottom: 0;
  3699.        }
  3700.        #productList2_38952.productList2>.NotAutoHeight .productIntro > p,
  3701.        #productList2_38952.productList2>.NotAutoHeight .productCode > p {
  3702.            line-height: 20px;
  3703.        }
  3704.        #productList2_38952.productList2>.NotAutoHeight .productAction > .productAddToCart {
  3705.            margin-bottom: 5px;
  3706.            height: 40px;
  3707.        }
  3708.            #productList2_38952.productList2>.AutoHeight .productName,
  3709.        #productList2_38952.productList2>.AutoHeight .productIntro,
  3710.        #productList2_38952.productList2>.AutoHeight .productPrice,
  3711.        #productList2_38952.productList2>.AutoHeight .productAction {
  3712.            margin-top: 10px;
  3713.            margin-bottom: 10px;
  3714.        }
  3715.        #productList2_38952.productList2>.AutoHeight .productName {
  3716.            /*white-space: nowrap;*/
  3717.        }
  3718.        #productList2_38952.productList2>.AutoHeight .productName h3 {
  3719.            margin-bottom: 0;
  3720.        }
  3721.        .productWidget .row {
  3722.            display: flex;
  3723.            flex-wrap: wrap;
  3724.        }
  3725.        .productWidget .row > [class*='col-'] {
  3726.            display: flex;
  3727.            flex-direction: column;
  3728.        }
  3729.        #productList2_38952.productList2>.AutoHeight .productAction > .productAddToCart {
  3730.            margin-bottom: 5px;
  3731.        }
  3732.        #productList2_38952.productList2 .productName a {
  3733.        text-decoration: none !important;
  3734.    }
  3735.    #productList2_38952.productList2 .divContent {
  3736.        padding: 0 15px;
  3737.        display: block;
  3738.        vertical-align: top;
  3739.    }
  3740.    #productList2_38952.productList2 .divProductMemberPrice .productMemberPrice {
  3741.        display: inline-block;
  3742.    }
  3743.    #productList2_38952.productList2 .productCompare {
  3744.        height: 30px;
  3745.        line-height: 30px;
  3746.        margin-bottom: 10px;
  3747.        font-size: 14px;
  3748.    }
  3749.    #productList2_38952.productList2 .productCompare label {
  3750.        /* margin-left: -20px;*/
  3751.    }
  3752.    #productList2_38952.productList2 .productCompare input {
  3753.        /*  position: relative;
  3754.          vertical-align: middle;
  3755.          margin: 0;*/
  3756.    }
  3757.  
  3758.    #productList2_38952{
  3759.                    padding-bottom: 0px;
  3760.                padding-top: 20px;
  3761.    }
  3762.  
  3763.    .badgeProduct{
  3764.        text-align:left;
  3765.        margin-top:15px;
  3766.        color: #fff;
  3767.        position: absolute;
  3768.        border-radius: 0px;
  3769.        z-index:1;
  3770.        font-size: 14px;
  3771.        font-family: 'Open Sans',Tahoma;
  3772.    }
  3773.    .badgeOuter {
  3774.        margin-bottom: 2px;
  3775.    }
  3776.    .badgeNew {
  3777.        background-color: #2bbe1f;
  3778.        display: inline-block;
  3779.        padding: 0 8px;
  3780.    }
  3781.    .badgeBestseller {
  3782.        background-color: #ffa800;
  3783.        display: inline-block;
  3784.        padding: 0 8px;
  3785.    }
  3786.    .badgePreorder {
  3787.        background-color: #40bade;
  3788.        display: inline-block;
  3789.        padding: 0 8px;
  3790.    }
  3791.    .btnProductCart{
  3792.        max-width: 230px;
  3793.    }
  3794.  
  3795.    span.priceDiscount {
  3796.        /*  padding: 2px 5px;*/
  3797.        background: red;
  3798.        color: #FFF;
  3799.        margin-left: 3px;
  3800.        font-size: 11px;
  3801.        vertical-align: middle;
  3802.    }
  3803.    span.priceOvercharge {
  3804.        padding: 2px 5px;
  3805.        background: #61c13c;
  3806.        color: #FFF;
  3807.        margin-left: 3px;
  3808.        font-size: 11px;
  3809.        vertical-align: middle;
  3810.    }
  3811.    @media only screen and (min-width: 768px) and (max-width: 1024px) {
  3812.        #productList2_38952.productList2 .productWidget .productImage {
  3813.            width: 200px;
  3814.            height: 200px;
  3815.        }
  3816.        #productList2_38952.productList2 .divImage {
  3817.            width: 200px;
  3818.        }
  3819.        #productList2_38952.productList2 .colImage {
  3820.            -webkit-box-flex: 0;
  3821.            -ms-flex: 0 0 200px;
  3822.            flex: 0 0 200px;
  3823.            max-width: 200px;
  3824.        }
  3825.        #productList2_38952.productList2 .colContent {
  3826.            -webkit-box-flex: 0;
  3827.            -ms-flex: 0 0 calc(100% - 200px);
  3828.            flex: 0 0 calc(100% - 200px);
  3829.            max-width: calc(100% - 200px);
  3830.        }
  3831.    }
  3832.  
  3833.    @media only screen and (max-width: 767px) {
  3834.        .btnProductCart{
  3835.            max-width: 140px;
  3836.        }
  3837.        #productList2_38952.productList2 .productImage {
  3838.            width: auto;
  3839.        }
  3840.        #productList2_38952.productList2 .badgeProduct {
  3841.            font-size: 12px;
  3842.        }
  3843.        #productList2_38952.productList2 .productWidget .productImage,
  3844.        #productList2_38952.productList2 .divImage {
  3845.            width: 150px;
  3846.        }
  3847.        #productList2_38952.productList2 .colImage {
  3848.            -webkit-box-flex: 0;
  3849.            -ms-flex: 0 0 150px;
  3850.            flex: 0 0 150px;
  3851.            max-width: 150px;
  3852.        }
  3853.        #productList2_38952.productList2 .colContent {
  3854.            -webkit-box-flex: 0;
  3855.            -ms-flex: 0 0 calc(100% - 150px);
  3856.            flex: 0 0 calc(100% - 150px);
  3857.            max-width: calc(100% - 150px);
  3858.        }
  3859.        #productList2_38952.productList2 .productWidget .thumbnail {
  3860.            border-radius: 0px;
  3861.            border: none;
  3862.            box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1);
  3863.        }
  3864.                    #productList2_38952.productList2 .productWidget .item{
  3865.                                    height: auto;
  3866.                                margin-bottom: 5px;
  3867.            }
  3868.            #productList2_38952.productList2 .productAction {
  3869.                height: auto;
  3870.            }
  3871.                #productList2_38952.productList2 .productAction > .productAddToCart{
  3872.  
  3873.        }
  3874.        #productList2_38952.productList2 .productAction .productDescription > p {
  3875.            font-size: 12px;
  3876.        }
  3877.        .NmPriceSym, .SpePriceeSym, .MemPriceeSym{
  3878.            display:inline !important;
  3879.            font-size: 16px;
  3880.        }
  3881.        .NmPrice, .SpePrice, .MemPrice{
  3882.            display:none;
  3883.        }
  3884.        #productList2_38952.productList2 .divContent {
  3885.            text-align: left;
  3886.        }
  3887.        #productList2_38952.productList2 .mobileProductList2{
  3888.            padding: 0 5px;
  3889.        }
  3890.  
  3891.        #productList2_38952.productList2 .productWidget .productImage{
  3892.                                                height: 145px;
  3893.                                        width: 145px;
  3894.        }
  3895.        #productList2_38952.productList2 .productCaption{
  3896.            margin-top: 10px;
  3897.        }
  3898.  
  3899.        #productList2_38952.productList2 .productWidget .productImage img{
  3900.            max-width: 145px !important;
  3901.            position: initial;
  3902.        }
  3903.        #productList2_38952.productList2 .productName,
  3904.        #productList2_38952.productList2 .productIntro,
  3905.        #productList2_38952.productList2 .productCode {
  3906.            margin-bottom: 0;
  3907.            margin-top: 0;
  3908.            overflow: hidden;
  3909.        }
  3910.        #productList2_38952.productList2 .productAction{
  3911.            margin-bottom: 10px;
  3912.            margin-top: 0px;
  3913.            overflow: hidden;
  3914.        }
  3915.        #productList2_38952.productList2 .productPrice{
  3916.            margin-bottom: 10px;
  3917.            margin-top: 5px;
  3918.            overflow: hidden;
  3919.        }
  3920.        #productList2_38952.productList2>.AutoHeight .productName {
  3921.                height: auto;
  3922.        }
  3923.  
  3924.        #productList2_38952.productList2>.NotAutoHeight .productName {
  3925.                max-height: 44px;
  3926.                height: auto;
  3927.        }
  3928.        #productList2_38952.productList2 .productName h3{
  3929.            font-size: 14px;
  3930.            font-weight: bold;
  3931.            line-height: 150%;
  3932.        }
  3933.        #productList2_38952.productList2 .productCode {
  3934.            height: 20px;
  3935.        }
  3936.        #productList2_38952.productList2 .productCode > p {
  3937.            font-size: 14px;
  3938.            line-height: 18px;
  3939.        }
  3940.        #productList2_38952.productList2 .productIntro{
  3941.            height: auto;
  3942.            max-height: 37px;
  3943.        }
  3944.        #productList2_38952.productList2 .productIntro > p {
  3945.            font-size: 14px;
  3946.            line-height: 19px;
  3947.            overflow: hidden;
  3948.            text-overflow: ellipsis;
  3949.            margin: 0px;
  3950.        }
  3951.        #productList2_38952.productList2 .divProductNormalPrice .productOldPrice {
  3952.            font-size: 10px;
  3953.        }
  3954.        #productList2_38952.productList2 .divProductNormalPrice .price {
  3955.            font-size: 12px;
  3956.        }
  3957.        #productList2_38952.productList2 .divPriceWhole{
  3958.            height: 22px;
  3959.            line-height: 16px;
  3960.        }
  3961.        #productList2_38952.productList2 .divPriceWhole .priceWhole{
  3962.            margin-top: 3px;
  3963.        }
  3964.        #productList2_38952.productList2 .divProductMemberPrice .productMemberPrice{
  3965.            font-size: 12px;
  3966.            font-weight: bold;
  3967.        }
  3968.        #productList2_38952.productList2 .productWidget .productPrice .h3{
  3969.            font-size: 14px;
  3970.            font-weight: bold;
  3971.            margin: 0;
  3972.        }
  3973.        #productList2_38952.productList2 .divProductMemberPrice,
  3974.        #productList2_38952.productList2 .divProductNormalPrice{
  3975.            height: 45px;
  3976.        }
  3977.        #productList2_38952.productList2 .productAction .productAddToCart button{
  3978.            font-size: 14px;
  3979.            padding: 8px 16px;
  3980.            line-height: 0;
  3981.            height: 37px;
  3982.        }
  3983.        #productList2_38952.productList2 .productAction .productAddToCart button .fa{
  3984.            vertical-align: baseline !important;
  3985.        }
  3986.  
  3987.        #productList2_38952.productList2 .badgeProduct {
  3988.            margin-top: 10px;
  3989.        }
  3990.        #productList2_38952.productList2 .badgeProduct .badgeOuter{
  3991.            font-size: 12px;
  3992.        }
  3993.  
  3994.        span.priceDiscount{
  3995.            font-size: 12px;
  3996.            padding: 1px 2px 0px 2px;
  3997.            font-weight: normal;
  3998.            vertical-align: middle !important;
  3999.            display: inline-block;
  4000.            line-height: 15px;
  4001.        }
  4002.        .priceWhole{
  4003.            font-size: 10px;
  4004.        }
  4005.        .mobile12px{
  4006.            font-size: 12px;
  4007.        }
  4008.        .oosstock{
  4009.            font-size: 14px !important;
  4010.        }
  4011.        #productList2_38952.productList2 .productOldPrice > .NmPriceSym{
  4012.            font-size: 12px;
  4013.        }
  4014.        #productList2_38952.productList2 .productAction .productDescription{
  4015.            height: 15px;
  4016.        }
  4017.        #productList2_38952.productList2 .productWidget .productImage a {
  4018.            display: unset;
  4019.        }
  4020.    }
  4021.    .NmPriceSym, .SpePriceeSym, .MemPriceeSym{
  4022.        display:none;
  4023.    }
  4024.  
  4025.    .oosstock{
  4026.        background-color:transparent;
  4027.        color:red;
  4028.        cursor:default;
  4029.        border-color: transparent;
  4030.    }
  4031.    .oosstock:hover{
  4032.        background-color:transparent;
  4033.        color:red;
  4034.        cursor:default;
  4035.        border-color: transparent;
  4036.    }
  4037.  
  4038.    .promotion-wrapper {
  4039.        position: absolute;
  4040.        display: grid;
  4041.        width: 48px;
  4042.        right: 8px;
  4043.    }
  4044.  
  4045.    .img-promotion {
  4046.        z-index: 1;
  4047.        width: 100%;
  4048.        max-height: 48px !important;
  4049.        object-fit: cover;
  4050.        margin-top: 5px;
  4051.    }
  4052.    @media (max-width: 767px) {
  4053.        .productAddToCart button {
  4054.            line-height: 1.2 !important;
  4055.            padding: 8px 14px !important;
  4056.            height: auto !important;
  4057.        }
  4058.        .productAddToCart .btn {
  4059.            white-space: unset !important;
  4060.            word-break: break-word !important;
  4061.        }
  4062.    }
  4063. </style>
  4064. <style>.badgeProductFlash {
  4065.    margin-top: 15px;
  4066.    position: absolute;
  4067.    border-radius: 0px;
  4068.    z-index: 1;
  4069. }
  4070.  
  4071. .badgeFlash {
  4072.    background: linear-gradient(90deg, #EC0E00 0%, #FF8A00 100%);
  4073.    /* display: inline-block; */
  4074.    padding: 3px;
  4075.    width: 80px;
  4076.    height: 22px;
  4077.    text-align: center;
  4078. }
  4079.  
  4080. .badgeFlash .badge-txt-flsale {
  4081.    vertical-align: text-top;
  4082.    color: #ffffff;
  4083.    font-family: 'Sarabun';
  4084.    font-size: 11px;
  4085. }
  4086.  
  4087. .badgeFlash .fa-bolt {
  4088.    color: #F8CF5B;
  4089. }</style>
  4090. <div class="productList2" id="productList2_38952">
  4091.    <div class="productWidget" :class="class_autoheight">
  4092.        <div class="row ">
  4093.                                                                        <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4094.                            <div class="badgeProduct">
  4095.                                                                                            </div>
  4096.                            <div class="thumbnail border rounded">
  4097.                                <div class="row mx-0">
  4098.                                    <div class="col-6 px-0 colImage">
  4099.                                        <div class="divImage rounded-left">
  4100.                                                                                    <div class="productImage">
  4101.                                                <a href="/product/177052-173095/หลังคาเมทัลชีท" style="position: relative;">
  4102.  
  4103.                                                    <img class="lazy"
  4104.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4105.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/p_01.jpg?v=202311151122"
  4106.                                                        alt="แผ่นหลังคาเมทัลชีท METAL SHEET"
  4107.                                                        title="แผ่นหลังคาเมทัลชีท METAL SHEET"
  4108.                                                    />
  4109.                                                </a>
  4110.                                            </div>
  4111.                                        </div>
  4112.                                    </div>
  4113.                                    <div class="col-6 px-0 colContent">
  4114.                                        <div class="divContent">
  4115.                                            <div class="productCaption">
  4116.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4117.                                                        <a href="/product/177052-173095/หลังคาเมทัลชีท">
  4118.                                                            <h3 class="h3-hover">แผ่นหลังคาเมทัลชีท METAL SHEET</h3>
  4119.                                                        </a>
  4120.                                                    </div>
  4121.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4122.                                                        <p>
  4123.                                                                                                                            metal001                                                                                                                    </p>
  4124.                                                    </div>
  4125.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4126.                                                            <p>หลังคาเมทัลชีท (Metal Sheet) คือ หลังคาเหล็กแผ่นบาง เคลือบด้วยสารป้องกันสนิมนำมาขึ้นรูปลอน หลังคาเมทัลชีทสามารถนำมาใช้เป็นแผ่นหลังคาหรือกั้นเป็นผนังได้ ซึ่งหลังคาเมทัลชีทมีโครงเหล็กเป็นตัวยึด เมทัลชีทเป็นวัสดุหลังคาที่ได้รับความนิยมในการใช้งานในหลายๆ ประเทศ ไม่ว่าจะเป็นในการก่อสร้างอาคารที่ใช้เป็นบ้านพัก อาคารพาณิชย์ หรือโรงงาน ด้วยคุณสมบัติที่ดีและความคงทนที่มี ทำให้เมทัลชีทเป็นตัวเลือกที่น่าพิจารณาในการก่อสร้างหลังคาอาคารหรือสิ่งก่อสร้างต่าง ๆ ไม่ว่าจะเป็นในมิติการคงทนทาน ความทนทานต่อสภาวะอากาศและการใช้งานที่คุ้มค่า</p>
  4127.                                                        </div>
  4128.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4129.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4130.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4131.                                                                <span class="NmPrice">฿0</span>
  4132.                                                                <span class="NmPriceSym">฿0</span>
  4133.                                                            </div>
  4134.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4135.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4136.                                                                                                                        </div>
  4137.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4138.                                                                                                                            </div>
  4139.                                                    </div>
  4140.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4141.                                                        <div class="productAddToCart">
  4142.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177052', '173095', 0, 'DefaultData/p_01.jpg', 1, 'metal001')">
  4143.                                                                    <i class="fas fa-shopping-cart"></i>
  4144.                                                                    สั่งซื้อสินค้า                                                                </button>
  4145.                                                                                                                    </div>
  4146.                                                                                                                    <div class="productDescription" v-show="0" >
  4147.                                                                <p>
  4148.                                                                                                                                            &nbsp;
  4149.                                                                                                                                    </p>
  4150.                                                            </div>
  4151.                                                    </div>
  4152.                                                                                            </div>
  4153.                                        </div>
  4154.                                    </div>
  4155.                                </div>
  4156.                            </div>
  4157.                        </div>
  4158.                                                <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4159.                            <div class="badgeProduct">
  4160.                                                                                            </div>
  4161.                            <div class="thumbnail border rounded">
  4162.                                <div class="row mx-0">
  4163.                                    <div class="col-6 px-0 colImage">
  4164.                                        <div class="divImage rounded-left">
  4165.                                                                                    <div class="productImage">
  4166.                                                <a href="/product/177053-173096/หลังคาโปร่งแสง-skylight" style="position: relative;">
  4167.  
  4168.                                                    <img class="lazy"
  4169.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4170.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/p_02.jpg?v=202311151122"
  4171.                                                        alt="หลังคาโปร่งแสง SKYLIGHT"
  4172.                                                        title="หลังคาโปร่งแสง SKYLIGHT"
  4173.                                                    />
  4174.                                                </a>
  4175.                                            </div>
  4176.                                        </div>
  4177.                                    </div>
  4178.                                    <div class="col-6 px-0 colContent">
  4179.                                        <div class="divContent">
  4180.                                            <div class="productCaption">
  4181.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4182.                                                        <a href="/product/177053-173096/หลังคาโปร่งแสง-skylight">
  4183.                                                            <h3 class="h3-hover">หลังคาโปร่งแสง SKYLIGHT</h3>
  4184.                                                        </a>
  4185.                                                    </div>
  4186.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4187.                                                        <p>
  4188.                                                                                                                            sky02                                                                                                                    </p>
  4189.                                                    </div>
  4190.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4191.                                                            <p>คือระบบหลังคาที่ออกแบบมาเพื่อให้แสงแดดเข้าสู่อาคารหรือห้องในอาคาร โดยส่วนหลักของ SKYLIGHT คือแผงกระจกหรือวัสดุโปร่งแสงที่ติดตั้งบนหลังคาเพื่อให้แสงแดดผ่านมาในอาคาร ทำให้มีแสงธรรมชาติส่องเข้ามาในห้องและสร้างบรรยากาศสดชื่นภายในอาคาร</p>
  4192.                                                        </div>
  4193.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4194.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4195.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4196.                                                                <span class="NmPrice">฿0</span>
  4197.                                                                <span class="NmPriceSym">฿0</span>
  4198.                                                            </div>
  4199.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4200.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4201.                                                                                                                        </div>
  4202.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4203.                                                                                                                            </div>
  4204.                                                    </div>
  4205.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4206.                                                        <div class="productAddToCart">
  4207.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177053', '173096', 0, 'DefaultData/p_02.jpg', 1, 'sky02')">
  4208.                                                                    <i class="fas fa-shopping-cart"></i>
  4209.                                                                    สั่งซื้อสินค้า                                                                </button>
  4210.                                                                                                                    </div>
  4211.                                                                                                                    <div class="productDescription" v-show="0" >
  4212.                                                                <p>
  4213.                                                                                                                                            &nbsp;
  4214.                                                                                                                                    </p>
  4215.                                                            </div>
  4216.                                                    </div>
  4217.                                                                                            </div>
  4218.                                        </div>
  4219.                                    </div>
  4220.                                </div>
  4221.                            </div>
  4222.                        </div>
  4223.                                                <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4224.                            <div class="badgeProduct">
  4225.                                                                                            </div>
  4226.                            <div class="thumbnail border rounded">
  4227.                                <div class="row mx-0">
  4228.                                    <div class="col-6 px-0 colImage">
  4229.                                        <div class="divImage rounded-left">
  4230.                                                                                    <div class="productImage">
  4231.                                                <a href="/product/177058-173101/แผ่นหลังคาดัดโค้ง" style="position: relative;">
  4232.  
  4233.                                                    <img class="lazy"
  4234.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4235.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/p_03.jpg?v=202311151122"
  4236.                                                        alt="แผ่นหลังคาดัดโค้ง"
  4237.                                                        title="แผ่นหลังคาดัดโค้ง"
  4238.                                                    />
  4239.                                                </a>
  4240.                                            </div>
  4241.                                        </div>
  4242.                                    </div>
  4243.                                    <div class="col-6 px-0 colContent">
  4244.                                        <div class="divContent">
  4245.                                            <div class="productCaption">
  4246.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4247.                                                        <a href="/product/177058-173101/แผ่นหลังคาดัดโค้ง">
  4248.                                                            <h3 class="h3-hover">แผ่นหลังคาดัดโค้ง</h3>
  4249.                                                        </a>
  4250.                                                    </div>
  4251.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4252.                                                        <p>
  4253.                                                                                                                            de02                                                                                                                    </p>
  4254.                                                    </div>
  4255.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4256.                                                            <p>SKYLIGHT มีลักษณะหลากหลายรูปแบบและขนาดต่าง ๆ ที่สามารถปรับให้เหมาะสมกับความต้องการของอาคารหรือห้องต่าง ๆ ซึ่งส่วนใหญ่ใช้วัสดุโปร่งแสงที่สามารถป้องกันการระบายความร้อนจากแสงแดดได้</p>
  4257.                                                        </div>
  4258.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4259.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4260.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4261.                                                                <span class="NmPrice">฿0</span>
  4262.                                                                <span class="NmPriceSym">฿0</span>
  4263.                                                            </div>
  4264.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4265.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4266.                                                                                                                        </div>
  4267.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4268.                                                                                                                            </div>
  4269.                                                    </div>
  4270.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4271.                                                        <div class="productAddToCart">
  4272.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177058', '173101', 0, 'DefaultData/p_03.jpg', 1, 'de02')">
  4273.                                                                    <i class="fas fa-shopping-cart"></i>
  4274.                                                                    สั่งซื้อสินค้า                                                                </button>
  4275.                                                                                                                    </div>
  4276.                                                                                                                    <div class="productDescription" v-show="0" >
  4277.                                                                <p>
  4278.                                                                                                                                            &nbsp;
  4279.                                                                                                                                    </p>
  4280.                                                            </div>
  4281.                                                    </div>
  4282.                                                                                            </div>
  4283.                                        </div>
  4284.                                    </div>
  4285.                                </div>
  4286.                            </div>
  4287.                        </div>
  4288.                                                <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4289.                            <div class="badgeProduct">
  4290.                                                                                            </div>
  4291.                            <div class="thumbnail border rounded">
  4292.                                <div class="row mx-0">
  4293.                                    <div class="col-6 px-0 colImage">
  4294.                                        <div class="divImage rounded-left">
  4295.                                                                                    <div class="productImage">
  4296.                                                <a href="/product/177059-173102/แผ่นบานเกล็ด-louver" style="position: relative;">
  4297.  
  4298.                                                    <img class="lazy"
  4299.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4300.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/p_04.jpg?v=202311151122"
  4301.                                                        alt="แผ่นบานเกล็ด LOUVER"
  4302.                                                        title="แผ่นบานเกล็ด LOUVER"
  4303.                                                    />
  4304.                                                </a>
  4305.                                            </div>
  4306.                                        </div>
  4307.                                    </div>
  4308.                                    <div class="col-6 px-0 colContent">
  4309.                                        <div class="divContent">
  4310.                                            <div class="productCaption">
  4311.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4312.                                                        <a href="/product/177059-173102/แผ่นบานเกล็ด-louver">
  4313.                                                            <h3 class="h3-hover">แผ่นบานเกล็ด LOUVER</h3>
  4314.                                                        </a>
  4315.                                                    </div>
  4316.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4317.                                                        <p>
  4318.                                                                                                                            d022                                                                                                                    </p>
  4319.                                                    </div>
  4320.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4321.                                                            <p>แผ่นบานเกล็ด LOUVER คือแผ่นที่มีลักษณะเป็นบานหรือช่องเล็ก ๆ ที่เรียงติดกันในแนวตั้งหรือแนวนอนเพื่อให้สามารถควบคุมการเข้าออกของแสงและอากาศได้ โดยลักษณะเด่นของแผ่นบานเกล็ด LOUVER คือการเปิด-ปิดได้ โดยการปรับเอียงแผ่นบานให้เปิดหรือปิดเพื่อควบคุมการระบายอากาศและการส่งเสียงได้ตามต้องการ</p>
  4322.                                                        </div>
  4323.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4324.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4325.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4326.                                                                <span class="NmPrice">฿0</span>
  4327.                                                                <span class="NmPriceSym">฿0</span>
  4328.                                                            </div>
  4329.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4330.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4331.                                                                                                                        </div>
  4332.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4333.                                                                                                                            </div>
  4334.                                                    </div>
  4335.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4336.                                                        <div class="productAddToCart">
  4337.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177059', '173102', 0, 'DefaultData/p_04.jpg', 1, 'd022')">
  4338.                                                                    <i class="fas fa-shopping-cart"></i>
  4339.                                                                    สั่งซื้อสินค้า                                                                </button>
  4340.                                                                                                                    </div>
  4341.                                                                                                                    <div class="productDescription" v-show="0" >
  4342.                                                                <p>
  4343.                                                                                                                                            &nbsp;
  4344.                                                                                                                                    </p>
  4345.                                                            </div>
  4346.                                                    </div>
  4347.                                                                                            </div>
  4348.                                        </div>
  4349.                                    </div>
  4350.                                </div>
  4351.                            </div>
  4352.                        </div>
  4353.                                                <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4354.                            <div class="badgeProduct">
  4355.                                                                                            </div>
  4356.                            <div class="thumbnail border rounded">
  4357.                                <div class="row mx-0">
  4358.                                    <div class="col-6 px-0 colImage">
  4359.                                        <div class="divImage rounded-left">
  4360.                                                                                    <div class="productImage">
  4361.                                                <a href="/product/177060-173103/แผ่นปิดครอบมุม-flashing" style="position: relative;">
  4362.  
  4363.                                                    <img class="lazy"
  4364.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4365.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/p_05.jpg?v=202311151122"
  4366.                                                        alt="แผ่นปิดครอบมุม FLASHING"
  4367.                                                        title="แผ่นปิดครอบมุม FLASHING"
  4368.                                                    />
  4369.                                                </a>
  4370.                                            </div>
  4371.                                        </div>
  4372.                                    </div>
  4373.                                    <div class="col-6 px-0 colContent">
  4374.                                        <div class="divContent">
  4375.                                            <div class="productCaption">
  4376.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4377.                                                        <a href="/product/177060-173103/แผ่นปิดครอบมุม-flashing">
  4378.                                                            <h3 class="h3-hover">แผ่นปิดครอบมุม FLASHING</h3>
  4379.                                                        </a>
  4380.                                                    </div>
  4381.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4382.                                                        <p>
  4383.                                                                                                                            s76                                                                                                                    </p>
  4384.                                                    </div>
  4385.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4386.                                                            <p>แผ่นปิดครอบมุม FLASHING คือชิ้นส่วนที่ใช้ในการป้องกันการรั่วของน้ำฝนหรือความชื้นที่จะเข้าสู่ตำแหน่งมุมหรือจุดต่ำกว่าของหลังคาหรือผนังสองส่วนที่เกิดจากการเชื่อมต่อระหว่างวัสดุหรือคอมโพสิตที่แตกต่างกัน</p>
  4387.                                                        </div>
  4388.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4389.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4390.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4391.                                                                <span class="NmPrice">฿0</span>
  4392.                                                                <span class="NmPriceSym">฿0</span>
  4393.                                                            </div>
  4394.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4395.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4396.                                                                                                                        </div>
  4397.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4398.                                                                                                                            </div>
  4399.                                                    </div>
  4400.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4401.                                                        <div class="productAddToCart">
  4402.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177060', '173103', 0, 'DefaultData/p_05.jpg', 1, 's76')">
  4403.                                                                    <i class="fas fa-shopping-cart"></i>
  4404.                                                                    สั่งซื้อสินค้า                                                                </button>
  4405.                                                                                                                    </div>
  4406.                                                                                                                    <div class="productDescription" v-show="0" >
  4407.                                                                <p>
  4408.                                                                                                                                            &nbsp;
  4409.                                                                                                                                    </p>
  4410.                                                            </div>
  4411.                                                    </div>
  4412.                                                                                            </div>
  4413.                                        </div>
  4414.                                    </div>
  4415.                                </div>
  4416.                            </div>
  4417.                        </div>
  4418.                                                <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4419.                            <div class="badgeProduct">
  4420.                                                                                            </div>
  4421.                            <div class="thumbnail border rounded">
  4422.                                <div class="row mx-0">
  4423.                                    <div class="col-6 px-0 colImage">
  4424.                                        <div class="divImage rounded-left">
  4425.                                                                                    <div class="productImage">
  4426.                                                <a href="/product/177061-173104/แผ่นปิดครอบมุม-standard-flashing" style="position: relative;">
  4427.  
  4428.                                                    <img class="lazy"
  4429.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4430.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/STANDARD_FLASHING.jpg?v=202311151122"
  4431.                                                        alt="แผ่นปิดครอบมุม"
  4432.                                                        title="แผ่นปิดครอบมุม"
  4433.                                                    />
  4434.                                                </a>
  4435.                                            </div>
  4436.                                        </div>
  4437.                                    </div>
  4438.                                    <div class="col-6 px-0 colContent">
  4439.                                        <div class="divContent">
  4440.                                            <div class="productCaption">
  4441.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4442.                                                        <a href="/product/177061-173104/แผ่นปิดครอบมุม-standard-flashing">
  4443.                                                            <h3 class="h3-hover">แผ่นปิดครอบมุม STANDARD FLASHING</h3>
  4444.                                                        </a>
  4445.                                                    </div>
  4446.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4447.                                                        <p>
  4448.                                                                                                                            dee01                                                                                                                    </p>
  4449.                                                    </div>
  4450.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4451.                                                            <p>แผ่นเรียบ เมทัลชีทที่นำมาพับขึ้นรูปให้เหมาะกับลักษณะการใช้งาน ครอบเมทัลชีทใช้เพื่อเพื่อปิดครอบรอยต่อต่างๆของหลังคา และผนัง รวมทั้งใช้สำหรับตกแต่งปิดขอบมุมของโครงสร้างให้สวยงาม ตัวอย่างเช่น แผ่นครอบสันจั่ว, แผ่นครอบข้าง, แผ่นครอบต่อผนัง และแผ่นครอบมุม เป็นต้น</p>
  4452.                                                        </div>
  4453.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4454.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4455.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4456.                                                                <span class="NmPrice">฿0</span>
  4457.                                                                <span class="NmPriceSym">฿0</span>
  4458.                                                            </div>
  4459.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4460.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4461.                                                                                                                        </div>
  4462.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4463.                                                                                                                            </div>
  4464.                                                    </div>
  4465.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4466.                                                        <div class="productAddToCart">
  4467.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177061', '173104', 0, 'DefaultData/STANDARD_FLASHING.jpg', 1, 'dee01')">
  4468.                                                                    <i class="fas fa-shopping-cart"></i>
  4469.                                                                    สั่งซื้อสินค้า                                                                </button>
  4470.                                                                                                                    </div>
  4471.                                                                                                                    <div class="productDescription" v-show="0" >
  4472.                                                                <p>
  4473.                                                                                                                                            &nbsp;
  4474.                                                                                                                                    </p>
  4475.                                                            </div>
  4476.                                                    </div>
  4477.                                                                                            </div>
  4478.                                        </div>
  4479.                                    </div>
  4480.                                </div>
  4481.                            </div>
  4482.                        </div>
  4483.                                                <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4484.                            <div class="badgeProduct">
  4485.                                                                                            </div>
  4486.                            <div class="thumbnail border rounded">
  4487.                                <div class="row mx-0">
  4488.                                    <div class="col-6 px-0 colImage">
  4489.                                        <div class="divImage rounded-left">
  4490.                                                                                    <div class="productImage">
  4491.                                                <a href="/product/177062-173105/สกรู-screws" style="position: relative;">
  4492.  
  4493.                                                    <img class="lazy"
  4494.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4495.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/p_07.jpg?v=202311151122"
  4496.                                                        alt="สกรู SCREWS"
  4497.                                                        title="สกรู SCREWS"
  4498.                                                    />
  4499.                                                </a>
  4500.                                            </div>
  4501.                                        </div>
  4502.                                    </div>
  4503.                                    <div class="col-6 px-0 colContent">
  4504.                                        <div class="divContent">
  4505.                                            <div class="productCaption">
  4506.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4507.                                                        <a href="/product/177062-173105/สกรู-screws">
  4508.                                                            <h3 class="h3-hover">สกรู SCREWS</h3>
  4509.                                                        </a>
  4510.                                                    </div>
  4511.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4512.                                                        <p>
  4513.                                                                                                                            v011                                                                                                                    </p>
  4514.                                                    </div>
  4515.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4516.                                                            <p>เป็นอุปกรณ์ที่ใช้ในการติดตั้งและยึดติดวัสดุหรือชิ้นส่วนที่แตกต่างกันด้วยการใช้แรงบีบและหมุน </p>
  4517.                                                        </div>
  4518.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4519.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4520.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4521.                                                                <span class="NmPrice">฿0</span>
  4522.                                                                <span class="NmPriceSym">฿0</span>
  4523.                                                            </div>
  4524.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4525.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4526.                                                                                                                        </div>
  4527.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4528.                                                                                                                            </div>
  4529.                                                    </div>
  4530.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4531.                                                        <div class="productAddToCart">
  4532.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177062', '173105', 0, 'DefaultData/p_07.jpg', 1, 'v011')">
  4533.                                                                    <i class="fas fa-shopping-cart"></i>
  4534.                                                                    สั่งซื้อสินค้า                                                                </button>
  4535.                                                                                                                    </div>
  4536.                                                                                                                    <div class="productDescription" v-show="0" >
  4537.                                                                <p>
  4538.                                                                                                                                            &nbsp;
  4539.                                                                                                                                    </p>
  4540.                                                            </div>
  4541.                                                    </div>
  4542.                                                                                            </div>
  4543.                                        </div>
  4544.                                    </div>
  4545.                                </div>
  4546.                            </div>
  4547.                        </div>
  4548.                                                <div class="item col-12 col-md-12 col-lg-6 mobileProductList2">
  4549.                            <div class="badgeProduct">
  4550.                                                                                            </div>
  4551.                            <div class="thumbnail border rounded">
  4552.                                <div class="row mx-0">
  4553.                                    <div class="col-6 px-0 colImage">
  4554.                                        <div class="divImage rounded-left">
  4555.                                                                                    <div class="productImage">
  4556.                                                <a href="/product/177063-173106/ฉนวนกันความร้อน" style="position: relative;">
  4557.  
  4558.                                                    <img class="lazy"
  4559.                                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4560.                                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/p_08.jpg?v=202311151122"
  4561.                                                        alt="ฉนวนกันความร้อน"
  4562.                                                        title="ฉนวนกันความร้อน"
  4563.                                                    />
  4564.                                                </a>
  4565.                                            </div>
  4566.                                        </div>
  4567.                                    </div>
  4568.                                    <div class="col-6 px-0 colContent">
  4569.                                        <div class="divContent">
  4570.                                            <div class="productCaption">
  4571.                                                    <div class="productName" v-show="product_display_name_isopen" >
  4572.                                                        <a href="/product/177063-173106/ฉนวนกันความร้อน">
  4573.                                                            <h3 class="h3-hover">ฉนวนกันความร้อน</h3>
  4574.                                                        </a>
  4575.                                                    </div>
  4576.                                                    <div class="productCode" v-show="product_display_code_isopen" >
  4577.                                                        <p>
  4578.                                                                                                                            s10                                                                                                                    </p>
  4579.                                                    </div>
  4580.                                                                                                            <div class="productIntro" v-show="product_display_intro_isopen && 1">
  4581.                                                            <p>ฉนวนกันความร้อน (Insulation) เป็นวัสดุที่ใช้ในการลดการสูญเสียความร้อนหรือความเย็นระหว่างสองสิ่งของที่มีอุณหภูมิต่างกัน ภายในฉนวนกันความร้อนจะมีโครงสร้างที่ช่วยลดการสะสมของความร้อน หรือเป็นตัวกั้นที่ยังให้ความพอดีเพื่อลดการสูญเสียความร้อนจากแหล่งความร้อนสู่แหล่งความเย็นหรือกลับกัน</p>
  4582.                                                        </div>
  4583.                                                    <p v-show="is_open_product_quantity_sold" >ขายแล้ว 0 ชิ้น</p>
  4584.                                                    <div class="productPrice" v-show="product_display_price_isopen && 1">
  4585.                                                                                                                                                                                                                                                                                <div class="ff-price fs-price fc-price">
  4586.                                                                <span class="NmPrice">฿0</span>
  4587.                                                                <span class="NmPriceSym">฿0</span>
  4588.                                                            </div>
  4589.                                                                                                                                                                                                                                <div class="divProductMemberPrice" v-show="0" >
  4590.                                                                                                                                    <h5 class="productMemberPrice">&nbsp;</h5>
  4591.                                                                                                                        </div>
  4592.                                                                                                                    <div class="divPriceWhole" v-show="0" >
  4593.                                                                                                                            </div>
  4594.                                                    </div>
  4595.                                                    <div class="productAction" v-show="product_display_cart_isopen" >
  4596.                                                        <div class="productAddToCart">
  4597.                                                                                                                            <button class="btnProductCart btn btn-style" type="button" onclick="javascript:addToCartShowDialog('177063', '173106', 0, 'DefaultData/p_08.jpg', 1, 's10')">
  4598.                                                                    <i class="fas fa-shopping-cart"></i>
  4599.                                                                    สั่งซื้อสินค้า                                                                </button>
  4600.                                                                                                                    </div>
  4601.                                                                                                                    <div class="productDescription" v-show="0" >
  4602.                                                                <p>
  4603.                                                                                                                                            &nbsp;
  4604.                                                                                                                                    </p>
  4605.                                                            </div>
  4606.                                                    </div>
  4607.                                                                                            </div>
  4608.                                        </div>
  4609.                                    </div>
  4610.                                </div>
  4611.                            </div>
  4612.                        </div>
  4613.                                                                </div>
  4614.    </div>
  4615. </div>
  4616. <script>      
  4617.            var productCaption_38952 = new Vue({
  4618.                el:'#productList2_38952',
  4619.                data:{
  4620.                    product_display_name_isopen:1,
  4621.                    product_display_code_isopen:0,
  4622.                    product_display_intro_isopen:1,
  4623.                    is_open_product_quantity_sold:0,
  4624.                    product_display_price_isopen:0,
  4625.                    product_display_cart_isopen:0,
  4626.                    product_box_auto_height:1,
  4627.                    class_autoheight:'AutoHeight'
  4628.                },
  4629.                created(){
  4630.                    if(this.product_box_auto_height){
  4631.                        this.class_autoheight = 'AutoHeight'
  4632.                    }else{
  4633.                        this.class_autoheight = 'NotAutoHeight'
  4634.                    }
  4635.                },
  4636.                beforeCreate(){
  4637.                    $('#productList2_38952 .productImage img').each(function (index, element) {
  4638.                        let strProductImage = $(this).attr('data-src');
  4639.                        let arrProductImage = strProductImage.split('/');
  4640.                        let strImgName = arrProductImage[arrProductImage.length - 1];
  4641.                        let arrstrImgName = strImgName.split("?v=");
  4642.                        arrstrImgName[0] = encodeURIComponent(arrstrImgName[0]);
  4643.                        arrProductImage[arrProductImage.length - 1] = arrstrImgName.join("?v=");
  4644.                        $(this).attr('data-src',arrProductImage.join('/'));
  4645.                    });
  4646.                },
  4647.                methods:{
  4648.                    changeStyle: function(){
  4649.                        if(this.product_box_auto_height){
  4650.                            this.class_autoheight = 'AutoHeight'
  4651.                        }else{
  4652.                            this.class_autoheight = 'NotAutoHeight'
  4653.                        }
  4654.                    },
  4655.                    backToDefault: function(){
  4656.                        this.product_display_name_isopen = 1;
  4657.  
  4658.                        this.product_display_code_isopen  = 0;
  4659.  
  4660.                        this.product_display_intro_isopen  = 1;
  4661.  
  4662.                        this.is_open_product_quantity_sold  = 0;
  4663.  
  4664.                        this.product_display_price_isopen  = 0;
  4665.  
  4666.                        this.product_display_cart_isopen  = 0;
  4667.                        
  4668.                        this.product_box_auto_height  = 1;
  4669.  
  4670.                        if(this.product_box_auto_height  == "1"){
  4671.                            this.class_autoheight = 'AutoHeight'
  4672.                        }else{
  4673.                            this.class_autoheight = 'NotAutoHeight'
  4674.                        }
  4675.                        
  4676.                    }
  4677.                }
  4678.            })
  4679.  
  4680.  
  4681.            function displayMessage (evt) {
  4682.  
  4683.            // check origin
  4684.            if(evt.origin != "https://webbuilder77.makewebeasy.com"){
  4685.                return 0;
  4686.            }
  4687.  
  4688.            var toggleData = evt.data
  4689.  
  4690.            var data = toggleData.split(",");
  4691.  
  4692.            if(data[1] == 'productName'){
  4693.  
  4694.                productCaption_38952.product_display_name_isopen = parseInt(data[0])
  4695.  
  4696.            }else if(data[1] == 'productCode'){
  4697.  
  4698.                productCaption_38952.product_display_code_isopen = parseInt(data[0])
  4699.  
  4700.            }else if(data[1] == 'productIntro'){
  4701.  
  4702.                productCaption_38952.product_display_intro_isopen = parseInt(data[0])
  4703.  
  4704.            }else if(data[1] == 'productPrice'){
  4705.  
  4706.                productCaption_38952.product_display_price_isopen = parseInt(data[0])
  4707.  
  4708.            }else if(data[1] == 'productAction'){
  4709.  
  4710.                productCaption_38952.product_display_cart_isopen = parseInt(data[0])
  4711.  
  4712.            }else if(data[1] == 'AutoHeight'){
  4713.  
  4714.                productCaption_38952.product_box_auto_height = parseInt(data[0])
  4715.                productCaption_38952.changeStyle()
  4716.  
  4717.            }else if(data[1] == 'ProductStock'){
  4718.  
  4719.            }else if(data[1] == 'ProductSell'){
  4720.  
  4721.                productCaption_38952.is_open_product_quantity_sold = parseInt(data[0])
  4722.  
  4723.            }else if(data[1] == 'reset'){
  4724.                productCaption_38952.backToDefault()
  4725.            }
  4726.  
  4727.            }
  4728.  
  4729.  
  4730.            if (window.addEventListener) {
  4731.            // For standards-compliant web browsers
  4732.            window.addEventListener("message", displayMessage, false);
  4733.            }
  4734.            else {
  4735.            window.attachEvent("onmessage", displayMessage);
  4736.            }
  4737. </script>                                    </div>
  4738.                                                                        </div>
  4739.                                                                                                </div>
  4740.                                            </div>
  4741.                <!-- end background div -->
  4742.                
  4743.            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fbg_bottom_1.jpg?v=202311151122); 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; " >
  4744.                                                    <a id="customize-38953" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  4745.                                                                                <div class="container">
  4746.                                                    
  4747.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  4748.                                                                                                                                                <div >
  4749.                                        <style type="text/css">
  4750.    .brakeword7 {
  4751.        word-wrap: break-word;
  4752.    }
  4753. </style>
  4754. <div class="row">
  4755.    <div class="col-12 col-sm-6">
  4756.                                <div class="marginBottomSpaceMobile">
  4757.                                                                    <img class="img-responsive mx-auto d-block lazy"
  4758.                            src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4759.                            data-src="https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData/pic.jpg?v=202311151122"
  4760.                            alt="image"
  4761.                            title="image"
  4762.                        />
  4763.                                                        </div>
  4764.            </div>
  4765.                            <div class="col-12 col-sm-6 brakeword7 area-tinymce">
  4766.                    <div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-family: 'Noto Sans Thai'; font-size: 30px; color: #f36f25;" noto="" sans="" thai="" font-size:="" 30px="" color:="" rgb="" 243="" 111="" 37="" data-mce-style="font-family: 'Noto Sans Thai'; font-size: 30px; color: #f36f25;">เกร็ดความรู้เหล็กกัลวาไนซ์</span><br><br><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';">ข้อดีของเหล็กกัลวาไนซ์ที่สำคัญที่สุด คือ ป้องกันการเกิดสนิมก่อนวัยอันควรและป้องกันการกัดกร่อน นอกจากนี้</span><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';">การชุบกัลวาไนซ์ยังราคาไม่แพง อายุการใช้งานนานกว่าทุกชนิดของการเคลือบผิว และเป็นที่ยอมรับในงาน</span><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';">อุตสาหกรรม ทำให้การชุบกัลวาไนซ์ (Hot-Dip Galvanized) นั้นเป็นตัวเลือกที่ดีที่สุดใน</span><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';">ปัจจุบัน นอกจากนี้ยังมีวิธีป้องกันการเกิดสนิมอีก 3 วิธีใหญ่ๆ คือ การเคลือบผิว การทำเหล็กกล้าไร้สนิม</span><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';">(Stainless Steel)และการใช้กระแสไฟฟ้าทั้งนี้ การชุบกัลวาไนซ์ยังทำให้ทำความสะอาดพื้นผิว</span><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';">ได้ง่าย ทนต่อการกัดกร่อนอย่างน้อย 50 ปี และไม่ต้องบำรุงรักษา ทำให้เสียค่าใช้จ่ายโดยรวมต่ำสุดเมื่อเทียบการ</span><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';">ป้องกันสนิมแบบอื่น ๆ<br><br><br><span style="font-size: 30px; color: rgb(243, 111, 37);" data-mce-style="font-size: 30px; color: #f36f25;">ข้อดีของหลังคาเมทัลชีท</span><br>&nbsp;<br>ความทนทาน :&nbsp;หลังคาเมทัลชีทมีความทนทานสูง มีอายุใช้งาน 50 ปีขึ้นไป<br>น้ำหนักเบา :&nbsp;หลังคาเมทัลชีทมีน้ำหนักเบาเมื่อเทียบกับวัสดุมุงหลังคาอื่นๆ<br>ประหยัดพลังงาน :&nbsp;หลังคาเมทัลชีทสามารถสะท้อนรังสีดวงอาทิตย์ ลดปริมาณความร้อนที่หลังคาดูดซับไว้<br>ปรับแต่งได้ :&nbsp;หลังคาเมทัลชีทมีให้เลือกหลายสไตล์ สีสัน และพื้นผิว<br>การบำรุงรักษาต่ำ :&nbsp;หลังคาเมทัลชีทต้องการการบำรุงรักษาเพียงเล็กน้อย<br>เป็นมิตรกับสิ่งแวดล้อม :&nbsp;หลังคาเมทัลชีททำจากวัสดุรีไซเคิลและสามารถรีไซเคิลได้เองเมื่อหมดอายุการใช้งาน นอกจากนี้ หลังคาโลหะยังช่วยลดการใช้พลังงานและลดการปล่อยก๊าซคาร์บอนไดออกไซด์ของอาคาร<br></span><span style="font-size: 30px;" data-mce-style="font-size: 30px;"><span style="font-family: Quicksand; color: #485e3a;" data-mce-style="font-family: Quicksand; color: #485e3a;"></span></span></div>                </div>
  4767.                    </div>
  4768.                                    </div>
  4769.                                                                        </div>
  4770.                                                                                                </div>
  4771.                                            </div>
  4772.                <!-- end background div -->
  4773.                
  4774.            <div  style="position: relative; background-color:#373e44; " >
  4775.                                                    <a id="content-40511" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  4776.                                                                                <div class="container">
  4777.                                                    
  4778.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  4779.                                                                                                                                                    <h2 style="color:#ffffff;text-align:center;  padding-bottom:20px;  word-wrap: break-word;">
  4780.                                            Aeticles                                        </h2>
  4781.                                                                        <div >
  4782.                                        <style type="text/css">
  4783.    @media only screen and (min-width: 1200px) {
  4784.        #contentList2_40511.contentList2 .contentWidget .item {
  4785.            display: flex;        }
  4786.    }
  4787.    @media only screen and (max-width: 1199px) {
  4788.        #contentList2_40511.contentList2 .contentWidget .item {
  4789.            display: flex;
  4790.        }
  4791.    }
  4792.  
  4793.    #contentList2_40511.contentList2 .contentWidget .item {
  4794.        height: auto;
  4795.        margin-bottom: 15px;
  4796.    }
  4797.  
  4798.    #contentList2_40511.contentList2 .contentWidget .contentImage {
  4799.        text-align: center;
  4800.        vertical-align: middle;
  4801.         height: 260px;         overflow: hidden;
  4802.            }
  4803.    .contentImageEffect {
  4804.        -webkit-transition: all .3s;
  4805.        -moz-transition: all .3s;
  4806.        -o-transition: all .3s;
  4807.        transition: all .3s;
  4808.    }
  4809.    .contentImage:hover .contentImageEffect,
  4810.    .contentImage:focus .contentImageEffect {
  4811.        transform: scale(1.1);
  4812.        -webkit-transition: all .3s;
  4813.        -moz-transition: all .3s;
  4814.        -o-transition: all .3s;
  4815.        transition: all .3s;
  4816.    }
  4817.  
  4818.    @media only screen and (min-width: 1025px) {
  4819.        #contentList2_40511.contentList2 .contentWidget img {
  4820.         max-height: 100%;             transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
  4821.            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
  4822.            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
  4823.            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
  4824.        }
  4825.    }
  4826.  
  4827.    @media only screen and (min-width: 1200px) {
  4828.         #contentList2_40511.contentList2 .contentWidget .contentImage:hover img {
  4829.            transform: scale(1.1);
  4830.            -moz-transform: scale(1.1);
  4831.            -webkit-transform: scale(1.1);
  4832.            -o-transform: scale(1.1);
  4833.        }
  4834.    }
  4835.     #contentList2_40511.contentList2 .contentWidget .thumbnail {
  4836.        height: auto;
  4837.        overflow: hidden;
  4838.    }
  4839.     #contentList2_40511.contentList2 .contentCaption {
  4840.        margin-top: 20px;
  4841.        margin-left: 15px;
  4842.        margin-right: 15px;
  4843.        margin-bottom: 15px;
  4844.    }
  4845.            #contentList2_40511.contentList2 .contentName,
  4846.        #contentList2_40511.contentList2 .contentIntro,
  4847.        #contentList2_40511.contentList2 .contentDate,
  4848.        #contentList2_40511.contentList2 .contentAction {
  4849.            margin-top: 10px;
  4850.            margin-bottom: 10px;
  4851.            overflow: hidden;
  4852.        }
  4853.        #contentList2_40511.contentList2 .contentName > a {
  4854.            overflow: hidden;
  4855.        }
  4856.        #contentList2_40511.contentList2 .contentName a {
  4857.            text-decoration: none !important;
  4858.        }
  4859.        #contentList2_40511.contentList2 .contentName h3 {
  4860.            margin: 0;
  4861.            display: -webkit-box;
  4862.            -webkit-line-clamp: 2;
  4863.            -webkit-box-orient: vertical;
  4864.        }
  4865.        #contentList2_40511.contentList2 .contentIntro {
  4866.            max-height: 80px;
  4867.        }
  4868.        #contentList2_40511.contentList2 .contentIntro > p {
  4869.            line-height: normal;
  4870.            margin: 0;
  4871.        }
  4872.        #contentList2_40511.contentList2 .contentDate {
  4873.            height: 30px;
  4874.        }
  4875.        #contentList2_40511.contentList2 .contentDate > p {
  4876.            line-height: 30px;
  4877.        }
  4878.        #contentList2_40511.contentList2 .contentAction {
  4879.          
  4880.        }
  4881.        #contentList2_40511.contentList2 .contentAction > p {
  4882.            line-height: 30px;
  4883.        }
  4884.        #contentList2_40511.contentList2 .contentAction {
  4885.            margin-bottom: 10px;
  4886.        }
  4887.        @media only screen and (max-width: 767px) {
  4888.            #contentList2_40511.contentList2 .contentName {
  4889.                height: auto;
  4890.            }
  4891.            #contentList2_40511.contentList2 .contentName h3 {
  4892.                line-height: normal;
  4893.            }
  4894.            #contentList2_40511.contentList2 .contentIntro {
  4895.                max-height: unset;
  4896.                display: -webkit-box;
  4897.                -webkit-line-clamp: 4;
  4898.                -webkit-box-orient: vertical;
  4899.                overflow: hidden;
  4900.            }
  4901.            #contentList2_40511.contentList2 .contentIntro > p {
  4902.                line-height: normal;
  4903.            }
  4904.            #contentList2_40511.contentList2 .contentDate {
  4905.                height: auto;
  4906.            }
  4907.            #contentList2_40511.contentList2 .contentDate > p {
  4908.                line-height: normal;
  4909.            }
  4910.            #contentList2_40511.contentList2 .contentAction {
  4911.                height: auto;
  4912.            }
  4913.            #contentList2_40511.contentList2 .contentAction > p {
  4914.                line-height: normal;
  4915.            }
  4916.            #contentList2_40511.contentList2 .contentAction {
  4917.                margin-bottom: 10px;
  4918.            }
  4919.        }
  4920.        .contentImage>a>div{
  4921.        width: 100%;
  4922.        height: 100%;
  4923.        background-position: center;
  4924.        background-repeat: no-repeat;
  4925.        background-size: cover;
  4926.    }
  4927.    @media only screen and (min-width: 768px) {
  4928.        #contentList2_40511{
  4929.                            padding-bottom: 0px;
  4930.                        padding-top: 20px;
  4931.        }
  4932.    }
  4933.    @media  only screen and (max-width: 767px) {
  4934.        #contentList2_40511{
  4935.                            padding-bottom: 0px;
  4936.                                        padding-top: 20px;
  4937.                    }
  4938.        #contentList2_40511 .contentWidget .contentImage {
  4939.                            display: table-cell;
  4940.                width: 800px;
  4941.                height:calc(100vw - 32px) !important;
  4942.                    }
  4943.        #contentList2_40511 .contentWidget img {
  4944.            max-height: 100%;
  4945.        }
  4946.    }
  4947.    @media only screen and (min-width: 1025px) and (max-width: 1199px) and (orientation: landscape) {
  4948.        #contentList2_40511 .contentWidget .contentImage {
  4949.            height:208px !important;
  4950.        }
  4951.        #contentList2_40511.contentList2 .contentWidget img {
  4952.            max-height: 100%;
  4953.        }
  4954.    }
  4955.    @media only screen and (min-width: 993px) and (max-width: 1024px) {
  4956.        #contentList2_40511 .contentWidget .contentImage {
  4957.                            height: auto !important;
  4958.                    }
  4959.        #contentList2_40511 .contentWidget img {
  4960.            max-height: 100%;
  4961.        }
  4962.    }
  4963.  
  4964.    @media only screen and (min-width: 768px) and (max-width: 992px) {
  4965.        #contentList2_40511 .contentWidget .contentImage {
  4966.                            height: auto !important;
  4967.                    }
  4968.        #contentList2_40511 .contentWidget img {
  4969.            max-height: 100%;
  4970.        }
  4971.    }
  4972. </style>
  4973. <div class="contentList2" id="contentList2_40511">
  4974.    <div class="contentWidget">
  4975.        <div class="row">
  4976.                                <div class="item col-12 col-md-6 col-lg-3">
  4977.                        <div class="thumbnail border rounded">
  4978.                            <div class="contentImage rounded-top">
  4979.                                <a href="/content/24986/การดูแลทำความสะอาดหลังคาเมทัลชีท">
  4980.                                                                                                            <img class="lazy mx-auto"
  4981.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4982.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/house__1_.jpeg"
  4983.                                        alt="การดูแลทำความสะอาดหลังคาเมทัลชีท"
  4984.                                        title="การดูแลทำความสะอาดหลังคาเมทัลชีท"
  4985.                                    />
  4986.                                </a>
  4987.                            </div>
  4988.                            <div class="contentCaption">
  4989.                                            <div class="contentName">
  4990.                                        <a href="/content/24986/การดูแลทำความสะอาดหลังคาเมทัลชีท">
  4991.                                            <h3 class="h3-hover">การดูแลทำความสะอาดหลังคาเมทัลชีท</h3>
  4992.                                        </a>
  4993.                                    </div>
  4994.                                                                            <div class="contentDate">
  4995.                                        <p>23 มิ.ย. 2566</p>
  4996.                                    </div>
  4997.                                                                            <div class="contentIntro">
  4998.                                        <p>วัสดุเมทัลชีทนั้นเมื่อมีการติดตั้งเสร็จเรียบร้อยแล้ว ควรจะต้องทำความสะอาดทันที เพราะเศษวัสดุที่เกิดจากการติดตั้งไม่ว่าจะเป็นเศษจากสกรู ดินที่ช่างเหยียบขึ้นไปบนหลังคาระหว่างการติดตั้ง</p>
  4999.                                    </div>
  5000.                                                                            <div class="contentAction">
  5001.                                        <a href="/content/24986/การดูแลทำความสะอาดหลังคาเมทัลชีท">
  5002.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  5003.                                        </a>
  5004.                                    </div>
  5005.                                    </div>
  5006.                        </div>
  5007.                    </div>
  5008.                            <div class="item col-12 col-md-6 col-lg-3">
  5009.                        <div class="thumbnail border rounded">
  5010.                            <div class="contentImage rounded-top">
  5011.                                <a href="/content/24985/4-ข้อเช็กลิสต์ผลิตภัณฑ์บลูสโคปแท้">
  5012.                                                                                                            <img class="lazy mx-auto"
  5013.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  5014.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/shutterstock_1809646672.jpeg"
  5015.                                        alt="4 ข้อเช็กลิสต์ผลิตภัณฑ์บลูสโคปแท้"
  5016.                                        title="4 ข้อเช็กลิสต์ผลิตภัณฑ์บลูสโคปแท้"
  5017.                                    />
  5018.                                </a>
  5019.                            </div>
  5020.                            <div class="contentCaption">
  5021.                                            <div class="contentName">
  5022.                                        <a href="/content/24985/4-ข้อเช็กลิสต์ผลิตภัณฑ์บลูสโคปแท้">
  5023.                                            <h3 class="h3-hover">4 ข้อเช็กลิสต์ผลิตภัณฑ์บลูสโคปแท้</h3>
  5024.                                        </a>
  5025.                                    </div>
  5026.                                                                            <div class="contentDate">
  5027.                                        <p>23 มิ.ย. 2566</p>
  5028.                                    </div>
  5029.                                                                            <div class="contentIntro">
  5030.                                        <p>การตรวจสอบเมทัลชีทที่มีคุณภาพ รวมทั้งตรวจเช็กเมทัลชีทบลูสโคปของแท้นั้น ลูกค้าสามารถที่จะตรวจสอบได้ว่า ผลิตภัณฑ์ ที่กำลังจะซื้อหรือ ซื้อมาแล้วนั้นเป็นผลิตภัณฑ์บลูสโคปหรือไม่นั้น</p>
  5031.                                    </div>
  5032.                                                                            <div class="contentAction">
  5033.                                        <a href="/content/24985/4-ข้อเช็กลิสต์ผลิตภัณฑ์บลูสโคปแท้">
  5034.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  5035.                                        </a>
  5036.                                    </div>
  5037.                                    </div>
  5038.                        </div>
  5039.                    </div>
  5040.                            <div class="item col-12 col-md-6 col-lg-3">
  5041.                        <div class="thumbnail border rounded">
  5042.                            <div class="contentImage rounded-top">
  5043.                                <a href="/content/24984/แผ่นเมทัลชีท-สีสด-สวยนาน-ด้วยนวัตกรรมป้องกันรังสียูวี">
  5044.                                                                                                            <img class="lazy mx-auto"
  5045.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  5046.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/QUV.jpeg"
  5047.                                        alt="แผ่นเมทัลชีท สีสด สวยนาน ด้วยนวัตกรรมป้องกันรังสียูวี"
  5048.                                        title="แผ่นเมทัลชีท สีสด สวยนาน ด้วยนวัตกรรมป้องกันรังสียูวี"
  5049.                                    />
  5050.                                </a>
  5051.                            </div>
  5052.                            <div class="contentCaption">
  5053.                                            <div class="contentName">
  5054.                                        <a href="/content/24984/แผ่นเมทัลชีท-สีสด-สวยนาน-ด้วยนวัตกรรมป้องกันรังสียูวี">
  5055.                                            <h3 class="h3-hover">แผ่นเมทัลชีท สีสด สวยนาน ด้วยนวัตกรรมป้องกันรังสียูวี</h3>
  5056.                                        </a>
  5057.                                    </div>
  5058.                                                                            <div class="contentDate">
  5059.                                        <p>23 มิ.ย. 2566</p>
  5060.                                    </div>
  5061.                                                                            <div class="contentIntro">
  5062.                                        <p>เรารู้จักรังสียูวี (UV) หรือรังสีอัลตราไวโอเล็ท (Ultraviolet) กันอยู่แล้วจากการใช้ชีวิตประจำวันที่ต้องคอยป้องกันหรือหลีกเลี่ยงมัน แสงแดดจากดวงอาทิตย์คือจุดเริ่มต้นของรังสีเหล่านี้ เมื่อพิจารณาแสงในลักษณะของคลื่นแม่เหล็กไฟฟ้า เราจะแบ่งแสงได้ 3 ช่วงคือ รังสีในช่วง ‘อินฟราเรด’ (Infrared radiation) </p>
  5063.                                    </div>
  5064.                                                                            <div class="contentAction">
  5065.                                        <a href="/content/24984/แผ่นเมทัลชีท-สีสด-สวยนาน-ด้วยนวัตกรรมป้องกันรังสียูวี">
  5066.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  5067.                                        </a>
  5068.                                    </div>
  5069.                                    </div>
  5070.                        </div>
  5071.                    </div>
  5072.                            <div class="item col-12 col-md-6 col-lg-3">
  5073.                        <div class="thumbnail border rounded">
  5074.                            <div class="contentImage rounded-top">
  5075.                                <a href="/content/24979/haccp-มาตรฐานแห่งความมั่นใจสำหรับ-พื้นที่ที่ปลอดภัยต่ออาหาร-">
  5076.                                                                                                            <img class="lazy mx-auto"
  5077.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  5078.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/TJvrsbWHN/DefaultData/5_2.jpg"
  5079.                                        alt="HACCP มาตรฐานแห่งความมั่นใจสำหรับ ‘พื้นที่ที่ปลอดภัยต่ออาหาร’ "
  5080.                                        title="HACCP มาตรฐานแห่งความมั่นใจสำหรับ ‘พื้นที่ที่ปลอดภัยต่ออาหาร’ "
  5081.                                    />
  5082.                                </a>
  5083.                            </div>
  5084.                            <div class="contentCaption">
  5085.                                            <div class="contentName">
  5086.                                        <a href="/content/24979/haccp-มาตรฐานแห่งความมั่นใจสำหรับ-พื้นที่ที่ปลอดภัยต่ออาหาร-">
  5087.                                            <h3 class="h3-hover">HACCP มาตรฐานแห่งความมั่นใจสำหรับ ‘พื้นที่ที่ปลอดภัยต่ออาหาร’ </h3>
  5088.                                        </a>
  5089.                                    </div>
  5090.                                                                            <div class="contentDate">
  5091.                                        <p>23 มิ.ย. 2566</p>
  5092.                                    </div>
  5093.                                                                            <div class="contentIntro">
  5094.                                        <p>สุขอนามัยเป็นเรื่องที่เราให้ความใส่ใจกันมากในยุคนี้ โดยเฉพาะอาหารที่เราต้องรับประทานเข้าไปในร่างกาย ต้องสด สะอาด และปลอดภัยตั้งแต่ขั้นตอนการจัดเก็บ รักษา และนำมาปรุง ซึ่งกระบวนการในการจัดการอาหารนั้นล้วนอยู่ในพื้นที่หรือสถานที่</p>
  5095.                                    </div>
  5096.                                                                            <div class="contentAction">
  5097.                                        <a href="/content/24979/haccp-มาตรฐานแห่งความมั่นใจสำหรับ-พื้นที่ที่ปลอดภัยต่ออาหาร-">
  5098.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  5099.                                        </a>
  5100.                                    </div>
  5101.                                    </div>
  5102.                        </div>
  5103.                    </div>
  5104.                </div>
  5105.    </div>
  5106. </div>
  5107.                                    </div>
  5108.                                                                        </div>
  5109.                                                                                                </div>
  5110.                                            </div>
  5111.                <!-- end background div -->
  5112.                
  5113.            <div  style="position: relative; background-color:#ffffff; " >
  5114.                                                    <a id="slidebox-40266" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  5115.                                                                            <div class="container-fluid">
  5116.                                                
  5117.                                                                    <div style="padding-top: 0px; padding-bottom: 0px;">
  5118.                                                                                                                                                <div >
  5119.                                        
  5120. <style type="text/css">
  5121.    .owlSliderBoxAdv {
  5122.        margin: 0px -15px;
  5123.        position: relative;
  5124.    }
  5125.    .owlSliderBoxAdv .loader {
  5126.        transition: all 1s ease 0s;
  5127.        -webkit-transition: all 1s ease 0s;
  5128.        -moz-transition: all 1s ease 0s;
  5129.        -o-transition: all 1s ease 0s;
  5130.        position: absolute;
  5131.        top:0;
  5132.        bottom:0;
  5133.        left: 0;
  5134.        right: 0;
  5135.        width: 50px;
  5136.    }
  5137.    .owlSliderBoxAdv .owl-item {
  5138.        overflow: hidden;
  5139.    }
  5140.    .owl-carousel .owl-item img {
  5141.        max-width: calc(100% + 1px) !important;
  5142.        width: auto;
  5143.        margin: 0 auto;
  5144.    }
  5145.    .owlSliderBoxAdv .clickable{
  5146.        cursor: pointer;
  5147.    }
  5148.  
  5149.    .owlSliderBoxAdv .owl-dots {
  5150.        bottom: 10px;
  5151.        left: 0;
  5152.        position: absolute;
  5153.        right: 0;
  5154.    }
  5155.    
  5156.    .owl-theme .owl-nav {
  5157.        margin-top: 0px;
  5158.    }
  5159.    .owlSliderBoxAdv .owl-nav [class*='owl-'] {
  5160.        background: transparent none repeat scroll 0 0;
  5161.        height: 45px;
  5162.        width: 45px;
  5163.        margin: 0;
  5164.        padding: 0;
  5165.        transform: translate3d(0, -50%, 0);
  5166.        -webkit-transform: translate3d(0, -50%, 0);
  5167.        -moz-transform: translate3d(0, -50%, 0);
  5168.        -ms-transform: translate3d(0, -50%, 0);
  5169.        opacity: 1;
  5170.        position: absolute;
  5171.        top: 50%;
  5172.        z-index: 2;
  5173.        /* line-height: 88px; */
  5174.        text-align: left;
  5175.        border-radius: 0px;
  5176.    }
  5177.    @media (max-width: 767px) {
  5178.        .owlSliderBoxAdv .owl-nav [class*='owl-'] {
  5179.            display:none;
  5180.        }
  5181.    }
  5182.    /* .owl-theme .owl-nav [class*='owl-']:hover {
  5183.        background: inherit;
  5184.    } */
  5185.    .Mweslide_40266.owlSliderBoxAdv .owl-nav .fa-angle-left,
  5186.    .Mweslide_40266.owlSliderBoxAdv .owl-nav .fa-angle-right {
  5187.        color: #ffffff;
  5188.    }
  5189.    .Mweslide_40266.owlSliderBoxAdv .owl-nav .owl-prev {
  5190.        left: 0;
  5191.        text-indent: 10px;
  5192.            }
  5193.    .Mweslide_40266.owlSliderBoxAdv .owl-nav .owl-next {
  5194.        right: 0;
  5195.        text-indent: 20px;
  5196.            }
  5197.    .Mweslide_40266.owlSliderBoxAdv .owl-nav .owl-prev:hover {
  5198.            }
  5199.    .Mweslide_40266.owlSliderBoxAdv .owl-nav .owl-next:hover {
  5200.            }
  5201.    .Mweslide_40266.owlSliderBoxAdv .owl-nav{
  5202.        color: #ffffff;
  5203.        font-size: 45px;
  5204.        vertical-align: middle;
  5205.    }
  5206.  
  5207.  
  5208.    .Mweslide_40266.owlSliderBoxAdv .owl-lazy {
  5209.        height: 300px;
  5210.        background-repeat: no-repeat;
  5211.        position: relative;
  5212.    }
  5213.    @media (max-width: 768px) {
  5214.        .Mweslide_40266.owlSliderBoxAdv .owl-lazy {
  5215.            height: 300px;
  5216.            background-repeat: no-repeat;
  5217.            position: relative;
  5218.        }
  5219.    }
  5220.  
  5221.    .owlSliderBoxAdv .item .contentPOS {
  5222.        position: absolute;
  5223.        transition: all 450ms ease 0s;
  5224.        -webkit-transition: all 450ms ease 0s;
  5225.        -moz-transition: all 450ms ease 0s;
  5226.        -o-transition: all 450ms ease 0s;
  5227.        padding: 0px;
  5228.        display: inline-table;
  5229.    }
  5230.  
  5231.    .owlSliderBoxAdv .item .contentEffect {
  5232.        line-height: 1.42857143;
  5233.        vertical-align: middle;
  5234.        display: inline-block;
  5235.        overflow-wrap: break-word;
  5236.        width: max-content;
  5237.        font-size: 16px;
  5238.    }
  5239.    .owlSliderBoxAdv .item .contentEffect h2,
  5240.    .owlSliderBoxAdv .item .contentEffect h3,
  5241.    .owlSliderBoxAdv .item .contentEffect p,
  5242.    .owlSliderBoxAdv .item .contentEffect a {
  5243.        font-family: inherit;
  5244.        font-size: inherit;
  5245.        color: inherit;
  5246.    }
  5247.    .owlSliderBoxAdv .item .contentEffect p {
  5248.        margin: 0 0 10px;
  5249.    }
  5250.    .owlSliderBoxAdv .item .contentEffect p:last-child {
  5251.        margin-bottom: 0px;
  5252.    }
  5253.  
  5254.                    .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw {
  5255.            top: 0;
  5256.            left: 0;
  5257.            transform: translate3d(0, 0, 0);
  5258.            -webkit-transform: translate3d(0, 0, 0);
  5259.            -moz-transform: translate3d(0, 0, 0);
  5260.            -ms-transform: translate3d(0, 0, 0);
  5261.            margin-top: 0px;
  5262.            margin-left: 0px;
  5263.            margin-right: 0;
  5264.            margin-bottom: 0;
  5265.        }
  5266.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn {
  5267.            top: 0;
  5268.            left: 50%;
  5269.            transform: translate3d(-50%, 0, 0);
  5270.            -webkit-transform: translate3d(-50%, 0, 0);
  5271.            -moz-transform: translate3d(-50%, 0, 0);
  5272.            -ms-transform: translate3d(-50%, 0, 0);
  5273.            margin-top: 0px;
  5274.            margin-left: 0;
  5275.            margin-right: 0;
  5276.            margin-bottom: 0;
  5277.        }
  5278.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne {
  5279.            top: 0;
  5280.            right: 0;
  5281.            transform: translate3d(0, 0, 0);
  5282.            -webkit-transform: translate3d(0, 0, 0);
  5283.            -moz-transform: translate3d(0, 0, 0);
  5284.            -ms-transform: translate3d(0, 0, 0);
  5285.            margin-top: 0px;
  5286.            margin-right: 0px;
  5287.            margin-left: 0;
  5288.            margin-bottom: 0;
  5289.        }
  5290.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe {
  5291.            top: 50%;
  5292.            right: 0;
  5293.            transform: translate3d(0, -50%, 0);
  5294.            -webkit-transform: translate3d(0, -50%, 0);
  5295.            -moz-transform: translate3d(0, -50%, 0);
  5296.            -ms-transform: translate3d(0, -50%, 0);
  5297.            margin-top: 0;
  5298.            margin-right: 0px;
  5299.            margin-left: 0;
  5300.            margin-bottom: 0;
  5301.        }
  5302.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse {
  5303.            bottom: 0;
  5304.            right: 0;
  5305.            transform: translate3d(0, 0, 0);
  5306.            -webkit-transform: translate3d(0, 0, 0);
  5307.            -moz-transform: translate3d(0, 0, 0);
  5308.            -ms-transform: translate3d(0, 0, 0);
  5309.            margin-top: 0;
  5310.            margin-right: 0px;
  5311.            margin-left: 0;
  5312.            margin-bottom: 0px;
  5313.        }
  5314.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs {
  5315.            bottom: 0;
  5316.            left: 50%;
  5317.            transform: translate3d(-50%, 0, 0);
  5318.            -webkit-transform: translate3d(-50%, 0, 0);
  5319.            -moz-transform: translate3d(-50%, 0, 0);
  5320.            -ms-transform: translate3d(-50%, 0, 0);
  5321.            margin-top: 0;
  5322.            margin-right: 0;
  5323.            margin-left: 0;
  5324.            margin-bottom: 0px;
  5325.        }
  5326.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw {
  5327.            bottom: 0;
  5328.            left: 0;
  5329.            transform: translate3d(0, 0, 0);
  5330.            -webkit-transform: translate3d(0, 0, 0);
  5331.            -moz-transform: translate3d(0, 0, 0);
  5332.            -ms-transform: translate3d(0, 0, 0);
  5333.            margin-top: 0;
  5334.            margin-right: 0;
  5335.            margin-left: 0px;
  5336.            margin-bottom: 0px;
  5337.        }
  5338.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw {
  5339.            top: 50%;
  5340.            left: 0;
  5341.            transform: translate3d(0, -50%, 0);
  5342.            -webkit-transform: translate3d(0, -50%, 0);
  5343.            -moz-transform: translate3d(0, -50%, 0);
  5344.            -ms-transform: translate3d(0, -50%, 0);
  5345.            margin-top: 0;
  5346.            margin-right: 0;
  5347.            margin-left: 0px;
  5348.            margin-bottom: 0;
  5349.        }
  5350.        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc {
  5351.            top: 50%;
  5352.            left: 50%;
  5353.            transform: translate3d(-50%, -50%, 0);
  5354.            -webkit-transform: translate3d(-50%, -50%, 0);
  5355.            -moz-transform: translate3d(-50%, -50%, 0);
  5356.            -ms-transform: translate3d(-50%, -50%, 0);
  5357.            margin-top: 0;
  5358.            margin-right: 0;
  5359.            margin-left: 0;
  5360.            margin-bottom: 0;
  5361.        }
  5362.        @media (max-width: 768px) {
  5363.                        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw_mobile {
  5364.                top: 0;
  5365.                left: 0;
  5366.                right: auto;
  5367.                bottom: auto;
  5368.                transform: translate3d(0, 0, 0);
  5369.                -webkit-transform: translate3d(0, 0, 0);
  5370.                -moz-transform: translate3d(0, 0, 0);
  5371.                -ms-transform: translate3d(0, 0, 0);
  5372.                margin-top: 0px;
  5373.                margin-left: 0px;
  5374.                margin-right: 0;
  5375.                margin-bottom: 0;
  5376.            }
  5377.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn_mobile {
  5378.                top: 0;
  5379.                left: 50%;
  5380.                right: auto;
  5381.                bottom: auto;
  5382.                transform: translate3d(-50%, 0, 0);
  5383.                -webkit-transform: translate3d(-50%, 0, 0);
  5384.                -moz-transform: translate3d(-50%, 0, 0);
  5385.                -ms-transform: translate3d(-50%, 0, 0);
  5386.                margin-top: 0px;
  5387.                margin-left: 0;
  5388.                margin-right: 0;
  5389.                margin-bottom: 0;
  5390.            }
  5391.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne_mobile {
  5392.                top: 0;
  5393.                right: 0;
  5394.                left: auto;
  5395.                bottom: auto;
  5396.                transform: translate3d(0, 0, 0);
  5397.                -webkit-transform: translate3d(0, 0, 0);
  5398.                -moz-transform: translate3d(0, 0, 0);
  5399.                -ms-transform: translate3d(0, 0, 0);
  5400.                margin-top: 0px;
  5401.                margin-right: 0px;
  5402.                margin-left: 0;
  5403.                margin-bottom: 0;
  5404.            }
  5405.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe_mobile {
  5406.                top: 50%;
  5407.                right: 0;
  5408.                left: auto;
  5409.                bottom: auto;
  5410.                transform: translate3d(0, -50%, 0);
  5411.                -webkit-transform: translate3d(0, -50%, 0);
  5412.                -moz-transform: translate3d(0, -50%, 0);
  5413.                -ms-transform: translate3d(0, -50%, 0);
  5414.                margin-top: 0;
  5415.                margin-right: 0px;
  5416.                margin-left: 0;
  5417.                margin-bottom: 0;
  5418.            }
  5419.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse_mobile {
  5420.                bottom: 0;
  5421.                right: 0;
  5422.                left: auto;
  5423.                top: auto;
  5424.                transform: translate3d(0, 0, 0);
  5425.                -webkit-transform: translate3d(0, 0, 0);
  5426.                -moz-transform: translate3d(0, 0, 0);
  5427.                -ms-transform: translate3d(0, 0, 0);
  5428.                margin-top: 0;
  5429.                margin-right: 0px;
  5430.                margin-left: 0;
  5431.                margin-bottom: 0px;
  5432.            }
  5433.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs_mobile {
  5434.                bottom: 0;
  5435.                left: 50%;
  5436.                right: auto;
  5437.                top: auto;
  5438.                transform: translate3d(-50%, 0, 0);
  5439.                -webkit-transform: translate3d(-50%, 0, 0);
  5440.                -moz-transform: translate3d(-50%, 0, 0);
  5441.                -ms-transform: translate3d(-50%, 0, 0);
  5442.                margin-top: 0;
  5443.                margin-right: 0;
  5444.                margin-left: 0;
  5445.                margin-bottom: 0px;
  5446.            }
  5447.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw_mobile {
  5448.                bottom: 0;
  5449.                left: 0;
  5450.                right: auto;
  5451.                top: auto;
  5452.                transform: translate3d(0, 0, 0);
  5453.                -webkit-transform: translate3d(0, 0, 0);
  5454.                -moz-transform: translate3d(0, 0, 0);
  5455.                -ms-transform: translate3d(0, 0, 0);
  5456.                margin-top: 0;
  5457.                margin-right: 0;
  5458.                margin-left: 0px;
  5459.                margin-bottom: 0px;
  5460.            }
  5461.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw_mobile {
  5462.                top: 50%;
  5463.                left: 0;
  5464.                right: auto;
  5465.                bottom: auto;
  5466.                transform: translate3d(0, -50%, 0);
  5467.                -webkit-transform: translate3d(0, -50%, 0);
  5468.                -moz-transform: translate3d(0, -50%, 0);
  5469.                -ms-transform: translate3d(0, -50%, 0);
  5470.                margin-top: 0;
  5471.                margin-right: 0;
  5472.                margin-left: 0px;
  5473.                margin-bottom: 0;
  5474.            }
  5475.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc_mobile {
  5476.                top: 50%;
  5477.                left: 50%;
  5478.                right: auto;
  5479.                bottom: auto;
  5480.                transform: translate3d(-50%, -50%, 0);
  5481.                -webkit-transform: translate3d(-50%, -50%, 0);
  5482.                -moz-transform: translate3d(-50%, -50%, 0);
  5483.                -ms-transform: translate3d(-50%, -50%, 0);
  5484.                margin-top: 0;
  5485.                margin-right: 0;
  5486.                margin-left: 0;
  5487.                margin-bottom: 0;
  5488.            }
  5489.        }
  5490.  
  5491.  
  5492.        .Mweslide_40266.owlSliderBoxAdv .item0 .owl-lazy {
  5493.            background-size: cover;
  5494.            background-position: center center;
  5495.        }
  5496.        @media (max-width: 768px) {
  5497.            .Mweslide_40266.owlSliderBoxAdv .item0 .owl-lazy {
  5498.                background-size: cover;
  5499.                background-position: center center;
  5500.            }
  5501.        }
  5502.  
  5503.  
  5504.                    .Mweslide_40266.owlSliderBoxAdv .item0 .contentBG {
  5505.                background-color: 'transparent';
  5506.            }
  5507.                @media (max-width: 768px) {
  5508.                            .Mweslide_40266.owlSliderBoxAdv .item0 .contentBG {
  5509.                    background-color: 'transparent';
  5510.                }
  5511.                    }
  5512.  
  5513.  
  5514.                .Mweslide_40266.owlSliderBoxAdv .item0 .contentPadding {
  5515.            padding-top: 15px;
  5516.            padding-right: 15px;
  5517.            padding-bottom: 15px;
  5518.            padding-left: 15px;
  5519.        }
  5520.        @media (max-width: 768px) {
  5521.                        .Mweslide_40266.owlSliderBoxAdv .item0 .contentPadding {
  5522.                padding-top: 15px;
  5523.                padding-right: 15px;
  5524.                padding-bottom: 15px;
  5525.                padding-left: 15px;
  5526.            }
  5527.        }
  5528.  
  5529.  
  5530.        /* Mobile Scale */
  5531.                                @media (max-width: 768px) {
  5532.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="8"] {
  5533.                    font-size: 8px !important;
  5534.                }
  5535.            }
  5536.                                @media (max-width: 768px) {
  5537.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="9"] {
  5538.                    font-size: 9px !important;
  5539.                }
  5540.            }
  5541.                                @media (max-width: 768px) {
  5542.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="10"] {
  5543.                    font-size: 10px !important;
  5544.                }
  5545.            }
  5546.                                @media (max-width: 768px) {
  5547.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="11"] {
  5548.                    font-size: 11px !important;
  5549.                }
  5550.            }
  5551.                                @media (max-width: 768px) {
  5552.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="12"] {
  5553.                    font-size: 12px !important;
  5554.                }
  5555.            }
  5556.                                @media (max-width: 768px) {
  5557.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="13"] {
  5558.                    font-size: 13px !important;
  5559.                }
  5560.            }
  5561.                                @media (max-width: 768px) {
  5562.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="14"] {
  5563.                    font-size: 14px !important;
  5564.                }
  5565.            }
  5566.                                @media (max-width: 768px) {
  5567.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="15"] {
  5568.                    font-size: 15px !important;
  5569.                }
  5570.            }
  5571.                                @media (max-width: 768px) {
  5572.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="16"] {
  5573.                    font-size: 16px !important;
  5574.                }
  5575.            }
  5576.                                @media (max-width: 768px) {
  5577.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="17"] {
  5578.                    font-size: 17px !important;
  5579.                }
  5580.            }
  5581.                                @media (max-width: 768px) {
  5582.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="18"] {
  5583.                    font-size: 18px !important;
  5584.                }
  5585.            }
  5586.                                @media (max-width: 768px) {
  5587.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="19"] {
  5588.                    font-size: 19px !important;
  5589.                }
  5590.            }
  5591.                                @media (max-width: 768px) {
  5592.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="20"] {
  5593.                    font-size: 20px !important;
  5594.                }
  5595.            }
  5596.                                @media (max-width: 768px) {
  5597.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="22"] {
  5598.                    font-size: 22px !important;
  5599.                }
  5600.            }
  5601.                                @media (max-width: 768px) {
  5602.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="24"] {
  5603.                    font-size: 24px !important;
  5604.                }
  5605.            }
  5606.                                @media (max-width: 768px) {
  5607.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="26"] {
  5608.                    font-size: 26px !important;
  5609.                }
  5610.            }
  5611.                                @media (max-width: 768px) {
  5612.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="28"] {
  5613.                    font-size: 28px !important;
  5614.                }
  5615.            }
  5616.                                @media (max-width: 768px) {
  5617.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="30"] {
  5618.                    font-size: 30px !important;
  5619.                }
  5620.            }
  5621.                                @media (max-width: 768px) {
  5622.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="32"] {
  5623.                    font-size: 32px !important;
  5624.                }
  5625.            }
  5626.                                @media (max-width: 768px) {
  5627.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="34"] {
  5628.                    font-size: 34px !important;
  5629.                }
  5630.            }
  5631.                                @media (max-width: 768px) {
  5632.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="36"] {
  5633.                    font-size: 36px !important;
  5634.                }
  5635.            }
  5636.                                @media (max-width: 768px) {
  5637.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="40"] {
  5638.                    font-size: 40px !important;
  5639.                }
  5640.            }
  5641.                                @media (max-width: 768px) {
  5642.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="44"] {
  5643.                    font-size: 44px !important;
  5644.                }
  5645.            }
  5646.                                @media (max-width: 768px) {
  5647.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="48"] {
  5648.                    font-size: 48px !important;
  5649.                }
  5650.            }
  5651.                                @media (max-width: 768px) {
  5652.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="52"] {
  5653.                    font-size: 52px !important;
  5654.                }
  5655.            }
  5656.                                @media (max-width: 768px) {
  5657.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="56"] {
  5658.                    font-size: 56px !important;
  5659.                }
  5660.            }
  5661.                                @media (max-width: 768px) {
  5662.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="60"] {
  5663.                    font-size: 60px !important;
  5664.                }
  5665.            }
  5666.                                @media (max-width: 768px) {
  5667.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="66"] {
  5668.                    font-size: 66px !important;
  5669.                }
  5670.            }
  5671.                                @media (max-width: 768px) {
  5672.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="72"] {
  5673.                    font-size: 72px !important;
  5674.                }
  5675.            }
  5676.                                @media (max-width: 768px) {
  5677.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="80"] {
  5678.                    font-size: 80px !important;
  5679.                }
  5680.            }
  5681.                                @media (max-width: 768px) {
  5682.                .Mweslide_40266.owlSliderBoxAdv .item0 [data-font-size="100"] {
  5683.                    font-size: 100px !important;
  5684.                }
  5685.            }
  5686.                @media (max-width: 768px) {
  5687.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentEffect p {
  5688.                margin-bottom: 10px !important;
  5689.            }
  5690.            .Mweslide_40266.owlSliderBoxAdv .item0 .contentEffect img {
  5691.                transform: scale(1);
  5692.                -webkit-transform: scale(1);
  5693.                -moz-transform: scale(1);
  5694.                -ms-transform: scale(1);
  5695.            }
  5696.        }
  5697.  
  5698.                                @media (max-width: 768px) {
  5699.                            }
  5700.                                @media (max-width: 768px) {
  5701.                            }
  5702.                                @media (max-width: 768px) {
  5703.                            }
  5704.                                @media (max-width: 768px) {
  5705.                            }
  5706.                                @media (max-width: 768px) {
  5707.                            }
  5708.                            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw {
  5709.            top: 0;
  5710.            left: 0;
  5711.            transform: translate3d(0, 0, 0);
  5712.            -webkit-transform: translate3d(0, 0, 0);
  5713.            -moz-transform: translate3d(0, 0, 0);
  5714.            -ms-transform: translate3d(0, 0, 0);
  5715.            margin-top: 0px;
  5716.            margin-left: 0px;
  5717.            margin-right: 0;
  5718.            margin-bottom: 0;
  5719.        }
  5720.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn {
  5721.            top: 0;
  5722.            left: 50%;
  5723.            transform: translate3d(-50%, 0, 0);
  5724.            -webkit-transform: translate3d(-50%, 0, 0);
  5725.            -moz-transform: translate3d(-50%, 0, 0);
  5726.            -ms-transform: translate3d(-50%, 0, 0);
  5727.            margin-top: 0px;
  5728.            margin-left: 0;
  5729.            margin-right: 0;
  5730.            margin-bottom: 0;
  5731.        }
  5732.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne {
  5733.            top: 0;
  5734.            right: 0;
  5735.            transform: translate3d(0, 0, 0);
  5736.            -webkit-transform: translate3d(0, 0, 0);
  5737.            -moz-transform: translate3d(0, 0, 0);
  5738.            -ms-transform: translate3d(0, 0, 0);
  5739.            margin-top: 0px;
  5740.            margin-right: 0px;
  5741.            margin-left: 0;
  5742.            margin-bottom: 0;
  5743.        }
  5744.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe {
  5745.            top: 50%;
  5746.            right: 0;
  5747.            transform: translate3d(0, -50%, 0);
  5748.            -webkit-transform: translate3d(0, -50%, 0);
  5749.            -moz-transform: translate3d(0, -50%, 0);
  5750.            -ms-transform: translate3d(0, -50%, 0);
  5751.            margin-top: 0;
  5752.            margin-right: 0px;
  5753.            margin-left: 0;
  5754.            margin-bottom: 0;
  5755.        }
  5756.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse {
  5757.            bottom: 0;
  5758.            right: 0;
  5759.            transform: translate3d(0, 0, 0);
  5760.            -webkit-transform: translate3d(0, 0, 0);
  5761.            -moz-transform: translate3d(0, 0, 0);
  5762.            -ms-transform: translate3d(0, 0, 0);
  5763.            margin-top: 0;
  5764.            margin-right: 0px;
  5765.            margin-left: 0;
  5766.            margin-bottom: 0px;
  5767.        }
  5768.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs {
  5769.            bottom: 0;
  5770.            left: 50%;
  5771.            transform: translate3d(-50%, 0, 0);
  5772.            -webkit-transform: translate3d(-50%, 0, 0);
  5773.            -moz-transform: translate3d(-50%, 0, 0);
  5774.            -ms-transform: translate3d(-50%, 0, 0);
  5775.            margin-top: 0;
  5776.            margin-right: 0;
  5777.            margin-left: 0;
  5778.            margin-bottom: 0px;
  5779.        }
  5780.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw {
  5781.            bottom: 0;
  5782.            left: 0;
  5783.            transform: translate3d(0, 0, 0);
  5784.            -webkit-transform: translate3d(0, 0, 0);
  5785.            -moz-transform: translate3d(0, 0, 0);
  5786.            -ms-transform: translate3d(0, 0, 0);
  5787.            margin-top: 0;
  5788.            margin-right: 0;
  5789.            margin-left: 0px;
  5790.            margin-bottom: 0px;
  5791.        }
  5792.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw {
  5793.            top: 50%;
  5794.            left: 0;
  5795.            transform: translate3d(0, -50%, 0);
  5796.            -webkit-transform: translate3d(0, -50%, 0);
  5797.            -moz-transform: translate3d(0, -50%, 0);
  5798.            -ms-transform: translate3d(0, -50%, 0);
  5799.            margin-top: 0;
  5800.            margin-right: 0;
  5801.            margin-left: 0px;
  5802.            margin-bottom: 0;
  5803.        }
  5804.        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc {
  5805.            top: 50%;
  5806.            left: 50%;
  5807.            transform: translate3d(-50%, -50%, 0);
  5808.            -webkit-transform: translate3d(-50%, -50%, 0);
  5809.            -moz-transform: translate3d(-50%, -50%, 0);
  5810.            -ms-transform: translate3d(-50%, -50%, 0);
  5811.            margin-top: 0;
  5812.            margin-right: 0;
  5813.            margin-left: 0;
  5814.            margin-bottom: 0;
  5815.        }
  5816.        @media (max-width: 768px) {
  5817.                        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw_mobile {
  5818.                top: 0;
  5819.                left: 0;
  5820.                right: auto;
  5821.                bottom: auto;
  5822.                transform: translate3d(0, 0, 0);
  5823.                -webkit-transform: translate3d(0, 0, 0);
  5824.                -moz-transform: translate3d(0, 0, 0);
  5825.                -ms-transform: translate3d(0, 0, 0);
  5826.                margin-top: 0px;
  5827.                margin-left: 0px;
  5828.                margin-right: 0;
  5829.                margin-bottom: 0;
  5830.            }
  5831.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn_mobile {
  5832.                top: 0;
  5833.                left: 50%;
  5834.                right: auto;
  5835.                bottom: auto;
  5836.                transform: translate3d(-50%, 0, 0);
  5837.                -webkit-transform: translate3d(-50%, 0, 0);
  5838.                -moz-transform: translate3d(-50%, 0, 0);
  5839.                -ms-transform: translate3d(-50%, 0, 0);
  5840.                margin-top: 0px;
  5841.                margin-left: 0;
  5842.                margin-right: 0;
  5843.                margin-bottom: 0;
  5844.            }
  5845.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne_mobile {
  5846.                top: 0;
  5847.                right: 0;
  5848.                left: auto;
  5849.                bottom: auto;
  5850.                transform: translate3d(0, 0, 0);
  5851.                -webkit-transform: translate3d(0, 0, 0);
  5852.                -moz-transform: translate3d(0, 0, 0);
  5853.                -ms-transform: translate3d(0, 0, 0);
  5854.                margin-top: 0px;
  5855.                margin-right: 0px;
  5856.                margin-left: 0;
  5857.                margin-bottom: 0;
  5858.            }
  5859.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe_mobile {
  5860.                top: 50%;
  5861.                right: 0;
  5862.                left: auto;
  5863.                bottom: auto;
  5864.                transform: translate3d(0, -50%, 0);
  5865.                -webkit-transform: translate3d(0, -50%, 0);
  5866.                -moz-transform: translate3d(0, -50%, 0);
  5867.                -ms-transform: translate3d(0, -50%, 0);
  5868.                margin-top: 0;
  5869.                margin-right: 0px;
  5870.                margin-left: 0;
  5871.                margin-bottom: 0;
  5872.            }
  5873.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse_mobile {
  5874.                bottom: 0;
  5875.                right: 0;
  5876.                left: auto;
  5877.                top: auto;
  5878.                transform: translate3d(0, 0, 0);
  5879.                -webkit-transform: translate3d(0, 0, 0);
  5880.                -moz-transform: translate3d(0, 0, 0);
  5881.                -ms-transform: translate3d(0, 0, 0);
  5882.                margin-top: 0;
  5883.                margin-right: 0px;
  5884.                margin-left: 0;
  5885.                margin-bottom: 0px;
  5886.            }
  5887.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs_mobile {
  5888.                bottom: 0;
  5889.                left: 50%;
  5890.                right: auto;
  5891.                top: auto;
  5892.                transform: translate3d(-50%, 0, 0);
  5893.                -webkit-transform: translate3d(-50%, 0, 0);
  5894.                -moz-transform: translate3d(-50%, 0, 0);
  5895.                -ms-transform: translate3d(-50%, 0, 0);
  5896.                margin-top: 0;
  5897.                margin-right: 0;
  5898.                margin-left: 0;
  5899.                margin-bottom: 0px;
  5900.            }
  5901.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw_mobile {
  5902.                bottom: 0;
  5903.                left: 0;
  5904.                right: auto;
  5905.                top: auto;
  5906.                transform: translate3d(0, 0, 0);
  5907.                -webkit-transform: translate3d(0, 0, 0);
  5908.                -moz-transform: translate3d(0, 0, 0);
  5909.                -ms-transform: translate3d(0, 0, 0);
  5910.                margin-top: 0;
  5911.                margin-right: 0;
  5912.                margin-left: 0px;
  5913.                margin-bottom: 0px;
  5914.            }
  5915.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw_mobile {
  5916.                top: 50%;
  5917.                left: 0;
  5918.                right: auto;
  5919.                bottom: auto;
  5920.                transform: translate3d(0, -50%, 0);
  5921.                -webkit-transform: translate3d(0, -50%, 0);
  5922.                -moz-transform: translate3d(0, -50%, 0);
  5923.                -ms-transform: translate3d(0, -50%, 0);
  5924.                margin-top: 0;
  5925.                margin-right: 0;
  5926.                margin-left: 0px;
  5927.                margin-bottom: 0;
  5928.            }
  5929.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc_mobile {
  5930.                top: 50%;
  5931.                left: 50%;
  5932.                right: auto;
  5933.                bottom: auto;
  5934.                transform: translate3d(-50%, -50%, 0);
  5935.                -webkit-transform: translate3d(-50%, -50%, 0);
  5936.                -moz-transform: translate3d(-50%, -50%, 0);
  5937.                -ms-transform: translate3d(-50%, -50%, 0);
  5938.                margin-top: 0;
  5939.                margin-right: 0;
  5940.                margin-left: 0;
  5941.                margin-bottom: 0;
  5942.            }
  5943.        }
  5944.  
  5945.  
  5946.        .Mweslide_40266.owlSliderBoxAdv .item1 .owl-lazy {
  5947.            background-size: cover;
  5948.            background-position: center center;
  5949.        }
  5950.        @media (max-width: 768px) {
  5951.            .Mweslide_40266.owlSliderBoxAdv .item1 .owl-lazy {
  5952.                background-size: cover;
  5953.                background-position: center center;
  5954.            }
  5955.        }
  5956.  
  5957.  
  5958.                    .Mweslide_40266.owlSliderBoxAdv .item1 .contentBG {
  5959.                background-color: 'transparent';
  5960.            }
  5961.                @media (max-width: 768px) {
  5962.                            .Mweslide_40266.owlSliderBoxAdv .item1 .contentBG {
  5963.                    background-color: 'transparent';
  5964.                }
  5965.                    }
  5966.  
  5967.  
  5968.                .Mweslide_40266.owlSliderBoxAdv .item1 .contentPadding {
  5969.            padding-top: 15px;
  5970.            padding-right: 15px;
  5971.            padding-bottom: 15px;
  5972.            padding-left: 15px;
  5973.        }
  5974.        @media (max-width: 768px) {
  5975.                        .Mweslide_40266.owlSliderBoxAdv .item1 .contentPadding {
  5976.                padding-top: 15px;
  5977.                padding-right: 15px;
  5978.                padding-bottom: 15px;
  5979.                padding-left: 15px;
  5980.            }
  5981.        }
  5982.  
  5983.  
  5984.        /* Mobile Scale */
  5985.                                @media (max-width: 768px) {
  5986.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="8"] {
  5987.                    font-size: 8px !important;
  5988.                }
  5989.            }
  5990.                                @media (max-width: 768px) {
  5991.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="9"] {
  5992.                    font-size: 9px !important;
  5993.                }
  5994.            }
  5995.                                @media (max-width: 768px) {
  5996.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="10"] {
  5997.                    font-size: 10px !important;
  5998.                }
  5999.            }
  6000.                                @media (max-width: 768px) {
  6001.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="11"] {
  6002.                    font-size: 11px !important;
  6003.                }
  6004.            }
  6005.                                @media (max-width: 768px) {
  6006.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="12"] {
  6007.                    font-size: 12px !important;
  6008.                }
  6009.            }
  6010.                                @media (max-width: 768px) {
  6011.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="13"] {
  6012.                    font-size: 13px !important;
  6013.                }
  6014.            }
  6015.                                @media (max-width: 768px) {
  6016.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="14"] {
  6017.                    font-size: 14px !important;
  6018.                }
  6019.            }
  6020.                                @media (max-width: 768px) {
  6021.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="15"] {
  6022.                    font-size: 15px !important;
  6023.                }
  6024.            }
  6025.                                @media (max-width: 768px) {
  6026.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="16"] {
  6027.                    font-size: 16px !important;
  6028.                }
  6029.            }
  6030.                                @media (max-width: 768px) {
  6031.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="17"] {
  6032.                    font-size: 17px !important;
  6033.                }
  6034.            }
  6035.                                @media (max-width: 768px) {
  6036.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="18"] {
  6037.                    font-size: 18px !important;
  6038.                }
  6039.            }
  6040.                                @media (max-width: 768px) {
  6041.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="19"] {
  6042.                    font-size: 19px !important;
  6043.                }
  6044.            }
  6045.                                @media (max-width: 768px) {
  6046.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="20"] {
  6047.                    font-size: 20px !important;
  6048.                }
  6049.            }
  6050.                                @media (max-width: 768px) {
  6051.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="22"] {
  6052.                    font-size: 22px !important;
  6053.                }
  6054.            }
  6055.                                @media (max-width: 768px) {
  6056.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="24"] {
  6057.                    font-size: 24px !important;
  6058.                }
  6059.            }
  6060.                                @media (max-width: 768px) {
  6061.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="26"] {
  6062.                    font-size: 26px !important;
  6063.                }
  6064.            }
  6065.                                @media (max-width: 768px) {
  6066.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="28"] {
  6067.                    font-size: 28px !important;
  6068.                }
  6069.            }
  6070.                                @media (max-width: 768px) {
  6071.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="30"] {
  6072.                    font-size: 30px !important;
  6073.                }
  6074.            }
  6075.                                @media (max-width: 768px) {
  6076.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="32"] {
  6077.                    font-size: 32px !important;
  6078.                }
  6079.            }
  6080.                                @media (max-width: 768px) {
  6081.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="34"] {
  6082.                    font-size: 34px !important;
  6083.                }
  6084.            }
  6085.                                @media (max-width: 768px) {
  6086.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="36"] {
  6087.                    font-size: 36px !important;
  6088.                }
  6089.            }
  6090.                                @media (max-width: 768px) {
  6091.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="40"] {
  6092.                    font-size: 40px !important;
  6093.                }
  6094.            }
  6095.                                @media (max-width: 768px) {
  6096.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="44"] {
  6097.                    font-size: 44px !important;
  6098.                }
  6099.            }
  6100.                                @media (max-width: 768px) {
  6101.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="48"] {
  6102.                    font-size: 48px !important;
  6103.                }
  6104.            }
  6105.                                @media (max-width: 768px) {
  6106.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="52"] {
  6107.                    font-size: 52px !important;
  6108.                }
  6109.            }
  6110.                                @media (max-width: 768px) {
  6111.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="56"] {
  6112.                    font-size: 56px !important;
  6113.                }
  6114.            }
  6115.                                @media (max-width: 768px) {
  6116.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="60"] {
  6117.                    font-size: 60px !important;
  6118.                }
  6119.            }
  6120.                                @media (max-width: 768px) {
  6121.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="66"] {
  6122.                    font-size: 66px !important;
  6123.                }
  6124.            }
  6125.                                @media (max-width: 768px) {
  6126.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="72"] {
  6127.                    font-size: 72px !important;
  6128.                }
  6129.            }
  6130.                                @media (max-width: 768px) {
  6131.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="80"] {
  6132.                    font-size: 80px !important;
  6133.                }
  6134.            }
  6135.                                @media (max-width: 768px) {
  6136.                .Mweslide_40266.owlSliderBoxAdv .item1 [data-font-size="100"] {
  6137.                    font-size: 100px !important;
  6138.                }
  6139.            }
  6140.                @media (max-width: 768px) {
  6141.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentEffect p {
  6142.                margin-bottom: 10px !important;
  6143.            }
  6144.            .Mweslide_40266.owlSliderBoxAdv .item1 .contentEffect img {
  6145.                transform: scale(1);
  6146.                -webkit-transform: scale(1);
  6147.                -moz-transform: scale(1);
  6148.                -ms-transform: scale(1);
  6149.            }
  6150.        }
  6151.  
  6152.                                @media (max-width: 768px) {
  6153.                            }
  6154.                                @media (max-width: 768px) {
  6155.                            }
  6156.                                @media (max-width: 768px) {
  6157.                            }
  6158.                                @media (max-width: 768px) {
  6159.                            }
  6160.                                @media (max-width: 768px) {
  6161.                            }
  6162.                            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw {
  6163.            top: 0;
  6164.            left: 0;
  6165.            transform: translate3d(0, 0, 0);
  6166.            -webkit-transform: translate3d(0, 0, 0);
  6167.            -moz-transform: translate3d(0, 0, 0);
  6168.            -ms-transform: translate3d(0, 0, 0);
  6169.            margin-top: 0px;
  6170.            margin-left: 0px;
  6171.            margin-right: 0;
  6172.            margin-bottom: 0;
  6173.        }
  6174.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn {
  6175.            top: 0;
  6176.            left: 50%;
  6177.            transform: translate3d(-50%, 0, 0);
  6178.            -webkit-transform: translate3d(-50%, 0, 0);
  6179.            -moz-transform: translate3d(-50%, 0, 0);
  6180.            -ms-transform: translate3d(-50%, 0, 0);
  6181.            margin-top: 0px;
  6182.            margin-left: 0;
  6183.            margin-right: 0;
  6184.            margin-bottom: 0;
  6185.        }
  6186.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne {
  6187.            top: 0;
  6188.            right: 0;
  6189.            transform: translate3d(0, 0, 0);
  6190.            -webkit-transform: translate3d(0, 0, 0);
  6191.            -moz-transform: translate3d(0, 0, 0);
  6192.            -ms-transform: translate3d(0, 0, 0);
  6193.            margin-top: 0px;
  6194.            margin-right: 0px;
  6195.            margin-left: 0;
  6196.            margin-bottom: 0;
  6197.        }
  6198.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe {
  6199.            top: 50%;
  6200.            right: 0;
  6201.            transform: translate3d(0, -50%, 0);
  6202.            -webkit-transform: translate3d(0, -50%, 0);
  6203.            -moz-transform: translate3d(0, -50%, 0);
  6204.            -ms-transform: translate3d(0, -50%, 0);
  6205.            margin-top: 0;
  6206.            margin-right: 0px;
  6207.            margin-left: 0;
  6208.            margin-bottom: 0;
  6209.        }
  6210.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse {
  6211.            bottom: 0;
  6212.            right: 0;
  6213.            transform: translate3d(0, 0, 0);
  6214.            -webkit-transform: translate3d(0, 0, 0);
  6215.            -moz-transform: translate3d(0, 0, 0);
  6216.            -ms-transform: translate3d(0, 0, 0);
  6217.            margin-top: 0;
  6218.            margin-right: 0px;
  6219.            margin-left: 0;
  6220.            margin-bottom: 0px;
  6221.        }
  6222.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs {
  6223.            bottom: 0;
  6224.            left: 50%;
  6225.            transform: translate3d(-50%, 0, 0);
  6226.            -webkit-transform: translate3d(-50%, 0, 0);
  6227.            -moz-transform: translate3d(-50%, 0, 0);
  6228.            -ms-transform: translate3d(-50%, 0, 0);
  6229.            margin-top: 0;
  6230.            margin-right: 0;
  6231.            margin-left: 0;
  6232.            margin-bottom: 0px;
  6233.        }
  6234.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw {
  6235.            bottom: 0;
  6236.            left: 0;
  6237.            transform: translate3d(0, 0, 0);
  6238.            -webkit-transform: translate3d(0, 0, 0);
  6239.            -moz-transform: translate3d(0, 0, 0);
  6240.            -ms-transform: translate3d(0, 0, 0);
  6241.            margin-top: 0;
  6242.            margin-right: 0;
  6243.            margin-left: 0px;
  6244.            margin-bottom: 0px;
  6245.        }
  6246.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw {
  6247.            top: 50%;
  6248.            left: 0;
  6249.            transform: translate3d(0, -50%, 0);
  6250.            -webkit-transform: translate3d(0, -50%, 0);
  6251.            -moz-transform: translate3d(0, -50%, 0);
  6252.            -ms-transform: translate3d(0, -50%, 0);
  6253.            margin-top: 0;
  6254.            margin-right: 0;
  6255.            margin-left: 0px;
  6256.            margin-bottom: 0;
  6257.        }
  6258.        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc {
  6259.            top: 50%;
  6260.            left: 50%;
  6261.            transform: translate3d(-50%, -50%, 0);
  6262.            -webkit-transform: translate3d(-50%, -50%, 0);
  6263.            -moz-transform: translate3d(-50%, -50%, 0);
  6264.            -ms-transform: translate3d(-50%, -50%, 0);
  6265.            margin-top: 0;
  6266.            margin-right: 0;
  6267.            margin-left: 0;
  6268.            margin-bottom: 0;
  6269.        }
  6270.        @media (max-width: 768px) {
  6271.                        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw_mobile {
  6272.                top: 0;
  6273.                left: 0;
  6274.                right: auto;
  6275.                bottom: auto;
  6276.                transform: translate3d(0, 0, 0);
  6277.                -webkit-transform: translate3d(0, 0, 0);
  6278.                -moz-transform: translate3d(0, 0, 0);
  6279.                -ms-transform: translate3d(0, 0, 0);
  6280.                margin-top: 0px;
  6281.                margin-left: 0px;
  6282.                margin-right: 0;
  6283.                margin-bottom: 0;
  6284.            }
  6285.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn_mobile {
  6286.                top: 0;
  6287.                left: 50%;
  6288.                right: auto;
  6289.                bottom: auto;
  6290.                transform: translate3d(-50%, 0, 0);
  6291.                -webkit-transform: translate3d(-50%, 0, 0);
  6292.                -moz-transform: translate3d(-50%, 0, 0);
  6293.                -ms-transform: translate3d(-50%, 0, 0);
  6294.                margin-top: 0px;
  6295.                margin-left: 0;
  6296.                margin-right: 0;
  6297.                margin-bottom: 0;
  6298.            }
  6299.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne_mobile {
  6300.                top: 0;
  6301.                right: 0;
  6302.                left: auto;
  6303.                bottom: auto;
  6304.                transform: translate3d(0, 0, 0);
  6305.                -webkit-transform: translate3d(0, 0, 0);
  6306.                -moz-transform: translate3d(0, 0, 0);
  6307.                -ms-transform: translate3d(0, 0, 0);
  6308.                margin-top: 0px;
  6309.                margin-right: 0px;
  6310.                margin-left: 0;
  6311.                margin-bottom: 0;
  6312.            }
  6313.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe_mobile {
  6314.                top: 50%;
  6315.                right: 0;
  6316.                left: auto;
  6317.                bottom: auto;
  6318.                transform: translate3d(0, -50%, 0);
  6319.                -webkit-transform: translate3d(0, -50%, 0);
  6320.                -moz-transform: translate3d(0, -50%, 0);
  6321.                -ms-transform: translate3d(0, -50%, 0);
  6322.                margin-top: 0;
  6323.                margin-right: 0px;
  6324.                margin-left: 0;
  6325.                margin-bottom: 0;
  6326.            }
  6327.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse_mobile {
  6328.                bottom: 0;
  6329.                right: 0;
  6330.                left: auto;
  6331.                top: auto;
  6332.                transform: translate3d(0, 0, 0);
  6333.                -webkit-transform: translate3d(0, 0, 0);
  6334.                -moz-transform: translate3d(0, 0, 0);
  6335.                -ms-transform: translate3d(0, 0, 0);
  6336.                margin-top: 0;
  6337.                margin-right: 0px;
  6338.                margin-left: 0;
  6339.                margin-bottom: 0px;
  6340.            }
  6341.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs_mobile {
  6342.                bottom: 0;
  6343.                left: 50%;
  6344.                right: auto;
  6345.                top: auto;
  6346.                transform: translate3d(-50%, 0, 0);
  6347.                -webkit-transform: translate3d(-50%, 0, 0);
  6348.                -moz-transform: translate3d(-50%, 0, 0);
  6349.                -ms-transform: translate3d(-50%, 0, 0);
  6350.                margin-top: 0;
  6351.                margin-right: 0;
  6352.                margin-left: 0;
  6353.                margin-bottom: 0px;
  6354.            }
  6355.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw_mobile {
  6356.                bottom: 0;
  6357.                left: 0;
  6358.                right: auto;
  6359.                top: auto;
  6360.                transform: translate3d(0, 0, 0);
  6361.                -webkit-transform: translate3d(0, 0, 0);
  6362.                -moz-transform: translate3d(0, 0, 0);
  6363.                -ms-transform: translate3d(0, 0, 0);
  6364.                margin-top: 0;
  6365.                margin-right: 0;
  6366.                margin-left: 0px;
  6367.                margin-bottom: 0px;
  6368.            }
  6369.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw_mobile {
  6370.                top: 50%;
  6371.                left: 0;
  6372.                right: auto;
  6373.                bottom: auto;
  6374.                transform: translate3d(0, -50%, 0);
  6375.                -webkit-transform: translate3d(0, -50%, 0);
  6376.                -moz-transform: translate3d(0, -50%, 0);
  6377.                -ms-transform: translate3d(0, -50%, 0);
  6378.                margin-top: 0;
  6379.                margin-right: 0;
  6380.                margin-left: 0px;
  6381.                margin-bottom: 0;
  6382.            }
  6383.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc_mobile {
  6384.                top: 50%;
  6385.                left: 50%;
  6386.                right: auto;
  6387.                bottom: auto;
  6388.                transform: translate3d(-50%, -50%, 0);
  6389.                -webkit-transform: translate3d(-50%, -50%, 0);
  6390.                -moz-transform: translate3d(-50%, -50%, 0);
  6391.                -ms-transform: translate3d(-50%, -50%, 0);
  6392.                margin-top: 0;
  6393.                margin-right: 0;
  6394.                margin-left: 0;
  6395.                margin-bottom: 0;
  6396.            }
  6397.        }
  6398.  
  6399.  
  6400.        .Mweslide_40266.owlSliderBoxAdv .item2 .owl-lazy {
  6401.            background-size: cover;
  6402.            background-position: center center;
  6403.        }
  6404.        @media (max-width: 768px) {
  6405.            .Mweslide_40266.owlSliderBoxAdv .item2 .owl-lazy {
  6406.                background-size: cover;
  6407.                background-position: center center;
  6408.            }
  6409.        }
  6410.  
  6411.  
  6412.                    .Mweslide_40266.owlSliderBoxAdv .item2 .contentBG {
  6413.                background-color: 'transparent';
  6414.            }
  6415.                @media (max-width: 768px) {
  6416.                            .Mweslide_40266.owlSliderBoxAdv .item2 .contentBG {
  6417.                    background-color: 'transparent';
  6418.                }
  6419.                    }
  6420.  
  6421.  
  6422.                .Mweslide_40266.owlSliderBoxAdv .item2 .contentPadding {
  6423.            padding-top: 15px;
  6424.            padding-right: 15px;
  6425.            padding-bottom: 15px;
  6426.            padding-left: 15px;
  6427.        }
  6428.        @media (max-width: 768px) {
  6429.                        .Mweslide_40266.owlSliderBoxAdv .item2 .contentPadding {
  6430.                padding-top: 15px;
  6431.                padding-right: 15px;
  6432.                padding-bottom: 15px;
  6433.                padding-left: 15px;
  6434.            }
  6435.        }
  6436.  
  6437.  
  6438.        /* Mobile Scale */
  6439.                                @media (max-width: 768px) {
  6440.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="8"] {
  6441.                    font-size: 8px !important;
  6442.                }
  6443.            }
  6444.                                @media (max-width: 768px) {
  6445.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="9"] {
  6446.                    font-size: 9px !important;
  6447.                }
  6448.            }
  6449.                                @media (max-width: 768px) {
  6450.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="10"] {
  6451.                    font-size: 10px !important;
  6452.                }
  6453.            }
  6454.                                @media (max-width: 768px) {
  6455.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="11"] {
  6456.                    font-size: 11px !important;
  6457.                }
  6458.            }
  6459.                                @media (max-width: 768px) {
  6460.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="12"] {
  6461.                    font-size: 12px !important;
  6462.                }
  6463.            }
  6464.                                @media (max-width: 768px) {
  6465.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="13"] {
  6466.                    font-size: 13px !important;
  6467.                }
  6468.            }
  6469.                                @media (max-width: 768px) {
  6470.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="14"] {
  6471.                    font-size: 14px !important;
  6472.                }
  6473.            }
  6474.                                @media (max-width: 768px) {
  6475.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="15"] {
  6476.                    font-size: 15px !important;
  6477.                }
  6478.            }
  6479.                                @media (max-width: 768px) {
  6480.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="16"] {
  6481.                    font-size: 16px !important;
  6482.                }
  6483.            }
  6484.                                @media (max-width: 768px) {
  6485.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="17"] {
  6486.                    font-size: 17px !important;
  6487.                }
  6488.            }
  6489.                                @media (max-width: 768px) {
  6490.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="18"] {
  6491.                    font-size: 18px !important;
  6492.                }
  6493.            }
  6494.                                @media (max-width: 768px) {
  6495.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="19"] {
  6496.                    font-size: 19px !important;
  6497.                }
  6498.            }
  6499.                                @media (max-width: 768px) {
  6500.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="20"] {
  6501.                    font-size: 20px !important;
  6502.                }
  6503.            }
  6504.                                @media (max-width: 768px) {
  6505.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="22"] {
  6506.                    font-size: 22px !important;
  6507.                }
  6508.            }
  6509.                                @media (max-width: 768px) {
  6510.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="24"] {
  6511.                    font-size: 24px !important;
  6512.                }
  6513.            }
  6514.                                @media (max-width: 768px) {
  6515.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="26"] {
  6516.                    font-size: 26px !important;
  6517.                }
  6518.            }
  6519.                                @media (max-width: 768px) {
  6520.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="28"] {
  6521.                    font-size: 28px !important;
  6522.                }
  6523.            }
  6524.                                @media (max-width: 768px) {
  6525.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="30"] {
  6526.                    font-size: 30px !important;
  6527.                }
  6528.            }
  6529.                                @media (max-width: 768px) {
  6530.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="32"] {
  6531.                    font-size: 32px !important;
  6532.                }
  6533.            }
  6534.                                @media (max-width: 768px) {
  6535.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="34"] {
  6536.                    font-size: 34px !important;
  6537.                }
  6538.            }
  6539.                                @media (max-width: 768px) {
  6540.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="36"] {
  6541.                    font-size: 36px !important;
  6542.                }
  6543.            }
  6544.                                @media (max-width: 768px) {
  6545.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="40"] {
  6546.                    font-size: 40px !important;
  6547.                }
  6548.            }
  6549.                                @media (max-width: 768px) {
  6550.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="44"] {
  6551.                    font-size: 44px !important;
  6552.                }
  6553.            }
  6554.                                @media (max-width: 768px) {
  6555.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="48"] {
  6556.                    font-size: 48px !important;
  6557.                }
  6558.            }
  6559.                                @media (max-width: 768px) {
  6560.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="52"] {
  6561.                    font-size: 52px !important;
  6562.                }
  6563.            }
  6564.                                @media (max-width: 768px) {
  6565.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="56"] {
  6566.                    font-size: 56px !important;
  6567.                }
  6568.            }
  6569.                                @media (max-width: 768px) {
  6570.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="60"] {
  6571.                    font-size: 60px !important;
  6572.                }
  6573.            }
  6574.                                @media (max-width: 768px) {
  6575.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="66"] {
  6576.                    font-size: 66px !important;
  6577.                }
  6578.            }
  6579.                                @media (max-width: 768px) {
  6580.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="72"] {
  6581.                    font-size: 72px !important;
  6582.                }
  6583.            }
  6584.                                @media (max-width: 768px) {
  6585.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="80"] {
  6586.                    font-size: 80px !important;
  6587.                }
  6588.            }
  6589.                                @media (max-width: 768px) {
  6590.                .Mweslide_40266.owlSliderBoxAdv .item2 [data-font-size="100"] {
  6591.                    font-size: 100px !important;
  6592.                }
  6593.            }
  6594.                @media (max-width: 768px) {
  6595.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentEffect p {
  6596.                margin-bottom: 10px !important;
  6597.            }
  6598.            .Mweslide_40266.owlSliderBoxAdv .item2 .contentEffect img {
  6599.                transform: scale(1);
  6600.                -webkit-transform: scale(1);
  6601.                -moz-transform: scale(1);
  6602.                -ms-transform: scale(1);
  6603.            }
  6604.        }
  6605.  
  6606.                                @media (max-width: 768px) {
  6607.                            }
  6608.                                @media (max-width: 768px) {
  6609.                            }
  6610.                                @media (max-width: 768px) {
  6611.                            }
  6612.                                @media (max-width: 768px) {
  6613.                            }
  6614.                                @media (max-width: 768px) {
  6615.                            }
  6616.                            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw {
  6617.            top: 0;
  6618.            left: 0;
  6619.            transform: translate3d(0, 0, 0);
  6620.            -webkit-transform: translate3d(0, 0, 0);
  6621.            -moz-transform: translate3d(0, 0, 0);
  6622.            -ms-transform: translate3d(0, 0, 0);
  6623.            margin-top: 0px;
  6624.            margin-left: 0px;
  6625.            margin-right: 0;
  6626.            margin-bottom: 0;
  6627.        }
  6628.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn {
  6629.            top: 0;
  6630.            left: 50%;
  6631.            transform: translate3d(-50%, 0, 0);
  6632.            -webkit-transform: translate3d(-50%, 0, 0);
  6633.            -moz-transform: translate3d(-50%, 0, 0);
  6634.            -ms-transform: translate3d(-50%, 0, 0);
  6635.            margin-top: 0px;
  6636.            margin-left: 0;
  6637.            margin-right: 0;
  6638.            margin-bottom: 0;
  6639.        }
  6640.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne {
  6641.            top: 0;
  6642.            right: 0;
  6643.            transform: translate3d(0, 0, 0);
  6644.            -webkit-transform: translate3d(0, 0, 0);
  6645.            -moz-transform: translate3d(0, 0, 0);
  6646.            -ms-transform: translate3d(0, 0, 0);
  6647.            margin-top: 0px;
  6648.            margin-right: 0px;
  6649.            margin-left: 0;
  6650.            margin-bottom: 0;
  6651.        }
  6652.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe {
  6653.            top: 50%;
  6654.            right: 0;
  6655.            transform: translate3d(0, -50%, 0);
  6656.            -webkit-transform: translate3d(0, -50%, 0);
  6657.            -moz-transform: translate3d(0, -50%, 0);
  6658.            -ms-transform: translate3d(0, -50%, 0);
  6659.            margin-top: 0;
  6660.            margin-right: 0px;
  6661.            margin-left: 0;
  6662.            margin-bottom: 0;
  6663.        }
  6664.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse {
  6665.            bottom: 0;
  6666.            right: 0;
  6667.            transform: translate3d(0, 0, 0);
  6668.            -webkit-transform: translate3d(0, 0, 0);
  6669.            -moz-transform: translate3d(0, 0, 0);
  6670.            -ms-transform: translate3d(0, 0, 0);
  6671.            margin-top: 0;
  6672.            margin-right: 0px;
  6673.            margin-left: 0;
  6674.            margin-bottom: 0px;
  6675.        }
  6676.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs {
  6677.            bottom: 0;
  6678.            left: 50%;
  6679.            transform: translate3d(-50%, 0, 0);
  6680.            -webkit-transform: translate3d(-50%, 0, 0);
  6681.            -moz-transform: translate3d(-50%, 0, 0);
  6682.            -ms-transform: translate3d(-50%, 0, 0);
  6683.            margin-top: 0;
  6684.            margin-right: 0;
  6685.            margin-left: 0;
  6686.            margin-bottom: 0px;
  6687.        }
  6688.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw {
  6689.            bottom: 0;
  6690.            left: 0;
  6691.            transform: translate3d(0, 0, 0);
  6692.            -webkit-transform: translate3d(0, 0, 0);
  6693.            -moz-transform: translate3d(0, 0, 0);
  6694.            -ms-transform: translate3d(0, 0, 0);
  6695.            margin-top: 0;
  6696.            margin-right: 0;
  6697.            margin-left: 0px;
  6698.            margin-bottom: 0px;
  6699.        }
  6700.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw {
  6701.            top: 50%;
  6702.            left: 0;
  6703.            transform: translate3d(0, -50%, 0);
  6704.            -webkit-transform: translate3d(0, -50%, 0);
  6705.            -moz-transform: translate3d(0, -50%, 0);
  6706.            -ms-transform: translate3d(0, -50%, 0);
  6707.            margin-top: 0;
  6708.            margin-right: 0;
  6709.            margin-left: 0px;
  6710.            margin-bottom: 0;
  6711.        }
  6712.        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc {
  6713.            top: 50%;
  6714.            left: 50%;
  6715.            transform: translate3d(-50%, -50%, 0);
  6716.            -webkit-transform: translate3d(-50%, -50%, 0);
  6717.            -moz-transform: translate3d(-50%, -50%, 0);
  6718.            -ms-transform: translate3d(-50%, -50%, 0);
  6719.            margin-top: 0;
  6720.            margin-right: 0;
  6721.            margin-left: 0;
  6722.            margin-bottom: 0;
  6723.        }
  6724.        @media (max-width: 768px) {
  6725.                        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSnw_mobile {
  6726.                top: 0;
  6727.                left: 0;
  6728.                right: auto;
  6729.                bottom: auto;
  6730.                transform: translate3d(0, 0, 0);
  6731.                -webkit-transform: translate3d(0, 0, 0);
  6732.                -moz-transform: translate3d(0, 0, 0);
  6733.                -ms-transform: translate3d(0, 0, 0);
  6734.                margin-top: 0px;
  6735.                margin-left: 0px;
  6736.                margin-right: 0;
  6737.                margin-bottom: 0;
  6738.            }
  6739.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSn_mobile {
  6740.                top: 0;
  6741.                left: 50%;
  6742.                right: auto;
  6743.                bottom: auto;
  6744.                transform: translate3d(-50%, 0, 0);
  6745.                -webkit-transform: translate3d(-50%, 0, 0);
  6746.                -moz-transform: translate3d(-50%, 0, 0);
  6747.                -ms-transform: translate3d(-50%, 0, 0);
  6748.                margin-top: 0px;
  6749.                margin-left: 0;
  6750.                margin-right: 0;
  6751.                margin-bottom: 0;
  6752.            }
  6753.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSne_mobile {
  6754.                top: 0;
  6755.                right: 0;
  6756.                left: auto;
  6757.                bottom: auto;
  6758.                transform: translate3d(0, 0, 0);
  6759.                -webkit-transform: translate3d(0, 0, 0);
  6760.                -moz-transform: translate3d(0, 0, 0);
  6761.                -ms-transform: translate3d(0, 0, 0);
  6762.                margin-top: 0px;
  6763.                margin-right: 0px;
  6764.                margin-left: 0;
  6765.                margin-bottom: 0;
  6766.            }
  6767.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSe_mobile {
  6768.                top: 50%;
  6769.                right: 0;
  6770.                left: auto;
  6771.                bottom: auto;
  6772.                transform: translate3d(0, -50%, 0);
  6773.                -webkit-transform: translate3d(0, -50%, 0);
  6774.                -moz-transform: translate3d(0, -50%, 0);
  6775.                -ms-transform: translate3d(0, -50%, 0);
  6776.                margin-top: 0;
  6777.                margin-right: 0px;
  6778.                margin-left: 0;
  6779.                margin-bottom: 0;
  6780.            }
  6781.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSse_mobile {
  6782.                bottom: 0;
  6783.                right: 0;
  6784.                left: auto;
  6785.                top: auto;
  6786.                transform: translate3d(0, 0, 0);
  6787.                -webkit-transform: translate3d(0, 0, 0);
  6788.                -moz-transform: translate3d(0, 0, 0);
  6789.                -ms-transform: translate3d(0, 0, 0);
  6790.                margin-top: 0;
  6791.                margin-right: 0px;
  6792.                margin-left: 0;
  6793.                margin-bottom: 0px;
  6794.            }
  6795.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSs_mobile {
  6796.                bottom: 0;
  6797.                left: 50%;
  6798.                right: auto;
  6799.                top: auto;
  6800.                transform: translate3d(-50%, 0, 0);
  6801.                -webkit-transform: translate3d(-50%, 0, 0);
  6802.                -moz-transform: translate3d(-50%, 0, 0);
  6803.                -ms-transform: translate3d(-50%, 0, 0);
  6804.                margin-top: 0;
  6805.                margin-right: 0;
  6806.                margin-left: 0;
  6807.                margin-bottom: 0px;
  6808.            }
  6809.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSsw_mobile {
  6810.                bottom: 0;
  6811.                left: 0;
  6812.                right: auto;
  6813.                top: auto;
  6814.                transform: translate3d(0, 0, 0);
  6815.                -webkit-transform: translate3d(0, 0, 0);
  6816.                -moz-transform: translate3d(0, 0, 0);
  6817.                -ms-transform: translate3d(0, 0, 0);
  6818.                margin-top: 0;
  6819.                margin-right: 0;
  6820.                margin-left: 0px;
  6821.                margin-bottom: 0px;
  6822.            }
  6823.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSw_mobile {
  6824.                top: 50%;
  6825.                left: 0;
  6826.                right: auto;
  6827.                bottom: auto;
  6828.                transform: translate3d(0, -50%, 0);
  6829.                -webkit-transform: translate3d(0, -50%, 0);
  6830.                -moz-transform: translate3d(0, -50%, 0);
  6831.                -ms-transform: translate3d(0, -50%, 0);
  6832.                margin-top: 0;
  6833.                margin-right: 0;
  6834.                margin-left: 0px;
  6835.                margin-bottom: 0;
  6836.            }
  6837.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentPOS.BOXPOSc_mobile {
  6838.                top: 50%;
  6839.                left: 50%;
  6840.                right: auto;
  6841.                bottom: auto;
  6842.                transform: translate3d(-50%, -50%, 0);
  6843.                -webkit-transform: translate3d(-50%, -50%, 0);
  6844.                -moz-transform: translate3d(-50%, -50%, 0);
  6845.                -ms-transform: translate3d(-50%, -50%, 0);
  6846.                margin-top: 0;
  6847.                margin-right: 0;
  6848.                margin-left: 0;
  6849.                margin-bottom: 0;
  6850.            }
  6851.        }
  6852.  
  6853.  
  6854.        .Mweslide_40266.owlSliderBoxAdv .item3 .owl-lazy {
  6855.            background-size: cover;
  6856.            background-position: center center;
  6857.        }
  6858.        @media (max-width: 768px) {
  6859.            .Mweslide_40266.owlSliderBoxAdv .item3 .owl-lazy {
  6860.                background-size: cover;
  6861.                background-position: center center;
  6862.            }
  6863.        }
  6864.  
  6865.  
  6866.                    .Mweslide_40266.owlSliderBoxAdv .item3 .contentBG {
  6867.                background-color: 'transparent';
  6868.            }
  6869.                @media (max-width: 768px) {
  6870.                            .Mweslide_40266.owlSliderBoxAdv .item3 .contentBG {
  6871.                    background-color: 'transparent';
  6872.                }
  6873.                    }
  6874.  
  6875.  
  6876.                .Mweslide_40266.owlSliderBoxAdv .item3 .contentPadding {
  6877.            padding-top: 15px;
  6878.            padding-right: 15px;
  6879.            padding-bottom: 15px;
  6880.            padding-left: 15px;
  6881.        }
  6882.        @media (max-width: 768px) {
  6883.                        .Mweslide_40266.owlSliderBoxAdv .item3 .contentPadding {
  6884.                padding-top: 15px;
  6885.                padding-right: 15px;
  6886.                padding-bottom: 15px;
  6887.                padding-left: 15px;
  6888.            }
  6889.        }
  6890.  
  6891.  
  6892.        /* Mobile Scale */
  6893.                                @media (max-width: 768px) {
  6894.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="8"] {
  6895.                    font-size: 8px !important;
  6896.                }
  6897.            }
  6898.                                @media (max-width: 768px) {
  6899.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="9"] {
  6900.                    font-size: 9px !important;
  6901.                }
  6902.            }
  6903.                                @media (max-width: 768px) {
  6904.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="10"] {
  6905.                    font-size: 10px !important;
  6906.                }
  6907.            }
  6908.                                @media (max-width: 768px) {
  6909.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="11"] {
  6910.                    font-size: 11px !important;
  6911.                }
  6912.            }
  6913.                                @media (max-width: 768px) {
  6914.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="12"] {
  6915.                    font-size: 12px !important;
  6916.                }
  6917.            }
  6918.                                @media (max-width: 768px) {
  6919.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="13"] {
  6920.                    font-size: 13px !important;
  6921.                }
  6922.            }
  6923.                                @media (max-width: 768px) {
  6924.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="14"] {
  6925.                    font-size: 14px !important;
  6926.                }
  6927.            }
  6928.                                @media (max-width: 768px) {
  6929.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="15"] {
  6930.                    font-size: 15px !important;
  6931.                }
  6932.            }
  6933.                                @media (max-width: 768px) {
  6934.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="16"] {
  6935.                    font-size: 16px !important;
  6936.                }
  6937.            }
  6938.                                @media (max-width: 768px) {
  6939.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="17"] {
  6940.                    font-size: 17px !important;
  6941.                }
  6942.            }
  6943.                                @media (max-width: 768px) {
  6944.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="18"] {
  6945.                    font-size: 18px !important;
  6946.                }
  6947.            }
  6948.                                @media (max-width: 768px) {
  6949.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="19"] {
  6950.                    font-size: 19px !important;
  6951.                }
  6952.            }
  6953.                                @media (max-width: 768px) {
  6954.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="20"] {
  6955.                    font-size: 20px !important;
  6956.                }
  6957.            }
  6958.                                @media (max-width: 768px) {
  6959.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="22"] {
  6960.                    font-size: 22px !important;
  6961.                }
  6962.            }
  6963.                                @media (max-width: 768px) {
  6964.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="24"] {
  6965.                    font-size: 24px !important;
  6966.                }
  6967.            }
  6968.                                @media (max-width: 768px) {
  6969.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="26"] {
  6970.                    font-size: 26px !important;
  6971.                }
  6972.            }
  6973.                                @media (max-width: 768px) {
  6974.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="28"] {
  6975.                    font-size: 28px !important;
  6976.                }
  6977.            }
  6978.                                @media (max-width: 768px) {
  6979.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="30"] {
  6980.                    font-size: 30px !important;
  6981.                }
  6982.            }
  6983.                                @media (max-width: 768px) {
  6984.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="32"] {
  6985.                    font-size: 32px !important;
  6986.                }
  6987.            }
  6988.                                @media (max-width: 768px) {
  6989.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="34"] {
  6990.                    font-size: 34px !important;
  6991.                }
  6992.            }
  6993.                                @media (max-width: 768px) {
  6994.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="36"] {
  6995.                    font-size: 36px !important;
  6996.                }
  6997.            }
  6998.                                @media (max-width: 768px) {
  6999.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="40"] {
  7000.                    font-size: 40px !important;
  7001.                }
  7002.            }
  7003.                                @media (max-width: 768px) {
  7004.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="44"] {
  7005.                    font-size: 44px !important;
  7006.                }
  7007.            }
  7008.                                @media (max-width: 768px) {
  7009.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="48"] {
  7010.                    font-size: 48px !important;
  7011.                }
  7012.            }
  7013.                                @media (max-width: 768px) {
  7014.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="52"] {
  7015.                    font-size: 52px !important;
  7016.                }
  7017.            }
  7018.                                @media (max-width: 768px) {
  7019.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="56"] {
  7020.                    font-size: 56px !important;
  7021.                }
  7022.            }
  7023.                                @media (max-width: 768px) {
  7024.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="60"] {
  7025.                    font-size: 60px !important;
  7026.                }
  7027.            }
  7028.                                @media (max-width: 768px) {
  7029.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="66"] {
  7030.                    font-size: 66px !important;
  7031.                }
  7032.            }
  7033.                                @media (max-width: 768px) {
  7034.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="72"] {
  7035.                    font-size: 72px !important;
  7036.                }
  7037.            }
  7038.                                @media (max-width: 768px) {
  7039.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="80"] {
  7040.                    font-size: 80px !important;
  7041.                }
  7042.            }
  7043.                                @media (max-width: 768px) {
  7044.                .Mweslide_40266.owlSliderBoxAdv .item3 [data-font-size="100"] {
  7045.                    font-size: 100px !important;
  7046.                }
  7047.            }
  7048.                @media (max-width: 768px) {
  7049.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentEffect p {
  7050.                margin-bottom: 10px !important;
  7051.            }
  7052.            .Mweslide_40266.owlSliderBoxAdv .item3 .contentEffect img {
  7053.                transform: scale(1);
  7054.                -webkit-transform: scale(1);
  7055.                -moz-transform: scale(1);
  7056.                -ms-transform: scale(1);
  7057.            }
  7058.        }
  7059.  
  7060.                                @media (max-width: 768px) {
  7061.                            }
  7062.                                @media (max-width: 768px) {
  7063.                            }
  7064.                                @media (max-width: 768px) {
  7065.                            }
  7066.                                @media (max-width: 768px) {
  7067.                            }
  7068.                                @media (max-width: 768px) {
  7069.                            }
  7070.                            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw {
  7071.            top: 0;
  7072.            left: 0;
  7073.            transform: translate3d(0, 0, 0);
  7074.            -webkit-transform: translate3d(0, 0, 0);
  7075.            -moz-transform: translate3d(0, 0, 0);
  7076.            -ms-transform: translate3d(0, 0, 0);
  7077.            margin-top: 0px;
  7078.            margin-left: 0px;
  7079.            margin-right: 0;
  7080.            margin-bottom: 0;
  7081.        }
  7082.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn {
  7083.            top: 0;
  7084.            left: 50%;
  7085.            transform: translate3d(-50%, 0, 0);
  7086.            -webkit-transform: translate3d(-50%, 0, 0);
  7087.            -moz-transform: translate3d(-50%, 0, 0);
  7088.            -ms-transform: translate3d(-50%, 0, 0);
  7089.            margin-top: 0px;
  7090.            margin-left: 0;
  7091.            margin-right: 0;
  7092.            margin-bottom: 0;
  7093.        }
  7094.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne {
  7095.            top: 0;
  7096.            right: 0;
  7097.            transform: translate3d(0, 0, 0);
  7098.            -webkit-transform: translate3d(0, 0, 0);
  7099.            -moz-transform: translate3d(0, 0, 0);
  7100.            -ms-transform: translate3d(0, 0, 0);
  7101.            margin-top: 0px;
  7102.            margin-right: 0px;
  7103.            margin-left: 0;
  7104.            margin-bottom: 0;
  7105.        }
  7106.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe {
  7107.            top: 50%;
  7108.            right: 0;
  7109.            transform: translate3d(0, -50%, 0);
  7110.            -webkit-transform: translate3d(0, -50%, 0);
  7111.            -moz-transform: translate3d(0, -50%, 0);
  7112.            -ms-transform: translate3d(0, -50%, 0);
  7113.            margin-top: 0;
  7114.            margin-right: 0px;
  7115.            margin-left: 0;
  7116.            margin-bottom: 0;
  7117.        }
  7118.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse {
  7119.            bottom: 0;
  7120.            right: 0;
  7121.            transform: translate3d(0, 0, 0);
  7122.            -webkit-transform: translate3d(0, 0, 0);
  7123.            -moz-transform: translate3d(0, 0, 0);
  7124.            -ms-transform: translate3d(0, 0, 0);
  7125.            margin-top: 0;
  7126.            margin-right: 0px;
  7127.            margin-left: 0;
  7128.            margin-bottom: 0px;
  7129.        }
  7130.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs {
  7131.            bottom: 0;
  7132.            left: 50%;
  7133.            transform: translate3d(-50%, 0, 0);
  7134.            -webkit-transform: translate3d(-50%, 0, 0);
  7135.            -moz-transform: translate3d(-50%, 0, 0);
  7136.            -ms-transform: translate3d(-50%, 0, 0);
  7137.            margin-top: 0;
  7138.            margin-right: 0;
  7139.            margin-left: 0;
  7140.            margin-bottom: 0px;
  7141.        }
  7142.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw {
  7143.            bottom: 0;
  7144.            left: 0;
  7145.            transform: translate3d(0, 0, 0);
  7146.            -webkit-transform: translate3d(0, 0, 0);
  7147.            -moz-transform: translate3d(0, 0, 0);
  7148.            -ms-transform: translate3d(0, 0, 0);
  7149.            margin-top: 0;
  7150.            margin-right: 0;
  7151.            margin-left: 0px;
  7152.            margin-bottom: 0px;
  7153.        }
  7154.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw {
  7155.            top: 50%;
  7156.            left: 0;
  7157.            transform: translate3d(0, -50%, 0);
  7158.            -webkit-transform: translate3d(0, -50%, 0);
  7159.            -moz-transform: translate3d(0, -50%, 0);
  7160.            -ms-transform: translate3d(0, -50%, 0);
  7161.            margin-top: 0;
  7162.            margin-right: 0;
  7163.            margin-left: 0px;
  7164.            margin-bottom: 0;
  7165.        }
  7166.        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc {
  7167.            top: 50%;
  7168.            left: 50%;
  7169.            transform: translate3d(-50%, -50%, 0);
  7170.            -webkit-transform: translate3d(-50%, -50%, 0);
  7171.            -moz-transform: translate3d(-50%, -50%, 0);
  7172.            -ms-transform: translate3d(-50%, -50%, 0);
  7173.            margin-top: 0;
  7174.            margin-right: 0;
  7175.            margin-left: 0;
  7176.            margin-bottom: 0;
  7177.        }
  7178.        @media (max-width: 768px) {
  7179.                        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSnw_mobile {
  7180.                top: 0;
  7181.                left: 0;
  7182.                right: auto;
  7183.                bottom: auto;
  7184.                transform: translate3d(0, 0, 0);
  7185.                -webkit-transform: translate3d(0, 0, 0);
  7186.                -moz-transform: translate3d(0, 0, 0);
  7187.                -ms-transform: translate3d(0, 0, 0);
  7188.                margin-top: 0px;
  7189.                margin-left: 0px;
  7190.                margin-right: 0;
  7191.                margin-bottom: 0;
  7192.            }
  7193.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSn_mobile {
  7194.                top: 0;
  7195.                left: 50%;
  7196.                right: auto;
  7197.                bottom: auto;
  7198.                transform: translate3d(-50%, 0, 0);
  7199.                -webkit-transform: translate3d(-50%, 0, 0);
  7200.                -moz-transform: translate3d(-50%, 0, 0);
  7201.                -ms-transform: translate3d(-50%, 0, 0);
  7202.                margin-top: 0px;
  7203.                margin-left: 0;
  7204.                margin-right: 0;
  7205.                margin-bottom: 0;
  7206.            }
  7207.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSne_mobile {
  7208.                top: 0;
  7209.                right: 0;
  7210.                left: auto;
  7211.                bottom: auto;
  7212.                transform: translate3d(0, 0, 0);
  7213.                -webkit-transform: translate3d(0, 0, 0);
  7214.                -moz-transform: translate3d(0, 0, 0);
  7215.                -ms-transform: translate3d(0, 0, 0);
  7216.                margin-top: 0px;
  7217.                margin-right: 0px;
  7218.                margin-left: 0;
  7219.                margin-bottom: 0;
  7220.            }
  7221.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSe_mobile {
  7222.                top: 50%;
  7223.                right: 0;
  7224.                left: auto;
  7225.                bottom: auto;
  7226.                transform: translate3d(0, -50%, 0);
  7227.                -webkit-transform: translate3d(0, -50%, 0);
  7228.                -moz-transform: translate3d(0, -50%, 0);
  7229.                -ms-transform: translate3d(0, -50%, 0);
  7230.                margin-top: 0;
  7231.                margin-right: 0px;
  7232.                margin-left: 0;
  7233.                margin-bottom: 0;
  7234.            }
  7235.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSse_mobile {
  7236.                bottom: 0;
  7237.                right: 0;
  7238.                left: auto;
  7239.                top: auto;
  7240.                transform: translate3d(0, 0, 0);
  7241.                -webkit-transform: translate3d(0, 0, 0);
  7242.                -moz-transform: translate3d(0, 0, 0);
  7243.                -ms-transform: translate3d(0, 0, 0);
  7244.                margin-top: 0;
  7245.                margin-right: 0px;
  7246.                margin-left: 0;
  7247.                margin-bottom: 0px;
  7248.            }
  7249.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSs_mobile {
  7250.                bottom: 0;
  7251.                left: 50%;
  7252.                right: auto;
  7253.                top: auto;
  7254.                transform: translate3d(-50%, 0, 0);
  7255.                -webkit-transform: translate3d(-50%, 0, 0);
  7256.                -moz-transform: translate3d(-50%, 0, 0);
  7257.                -ms-transform: translate3d(-50%, 0, 0);
  7258.                margin-top: 0;
  7259.                margin-right: 0;
  7260.                margin-left: 0;
  7261.                margin-bottom: 0px;
  7262.            }
  7263.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSsw_mobile {
  7264.                bottom: 0;
  7265.                left: 0;
  7266.                right: auto;
  7267.                top: auto;
  7268.                transform: translate3d(0, 0, 0);
  7269.                -webkit-transform: translate3d(0, 0, 0);
  7270.                -moz-transform: translate3d(0, 0, 0);
  7271.                -ms-transform: translate3d(0, 0, 0);
  7272.                margin-top: 0;
  7273.                margin-right: 0;
  7274.                margin-left: 0px;
  7275.                margin-bottom: 0px;
  7276.            }
  7277.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSw_mobile {
  7278.                top: 50%;
  7279.                left: 0;
  7280.                right: auto;
  7281.                bottom: auto;
  7282.                transform: translate3d(0, -50%, 0);
  7283.                -webkit-transform: translate3d(0, -50%, 0);
  7284.                -moz-transform: translate3d(0, -50%, 0);
  7285.                -ms-transform: translate3d(0, -50%, 0);
  7286.                margin-top: 0;
  7287.                margin-right: 0;
  7288.                margin-left: 0px;
  7289.                margin-bottom: 0;
  7290.            }
  7291.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentPOS.BOXPOSc_mobile {
  7292.                top: 50%;
  7293.                left: 50%;
  7294.                right: auto;
  7295.                bottom: auto;
  7296.                transform: translate3d(-50%, -50%, 0);
  7297.                -webkit-transform: translate3d(-50%, -50%, 0);
  7298.                -moz-transform: translate3d(-50%, -50%, 0);
  7299.                -ms-transform: translate3d(-50%, -50%, 0);
  7300.                margin-top: 0;
  7301.                margin-right: 0;
  7302.                margin-left: 0;
  7303.                margin-bottom: 0;
  7304.            }
  7305.        }
  7306.  
  7307.  
  7308.        .Mweslide_40266.owlSliderBoxAdv .item4 .owl-lazy {
  7309.            background-size: cover;
  7310.            background-position: center center;
  7311.        }
  7312.        @media (max-width: 768px) {
  7313.            .Mweslide_40266.owlSliderBoxAdv .item4 .owl-lazy {
  7314.                background-size: cover;
  7315.                background-position: center center;
  7316.            }
  7317.        }
  7318.  
  7319.  
  7320.                    .Mweslide_40266.owlSliderBoxAdv .item4 .contentBG {
  7321.                background-color: 'transparent';
  7322.            }
  7323.                @media (max-width: 768px) {
  7324.                            .Mweslide_40266.owlSliderBoxAdv .item4 .contentBG {
  7325.                    background-color: 'transparent';
  7326.                }
  7327.                    }
  7328.  
  7329.  
  7330.                .Mweslide_40266.owlSliderBoxAdv .item4 .contentPadding {
  7331.            padding-top: 15px;
  7332.            padding-right: 15px;
  7333.            padding-bottom: 15px;
  7334.            padding-left: 15px;
  7335.        }
  7336.        @media (max-width: 768px) {
  7337.                        .Mweslide_40266.owlSliderBoxAdv .item4 .contentPadding {
  7338.                padding-top: 15px;
  7339.                padding-right: 15px;
  7340.                padding-bottom: 15px;
  7341.                padding-left: 15px;
  7342.            }
  7343.        }
  7344.  
  7345.  
  7346.        /* Mobile Scale */
  7347.                                @media (max-width: 768px) {
  7348.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="8"] {
  7349.                    font-size: 8px !important;
  7350.                }
  7351.            }
  7352.                                @media (max-width: 768px) {
  7353.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="9"] {
  7354.                    font-size: 9px !important;
  7355.                }
  7356.            }
  7357.                                @media (max-width: 768px) {
  7358.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="10"] {
  7359.                    font-size: 10px !important;
  7360.                }
  7361.            }
  7362.                                @media (max-width: 768px) {
  7363.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="11"] {
  7364.                    font-size: 11px !important;
  7365.                }
  7366.            }
  7367.                                @media (max-width: 768px) {
  7368.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="12"] {
  7369.                    font-size: 12px !important;
  7370.                }
  7371.            }
  7372.                                @media (max-width: 768px) {
  7373.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="13"] {
  7374.                    font-size: 13px !important;
  7375.                }
  7376.            }
  7377.                                @media (max-width: 768px) {
  7378.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="14"] {
  7379.                    font-size: 14px !important;
  7380.                }
  7381.            }
  7382.                                @media (max-width: 768px) {
  7383.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="15"] {
  7384.                    font-size: 15px !important;
  7385.                }
  7386.            }
  7387.                                @media (max-width: 768px) {
  7388.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="16"] {
  7389.                    font-size: 16px !important;
  7390.                }
  7391.            }
  7392.                                @media (max-width: 768px) {
  7393.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="17"] {
  7394.                    font-size: 17px !important;
  7395.                }
  7396.            }
  7397.                                @media (max-width: 768px) {
  7398.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="18"] {
  7399.                    font-size: 18px !important;
  7400.                }
  7401.            }
  7402.                                @media (max-width: 768px) {
  7403.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="19"] {
  7404.                    font-size: 19px !important;
  7405.                }
  7406.            }
  7407.                                @media (max-width: 768px) {
  7408.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="20"] {
  7409.                    font-size: 20px !important;
  7410.                }
  7411.            }
  7412.                                @media (max-width: 768px) {
  7413.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="22"] {
  7414.                    font-size: 22px !important;
  7415.                }
  7416.            }
  7417.                                @media (max-width: 768px) {
  7418.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="24"] {
  7419.                    font-size: 24px !important;
  7420.                }
  7421.            }
  7422.                                @media (max-width: 768px) {
  7423.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="26"] {
  7424.                    font-size: 26px !important;
  7425.                }
  7426.            }
  7427.                                @media (max-width: 768px) {
  7428.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="28"] {
  7429.                    font-size: 28px !important;
  7430.                }
  7431.            }
  7432.                                @media (max-width: 768px) {
  7433.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="30"] {
  7434.                    font-size: 30px !important;
  7435.                }
  7436.            }
  7437.                                @media (max-width: 768px) {
  7438.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="32"] {
  7439.                    font-size: 32px !important;
  7440.                }
  7441.            }
  7442.                                @media (max-width: 768px) {
  7443.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="34"] {
  7444.                    font-size: 34px !important;
  7445.                }
  7446.            }
  7447.                                @media (max-width: 768px) {
  7448.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="36"] {
  7449.                    font-size: 36px !important;
  7450.                }
  7451.            }
  7452.                                @media (max-width: 768px) {
  7453.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="40"] {
  7454.                    font-size: 40px !important;
  7455.                }
  7456.            }
  7457.                                @media (max-width: 768px) {
  7458.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="44"] {
  7459.                    font-size: 44px !important;
  7460.                }
  7461.            }
  7462.                                @media (max-width: 768px) {
  7463.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="48"] {
  7464.                    font-size: 48px !important;
  7465.                }
  7466.            }
  7467.                                @media (max-width: 768px) {
  7468.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="52"] {
  7469.                    font-size: 52px !important;
  7470.                }
  7471.            }
  7472.                                @media (max-width: 768px) {
  7473.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="56"] {
  7474.                    font-size: 56px !important;
  7475.                }
  7476.            }
  7477.                                @media (max-width: 768px) {
  7478.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="60"] {
  7479.                    font-size: 60px !important;
  7480.                }
  7481.            }
  7482.                                @media (max-width: 768px) {
  7483.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="66"] {
  7484.                    font-size: 66px !important;
  7485.                }
  7486.            }
  7487.                                @media (max-width: 768px) {
  7488.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="72"] {
  7489.                    font-size: 72px !important;
  7490.                }
  7491.            }
  7492.                                @media (max-width: 768px) {
  7493.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="80"] {
  7494.                    font-size: 80px !important;
  7495.                }
  7496.            }
  7497.                                @media (max-width: 768px) {
  7498.                .Mweslide_40266.owlSliderBoxAdv .item4 [data-font-size="100"] {
  7499.                    font-size: 100px !important;
  7500.                }
  7501.            }
  7502.                @media (max-width: 768px) {
  7503.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentEffect p {
  7504.                margin-bottom: 10px !important;
  7505.            }
  7506.            .Mweslide_40266.owlSliderBoxAdv .item4 .contentEffect img {
  7507.                transform: scale(1);
  7508.                -webkit-transform: scale(1);
  7509.                -moz-transform: scale(1);
  7510.                -ms-transform: scale(1);
  7511.            }
  7512.        }
  7513.  
  7514.                                @media (max-width: 768px) {
  7515.                            }
  7516.                                @media (max-width: 768px) {
  7517.                            }
  7518.                                @media (max-width: 768px) {
  7519.                            }
  7520.                                @media (max-width: 768px) {
  7521.                            }
  7522.                                @media (max-width: 768px) {
  7523.                            }
  7524.            
  7525.    #divDialogSlideMember .imgImageViewBG {
  7526.        background: 50% center / cover no-repeat;
  7527.        height: 220px;
  7528.    }
  7529.    @media (min-width: 1025px) {
  7530.        .Mweslide_40266.owlSliderBoxAdv.visible-lg {
  7531.            display: block !important;
  7532.        }
  7533.    }
  7534.    @media (max-width: 767px) {
  7535.    .hideslidemobile{
  7536.        display: none !important;
  7537.    }
  7538.    }
  7539. </style>
  7540.  
  7541. <div class="Mweslide_40266 owlSliderBoxAdv ">
  7542.    <div class="iconLoadSlider_40266 loader">
  7543.        <svg class="circular" viewBox="25 25 50 50">
  7544.        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
  7545.        </svg>
  7546.    </div>
  7547.    <!-- slider -->
  7548.    <div class="owl-carousel owl-theme owl-carouselhh_40266 ">
  7549.                                <!-- start item -->
  7550.            <div class="item item0" >
  7551.  
  7552.                 <!-- auto height -->
  7553.                    <img
  7554.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider2.jpeg?v=202311151122"
  7555.                        srcset="
  7556.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider2.jpeg?v=202311151122 1920w,
  7557.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fslider2.jpeg?v=202311151122                        "
  7558.                        sizes="
  7559.                            (max-width: 1920px) 1920px,
  7560.                            2560px
  7561.                        "
  7562.                        alt="image"
  7563.                        title="image"
  7564.                    />
  7565.                    
  7566.                            </div>
  7567.            <!-- end item -->
  7568.                                <!-- start item -->
  7569.            <div class="item item1" >
  7570.  
  7571.                 <!-- auto height -->
  7572.                    <img
  7573.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider5.jpeg?v=202311151122"
  7574.                        srcset="
  7575.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider5.jpeg?v=202311151122 1920w,
  7576.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fslider5.jpeg?v=202311151122                        "
  7577.                        sizes="
  7578.                            (max-width: 1920px) 1920px,
  7579.                            2560px
  7580.                        "
  7581.                        alt="image"
  7582.                        title="image"
  7583.                    />
  7584.                    
  7585.                            </div>
  7586.            <!-- end item -->
  7587.                                <!-- start item -->
  7588.            <div class="item item2" >
  7589.  
  7590.                 <!-- auto height -->
  7591.                    <img
  7592.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider4.jpeg?v=202311151122"
  7593.                        srcset="
  7594.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider4.jpeg?v=202311151122 1920w,
  7595.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fslider4.jpeg?v=202311151122                        "
  7596.                        sizes="
  7597.                            (max-width: 1920px) 1920px,
  7598.                            2560px
  7599.                        "
  7600.                        alt="image"
  7601.                        title="image"
  7602.                    />
  7603.                    
  7604.                            </div>
  7605.            <!-- end item -->
  7606.                                <!-- start item -->
  7607.            <div class="item item3" >
  7608.  
  7609.                 <!-- auto height -->
  7610.                    <img
  7611.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider1.jpeg?v=202311151122"
  7612.                        srcset="
  7613.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider1.jpeg?v=202311151122 1920w,
  7614.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fslider1.jpeg?v=202311151122                        "
  7615.                        sizes="
  7616.                            (max-width: 1920px) 1920px,
  7617.                            2560px
  7618.                        "
  7619.                        alt="image"
  7620.                        title="image"
  7621.                    />
  7622.                    
  7623.                            </div>
  7624.            <!-- end item -->
  7625.                                <!-- start item -->
  7626.            <div class="item item4" >
  7627.  
  7628.                 <!-- auto height -->
  7629.                    <img
  7630.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider3.jpeg?v=202311151122"
  7631.                        srcset="
  7632.                            https://image.makewebcdn.com/makeweb/m_1920x0/TJvrsbWHN/DefaultData%2Fslider3.jpeg?v=202311151122 1920w,
  7633.                            https://image.makewebcdn.com/makeweb/0/TJvrsbWHN/DefaultData%2Fslider3.jpeg?v=202311151122                        "
  7634.                        sizes="
  7635.                            (max-width: 1920px) 1920px,
  7636.                            2560px
  7637.                        "
  7638.                        alt="image"
  7639.                        title="image"
  7640.                    />
  7641.                    
  7642.                            </div>
  7643.            <!-- end item -->
  7644.            </div>
  7645. </div>
  7646.  
  7647.  
  7648.  
  7649.  
  7650.  
  7651.                                    </div>
  7652.                                                                        </div>
  7653.                                                                                                </div>
  7654.                                            </div>
  7655.                <!-- end background div -->
  7656.                        <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
  7657.                    </div>
  7658.        <script>
  7659.            function renderYoutubeIframe(e, video_id) {
  7660.                var iframe = document.createElement( "iframe" );
  7661.                iframe.setAttribute( "frameborder", "0" );
  7662.                iframe.setAttribute( "allowfullscreen", "" );
  7663.                iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" );
  7664.                e.innerHTML = "";
  7665.                e.appendChild( iframe );
  7666.            }
  7667.  
  7668.            function secflascounter(timer,boxid,turn) {
  7669.                if(timer!=''){
  7670.                    arrayData3 = timer;
  7671.                    //var timeParsed = arrayData3.replace(' ', 'T');
  7672.                    //var countDownDate = new Date(timer).getTime();
  7673.                    var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
  7674.                    var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
  7675.                    var asx = setInterval(function() {
  7676.                        //var now = new Date().getTime();
  7677.                        var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
  7678.                        var distance = countDownDate - now;
  7679.                        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  7680.                        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  7681.                        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  7682.                        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  7683.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2));
  7684.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2));
  7685.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2));
  7686.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2));
  7687.                        if (distance < 0) {
  7688.                            clearInterval(asx);
  7689.                        }
  7690.                    }, 1000);
  7691.                }else{
  7692.                    clearInterval(asx);
  7693.                }
  7694.            }
  7695.        </script>
  7696.                                                                            </div>
  7697.                <div id="section-footer">
  7698.                    <style>.menuCol {
  7699.    width: 100% !important;
  7700.    padding-right: 15px;
  7701.    padding-left: 15px;
  7702. }
  7703. </style><style>
  7704.        .subscribeInput {
  7705.            display: block !important;
  7706.        }
  7707.        @media  only screen and (max-width: 768px) {
  7708.        .fieldSubscribe {
  7709.                line-height: 10px !important;
  7710.        }
  7711.    }
  7712. </style>
  7713. <footer class="footer02 footerZone">
  7714.            <div id="footer-area">
  7715.            <div class="container">
  7716.                <div class="row">
  7717.                    <div class="col-12 col-sm-4">
  7718.                        <div class="row">
  7719.                            <div class="col-12">
  7720.                                                                    <div style="margin-bottom:10px;">
  7721.                                        <div class="wordWrapFooterHtml footer-mb-mobile">
  7722.    <p><span style="font-family: 'Noto Sans Thai';" noto="" sans="" thai="" data-mce-style="font-family: 'Noto Sans Thai';"><span style="font-size: 22px; color: rgb(255, 255, 255);" data-mce-style="font-size: 22px; color: #ffffff;">Phet Metalsheet Ltd.</span><br>1988 หมู่1 ต.สลกบาตร อ.ขาณุวรลักษบุรี จ.กำเเพงเพชร 62104 ( เยื้องไปรษณีย์สลกบาตร ) <br><br>Tel:055-772-288,055-771-987 <br>Mobile.080-682-8989 Fax.055-771-988 Email:phetmetalsheet@gmail.com</span></p></div>                                    </div>
  7723.                                                            </div>
  7724.                        </div>
  7725.                        <div class="row">
  7726.                            <div class="col-12">
  7727.                                                            </div>
  7728.                        </div>
  7729.                        <div class="row">
  7730.                            <div class="col-12">
  7731.                                                                    <div class="footerSocial" style="margin-bottom:10px;">
  7732.                                        <style type="text/css">
  7733.    .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active {
  7734.        background-image: linear-gradient(#80D544, #65BC3E);
  7735.        background-image: -webkit-linear-gradient(top, #80D544, #65BC3E);
  7736.        background-image: -moz-linear-gradient(top, #80D544, #65BC3E);
  7737.        background-image: -ms-linear-gradient(top, #80D544, #65BC3E);
  7738.        background-image: -o-linear-gradient(top, #80D544, #65BC3E);
  7739.        background-image: linear-gradient(to bottom, #80D544, #65BC3E);
  7740.        -webkit-border-radius: 5px;
  7741.        border-radius: 5px;
  7742.        color: #FFF;
  7743.        font-size: 14px;
  7744.        padding: 5px 8px;
  7745.        padding-bottom: 8px;
  7746.        text-decoration: none;
  7747.        cursor: pointer;
  7748.        display: inline-block;
  7749.        margin-right: 11px;
  7750.    }
  7751.    .footerLineWidget:hover {
  7752.        background-image: linear-gradient(#80D544, #65BC3E);
  7753.        color: #FFF;
  7754.        background-image: -webkit-linear-gradient(top, #65BC3E, #80D544);
  7755.        background-image: -moz-linear-gradient(top, #65BC3E, #80D544);
  7756.        background-image: -ms-linear-gradient(top, #65BC3E, #80D544);
  7757.        background-image: -o-linear-gradient(top, #65BC3E, #80D544);
  7758.        background-image: linear-gradient(to bottom, #65BC3E, #80D544);
  7759.        text-decoration: none;
  7760.    }
  7761.    .footerLineWidget{
  7762.        font-size: 14px;
  7763.    }
  7764.    .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active {
  7765.        background: #00BC0C;
  7766.        background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c);
  7767.        background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c);
  7768.        background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c);
  7769.        background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c);
  7770.        background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c);
  7771.        -webkit-border-radius: 5px;
  7772.        border-radius: 5px;
  7773.        color: #FFF;
  7774.        font-size: 14px;
  7775.        padding: 5px 8px;
  7776.        padding-bottom: 8px;
  7777.        text-decoration: none;
  7778.        cursor: pointer;
  7779.        display: inline-block;
  7780.    }
  7781.  
  7782.    .footerWechatWidget:hover {
  7783.        background: #3cbf1c;
  7784.        color: #FFF;
  7785.        background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C);
  7786.        background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C);
  7787.        background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C);
  7788.        background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C);
  7789.        background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C);
  7790.        text-decoration: none;
  7791.    }
  7792.    .imgLineWidget,.imgWechatWidget{  
  7793.        width: 145px !important;
  7794.        height: 145px !important;
  7795.    }
  7796.    .qrcodeLogo{
  7797.        width: 25px;
  7798.        height: 25px;
  7799.    }
  7800.    #fsocial-widget {
  7801.         display:block;
  7802.    }
  7803.  
  7804.    #fsocial-widget>.faco-top {
  7805.        margin-bottom: 25px;
  7806.    }
  7807.  
  7808.    .pointer-none {
  7809.        pointer-events: none;
  7810.    }
  7811.  
  7812.    </style>
  7813. <div class="social-widget" id="fsocial-widget">
  7814.            <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/PhetMetalsheets">
  7815.            <i class="far fa-circle colorFacebookBG pointer-none"></i>
  7816.            <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i>
  7817.        </a>
  7818.                
  7819.    
  7820.    
  7821.    
  7822.    </div>
  7823.  
  7824.    
  7825.    <script type="text/javascript">
  7826.  
  7827.    jQuery(".footerWechatWidget").click(function () {
  7828.        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
  7829.    });
  7830.    
  7831. </script>                                    </div>
  7832.                                                            </div>
  7833.                        </div>
  7834.                        <!-- <div class="row">
  7835.                            <div class="col-12">
  7836.                                                            <div class="divFooterLine">
  7837.                                                            </div>
  7838.                                                    </div>
  7839.                        </div> -->
  7840.                    </div>
  7841.                    <div class="col-12 col-sm-4">
  7842.                        <div class="row">
  7843.                            <div class="col-12">
  7844.                                                                    <div class="row">
  7845.                    <div class="menuCol">
  7846.                    <div class="footerTopic" id="footermenu-head_1">
  7847.                        Menu                    </div>
  7848.                    <div class="advdividerF"style="visibility: hidden;"></div>
  7849.                                            <ul class="ul-footermenu-sub">
  7850.                                                            <li class="li-footer-sub">
  7851.                                    <a href="javascript:void(0)" target="_self">
  7852.                                        Home                                    </a>
  7853.                                </li>
  7854.                                                            <li class="li-footer-sub">
  7855.                                    <a href="/about-us" target="_self">
  7856.                                        About us                                    </a>
  7857.                                </li>
  7858.                                                            <li class="li-footer-sub">
  7859.                                    <a href="/service" target="_self">
  7860.                                        Services                                    </a>
  7861.                                </li>
  7862.                                                            <li class="li-footer-sub">
  7863.                                    <a href="/category" target="_self">
  7864.                                        Products                                    </a>
  7865.                                </li>
  7866.                                                            <li class="li-footer-sub">
  7867.                                    <a href="/gallery" target="_self">
  7868.                                        Reference                                    </a>
  7869.                                </li>
  7870.                                                            <li class="li-footer-sub">
  7871.                                    <a href="/contactus" target="_self">
  7872.                                        Contact                                    </a>
  7873.                                </li>
  7874.                                                    </ul>
  7875.                                    </div>
  7876.                </div>
  7877.                                                            </div>
  7878.                        </div>
  7879.                    </div>
  7880.                    <div class="col-12 col-sm-4">
  7881.                        <div class="row">
  7882.                            <div class="col-12">
  7883.                                                                        <div class="fb-page" data-href="https://www.facebook.com/PhetMetalsheets/"
  7884.                 data-width="500"
  7885.                               data-height="300"
  7886.                           data-tabs="timeline,"
  7887.         data-hide-cover="false"
  7888.         data-show-facepile="true"
  7889.         data-hide-cta="false"
  7890.         data-small-header="false"
  7891.         data-adapt-container-width="true"
  7892.                  >
  7893.    </div>
  7894.    <!--<blockquote cite="https://www.facebook.com/PhetMetalsheets/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/PhetMetalsheets/">Page</a></blockquote>-->
  7895.                                                            </div>
  7896.                        </div>
  7897.                    </div>
  7898.                </div>
  7899.            </div>
  7900.        </div>
  7901.                    <div id="footer-bar">
  7902.            <div class="container">
  7903.                                    <div class="row">
  7904.                        <div class="col-12">
  7905.                            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Quicksand; font-size: 12px; color: #ffffff;" data-mce-style="font-family: Quicksand; font-size: 12px; color: #ffffff;">@ Copyright&nbsp; 2023 | Phet Metalsheet Ltd. All Rights Reserved.</span></div>                        </div>
  7906.                    </div>
  7907.                                            </div>
  7908.        </div>
  7909.    </footer>
  7910.  
  7911.  
  7912.                </div>
  7913.                                    <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; ">
  7914.                        Powered by
  7915.                        <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="ทำเว็บฟรี สร้างเว็บฟรี เว็บฟรี เว็บไซต์ฟรี">MakeWebEasy.com</a>
  7916.                    </div>
  7917.                
  7918.                                    <div class="widget_cart_fix_display "></div>
  7919.                            </div>
  7920.                                </div>
  7921.  
  7922.        <!-- cookie consent-->
  7923.        
  7924. <div class="policy-position">
  7925.    <div class="wrap-con">
  7926.        <div class="container">
  7927.            <div class="row pad-row-pdpa policy-container">
  7928.                <div class="col-12 col-md-9 col-lg-9">
  7929.                    <span class="txt-pdconsent">เว็บไซต์นี้มีการใช้งานคุกกี้ เพื่อเพิ่มประสิทธิภาพและประสบการณ์ที่ดีในการใช้งานเว็บไซต์ของท่าน  ท่านสามารถอ่านรายละเอียดเพิ่มเติมได้ที่                        <a class="" href="/privacys-policy" target="_blank">นโยบายความเป็นส่วนตัว</a>
  7930.                        &nbsp;และ&nbsp;                        <a class="" href="/cookies-policy" target="_blank">นโยบายคุกกี้</a>
  7931.                    </span>
  7932.                </div>
  7933.                <div class="col-12 col-md-3 col-lg-3 colbtn">
  7934.                    <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">ตั้งค่าคุกกี้</button>
  7935.                    <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยอมรับทั้งหมด</button>
  7936.                </div>
  7937.            </div>
  7938.        </div>
  7939.    </div>
  7940. </div>        
  7941.        <script type="text/javascript">
  7942.            var plugins = {};
  7943.                            plugins['fontawesome'] = {'isEnable': false};
  7944.                            plugins['hamburgers'] = {'isEnable': true};
  7945.                            plugins['imagesloaded'] = {'isEnable': false};
  7946.                            plugins['magnificpopup'] = {'isEnable': false};
  7947.                            plugins['masonry'] = {'isEnable': false};
  7948.                            plugins['owlcarousel'] = {'isEnable': true};
  7949.                            plugins['perfectscrollbar'] = {'isEnable': false};
  7950.                            plugins['scrollposstyler'] = {'isEnable': false};
  7951.                            plugins['style_mwe'] = {'isEnable': false};
  7952.                            plugins['all'] = {'isEnable': false};
  7953.                            plugins['circularloading'] = {'isEnable': true};
  7954.                            plugins['customerjs'] = {'isEnable': false};
  7955.                            plugins['customerstyle'] = {'isEnable': false};
  7956.                            plugins['font'] = {'isEnable': false};
  7957.                            plugins['fullcalendar'] = {'isEnable': false};
  7958.                            plugins['homebox_eventcalendar'] = {'isEnable': false};
  7959.                            plugins['page_calendar'] = {'isEnable': false};
  7960.                            plugins['page_faq'] = {'isEnable': false};
  7961.                            plugins['themesystem'] = {'isEnable': false};
  7962.                    </script>
  7963.        <!-- JS Main -->
  7964.                <script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
  7965.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202306151430"></script>
  7966.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202306151430"></script>
  7967.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202306151430"></script>
  7968.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202306151430"></script>
  7969.        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202306151430" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  7970.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202306151430"></script>
  7971.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202306151430"></script>
  7972.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202306151430"></script>
  7973.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202306151430"></script>
  7974.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202306151430"></script>
  7975.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202306151430"></script>
  7976.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
  7977.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202306151430"></script>
  7978.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202306151430"></script>
  7979.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202306151430"></script>
  7980.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202306151430"></script>
  7981.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202306151430"></script>
  7982.        <script>var lang = "th";</script>
  7983.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202306151430"></script>
  7984.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202306151430"></script>
  7985.                <!-- JS Page -->
  7986.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script><script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>        <!-- JS Main -->
  7987.                <script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
  7988.                <script type="text/javascript" src="/include/customer/customer.js?v=202401041130"></script>
  7989.        <script type="text/javascript" src="/include/customer/hideShowPassword.min.js?v=202306151430"></script>
  7990.                <!-- Script CustomerPage -->
  7991.                <!-- Script Body -->
  7992.        <script type="text/javascript">
  7993.            $(document).ready(function () {
  7994.                if (
  7995.                    navigator.platform == 'iPhone' ||
  7996.                    navigator.platform == 'iPod' ||
  7997.                    navigator.platform == 'iPad' ||
  7998.                    (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0)
  7999.                ) {
  8000.                    var $body = $('body');
  8001.                    var bg_attachment = $body.css('background-attachment');
  8002.                    if (bg_attachment == 'fixed') {
  8003.                        var bg_size = $body.css('background-size');
  8004.                        if (bg_size == 'auto') {
  8005.                            var bg_img = $body.css('background-image');
  8006.                            var bg_repeat = $body.css('background-repeat');
  8007.                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
  8008.                            $bodyBG.css('width', '100vw');
  8009.                            $bodyBG.css('height', '100vh');
  8010.                            $bodyBG.css('position', 'fixed');
  8011.                            $bodyBG.css('top', '0');
  8012.                            $bodyBG.css('left', '0');
  8013.                            $bodyBG.css('background-image', bg_img);
  8014.                            $bodyBG.css('background-repeat', bg_repeat);
  8015.                            $bodyBG.css('z-index', '-99');
  8016.                            $body.prepend($bodyBG);
  8017.  
  8018.                        } else if (bg_size == 'cover') {
  8019.                            var bg_img = $body.css('background-image');
  8020.                            var bg_repeat = $body.css('background-repeat');
  8021.                            var bg_pos = $body.css('background-position');
  8022.                            var bg_size = $body.css('background-size');
  8023.                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
  8024.                            $bodyBG.css('width', '100vw');
  8025.                            $bodyBG.css('height', '100vh');
  8026.                            $bodyBG.css('position', 'fixed');
  8027.                            $bodyBG.css('top', '0');
  8028.                            $bodyBG.css('left', '0');
  8029.                            $bodyBG.css('background-image', bg_img);
  8030.                            $bodyBG.css('background-repeat', bg_repeat);
  8031.                            $bodyBG.css('background-position', bg_pos);
  8032.                            $bodyBG.css('background-size', bg_size);
  8033.                            $bodyBG.css('-webkit-background-size', bg_size);
  8034.                            $bodyBG.css('-moz-background-size', bg_size);
  8035.                            $bodyBG.css('-o-background-size', bg_size);
  8036.                            $bodyBG.css('z-index', '-99');
  8037.                            $body.prepend($bodyBG);
  8038.                        }
  8039.                    }
  8040.                }
  8041.            });
  8042.        </script>
  8043.        <!-- Script Rellax -->
  8044.        <script type="text/javascript">
  8045.            if (document.getElementsByClassName("rellax").length > 0) {
  8046.                if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) {
  8047.                    var rellax = new Rellax('.rellax', {
  8048.                        speed: -4,
  8049.                        round: true
  8050.                    });
  8051.                } else {
  8052.                    $(document).ready(function () {
  8053.                        $('.rellax-view').each(function (index) {
  8054.                            var $rellax = $(this).find('>.rellax');
  8055.                            var bg_img = $rellax.css('background-image');
  8056.                            var bg_repeat = $rellax.css('background-repeat');
  8057.                            var bg_xpos = $rellax.css('background-position-x');
  8058.                            var bg_ypos = $rellax.css('background-position-y');
  8059.                            var bg_size = $rellax.css('background-size');
  8060.                            $(this).css({
  8061.                                'background-image': bg_img,
  8062.                                'background-repeat': bg_repeat,
  8063.                                'background-position-x': bg_xpos,
  8064.                                'background-position-y': bg_ypos,
  8065.                                '-webkit-background-size': bg_size,
  8066.                                '-moz-background-size': bg_repeat,
  8067.                                '-o-background-size': bg_repeat,
  8068.                                'background-size': bg_repeat,
  8069.                            }).addClass('rellax-not-support');
  8070.                            $rellax.remove();
  8071.                        });
  8072.                    });
  8073.                }
  8074.            }
  8075.        </script>
  8076.        <!-- Script Slide -->
  8077.        <script type="text/javascript">
  8078.        var $owlTemp38949 = jQuery(".owl-carouselhh_38949");
  8079.        var slideSpeedOwl38949 = "medium";
  8080.        if (slideSpeedOwl38949 == "slow") {
  8081.            var autoplayTimeoutOwl38949= 7000;
  8082.        } else if (slideSpeedOwl38949 == "medium") {
  8083.            var autoplayTimeoutOwl38949 = 5000;
  8084.        } else if (slideSpeedOwl38949 == "fast") {
  8085.            var autoplayTimeoutOwl38949 = 3000;
  8086.        }
  8087.        $owlTemp38949.on("initialize.owl.carousel", function (e) {
  8088.            jQuery(".iconLoadSlider_38949").fadeOut("slow");
  8089.            jQuery(".iconDiv_38949").remove();
  8090.        });
  8091.        $owlTemp38949.on("initialized.owl.carousel", function (e) {
  8092.            var $owl_item = $owlTemp38949.find(".owl-item");
  8093.            $owl_item.each(function () {
  8094.                var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
  8095.                var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
  8096.                $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
  8097.            });
  8098.        });
  8099.  
  8100.        var resizeTimer38949;
  8101.        jQuery(window).on("resize", function() {
  8102.            clearTimeout(resizeTimer38949);
  8103.            resizeTimer38949 = setTimeout(function() {
  8104.                var $owl_item = $owlTemp38949.find(".owl-item");
  8105.                $owl_item.each(function () {
  8106.                    var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
  8107.                    var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
  8108.                    $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
  8109.                });
  8110.  
  8111.                var $item_img = $owlTemp38949.find(".item img");
  8112.                $item_img.css("height", "auto");
  8113.                $item_img.each(function () {
  8114.                    var height = $(this).height();
  8115.                    $(this).css("height", height);
  8116.                });
  8117.            }, 250);
  8118.        });
  8119.        $owlTemp38949.on({
  8120.            mouseenter: function() {
  8121.                $(this).trigger("stop.owl.autoplay");
  8122.            },
  8123.            mouseover: function() {
  8124.                $(this).trigger("stop.owl.autoplay");
  8125.            },
  8126.            mouseout: function() {
  8127.                $(this).trigger("play.owl.autoplay");
  8128.            },
  8129.            touchstart: function() {
  8130.                $(this).trigger("stop.owl.autoplay");
  8131.            },
  8132.            touchend: function() {
  8133.                $(this).trigger("play.owl.autoplay");
  8134.            }
  8135.        });
  8136.        $owlTemp38949.owlCarousel({
  8137.            loop: true,
  8138.            autoplay: true,
  8139.            autoplayTimeout: autoplayTimeoutOwl38949,
  8140.            autoplaySpeed: 900,
  8141.            dotsSpeed: 1000,
  8142.            lazyLoad: true,
  8143.            dots: true,
  8144.            navText: ["<i class=\"fal fa-3x fa-angle-left\"></i>", "<i class=\"fal fa-3x fa-angle-right\"></i>"],
  8145.            navSpeed: 1000,
  8146.            responsiveClass: true,
  8147.            responsive: {
  8148.                0: {
  8149.                    items: 1,
  8150.                    nav: true
  8151.                },
  8152.                1025: {
  8153.                    items: 1,
  8154.                    nav: true
  8155.                }
  8156.            }
  8157.        });
  8158.        function doAnimations38949(elems) {
  8159.            elems.each(function () {
  8160.                var $owl_item = $(this);
  8161.                var $item = $owl_item.find(".item");
  8162.                var $item_class = $item.attr("class");
  8163.                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
  8164.                var $animationType = $contentEffect.data("animation");
  8165.                var same_item = $owlTemp38949.find(".owl-item:not(.active)").find("." + $item_class.split(" ").join("."));
  8166.                if (same_item.length > 0) {
  8167.                    same_item.find("[data-animation ^= \"animated\"]").addClass($animationType);
  8168.                }
  8169.                $contentEffect.addClass($animationType);
  8170.            });
  8171.        }
  8172.        var $firstAnimatingElems38949 = $owlTemp38949.find(".owl-item.active");
  8173.        doAnimations38949($firstAnimatingElems38949);
  8174.        $owlTemp38949.on("translate.owl.carousel", function (e) {
  8175.            var elems = $owlTemp38949.find(".owl-item:not(.active)");
  8176.            elems.each(function () {
  8177.                var $owl_item = $(this);
  8178.                var $item = $owl_item.find(".item");
  8179.                var $item_class = $item.attr("class");
  8180.                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
  8181.                var $animationType = $contentEffect.data("animation");
  8182.  
  8183.                var same_item = $owlTemp38949.find(".owl-item.active").find("." + $item_class.split(" ").join("."));
  8184.                if (same_item.length == 0) {
  8185.                    $item.find("[data-animation ^= \"animated\"]").removeClass($animationType);
  8186.                }
  8187.            });
  8188.        });
  8189.        $owlTemp38949.on("translated.owl.carousel", function (e) {
  8190.            var $animatingElems = $owlTemp38949.find(".owl-item.active");
  8191.            doAnimations38949($animatingElems);
  8192.        });
  8193.        jQuery(".Mweslide_38949 .owl-dot").on("click", function (e) {
  8194.            if (!$(this).hasClass("active")) {
  8195.                $owlTemp38949.find(".owl-item .item").find("[data-animation ^= \"animated\"]").removeClass().addClass("contentEffect contentBG contentPadding");
  8196.            }
  8197.        });
  8198.    </script><script type="text/javascript">
  8199.        var $owlTemp40266 = jQuery(".owl-carouselhh_40266");
  8200.        var slideSpeedOwl40266 = "medium";
  8201.        if (slideSpeedOwl40266 == "slow") {
  8202.            var autoplayTimeoutOwl40266= 7000;
  8203.        } else if (slideSpeedOwl40266 == "medium") {
  8204.            var autoplayTimeoutOwl40266 = 5000;
  8205.        } else if (slideSpeedOwl40266 == "fast") {
  8206.            var autoplayTimeoutOwl40266 = 3000;
  8207.        }
  8208.        $owlTemp40266.on("initialize.owl.carousel", function (e) {
  8209.            jQuery(".iconLoadSlider_40266").fadeOut("slow");
  8210.            jQuery(".iconDiv_40266").remove();
  8211.        });
  8212.        $owlTemp40266.on("initialized.owl.carousel", function (e) {
  8213.            var $owl_item = $owlTemp40266.find(".owl-item");
  8214.            $owl_item.each(function () {
  8215.                var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
  8216.                var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
  8217.                $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
  8218.            });
  8219.        });
  8220.  
  8221.        var resizeTimer40266;
  8222.        jQuery(window).on("resize", function() {
  8223.            clearTimeout(resizeTimer40266);
  8224.            resizeTimer40266 = setTimeout(function() {
  8225.                var $owl_item = $owlTemp40266.find(".owl-item");
  8226.                $owl_item.each(function () {
  8227.                    var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
  8228.                    var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
  8229.                    $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
  8230.                });
  8231.  
  8232.                var $item_img = $owlTemp40266.find(".item img");
  8233.                $item_img.css("height", "auto");
  8234.                $item_img.each(function () {
  8235.                    var height = $(this).height();
  8236.                    $(this).css("height", height);
  8237.                });
  8238.            }, 250);
  8239.        });
  8240.        $owlTemp40266.on({
  8241.            mouseenter: function() {
  8242.                $(this).trigger("stop.owl.autoplay");
  8243.            },
  8244.            mouseover: function() {
  8245.                $(this).trigger("stop.owl.autoplay");
  8246.            },
  8247.            mouseout: function() {
  8248.                $(this).trigger("play.owl.autoplay");
  8249.            },
  8250.            touchstart: function() {
  8251.                $(this).trigger("stop.owl.autoplay");
  8252.            },
  8253.            touchend: function() {
  8254.                $(this).trigger("play.owl.autoplay");
  8255.            }
  8256.        });
  8257.        $owlTemp40266.owlCarousel({
  8258.            loop: true,
  8259.            autoplay: true,
  8260.            autoplayTimeout: autoplayTimeoutOwl40266,
  8261.            autoplaySpeed: 900,
  8262.            dotsSpeed: 1000,
  8263.            lazyLoad: true,
  8264.            dots: false,
  8265.            navText: ["<i class=\"fal fa-3x fa-angle-left\"></i>", "<i class=\"fal fa-3x fa-angle-right\"></i>"],
  8266.            navSpeed: 1000,
  8267.            responsiveClass: true,
  8268.            responsive: {
  8269.                0: {
  8270.                    items: 1,
  8271.                    nav: false
  8272.                },
  8273.                1025: {
  8274.                    items: 4,
  8275.                    nav: false
  8276.                }
  8277.            }
  8278.        });
  8279.        function doAnimations40266(elems) {
  8280.            elems.each(function () {
  8281.                var $owl_item = $(this);
  8282.                var $item = $owl_item.find(".item");
  8283.                var $item_class = $item.attr("class");
  8284.                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
  8285.                var $animationType = $contentEffect.data("animation");
  8286.                var same_item = $owlTemp40266.find(".owl-item:not(.active)").find("." + $item_class.split(" ").join("."));
  8287.                if (same_item.length > 0) {
  8288.                    same_item.find("[data-animation ^= \"animated\"]").addClass($animationType);
  8289.                }
  8290.                $contentEffect.addClass($animationType);
  8291.            });
  8292.        }
  8293.        var $firstAnimatingElems40266 = $owlTemp40266.find(".owl-item.active");
  8294.        doAnimations40266($firstAnimatingElems40266);
  8295.        $owlTemp40266.on("translate.owl.carousel", function (e) {
  8296.            var elems = $owlTemp40266.find(".owl-item:not(.active)");
  8297.            elems.each(function () {
  8298.                var $owl_item = $(this);
  8299.                var $item = $owl_item.find(".item");
  8300.                var $item_class = $item.attr("class");
  8301.                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
  8302.                var $animationType = $contentEffect.data("animation");
  8303.  
  8304.                var same_item = $owlTemp40266.find(".owl-item.active").find("." + $item_class.split(" ").join("."));
  8305.                if (same_item.length == 0) {
  8306.                    $item.find("[data-animation ^= \"animated\"]").removeClass($animationType);
  8307.                }
  8308.            });
  8309.        });
  8310.        $owlTemp40266.on("translated.owl.carousel", function (e) {
  8311.            var $animatingElems = $owlTemp40266.find(".owl-item.active");
  8312.            doAnimations40266($animatingElems);
  8313.        });
  8314.        jQuery(".Mweslide_40266 .owl-dot").on("click", function (e) {
  8315.            if (!$(this).hasClass("active")) {
  8316.                $owlTemp40266.find(".owl-item .item").find("[data-animation ^= \"animated\"]").removeClass().addClass("contentEffect contentBG contentPadding");
  8317.            }
  8318.        });
  8319.    </script>        <!-- Script WidgetCart -->
  8320.                    <script>
  8321.                drawWidgetCartFix();
  8322.            </script>
  8323.        
  8324.        <!-- Script MWEAds -->
  8325.        <script>
  8326.            // $("#divMWEAds").on("click", function (e) {
  8327.            //     var aNode = e.target.nodeName;
  8328.            //     if (aNode !== "B") {
  8329.            //         window.open('https://www.makewebeasy.com');
  8330.            //     }
  8331.            // });
  8332.        </script>
  8333.        <!-- Script FB -->
  8334.        
  8335.        <script>
  8336.            (function (d, s, id) {
  8337.                var lang = "th_TH";
  8338.                var js, fjs = d.getElementsByTagName(s)[0];
  8339.                if (d.getElementById(id))
  8340.                    return;
  8341.                js = d.createElement(s);
  8342.                js.id = id;
  8343.                js.async = true;
  8344.                    js.src = "https://connect.facebook.net/" + lang + "/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&appId=160631041153580";
  8345.                fjs.parentNode.insertBefore(js, fjs);
  8346.            }(document, "script", "facebook-jssdk"));
  8347.        </script>
  8348.            <!-- Script Embed -->
  8349.                <!-- Script More -->
  8350.        <script type="text/javascript">
  8351.            function myFunctionincount(id, gid, page, homid, place, local, pagetype) {
  8352.                if (id !== '' && page !== '' && local !== '') {
  8353.                    jQuery.ajax({
  8354.                        type: 'POST',
  8355.                        url: '/customer/banner/store.php',
  8356.                        data: {
  8357.                            bnid: id,
  8358.                            gid: gid,
  8359.                            page: page,
  8360.                            home: homid,
  8361.                            place: place,
  8362.                            local: local,
  8363.                            pagetype: pagetype
  8364.                        },
  8365.                        success: function (returnData) {
  8366.                            if (returnData != '') {
  8367.                                console.log(returnData);
  8368.                            }
  8369.                        }
  8370.                    });
  8371.                }
  8372.            }
  8373.            $(function () {
  8374.                $('a[href*="#"]:not([href="#"])').click(function () {
  8375.                    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
  8376.                        var target = $(this.hash);
  8377.                        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
  8378.                        if (target.length) {
  8379.                            disable_scroll();
  8380.                            $('html,body').animate({
  8381.                                scrollTop: target.offset().top
  8382.                            }, 'slow', function () {
  8383.                                enable_scroll();
  8384.                            });
  8385.                            return false;
  8386.                        }
  8387.                    }
  8388.                });
  8389.            });
  8390.            function preventDefault(e) {
  8391.                e = e || window.event;
  8392.                if (e.preventDefault)
  8393.                    e.preventDefault();
  8394.                e.returnValue = false;
  8395.            }
  8396.            function wheel(e) {
  8397.                preventDefault(e);
  8398.            }
  8399.            function disable_scroll() {
  8400.                if (window.addEventListener) {
  8401.                    window.addEventListener('DOMMouseScroll', wheel, false);
  8402.                }
  8403.                window.onmousewheel = document.onmousewheel = wheel;
  8404.            }
  8405.            function enable_scroll() {
  8406.                if (window.removeEventListener) {
  8407.                    window.removeEventListener('DOMMouseScroll', wheel, false);
  8408.                }
  8409.                window.onmousewheel = document.onmousewheel = null;
  8410.            }
  8411.  
  8412.                        $(function () {
  8413.                $('#whatsappIcon').click(function () {
  8414.                    let toggle = $(this).data("toggle");
  8415.                    if (toggle == 0) {
  8416.                        $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"});
  8417.                        let date = new Date();
  8418.                        $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2));
  8419.                        $(this).data("toggle", 1);
  8420.                    } else {
  8421.                        $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
  8422.                        $(this).data("toggle", 0);
  8423.                    }
  8424.                });
  8425.                $('.whatsappBtnCancel').click(function () {
  8426.                    $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
  8427.                    $('#whatsappDialog').data("toggle", 0);
  8428.                });
  8429.            });
  8430.        </script>
  8431.        <script type="text/javascript">
  8432.            // Img LazyLoad
  8433.            document.addEventListener("DOMContentLoaded", function() {
  8434.                var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
  8435.                if ("IntersectionObserver" in window) {
  8436.                    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
  8437.                        entries.forEach(function(entry) {
  8438.                            if (entry.isIntersecting) {
  8439.                                let lazyImage = entry.target;
  8440.                                lazyImage.src = lazyImage.dataset.src;
  8441.                                lazyImage.classList.remove("lazy");
  8442.                                lazyImageObserver.unobserve(lazyImage);
  8443.                            }
  8444.                        });
  8445.                    });
  8446.  
  8447.                    lazyImages.forEach(function(lazyImage) {
  8448.                        lazyImageObserver.observe(lazyImage);
  8449.                    });
  8450.                } else {
  8451.                    // Possibly fall back to a more compatible method here
  8452.                    lazyImages.forEach(function(lazyImage) {
  8453.                        lazyImage.src = lazyImage.dataset.src;
  8454.                        lazyImage.classList.remove("lazy");
  8455.                    });
  8456.                }
  8457.            });
  8458.            // Iframe LazyLoad
  8459.            document.addEventListener("DOMContentLoaded", function() {
  8460.                var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy"));
  8461.                if ("IntersectionObserver" in window) {
  8462.                    let lazyIframeObserver = new IntersectionObserver(function(entries, observer) {
  8463.                        entries.forEach(function(entry) {
  8464.                            if (entry.isIntersecting) {
  8465.                                let lazyIframe = entry.target;
  8466.                                lazyIframe.src = lazyIframe.dataset.src;
  8467.                                lazyIframe.classList.remove("lazy");
  8468.                                lazyIframeObserver.unobserve(lazyIframe);
  8469.                            }
  8470.                        });
  8471.                    });
  8472.  
  8473.                    lazyIframes.forEach(function(lazyIframe) {
  8474.                        lazyIframeObserver.observe(lazyIframe);
  8475.                    });
  8476.                } else {
  8477.                    lazyIframes.forEach(function(lazyIframe) {
  8478.                        lazyIframe.src = lazyIframe.dataset.src;
  8479.                        lazyIframe.classList.remove("lazy");
  8480.                    });
  8481.                }
  8482.            });
  8483.        </script>
  8484.        <script type="text/javascript">
  8485.            // Img Opacity
  8486.            (function ($) {
  8487.                "use strict";
  8488.                $.fn.visible = function (partial) {
  8489.                    if (typeof ($(this).offset()) !== 'undefined') {
  8490.                        var $t = $(this),
  8491.                                $w = $(window),
  8492.                                viewTop = $w.scrollTop(),
  8493.                                viewBottom = viewTop + $w.height(),
  8494.                                _top = $t.offset().top,
  8495.                                _bottom = _top + $t.height(),
  8496.                                compareTop = partial === true ? _bottom : _top,
  8497.                                compareBottom = partial === true ? _top : _bottom;
  8498.                        return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop)));
  8499.                    }
  8500.                };
  8501.                jQuery(window).ready(function ($) {
  8502.                    var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = [];
  8503.                    //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'),
  8504.  
  8505.                    jQuery('body img').not('.imgLineWidget').imagesLoaded(function () {
  8506.                        bkthumbnail = $('#section-content').find('img:not(.zoomImg)');
  8507.                        bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)');
  8508.                    }).progress(function (instance, image) {
  8509.                        var result = image.isLoaded ? 'loaded' : 'broken';
  8510.                        if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) {
  8511.                            $(image.img).css('opacity', '1');
  8512.                        }
  8513.                        if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) {
  8514.                            $(image.img).css('opacity', '1');
  8515.                        }
  8516.                        if ($(image.img).closest(".owl-item").length > 0) {
  8517.                            $(image.img).css('opacity', '1');
  8518.                            var height = $(image.img).height();
  8519.                            $(image.img).css("height", height);
  8520.                        }
  8521.                    });
  8522.                    bkWindow.scroll(function (event) {
  8523.                        $.each(bkthumbnail, function (i, value) {
  8524.                            var bkValue = $(value);
  8525.                            if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) {
  8526.                                bkValue.css('opacity', '1');
  8527.                            }
  8528.                        });
  8529.                        $.each(bkthumbnailfooter, function (i, value) {
  8530.                            var bkValueft = $(value);
  8531.                            if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) {
  8532.                                bkValueft.css('opacity', '1');
  8533.                            }
  8534.                        });
  8535.                    });
  8536.                });
  8537.            })(jQuery);
  8538.        </script>
  8539.        
  8540.        <script type="text/javascript">
  8541.            $(function () {
  8542.                $('a[href^="tel:"], a[href^="Tel:"]').click(function () {
  8543.                    clickConversion('call');
  8544.                });
  8545.                $('a[href*="line.me"], a[href*="lin.ee"]').click(function () {
  8546.                    if($(this).hasClass('LineSocialPD')) return;
  8547.                    clickConversion('line');
  8548.                });
  8549.                $('a[href*="instagram.com"]').click(function () {
  8550.                    clickConversion('instagrams');
  8551.                })
  8552.                $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () {
  8553.                    if($(this).hasClass('facebookSocialPD')) return;
  8554.                    clickConversion('facebook');
  8555.                })
  8556.            });
  8557.            function clickConversion(snippetType, value = null, transectionId = null) {
  8558.                            }
  8559.        </script>
  8560.  
  8561.        
  8562.        
  8563.        <!-- Script Schema -->
  8564.        <script type="application/ld+json">
  8565.    {
  8566.      "@context": "https://schema.org",
  8567.      "@type": "WebSite",
  8568.      "url": "https://www.phetmetalsheet.com",
  8569.      "name":"เพชรเมททอลชีท โรงงานผลิต จำหน่าย หลังคาเหล็กรีดลอน แผ่นหลังคาเหล็กเมทัลชีท รางน้ำอลูซิงค์ เหล็กกัลวาไนซ์ รางน้ำสำเร็จรูป",
  8570.      "potentialAction": {
  8571.        "@type": "SearchAction",
  8572.        "target": {
  8573.          "@type": "EntryPoint",
  8574.          "urlTemplate": "https://www.phetmetalsheet.com/search/{search_term_string}"
  8575.        },
  8576.        "query-input": "required name=search_term_string"
  8577.      }
  8578.    }
  8579. </script>        <style>
  8580.            @media (max-width: 992px){
  8581.                .widget-overlay .fb-customerchat span iframe ,
  8582.                .widget-overlay .fb_dialog .fb_dialog_content iframe ,
  8583.                .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe,
  8584.                .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up {
  8585.                    bottom: 70px !important
  8586.                }
  8587.                #toTop.widget-to-top {
  8588.                    bottom :  150px !important;
  8589.                }
  8590.                #unknown{
  8591.                    bottom : 60px !important;
  8592.                }
  8593.            }
  8594.            .fb_new_ui_mobile_overlay_active {
  8595.                overflow: auto !important;
  8596.            }
  8597.        </style>
  8598.  
  8599.        
  8600.    </body>
  8601. </html>
  8602.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda