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: https://www.crmetalsheet.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="ซีอาร์ เมทัลชีท หลังคาเหล็ก CR Metalsheet โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ผลิตและจำหน่ายแผ่นหลังคาเมทัลชีท หลังคาเหล็กรีดลอนสเปน หรือลอนซีแพค หลังคาพียูโฟม หลังคาเหล็กลอนตะเข็บคู่ หลังคาลอนตรง หลังคาโค้งหลังเต่า โค้งกันสาด แผ่นปิดครอบแบบมาตรฐาน ลูกหมุนระบายอากาศ วัดหน้างานฟรี ส่งฟรี งานด่วน ได้ของไ..." />
  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="CR Metalsheet โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท หลังคาพียูโฟม สุพรรณบุรี อยุธยา อ่างทอง ชัยนาท สิงห์บุรี ปทุมธานี ฝั่งธน" />
  15.        <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/PaJLPBxde/DefaultData/logo_white.png" />
  16.        <meta property="og:description" content="ซีอาร์ เมทัลชีท หลังคาเหล็ก CR Metalsheet โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ผลิตและจำหน่ายแผ่นหลังคาเมทัลชีท หลังคาเหล็กรีดลอนสเปน หรือลอนซีแพค หลังคาพียูโฟม หลังคาเหล็กลอนตะเข็บคู่ หลังคาลอนตรง หลังคาโค้งหลังเต่า โค้งกันสาด แผ่นปิดครอบแบบมาตรฐาน ลูกหมุนระบายอากาศ วัดหน้างานฟรี ส่งฟรี งานด่วน ได้ของไ..." />
  17.        <meta property="og:url" content="https://www.crmetalsheet.com/" />
  18.        <meta property="og:site_name" content="crmetalsheet.com" />
  19.        <!-- twitter -->
  20.        <meta name="twitter:card" content="summary_large_image">
  21.        <meta name="twitter:site" content="crmetalsheet.com">
  22.        <meta name="twitter:title" content="CR Metalsheet โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท หลังคาพียูโฟม สุพรรณบุรี อยุธยา อ่างทอง ชัยนาท สิงห์บุรี ปทุมธานี ฝั่งธน">
  23.        <meta name="twitter:description" content="ซีอาร์ เมทัลชีท หลังคาเหล็ก CR Metalsheet โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ผลิตและจำหน่ายแผ่นหลังคาเมทัลชีท หลังคาเหล็กรีดลอนสเปน หรือลอนซีแพค หลังคาพียูโฟม หลังคาเหล็กลอนตะเข็บคู่ หลังคาลอนตรง หลังคาโค้งหลังเต่า โค้งกันสาด แผ่นปิดครอบแบบมาตรฐาน ลูกหมุนระบายอากาศ วัดหน้างานฟรี ส่งฟรี งานด่วน ได้ของไ...">
  24.        <meta name="twitter:image" content="https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData/logo_white.png">
  25.        <meta name="twitter:domain" content="https://www.crmetalsheet.com/">
  26.        <!-- google -->
  27.        <meta name="google-site-verification" content="EkX-yXup_PJCI9z96kD0ASSy3fAi_hywlVdW9N_zHoI" />        <meta name="generator" content="MakeWebEasy" />
  28.        <!-- Phone number-->
  29.        <meta name="format-detection" content="telephone=no">
  30.                                                <link rel="alternate" href="https://www.crmetalsheet.com/" hreflang="x-default" />
  31.                    
  32.        <link rel="canonical" href="https://www.crmetalsheet.com/" />
  33.        
  34.                <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/PaJLPBxde/attach_file/favicon/favicon_20240112102205-0.ico?v=202306151430" />
  35.        <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/PaJLPBxde/attach_file/favicon/favicon_20240112102205-0.ico?v=202306151430" type="image/x-icon" />
  36.        <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/PaJLPBxde/attach_file/favicon/favicon_20240112102205-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=20240503182141" />
  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_PaJLPBxde.min.css?v=1713922799" />
  52.        
  53.        <title>CR Metalsheet โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท หลังคาพียูโฟม สุพรรณบุรี อยุธยา อ่างทอง ชัยนาท สิงห์บุรี ปทุมธานี ฝั่งธน</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-fluid">
  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: Roboto; color: #ffffff;" data-mce-style="font-family: Roboto; color: #ffffff;"><span class="fas fa-phone-volume 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>086-6693268&nbsp; &nbsp; <span class="fas fa-fax 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> 035-431941&nbsp; &nbsp;<span class="fas fa-store 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> OPEN 08:00 - 17:00 จันทร์ - เสาร์</span>                                        </div>
  661.                                    </div>
  662.                                                                                                                                                                                                                            </div>
  663.                                            </div>
  664.                </div>
  665.            </div>
  666.        </div>
  667.    
  668.            <div id="top-area">
  669.            <div id="top-sticky">
  670.                <div class="container-fluid">
  671.                                        <div class="row no-gutters ">
  672.                                                    <div class="col col-lg d-lg-inline-flex">
  673.                                <div id="logotop" class="hoverOverlay d-inline-flex align-middle">
  674.                                    <span class="navbar-brand">
  675.                                        <a href="/" style="text-decoration: none;">
  676.                                                <style>
  677.        @media (min-width: 1025px){
  678.            .img-logo {
  679.                                                                                    }
  680.        }
  681.    </style>
  682.    <img src="https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData/logo_white.png?v=202311151122" alt="logo" title="logo" class="d-inline-block img-logo"/>
  683.                                        </a>
  684.                                    </span>
  685.                                </div>
  686.                            </div>
  687.                                                                            <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center">
  688.                                                                    <div id="menutop" class="hoverOverlay d-inline-flex">
  689.                                        <div class="collapse navbar-collapse">
  690.                                            <style type="text/css">
  691.    .topwidget-menu .navbar-nav .dropdown-menu {
  692.        padding: 0;
  693.        margin: 0;
  694.    }
  695.    /*PC hack to hover*/
  696.    @media (min-width: 1025px) {
  697.        ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
  698.            display:block !important;
  699.        }
  700.        ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
  701.            display:block !important;
  702.        }
  703.        ul.navbar-topmenu.navbar-nav ul{
  704.            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  705.        }
  706.        .topwidget-menu {
  707.            margin: 10px;
  708.        }
  709.        ul.dropdown-menu.dropdown-menu-right{
  710.            left: unset;
  711.            right:0;
  712.        }
  713.        .dropdownfix-menu-right {
  714.            right:100% !important;
  715.            left:auto !important;
  716.        }
  717.        .public-topmenu .dropdown-menu-right .fa-chevron-right {
  718.            transform: rotate(180deg);
  719.            left: 0;
  720.            position: absolute;
  721.            top: 12px;
  722.        }
  723.        .public-topmenu .dropdown-menu-right .fa-chevron-down{
  724.            transform: rotate(90deg);
  725.            left: 0;
  726.            position: absolute;
  727.            top: 12px;
  728.        }
  729.        .more.hidden{
  730.            display:none;
  731.        }
  732.        .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
  733.            transform: rotate(-90deg);
  734.        }
  735.        ul.navbar-topmenu.navbar-nav > li.nav-item ul{
  736.            position: absolute;
  737.        }
  738.        .public-topmenu .topmenuLg{
  739.            border-right:none !important;
  740.        }
  741.    }
  742.    /* tablet*/
  743.    @media only screen and (min-width: 768px) and (max-width: 1112px) {
  744.        ul.navbar-topmenu.navbar-nav ul{
  745.            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  746.        }
  747.    }
  748.    /*mobile tablet*/
  749.    @media  only screen and (max-width: 1024px) {
  750.        
  751.        ul.navbar-topmenu .abl1 .arrowCollapse,
  752.        ul.navbar-topmenu .abl2 .arrowCollapse{
  753.            position: absolute;
  754.            right: 20px !important;
  755.            top: 25%;
  756.            text-align: center;
  757.            height: 16px;
  758.        }
  759.        ul.navbar-topmenu.navbar-nav a{
  760.            text-align: left !important;
  761.            white-space: normal;
  762.        }
  763.        ul.navbar-topmenu.navbar-nav .fa-chevron-down{
  764.                        transition: all .3s ease 0s;
  765.            -ms-transition: all .3s ease 0s;
  766.            -webkit-transition: all .3s ease 0s;
  767.            -moz-transition: all .3s ease 0s;
  768.        }
  769.        ul.navbar-topmenu.navbar-nav .fa-chevron-right{
  770.                         transform: rotate(90deg);
  771.            transition: all .3s ease 0s;
  772.            -ms-transition: all .3s ease 0s;
  773.            -webkit-transition: all .3s ease 0s;
  774.            -moz-transition: all .3s ease 0s;
  775.           /* width: 15px;
  776.            height: 15px; */
  777.        }
  778.        
  779.        ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
  780.            right: 12px;
  781.            top: 27%;
  782.        }
  783.  
  784.        ul.navbar-topmenu.navbar-nav a{
  785.            word-wrap: break-word;
  786.        }
  787.        ul.navbar-topmenu.navbar-nav .more{
  788.            display:none !important;
  789.        }
  790.        .public-topmenu .dropdown.show > a > .arrowCollapse{
  791.            transform: rotate(180deg);
  792.            -ms-transform: rotate(180deg);
  793.            -webkit-transform: rotate(180deg);
  794.            -moz-transform: rotate(180deg);
  795.        }
  796.        .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{
  797.            transform: rotate(270deg);
  798.            -ms-transform: rotate(270deg);
  799.            -webkit-transform: rotate(270deg);
  800.            -moz-transform: rotate(270deg);
  801.        }
  802.        .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
  803.            transform: rotate(270deg);
  804.            -ms-transform: rotate(270deg);
  805.            -webkit-transform: rotate(270deg);
  806.            -moz-transform: rotate(270deg);
  807.        }
  808.        ul.navbar-topmenu.navbar-nav > li > ul > li > a {
  809.            padding-left: 30px !important;
  810.        }
  811.        ul.navbar-topmenu.navbar-nav ul ul a {
  812.            padding-left: 45px !important;
  813.        }
  814.    }
  815. </style>
  816. <div class="topwidget-menu">
  817.    <ul class="navbar-nav navbar-topmenu public-topmenu">
  818.                                    <li class="nav-item ">
  819.                    <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self">
  820.                        Home                    </a>
  821.                </li>
  822.                                                <li class="nav-item ">
  823.                    <a class="nav-link abl1"   href="/about-us" target="_self">
  824.                        About Us                    </a>
  825.                </li>
  826.                                                <li class="nav-item ">
  827.                    <a class="nav-link abl1"   href="/services" target="_self">
  828.                        Services                    </a>
  829.                </li>
  830.                                                <li class="nav-item dropdown ">
  831.                    <a class="nav-link abl1"   href="/category" target="_self" style="position: relative;">
  832.                        Products                                                    <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
  833.                                            </a>
  834.                    <ul class="dropdown-menu">
  835.                                                                                    <li>
  836.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194448-196252/%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B9%80%E0%B8%A1%E0%B8%97%E0%B8%B1%E0%B8%A5%E0%B8%8A%E0%B8%B5%E0%B8%97" target="_self">
  837.                                        หลังคาเหล็กเมทัลชีท                                    </a>
  838.                                </li>
  839.                                                                                                                <li>
  840.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194517-196368/%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B8%9E%E0%B8%B5%E0%B8%A2%E0%B8%B9%E0%B9%82%E0%B8%9F%E0%B8%A1" target="_self">
  841.                                        หลังคาพียูโฟม                                    </a>
  842.                                </li>
  843.                                                                                                                <li>
  844.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194450-196254/%E0%B9%81%E0%B8%9C%E0%B9%88%E0%B8%99%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%88%E0%B8%87%E0%B9%81%E0%B8%AA%E0%B8%87" target="_self">
  845.                                        แผ่นหลังคาโปร่งแสง                                    </a>
  846.                                </li>
  847.                                                                                                                <li>
  848.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194451-196255/%E0%B9%81%E0%B8%9C%E0%B9%88%E0%B8%99%E0%B8%89%E0%B8%99%E0%B8%A7%E0%B8%99%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A3%E0%B9%89%E0%B8%AD%E0%B8%99" target="_self">
  849.                                        แผ่นฉนวนกันความร้อน                                    </a>
  850.                                </li>
  851.                                                                                                                <li>
  852.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194452-196256/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%AB%E0%B8%A1%E0%B8%B8%E0%B8%99%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%B2%E0%B8%A2%E0%B8%AD%E0%B8%B2%E0%B8%81%E0%B8%B2%E0%B8%A86/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%AB%E0%B8%A1%E0%B8%B8%E0%B8%99%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%B2%E0%B8%A2%E0%B8%AD%E0%B8%B2%E0%B8%81%E0%B8%B2%E0%B8%A8" target="_self">
  853.                                        ลูกหมุนระบายอากาศ                                    </a>
  854.                                </li>
  855.                                                                                                                <li>
  856.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194453-196257/%E0%B8%AA%E0%B8%81%E0%B8%A3%E0%B8%B9%E0%B8%A2%E0%B8%B6%E0%B8%94%E0%B9%81%E0%B8%9C%E0%B9%88%E0%B8%99%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2" target="_self">
  857.                                        สกรูยึดแผ่นหลังคา                                    </a>
  858.                                </li>
  859.                                                                                                                <li>
  860.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194454-196258/%E0%B8%95%E0%B8%B1%E0%B8%A7%E0%B8%AD%E0%B8%A2%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%AA%E0%B8%B5%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B9%80%E0%B8%AB%E0%B8%A5%E0%B9%87%E0%B8%81" target="_self">
  861.                                        ตัวอย่างสีหลังคาเหล็ก                                    </a>
  862.                                </li>
  863.                                                                        </ul>
  864.                </li>
  865.                                                <li class="nav-item ">
  866.                    <a class="nav-link abl1"   href="/categorycontent" target="_self">
  867.                        Article                    </a>
  868.                </li>
  869.                                                <li class="nav-item topmenuLg">
  870.                    <a class="nav-link abl1"   href="/contactus" target="_self">
  871.                        Contact                    </a>
  872.                </li>
  873.                    
  874.        <li class="nav-item dropdown more hidden" data-width="80">
  875.            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
  876.                เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
  877.            </a>
  878.            <ul class="dropdown-menu"></ul>
  879.        </li>
  880.    </ul>
  881. </div>
  882.    <script>
  883.        /*width auto more*/
  884.        if (jQuery(window).width() > 1024) {
  885.                        calcWidth();
  886.                        var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu  > li.nav-item:visible:last');
  887.            last_visible_element.css('border-right', 'none');
  888.        }
  889.        function calcWidth() {
  890.            var navwidth = 0;
  891.            var availablespace = 0;
  892.            var logwid = jQuery('#logotop').outerWidth(true);
  893.            var defwidth = 0;
  894.            var intIsEnableSearchTop = "0";
  895.            var intIsEnableCart = "0";
  896.            var calAweDropdown = "17";
  897.            navwidth = navwidth + parseInt(calAweDropdown);
  898.            let isLayoutId = '39';
  899.            let fullcontainer = '1';
  900.            if (intIsEnableSearchTop == 1) {
  901.                defwidth = defwidth + 60;
  902.            }
  903.  
  904.            if (intIsEnableCart == 1) {
  905.                defwidth = defwidth + 60;
  906.            }
  907.  
  908.          /*  if (calAweDropdown != 0) {
  909.                defwidth = defwidth + calAweDropdown;
  910.            }*/
  911.          
  912.            if (typeof logwid === "undefined") {
  913.                var logwid = 0;
  914.            }
  915.            if (isLayoutId == '37' || isLayoutId == '38') {
  916.                var logwid = 0;
  917.            }
  918.            if(fullcontainer=='1'){
  919.                var pls_pad = 30;
  920.            }else{
  921.                var pls_pad = 0;
  922.            }
  923.            /* if(isLayoutId=='38'){
  924.             var defwidth = 180;
  925.             }*/
  926.            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17;
  927.            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
  928.                navwidth += jQuery(this).outerWidth(true);
  929.            });
  930.            /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () {
  931.                navwidth += 17;
  932.            });*/
  933.            var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49);
  934.            if (navwidth > availablespace) {
  935.                var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
  936.                var jimwidtest = lastItem.outerWidth(true);
  937.                lastItem.removeClass('nav-item');
  938.                lastItem.removeClass('dropdown');
  939.                lastItem.children('a.nav-link').addClass('dropdown-item');
  940.                lastItem.attr('data-width', lastItem.outerWidth(true));
  941.                if (jimwidtest > 0) {
  942.                    lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
  943.                }
  944.                delete lastItem;
  945.                calcWidth();
  946.                return 0;
  947.            } else {
  948.                if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
  949.                    var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
  950.                    if (navwidth + firstMoreElement.data('width') < availablespace) {
  951.                        firstMoreElement.addClass('nav-item');
  952.                        firstMoreElement.children('a.nav-link').removeClass('dropdown-item');
  953.                        firstMoreElement.removeAttr("data-width");
  954.                        firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
  955.                    }
  956.                    delete firstMoreElement;
  957.                }
  958.            }
  959.            /*hide more*/
  960.            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
  961.                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
  962.                if (thelast == 1) {
  963.                    //remove more
  964.                    var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
  965.                    if ((navwidth + firstMoreElement2.width()) < availablespace) {
  966.                        firstMoreElement2.addClass('nav-item');
  967.                        firstMoreElement2.addClass('topmenuLg');
  968.                        firstMoreElement2.children('a.nav-link').removeClass('dropdown-item');
  969.                        firstMoreElement2.removeAttr("data-width");
  970.                        firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more'));
  971.                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
  972.                    } else {
  973.                        jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  974.                    }
  975.                    delete firstMoreElement2;
  976.                } else {
  977.                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  978.                }
  979.            } else {
  980.                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
  981.                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
  982.            }
  983.        }
  984.  
  985.        function calcWidthAfter() {
  986.                                
  987.            //affix if reflesh topbar appear
  988.            if ($(window).scrollTop() > 0) {
  989.                var logwid = 190;
  990.            }else{
  991.                var logwid = jQuery('#logotop').outerWidth(true);
  992.            }
  993.            
  994.            var navwidth = 0;
  995.            var availablespace = 0;
  996.            var defwidth = 0;
  997.            var serwid = jQuery('#searchtop').outerWidth(true);
  998.            var car2id = jQuery('#cart2').outerWidth(true);
  999.            var intIsEnableSearchTop = "0";
  1000.            var intIsEnableCart = "0";
  1001.            let isLayoutId = '39';
  1002.            let fullcontainer = '1';
  1003.            if (intIsEnableSearchTop == 1) {
  1004.                defwidth = defwidth + serwid;
  1005.            }
  1006.  
  1007.            if (intIsEnableCart == 1) {
  1008.                defwidth = defwidth + car2id;
  1009.            }
  1010.  
  1011.            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg');
  1012.    
  1013.            if (typeof logwid === "undefined") {
  1014.               var logwid = 0;
  1015.            }
  1016.            if (isLayoutId == '37' || isLayoutId == '38') {
  1017.               var logwid = 0;
  1018.            }
  1019.            if(fullcontainer=='1'){
  1020.                var pls_pad = 30;
  1021.            }else{
  1022.                var pls_pad = 0;
  1023.            }
  1024.            var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true);
  1025.            jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () {
  1026.                navwidth += (jQuery(this).outerWidth(true));
  1027.            });
  1028.  
  1029.            var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60);
  1030.            
  1031.            if (navwidth > availablespace) {
  1032.               var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last();
  1033.               var jimwidtest = lastItem.outerWidth(true);
  1034.               lastItem.removeClass('nav-item');
  1035.               lastItem.removeClass('dropdown');
  1036.               lastItem.children('a.nav-link').addClass('dropdown-item');
  1037.               lastItem.attr('data-width', lastItem.outerWidth(true));
  1038.               if (jimwidtest > 0) {
  1039.                   lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul'));
  1040.               }
  1041.               delete lastItem;
  1042.               calcWidthAfter();
  1043.               return 0;
  1044.            } else {
  1045.               if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') {
  1046.                                   }
  1047.            }
  1048.  
  1049.            if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') {
  1050.                var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length;
  1051.                if (thelast == 1) {
  1052.                                          var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
  1053.                     if ((navwidth + firstMoreElement2.width()) < availablespace) {
  1054.                                             }
  1055.                      jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  1056.                } else {
  1057.                    jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show();
  1058.                }
  1059.            } else {
  1060.                jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide();
  1061.            }
  1062.  
  1063.            //add class last item menu ขอบโค้ง
  1064.            jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg');
  1065.        }
  1066.        
  1067.        /*nomobile*/
  1068.           /* }*/
  1069.    </script>
  1070.                                        </div>
  1071.                                    </div>
  1072.                                                                                            </div>
  1073.                                                                    </div>
  1074.                </div>
  1075.            </div>
  1076.        </div>
  1077.    </nav>
  1078. </div>
  1079. <div class="headerMobile">
  1080.        <style type="text/css">
  1081.    nav .orderingMenu {
  1082.        order: 1;
  1083.    }
  1084.    .navbar-nav .dropdown-menu .dropdown-item {
  1085.        padding: 6px 20px;
  1086.    }
  1087.    @media (max-width: 1024px) {
  1088.        .navbar-toggler {
  1089.            padding: 9px 10px !important;
  1090.            margin-left: 3px !important;
  1091.            margin-top: 6px;
  1092.            margin-right: 0px;
  1093.            margin-bottom: 6px;
  1094.            font-size: 16px !important;
  1095.            height: 44px;
  1096.        }
  1097.        nav > #top-area > .row {
  1098.            margin: 0 6px;
  1099.        }
  1100.        .navbar-nav .dropdown-menu {
  1101.            position: relative !important;
  1102.            transform: translate3d(0px, 0px, 0px) !important;
  1103.            -webkit-transform: translate3d(0px, 0px, 0px) !important;
  1104.            top: auto !important;
  1105.            left: auto !important;
  1106.            padding: 0;
  1107.            margin: 0;
  1108.        }
  1109.        .navbar-nav .dropdown-menu .dropdown-item {
  1110.            padding: 9px 40px 9px 15px;
  1111.        }
  1112.        .navbar-text {
  1113.            margin: 0 auto;
  1114.        }
  1115.        .navbar-brand {
  1116.            padding: 4px 8px !important;
  1117.            font-size: 24px !important;
  1118.            line-height: 40px !important;
  1119.            border: none !important;
  1120.            margin: 0px 4px !important;
  1121.        }
  1122.        .navbar-brand span{
  1123.            line-height: 40px;
  1124.        }
  1125.        .navbar-brand img {
  1126.            /*max-height: 48px;*/
  1127.            max-height: 44px;
  1128.            max-width: 100%;
  1129.        }
  1130.        nav .navbar-link {
  1131.            min-width: 40px;
  1132.        }
  1133.        nav #top-area {
  1134.            transition: all 300ms ease;
  1135.            -webkit-transition: all 300ms ease;
  1136.            -moz-transition: all 300ms ease;
  1137.            -o-transition: all 300ms ease;
  1138.        }
  1139.        /* widget */
  1140.        nav #socialnetwork,nav #linewidget {
  1141.            min-height: 34px;
  1142.        }
  1143.        nav .orderingMenu {
  1144.            order: 12;
  1145.            flex-basis: auto;
  1146.        }
  1147.        nav .brandingBox {
  1148.            flex-basis: 0;
  1149.            flex-grow: 1;
  1150.            max-width: 100%;
  1151.        }
  1152.        .navbar-link.cart-nav{
  1153.            font-size: 22px;
  1154.        }
  1155.        .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{
  1156.            margin-left: 0px;
  1157.            margin-top: 0px;
  1158.            margin-bottom: 0px;
  1159.            padding: 0px;
  1160.        }
  1161.        .widgetCartNumber {
  1162.            top: -11px;
  1163.        }
  1164.        .navbar-nav.member-nav .nav-item{
  1165.            width: 100%;
  1166.            text-align: left !important;
  1167.        }
  1168.        .navbar-nav.member-nav{
  1169.            height: auto;
  1170.            margin: 0px 5px;
  1171.            text-align: left !important;
  1172.        }
  1173.        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{
  1174.            background: transparent;
  1175.            border: none;
  1176.        }
  1177.        .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover {
  1178.            background-color: transparent;
  1179.        }
  1180.    }
  1181.    @media (max-width: 350px) {
  1182.        nav > #top-bar {
  1183.            padding-left: 5px;
  1184.            padding-right: 5px;
  1185.        }
  1186.    }
  1187.    /*lang*/
  1188.    .topwidget-lang{
  1189.        margin: 0px 5px;
  1190.    }
  1191.    .topwidget-lang a {
  1192.        padding-left: 10px !important;
  1193.        padding-right: 10px !important;
  1194.    }
  1195.  
  1196.    #section-header.sps--blw .headerMobile .navbar-collapse {
  1197.        max-height: 79vh;
  1198.        overflow-y: scroll;
  1199.        position: relative;
  1200.        -webkit-overflow-scrolling: touch;
  1201.    }
  1202.    #section-header.sps--abv .headerMobile .navbar-collapse {
  1203.        max-height: 73vh;
  1204.        overflow-y: scroll;
  1205.        -webkit-overflow-scrolling: touch;
  1206.    }
  1207. </style>
  1208. <nav id="topZone" class="navbar-expand-xl airry">
  1209.            <div id="top-bar">
  1210.            <div id="top-mb">
  1211.                <div class="container-fluid">
  1212.                                        <div class="row">
  1213.                        <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center">
  1214.                            <div id="toptext" class="navbar-text">
  1215.                                <span style="font-family: Roboto; color: #ffffff;" data-mce-style="font-family: Roboto; color: #ffffff;"><span class="fas fa-phone-volume 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>086-6693268&nbsp; &nbsp; <span class="fas fa-fax 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> 035-431941&nbsp; &nbsp;<span class="fas fa-store 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> OPEN 08:00 - 17:00 จันทร์ - เสาร์</span>                            </div>
  1216.                        </div>
  1217.                    </div>
  1218.                                                                            </div>
  1219.            </div>
  1220.        </div>
  1221.        <div id="top-area">
  1222.        <div id="top-sticky">
  1223.            <div class="">
  1224.                                <div class="row no-gutters">
  1225.                    <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%;">
  1226.                                                    <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;">
  1227.                                <style>
  1228.    .logotextmobile{
  1229.        display: inline-block;
  1230.        max-width: 200px;
  1231.        height: 1.5em;
  1232.        overflow: hidden;
  1233.        text-overflow: ellipsis;
  1234.        white-space: nowrap;
  1235.        color: #000;
  1236.    }
  1237.    .logotextmobile span{
  1238.        /* font-size: 30px !important; */
  1239.        line-height: 40px !important;
  1240.    }
  1241.  
  1242.    @media (max-width: 364.98px) {
  1243.        .logotextmobile{
  1244.            max-width: 150px;
  1245.        }
  1246.            }
  1247.  
  1248.    @media (min-width: 365px) and (max-width: 575.98px) {
  1249.        .logotextmobile{
  1250.            max-width: 200px;
  1251.        }
  1252.                            }
  1253.  
  1254.    @media (min-width: 576px) and (max-width: 767.98px) {
  1255.        .logotextmobile{
  1256.            min-width: calc(400px + 4vw);
  1257.            max-width: 500px;
  1258.        }
  1259.            }
  1260.  
  1261.    @media (min-width: 768px) and (max-width: 991.98px) {
  1262.        .logotextmobile{
  1263.            max-width: 600px;
  1264.        }
  1265.                    }
  1266.    @media (min-width: 992px) {
  1267.        .logotextmobile{
  1268.            max-width: 800px;
  1269.        }
  1270.    }
  1271.  
  1272.  
  1273. </style>
  1274.  
  1275.                    <img src="https://image.makewebcdn.com/makeweb/m_200x200/PaJLPBxde/DefaultData/logo_white.png?v=202311151122" alt="logo" title="logo" class="d-inline-block img-logo"/>
  1276.                                </a>
  1277.                                            </div>
  1278.                                            <div class="col-12 col-lg d-lg-inline-flex orderingMenu">
  1279.                            <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown">
  1280.                                <style type="text/css">
  1281.    .headerMobile .topwidget-menu .navbar-nav .dropdown-menu {
  1282.        padding: 0;
  1283.        margin: 0;
  1284.    }
  1285.    /*PC hack to hover*/
  1286.    @media (min-width: 1025px) {
  1287.        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{
  1288.            display:block !important;
  1289.        }
  1290.        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{
  1291.            display:block !important;
  1292.        }
  1293.        .headerMobile ul.navbar-topmenu.navbar-nav ul{
  1294.            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  1295.        }
  1296.        .headerMobile .topwidget-menu {
  1297.            margin: 10px;
  1298.        }
  1299.        .headerMobile ul.dropdown-menu.dropdown-menu-right{
  1300.            left: unset;
  1301.            right:0;
  1302.        }
  1303.        .headerMobile .dropdownfix-menu-right {
  1304.            right:100% !important;
  1305.            left:auto !important;
  1306.        }
  1307.        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right {
  1308.            transform: rotate(180deg);
  1309.            left: 0;
  1310.            position: absolute;
  1311.            top: 12px;
  1312.        }
  1313.        .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{
  1314.            transform: rotate(90deg);
  1315.            left: 0;
  1316.            position: absolute;
  1317.            top: 12px;
  1318.        }
  1319.        .headerMobile .more.hidden{
  1320.            display:none;
  1321.        }
  1322.        .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{
  1323.            transform: rotate(-90deg);
  1324.        }
  1325.        .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{
  1326.            position: absolute;
  1327.        }
  1328.        .headerMobile .public-topmenu .topmenuLg{
  1329.            border-right:none !important;
  1330.        }
  1331.    }
  1332.    /* tablet*/
  1333.    @media only screen and (min-width: 768px) and (max-width: 1112px) {
  1334.        .headerMobile ul.navbar-topmenu.navbar-nav ul{
  1335.           box-shadow: none;
  1336.        }
  1337.        /*.topwidget-menu {
  1338.            margin: 10px;
  1339.        }*/
  1340.    }
  1341.    /*mobile tablet*/
  1342.    @media  only screen and (max-width: 1024px) {
  1343.        .headerMobile ul.navbar-topmenu.navbar-nav a{
  1344.            text-align: left !important;
  1345.            white-space: normal;
  1346.        }
  1347.        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{
  1348.                        transition: all .3s ease 0s;
  1349.            -ms-transition: all .3s ease 0s;
  1350.            -webkit-transition: all .3s ease 0s;
  1351.            -moz-transition: all .3s ease 0s;
  1352.  
  1353.        }
  1354.        .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{
  1355.                         transform: rotate(90deg);
  1356.            transition: all .3s ease 0s;
  1357.            -ms-transition: all .3s ease 0s;
  1358.            -webkit-transition: all .3s ease 0s;
  1359.            -moz-transition: all .3s ease 0s;
  1360.                    }
  1361.        
  1362.        .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{
  1363.            right: 12px;
  1364.            top: 27%;
  1365.        }
  1366.        
  1367.        .headerMobile ul.navbar-topmenu.navbar-nav a{
  1368.            word-wrap: break-word;
  1369.        }
  1370.        .headerMobile ul.navbar-topmenu.navbar-nav .more{
  1371.            display:none !important;
  1372.        }
  1373.        .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{
  1374.            transform: rotate(180deg);
  1375.            -ms-transform: rotate(180deg);
  1376.            -webkit-transform: rotate(180deg);
  1377.            -moz-transform: rotate(180deg);
  1378.        }
  1379.        .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{
  1380.            transform: rotate(270deg);
  1381.            -ms-transform: rotate(270deg);
  1382.            -webkit-transform: rotate(270deg);
  1383.            -moz-transform: rotate(270deg);
  1384.        }
  1385.        
  1386.        .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a {
  1387.             padding-left: 30px !important;
  1388.        }
  1389.        .headerMobile ul.navbar-topmenu.navbar-nav ul ul a {
  1390.            padding-left: 45px !important;
  1391.        }
  1392.        .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a {
  1393.            padding-left: 60px !important;
  1394.        }
  1395.    }
  1396. </style>
  1397.  
  1398. <div class="topwidget-menu">
  1399.    <ul class="navbar-nav navbar-topmenu public-topmenu">
  1400.                                    <li class="nav-item ">
  1401.                    <a class="nav-link abl1" id="topmenuonpage" data-onhome="home" href="/" target="_self">
  1402.                        Home                    </a>
  1403.                </li>
  1404.                                                <li class="nav-item ">
  1405.                    <a class="nav-link abl1"   href="/about-us" target="_self">
  1406.                        About Us                    </a>
  1407.                </li>
  1408.                                                <li class="nav-item ">
  1409.                    <a class="nav-link abl1"   href="/services" target="_self">
  1410.                        Services                    </a>
  1411.                </li>
  1412.                                                <li class="nav-item dropdown ">
  1413.                    <a class="nav-link abl1"   href="/category" target="_self" style="position: relative;">
  1414.                        Products                                                    <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
  1415.                                            </a>
  1416.                    <ul class="dropdown-menu">
  1417.                                                                                    <li>
  1418.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194448-196252/%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B9%80%E0%B8%A1%E0%B8%97%E0%B8%B1%E0%B8%A5%E0%B8%8A%E0%B8%B5%E0%B8%97" target="_self">
  1419.                                        หลังคาเหล็กเมทัลชีท                                    </a>
  1420.                                </li>
  1421.                                                                                                                <li>
  1422.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194517-196368/%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B8%9E%E0%B8%B5%E0%B8%A2%E0%B8%B9%E0%B9%82%E0%B8%9F%E0%B8%A1" target="_self">
  1423.                                        หลังคาพียูโฟม                                    </a>
  1424.                                </li>
  1425.                                                                                                                <li>
  1426.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194450-196254/%E0%B9%81%E0%B8%9C%E0%B9%88%E0%B8%99%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%88%E0%B8%87%E0%B9%81%E0%B8%AA%E0%B8%87" target="_self">
  1427.                                        แผ่นหลังคาโปร่งแสง                                    </a>
  1428.                                </li>
  1429.                                                                                                                <li>
  1430.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194451-196255/%E0%B9%81%E0%B8%9C%E0%B9%88%E0%B8%99%E0%B8%89%E0%B8%99%E0%B8%A7%E0%B8%99%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A3%E0%B9%89%E0%B8%AD%E0%B8%99" target="_self">
  1431.                                        แผ่นฉนวนกันความร้อน                                    </a>
  1432.                                </li>
  1433.                                                                                                                <li>
  1434.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194452-196256/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%AB%E0%B8%A1%E0%B8%B8%E0%B8%99%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%B2%E0%B8%A2%E0%B8%AD%E0%B8%B2%E0%B8%81%E0%B8%B2%E0%B8%A86/%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%AB%E0%B8%A1%E0%B8%B8%E0%B8%99%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%B2%E0%B8%A2%E0%B8%AD%E0%B8%B2%E0%B8%81%E0%B8%B2%E0%B8%A8" target="_self">
  1435.                                        ลูกหมุนระบายอากาศ                                    </a>
  1436.                                </li>
  1437.                                                                                                                <li>
  1438.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194453-196257/%E0%B8%AA%E0%B8%81%E0%B8%A3%E0%B8%B9%E0%B8%A2%E0%B8%B6%E0%B8%94%E0%B9%81%E0%B8%9C%E0%B9%88%E0%B8%99%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2" target="_self">
  1439.                                        สกรูยึดแผ่นหลังคา                                    </a>
  1440.                                </li>
  1441.                                                                                                                <li>
  1442.                                    <a class="nav-link dropdown-item abl2"   href="https://www.crmetalsheet.com/product/194454-196258/%E0%B8%95%E0%B8%B1%E0%B8%A7%E0%B8%AD%E0%B8%A2%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%AA%E0%B8%B5%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B2%E0%B9%80%E0%B8%AB%E0%B8%A5%E0%B9%87%E0%B8%81" target="_self">
  1443.                                        ตัวอย่างสีหลังคาเหล็ก                                    </a>
  1444.                                </li>
  1445.                                                                        </ul>
  1446.                </li>
  1447.                                                <li class="nav-item ">
  1448.                    <a class="nav-link abl1"   href="/categorycontent" target="_self">
  1449.                        Article                    </a>
  1450.                </li>
  1451.                                                <li class="nav-item topmenuLg">
  1452.                    <a class="nav-link abl1"   href="/contactus" target="_self">
  1453.                        Contact                    </a>
  1454.                </li>
  1455.                    
  1456.        <li class="nav-item dropdown more hidden" data-width="80">
  1457.            <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)">
  1458.                เพิ่มเติม <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i>
  1459.            </a>
  1460.            <ul class="dropdown-menu"></ul>
  1461.        </li>
  1462.    </ul>
  1463. </div>
  1464.                                                                                                                            </div>
  1465.                        </div>
  1466.                                                                <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center">
  1467.                                                                                                                    <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">
  1468.                                    <span class="hamburger-box">
  1469.                                        <span class="hamburger-inner"></span>
  1470.                                    </span>
  1471.                                </button>
  1472.                                                    </div>
  1473.                                    </div>
  1474.            </div>
  1475.        </div>
  1476.    </div>
  1477. </nav>
  1478. </div>
  1479. <script>
  1480.    jQuery('.widgetCartNumber').hide();
  1481.    jQuery(document).ready(function () {
  1482.        jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) {
  1483.            // event.preventDefault();
  1484.            jQuery(this).blur();
  1485.            if (jQuery(this).attr('class') == 'abl1') {
  1486.                jQuery(this).attr('id', 'topmenuonpage');
  1487.            } else if (jQuery(this).attr('class') == 'abl2') {
  1488.                jQuery(this).attr('id', 'topmenusubonpage');
  1489.            }
  1490.        });
  1491.  
  1492.        jQuery('a').click( function(e) {
  1493.            var targetSelector = this.hash
  1494.            if(targetSelector) {
  1495.                e.stopImmediatePropagation();
  1496.  
  1497.                var $target = $(targetSelector);
  1498.                var iscls = $(targetSelector).attr('class'); //targethash //fttargethash
  1499.                // Animate the scroll to the destination...
  1500.                if(iscls==='fttargethash'){
  1501.                    var tr_po = 0;
  1502.                }else{
  1503.                    var tr_po = $target.offset().top;
  1504.                }
  1505.                $('html, body').animate(
  1506.                    {
  1507.                        scrollTop: tr_po // Scroll to this location.
  1508.                    }, {
  1509.                        // Set the duration long enough to allow time
  1510.                        // to lazy load the elements.
  1511.                        duration: 1000,
  1512.  
  1513.                        // At each animation step, check whether the target has moved.
  1514.                        step: function( now, fx ) {
  1515.  
  1516.                            // Where is the target now located on the page?
  1517.                            // i.e. its location will change as images etc. are lazy loaded
  1518.                            if ($(window).width() > 1024) {
  1519.                                if(iscls==='fttargethash'){
  1520.                                    var newOffset = 0;
  1521.                                }else{
  1522.                                    var h_top_sticky = 0;
  1523.                                    // top bar space for calculations scroll position
  1524.                                    var viewable = isElementInView($('#top-sticky'))
  1525.                                    jQuery('.targethash').css('top', '0px');
  1526.                                    if(viewable){
  1527.                                        h_top_sticky = $('#top-sticky').height();
  1528.                                    }
  1529.                                    var newOffset = $target.offset().top - h_top_sticky;
  1530.                                }
  1531.                               // var newOffset = $target.offset().top - 70;
  1532.                            }else{
  1533.                                var newOffset = $target.offset().top;
  1534.                            }
  1535.                            // If where we were originally planning to scroll to is not
  1536.                            // the same as the new offset (newOffset) then change where
  1537.                            // the animation is scrolling to (fx.end).
  1538.                            if(fx.end !== newOffset)
  1539.                                fx.end = newOffset;
  1540.                        }
  1541.                    }
  1542.                );
  1543.            }
  1544.        })
  1545.  
  1546.        // check element is visible in current windows display
  1547.        function isElementInView(element) {
  1548.            var $window = $(window);
  1549.            var windowHeight = $window.height();
  1550.            var windowWidth = $window.width();
  1551.            var rect = element.get(0).getBoundingClientRect();
  1552.  
  1553.            return (
  1554.                rect.top >= 0 && rect.top <= windowHeight &&
  1555.                rect.left >= 0 && rect.left <= windowWidth
  1556.            );
  1557.        }
  1558.  
  1559.        jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) {
  1560.            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
  1561.                $('html,body').animate({
  1562.                    scrollTop: 0
  1563.                }, 1800);
  1564.                return false;
  1565.            }
  1566.        });
  1567.        var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]');
  1568.        var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage');
  1569.        var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
  1570.        var stickyHeaderhi = jQuery('#menutop').height() + 75;
  1571.  
  1572.        var aArray = [];
  1573.        for (var i = 0; i < aChildren.length; i++) {
  1574.            var aChild = aChildren[i];
  1575.            var ahref = jQuery(aChild).attr('href');
  1576.            var res = ahref.split("#");
  1577.            var last_hash = res[res.length - 1];
  1578.            aArray.push(last_hash);
  1579.        }
  1580.  
  1581.        jQuery('.widgetCartNumber').show();
  1582.  
  1583.        jQuery(window).scroll(function () {
  1584.            var windowPos = jQuery(window).scrollTop();
  1585.            var windowHeight = jQuery(window).height();
  1586.            var docHeight = jQuery(document).height();
  1587.            for (var i = 0; i < aArray.length; i++) {
  1588.                var theID = aArray[i];
  1589.                if (jQuery('#' + theID).length > 0) {
  1590.                    if (jQuery('#' + theID).data('orderbox') == 'onest') {
  1591.                        /* if firstbox */
  1592.                        var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi;
  1593.                        var divHeight = jQuery('#' + theID).height();
  1594.                    } else {
  1595.                        /* if non first */
  1596.                        var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi;
  1597.                        var divHeight = jQuery('#' + theID).parent().height();
  1598.                    }
  1599.                    if (windowPos >= divPos && windowPos < (divPos + divHeight)) {
  1600.                        highlinow.removeAttr('id');
  1601.                        highlinowLv2.removeAttr('id');
  1602.                        if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) {
  1603.                            jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage');
  1604.                        }
  1605.                        if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) {
  1606.                            jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage');
  1607.                        }
  1608.                    } else {
  1609.                        jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id');
  1610.                        jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id');
  1611.                        if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) {
  1612.                            if (highlinow.length > 0) {
  1613.                                highlinow.attr('id', 'topmenuonpage');
  1614.                            }
  1615.                            if (highlinowLv2.length > 0) {
  1616.                                highlinowLv2.attr('id', 'topmenusubonpage');
  1617.                            }
  1618.                        }
  1619.                    }
  1620.                }
  1621.            }
  1622.            if (windowPos + windowHeight == docHeight) {
  1623.                /* last position */
  1624.                var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id');
  1625.                //L1
  1626.                if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
  1627.                    highlinow.removeAttr('id');
  1628.                    jQuery('a.abl1#topmenuonpage').removeAttr('id');
  1629.                    jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage');
  1630.                }
  1631.                //L2 L3
  1632.                if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) {
  1633.                    highlinowLv2.removeAttr('id');
  1634.                    jQuery('a.abl2#topmenusubonpage').removeAttr('id');
  1635.                    jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage');
  1636.                }
  1637.            }
  1638.        });
  1639.  
  1640.    });
  1641.  
  1642.    //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) &&
  1643.    if (screen.width > 1024) { // is desktop
  1644.        var isSubmenuLv2Overflow = 0;
  1645.        var isSubmenuLv3Overflow = 0;
  1646.        var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0];
  1647.        var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0];
  1648.        var sectionHeader = document.getElementById("section-header");
  1649.        var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav-item dropdown"); // li (Lv1) (has submenu)
  1650.        if (arr_li_lv1.length > 0) {
  1651.            // console.log(arr_li_lv1);
  1652.            for (i = 0; i < arr_li_lv1.length; i++) {
  1653.                var li_lv1 = arr_li_lv1[i];
  1654.                var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu
  1655.                if (arr_child_li_lv1.length > 0) {
  1656.  
  1657.                    for (j = 0; j < arr_child_li_lv1.length; j++) {
  1658.                        if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu
  1659.                            var ui_lv2 = arr_child_li_lv1[j];
  1660.                            var arr_li_lv2 = ui_lv2.children; // li (Lv2)
  1661.                            var length_li_lv2 = arr_li_lv2.length;
  1662.  
  1663.                            if (screen.height >= 1440 && screen.height < 2880 && length_li_lv2 > 34) { // w:2k
  1664.                                isSubmenuLv2Overflow += 1;
  1665.  
  1666.                            } else if (screen.height >= 1080 && screen.height < 1440 && length_li_lv2 > 20) { // w:1960
  1667.                                isSubmenuLv2Overflow += 1;
  1668.  
  1669.                            } else if (screen.height >= 768 && screen.height < 1080 && length_li_lv2 > 14) { // w:1366
  1670.                                isSubmenuLv2Overflow += 1;
  1671.  
  1672.                            } else if (screen.height >= 500 && screen.height < 768 && length_li_lv2 > 10) { // w:768
  1673.                                isSubmenuLv2Overflow += 1;
  1674.                            }
  1675.  
  1676.                            //LV 3 LIMITED EDITION
  1677.                            if (arr_li_lv2.length > 0) {
  1678.                                for (k = 0; k < arr_li_lv2.length; k++) {
  1679.                                    if (arr_li_lv2[k].children.length > 1) {
  1680.                                        if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu
  1681.                                            //k = ตำแหน่งที่มี ul
  1682.                                            var posiUllv3 = k;
  1683.                                            var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2)
  1684.                                            var obj_li_lv3 = arr_li_lv3.children;
  1685.                                            var length_li_lv3 = obj_li_lv3.length;
  1686.                                            var limiLv3High = length_li_lv3 + k;
  1687.  
  1688.                                            if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440
  1689.                                                isSubmenuLv3Overflow += 1;
  1690.                                            } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080
  1691.                                                isSubmenuLv3Overflow += 1;
  1692.                                            } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768
  1693.                                                isSubmenuLv3Overflow += 1;
  1694.                                            } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768
  1695. isSubmenuLv3Overflow += 1;
  1696.                                            }
  1697.  
  1698.                                        }
  1699.                                    }
  1700.                                }
  1701.                            }
  1702.  
  1703.  
  1704.                        }
  1705.                    }
  1706.                }
  1707.  
  1708.            }
  1709.        }
  1710.  
  1711.        if (isSubmenuLv2Overflow > 0) { // no stricky
  1712.            sectionHeader.classList.remove('sps');
  1713.            sectionHeader.classList.remove('sps--abv');
  1714.            sectionHeader.classList.remove('sps--blw');
  1715.        }
  1716.        //if lavel 3 is Too Damn High
  1717.        if (isSubmenuLv3Overflow > 0) { // no stricky
  1718.            sectionHeader.classList.remove('sps');
  1719.            sectionHeader.classList.remove('sps--abv');
  1720.            sectionHeader.classList.remove('sps--blw');
  1721.        }
  1722.  
  1723.        //if screen height not than 1080 disable
  1724.        jQuery(window).ready(function () {
  1725.            setTimeout(() => {
  1726.                if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) {
  1727.                    sectionHeader.classList.remove('sps');
  1728.                    sectionHeader.classList.remove('sps--abv');
  1729.                    sectionHeader.classList.remove('sps--blw');
  1730.                }
  1731.            }, 200);
  1732.        });
  1733.    }
  1734. </script>
  1735.                </div>
  1736.                <!-- <div id="section-content" style=""> -->
  1737.                <div id="section-content">
  1738.                                                                            
  1739. <style type="text/css">
  1740.    /* reveal */
  1741.    @media only screen and (min-width: 1200px) {
  1742.        .reveal { background-attachment: fixed !important; }
  1743.    }
  1744.    /* rellax */
  1745.    .rellax-view { position: relative; overflow: hidden; }
  1746.    .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; }
  1747.    .marginBottomSpace {
  1748.        
  1749.        margin-bottom: 20px;
  1750.    }
  1751.    .img-responsive{margin:auto;}
  1752.    @media only screen and (max-width: 767px){
  1753.        .maginBottomCaption{
  1754.            margin-bottom: 40px;
  1755.        }
  1756.        .maginBottomCaptionmini{
  1757.            margin-bottom: 15px;
  1758.        }
  1759.        .marginBottomSpaceMobile{
  1760.            margin-bottom: 20px;
  1761.        }
  1762.        .coverslidebox{
  1763.            padding: 0px 0px;
  1764.        }
  1765.    }
  1766.    @media only screen and (min-width: 768px){
  1767.        .maginBottomCaption{
  1768.            margin-bottom: 0px;
  1769.        }
  1770.        .maginBottomCaptionmini{
  1771.            margin-bottom: 0px;
  1772.        }
  1773.        .marginBottomSpaceMobile{
  1774.            margin-bottom: 0px;
  1775.        }
  1776.        .coverslidebox{
  1777.            padding: 0px 15px;
  1778.        }
  1779.        .textlayout-maxwidth{
  1780.            max-width: 585px;
  1781.        }
  1782.        .textlayout-marlauto{
  1783.            margin-left: auto;
  1784.        }
  1785.    }
  1786.    .noImgSimpleBG{
  1787.        background-color:#E1E4E9;
  1788.    }
  1789.    .box-not-overflow{
  1790.        overflow: hidden;
  1791.    }
  1792.    .play-button {
  1793.        left: 50%;
  1794.        top: 50%;
  1795.        width: 72px;
  1796.        height: 64px;
  1797.        margin-left: -36px;
  1798.        margin-top: -32px;
  1799.        z-index: 1;
  1800.        color: #212121;
  1801.        opacity: 0.85;
  1802.    }
  1803.    .play-button:hover,
  1804.    .play-button:hover::before {
  1805.        opacity: 1;
  1806.        color: #f00;
  1807.    }
  1808.    .play-button .fa-youtube {
  1809.        font-size: 64px;  
  1810.    }
  1811.    .play-button:before {
  1812.        content: "";
  1813.        width: 0;
  1814.        height: 0;
  1815.        border-top: 11px solid transparent;
  1816.        border-left: 20px solid #ffffff;
  1817.        border-bottom: 11px solid transparent;
  1818.        position: absolute;
  1819.        top: 21px;
  1820.        left: 29px;
  1821.    }
  1822.    .wrapper .youtube {
  1823.    background-color: #000;
  1824.    position: relative;
  1825.    padding-top: 56.25%;
  1826.    overflow: hidden;
  1827.    cursor: pointer
  1828.    }
  1829.  
  1830.    .wrapper .youtube img {
  1831.    width: 100%;
  1832.        top: -16.82%;
  1833.        left: 0;
  1834.        max-height: none !important;
  1835.        opacity: .7
  1836.    }
  1837.    .wrapper .youtube .play-button,
  1838.    .wrapper .youtube img {
  1839.        cursor: pointer
  1840.    }
  1841.  
  1842.    .wrapper .youtube .play-button,
  1843.    .wrapper .youtube .play-button:before,
  1844.    .wrapper .youtube iframe,
  1845.    .wrapper .youtube img {
  1846.        position: absolute
  1847.    }
  1848.    .wrapper .youtube iframe {
  1849.        height: 100%;
  1850.        width: 100%;
  1851.        top: 0;
  1852.        left: 0
  1853.    }
  1854.    @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) {
  1855.        a.targethash{
  1856.            top: -112px;
  1857.        }
  1858.    }
  1859. </style>
  1860.    <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
  1861.            </div>
  1862.    
  1863.            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fbanner92_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; "  data-orderbox="onest">
  1864.                                                    <a id="slidebox-54441" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a>
  1865.                                                                            <div class="container-fluid">
  1866.                                                
  1867.                                                                    <div style="padding-top: 0px; padding-bottom: 0px;">
  1868.                                                                                                                                                <div >
  1869.                                        
  1870. <style type="text/css">
  1871.    .owlSliderBoxAdv {
  1872.        margin: 0px -15px;
  1873.        position: relative;
  1874.    }
  1875.    .owlSliderBoxAdv .loader {
  1876.        transition: all 1s ease 0s;
  1877.        -webkit-transition: all 1s ease 0s;
  1878.        -moz-transition: all 1s ease 0s;
  1879.        -o-transition: all 1s ease 0s;
  1880.        position: absolute;
  1881.        top:0;
  1882.        bottom:0;
  1883.        left: 0;
  1884.        right: 0;
  1885.        width: 50px;
  1886.    }
  1887.    .owlSliderBoxAdv .owl-item {
  1888.        overflow: hidden;
  1889.    }
  1890.    .owl-carousel .owl-item img {
  1891.        max-width: calc(100% + 1px) !important;
  1892.        width: auto;
  1893.        margin: 0 auto;
  1894.    }
  1895.    .owlSliderBoxAdv .clickable{
  1896.        cursor: pointer;
  1897.    }
  1898.  
  1899.    .owlSliderBoxAdv .owl-dots {
  1900.        bottom: 10px;
  1901.        left: 0;
  1902.        position: absolute;
  1903.        right: 0;
  1904.    }
  1905.    
  1906.    .owl-theme .owl-nav {
  1907.        margin-top: 0px;
  1908.    }
  1909.    .owlSliderBoxAdv .owl-nav [class*='owl-'] {
  1910.        background: transparent none repeat scroll 0 0;
  1911.        height: 45px;
  1912.        width: 45px;
  1913.        margin: 0;
  1914.        padding: 0;
  1915.        transform: translate3d(0, -50%, 0);
  1916.        -webkit-transform: translate3d(0, -50%, 0);
  1917.        -moz-transform: translate3d(0, -50%, 0);
  1918.        -ms-transform: translate3d(0, -50%, 0);
  1919.        opacity: 1;
  1920.        position: absolute;
  1921.        top: 50%;
  1922.        z-index: 2;
  1923.        /* line-height: 88px; */
  1924.        text-align: left;
  1925.        border-radius: 0px;
  1926.    }
  1927.    @media (max-width: 767px) {
  1928.        .owlSliderBoxAdv .owl-nav [class*='owl-'] {
  1929.            display:none;
  1930.        }
  1931.    }
  1932.    /* .owl-theme .owl-nav [class*='owl-']:hover {
  1933.        background: inherit;
  1934.    } */
  1935.    .Mweslide_54441.owlSliderBoxAdv .owl-nav .fa-angle-left,
  1936.    .Mweslide_54441.owlSliderBoxAdv .owl-nav .fa-angle-right {
  1937.        color: #ffffff;
  1938.    }
  1939.    .Mweslide_54441.owlSliderBoxAdv .owl-nav .owl-prev {
  1940.        left: 0;
  1941.        text-indent: 10px;
  1942.        opacity:0.5;     }
  1943.    .Mweslide_54441.owlSliderBoxAdv .owl-nav .owl-next {
  1944.        right: 0;
  1945.        text-indent: 20px;
  1946.        opacity:0.5;     }
  1947.    .Mweslide_54441.owlSliderBoxAdv .owl-nav .owl-prev:hover {
  1948.        background: transparent; opacity:0.4;     }
  1949.    .Mweslide_54441.owlSliderBoxAdv .owl-nav .owl-next:hover {
  1950.        background: transparent; opacity:0.4;     }
  1951.    .Mweslide_54441.owlSliderBoxAdv .owl-nav{
  1952.        color: #ffffff;
  1953.        font-size: 45px;
  1954.        vertical-align: middle;
  1955.    }
  1956.  
  1957.  
  1958.    .Mweslide_54441.owlSliderBoxAdv .owl-lazy {
  1959.        height: 300px;
  1960.        background-repeat: no-repeat;
  1961.        position: relative;
  1962.    }
  1963.    @media (max-width: 768px) {
  1964.        .Mweslide_54441.owlSliderBoxAdv .owl-lazy {
  1965.            height: 300px;
  1966.            background-repeat: no-repeat;
  1967.            position: relative;
  1968.        }
  1969.    }
  1970.  
  1971.    .owlSliderBoxAdv .item .contentPOS {
  1972.        position: absolute;
  1973.        transition: all 450ms ease 0s;
  1974.        -webkit-transition: all 450ms ease 0s;
  1975.        -moz-transition: all 450ms ease 0s;
  1976.        -o-transition: all 450ms ease 0s;
  1977.        padding: 0px;
  1978.        display: inline-table;
  1979.    }
  1980.  
  1981.    .owlSliderBoxAdv .item .contentEffect {
  1982.        line-height: 1.42857143;
  1983.        vertical-align: middle;
  1984.        display: inline-block;
  1985.        overflow-wrap: break-word;
  1986.        width: max-content;
  1987.        font-size: 16px;
  1988.    }
  1989.    .owlSliderBoxAdv .item .contentEffect h2,
  1990.    .owlSliderBoxAdv .item .contentEffect h3,
  1991.    .owlSliderBoxAdv .item .contentEffect p,
  1992.    .owlSliderBoxAdv .item .contentEffect a {
  1993.        font-family: inherit;
  1994.        font-size: inherit;
  1995.        color: inherit;
  1996.    }
  1997.    .owlSliderBoxAdv .item .contentEffect p {
  1998.        margin: 0 0 10px;
  1999.    }
  2000.    .owlSliderBoxAdv .item .contentEffect p:last-child {
  2001.        margin-bottom: 0px;
  2002.    }
  2003.  
  2004.                    .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw {
  2005.            top: 0;
  2006.            left: 0;
  2007.            transform: translate3d(0, 0, 0);
  2008.            -webkit-transform: translate3d(0, 0, 0);
  2009.            -moz-transform: translate3d(0, 0, 0);
  2010.            -ms-transform: translate3d(0, 0, 0);
  2011.            margin-top: 0px;
  2012.            margin-left: 0px;
  2013.            margin-right: 0;
  2014.            margin-bottom: 0;
  2015.        }
  2016.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn {
  2017.            top: 0;
  2018.            left: 50%;
  2019.            transform: translate3d(-50%, 0, 0);
  2020.            -webkit-transform: translate3d(-50%, 0, 0);
  2021.            -moz-transform: translate3d(-50%, 0, 0);
  2022.            -ms-transform: translate3d(-50%, 0, 0);
  2023.            margin-top: 0px;
  2024.            margin-left: 0;
  2025.            margin-right: 0;
  2026.            margin-bottom: 0;
  2027.        }
  2028.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne {
  2029.            top: 0;
  2030.            right: 0;
  2031.            transform: translate3d(0, 0, 0);
  2032.            -webkit-transform: translate3d(0, 0, 0);
  2033.            -moz-transform: translate3d(0, 0, 0);
  2034.            -ms-transform: translate3d(0, 0, 0);
  2035.            margin-top: 0px;
  2036.            margin-right: 0px;
  2037.            margin-left: 0;
  2038.            margin-bottom: 0;
  2039.        }
  2040.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe {
  2041.            top: 50%;
  2042.            right: 0;
  2043.            transform: translate3d(0, -50%, 0);
  2044.            -webkit-transform: translate3d(0, -50%, 0);
  2045.            -moz-transform: translate3d(0, -50%, 0);
  2046.            -ms-transform: translate3d(0, -50%, 0);
  2047.            margin-top: 0;
  2048.            margin-right: 0px;
  2049.            margin-left: 0;
  2050.            margin-bottom: 0;
  2051.        }
  2052.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse {
  2053.            bottom: 0;
  2054.            right: 0;
  2055.            transform: translate3d(0, 0, 0);
  2056.            -webkit-transform: translate3d(0, 0, 0);
  2057.            -moz-transform: translate3d(0, 0, 0);
  2058.            -ms-transform: translate3d(0, 0, 0);
  2059.            margin-top: 0;
  2060.            margin-right: 0px;
  2061.            margin-left: 0;
  2062.            margin-bottom: 0px;
  2063.        }
  2064.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs {
  2065.            bottom: 0;
  2066.            left: 50%;
  2067.            transform: translate3d(-50%, 0, 0);
  2068.            -webkit-transform: translate3d(-50%, 0, 0);
  2069.            -moz-transform: translate3d(-50%, 0, 0);
  2070.            -ms-transform: translate3d(-50%, 0, 0);
  2071.            margin-top: 0;
  2072.            margin-right: 0;
  2073.            margin-left: 0;
  2074.            margin-bottom: 0px;
  2075.        }
  2076.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw {
  2077.            bottom: 0;
  2078.            left: 0;
  2079.            transform: translate3d(0, 0, 0);
  2080.            -webkit-transform: translate3d(0, 0, 0);
  2081.            -moz-transform: translate3d(0, 0, 0);
  2082.            -ms-transform: translate3d(0, 0, 0);
  2083.            margin-top: 0;
  2084.            margin-right: 0;
  2085.            margin-left: 0px;
  2086.            margin-bottom: 0px;
  2087.        }
  2088.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw {
  2089.            top: 50%;
  2090.            left: 0;
  2091.            transform: translate3d(0, -50%, 0);
  2092.            -webkit-transform: translate3d(0, -50%, 0);
  2093.            -moz-transform: translate3d(0, -50%, 0);
  2094.            -ms-transform: translate3d(0, -50%, 0);
  2095.            margin-top: 0;
  2096.            margin-right: 0;
  2097.            margin-left: 0px;
  2098.            margin-bottom: 0;
  2099.        }
  2100.        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc {
  2101.            top: 50%;
  2102.            left: 50%;
  2103.            transform: translate3d(-50%, -50%, 0);
  2104.            -webkit-transform: translate3d(-50%, -50%, 0);
  2105.            -moz-transform: translate3d(-50%, -50%, 0);
  2106.            -ms-transform: translate3d(-50%, -50%, 0);
  2107.            margin-top: 0;
  2108.            margin-right: 0;
  2109.            margin-left: 0;
  2110.            margin-bottom: 0;
  2111.        }
  2112.        @media (max-width: 768px) {
  2113.                        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSnw_mobile {
  2114.                top: 0;
  2115.                left: 0;
  2116.                right: auto;
  2117.                bottom: auto;
  2118.                transform: translate3d(0, 0, 0);
  2119.                -webkit-transform: translate3d(0, 0, 0);
  2120.                -moz-transform: translate3d(0, 0, 0);
  2121.                -ms-transform: translate3d(0, 0, 0);
  2122.                margin-top: 0px;
  2123.                margin-left: 0px;
  2124.                margin-right: 0;
  2125.                margin-bottom: 0;
  2126.            }
  2127.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSn_mobile {
  2128.                top: 0;
  2129.                left: 50%;
  2130.                right: auto;
  2131.                bottom: auto;
  2132.                transform: translate3d(-50%, 0, 0);
  2133.                -webkit-transform: translate3d(-50%, 0, 0);
  2134.                -moz-transform: translate3d(-50%, 0, 0);
  2135.                -ms-transform: translate3d(-50%, 0, 0);
  2136.                margin-top: 0px;
  2137.                margin-left: 0;
  2138.                margin-right: 0;
  2139.                margin-bottom: 0;
  2140.            }
  2141.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSne_mobile {
  2142.                top: 0;
  2143.                right: 0;
  2144.                left: auto;
  2145.                bottom: auto;
  2146.                transform: translate3d(0, 0, 0);
  2147.                -webkit-transform: translate3d(0, 0, 0);
  2148.                -moz-transform: translate3d(0, 0, 0);
  2149.                -ms-transform: translate3d(0, 0, 0);
  2150.                margin-top: 0px;
  2151.                margin-right: 0px;
  2152.                margin-left: 0;
  2153.                margin-bottom: 0;
  2154.            }
  2155.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSe_mobile {
  2156.                top: 50%;
  2157.                right: 0;
  2158.                left: auto;
  2159.                bottom: auto;
  2160.                transform: translate3d(0, -50%, 0);
  2161.                -webkit-transform: translate3d(0, -50%, 0);
  2162.                -moz-transform: translate3d(0, -50%, 0);
  2163.                -ms-transform: translate3d(0, -50%, 0);
  2164.                margin-top: 0;
  2165.                margin-right: 0px;
  2166.                margin-left: 0;
  2167.                margin-bottom: 0;
  2168.            }
  2169.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSse_mobile {
  2170.                bottom: 0;
  2171.                right: 0;
  2172.                left: auto;
  2173.                top: auto;
  2174.                transform: translate3d(0, 0, 0);
  2175.                -webkit-transform: translate3d(0, 0, 0);
  2176.                -moz-transform: translate3d(0, 0, 0);
  2177.                -ms-transform: translate3d(0, 0, 0);
  2178.                margin-top: 0;
  2179.                margin-right: 0px;
  2180.                margin-left: 0;
  2181.                margin-bottom: 0px;
  2182.            }
  2183.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSs_mobile {
  2184.                bottom: 0;
  2185.                left: 50%;
  2186.                right: auto;
  2187.                top: auto;
  2188.                transform: translate3d(-50%, 0, 0);
  2189.                -webkit-transform: translate3d(-50%, 0, 0);
  2190.                -moz-transform: translate3d(-50%, 0, 0);
  2191.                -ms-transform: translate3d(-50%, 0, 0);
  2192.                margin-top: 0;
  2193.                margin-right: 0;
  2194.                margin-left: 0;
  2195.                margin-bottom: 0px;
  2196.            }
  2197.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSsw_mobile {
  2198.                bottom: 0;
  2199.                left: 0;
  2200.                right: auto;
  2201.                top: auto;
  2202.                transform: translate3d(0, 0, 0);
  2203.                -webkit-transform: translate3d(0, 0, 0);
  2204.                -moz-transform: translate3d(0, 0, 0);
  2205.                -ms-transform: translate3d(0, 0, 0);
  2206.                margin-top: 0;
  2207.                margin-right: 0;
  2208.                margin-left: 0px;
  2209.                margin-bottom: 0px;
  2210.            }
  2211.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSw_mobile {
  2212.                top: 50%;
  2213.                left: 0;
  2214.                right: auto;
  2215.                bottom: auto;
  2216.                transform: translate3d(0, -50%, 0);
  2217.                -webkit-transform: translate3d(0, -50%, 0);
  2218.                -moz-transform: translate3d(0, -50%, 0);
  2219.                -ms-transform: translate3d(0, -50%, 0);
  2220.                margin-top: 0;
  2221.                margin-right: 0;
  2222.                margin-left: 0px;
  2223.                margin-bottom: 0;
  2224.            }
  2225.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentPOS.BOXPOSc_mobile {
  2226.                top: 50%;
  2227.                left: 50%;
  2228.                right: auto;
  2229.                bottom: auto;
  2230.                transform: translate3d(-50%, -50%, 0);
  2231.                -webkit-transform: translate3d(-50%, -50%, 0);
  2232.                -moz-transform: translate3d(-50%, -50%, 0);
  2233.                -ms-transform: translate3d(-50%, -50%, 0);
  2234.                margin-top: 0;
  2235.                margin-right: 0;
  2236.                margin-left: 0;
  2237.                margin-bottom: 0;
  2238.            }
  2239.        }
  2240.  
  2241.  
  2242.        .Mweslide_54441.owlSliderBoxAdv .item0 .owl-lazy {
  2243.            background-size: cover;
  2244.            background-position: center center;
  2245.        }
  2246.        @media (max-width: 768px) {
  2247.            .Mweslide_54441.owlSliderBoxAdv .item0 .owl-lazy {
  2248.                background-size: cover;
  2249.                background-position: center center;
  2250.            }
  2251.        }
  2252.  
  2253.  
  2254.                    .Mweslide_54441.owlSliderBoxAdv .item0 .contentBG {
  2255.                background-color: 'transparent';
  2256.            }
  2257.                @media (max-width: 768px) {
  2258.                            .Mweslide_54441.owlSliderBoxAdv .item0 .contentBG {
  2259.                    background-color: 'transparent';
  2260.                }
  2261.                    }
  2262.  
  2263.  
  2264.                .Mweslide_54441.owlSliderBoxAdv .item0 .contentPadding {
  2265.            padding-top: 15px;
  2266.            padding-right: 15px;
  2267.            padding-bottom: 15px;
  2268.            padding-left: 15px;
  2269.        }
  2270.        @media (max-width: 768px) {
  2271.                        .Mweslide_54441.owlSliderBoxAdv .item0 .contentPadding {
  2272.                padding-top: 15px;
  2273.                padding-right: 15px;
  2274.                padding-bottom: 15px;
  2275.                padding-left: 15px;
  2276.            }
  2277.        }
  2278.  
  2279.  
  2280.        /* Mobile Scale */
  2281.                                @media (max-width: 768px) {
  2282.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="8"] {
  2283.                    font-size: 8px !important;
  2284.                }
  2285.            }
  2286.                                @media (max-width: 768px) {
  2287.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="9"] {
  2288.                    font-size: 9px !important;
  2289.                }
  2290.            }
  2291.                                @media (max-width: 768px) {
  2292.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="10"] {
  2293.                    font-size: 10px !important;
  2294.                }
  2295.            }
  2296.                                @media (max-width: 768px) {
  2297.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="11"] {
  2298.                    font-size: 11px !important;
  2299.                }
  2300.            }
  2301.                                @media (max-width: 768px) {
  2302.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="12"] {
  2303.                    font-size: 12px !important;
  2304.                }
  2305.            }
  2306.                                @media (max-width: 768px) {
  2307.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="13"] {
  2308.                    font-size: 13px !important;
  2309.                }
  2310.            }
  2311.                                @media (max-width: 768px) {
  2312.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="14"] {
  2313.                    font-size: 14px !important;
  2314.                }
  2315.            }
  2316.                                @media (max-width: 768px) {
  2317.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="15"] {
  2318.                    font-size: 15px !important;
  2319.                }
  2320.            }
  2321.                                @media (max-width: 768px) {
  2322.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="16"] {
  2323.                    font-size: 16px !important;
  2324.                }
  2325.            }
  2326.                                @media (max-width: 768px) {
  2327.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="17"] {
  2328.                    font-size: 17px !important;
  2329.                }
  2330.            }
  2331.                                @media (max-width: 768px) {
  2332.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="18"] {
  2333.                    font-size: 18px !important;
  2334.                }
  2335.            }
  2336.                                @media (max-width: 768px) {
  2337.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="19"] {
  2338.                    font-size: 19px !important;
  2339.                }
  2340.            }
  2341.                                @media (max-width: 768px) {
  2342.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="20"] {
  2343.                    font-size: 20px !important;
  2344.                }
  2345.            }
  2346.                                @media (max-width: 768px) {
  2347.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="22"] {
  2348.                    font-size: 22px !important;
  2349.                }
  2350.            }
  2351.                                @media (max-width: 768px) {
  2352.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="24"] {
  2353.                    font-size: 24px !important;
  2354.                }
  2355.            }
  2356.                                @media (max-width: 768px) {
  2357.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="26"] {
  2358.                    font-size: 26px !important;
  2359.                }
  2360.            }
  2361.                                @media (max-width: 768px) {
  2362.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="28"] {
  2363.                    font-size: 28px !important;
  2364.                }
  2365.            }
  2366.                                @media (max-width: 768px) {
  2367.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="30"] {
  2368.                    font-size: 30px !important;
  2369.                }
  2370.            }
  2371.                                @media (max-width: 768px) {
  2372.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="32"] {
  2373.                    font-size: 32px !important;
  2374.                }
  2375.            }
  2376.                                @media (max-width: 768px) {
  2377.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="34"] {
  2378.                    font-size: 34px !important;
  2379.                }
  2380.            }
  2381.                                @media (max-width: 768px) {
  2382.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="36"] {
  2383.                    font-size: 36px !important;
  2384.                }
  2385.            }
  2386.                                @media (max-width: 768px) {
  2387.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="40"] {
  2388.                    font-size: 40px !important;
  2389.                }
  2390.            }
  2391.                                @media (max-width: 768px) {
  2392.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="44"] {
  2393.                    font-size: 44px !important;
  2394.                }
  2395.            }
  2396.                                @media (max-width: 768px) {
  2397.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="48"] {
  2398.                    font-size: 48px !important;
  2399.                }
  2400.            }
  2401.                                @media (max-width: 768px) {
  2402.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="52"] {
  2403.                    font-size: 52px !important;
  2404.                }
  2405.            }
  2406.                                @media (max-width: 768px) {
  2407.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="56"] {
  2408.                    font-size: 56px !important;
  2409.                }
  2410.            }
  2411.                                @media (max-width: 768px) {
  2412.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="60"] {
  2413.                    font-size: 60px !important;
  2414.                }
  2415.            }
  2416.                                @media (max-width: 768px) {
  2417.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="66"] {
  2418.                    font-size: 66px !important;
  2419.                }
  2420.            }
  2421.                                @media (max-width: 768px) {
  2422.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="72"] {
  2423.                    font-size: 72px !important;
  2424.                }
  2425.            }
  2426.                                @media (max-width: 768px) {
  2427.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="80"] {
  2428.                    font-size: 80px !important;
  2429.                }
  2430.            }
  2431.                                @media (max-width: 768px) {
  2432.                .Mweslide_54441.owlSliderBoxAdv .item0 [data-font-size="100"] {
  2433.                    font-size: 100px !important;
  2434.                }
  2435.            }
  2436.                @media (max-width: 768px) {
  2437.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentEffect p {
  2438.                margin-bottom: 10px !important;
  2439.            }
  2440.            .Mweslide_54441.owlSliderBoxAdv .item0 .contentEffect img {
  2441.                transform: scale(1);
  2442.                -webkit-transform: scale(1);
  2443.                -moz-transform: scale(1);
  2444.                -ms-transform: scale(1);
  2445.            }
  2446.        }
  2447.  
  2448.                                @media (max-width: 768px) {
  2449.                            }
  2450.                                @media (max-width: 768px) {
  2451.                            }
  2452.                                @media (max-width: 768px) {
  2453.                            }
  2454.                            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw {
  2455.            top: 0;
  2456.            left: 0;
  2457.            transform: translate3d(0, 0, 0);
  2458.            -webkit-transform: translate3d(0, 0, 0);
  2459.            -moz-transform: translate3d(0, 0, 0);
  2460.            -ms-transform: translate3d(0, 0, 0);
  2461.            margin-top: 0px;
  2462.            margin-left: 0px;
  2463.            margin-right: 0;
  2464.            margin-bottom: 0;
  2465.        }
  2466.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn {
  2467.            top: 0;
  2468.            left: 50%;
  2469.            transform: translate3d(-50%, 0, 0);
  2470.            -webkit-transform: translate3d(-50%, 0, 0);
  2471.            -moz-transform: translate3d(-50%, 0, 0);
  2472.            -ms-transform: translate3d(-50%, 0, 0);
  2473.            margin-top: 0px;
  2474.            margin-left: 0;
  2475.            margin-right: 0;
  2476.            margin-bottom: 0;
  2477.        }
  2478.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne {
  2479.            top: 0;
  2480.            right: 0;
  2481.            transform: translate3d(0, 0, 0);
  2482.            -webkit-transform: translate3d(0, 0, 0);
  2483.            -moz-transform: translate3d(0, 0, 0);
  2484.            -ms-transform: translate3d(0, 0, 0);
  2485.            margin-top: 0px;
  2486.            margin-right: 0px;
  2487.            margin-left: 0;
  2488.            margin-bottom: 0;
  2489.        }
  2490.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe {
  2491.            top: 50%;
  2492.            right: 0;
  2493.            transform: translate3d(0, -50%, 0);
  2494.            -webkit-transform: translate3d(0, -50%, 0);
  2495.            -moz-transform: translate3d(0, -50%, 0);
  2496.            -ms-transform: translate3d(0, -50%, 0);
  2497.            margin-top: 0;
  2498.            margin-right: 0px;
  2499.            margin-left: 0;
  2500.            margin-bottom: 0;
  2501.        }
  2502.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse {
  2503.            bottom: 0;
  2504.            right: 0;
  2505.            transform: translate3d(0, 0, 0);
  2506.            -webkit-transform: translate3d(0, 0, 0);
  2507.            -moz-transform: translate3d(0, 0, 0);
  2508.            -ms-transform: translate3d(0, 0, 0);
  2509.            margin-top: 0;
  2510.            margin-right: 0px;
  2511.            margin-left: 0;
  2512.            margin-bottom: 0px;
  2513.        }
  2514.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs {
  2515.            bottom: 0;
  2516.            left: 50%;
  2517.            transform: translate3d(-50%, 0, 0);
  2518.            -webkit-transform: translate3d(-50%, 0, 0);
  2519.            -moz-transform: translate3d(-50%, 0, 0);
  2520.            -ms-transform: translate3d(-50%, 0, 0);
  2521.            margin-top: 0;
  2522.            margin-right: 0;
  2523.            margin-left: 0;
  2524.            margin-bottom: 0px;
  2525.        }
  2526.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw {
  2527.            bottom: 0;
  2528.            left: 0;
  2529.            transform: translate3d(0, 0, 0);
  2530.            -webkit-transform: translate3d(0, 0, 0);
  2531.            -moz-transform: translate3d(0, 0, 0);
  2532.            -ms-transform: translate3d(0, 0, 0);
  2533.            margin-top: 0;
  2534.            margin-right: 0;
  2535.            margin-left: 0px;
  2536.            margin-bottom: 0px;
  2537.        }
  2538.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw {
  2539.            top: 50%;
  2540.            left: 0;
  2541.            transform: translate3d(0, -50%, 0);
  2542.            -webkit-transform: translate3d(0, -50%, 0);
  2543.            -moz-transform: translate3d(0, -50%, 0);
  2544.            -ms-transform: translate3d(0, -50%, 0);
  2545.            margin-top: 0;
  2546.            margin-right: 0;
  2547.            margin-left: 0px;
  2548.            margin-bottom: 0;
  2549.        }
  2550.        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc {
  2551.            top: 50%;
  2552.            left: 50%;
  2553.            transform: translate3d(-50%, -50%, 0);
  2554.            -webkit-transform: translate3d(-50%, -50%, 0);
  2555.            -moz-transform: translate3d(-50%, -50%, 0);
  2556.            -ms-transform: translate3d(-50%, -50%, 0);
  2557.            margin-top: 0;
  2558.            margin-right: 0;
  2559.            margin-left: 0;
  2560.            margin-bottom: 0;
  2561.        }
  2562.        @media (max-width: 768px) {
  2563.                        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSnw_mobile {
  2564.                top: 0;
  2565.                left: 0;
  2566.                right: auto;
  2567.                bottom: auto;
  2568.                transform: translate3d(0, 0, 0);
  2569.                -webkit-transform: translate3d(0, 0, 0);
  2570.                -moz-transform: translate3d(0, 0, 0);
  2571.                -ms-transform: translate3d(0, 0, 0);
  2572.                margin-top: 0px;
  2573.                margin-left: 0px;
  2574.                margin-right: 0;
  2575.                margin-bottom: 0;
  2576.            }
  2577.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSn_mobile {
  2578.                top: 0;
  2579.                left: 50%;
  2580.                right: auto;
  2581.                bottom: auto;
  2582.                transform: translate3d(-50%, 0, 0);
  2583.                -webkit-transform: translate3d(-50%, 0, 0);
  2584.                -moz-transform: translate3d(-50%, 0, 0);
  2585.                -ms-transform: translate3d(-50%, 0, 0);
  2586.                margin-top: 0px;
  2587.                margin-left: 0;
  2588.                margin-right: 0;
  2589.                margin-bottom: 0;
  2590.            }
  2591.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSne_mobile {
  2592.                top: 0;
  2593.                right: 0;
  2594.                left: auto;
  2595.                bottom: auto;
  2596.                transform: translate3d(0, 0, 0);
  2597.                -webkit-transform: translate3d(0, 0, 0);
  2598.                -moz-transform: translate3d(0, 0, 0);
  2599.                -ms-transform: translate3d(0, 0, 0);
  2600.                margin-top: 0px;
  2601.                margin-right: 0px;
  2602.                margin-left: 0;
  2603.                margin-bottom: 0;
  2604.            }
  2605.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSe_mobile {
  2606.                top: 50%;
  2607.                right: 0;
  2608.                left: auto;
  2609.                bottom: auto;
  2610.                transform: translate3d(0, -50%, 0);
  2611.                -webkit-transform: translate3d(0, -50%, 0);
  2612.                -moz-transform: translate3d(0, -50%, 0);
  2613.                -ms-transform: translate3d(0, -50%, 0);
  2614.                margin-top: 0;
  2615.                margin-right: 0px;
  2616.                margin-left: 0;
  2617.                margin-bottom: 0;
  2618.            }
  2619.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSse_mobile {
  2620.                bottom: 0;
  2621.                right: 0;
  2622.                left: auto;
  2623.                top: auto;
  2624.                transform: translate3d(0, 0, 0);
  2625.                -webkit-transform: translate3d(0, 0, 0);
  2626.                -moz-transform: translate3d(0, 0, 0);
  2627.                -ms-transform: translate3d(0, 0, 0);
  2628.                margin-top: 0;
  2629.                margin-right: 0px;
  2630.                margin-left: 0;
  2631.                margin-bottom: 0px;
  2632.            }
  2633.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSs_mobile {
  2634.                bottom: 0;
  2635.                left: 50%;
  2636.                right: auto;
  2637.                top: auto;
  2638.                transform: translate3d(-50%, 0, 0);
  2639.                -webkit-transform: translate3d(-50%, 0, 0);
  2640.                -moz-transform: translate3d(-50%, 0, 0);
  2641.                -ms-transform: translate3d(-50%, 0, 0);
  2642.                margin-top: 0;
  2643.                margin-right: 0;
  2644.                margin-left: 0;
  2645.                margin-bottom: 0px;
  2646.            }
  2647.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSsw_mobile {
  2648.                bottom: 0;
  2649.                left: 0;
  2650.                right: auto;
  2651.                top: auto;
  2652.                transform: translate3d(0, 0, 0);
  2653.                -webkit-transform: translate3d(0, 0, 0);
  2654.                -moz-transform: translate3d(0, 0, 0);
  2655.                -ms-transform: translate3d(0, 0, 0);
  2656.                margin-top: 0;
  2657.                margin-right: 0;
  2658.                margin-left: 0px;
  2659.                margin-bottom: 0px;
  2660.            }
  2661.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSw_mobile {
  2662.                top: 50%;
  2663.                left: 0;
  2664.                right: auto;
  2665.                bottom: auto;
  2666.                transform: translate3d(0, -50%, 0);
  2667.                -webkit-transform: translate3d(0, -50%, 0);
  2668.                -moz-transform: translate3d(0, -50%, 0);
  2669.                -ms-transform: translate3d(0, -50%, 0);
  2670.                margin-top: 0;
  2671.                margin-right: 0;
  2672.                margin-left: 0px;
  2673.                margin-bottom: 0;
  2674.            }
  2675.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentPOS.BOXPOSc_mobile {
  2676.                top: 50%;
  2677.                left: 50%;
  2678.                right: auto;
  2679.                bottom: auto;
  2680.                transform: translate3d(-50%, -50%, 0);
  2681.                -webkit-transform: translate3d(-50%, -50%, 0);
  2682.                -moz-transform: translate3d(-50%, -50%, 0);
  2683.                -ms-transform: translate3d(-50%, -50%, 0);
  2684.                margin-top: 0;
  2685.                margin-right: 0;
  2686.                margin-left: 0;
  2687.                margin-bottom: 0;
  2688.            }
  2689.        }
  2690.  
  2691.  
  2692.        .Mweslide_54441.owlSliderBoxAdv .item1 .owl-lazy {
  2693.            background-size: cover;
  2694.            background-position: center center;
  2695.        }
  2696.        @media (max-width: 768px) {
  2697.            .Mweslide_54441.owlSliderBoxAdv .item1 .owl-lazy {
  2698.                background-size: cover;
  2699.                background-position: center center;
  2700.            }
  2701.        }
  2702.  
  2703.  
  2704.                    .Mweslide_54441.owlSliderBoxAdv .item1 .contentBG {
  2705.                background-color: 'transparent';
  2706.            }
  2707.                @media (max-width: 768px) {
  2708.                            .Mweslide_54441.owlSliderBoxAdv .item1 .contentBG {
  2709.                    background-color: 'transparent';
  2710.                }
  2711.                    }
  2712.  
  2713.  
  2714.                .Mweslide_54441.owlSliderBoxAdv .item1 .contentPadding {
  2715.            padding-top: 15px;
  2716.            padding-right: 15px;
  2717.            padding-bottom: 15px;
  2718.            padding-left: 15px;
  2719.        }
  2720.        @media (max-width: 768px) {
  2721.                        .Mweslide_54441.owlSliderBoxAdv .item1 .contentPadding {
  2722.                padding-top: 15px;
  2723.                padding-right: 15px;
  2724.                padding-bottom: 15px;
  2725.                padding-left: 15px;
  2726.            }
  2727.        }
  2728.  
  2729.  
  2730.        /* Mobile Scale */
  2731.                                @media (max-width: 768px) {
  2732.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="8"] {
  2733.                    font-size: 8px !important;
  2734.                }
  2735.            }
  2736.                                @media (max-width: 768px) {
  2737.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="9"] {
  2738.                    font-size: 9px !important;
  2739.                }
  2740.            }
  2741.                                @media (max-width: 768px) {
  2742.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="10"] {
  2743.                    font-size: 10px !important;
  2744.                }
  2745.            }
  2746.                                @media (max-width: 768px) {
  2747.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="11"] {
  2748.                    font-size: 11px !important;
  2749.                }
  2750.            }
  2751.                                @media (max-width: 768px) {
  2752.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="12"] {
  2753.                    font-size: 12px !important;
  2754.                }
  2755.            }
  2756.                                @media (max-width: 768px) {
  2757.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="13"] {
  2758.                    font-size: 13px !important;
  2759.                }
  2760.            }
  2761.                                @media (max-width: 768px) {
  2762.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="14"] {
  2763.                    font-size: 14px !important;
  2764.                }
  2765.            }
  2766.                                @media (max-width: 768px) {
  2767.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="15"] {
  2768.                    font-size: 15px !important;
  2769.                }
  2770.            }
  2771.                                @media (max-width: 768px) {
  2772.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="16"] {
  2773.                    font-size: 16px !important;
  2774.                }
  2775.            }
  2776.                                @media (max-width: 768px) {
  2777.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="17"] {
  2778.                    font-size: 17px !important;
  2779.                }
  2780.            }
  2781.                                @media (max-width: 768px) {
  2782.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="18"] {
  2783.                    font-size: 18px !important;
  2784.                }
  2785.            }
  2786.                                @media (max-width: 768px) {
  2787.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="19"] {
  2788.                    font-size: 19px !important;
  2789.                }
  2790.            }
  2791.                                @media (max-width: 768px) {
  2792.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="20"] {
  2793.                    font-size: 20px !important;
  2794.                }
  2795.            }
  2796.                                @media (max-width: 768px) {
  2797.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="22"] {
  2798.                    font-size: 22px !important;
  2799.                }
  2800.            }
  2801.                                @media (max-width: 768px) {
  2802.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="24"] {
  2803.                    font-size: 24px !important;
  2804.                }
  2805.            }
  2806.                                @media (max-width: 768px) {
  2807.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="26"] {
  2808.                    font-size: 26px !important;
  2809.                }
  2810.            }
  2811.                                @media (max-width: 768px) {
  2812.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="28"] {
  2813.                    font-size: 28px !important;
  2814.                }
  2815.            }
  2816.                                @media (max-width: 768px) {
  2817.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="30"] {
  2818.                    font-size: 30px !important;
  2819.                }
  2820.            }
  2821.                                @media (max-width: 768px) {
  2822.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="32"] {
  2823.                    font-size: 32px !important;
  2824.                }
  2825.            }
  2826.                                @media (max-width: 768px) {
  2827.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="34"] {
  2828.                    font-size: 34px !important;
  2829.                }
  2830.            }
  2831.                                @media (max-width: 768px) {
  2832.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="36"] {
  2833.                    font-size: 36px !important;
  2834.                }
  2835.            }
  2836.                                @media (max-width: 768px) {
  2837.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="40"] {
  2838.                    font-size: 40px !important;
  2839.                }
  2840.            }
  2841.                                @media (max-width: 768px) {
  2842.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="44"] {
  2843.                    font-size: 44px !important;
  2844.                }
  2845.            }
  2846.                                @media (max-width: 768px) {
  2847.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="48"] {
  2848.                    font-size: 48px !important;
  2849.                }
  2850.            }
  2851.                                @media (max-width: 768px) {
  2852.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="52"] {
  2853.                    font-size: 52px !important;
  2854.                }
  2855.            }
  2856.                                @media (max-width: 768px) {
  2857.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="56"] {
  2858.                    font-size: 56px !important;
  2859.                }
  2860.            }
  2861.                                @media (max-width: 768px) {
  2862.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="60"] {
  2863.                    font-size: 60px !important;
  2864.                }
  2865.            }
  2866.                                @media (max-width: 768px) {
  2867.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="66"] {
  2868.                    font-size: 66px !important;
  2869.                }
  2870.            }
  2871.                                @media (max-width: 768px) {
  2872.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="72"] {
  2873.                    font-size: 72px !important;
  2874.                }
  2875.            }
  2876.                                @media (max-width: 768px) {
  2877.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="80"] {
  2878.                    font-size: 80px !important;
  2879.                }
  2880.            }
  2881.                                @media (max-width: 768px) {
  2882.                .Mweslide_54441.owlSliderBoxAdv .item1 [data-font-size="100"] {
  2883.                    font-size: 100px !important;
  2884.                }
  2885.            }
  2886.                @media (max-width: 768px) {
  2887.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentEffect p {
  2888.                margin-bottom: 10px !important;
  2889.            }
  2890.            .Mweslide_54441.owlSliderBoxAdv .item1 .contentEffect img {
  2891.                transform: scale(1);
  2892.                -webkit-transform: scale(1);
  2893.                -moz-transform: scale(1);
  2894.                -ms-transform: scale(1);
  2895.            }
  2896.        }
  2897.  
  2898.                                @media (max-width: 768px) {
  2899.                            }
  2900.                                @media (max-width: 768px) {
  2901.                            }
  2902.                                @media (max-width: 768px) {
  2903.                            }
  2904.                            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw {
  2905.            top: 0;
  2906.            left: 0;
  2907.            transform: translate3d(0, 0, 0);
  2908.            -webkit-transform: translate3d(0, 0, 0);
  2909.            -moz-transform: translate3d(0, 0, 0);
  2910.            -ms-transform: translate3d(0, 0, 0);
  2911.            margin-top: 0px;
  2912.            margin-left: 0px;
  2913.            margin-right: 0;
  2914.            margin-bottom: 0;
  2915.        }
  2916.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn {
  2917.            top: 0;
  2918.            left: 50%;
  2919.            transform: translate3d(-50%, 0, 0);
  2920.            -webkit-transform: translate3d(-50%, 0, 0);
  2921.            -moz-transform: translate3d(-50%, 0, 0);
  2922.            -ms-transform: translate3d(-50%, 0, 0);
  2923.            margin-top: 0px;
  2924.            margin-left: 0;
  2925.            margin-right: 0;
  2926.            margin-bottom: 0;
  2927.        }
  2928.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne {
  2929.            top: 0;
  2930.            right: 0;
  2931.            transform: translate3d(0, 0, 0);
  2932.            -webkit-transform: translate3d(0, 0, 0);
  2933.            -moz-transform: translate3d(0, 0, 0);
  2934.            -ms-transform: translate3d(0, 0, 0);
  2935.            margin-top: 0px;
  2936.            margin-right: 0px;
  2937.            margin-left: 0;
  2938.            margin-bottom: 0;
  2939.        }
  2940.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe {
  2941.            top: 50%;
  2942.            right: 0;
  2943.            transform: translate3d(0, -50%, 0);
  2944.            -webkit-transform: translate3d(0, -50%, 0);
  2945.            -moz-transform: translate3d(0, -50%, 0);
  2946.            -ms-transform: translate3d(0, -50%, 0);
  2947.            margin-top: 0;
  2948.            margin-right: 0px;
  2949.            margin-left: 0;
  2950.            margin-bottom: 0;
  2951.        }
  2952.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse {
  2953.            bottom: 0;
  2954.            right: 0;
  2955.            transform: translate3d(0, 0, 0);
  2956.            -webkit-transform: translate3d(0, 0, 0);
  2957.            -moz-transform: translate3d(0, 0, 0);
  2958.            -ms-transform: translate3d(0, 0, 0);
  2959.            margin-top: 0;
  2960.            margin-right: 0px;
  2961.            margin-left: 0;
  2962.            margin-bottom: 0px;
  2963.        }
  2964.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs {
  2965.            bottom: 0;
  2966.            left: 50%;
  2967.            transform: translate3d(-50%, 0, 0);
  2968.            -webkit-transform: translate3d(-50%, 0, 0);
  2969.            -moz-transform: translate3d(-50%, 0, 0);
  2970.            -ms-transform: translate3d(-50%, 0, 0);
  2971.            margin-top: 0;
  2972.            margin-right: 0;
  2973.            margin-left: 0;
  2974.            margin-bottom: 0px;
  2975.        }
  2976.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw {
  2977.            bottom: 0;
  2978.            left: 0;
  2979.            transform: translate3d(0, 0, 0);
  2980.            -webkit-transform: translate3d(0, 0, 0);
  2981.            -moz-transform: translate3d(0, 0, 0);
  2982.            -ms-transform: translate3d(0, 0, 0);
  2983.            margin-top: 0;
  2984.            margin-right: 0;
  2985.            margin-left: 0px;
  2986.            margin-bottom: 0px;
  2987.        }
  2988.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw {
  2989.            top: 50%;
  2990.            left: 0;
  2991.            transform: translate3d(0, -50%, 0);
  2992.            -webkit-transform: translate3d(0, -50%, 0);
  2993.            -moz-transform: translate3d(0, -50%, 0);
  2994.            -ms-transform: translate3d(0, -50%, 0);
  2995.            margin-top: 0;
  2996.            margin-right: 0;
  2997.            margin-left: 0px;
  2998.            margin-bottom: 0;
  2999.        }
  3000.        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc {
  3001.            top: 50%;
  3002.            left: 50%;
  3003.            transform: translate3d(-50%, -50%, 0);
  3004.            -webkit-transform: translate3d(-50%, -50%, 0);
  3005.            -moz-transform: translate3d(-50%, -50%, 0);
  3006.            -ms-transform: translate3d(-50%, -50%, 0);
  3007.            margin-top: 0;
  3008.            margin-right: 0;
  3009.            margin-left: 0;
  3010.            margin-bottom: 0;
  3011.        }
  3012.        @media (max-width: 768px) {
  3013.                        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSnw_mobile {
  3014.                top: 0;
  3015.                left: 0;
  3016.                right: auto;
  3017.                bottom: auto;
  3018.                transform: translate3d(0, 0, 0);
  3019.                -webkit-transform: translate3d(0, 0, 0);
  3020.                -moz-transform: translate3d(0, 0, 0);
  3021.                -ms-transform: translate3d(0, 0, 0);
  3022.                margin-top: 0px;
  3023.                margin-left: 0px;
  3024.                margin-right: 0;
  3025.                margin-bottom: 0;
  3026.            }
  3027.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSn_mobile {
  3028.                top: 0;
  3029.                left: 50%;
  3030.                right: auto;
  3031.                bottom: auto;
  3032.                transform: translate3d(-50%, 0, 0);
  3033.                -webkit-transform: translate3d(-50%, 0, 0);
  3034.                -moz-transform: translate3d(-50%, 0, 0);
  3035.                -ms-transform: translate3d(-50%, 0, 0);
  3036.                margin-top: 0px;
  3037.                margin-left: 0;
  3038.                margin-right: 0;
  3039.                margin-bottom: 0;
  3040.            }
  3041.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSne_mobile {
  3042.                top: 0;
  3043.                right: 0;
  3044.                left: auto;
  3045.                bottom: auto;
  3046.                transform: translate3d(0, 0, 0);
  3047.                -webkit-transform: translate3d(0, 0, 0);
  3048.                -moz-transform: translate3d(0, 0, 0);
  3049.                -ms-transform: translate3d(0, 0, 0);
  3050.                margin-top: 0px;
  3051.                margin-right: 0px;
  3052.                margin-left: 0;
  3053.                margin-bottom: 0;
  3054.            }
  3055.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSe_mobile {
  3056.                top: 50%;
  3057.                right: 0;
  3058.                left: auto;
  3059.                bottom: auto;
  3060.                transform: translate3d(0, -50%, 0);
  3061.                -webkit-transform: translate3d(0, -50%, 0);
  3062.                -moz-transform: translate3d(0, -50%, 0);
  3063.                -ms-transform: translate3d(0, -50%, 0);
  3064.                margin-top: 0;
  3065.                margin-right: 0px;
  3066.                margin-left: 0;
  3067.                margin-bottom: 0;
  3068.            }
  3069.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSse_mobile {
  3070.                bottom: 0;
  3071.                right: 0;
  3072.                left: auto;
  3073.                top: auto;
  3074.                transform: translate3d(0, 0, 0);
  3075.                -webkit-transform: translate3d(0, 0, 0);
  3076.                -moz-transform: translate3d(0, 0, 0);
  3077.                -ms-transform: translate3d(0, 0, 0);
  3078.                margin-top: 0;
  3079.                margin-right: 0px;
  3080.                margin-left: 0;
  3081.                margin-bottom: 0px;
  3082.            }
  3083.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSs_mobile {
  3084.                bottom: 0;
  3085.                left: 50%;
  3086.                right: auto;
  3087.                top: auto;
  3088.                transform: translate3d(-50%, 0, 0);
  3089.                -webkit-transform: translate3d(-50%, 0, 0);
  3090.                -moz-transform: translate3d(-50%, 0, 0);
  3091.                -ms-transform: translate3d(-50%, 0, 0);
  3092.                margin-top: 0;
  3093.                margin-right: 0;
  3094.                margin-left: 0;
  3095.                margin-bottom: 0px;
  3096.            }
  3097.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSsw_mobile {
  3098.                bottom: 0;
  3099.                left: 0;
  3100.                right: auto;
  3101.                top: auto;
  3102.                transform: translate3d(0, 0, 0);
  3103.                -webkit-transform: translate3d(0, 0, 0);
  3104.                -moz-transform: translate3d(0, 0, 0);
  3105.                -ms-transform: translate3d(0, 0, 0);
  3106.                margin-top: 0;
  3107.                margin-right: 0;
  3108.                margin-left: 0px;
  3109.                margin-bottom: 0px;
  3110.            }
  3111.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSw_mobile {
  3112.                top: 50%;
  3113.                left: 0;
  3114.                right: auto;
  3115.                bottom: auto;
  3116.                transform: translate3d(0, -50%, 0);
  3117.                -webkit-transform: translate3d(0, -50%, 0);
  3118.                -moz-transform: translate3d(0, -50%, 0);
  3119.                -ms-transform: translate3d(0, -50%, 0);
  3120.                margin-top: 0;
  3121.                margin-right: 0;
  3122.                margin-left: 0px;
  3123.                margin-bottom: 0;
  3124.            }
  3125.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentPOS.BOXPOSc_mobile {
  3126.                top: 50%;
  3127.                left: 50%;
  3128.                right: auto;
  3129.                bottom: auto;
  3130.                transform: translate3d(-50%, -50%, 0);
  3131.                -webkit-transform: translate3d(-50%, -50%, 0);
  3132.                -moz-transform: translate3d(-50%, -50%, 0);
  3133.                -ms-transform: translate3d(-50%, -50%, 0);
  3134.                margin-top: 0;
  3135.                margin-right: 0;
  3136.                margin-left: 0;
  3137.                margin-bottom: 0;
  3138.            }
  3139.        }
  3140.  
  3141.  
  3142.        .Mweslide_54441.owlSliderBoxAdv .item2 .owl-lazy {
  3143.            background-size: cover;
  3144.            background-position: center center;
  3145.        }
  3146.        @media (max-width: 768px) {
  3147.            .Mweslide_54441.owlSliderBoxAdv .item2 .owl-lazy {
  3148.                background-size: cover;
  3149.                background-position: center center;
  3150.            }
  3151.        }
  3152.  
  3153.  
  3154.                    .Mweslide_54441.owlSliderBoxAdv .item2 .contentBG {
  3155.                background-color: 'transparent';
  3156.            }
  3157.                @media (max-width: 768px) {
  3158.                            .Mweslide_54441.owlSliderBoxAdv .item2 .contentBG {
  3159.                    background-color: 'transparent';
  3160.                }
  3161.                    }
  3162.  
  3163.  
  3164.                .Mweslide_54441.owlSliderBoxAdv .item2 .contentPadding {
  3165.            padding-top: 15px;
  3166.            padding-right: 15px;
  3167.            padding-bottom: 15px;
  3168.            padding-left: 15px;
  3169.        }
  3170.        @media (max-width: 768px) {
  3171.                        .Mweslide_54441.owlSliderBoxAdv .item2 .contentPadding {
  3172.                padding-top: 15px;
  3173.                padding-right: 15px;
  3174.                padding-bottom: 15px;
  3175.                padding-left: 15px;
  3176.            }
  3177.        }
  3178.  
  3179.  
  3180.        /* Mobile Scale */
  3181.                                @media (max-width: 768px) {
  3182.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="8"] {
  3183.                    font-size: 8px !important;
  3184.                }
  3185.            }
  3186.                                @media (max-width: 768px) {
  3187.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="9"] {
  3188.                    font-size: 9px !important;
  3189.                }
  3190.            }
  3191.                                @media (max-width: 768px) {
  3192.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="10"] {
  3193.                    font-size: 10px !important;
  3194.                }
  3195.            }
  3196.                                @media (max-width: 768px) {
  3197.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="11"] {
  3198.                    font-size: 11px !important;
  3199.                }
  3200.            }
  3201.                                @media (max-width: 768px) {
  3202.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="12"] {
  3203.                    font-size: 12px !important;
  3204.                }
  3205.            }
  3206.                                @media (max-width: 768px) {
  3207.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="13"] {
  3208.                    font-size: 13px !important;
  3209.                }
  3210.            }
  3211.                                @media (max-width: 768px) {
  3212.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="14"] {
  3213.                    font-size: 14px !important;
  3214.                }
  3215.            }
  3216.                                @media (max-width: 768px) {
  3217.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="15"] {
  3218.                    font-size: 15px !important;
  3219.                }
  3220.            }
  3221.                                @media (max-width: 768px) {
  3222.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="16"] {
  3223.                    font-size: 16px !important;
  3224.                }
  3225.            }
  3226.                                @media (max-width: 768px) {
  3227.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="17"] {
  3228.                    font-size: 17px !important;
  3229.                }
  3230.            }
  3231.                                @media (max-width: 768px) {
  3232.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="18"] {
  3233.                    font-size: 18px !important;
  3234.                }
  3235.            }
  3236.                                @media (max-width: 768px) {
  3237.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="19"] {
  3238.                    font-size: 19px !important;
  3239.                }
  3240.            }
  3241.                                @media (max-width: 768px) {
  3242.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="20"] {
  3243.                    font-size: 20px !important;
  3244.                }
  3245.            }
  3246.                                @media (max-width: 768px) {
  3247.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="22"] {
  3248.                    font-size: 22px !important;
  3249.                }
  3250.            }
  3251.                                @media (max-width: 768px) {
  3252.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="24"] {
  3253.                    font-size: 24px !important;
  3254.                }
  3255.            }
  3256.                                @media (max-width: 768px) {
  3257.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="26"] {
  3258.                    font-size: 26px !important;
  3259.                }
  3260.            }
  3261.                                @media (max-width: 768px) {
  3262.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="28"] {
  3263.                    font-size: 28px !important;
  3264.                }
  3265.            }
  3266.                                @media (max-width: 768px) {
  3267.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="30"] {
  3268.                    font-size: 30px !important;
  3269.                }
  3270.            }
  3271.                                @media (max-width: 768px) {
  3272.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="32"] {
  3273.                    font-size: 32px !important;
  3274.                }
  3275.            }
  3276.                                @media (max-width: 768px) {
  3277.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="34"] {
  3278.                    font-size: 34px !important;
  3279.                }
  3280.            }
  3281.                                @media (max-width: 768px) {
  3282.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="36"] {
  3283.                    font-size: 36px !important;
  3284.                }
  3285.            }
  3286.                                @media (max-width: 768px) {
  3287.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="40"] {
  3288.                    font-size: 40px !important;
  3289.                }
  3290.            }
  3291.                                @media (max-width: 768px) {
  3292.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="44"] {
  3293.                    font-size: 44px !important;
  3294.                }
  3295.            }
  3296.                                @media (max-width: 768px) {
  3297.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="48"] {
  3298.                    font-size: 48px !important;
  3299.                }
  3300.            }
  3301.                                @media (max-width: 768px) {
  3302.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="52"] {
  3303.                    font-size: 52px !important;
  3304.                }
  3305.            }
  3306.                                @media (max-width: 768px) {
  3307.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="56"] {
  3308.                    font-size: 56px !important;
  3309.                }
  3310.            }
  3311.                                @media (max-width: 768px) {
  3312.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="60"] {
  3313.                    font-size: 60px !important;
  3314.                }
  3315.            }
  3316.                                @media (max-width: 768px) {
  3317.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="66"] {
  3318.                    font-size: 66px !important;
  3319.                }
  3320.            }
  3321.                                @media (max-width: 768px) {
  3322.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="72"] {
  3323.                    font-size: 72px !important;
  3324.                }
  3325.            }
  3326.                                @media (max-width: 768px) {
  3327.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="80"] {
  3328.                    font-size: 80px !important;
  3329.                }
  3330.            }
  3331.                                @media (max-width: 768px) {
  3332.                .Mweslide_54441.owlSliderBoxAdv .item2 [data-font-size="100"] {
  3333.                    font-size: 100px !important;
  3334.                }
  3335.            }
  3336.                @media (max-width: 768px) {
  3337.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentEffect p {
  3338.                margin-bottom: 10px !important;
  3339.            }
  3340.            .Mweslide_54441.owlSliderBoxAdv .item2 .contentEffect img {
  3341.                transform: scale(1);
  3342.                -webkit-transform: scale(1);
  3343.                -moz-transform: scale(1);
  3344.                -ms-transform: scale(1);
  3345.            }
  3346.        }
  3347.  
  3348.                                @media (max-width: 768px) {
  3349.                            }
  3350.                                @media (max-width: 768px) {
  3351.                            }
  3352.                                @media (max-width: 768px) {
  3353.                            }
  3354.            
  3355.    #divDialogSlideMember .imgImageViewBG {
  3356.        background: 50% center / cover no-repeat;
  3357.        height: 220px;
  3358.    }
  3359.    @media (min-width: 1025px) {
  3360.        .Mweslide_54441.owlSliderBoxAdv.visible-lg {
  3361.            display: block !important;
  3362.        }
  3363.    }
  3364.    @media (max-width: 767px) {
  3365.    .hideslidemobile{
  3366.        display: none !important;
  3367.    }
  3368.    }
  3369. </style>
  3370.  
  3371. <div class="Mweslide_54441 owlSliderBoxAdv ">
  3372.    <div class="iconLoadSlider_54441 loader">
  3373.        <svg class="circular" viewBox="25 25 50 50">
  3374.        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
  3375.        </svg>
  3376.    </div>
  3377.    <!-- slider -->
  3378.    <div class="owl-carousel owl-theme owl-carouselhh_54441 ">
  3379.                                <!-- start item -->
  3380.            <div class="item item0" >
  3381.  
  3382.                 <!-- auto height -->
  3383.                    <img
  3384.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fbo3.png?v=202311151122"
  3385.                        srcset="
  3386.                            https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fbo3.png?v=202311151122 1920w,
  3387.                            https://image.makewebcdn.com/makeweb/0/PaJLPBxde/DefaultData%2Fbo3.png?v=202311151122                        "
  3388.                        sizes="
  3389.                            (max-width: 1920px) 1920px,
  3390.                            2560px
  3391.                        "
  3392.                        alt="image"
  3393.                        title="image"
  3394.                    />
  3395.                    
  3396.                            </div>
  3397.            <!-- end item -->
  3398.                                <!-- start item -->
  3399.            <div class="item item1" >
  3400.  
  3401.                 <!-- auto height -->
  3402.                    <img
  3403.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fb01.png?v=202311151122"
  3404.                        srcset="
  3405.                            https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fb01.png?v=202311151122 1920w,
  3406.                            https://image.makewebcdn.com/makeweb/0/PaJLPBxde/DefaultData%2Fb01.png?v=202311151122                        "
  3407.                        sizes="
  3408.                            (max-width: 1920px) 1920px,
  3409.                            2560px
  3410.                        "
  3411.                        alt="image"
  3412.                        title="image"
  3413.                    />
  3414.                    
  3415.                            </div>
  3416.            <!-- end item -->
  3417.                                <!-- start item -->
  3418.            <div class="item item2" >
  3419.  
  3420.                 <!-- auto height -->
  3421.                    <img
  3422.                        src="https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fbo2.png?v=202311151122"
  3423.                        srcset="
  3424.                            https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fbo2.png?v=202311151122 1920w,
  3425.                            https://image.makewebcdn.com/makeweb/0/PaJLPBxde/DefaultData%2Fbo2.png?v=202311151122                        "
  3426.                        sizes="
  3427.                            (max-width: 1920px) 1920px,
  3428.                            2560px
  3429.                        "
  3430.                        alt="image"
  3431.                        title="image"
  3432.                    />
  3433.                    
  3434.                            </div>
  3435.            <!-- end item -->
  3436.            </div>
  3437. </div>
  3438.  
  3439.  
  3440.  
  3441.  
  3442.  
  3443.                                    </div>
  3444.                                                                        </div>
  3445.                                                                                                </div>
  3446.                                            </div>
  3447.                <!-- end background div -->
  3448.                
  3449.            <div  style="position: relative; background-color:#ffffff; " >
  3450.                                                    <a id="customize-54442" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3451.                                                                                <div class="container">
  3452.                                                    
  3453.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3454.                                                                                                                                                <div >
  3455.                                        <style type="text/css">
  3456.    .brakeword8 {
  3457.        word-wrap: break-word;
  3458.    }
  3459. </style>
  3460. <div class="row">
  3461.            <div class="col-12 col-sm-6 brakeword8 marginBottomSpaceMobile area-tinymce">
  3462.            <p><img src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t110_zone2_title.png" data-mce-src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t110_zone2_title.png"></p><p>บจก.ซีอาร์ พียูรูฟ แอนด์ แมททีเรียล โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท สุพรรณบุรี ผลิตและจำหน่ายหลากหลายรูปลอน พร้อมให้คำปรึกษาครบวงจรเรื่องหลังคาเมทัลชีท จำหน่ายแผ่นเมทัลชีท หลังคา เหล็กความยาวมาตรฐาน และผลิตความยาวตามสั่ง อาทิ หลังคาพียูโฟม หลังคาเหล็กลอนตะเข็บคู่ หลังคาลอนตรง หลังคาเหล็กลอนสเปน หรือลอนซีแพค หลังคาโค้งหลังเต่า โค้งกันสาด แผ่นปิดครอบแบบมาตรฐาน ลูกหมุนระบายอากาศ แผ่นปิดครอบตามแบบและแผ่นบานเกล็ดระบายอากาศ แประแนงเหล็ก วัดหน้างานฟรี ส่งฟรี งานด่วน ได้ของไว ราคาไม่ แพง ครอบคลุมทั้งจังหวัดสุพรรรณบุรีและจังหวัดใกล้เคียง อาทิ เช่นจังหวัดชัยนาท จังหวัดอยุธยา จังหวัดอ่างทอง จังหวัดสิงห์บุรี จังหวัดปทุมธานี และพื้นที่ฝั่งธนของกรุงเทพ</p><p><span style="line-height: 1.4;" data-mce-style="line-height: 1.4;"><img src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t110_zone2_icon.png" data-mce-src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t110_zone2_icon.png"></span></p>        </div>
  3463.        <div class="col-12 col-sm-6">
  3464.                                <div>
  3465.                                                                    <img class="img-responsive mx-auto d-block lazy"
  3466.                            src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3467.                            data-src="https://image.makewebcdn.com/makeweb/0/PaJLPBxde/DefaultData/4AA2FB0A_D551_414D_AD21_3CBADB04C168.jpg?v=202311151122"
  3468.                            alt="image"
  3469.                            title="image"
  3470.                        />
  3471.                                                        </div>
  3472.            </div>
  3473.        </div>
  3474.                                    </div>
  3475.                                                                        </div>
  3476.                                                                                                </div>
  3477.                                            </div>
  3478.                <!-- end background div -->
  3479.                
  3480.            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Fbg_blue.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; " >
  3481.                                                    <a id="customize-54450" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3482.                                                                                <div class="container">
  3483.                                                    
  3484.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3485.                                                                                                                                                <div >
  3486.                                        <style type="text/css">
  3487.    .customHome12 .customHome12Object .item {
  3488.        display: block;
  3489.    }
  3490.    .customHome12 .customHome12Object .itemWithoutText {
  3491.        display: block;
  3492.        margin-bottom: 15px;
  3493.    }
  3494.    .customHome12Object .caption {
  3495.        padding: 0 !important;
  3496.        overflow: hidden;
  3497.        word-wrap: break-word;
  3498.    }
  3499.    .customHome12Object .contentImage {
  3500.        display: block;
  3501.        line-height: 200px;
  3502.        padding: 0px;
  3503.        text-align: center;
  3504.    }
  3505.    .customHome12Object .contentVideo {
  3506.        display: block;
  3507.        padding: 0px;
  3508.        text-align: center;
  3509.    }
  3510.    .customHome12Object .img-responsive {
  3511.        display: inline-block !important;
  3512.    }
  3513.    .brakeword12 {
  3514.        word-wrap: break-word;
  3515.    }
  3516.    @media only screen and (max-width: 767px){
  3517.        .customHome12 .customHome12Object .row .item{
  3518.            margin-bottom: 0px;
  3519.        }
  3520.    }
  3521.    @media only screen and (min-width: 768px){
  3522.        .customHome12 .customHome12Object .row .item{
  3523.            margin-bottom: 25px;
  3524.        }
  3525.    }
  3526. </style>
  3527.    <div class="row">
  3528.        <div class="col-12 marginBottomSpace brakeword12 area-tinymce">
  3529.            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 24px; color: #ff6600;" data-mce-style="font-size: 24px; color: #ff6600;"><strong>ผลิต จำหน่าย แผ่นหลังคาเหล็กเมทัลชีท METAL SHEET</strong></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #ffffff;" data-mce-style="color: #ffffff;"><span style="font-size: 19px;" data-mce-style="font-size: 19px;">บจก.ซีอาร์ พียูรูฟ แอนด์ แมททีเรียล หลังคาเหล็ก โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ผลิตและจำหน่ายหลากหลายรูปลอน พร้อมให้คำปรึกษาครบวงจรเรื่องหลังคาเมทัลชีท<br></span> <br>จำหน่ายแผ่นหลังคาเหล็กความยาวมาตรฐาน และผลิตความยาวตามสั่ง อาทิ หลังคาเหล็กลอนสเปน หรือลอนซีแพค หลังคาเหล็กลอนตะเข็บคู่ หลังคาลอนตรง หลังคาโค้งหลังเต่า โค้งกันสาด แผ่นปิดครอบแบบมาตรฐาน ลูกหมุนระบายอากาศ แผ่นปิดครอบตามแบบและแผ่นบานเกล็ดระบายอากาศ แประแนงเหล็ก วัดหน้างานฟรี ส่งฟรี งานด่วน ได้ของไว ราคาไม่แพง ครอบคลุมทั้งจังหวัดสุพรรรณบุรีและจังหวัดใกล้เคียง อาทิ เช่นจังหวัดชัยนาท จังหวัดอยุธยา จังหวัดอ่างทอง จังหวัดสิงห์บุรี จังหวัดปทุมธานี และพื้นที่ฝั่งธนของกรุงเทพ กระบวนการผลิตได้มาตรฐาน สากล ได้รับความไว้วางใจจากลูกค้ามากมาย</span></div>        </div>
  3530.    </div>
  3531. <div class="customHome12">
  3532.    <div class="customHome12Object">
  3533.        <div class="row">
  3534.                            <div class="item col-12 col-md-6 col-lg-4">
  3535.  
  3536.                    <div class="marginBottomSpace">
  3537.                                                <div class="contentImage">
  3538.                                                                <div>
  3539.                                                                                    <a href="/th/category/11571/7276/หลังคาเหล็กเมทัลชีท" target="_self">
  3540.                                                                                                                                    <img class="img-responsive lazy"
  3541.                                                src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3542.                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/PaJLPBxde/DefaultData/lek.jpg?v=202311151122"
  3543.                                                alt="หลังคาพียูโฟม"
  3544.                                                title="หลังคาพียูโฟม"
  3545.                                            />
  3546.                                                                                        </a>
  3547.                                        
  3548.                                                                        </div>
  3549.                                </div>
  3550.                            </div>
  3551.                                                        <div class="maginBottomCaption">
  3552.                                                                    <div class="caption">
  3553.                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="color: rgb(255, 102, 0);" data-mce-style="color: #ff6600;">หลังคาเหล็กเมทัลชีท</span></strong></span></div>                                    </div>
  3554.                                                            </div>
  3555.                        </div>
  3556.                                                                <div class="item col-12 col-md-6 col-lg-4">
  3557.  
  3558.                    <div class="marginBottomSpace">
  3559.                                                <div class="contentImage">
  3560.                                                                <div>
  3561.                                                                                    <a href="/th/category/11571/7277/แผ่นหลังคาโปร่งแสง" target="_self">
  3562.                                                                                                                                    <img class="img-responsive lazy"
  3563.                                                src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3564.                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/PaJLPBxde/DefaultData/h2.jpg?v=202311151122"
  3565.                                                alt="หลังคาโปร่งแสง"
  3566.                                                title="หลังคาโปร่งแสง"
  3567.                                            />
  3568.                                                                                        </a>
  3569.                                        
  3570.                                                                        </div>
  3571.                                </div>
  3572.                            </div>
  3573.                                                        <div class="maginBottomCaption">
  3574.                                                                    <div class="caption">
  3575.                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="color: rgb(255, 102, 0);" data-mce-style="color: #ff6600;">แผ่นหลังคาโปร่งแสง</span></strong></span></div>                                    </div>
  3576.                                                            </div>
  3577.                        </div>
  3578.                                                                                                                    <div class="item col-12 col-md-6 col-lg-4">
  3579.  
  3580.                    <div class="marginBottomSpace">
  3581.                                                <div class="contentImage">
  3582.                                                                <div>
  3583.                                                                                    <a href="/th/category/11571/7278/แผ่นฉนวนกันความร้อน" target="_self">
  3584.                                                                                                                                    <img class="img-responsive lazy"
  3585.                                                src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3586.                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/PaJLPBxde/DefaultData/h3.jpg?v=202311151122"
  3587.                                                alt="image"
  3588.                                                title="image"
  3589.                                            />
  3590.                                                                                        </a>
  3591.                                        
  3592.                                                                        </div>
  3593.                                </div>
  3594.                            </div>
  3595.                                                        <div class="maginBottomCaption">
  3596.                                                                    <div class="caption">
  3597.                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="color: rgb(255, 102, 0);" data-mce-style="color: #ff6600;">แผ่นฉนวนกันความร้อน</span></strong></span></div>                                    </div>
  3598.                                                            </div>
  3599.                        </div>
  3600.                                                                                                                    <div class="item col-12 col-md-6 col-lg-4">
  3601.  
  3602.                    <div class="marginBottomSpace">
  3603.                                                <div class="contentImage">
  3604.                                                                <div>
  3605.                                                                                    <a href="/th/category/11571/7279/ลูกหมุนระบายอากาศ" target="_self">
  3606.                                                                                                                                    <img class="img-responsive lazy"
  3607.                                                src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3608.                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/PaJLPBxde/DefaultData/h4.jpg?v=202311151122"
  3609.                                                alt="ลูกหมุนระบายอากาศ"
  3610.                                                title="ลูกหมุนระบายอากาศ"
  3611.                                            />
  3612.                                                                                        </a>
  3613.                                        
  3614.                                                                        </div>
  3615.                                </div>
  3616.                            </div>
  3617.                                                        <div class="maginBottomCaption">
  3618.                                                                    <div class="caption">
  3619.                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px; color: rgb(255, 102, 0);" data-mce-style="font-size: 18px; color: #ff6600;"><strong>ลูกหมุนระบายอากาศ</strong></span></div>                                    </div>
  3620.                                                            </div>
  3621.                        </div>
  3622.                                                                                                                    <div class="item col-12 col-md-6 col-lg-4">
  3623.  
  3624.                    <div class="marginBottomSpace">
  3625.                                                <div class="contentImage">
  3626.                                                                <div>
  3627.                                                                                    <a href="/th/category/11571/7280/สกรูยึดแผ่นหลังคา" target="_self">
  3628.                                                                                                                                    <img class="img-responsive lazy"
  3629.                                                src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3630.                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/PaJLPBxde/DefaultData/h5.jpg?v=202311151122"
  3631.                                                alt="สกรูเมทัลชีท"
  3632.                                                title="สกรูเมทัลชีท"
  3633.                                            />
  3634.                                                                                        </a>
  3635.                                        
  3636.                                                                        </div>
  3637.                                </div>
  3638.                            </div>
  3639.                                                        <div class="maginBottomCaption">
  3640.                                                                    <div class="caption">
  3641.                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px; color: rgb(255, 102, 0);" data-mce-style="font-size: 18px; color: #ff6600;"><strong>สกรูยึดแผ่นหลังคา</strong></span></div>                                    </div>
  3642.                                                            </div>
  3643.                        </div>
  3644.                                                                <div class="item col-12 col-md-6 col-lg-4">
  3645.  
  3646.                    <div class="marginBottomSpace">
  3647.                                                <div class="contentImage">
  3648.                                                                <div>
  3649.                                                                                    <a href="/th/category/11571/7281/ตัวอย่างสีหลังคาเหล็ก" target="_self">
  3650.                                                                                                                                    <img class="img-responsive lazy"
  3651.                                                src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3652.                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/PaJLPBxde/DefaultData/h6.jpg?v=202311151122"
  3653.                                                alt="สีเมทัลชีท"
  3654.                                                title="สีเมทัลชีท"
  3655.                                            />
  3656.                                                                                        </a>
  3657.                                        
  3658.                                                                        </div>
  3659.                                </div>
  3660.                            </div>
  3661.                                                        <div >
  3662.                                                                    <div class="caption">
  3663.                                        <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong><span style="color: rgb(255, 102, 0);" data-mce-style="color: #ff6600;">ตัวอย่างสีหลังคาเหล็ก</span></strong></span></div>                                    </div>
  3664.                                                            </div>
  3665.                        </div>
  3666.                                                                </div>
  3667.            </div>
  3668.        </div>
  3669.                                    </div>
  3670.                                                                        </div>
  3671.                                                                                                </div>
  3672.                                            </div>
  3673.                <!-- end background div -->
  3674.                
  3675.            <div  style="position: relative; background-color:#ffffff; " >
  3676.                                                    <a id="customize-54445" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3677.                                                                                <div class="container">
  3678.                                                    
  3679.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3680.                                                                                                                                                <div >
  3681.                                        <style type="text/css">
  3682.    .customHome11 .customHome11Object .item {
  3683.        display: block;
  3684.    }
  3685.    .customHome11 .customHome11Object .itemWithoutText {
  3686.        display: block;
  3687.    }
  3688.    .customHome11Object .caption {
  3689.        padding: 0 !important;
  3690.        overflow: hidden;
  3691.        word-wrap: break-word;
  3692.    }
  3693.    .customHome11Object .contentImage {
  3694.        display: block;
  3695.  
  3696.        line-height: 200px;
  3697.        padding: 0px;
  3698.        text-align: center;
  3699.    }
  3700.    .customHome11Object .contentVideo {
  3701.        display: block;
  3702.        padding: 0px;
  3703.        text-align: center;
  3704.    }
  3705.    .customHome11Object .img-responsive {
  3706.        display: inline-block !important;
  3707.    }
  3708.    .brakeword11 {
  3709.        word-wrap: break-word;
  3710.    }
  3711. </style>
  3712.    <div class="row">
  3713.        <div class="col-12 marginBottomSpace brakeword11 area-tinymce">
  3714.            <img src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t72_zone1_pic7.png" data-mce-src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t72_zone1_pic7.png">        </div>
  3715.    </div>
  3716. <div class="customHome11">
  3717.    <div class="customHome11Object">
  3718.        <div class="row">
  3719.                            <div class="item col-12 col-sm-6 col-md-6">
  3720.                    <div class="marginBottomSpace">
  3721.                                                <div class="">
  3722.                                                                    <div>
  3723.                                                                                </div>
  3724.                                </div>
  3725.                            </div>
  3726.                                                        <div class="maginBottomCaption">
  3727.                                                                    <div class="caption">
  3728.                                        <p><span style="font-size: 20px; color: #333399;" data-mce-style="font-size: 20px; color: #333399;"><strong>กระบวนการผลิตได้มาตรฐาน สากล ได้รับความไว้วางใจจากลูกค้ามากมาย<br></strong><span style="font-size: 16px; color: #333333;" data-mce-style="font-size: 16px; color: #333333;">บจก.ซีอาร์ พียูรูฟ แอนด์ แมททีเรียล หลังคาเหล็ก โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท ผลิตและจำหน่ายหลากหลายรูปลอน</span><br><span style="font-size: 16px; color: #333333;" data-mce-style="font-size: 16px; color: #333333;">พร้อมให้คำปรึกษาครบวงจรเรื่องหลังคาเมทัลชีท จำหน่ายแผ่นหลังคาเหล็กความยาวมาตรฐาน และผลิตความยาวตามสั่ง อาทิ หลังคาเหล็กลอนสเปน หรือลอนซีแพค หลังคาเหล็กลอนตะเข็บคู่ หลังคาลอนตรง หลังคาโค้งหลังเต่า โค้งกันสาด แผ่นปิดครอบแบบมาตรฐาน ลูกหมุนระบายอากาศ แผ่นปิดครอบตามแบบและแผ่นบานเกล็ดระบายอากาศ แประแนงเหล็ก วัดหน้างานฟรี ส่งฟรี งานด่วน ได้ของไว ราคาไม่แพง ครอบคลุมทั้งจังหวัดสุพรรรณบุรีและจังหวัดใกล้เคียง อาทิ เช่นจังหวัดชัยนาท จังหวัดอยุธยา จังหวัดอ่างทอง จังหวัดสิงห์บุรี จังหวัดปทุมธานี และพื้นที่ฝั่งธนของกรุงเทพ กระบวนการผลิตได้มาตรฐาน สากล ได้รับความไว้วางใจจากลูกค้ามากมาย 555/18 ม.5 ต.บางบัวทอง-สุพรรณบุรี ต.ท่าระหัด อ.เมือง จ.สุพรรณบุรี 72000</span><strong><br></strong></span></p>                                    </div>
  3729.                                                            </div>
  3730.                        </div>
  3731.                                        <div class="item col-12 col-sm-6 col-md-6">
  3732.                    <div class="marginBottomSpace">
  3733.                                                <div class="contentImage">
  3734.                                                                <div>
  3735.                                                                                                                                <img class="img-responsive lazy"
  3736.                                                src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3737.                                                data-src="https://image.makewebcdn.com/makeweb/m_750x0/PaJLPBxde/DefaultData/08B10B8C_7473_45C9_A1B5_83D580FD2AAF.jpg?v=202311151122"
  3738.                                                alt="image"
  3739.                                                title="image"
  3740.                                            />
  3741.                                            
  3742.                                                                        </div>
  3743.                                </div>
  3744.                            </div>
  3745.                                                        <div >
  3746.                                                                    <div class="caption">
  3747.                                        <p><br></p>                                    </div>
  3748.                                                            </div>
  3749.                        </div>
  3750.                                        </div>
  3751.            </div>
  3752.        </div>
  3753.                                    </div>
  3754.                                                                        </div>
  3755.                                                                                                </div>
  3756.                                            </div>
  3757.                <!-- end background div -->
  3758.                
  3759.            <div  style="position: relative; background-color:#f7f7f7; " >
  3760.                                                    <a id="customize-54449" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3761.                                                                                <div class="container">
  3762.                                                    
  3763.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3764.                                                                                                                                                <div >
  3765.                                        <style type="text/css">
  3766.    .brakeword10 {
  3767.        word-wrap: break-word;
  3768.    }
  3769. </style>
  3770. <div class="row brakeword10 area-tinymce">
  3771.    <div class="col-12">
  3772.        <img src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t72_zone1_pic8.png" data-mce-src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t72_zone1_pic8.png">    </div>
  3773. </div>                                    </div>
  3774.                                                                        </div>
  3775.                                                                                                </div>
  3776.                                            </div>
  3777.                <!-- end background div -->
  3778.                
  3779.            <div  style="position: relative;  background-image : url(https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/DefaultData%2Ft72_zone1_pic14.png?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; " >
  3780.                                                    <a id="content-54446" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  3781.                                                                                <div class="container">
  3782.                                                    
  3783.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  3784.                                                                                                                                                <div >
  3785.                                        <style type="text/css">
  3786.    @media only screen and (min-width: 1200px) {
  3787.        #contentList2_54446.contentList2 .contentWidget .item {
  3788.            display: flex;        }
  3789.    }
  3790.    @media only screen and (max-width: 1199px) {
  3791.        #contentList2_54446.contentList2 .contentWidget .item {
  3792.            display: flex;
  3793.        }
  3794.    }
  3795.  
  3796.    #contentList2_54446.contentList2 .contentWidget .item {
  3797.        height: auto;
  3798.        margin-bottom: 15px;
  3799.    }
  3800.  
  3801.    #contentList2_54446.contentList2 .contentWidget .contentImage {
  3802.        text-align: center;
  3803.        vertical-align: middle;
  3804.         height: 260px;         overflow: hidden;
  3805.            }
  3806.    .contentImageEffect {
  3807.        -webkit-transition: all .3s;
  3808.        -moz-transition: all .3s;
  3809.        -o-transition: all .3s;
  3810.        transition: all .3s;
  3811.    }
  3812.    .contentImage:hover .contentImageEffect,
  3813.    .contentImage:focus .contentImageEffect {
  3814.        transform: scale(1.1);
  3815.        -webkit-transition: all .3s;
  3816.        -moz-transition: all .3s;
  3817.        -o-transition: all .3s;
  3818.        transition: all .3s;
  3819.    }
  3820.  
  3821.    @media only screen and (min-width: 1025px) {
  3822.        #contentList2_54446.contentList2 .contentWidget img {
  3823.         max-height: 100%;             transition: opacity .3s ease-in-out, transform 0.3s ease 0s !important;
  3824.            -moz-transition: opacity .3s ease-in-out, -moz-transform 0.3s ease 0s !important;
  3825.            -webkit-transition: opacity .3s ease-in-out, -webkit-transform 0.3s ease 0s !important;
  3826.            -o-transition: opacity .3s ease-in-out, -o-transform 0.3s ease 0s !important;
  3827.        }
  3828.    }
  3829.  
  3830.    @media only screen and (min-width: 1200px) {
  3831.         #contentList2_54446.contentList2 .contentWidget .contentImage:hover img {
  3832.            transform: scale(1.1);
  3833.            -moz-transform: scale(1.1);
  3834.            -webkit-transform: scale(1.1);
  3835.            -o-transform: scale(1.1);
  3836.        }
  3837.    }
  3838.     #contentList2_54446.contentList2 .contentWidget .thumbnail {
  3839.        height: auto;
  3840.        overflow: hidden;
  3841.    }
  3842.     #contentList2_54446.contentList2 .contentCaption {
  3843.        margin-top: 20px;
  3844.        margin-left: 15px;
  3845.        margin-right: 15px;
  3846.        margin-bottom: 15px;
  3847.    }
  3848.            #contentList2_54446.contentList2 .contentName,
  3849.        #contentList2_54446.contentList2 .contentIntro,
  3850.        #contentList2_54446.contentList2 .contentDate,
  3851.        #contentList2_54446.contentList2 .contentAction {
  3852.            margin-top: 10px;
  3853.            margin-bottom: 10px;
  3854.            overflow: hidden;
  3855.        }
  3856.        #contentList2_54446.contentList2 .contentName > a {
  3857.            overflow: hidden;
  3858.        }
  3859.        #contentList2_54446.contentList2 .contentName a {
  3860.            text-decoration: none !important;
  3861.        }
  3862.        #contentList2_54446.contentList2 .contentName h3 {
  3863.            margin: 0;
  3864.            display: -webkit-box;
  3865.            -webkit-line-clamp: 2;
  3866.            -webkit-box-orient: vertical;
  3867.        }
  3868.        #contentList2_54446.contentList2 .contentIntro {
  3869.            max-height: 80px;
  3870.        }
  3871.        #contentList2_54446.contentList2 .contentIntro > p {
  3872.            line-height: normal;
  3873.            margin: 0;
  3874.        }
  3875.        #contentList2_54446.contentList2 .contentDate {
  3876.            height: 30px;
  3877.        }
  3878.        #contentList2_54446.contentList2 .contentDate > p {
  3879.            line-height: 30px;
  3880.        }
  3881.        #contentList2_54446.contentList2 .contentAction {
  3882.          
  3883.        }
  3884.        #contentList2_54446.contentList2 .contentAction > p {
  3885.            line-height: 30px;
  3886.        }
  3887.        #contentList2_54446.contentList2 .contentAction {
  3888.            margin-bottom: 10px;
  3889.        }
  3890.        @media only screen and (max-width: 767px) {
  3891.            #contentList2_54446.contentList2 .contentName {
  3892.                height: auto;
  3893.            }
  3894.            #contentList2_54446.contentList2 .contentName h3 {
  3895.                line-height: normal;
  3896.            }
  3897.            #contentList2_54446.contentList2 .contentIntro {
  3898.                max-height: unset;
  3899.                display: -webkit-box;
  3900.                -webkit-line-clamp: 4;
  3901.                -webkit-box-orient: vertical;
  3902.                overflow: hidden;
  3903.            }
  3904.            #contentList2_54446.contentList2 .contentIntro > p {
  3905.                line-height: normal;
  3906.            }
  3907.            #contentList2_54446.contentList2 .contentDate {
  3908.                height: auto;
  3909.            }
  3910.            #contentList2_54446.contentList2 .contentDate > p {
  3911.                line-height: normal;
  3912.            }
  3913.            #contentList2_54446.contentList2 .contentAction {
  3914.                height: auto;
  3915.            }
  3916.            #contentList2_54446.contentList2 .contentAction > p {
  3917.                line-height: normal;
  3918.            }
  3919.            #contentList2_54446.contentList2 .contentAction {
  3920.                margin-bottom: 10px;
  3921.            }
  3922.        }
  3923.        .contentImage>a>div{
  3924.        width: 100%;
  3925.        height: 100%;
  3926.        background-position: center;
  3927.        background-repeat: no-repeat;
  3928.        background-size: cover;
  3929.    }
  3930.    @media only screen and (min-width: 768px) {
  3931.        #contentList2_54446{
  3932.                            padding-bottom: 0px;
  3933.                        padding-top: 20px;
  3934.        }
  3935.    }
  3936.    @media  only screen and (max-width: 767px) {
  3937.        #contentList2_54446{
  3938.                            padding-bottom: 0px;
  3939.                                        padding-top: 20px;
  3940.                    }
  3941.        #contentList2_54446 .contentWidget .contentImage {
  3942.                            display: table-cell;
  3943.                width: 800px;
  3944.                height:calc(100vw - 32px) !important;
  3945.                    }
  3946.        #contentList2_54446 .contentWidget img {
  3947.            max-height: 100%;
  3948.        }
  3949.    }
  3950.    @media only screen and (min-width: 1025px) and (max-width: 1199px) and (orientation: landscape) {
  3951.        #contentList2_54446 .contentWidget .contentImage {
  3952.            height:208px !important;
  3953.        }
  3954.        #contentList2_54446.contentList2 .contentWidget img {
  3955.            max-height: 100%;
  3956.        }
  3957.    }
  3958.    @media only screen and (min-width: 993px) and (max-width: 1024px) {
  3959.        #contentList2_54446 .contentWidget .contentImage {
  3960.                            height: auto !important;
  3961.                    }
  3962.        #contentList2_54446 .contentWidget img {
  3963.            max-height: 100%;
  3964.        }
  3965.    }
  3966.  
  3967.    @media only screen and (min-width: 768px) and (max-width: 992px) {
  3968.        #contentList2_54446 .contentWidget .contentImage {
  3969.                            height: auto !important;
  3970.                    }
  3971.        #contentList2_54446 .contentWidget img {
  3972.            max-height: 100%;
  3973.        }
  3974.    }
  3975. </style>
  3976. <div class="contentList2" id="contentList2_54446">
  3977.    <div class="contentWidget">
  3978.        <div class="row">
  3979.                                <div class="item col-12 col-md-6 col-lg-3">
  3980.                        <div class="thumbnail border rounded">
  3981.                            <div class="contentImage rounded-top">
  3982.                                <a href="/content/29110/4-เรื่องที่เจ้าของบ้านควรรู้ก่อนซื้อเมทัลชีท">
  3983.                                                                                                            <img class="lazy mx-auto"
  3984.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  3985.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/PaJLPBxde/DefaultData/S__41197885.jpg"
  3986.                                        alt="4 เรื่องที่เจ้าของบ้านควรรู้ก่อนซื้อเมทัลชีท"
  3987.                                        title="4 เรื่องที่เจ้าของบ้านควรรู้ก่อนซื้อเมทัลชีท"
  3988.                                    />
  3989.                                </a>
  3990.                            </div>
  3991.                            <div class="contentCaption">
  3992.                                            <div class="contentName">
  3993.                                        <a href="/content/29110/4-เรื่องที่เจ้าของบ้านควรรู้ก่อนซื้อเมทัลชีท">
  3994.                                            <h3 class="h3-hover">4 เรื่องที่เจ้าของบ้านควรรู้ก่อนซื้อเมทัลชีท</h3>
  3995.                                        </a>
  3996.                                    </div>
  3997.                                                                            <div class="contentDate">
  3998.                                        <p>8 ม.ค. 2567</p>
  3999.                                    </div>
  4000.                                                                            <div class="contentIntro">
  4001.                                        <p>เมทัลชีทเป็นหนึ่งในวัสดุก่อสร้างที่มีความหนาให้เลือกหลากหลาย เนื่องจากความหนาแต่ละระดับจะเหมาะกับลักษณะการใช้งานที่แตกต่างกันไป ยิ่งไปกว่านั้นความหนาที่เพิ่มขึ้นยังหมายถึงความแข็งแรงและการป้องกันเสียงที่เพิ่มขึ้นตามไปด้วย ทว่ามีสิ่งที่สำคัญที่สุดก็คือ ความหนาของเมทัลชีทมีผลต่อการออกแบบ </p>
  4002.                                    </div>
  4003.                                                                            <div class="contentAction">
  4004.                                        <a href="/content/29110/4-เรื่องที่เจ้าของบ้านควรรู้ก่อนซื้อเมทัลชีท">
  4005.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  4006.                                        </a>
  4007.                                    </div>
  4008.                                    </div>
  4009.                        </div>
  4010.                    </div>
  4011.                            <div class="item col-12 col-md-6 col-lg-3">
  4012.                        <div class="thumbnail border rounded">
  4013.                            <div class="contentImage rounded-top">
  4014.                                <a href="/content/29106/5-เหตุผลที่เจ้าของบ้านควรเลือกหลังคาเมทัลชีทด้วยตนเอง">
  4015.                                                                                                            <img class="lazy mx-auto"
  4016.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4017.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/PaJLPBxde/DefaultData/post_4_jpg.webp"
  4018.                                        alt="5 เหตุผลที่เจ้าของบ้านควรเลือกหลังคาเมทัลชีทด้วยตนเอง"
  4019.                                        title="5 เหตุผลที่เจ้าของบ้านควรเลือกหลังคาเมทัลชีทด้วยตนเอง"
  4020.                                    />
  4021.                                </a>
  4022.                            </div>
  4023.                            <div class="contentCaption">
  4024.                                            <div class="contentName">
  4025.                                        <a href="/content/29106/5-เหตุผลที่เจ้าของบ้านควรเลือกหลังคาเมทัลชีทด้วยตนเอง">
  4026.                                            <h3 class="h3-hover">5 เหตุผลที่เจ้าของบ้านควรเลือกหลังคาเมทัลชีทด้วยตนเอง</h3>
  4027.                                        </a>
  4028.                                    </div>
  4029.                                                                            <div class="contentDate">
  4030.                                        <p>8 ม.ค. 2567</p>
  4031.                                    </div>
  4032.                                                                            <div class="contentIntro">
  4033.                                        <p>โดยทั่วไปการว่าจ้างผู้รับเหมาจะมีลักษณะงาน 2-3 ลักษณะด้วยกัน ทั้งให้ผู้รับเหมาเหมางานก่อสร้างทั้งหมด หรือผู้รับเหมาเหมาเฉพาะค่าแรง หรือรูปแบบผสมผสานที่เจ้าของบ้านสามารถคัดสรรวัสดุได้ด้วยตนเอง จ้างงานบางอย่างแยกเฉพาะส่วน แต่ภาพรวมของการก่อสร้างยังคงให้ผู้รับเหมาดูแล จะว่าจ้างแบบไหนขึ้นอยู่กับการตกลงตั้งแต่ครั้งแรกก่อนทำสัญญาว่าจ้างครับ</p>
  4034.                                    </div>
  4035.                                                                            <div class="contentAction">
  4036.                                        <a href="/content/29106/5-เหตุผลที่เจ้าของบ้านควรเลือกหลังคาเมทัลชีทด้วยตนเอง">
  4037.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  4038.                                        </a>
  4039.                                    </div>
  4040.                                    </div>
  4041.                        </div>
  4042.                    </div>
  4043.                            <div class="item col-12 col-md-6 col-lg-3">
  4044.                        <div class="thumbnail border rounded">
  4045.                            <div class="contentImage rounded-top">
  4046.                                <a href="/content/29107/ข้อดีและข้อเสียเมื่อนำแผ่นเมทัลชีทมามุงหลังคา">
  4047.                                                                                                            <img class="lazy mx-auto"
  4048.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4049.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/PaJLPBxde/DefaultData/post_5_jpg.webp"
  4050.                                        alt="ข้อดีและข้อเสียเมื่อนำแผ่นเมทัลชีทมามุงหลังคา"
  4051.                                        title="ข้อดีและข้อเสียเมื่อนำแผ่นเมทัลชีทมามุงหลังคา"
  4052.                                    />
  4053.                                </a>
  4054.                            </div>
  4055.                            <div class="contentCaption">
  4056.                                            <div class="contentName">
  4057.                                        <a href="/content/29107/ข้อดีและข้อเสียเมื่อนำแผ่นเมทัลชีทมามุงหลังคา">
  4058.                                            <h3 class="h3-hover">ข้อดีและข้อเสียเมื่อนำแผ่นเมทัลชีทมามุงหลังคา</h3>
  4059.                                        </a>
  4060.                                    </div>
  4061.                                                                            <div class="contentDate">
  4062.                                        <p>8 ม.ค. 2567</p>
  4063.                                    </div>
  4064.                                                                            <div class="contentIntro">
  4065.                                        <p>ในปัจุบันนี้ได้มีการออกแบบแบบบ้านทรงโมเดิล มากขึ้นส่งผลให้มีการเปลี่ยนแปลงรูปแบบหลังคามากขึ้นด้วย จริงๆ แล้วนอกจากทรงหลังคาแบบโมเดิลแล้ว หลังคาทรงจั่วหรือปั่นหยาก็สามารถ มุงด้วยแผ่นเมทัลชีทได้นะครับ</p>
  4066.                                    </div>
  4067.                                                                            <div class="contentAction">
  4068.                                        <a href="/content/29107/ข้อดีและข้อเสียเมื่อนำแผ่นเมทัลชีทมามุงหลังคา">
  4069.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  4070.                                        </a>
  4071.                                    </div>
  4072.                                    </div>
  4073.                        </div>
  4074.                    </div>
  4075.                            <div class="item col-12 col-md-6 col-lg-3">
  4076.                        <div class="thumbnail border rounded">
  4077.                            <div class="contentImage rounded-top">
  4078.                                <a href="/content/29108/อยากทำหลังคาเมทัลชีทแต่กลัวเสียงดังตอนฝนตกทำอย่างไรดี-">
  4079.                                                                                                            <img class="lazy mx-auto"
  4080.                                        src="https://webbuilder77.makewebeasy.com/images/lazy_default.png"
  4081.                                        data-src="https://image.makewebcdn.com/makeweb/c_c_409x409/PaJLPBxde/DefaultData/post_6_jpg.webp"
  4082.                                        alt="อยากทำหลังคาเมทัลชีทแต่กลัวเสียงดังตอนฝนตกทำอย่างไรดี ?"
  4083.                                        title="อยากทำหลังคาเมทัลชีทแต่กลัวเสียงดังตอนฝนตกทำอย่างไรดี ?"
  4084.                                    />
  4085.                                </a>
  4086.                            </div>
  4087.                            <div class="contentCaption">
  4088.                                            <div class="contentName">
  4089.                                        <a href="/content/29108/อยากทำหลังคาเมทัลชีทแต่กลัวเสียงดังตอนฝนตกทำอย่างไรดี-">
  4090.                                            <h3 class="h3-hover">อยากทำหลังคาเมทัลชีทแต่กลัวเสียงดังตอนฝนตกทำอย่างไรดี ?</h3>
  4091.                                        </a>
  4092.                                    </div>
  4093.                                                                            <div class="contentDate">
  4094.                                        <p>8 ม.ค. 2567</p>
  4095.                                    </div>
  4096.                                                                            <div class="contentIntro">
  4097.                                        <p>แนะนำแนวทางในการแก้ปัญหา สำหรับบ้านที่ใช้หลังคาเมทัลชีท ซึ่งโดยหลักแล้วจะเน้นเรื่องการติดตั้งฉนวนซึ่งนอกจากจะช่วยลดเสียงแล้ว ยังช่วยกันความร้อนได้ด้วย</p>
  4098.                                    </div>
  4099.                                                                            <div class="contentAction">
  4100.                                        <a href="/content/29108/อยากทำหลังคาเมทัลชีทแต่กลัวเสียงดังตอนฝนตกทำอย่างไรดี-">
  4101.            ดูเพิ่มเติม&nbsp;<i class="far fa-fw fa-angle-right" data-fa-transform="down-1"></i>
  4102.                                        </a>
  4103.                                    </div>
  4104.                                    </div>
  4105.                        </div>
  4106.                    </div>
  4107.                </div>
  4108.    </div>
  4109. </div>
  4110.                                    </div>
  4111.                                                                        </div>
  4112.                                                                                                </div>
  4113.                                            </div>
  4114.                <!-- end background div -->
  4115.                
  4116.            <div  style="position: relative; background-color:#236cb2; " >
  4117.                                                    <a id="customize-54448" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  4118.                                                                                <div class="container">
  4119.                                                    
  4120.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  4121.                                                                                                                                                <div >
  4122.                                        <style type="text/css">
  4123.    .brakeword10 {
  4124.        word-wrap: break-word;
  4125.    }
  4126. </style>
  4127. <div class="row brakeword10 area-tinymce">
  4128.    <div class="col-12">
  4129.        <img src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t72_zone1_pic9.png" data-mce-src="https://image.makewebeasy.net/mwetemplate/0/template0111/DefaultData/t72_zone1_pic9.png">    </div>
  4130. </div>                                    </div>
  4131.                                                                        </div>
  4132.                                                                                                </div>
  4133.                                            </div>
  4134.                <!-- end background div -->
  4135.                
  4136.            <div  style="position: relative; background-color:#236cb2; " >
  4137.                                                    <a id="contactus-54447" class="targethash" style="display: block;position: relative; visibility: hidden;"></a>
  4138.                                                                                <div class="container">
  4139.                                                    
  4140.                                                                    <div style="padding-top: 40px; padding-bottom: 40px;">
  4141.                                                                                                                                                <div >
  4142.                                        <div class="row">
  4143.    <div class="col-12">
  4144.        <div id="messgeAlertContactus" class="alert" role="alert" style="display: none;">
  4145.            <i class="fa fa-check-circle"></i> ข้อความของคุณถูกส่งเรียบร้อยแล้ว        </div>
  4146.        <form id="formContactSendBody">
  4147.            <div class="row">
  4148.                <div class="form-group col-sm-12 col-md-6">
  4149.                    <input name="inputContactName" id="inputContactName" placeholder="ชื่อ" type="text" class="validateInput form-control themeContactusBody"
  4150.                           value="" >
  4151.                </div>
  4152.                <div class="form-group col-sm-12 col-md-6">
  4153.                    <input name="inputContactPhone" id="inputContactPhone" placeholder="เบอร์โทรศัพท์" type="text" class="validateInput form-control themeContactusBody"
  4154.                           value="" >
  4155.                </div>
  4156.                <div class="form-group col-sm-12 ">
  4157.                    <input name="inputContactEmail" id="inputContactEmail" placeholder="E-mail" type="email" class="validateInput form-control themeContactusBody"
  4158.                           value="" >
  4159.                </div>
  4160.  
  4161.                                <div class="form-group col-sm-12">
  4162.                    <textarea class="form-control themeContactusBody" rows="5" name="inputContactMessage" id="inputContactMessage" placeholder="ข้อความ"></textarea>
  4163.                </div>
  4164.                <div class="form-group buttonSendPanel text-center col-sm-12">
  4165.                    <button type="submit" class="btn btn-style">
  4166.                        <i class="fas fa-envelope fa-fw">&nbsp;</i>ส่งข้อความ                    </button>
  4167.                </div>
  4168.            </div>
  4169.        </form>
  4170.    </div>
  4171. </div>
  4172. <script>
  4173.    jQuery(document).ready(function () {
  4174.        jQuery('#formContactSendBody').formValidation({
  4175.            framework: 'bootstrap',
  4176.            excluded: [':disabled'],
  4177.            icon: {
  4178.                valid: 'glyphicon glyphicon-ok',
  4179.                invalid: '',
  4180.                validating: 'glyphicon glyphicon-refresh'
  4181.            },
  4182.            fields: {
  4183.                "inputContactName": {
  4184.                    validators: {
  4185.                        notEmpty: {
  4186.                            message: 'กรุณากรอกชื่อผู้ติดต่อ'
  4187.                        }
  4188.                    }
  4189.                },
  4190.                "inputContactEmail": {
  4191.                    validators: {
  4192.                        notEmpty: {
  4193.                            message: 'กรุณากรอกอีเมล์ผู้ติดต่อ'
  4194.                        },
  4195.                        regexp: {
  4196.                            regexp: /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/,
  4197.                            message: 'รูปแบบอีเมล์ไม่ถูกต้อง'
  4198.                        }
  4199.                    }
  4200.                },
  4201.                "inputContactPhone": {
  4202.                    validators: {
  4203.                        notEmpty: {
  4204.                            message: 'กรุณากรอกหมายเลขโทรศัพท์'
  4205.                        }
  4206.                    }
  4207.                },
  4208.                "inputContactTypeID": {
  4209.                    validators: {
  4210.                        notEmpty: {
  4211.                            message: 'กรุณาเลือกประเภทการติดต่อ'
  4212.                        }
  4213.                    }
  4214.                },
  4215.                "inputContactMessage": {
  4216.                    validators: {
  4217.                        notEmpty: {
  4218.                            message: 'กรุณากรอกข้อความ'
  4219.                        }
  4220.                    }
  4221.                }
  4222.            }
  4223.        }).on('err.validator.fv', function (e, data) {
  4224.            data.element
  4225.                    .data('fv.messages')
  4226.                    .find('.help-block[data-fv-for="' + data.field + '"]').hide()
  4227.                    .filter('[data-fv-validator="' + data.validator + '"]').show();
  4228.        }).on('success.form.fv', function (e) {
  4229.            jQuery('#boxLoading').fadeIn(); // block fadein
  4230.            jQuery(".buttonSendPanel > button").prop('disabled', true);
  4231.            jQuery(".buttonSendPanel > button").find('i').remove();
  4232.            jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-spinner fa-pulse fa-lg fa-fw" ></i>');
  4233.            e.preventDefault();
  4234.            var $form = $(e.target);
  4235.            var bv = $form.data('formValidation');
  4236.  
  4237.            clickConversion('contact');
  4238.  
  4239.            var data = jQuery('#formContactSendBody').serialize();
  4240.            jQuery('#divViewportLoading').addClass('active'); // block loading
  4241.            jQuery.ajax({
  4242.                type: "POST",
  4243.                url: "/page/page_contactus/ajaxSaveContactUsController.php",
  4244.                data: {
  4245.                    data: data
  4246.                }, success: function (reData) {
  4247.                                        jQuery('#divViewportLoading').removeClass('active'); // unblock loading
  4248.                    if (reData === "1") {
  4249.                        jQuery("#messgeAlertContactus").removeClass("alert-danger");
  4250.                        jQuery("#messgeAlertContactus").addClass("alert-success");
  4251.                        jQuery("#messgeAlertContactus").html('<i class="fa fa-check-circle"></i> ข้อความของคุณถูกส่งเรียบร้อยแล้ว');
  4252.                    } else {
  4253.                        jQuery("#messgeAlertContactus").removeClass("alert-success");
  4254.                        jQuery("#messgeAlertContactus").addClass("alert-danger");
  4255.                        jQuery("#messgeAlertContactus").html("<i class=\"fas fa-times-circle\"></i>&nbsp;Please fill in contact us again.");
  4256.  
  4257.                        jQuery(".buttonSendPanel > button").prop('disabled', false);
  4258.                        jQuery(".buttonSendPanel > button").find('i').remove();
  4259.                        jQuery(".buttonSendPanel > button").prepend('<i class="fas fa-envelope" style="vertical-align: baseline !important;" >');
  4260.                    }
  4261.                    jQuery("#messgeAlertContactus").show();
  4262.                    setTimeout(function () {
  4263.                        document.location.reload();
  4264.                    }, 2000);
  4265.                    //jQuery('#boxLoading').fadeOut() // unblock fadeout
  4266.                }
  4267.            });
  4268.        });
  4269.    });
  4270. </script>
  4271.                                    </div>
  4272.                                                                        </div>
  4273.                                                                                                </div>
  4274.                                            </div>
  4275.                <!-- end background div -->
  4276.                        <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;">
  4277.                    </div>
  4278.        <script>
  4279.            function renderYoutubeIframe(e, video_id) {
  4280.                var iframe = document.createElement( "iframe" );
  4281.                iframe.setAttribute( "frameborder", "0" );
  4282.                iframe.setAttribute( "allowfullscreen", "" );
  4283.                iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" );
  4284.                e.innerHTML = "";
  4285.                e.appendChild( iframe );
  4286.            }
  4287.  
  4288.            function secflascounter(timer,boxid,turn) {
  4289.                if(timer!=''){
  4290.                    arrayData3 = timer;
  4291.                    //var timeParsed = arrayData3.replace(' ', 'T');
  4292.                    //var countDownDate = new Date(timer).getTime();
  4293.                    var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
  4294.                    var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
  4295.                    var asx = setInterval(function() {
  4296.                        //var now = new Date().getTime();
  4297.                        var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime();
  4298.                        var distance = countDownDate - now;
  4299.                        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  4300.                        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  4301.                        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  4302.                        var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  4303.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2));
  4304.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2));
  4305.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2));
  4306.                        jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2));
  4307.                        if (distance < 0) {
  4308.                            clearInterval(asx);
  4309.                        }
  4310.                    }, 1000);
  4311.                }else{
  4312.                    clearInterval(asx);
  4313.                }
  4314.            }
  4315.        </script>
  4316.                                                                            </div>
  4317.                <div id="section-footer">
  4318.                    <style>.menuCol {
  4319.    width: 100% !important;
  4320.    padding-right: 15px;
  4321.    padding-left: 15px;
  4322. }
  4323. </style><style>
  4324.        .subscribeInput {
  4325.            display: block !important;
  4326.        }
  4327.        @media  only screen and (max-width: 768px) {
  4328.        .fieldSubscribe {
  4329.                line-height: 10px !important;
  4330.        }
  4331.    }
  4332. </style>
  4333. <footer class="footer02 footerZone">
  4334.            <div id="footer-area">
  4335.            <div class="container">
  4336.                <div class="row">
  4337.                    <div class="col-12 col-sm-4">
  4338.                        <div class="row">
  4339.                            <div class="col-12">
  4340.                                                                    <div style="margin-bottom:10px;">
  4341.                                        <div class="wordWrapFooterHtml footer-mb-mobile">
  4342.    <p><span style="color: #ffffff; font-size: 20px;" data-mce-style="color: #ffffff; font-size: 20px;">บจก.ซีอาร์ พียูรูฟ แอนด์ แมททีเรียล</span><br><span style="color: #ffffff;" data-mce-style="color: #ffffff;">CR PU ROOF AND MATERIAL</span><br><br><span style="color: #ff6600; font-size: 20px;" data-mce-style="color: #ff6600; font-size: 20px;">บจก.ซีอาร์ พียูรูฟ แอนด์ แมททีเรียล หลังคาเหล็ก</span><br><span style="color: #ffffff;" data-mce-style="color: #ffffff;">555/18 ม.5 ต.บางบัวทอง-สุพรรณบุรี ต.ท่าระหัด อ.เมือง จ.สุพรรณบุรี 72000</span><br><span style="color: #ffffff;" data-mce-style="color: #ffffff;">โทร.085-8491226,086-669-3268 แฟกซ์ 035-431941<br>LINE ID: crmetalsheet<br></span></p><p>&nbsp;<br></p></div>                                    </div>
  4343.                                                            </div>
  4344.                        </div>
  4345.                        <div class="row">
  4346.                            <div class="col-12">
  4347.                                                            </div>
  4348.                        </div>
  4349.                        <div class="row">
  4350.                            <div class="col-12">
  4351.                                                                    <div class="footerSocial" style="margin-bottom:10px;">
  4352.                                        <style type="text/css">
  4353.    .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active {
  4354.        background-image: linear-gradient(#80D544, #65BC3E);
  4355.        background-image: -webkit-linear-gradient(top, #80D544, #65BC3E);
  4356.        background-image: -moz-linear-gradient(top, #80D544, #65BC3E);
  4357.        background-image: -ms-linear-gradient(top, #80D544, #65BC3E);
  4358.        background-image: -o-linear-gradient(top, #80D544, #65BC3E);
  4359.        background-image: linear-gradient(to bottom, #80D544, #65BC3E);
  4360.        -webkit-border-radius: 5px;
  4361.        border-radius: 5px;
  4362.        color: #FFF;
  4363.        font-size: 14px;
  4364.        padding: 5px 8px;
  4365.        padding-bottom: 8px;
  4366.        text-decoration: none;
  4367.        cursor: pointer;
  4368.        display: inline-block;
  4369.        margin-right: 11px;
  4370.    }
  4371.    .footerLineWidget:hover {
  4372.        background-image: linear-gradient(#80D544, #65BC3E);
  4373.        color: #FFF;
  4374.        background-image: -webkit-linear-gradient(top, #65BC3E, #80D544);
  4375.        background-image: -moz-linear-gradient(top, #65BC3E, #80D544);
  4376.        background-image: -ms-linear-gradient(top, #65BC3E, #80D544);
  4377.        background-image: -o-linear-gradient(top, #65BC3E, #80D544);
  4378.        background-image: linear-gradient(to bottom, #65BC3E, #80D544);
  4379.        text-decoration: none;
  4380.    }
  4381.    .footerLineWidget{
  4382.        font-size: 14px;
  4383.    }
  4384.    .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active {
  4385.        background: #00BC0C;
  4386.        background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c);
  4387.        background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c);
  4388.        background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c);
  4389.        background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c);
  4390.        background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c);
  4391.        -webkit-border-radius: 5px;
  4392.        border-radius: 5px;
  4393.        color: #FFF;
  4394.        font-size: 14px;
  4395.        padding: 5px 8px;
  4396.        padding-bottom: 8px;
  4397.        text-decoration: none;
  4398.        cursor: pointer;
  4399.        display: inline-block;
  4400.    }
  4401.  
  4402.    .footerWechatWidget:hover {
  4403.        background: #3cbf1c;
  4404.        color: #FFF;
  4405.        background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C);
  4406.        background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C);
  4407.        background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C);
  4408.        background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C);
  4409.        background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C);
  4410.        text-decoration: none;
  4411.    }
  4412.    .imgLineWidget,.imgWechatWidget{  
  4413.        width: 145px !important;
  4414.        height: 145px !important;
  4415.    }
  4416.    .qrcodeLogo{
  4417.        width: 25px;
  4418.        height: 25px;
  4419.    }
  4420.    #fsocial-widget {
  4421.         display:block;
  4422.    }
  4423.  
  4424.    #fsocial-widget>.faco-top {
  4425.        margin-bottom: 25px;
  4426.    }
  4427.  
  4428.    .pointer-none {
  4429.        pointer-events: none;
  4430.    }
  4431.  
  4432.    </style>
  4433. <div class="social-widget" id="fsocial-widget">
  4434.                
  4435.    
  4436.    
  4437.    
  4438.    </div>
  4439.  
  4440.            <a href="http://line.me/ti/p/~crmetalsheet" target="_blank" class="footerLineWidget">
  4441.            <div>
  4442.                <img class="qrcodeLogo" src="/customer/images/icon/social-line-512px.svg" alt="LINE it!" style="opacity: 1;"/>
  4443.                crmetalsheet            </div>
  4444.            <div class="text-center" style="margin-top: 5px;">
  4445.                <img class="img-responsive imgLineWidget" style="opacity: 1;" src="https://image.makewebcdn.com/makeweb/m_1920x0/PaJLPBxde/attach_file/promptpay/line20240330065318.png?v=202311151122" />
  4446.            </div>
  4447.        </a>
  4448.        
  4449.    
  4450.    <script type="text/javascript">
  4451.  
  4452.    jQuery(".footerWechatWidget").click(function () {
  4453.        window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1);
  4454.    });
  4455.    
  4456. </script>                                    </div>
  4457.                                                            </div>
  4458.                        </div>
  4459.                        <!-- <div class="row">
  4460.                            <div class="col-12">
  4461.                                                            <div class="divFooterLine">
  4462.                                                            </div>
  4463.                                                    </div>
  4464.                        </div> -->
  4465.                    </div>
  4466.                    <div class="col-12 col-sm-4">
  4467.                        <div class="row">
  4468.                            <div class="col-12">
  4469.                                                                    <div class="row">
  4470.                    <div class="menuCol">
  4471.                    <div class="footerTopic" id="footermenu-head_1">
  4472.                        Courses                    </div>
  4473.                    <div class="advdividerF"style="visibility: hidden;"></div>
  4474.                                            <ul class="ul-footermenu-sub">
  4475.                                                            <li class="li-footer-sub">
  4476.                                    <a href="/" target="_self">
  4477.                                        Home                                    </a>
  4478.                                </li>
  4479.                                                            <li class="li-footer-sub">
  4480.                                    <a href="/about-us" target="_self">
  4481.                                        About Us                                    </a>
  4482.                                </li>
  4483.                                                            <li class="li-footer-sub">
  4484.                                    <a href="/services" target="_self">
  4485.                                        Services                                    </a>
  4486.                                </li>
  4487.                                                            <li class="li-footer-sub">
  4488.                                    <a href="/category" target="_self">
  4489.                                        PRODUCTS                                    </a>
  4490.                                </li>
  4491.                                                            <li class="li-footer-sub">
  4492.                                    <a href="/categorycontent" target="_self">
  4493.                                        Blog                                    </a>
  4494.                                </li>
  4495.                                                            <li class="li-footer-sub">
  4496.                                    <a href="/contactus" target="_self">
  4497.                                        Contact                                    </a>
  4498.                                </li>
  4499.                                                    </ul>
  4500.                                    </div>
  4501.                </div>
  4502.                                                            </div>
  4503.                        </div>
  4504.                    </div>
  4505.                    <div class="col-12 col-sm-4">
  4506.                        <div class="row">
  4507.                            <div class="col-12">
  4508.                                                                        <div class="fb-page" data-href="https://www.facebook.com/Crmetalsheet/"
  4509.                 data-width="500"
  4510.                               data-height="500"
  4511.                           data-tabs="timeline,"
  4512.         data-hide-cover="false"
  4513.         data-show-facepile="true"
  4514.         data-hide-cta="false"
  4515.         data-small-header="false"
  4516.         data-adapt-container-width="true"
  4517.                  >
  4518.    </div>
  4519.    <!--<blockquote cite="https://www.facebook.com/Crmetalsheet/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Crmetalsheet/">Page</a></blockquote>-->
  4520.                                                            </div>
  4521.                        </div>
  4522.                    </div>
  4523.                </div>
  4524.            </div>
  4525.        </div>
  4526.                    <div id="footer-bar">
  4527.            <div class="container">
  4528.                                    <div class="row">
  4529.                        <div class="col-12">
  4530.                            <div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 12px; color: rgb(255, 255, 255);" data-mce-style="font-size: 12px; color: #ffffff;">Copyright © crmetalsheet 2024 All rights reversed</span></div>                        </div>
  4531.                    </div>
  4532.                                            </div>
  4533.        </div>
  4534.    </footer>
  4535.  
  4536.  
  4537.                </div>
  4538.                                    <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; ">
  4539.                        Powered by
  4540.                        <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="ทำเว็บฟรี สร้างเว็บฟรี เว็บฟรี เว็บไซต์ฟรี">MakeWebEasy.com</a>
  4541.                    </div>
  4542.                
  4543.                                    <div class="widget_cart_fix_display "></div>
  4544.                            </div>
  4545.                                </div>
  4546.  
  4547.        <!-- cookie consent-->
  4548.        
  4549. <div class="policy-position">
  4550.    <div class="wrap-con">
  4551.        <div class="container">
  4552.            <div class="row pad-row-pdpa policy-container">
  4553.                <div class="col-12 col-md-9 col-lg-9">
  4554.                    <span class="txt-pdconsent">เว็บไซต์นี้มีการใช้งานคุกกี้ เพื่อเพิ่มประสิทธิภาพและประสบการณ์ที่ดีในการใช้งานเว็บไซต์ของท่าน  ท่านสามารถอ่านรายละเอียดเพิ่มเติมได้ที่                        <a class="" href="/privacys-policy" target="_blank">นโยบายความเป็นส่วนตัว</a>
  4555.                        &nbsp;และ&nbsp;                        <a class="" href="/cookies-policy" target="_blank">นโยบายคุกกี้</a>
  4556.                    </span>
  4557.                </div>
  4558.                <div class="col-12 col-md-3 col-lg-3 colbtn">
  4559.                    <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">ตั้งค่าคุกกี้</button>
  4560.                    <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยอมรับทั้งหมด</button>
  4561.                </div>
  4562.            </div>
  4563.        </div>
  4564.    </div>
  4565. </div>        
  4566.        <script type="text/javascript">
  4567.            var plugins = {};
  4568.                            plugins['fontawesome'] = {'isEnable': false};
  4569.                            plugins['hamburgers'] = {'isEnable': true};
  4570.                            plugins['imagesloaded'] = {'isEnable': false};
  4571.                            plugins['magnificpopup'] = {'isEnable': false};
  4572.                            plugins['masonry'] = {'isEnable': false};
  4573.                            plugins['owlcarousel'] = {'isEnable': true};
  4574.                            plugins['perfectscrollbar'] = {'isEnable': false};
  4575.                            plugins['scrollposstyler'] = {'isEnable': false};
  4576.                            plugins['style_mwe'] = {'isEnable': false};
  4577.                            plugins['all'] = {'isEnable': false};
  4578.                            plugins['circularloading'] = {'isEnable': true};
  4579.                            plugins['customerjs'] = {'isEnable': false};
  4580.                            plugins['customerstyle'] = {'isEnable': false};
  4581.                            plugins['font'] = {'isEnable': false};
  4582.                            plugins['fullcalendar'] = {'isEnable': false};
  4583.                            plugins['homebox_eventcalendar'] = {'isEnable': false};
  4584.                            plugins['page_calendar'] = {'isEnable': false};
  4585.                            plugins['page_faq'] = {'isEnable': false};
  4586.                            plugins['themesystem'] = {'isEnable': false};
  4587.                    </script>
  4588.        <!-- JS Main -->
  4589.                <script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
  4590.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202306151430"></script>
  4591.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202306151430"></script>
  4592.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202306151430"></script>
  4593.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202306151430"></script>
  4594.        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202306151430" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  4595.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202306151430"></script>
  4596.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202306151430"></script>
  4597.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202306151430"></script>
  4598.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202306151430"></script>
  4599.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202306151430"></script>
  4600.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202306151430"></script>
  4601.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
  4602.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202306151430"></script>
  4603.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202306151430"></script>
  4604.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202306151430"></script>
  4605.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202306151430"></script>
  4606.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202306151430"></script>
  4607.        <script>var lang = "th";</script>
  4608.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202306151430"></script>
  4609.        <script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202306151430"></script>
  4610.                <!-- JS Page -->
  4611.        <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 -->
  4612.                <script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
  4613.                <script type="text/javascript" src="/include/customer/customer.js?v=202401041130"></script>
  4614.        <script type="text/javascript" src="/include/customer/hideShowPassword.min.js?v=202306151430"></script>
  4615.                <!-- Script CustomerPage -->
  4616.                <!-- Script Body -->
  4617.        <script type="text/javascript">
  4618.            $(document).ready(function () {
  4619.                if (
  4620.                    navigator.platform == 'iPhone' ||
  4621.                    navigator.platform == 'iPod' ||
  4622.                    navigator.platform == 'iPad' ||
  4623.                    (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0)
  4624.                ) {
  4625.                    var $body = $('body');
  4626.                    var bg_attachment = $body.css('background-attachment');
  4627.                    if (bg_attachment == 'fixed') {
  4628.                        var bg_size = $body.css('background-size');
  4629.                        if (bg_size == 'auto') {
  4630.                            var bg_img = $body.css('background-image');
  4631.                            var bg_repeat = $body.css('background-repeat');
  4632.                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
  4633.                            $bodyBG.css('width', '100vw');
  4634.                            $bodyBG.css('height', '100vh');
  4635.                            $bodyBG.css('position', 'fixed');
  4636.                            $bodyBG.css('top', '0');
  4637.                            $bodyBG.css('left', '0');
  4638.                            $bodyBG.css('background-image', bg_img);
  4639.                            $bodyBG.css('background-repeat', bg_repeat);
  4640.                            $bodyBG.css('z-index', '-99');
  4641.                            $body.prepend($bodyBG);
  4642.  
  4643.                        } else if (bg_size == 'cover') {
  4644.                            var bg_img = $body.css('background-image');
  4645.                            var bg_repeat = $body.css('background-repeat');
  4646.                            var bg_pos = $body.css('background-position');
  4647.                            var bg_size = $body.css('background-size');
  4648.                            $bodyBG = $('<div class="pseudo-body-bg"></div>');
  4649.                            $bodyBG.css('width', '100vw');
  4650.                            $bodyBG.css('height', '100vh');
  4651.                            $bodyBG.css('position', 'fixed');
  4652.                            $bodyBG.css('top', '0');
  4653.                            $bodyBG.css('left', '0');
  4654.                            $bodyBG.css('background-image', bg_img);
  4655.                            $bodyBG.css('background-repeat', bg_repeat);
  4656.                            $bodyBG.css('background-position', bg_pos);
  4657.                            $bodyBG.css('background-size', bg_size);
  4658.                            $bodyBG.css('-webkit-background-size', bg_size);
  4659.                            $bodyBG.css('-moz-background-size', bg_size);
  4660.                            $bodyBG.css('-o-background-size', bg_size);
  4661.                            $bodyBG.css('z-index', '-99');
  4662.                            $body.prepend($bodyBG);
  4663.                        }
  4664.                    }
  4665.                }
  4666.            });
  4667.        </script>
  4668.        <!-- Script Rellax -->
  4669.        <script type="text/javascript">
  4670.            if (document.getElementsByClassName("rellax").length > 0) {
  4671.                if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) {
  4672.                    var rellax = new Rellax('.rellax', {
  4673.                        speed: -4,
  4674.                        round: true
  4675.                    });
  4676.                } else {
  4677.                    $(document).ready(function () {
  4678.                        $('.rellax-view').each(function (index) {
  4679.                            var $rellax = $(this).find('>.rellax');
  4680.                            var bg_img = $rellax.css('background-image');
  4681.                            var bg_repeat = $rellax.css('background-repeat');
  4682.                            var bg_xpos = $rellax.css('background-position-x');
  4683.                            var bg_ypos = $rellax.css('background-position-y');
  4684.                            var bg_size = $rellax.css('background-size');
  4685.                            $(this).css({
  4686.                                'background-image': bg_img,
  4687.                                'background-repeat': bg_repeat,
  4688.                                'background-position-x': bg_xpos,
  4689.                                'background-position-y': bg_ypos,
  4690.                                '-webkit-background-size': bg_size,
  4691.                                '-moz-background-size': bg_repeat,
  4692.                                '-o-background-size': bg_repeat,
  4693.                                'background-size': bg_repeat,
  4694.                            }).addClass('rellax-not-support');
  4695.                            $rellax.remove();
  4696.                        });
  4697.                    });
  4698.                }
  4699.            }
  4700.        </script>
  4701.        <!-- Script Slide -->
  4702.        <script type="text/javascript">
  4703.        var $owlTemp54441 = jQuery(".owl-carouselhh_54441");
  4704.        var slideSpeedOwl54441 = "medium";
  4705.        if (slideSpeedOwl54441 == "slow") {
  4706.            var autoplayTimeoutOwl54441= 7000;
  4707.        } else if (slideSpeedOwl54441 == "medium") {
  4708.            var autoplayTimeoutOwl54441 = 5000;
  4709.        } else if (slideSpeedOwl54441 == "fast") {
  4710.            var autoplayTimeoutOwl54441 = 3000;
  4711.        }
  4712.        $owlTemp54441.on("initialize.owl.carousel", function (e) {
  4713.            jQuery(".iconLoadSlider_54441").fadeOut("slow");
  4714.            jQuery(".iconDiv_54441").remove();
  4715.        });
  4716.        $owlTemp54441.on("initialized.owl.carousel", function (e) {
  4717.            var $owl_item = $owlTemp54441.find(".owl-item");
  4718.            $owl_item.each(function () {
  4719.                var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
  4720.                var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
  4721.                $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
  4722.            });
  4723.        });
  4724.  
  4725.        var resizeTimer54441;
  4726.        jQuery(window).on("resize", function() {
  4727.            clearTimeout(resizeTimer54441);
  4728.            resizeTimer54441 = setTimeout(function() {
  4729.                var $owl_item = $owlTemp54441.find(".owl-item");
  4730.                $owl_item.each(function () {
  4731.                    var mr = parseInt($(this).find(".contentMargin").css("margin-right"));
  4732.                    var ml = parseInt($(this).find(".contentMargin").css("margin-left"));
  4733.                    $(this).find(".contentBG").css("max-width", $(this).width() - mr - ml);
  4734.                });
  4735.  
  4736.                var $item_img = $owlTemp54441.find(".item img");
  4737.                $item_img.css("height", "auto");
  4738.                $item_img.each(function () {
  4739.                    var height = $(this).height();
  4740.                    $(this).css("height", height);
  4741.                });
  4742.            }, 250);
  4743.        });
  4744.        $owlTemp54441.on({
  4745.            mouseenter: function() {
  4746.                $(this).trigger("stop.owl.autoplay");
  4747.            },
  4748.            mouseover: function() {
  4749.                $(this).trigger("stop.owl.autoplay");
  4750.            },
  4751.            mouseout: function() {
  4752.                $(this).trigger("play.owl.autoplay");
  4753.            },
  4754.            touchstart: function() {
  4755.                $(this).trigger("stop.owl.autoplay");
  4756.            },
  4757.            touchend: function() {
  4758.                $(this).trigger("play.owl.autoplay");
  4759.            }
  4760.        });
  4761.        $owlTemp54441.owlCarousel({
  4762.            loop: true,
  4763.            autoplay: true,
  4764.            autoplayTimeout: autoplayTimeoutOwl54441,
  4765.            autoplaySpeed: 900,
  4766.            dotsSpeed: 1000,
  4767.            lazyLoad: true,
  4768.            dots: false,
  4769.            navText: ["<i class=\"fal fa-3x fa-angle-left\"></i>", "<i class=\"fal fa-3x fa-angle-right\"></i>"],
  4770.            navSpeed: 1000,
  4771.            responsiveClass: true,
  4772.            responsive: {
  4773.                0: {
  4774.                    items: 1,
  4775.                    nav: true
  4776.                },
  4777.                1025: {
  4778.                    items: 1,
  4779.                    nav: true
  4780.                }
  4781.            }
  4782.        });
  4783.        function doAnimations54441(elems) {
  4784.            elems.each(function () {
  4785.                var $owl_item = $(this);
  4786.                var $item = $owl_item.find(".item");
  4787.                var $item_class = $item.attr("class");
  4788.                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
  4789.                var $animationType = $contentEffect.data("animation");
  4790.                var same_item = $owlTemp54441.find(".owl-item:not(.active)").find("." + $item_class.split(" ").join("."));
  4791.                if (same_item.length > 0) {
  4792.                    same_item.find("[data-animation ^= \"animated\"]").addClass($animationType);
  4793.                }
  4794.                $contentEffect.addClass($animationType);
  4795.            });
  4796.        }
  4797.        var $firstAnimatingElems54441 = $owlTemp54441.find(".owl-item.active");
  4798.        doAnimations54441($firstAnimatingElems54441);
  4799.        $owlTemp54441.on("translate.owl.carousel", function (e) {
  4800.            var elems = $owlTemp54441.find(".owl-item:not(.active)");
  4801.            elems.each(function () {
  4802.                var $owl_item = $(this);
  4803.                var $item = $owl_item.find(".item");
  4804.                var $item_class = $item.attr("class");
  4805.                var $contentEffect = $item.find("[data-animation ^= \"animated\"]");
  4806.                var $animationType = $contentEffect.data("animation");
  4807.  
  4808.                var same_item = $owlTemp54441.find(".owl-item.active").find("." + $item_class.split(" ").join("."));
  4809.                if (same_item.length == 0) {
  4810.                    $item.find("[data-animation ^= \"animated\"]").removeClass($animationType);
  4811.                }
  4812.            });
  4813.        });
  4814.        $owlTemp54441.on("translated.owl.carousel", function (e) {
  4815.            var $animatingElems = $owlTemp54441.find(".owl-item.active");
  4816.            doAnimations54441($animatingElems);
  4817.        });
  4818.        jQuery(".Mweslide_54441 .owl-dot").on("click", function (e) {
  4819.            if (!$(this).hasClass("active")) {
  4820.                $owlTemp54441.find(".owl-item .item").find("[data-animation ^= \"animated\"]").removeClass().addClass("contentEffect contentBG contentPadding");
  4821.            }
  4822.        });
  4823.    </script>        <!-- Script WidgetCart -->
  4824.                    <script>
  4825.                drawWidgetCartFix();
  4826.            </script>
  4827.        
  4828.        <!-- Script MWEAds -->
  4829.        <script>
  4830.            // $("#divMWEAds").on("click", function (e) {
  4831.            //     var aNode = e.target.nodeName;
  4832.            //     if (aNode !== "B") {
  4833.            //         window.open('https://www.makewebeasy.com');
  4834.            //     }
  4835.            // });
  4836.        </script>
  4837.        <!-- Script FB -->
  4838.        
  4839.        <script>
  4840.            (function (d, s, id) {
  4841.                var lang = "th_TH";
  4842.                var js, fjs = d.getElementsByTagName(s)[0];
  4843.                if (d.getElementById(id))
  4844.                    return;
  4845.                js = d.createElement(s);
  4846.                js.id = id;
  4847.                js.async = true;
  4848.                    js.src = "https://connect.facebook.net/" + lang + "/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&appId=160631041153580";
  4849.                fjs.parentNode.insertBefore(js, fjs);
  4850.            }(document, "script", "facebook-jssdk"));
  4851.        </script>
  4852.            <!-- Script Embed -->
  4853.                <!-- Script More -->
  4854.        <script type="text/javascript">
  4855.            function myFunctionincount(id, gid, page, homid, place, local, pagetype) {
  4856.                if (id !== '' && page !== '' && local !== '') {
  4857.                    jQuery.ajax({
  4858.                        type: 'POST',
  4859.                        url: '/customer/banner/store.php',
  4860.                        data: {
  4861.                            bnid: id,
  4862.                            gid: gid,
  4863.                            page: page,
  4864.                            home: homid,
  4865.                            place: place,
  4866.                            local: local,
  4867.                            pagetype: pagetype
  4868.                        },
  4869.                        success: function (returnData) {
  4870.                            if (returnData != '') {
  4871.                                console.log(returnData);
  4872.                            }
  4873.                        }
  4874.                    });
  4875.                }
  4876.            }
  4877.            $(function () {
  4878.                $('a[href*="#"]:not([href="#"])').click(function () {
  4879.                    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
  4880.                        var target = $(this.hash);
  4881.                        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
  4882.                        if (target.length) {
  4883.                            disable_scroll();
  4884.                            $('html,body').animate({
  4885.                                scrollTop: target.offset().top
  4886.                            }, 'slow', function () {
  4887.                                enable_scroll();
  4888.                            });
  4889.                            return false;
  4890.                        }
  4891.                    }
  4892.                });
  4893.            });
  4894.            function preventDefault(e) {
  4895.                e = e || window.event;
  4896.                if (e.preventDefault)
  4897.                    e.preventDefault();
  4898.                e.returnValue = false;
  4899.            }
  4900.            function wheel(e) {
  4901.                preventDefault(e);
  4902.            }
  4903.            function disable_scroll() {
  4904.                if (window.addEventListener) {
  4905.                    window.addEventListener('DOMMouseScroll', wheel, false);
  4906.                }
  4907.                window.onmousewheel = document.onmousewheel = wheel;
  4908.            }
  4909.            function enable_scroll() {
  4910.                if (window.removeEventListener) {
  4911.                    window.removeEventListener('DOMMouseScroll', wheel, false);
  4912.                }
  4913.                window.onmousewheel = document.onmousewheel = null;
  4914.            }
  4915.  
  4916.                        $(function () {
  4917.                $('#whatsappIcon').click(function () {
  4918.                    let toggle = $(this).data("toggle");
  4919.                    if (toggle == 0) {
  4920.                        $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"});
  4921.                        let date = new Date();
  4922.                        $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2));
  4923.                        $(this).data("toggle", 1);
  4924.                    } else {
  4925.                        $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
  4926.                        $(this).data("toggle", 0);
  4927.                    }
  4928.                });
  4929.                $('.whatsappBtnCancel').click(function () {
  4930.                    $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"});
  4931.                    $('#whatsappDialog').data("toggle", 0);
  4932.                });
  4933.            });
  4934.        </script>
  4935.        <script type="text/javascript">
  4936.            // Img LazyLoad
  4937.            document.addEventListener("DOMContentLoaded", function() {
  4938.                var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
  4939.                if ("IntersectionObserver" in window) {
  4940.                    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
  4941.                        entries.forEach(function(entry) {
  4942.                            if (entry.isIntersecting) {
  4943.                                let lazyImage = entry.target;
  4944.                                lazyImage.src = lazyImage.dataset.src;
  4945.                                lazyImage.classList.remove("lazy");
  4946.                                lazyImageObserver.unobserve(lazyImage);
  4947.                            }
  4948.                        });
  4949.                    });
  4950.  
  4951.                    lazyImages.forEach(function(lazyImage) {
  4952.                        lazyImageObserver.observe(lazyImage);
  4953.                    });
  4954.                } else {
  4955.                    // Possibly fall back to a more compatible method here
  4956.                    lazyImages.forEach(function(lazyImage) {
  4957.                        lazyImage.src = lazyImage.dataset.src;
  4958.                        lazyImage.classList.remove("lazy");
  4959.                    });
  4960.                }
  4961.            });
  4962.            // Iframe LazyLoad
  4963.            document.addEventListener("DOMContentLoaded", function() {
  4964.                var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy"));
  4965.                if ("IntersectionObserver" in window) {
  4966.                    let lazyIframeObserver = new IntersectionObserver(function(entries, observer) {
  4967.                        entries.forEach(function(entry) {
  4968.                            if (entry.isIntersecting) {
  4969.                                let lazyIframe = entry.target;
  4970.                                lazyIframe.src = lazyIframe.dataset.src;
  4971.                                lazyIframe.classList.remove("lazy");
  4972.                                lazyIframeObserver.unobserve(lazyIframe);
  4973.                            }
  4974.                        });
  4975.                    });
  4976.  
  4977.                    lazyIframes.forEach(function(lazyIframe) {
  4978.                        lazyIframeObserver.observe(lazyIframe);
  4979.                    });
  4980.                } else {
  4981.                    lazyIframes.forEach(function(lazyIframe) {
  4982.                        lazyIframe.src = lazyIframe.dataset.src;
  4983.                        lazyIframe.classList.remove("lazy");
  4984.                    });
  4985.                }
  4986.            });
  4987.        </script>
  4988.        <script type="text/javascript">
  4989.            // Img Opacity
  4990.            (function ($) {
  4991.                "use strict";
  4992.                $.fn.visible = function (partial) {
  4993.                    if (typeof ($(this).offset()) !== 'undefined') {
  4994.                        var $t = $(this),
  4995.                                $w = $(window),
  4996.                                viewTop = $w.scrollTop(),
  4997.                                viewBottom = viewTop + $w.height(),
  4998.                                _top = $t.offset().top,
  4999.                                _bottom = _top + $t.height(),
  5000.                                compareTop = partial === true ? _bottom : _top,
  5001.                                compareBottom = partial === true ? _top : _bottom;
  5002.                        return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop)));
  5003.                    }
  5004.                };
  5005.                jQuery(window).ready(function ($) {
  5006.                    var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = [];
  5007.                    //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'),
  5008.  
  5009.                    jQuery('body img').not('.imgLineWidget').imagesLoaded(function () {
  5010.                        bkthumbnail = $('#section-content').find('img:not(.zoomImg)');
  5011.                        bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)');
  5012.                    }).progress(function (instance, image) {
  5013.                        var result = image.isLoaded ? 'loaded' : 'broken';
  5014.                        if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) {
  5015.                            $(image.img).css('opacity', '1');
  5016.                        }
  5017.                        if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) {
  5018.                            $(image.img).css('opacity', '1');
  5019.                        }
  5020.                        if ($(image.img).closest(".owl-item").length > 0) {
  5021.                            $(image.img).css('opacity', '1');
  5022.                            var height = $(image.img).height();
  5023.                            $(image.img).css("height", height);
  5024.                        }
  5025.                    });
  5026.                    bkWindow.scroll(function (event) {
  5027.                        $.each(bkthumbnail, function (i, value) {
  5028.                            var bkValue = $(value);
  5029.                            if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) {
  5030.                                bkValue.css('opacity', '1');
  5031.                            }
  5032.                        });
  5033.                        $.each(bkthumbnailfooter, function (i, value) {
  5034.                            var bkValueft = $(value);
  5035.                            if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) {
  5036.                                bkValueft.css('opacity', '1');
  5037.                            }
  5038.                        });
  5039.                    });
  5040.                });
  5041.            })(jQuery);
  5042.        </script>
  5043.        
  5044.        <script type="text/javascript">
  5045.            $(function () {
  5046.                $('a[href^="tel:"], a[href^="Tel:"]').click(function () {
  5047.                    clickConversion('call');
  5048.                });
  5049.                $('a[href*="line.me"], a[href*="lin.ee"]').click(function () {
  5050.                    if($(this).hasClass('LineSocialPD')) return;
  5051.                    clickConversion('line');
  5052.                });
  5053.                $('a[href*="instagram.com"]').click(function () {
  5054.                    clickConversion('instagrams');
  5055.                })
  5056.                $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () {
  5057.                    if($(this).hasClass('facebookSocialPD')) return;
  5058.                    clickConversion('facebook');
  5059.                })
  5060.            });
  5061.            function clickConversion(snippetType, value = null, transectionId = null) {
  5062.                            }
  5063.        </script>
  5064.  
  5065.        
  5066.        
  5067.        <!-- Script Schema -->
  5068.        <script type="application/ld+json">
  5069.    {
  5070.      "@context": "https://schema.org",
  5071.      "@type": "WebSite",
  5072.      "url": "https://www.crmetalsheet.com",
  5073.      "name":"CR Metalsheet โรงงานรีดแผ่นหลังคาเหล็กเมทัลชีท หลังคาพียูโฟม สุพรรณบุรี อยุธยา อ่างทอง ชัยนาท สิงห์บุรี ปทุมธานี ฝั่งธน",
  5074.      "potentialAction": {
  5075.        "@type": "SearchAction",
  5076.        "target": {
  5077.          "@type": "EntryPoint",
  5078.          "urlTemplate": "https://www.crmetalsheet.com/search/{search_term_string}"
  5079.        },
  5080.        "query-input": "required name=search_term_string"
  5081.      }
  5082.    }
  5083. </script>        <style>
  5084.            @media (max-width: 992px){
  5085.                .widget-overlay .fb-customerchat span iframe ,
  5086.                .widget-overlay .fb_dialog .fb_dialog_content iframe ,
  5087.                .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe,
  5088.                .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up {
  5089.                    bottom: 70px !important
  5090.                }
  5091.                #toTop.widget-to-top {
  5092.                    bottom :  150px !important;
  5093.                }
  5094.                #unknown{
  5095.                    bottom : 60px !important;
  5096.                }
  5097.            }
  5098.            .fb_new_ui_mobile_overlay_active {
  5099.                overflow: auto !important;
  5100.            }
  5101.        </style>
  5102.  
  5103.        
  5104.    </body>
  5105. </html>
  5106.  

Home · About · News · Docs · Terms

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