1<!doctype html> 2<html lang="th-TH"> 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta name="description" content="มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ สุà¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§, หมาà¸à¸²à¸à¹à¸à¹à¸§, à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡, à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§, à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§,à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸±à¸à¸«à¸§à¸±à¸à¹à¸à¸à¸£à¸à¸¸à¸£à¸µ" /> 7 <meta name="Keywords" content="มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ สุà¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§, หมาà¸à¸²à¸à¹à¸à¹à¸§, à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡, à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§, à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§,à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§, ลูà¸à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§, à¸à¸£à¸°à¸à¸§à¸à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§, à¸à¹à¸²à¸§à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§, Mumnung farm, Thaibangkaew Dog, Bangkaew Dogs, Thai Dog Bangkaew, Thai Bangkaew Euro Dog Show, Thai Bangkaew Dog Show" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 9 <meta name="apple-mobile-web-app-capable" content="yes"> 10 <!-- facebook --> 11 <meta property="fb:app_id" content="160631041153580" /> 12 <meta property="og:type" content="website" /> 13 14 <meta property="og:title" content="à¸à¸£à¸°à¸§à¸±à¸à¸´à¸à¸à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ :: มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ สุà¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§, หมาà¸à¸²à¸à¹à¸à¹à¸§, à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡, à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§, à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§,à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§" /> 15 <meta property="og:image" content="https://image.makewebeasy.net/makeweb/m_1200x600/9XCehIVe9/header/mum_01.png" /> 16 <meta property="og:description" content="มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ สุà¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§, หมาà¸à¸²à¸à¹à¸à¹à¸§, à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡, à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§, à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§,à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸±à¸à¸«à¸§à¸±à¸à¹à¸à¸à¸£à¸à¸¸à¸£à¸µ" /> 17 <meta property="og:url" content="https://www.mumnungfarm.com/about-us" /> 18 <meta property="og:site_name" content="mumnungfarm.com" /> 19 <!-- twitter --> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:site" content="mumnungfarm.com"> 22 <meta name="twitter:title" content="à¸à¸£à¸°à¸§à¸±à¸à¸´à¸à¸à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ :: มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ สุà¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§, หมาà¸à¸²à¸à¹à¸à¹à¸§, à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡, à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§, à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§,à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§"> 23 <meta name="twitter:description" content="มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ สุà¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§, หมาà¸à¸²à¸à¹à¸à¹à¸§, à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡, à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§, à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§,à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸±à¸à¸«à¸§à¸±à¸à¹à¸à¸à¸£à¸à¸¸à¸£à¸µ"> 24 <meta name="twitter:image" content=""> 25 <meta name="twitter:domain" content="https://www.mumnungfarm.com/about-us"> 26 <!-- google --> 27 <meta name="google-site-verification" content="9sR0EtjovXan8hs8n0A3AP0D0iJ3W_RdunSH95gkw5g" /> <meta name="generator" content="MakeWebEasy" /> 28 <!-- Phone number--> 29 <meta name="format-detection" content="telephone=no"> 30 <link rel="alternate" href="https://www.mumnungfarm.com/about-us" hreflang="x-default" /> 31 32 <link rel="canonical" href="https://www.mumnungfarm.com/about-us" /> 33 34 <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebeasy.net/makeweb/0/9XCehIVe9/attach_file/favicon/favicon_20200605030857-0.ico?v=202604291000" /> 35 <link rel="shortcut icon" href="https://image.makewebeasy.net/makeweb/0/9XCehIVe9/attach_file/favicon/favicon_20200605030857-0.ico?v=202604291000" type="image/x-icon" /> 36 <link rel="icon" href="https://image.makewebeasy.net/makeweb/0/9XCehIVe9/attach_file/favicon/favicon_20200605030857-0.ico?v=202604291000" type="image/x-icon" /> 37 38 <!-- CSS Main --> 39 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Nunito|Lora|Dancing+Script|Satisfy|Fjalla+One|Oswald|Montserrat|Supermarket|Sanchez|Roboto|Quicksand|Pacifico|Raleway|Kanit|Prompt|Trirong|Taviraj|Itim|Chonburi|Mitr|Athiti|Pridi|Maitree|Pattaya|Sriracha|Sarabun|Chakra+Petch|Mali|Bai+Jamjuree|Krub|K2D|Niramit|Charm|Srisakdi|Thasadith|Kodchasan|KoHo|Charmonman|Poppins|Fahkwang|Noto+Sans+Thai|IBM+Plex+Sans+Thai|Noto+Serif+Thai|Noto+Sans+Thai+Looped|IBM+Plex+Sans+Thai+Looped&subset=thai,latin" /> 40 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
40com/makeweb/prod/css/font.min.css?v=202101271138" /> 41 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" /> 42 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" /> 43 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe2.css?v=202508081425" /> 44 <!-- CSS Page --> 45 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/fullcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/fullcalendar.print.min.css?v=0" media="print" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/homebox_eventcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/page_calendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/page_faq.min.css?v=202012190947" /><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/perfect-scrollbar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/magnific-popup.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" /> <!-- CSS Main --> 46 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" /> 47 <!-- byAir --> 48 <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/theme-system.min.css?v=202306151430" /> --> 49 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/theme-system.css?v=20261005034444" /> 50 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/theme-system2.css?v=202306151430" /> 51 <link rel="stylesheet" type="text/css" href="/customer-css/style_9XCehIVe9.min.css?v=1790275596" /> 52 53 <title>à¸à¸£à¸°à¸§à¸±à¸à¸´à¸à¸à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ :: มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ สุà¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§, หมาà¸à¸²à¸à¹à¸à¹à¸§, à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡, à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§, à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§,à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸²à¸£à¹à¸¡à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§</title> 54 55 <!-- JS Main --> 56
56<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
56 57
57<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
57 58
58<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
58 59
59<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
59 60 <!-- JS Page --> 61 <!-- Script Embed --> 62 63 <style> 64 #divMWEAds .mweColor{ 65 color: #28bee3; 66 } 67 68 /* #divMWEAds .webFreeColor{ 69 color: #ffffff; 70 background-color: #28bee3; 71 } */ 72 73 .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;} 74 .webFreeColor:hover, 75 .webFreeColor.active { 76 background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF; 77} 78 </style> 79 </head> 80 <body> 81 <!-- Script Embed --> 82 83 <!--
83<script> 84 </script>
84 --> 85 <style type="text/css"> 86 .pagination>li>a, .pagination>li>span { 87 font-size: 14px; 88 color: inherit; 89 } 90 .dropdown.areacontext.open{ 91 z-index: 1001 !important; 92 } 93 .table-responsive table { 94 margin-bottom: 20px; 95 white-space: nowrap; 96 } 97 @media only screen and (min-width: 1200px) { 98 .table-responsive table { 99 white-space: normal; 100 } 101 } 102 @media only screen and (min-width: 1200px) { 103 .section-container > .slimScrollDiv { 104 display: none; 105 } 106 } 107 a[data-mce-href] { 108 font-size: inherit; 109 font-family: inherit; 110 /*color: inherit;*/ 111 } 112 /* areacontext menu */ 113 .areacontext { 114 border: 1px solid rgb(9,10,12); 115 } 116 .areacontext .btn-primary { 117 background: #373e44!important; 118 color: #FFF!important; 119 border-color: #23292f!important; 120 padding: 1px 5px; 121 display: block; 122 } 123 .areacontext > div { 124 font-family: Open Sans !important; 125 font-size: 12px !important; 126 } 127 .areacontext ul.dropdown-menu { 128 border-radius: 0px !important; 129 background: #373E44 !important; 130 margin-top: 0px !important; 131 border: 1px solid rgb(9,10,12); 132 padding: 0px !important; 133 min-width: 100px !important; 134 transform: translate3d(-1px, 20px, 0px) !important; 135 } 136 .areacontext ul.dropdown-menu > li > a { 137 font-family: "Helvetica Neue",Helvetica,Tahoma !important; 138 font-size: 12px !important; 139 color: rgb(145, 159, 174) !important; 140 padding: 3px 5px !important; 141 display: block; 142 } 143 .areacontext ul.dropdown-menu > li > a:hover { 144 background: #262D33 !important; 145 color: #FFF !important; 146 text-decoration: none; 147 } 148 /* addition */ 149 /* facebook like box */ 150 .fb-like.fb_iframe_widget > span > iframe{ 151 max-width:none!important 152 } 153 /* img in table */ 154 table img { 155 max-width:initial!important; 156 } 157 /* iframe */ 158 iframe { 159 max-width:100%; 160 } 161 /* pagination */ 162 .pagination>li>a,.pagination>li>span{ 163 font-size:14px;color:inherit 164 } 165 /* table */ 166 .table-responsive table { 167 margin-bottom:20px; 168 white-space:nowrap; 169 } 170 @media only screen and (min-width: 1200px){ 171 .table-responsive table{ 172 white-space:normal 173 } 174 } 175 /* img width and rendering */ 176 div#section-content img:not(.fill), 177 div#section-footer img:not(.fill) { 178 overflow:hidden; 179 opacity:0; 180 -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; 181 transition:opacity .3s ease-in-out,transform .3s ease-in-out; 182 max-width:100%; 183 } 184 @media (max-width: 768px) { 185 body { 186 max-width: 100vw; 187 } 188 } 189 /* force show img */ 190 .map_outter img { 191 opacity: 1 !important; 192 } 193 /* link in tinymce */ 194 a[data-mce-href] { 195 font-size: inherit; 196 font-family: inherit; 197 } 198 /* top layout */ 199 nav > #top-area > .container-fluid { 200 padding-left: 8px; 201 padding-right: 8px; 202 } 203 nav > #top-area > .row { 204 margin: 0; 205 } 206 nav > #top-area > .row > .col { 207 padding: 0; 208 } 209 .navbar-link { 210 display: inline-block; 211 padding: 8px; 212 border: none; 213 margin: 8px 0px; 214 vertical-align: middle; 215 line-height: 1; 216 } 217 /*.navbar-fa { 218 width: 24px !important; 219 height: 24px !important; 220 }*/ 221 .navbar-toggler-icon { 222 margin: 0; 223 padding: 0; 224 } 225 .dropdown > .dropdown-toggle > svg { 226 transition: all 300ms ease; 227 -webkit-transition: all 300ms ease; 228 -o-transition: all 300ms ease; 229 -ms-transition: all 300ms ease; 230 } 231 .dropdown.show > .dropdown-toggle > svg { 232 transform: rotate(180deg); 233 -webkit-transform: rotate(180deg); 234 -moz-transform: rotate(180deg); 235 -o-transform: rotate(180deg); 236 } 237 .dropdown-menu > li > .dropdown-toggle > svg { 238 transition: all 300ms ease; 239 -webkit-transition: all 300ms ease; 240 -o-transition: all 300ms ease; 241 -ms-transition: all 300ms ease; 242 } 243 .dropdown-menu > li.show > .dropdown-toggle > svg { 244 transform: rotate(90deg); 245 -webkit-transform: rotate(90deg); 246 -moz-transform: rotate(90deg); 247 -o-transform: rotate(90deg); 248 } 249 /* cart widget */ 250 nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter { 251 display: none; 252 } 253 nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter { 254 -webkit-transform: scale(0.75) !important; 255 transform: scale(0.75) !important; 256 top: -75%; 257 right: auto; 258 left: 50%; 259 -webkit-transform-origin: top center; 260 transform-origin: top center; 261 display: inline-block; 262 } 263 /* list style */ 264 ul { 265 margin-bottom: 0 !important; 266 } 267 li { 268 /* list-style: none;*/ 269 } 270 /* hide caret */ 271 .dropdown-toggle::after{ 272 display:none!important; 273 } 274 /* social widget */ 275 .social-widget { 276 display: inline-block; 277 } 278 .social-widget a { 279 font-size: 30px; 280 width: 30px; 281 height: 30px; 282 min-width: 30px; 283 min-height: 30px; 284 } 285 @media (min-width: 401px) { 286 .social-widget a { 287 font-size: 36px; 288 width: 36px; 289 height: 36px; 290 min-width: 36px; 291 min-height: 36px; 292 } 293 } 294 .social-widget a svg.fa-twitter { 295 margin-right: -1px !important; 296 } 297 .social-widget a svg.fa-instagram { 298 margin-right: 2px !important; 299 } 300 .social-widget a svg.fa-google-plus-g { 301 margin-right: -6px !important; 302 } 303 .social-widget a svg.fa-youtube { 304 margin-right: -3px !important; 305 } 306 /* vertical align text widget */ 307 .navbar-text { 308 line-height: 150%; 309 vertical-align: middle; 310 min-height: 50px; 311 } 312 @media (min-width: 401px) { 313 .navbar-text { 314 min-height: 56px; 315 } 316 } 317 </style> 318 319 <!--// ! ------------arrow scroll to top --> 320 <div class="ribbon-mourn d-lg-block d-none" style="width: 128px; height: 128px; position: fixed;top: 0;left: 0;z-index: 9999;-webkit-backface-visibility: hidden;backface-visibility: hidden; background-image:url('/customer/images/Ribbon_icon.svg'); background-size: contain; pointer-events: none;"></div> 321 <div class="ribbon-mourn d-lg-none" style="width: 100%; height: 42px;top: 0;left: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden; background-size: contain; pointer-events: none;background-color: #464646;border-bottom: 1px solid white;text-align: center;"> 322 <img src="/customer/images/Ribbon.svg" style="width: 100%; height: 100%;"> 323 </div> 324 <a href="javascript:void(0);" id="toTop" class="back-to-top " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
325 <span class="fa-stack" style="font-size: 22px;"> 326 <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i> 327 <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i> 328 </span> 329 </a> 330 331 <!-- //! facebook messager --> 332 <div class="section-container"> 333 <!-- BoxLoading --> 334 <div class="boxLoading" id="boxLoading"> 335 <div class="loader"> 336 <svg class="circular" viewBox="25 25 50 50"> 337 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle> 338 </svg> 339 </div> 340 </div> 341 342 <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div> 343<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div> 344<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div> 345
346<script type="text/javascript"> 347 348 function showModalBS(isClose, path, size) { 349 if (size == 'small') { 350 var siz = 'sm'; 351 } else if (size == 'medium') { 352 var siz = 'md'; 353 } else if (size == 'large') { 354 var siz = 'lg'; 355 } else if (size == 'full') { 356 var siz = 'full'; 357 } else if (size == 'cartlogin') { 358 var siz = 'modalCartLogin'; 359 } else if (size === 'addToCartGroupProduct') { 360 var siz = 'groupProduct modal-dialog-centered' 361 } else if (size === 'addToCart') { 362 var siz = 'addToCart modal-dialog-centered' 363 } else if (size === 'medium-center') { 364 var siz = 'md modal-dialog-centered' 365 } else { 366 var siz = 'md'; 367 } 368 369 if (isClose == 1) { 370 var backdrop = true; 371 } else if (isClose == 0) { 372 var backdrop = 'static'; 373 } else { 374 var backdrop = true; 375 } 376 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>'); 377 jQuery('#modal_standard').modal({ 378 backdrop: backdrop, 379 // remote: path, 380 show: true, 381 keyboard: true 382 }); 383 jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 384 }); 385 } 386 387 function showModalPopup(isClose, path) { 388 if (isClose == 1) { 389 var backdrop = true; 390 } else if (isClose == 0) { 391 var backdrop = 'static'; 392 } else { 393 var backdrop = true; 394 } 395 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>'); 396 jQuery('#modal_popup').modal({ 397 backdrop: backdrop, 398 // remote: path, 399 show: true, 400 keyboard: true 401 }); 402 jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 403 }); 404 } 405 406 function showModalCouponBS(path) { 407 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>'); 408 jQuery('#modal_coupon').modal({ 409 backdrop: true, 410 // remote: path, 411 show: true, 412 keyboard: true 413 }); 414 jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 415 }); 416 } 417 418</script>
418 <div class="disabled-filter"></div> 419 <div class="section-body "> 420 <div id="section-header" class="sps sps--abv"> 421 422<style type="text/css"> 423 @media only screen and (min-width: 1025px){ 424 .headerMobile { 425 display: none !important; 426 } 427 .navbar-toggler { 428 display: none !important; 429 } 430 .navbar-expand-xl .navbar-collapse { 431 display: flex !important; 432 flex-basis: auto; 433 } 434 .navbar-expand-xl .navbar-nav { 435 flex-direction: row; 436 } 437 .navbar-expand-xl .navbar-nav .nav-link { 438 padding-right: 0.5rem; 439 padding-left: 0.5rem; 440 } 441 /* sticky */ 442 .headerDesktop nav #top-sticky { 443 transition: transform 450ms; 444 -webkit-transition: transform 450ms; 445 -moz-transition: transform 450ms; 446 -o-transition: transform 450ms; 447 } 448 .sps--abv .headerDesktop nav #top-sticky { 449 position: relative; 450 transform: translate3d(0, 0, 0); 451 -webkit-transform: translate3d(0, 0, 0); 452 -moz-transform: translate3d(0, 0, 0); 453 -ms-transform: translate3d(0, 0, 0); 454 } 455 .sps--abv .headerDesktop nav #top-mb { 456 margin-bottom: 0; 457 } 458 .sps--abv .headerDesktop nav #top-sticky #cart{ 459 display: none !important; 460 } 461 .sps--blw .headerDesktop nav #top-sticky { 462 position: fixed; 463 top: -56px; 464 left: 0; 465 right: 0; 466 z-index: 1000; 467 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 468 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 469 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 470 transform: translate3d(0, 56px, 0); 471 -webkit-transform: translate3d(0, 56px, 0); 472 -moz-transform: translate3d(0, 56px, 0); 473 -ms-transform: translate3d(0, 56px, 0); 474 } 475 .sps--blw .headerDesktop nav #top-mb { 476 padding-bottom: 56px; 477 } 478 .sps--blw #top-sticky #logotop{ 479 display: none !important; 480 } 481 482 .sps--blw .headerDesktop nav #top-sticky #cart{ 483 display: inline-flex !important 484 } 485 486 } 487 @media (max-width: 1024px){ 488 .headerDesktop { 489 display: none !important; 490 } 491 /* sticky */ 492 .sps--abv .headerMobile nav #top-sticky { 493 position: static; 494 } 495 .sps--abv .headerMobile nav #top-mb { 496 margin-bottom: 0; 497 } 498 .sps--blw .headerMobile nav #top-sticky { 499 position: fixed; 500 top: 0; 501 left: 0; 502 right: 0; 503 z-index: 1000; 504 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 505 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 506 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 507 } 508 .sps--blw .headerMobile nav #top-mb { 509 margin-bottom: 56px; 510 } 511 .icoMember ,#iconsMember{ 512 display: none; 513 } 514 ul.navbar-topmenu.navbar-nav .arrowCollapse{ 515 transition: transform .3s ease 0s; 516 } 517 ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{ 518 transition: transform .3s ease 0s; 519 } 520 } 521 .sb { 522 visibility: visible; 523 /*position: absolute; 524 top: 0; 525 left: 0; 526 right: 0; 527 bottom: 0; 528 529 opacity: 1; 530 z-index: 999; 531 padding: 0 16px; 532 /*margin: 0 16px;*/ 533 } 534 .sb > input { 535 /*width: calc(100% - 39px); 536 border-top: 0; 537 border-left: 0; 538 border-right: 0; 539 border-bottom: 2px solid #FFF; 540 background: #333 !important; 541 padding: 6px; 542 color: #FFF; 543 vertical-align: middle;*/ 544 } 545 .sb > input::placeholder { 546 color: #333; 547 } 548 .sb > input:focus { 549 outline: none; 550 } 551 .aCloseSearchIcon { 552 height: 36px; 553 padding: 6px 12px; 554 } 555 #top-sticky > div { 556 position: relative; 557 } 558 div.headerMobile{ 559 position: relative; 560 z-index: 56; 561 } 562 #divMWEAds { 563 bottom: unset; 564 width: 100vw !important; 565 background: #fff; 566 color: #000; 567 } 568 #divMWEAds:hover { 569 background: #fff; 570 } 571 #topZone { 572 padding-top: 0px; 573 } 574 .marginBot { 575 margin-bottom: 0px; 576 } 577 578 .headerMobile #divMWEAds { 579 font-family: 'DB Heavent' !important; 580 font-size:21px; 581 z-index:999999; 582 } 583 .headerMobile #divMWEAds a { 584 font-size: 20px; 585 font-family: 'DB Heavent' !important; 586 font-weight: bold; 587 } 588 @media only screen and (max-width: 400px) { 589 .headerMobile #divMWEAds { 590 font-size:16px; 591 } 592 #divMWEAds img { 593 max-height: 25px; 594 max-width: 25px; 595 } 596 .headerMobile #divMWEAds a { 597 font-size: 16px; 598 } 599 } 600</style> 601<div class="headerDesktop"> 602 <style type="text/css"> 603 @media (min-width: 1025px) { 604 .navbar-brand { 605 font-size: 24px !important; 606 border: none !important; 607 padding: 0; 608 margin: auto; 609 } 610 .navbar-text{ 611 min-height: 24px; 612 } 613 .text-truncate{ 614 width: 100%; 615 } 616 .text-truncate p{ 617 margin-bottom: 0 !important; 618 line-height: 24px; 619 } 620 621 #menutop{ 622 margin: 10px 10px 10px 0 !important; 623 } 624 .topwidget-menu{ 625 margin: 0 !important; 626 } 627 .sps--abv .row-display-justify { 628 -webkit-box-pack: center !important; 629 -ms-flex-pack: center !important; 630 justify-content: center !important; 631 } 632 .sps--blw .row-display-justify { 633 -webkit-box-pack: flex-start !important; 634 -ms-flex-pack: flex-start !important; 635 justify-content: flex-start !important; 636 } 637 #top-area #logotop { 638 margin: 10px 0px 0px 0px; 639 } 640 .navbar-brand .img-logo { 641 max-width: 100%; 642 min-width: 1px; 643 min-height: 1px; 644 max-height: 100%; 645 } 646 #top-sticky #cart2{ 647 display: none !important; 648 } 649 .sps--blw #top-sticky #cart2{ 650 display: inline-flex !important; 651 652 } 653 } 654</style> 655 656<nav id="topZone" class="navbar-expand-xl"> 657 <div id="top-bar"> 658 <div id="top-mb"> 659 <div class="container-fluid"> 660 <div class="row align-items-center justify-content-between"> 661 <div class="col-12 col-sm col-lg-auto"> 662 <div id="member" class="hoverOverlay d-inline-flex align-middle my-1"> 663 <ul class="navbar-nav member-nav"> 664 <li class="nav-item"> 665 <a class="nav-link" href="/th/member" id="txtLoginMember"> 666 <i class='fas fa-sign-in-alt icoMember'></i> à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸ </a> 667 </li> 668 <li class="nav-item" style="font-size: 15px;">
669 <span id="sprMember"> 670 <span id="imgSprMemberLoged"></span> 671 </span> 672 </li> 673 <li class="nav-item"> 674 <a class="nav-link" href="/th/member/register" id="txtRegisMember"> 675 <i class="fas fa-user icoMember"></i> สมัà¸à¸£à¸ªà¸¡à¸²à¸à¸´à¸ </a> 676 </li> 677 </ul> 678 </div> 679 </div> 680 681 <div class="col-lg-auto"> 682 <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1"> 683 <div class="navbar-text text-truncate text-right py-1"> 684 <span style="color: #9cc6ef; font-family: Roboto; font-size: 14px;" data-mce-style="color: #9cc6ef; font-family: Roboto; font-size: 14px;"> à¸à¸´à¸à¸à¹à¸à¸à¸µà¹à¸à¸²à¸£à¹à¸¡ Tel. 081-736-3478 , Email: [email protected]</span><br> </div> 685 </div> 686 <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1"> 687 <div class="d-inline"> 688<style> 689 .empty { 690 padding-top: 15px; 691 padding-right: 22px; 692 padding-bottom: 12px; 693 padding-left: 29px; 694 } 695 .wechatSocial{ 696 cursor: pointer; 697 } 698 .pointer-none { 699 pointer-events: none; 700 } 701</style> 702<div class="social-widget"> 703 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/Mumnung-Farm-2015283712058351/ " style=""> 704 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 705 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 706 </a> 707 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~0817363478 " style=""> 708 <i class="fas fa-circle colorLineBG pointer-none"></i> 709 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 710 </a> 711 712 713 </div>
714<script type="text/javascript"> 715 716 jQuery(".wechatSocial").click(function () { 717 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 718 }); 719 720</script>
720</div> 721 </div> 722 <div id="languagetab" class="hoverOverlay d-inline-flex align-middle my-1"> 723 <style type="text/css"> 724 .headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{ 725 padding: 0; 726 border-radius: .25rem; 727 transform: translate3d(0px, 40px, 0px) !important; 728 } 729 .headerDesktop .topwidget-lang ul, .topwidget-lang li { 730 min-width: 1px; 731 border-radius: 0; 732 } 733 .headerMobile .topwidget-lang { 734 } 735 .headerMobile .topwidget-lang ul, .topwidget-lang li { 736 min-width: 1px; 737 width: 100%; 738 border-radius: 0; 739 } 740 .headerDesktop .topwidget-lang #chooseLanguage{ 741 line-height: 24px; 742 } 743 .flag-icon{ 744 box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%); 745 } 746</style> 747<div class="topwidget-lang"> 748 <ul class="navbar-nav"> 749 <li class="nav-item dropdown"> 750 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 751 <i class="flag-icon flag-icon-th"></i> 752 TH </a> 753 </li> 754 </ul> 755</div> </div> 756 </div> 757 </div> 758 </div> 759 </div> 760 </div> 761 <div id="top-area"> 762 <div id="top-mb"> 763 <div class="container-fluid"> 764 <div class="row no-gutters"> 765 <div class="col col-lg text-center"> 766 <div id="logotop" class="hoverOverlay d-inline-flex"> 767 <span class="navbar-brand"> 768 <a href="/" style="text-decoration: none;"> 769 <style> 770 @media (min-width: 1025px){ 771 .img-logo { 772 } 773 } 774 </style> 775 <img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/header/mum_01.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 776 </a> 777 </span> 778 </div> 779 </div> 780 </div> 781 </div> 782 </div> 783 <div id="top-sticky"> 784 <div class="container-fluid"> 785 <div class="row no-gutters justify-content-center"> 786 <div class="collapse topSearchBar"> 787 <div class="topSearchBarInner"> 788 <div class="input-group mb-3"> 789 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..."> 790 <div class="input-group-append"> 791 <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button> 792 </div> 793 </div> 794 </div> 795 </div> 796 797 <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center"> 798 <div id="menutop" class="hoverOverlay d-inline-flex"> 799 <div class="collapse navbar-collapse"> 800 <style type="text/css"> 801 .topwidget-menu .navbar-nav .dropdown-menu { 802 padding: 0; 803 margin: 0; 804 } 805 .topwidget-menu .navbar-nav .dropdown-menu.hidden { 806 visibility: hidden; 807 } 808 /*PC hack to hover*/ 809 @media (min-width: 1025px) { 810 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 811 display:block !important; 812 } 813 ul.navbar-topmenu.navbar-nav > li.nav-item >
813 ul.dropdown-menu li:hover > .dropdown-menu{ 814 display:block !important; 815 } 816 ul.navbar-topmenu.navbar-nav ul{ 817 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 818 } 819 .topwidget-menu { 820 margin: 10px; 821 } 822 ul.dropdown-menu.dropdown-menu-right{ 823 left: unset; 824 right:0; 825 } 826 .dropdownfix-menu-right { 827 right:100% !important; 828 left:auto !important; 829 } 830 .public-topmenu .dropdown-menu-right .fa-chevron-right { 831 transform: rotate(180deg); 832 left: 0; 833 position: absolute; 834 top: 12px; 835 } 836 .public-topmenu .dropdown-menu-right .fa-chevron-down{ 837 transform: rotate(90deg); 838 left: 0; 839 position: absolute; 840 top: 12px; 841 } 842 .more.hidden{ 843 display:none; 844 } 845 .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 846 transform: rotate(-90deg); 847 } 848 ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 849 position: absolute; 850 } 851 .public-topmenu .topmenuLg{ 852 border-right:none !important; 853 } 854 } 855 /* tablet*/ 856 @media only screen and (min-width: 768px) and (max-width: 1112px) { 857 ul.navbar-topmenu.navbar-nav ul{ 858 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 859 } 860 } 861 /*mobile tablet*/ 862 @media only screen and (max-width: 1024px) { 863 864 ul.navbar-topmenu .abl1 .arrowCollapse, 865 ul.navbar-topmenu .abl2 .arrowCollapse{ 866 position: absolute; 867 right: 20px !important; 868 top: 25%; 869 text-align: center; 870 height: 16px; 871 } 872 ul.navbar-topmenu.navbar-nav a{ 873 text-align: left !important; 874 white-space: normal; 875 } 876 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 877 transition: all .3s ease 0s; 878 -ms-transition: all .3s ease 0s; 879 -webkit-transition: all .3s ease 0s; 880 -moz-transition: all .3s ease 0s; 881 } 882 ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 883 transform: rotate(90deg); 884 transition: all .3s ease 0s; 885 -ms-transition: all .3s ease 0s; 886 -webkit-transition: all .3s ease 0s; 887 -moz-transition: all .3s ease 0s; 888 /* width: 15px; 889 height: 15px; */ 890 } 891 892 ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 893 right: 12px; 894 top: 27%; 895 } 896 897 ul.navbar-topmenu.navbar-nav a{ 898 word-wrap: break-word; 899 } 900 ul.navbar-topmenu.navbar-nav .more{ 901 display:none !important; 902 } 903 .public-topmenu .dropdown.show > a > .arrowCollapse{ 904 transform: rotate(180deg); 905 -ms-transform: rotate(180deg); 906 -webkit-transform: rotate(180deg); 907 -moz-transform: rotate(180deg); 908 } 909 .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ 910 transform: rotate(270deg); 911 -ms-transform: rotate(270deg); 912 -webkit-transform: rotate(270deg); 913 -moz-transform: rotate(270deg); 914 } 915 .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 916 transform: rotate(270deg); 917 -ms-transform: rotate(270deg); 918 -webkit-transform: rotate(270deg); 919 -moz-transform: rotate(270deg); 920 } 921 ul.navbar-topmenu.navbar-nav > li > ul > li > a { 922 padding-left: 30px !important; 923 } 924 ul.navbar-topmenu.navbar-nav ul ul a { 925 padding-left: 45px !important; 926 } 927 } 928</style> 929<div class="topwidget-menu"> 930 <ul class="navbar-nav navbar-topmenu public-topmenu"> 931 <li class="nav-item "> 932 <a class="nav-link abl1" data-onhome="home" href="/" target="_self"> 933 หà¸à¹à¸²à¹à¸£à¸ </a> 934 </li> 935 <li class="nav-item "> 936 <a class="nav-link abl1" id="topmenuonpage" href="/about-us" target="_self"> 937 à¸à¸£à¸°à¸§à¸±à¸à¸´à¸à¸²à¸£à¹à¸¡ </a> 938 </li> 939 <li class="nav-item dropdown "> 940 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 941 มาà¸à¸£à¸à¸²à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹ <sp
941an class="arrowCollapse"> 942 <i class="fal fa-chevron-down"></i> 943 </span> 944 </a> 945 <ul class="dropdown-menu"> 946 <li> 947 <a class="nav-link dropdown-item abl2" href="/มาà¸à¸£à¸à¸²à¸à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§" target="_self"> 948 สุà¸à¸±à¸à¹à¸à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§ </a> 949 </li> 950 <li> 951 <a class="nav-link dropdown-item abl2" href="/breedstandardthaibangkaewdog" target="_self"> 952 Thai Bangkaew Dog </a> 953 </li> 954 </ul> 955 </li> 956 <li class="nav-item "> 957 <a class="nav-link abl1" href="/categorycontent/1537/our-boys" target="_self"> 958 Our Boys </a> 959 </li> 960 <li class="nav-item "> 961 <a class="nav-link abl1" href="/categorycontent/1538/our-girls" target="_self"> 962 Our Girls </a> 963 </li> 964 <li class="nav-item "> 965 <a class="nav-link abl1" href="https://www.mumnungfarm.com/categorycontent/1710/products" target="_self"> 966 Puppies (For Sale) </a> 967 </li> 968 <li class="nav-item "> 969 <a class="nav-link abl1" href="/categorycontent/1539/article" target="_self"> 970 à¸à¸à¸à¸§à¸²à¸¡ </a> 971 </li> 972 <li class="nav-item "> 973 <a class="nav-link abl1" href="/album/5030/à¸à¸¥à¸à¸²à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡" target="_self"> 974 à¸à¸¥à¸à¸²à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ </a> 975 </li> 976 <li class="nav-item "> 977 <a class="nav-link abl1" href="/contactus" target="_self"> 978 Contact us </a> 979 </li> 980 <li class="nav-item topmenuLg"> 981 <a class="nav-link abl1" href="/forum" target="_self"> 982 à¸à¸£à¸°à¸à¸²à¸à¸ªà¸à¸à¸à¸² </a> 983 </li> 984 985 <li class="nav-item dropdown more hidden" data-width="80"> 986 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 987 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 988 </a> 989 <ul class="dropdown-menu"></ul> 990 </li> 991 </ul> 992</div> 993
993<script> 994 /*width auto more*/ 995 if (jQuery(window).width() > 1024) { 996 calcWidth(); 997 var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); 998 last_visible_element.css('border-right', 'none'); 999 } 1000 function calcWidth() { 1001 var navwidth = 0; 1002 var availablespace = 0; 1003 var logwid = jQuery('#logotop').outerWidth(true); 1004 var defwidth = 0; 1005 var intIsEnableSearchTop = "1"; 1006 var intIsEnableCart = "0"; 1007 var calAweDropdown = "17"; 1008 navwidth = navwidth + parseInt(calAweDropdown); 1009 let isLayoutId = '38'; 1010 let fullcontainer = '1'; 1011 if (intIsEnableSearchTop == 1) { 1012 defwidth = defwidth + 60; 1013 } 1014 1015 if (intIsEnableCart == 1) { 1016 defwidth = defwidth + 60; 1017 } 1018 1019 /* if (calAweDropdown != 0) { 1020 defwidth = defwidth + calAweDropdown; 1021 }*/ 1022 1023 if (typeof logwid === "undefined") { 1024 var logwid = 0; 1025 } 1026 if (isLayoutId == '37' || isLayoutId == '38') { 1027 var logwid = 0; 1028 } 1029 if(fullcontainer=='1'){ 1030 var pls_pad = 30; 1031 }else{ 1032 var pls_pad = 0; 1033 } 1034 /* if(isLayoutId=='38'){ 1035 var defwidth = 180; 1036 }*/ 1037 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; 1038 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1039 navwidth += jQuery(this).outerWidth(true); 1040 }); 1041 /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () { 1042 navwidth += 17; 1043 });*/ 1044 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49); 1045 if (navwidth > availablespace) { 1046 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1047 var jimwidtest = lastItem.outerWidth(true); 1048 lastItem.removeClass('nav-item'); 1049 lastItem.removeClass('dropdown'); 1050 lastItem.children('a.nav-link').addClass('dropdown-item'); 1051 lastItem.attr('data-width', lastItem.outerWidth(true)); 1052 if (jimwidtest > 0) { 1053 lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1054 } 1055 delete lastItem; 1056 calcWidth(); 1057 return 0; 1058 } else { 1059 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1060 var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 1061 if (navwidth + firstMoreElement.data('width') < availablespace) { 1062 firstMoreElement.addClass('nav-item'); 1063 firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); 1064 firstMoreElement.removeAttr("data-width"); 1065 firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1066 } 1067 delete firstMoreElement; 1068 } 1069 } 1070 /*hide more*/ 1071 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1072 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1073 if (thelast == 1) { 1074 //remove more 1075 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1076 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1077 firstMoreElement2.addClass('nav-item'); 1078 firstMoreElement2.addClass('topmenuLg'); 1079 firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); 1080 firstMoreElement2.removeAttr("data-width"); 1081 firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1082 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1083 } else { 1084 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1085 } 1086 delete firstMoreElement2; 1087 } else { 1088 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1089 } 1090 } else { 1091 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1092 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1093 } 1094 } 1095 1096 function calcWidthAfter() { 1097 1098 //affix if reflesh topbar appear 1099 if ($(window).scrollTop() > 0) { 1100 var logwid = 372; 1101 }else{ 1102 var logwid = jQuery('#logotop').outerWidth(true); 1103 } 1104 1105 var navwidth = 0; 1106 var availablespace = 0; 1107 var defwidth = 0; 1108 var serwid = jQuery('#searchtop').outerWidth(true); 1109 var car2id = jQuery('#cart2').outerWidth(true); 1110 var intIsEnableSearchTop = "1"; 1111 var intIsEnableCart = "0"; 1112 let isLayoutId = '38'; 1113 let fullcontainer = '1'; 1114 if (intIsEnableSearchTop == 1) { 1115 defwidth = defwidth + serwid; 1116 } 1117 1118 if (intIsEnableCart == 1) { 1119 defwidth = defwidth + car2id; 1120 } 1121 1122 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); 1123 1124 if (typeof logwid === "undefined") { 1125 var logwid = 0; 1126 } 1127 if (isLayoutId == '37' || isLayoutId == '38') { 1128 var logwid = 0; 1129 } 1130 if(fullcontainer=='1'){ 1131 var pls_pad = 30; 1132 }else{ 1133 var pls_pad = 0; 1134 } 1135 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); 1136 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1137 navwidth += (jQuery(this).outerWidth(true)); 1138 }); 1139 1140 var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); 1141 1142 if (navwidth > availablespace) { 1143 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1144 var jimwidtest = lastItem.outerWidth(true); 1145 lastItem.removeClass('nav-item'); 1146 lastItem.removeClass('dropdown'); 1147 lastItem.children('a.nav-link').addClass('dropdown-item'); 1148 lastItem.attr('data-width', lastItem.outerWidth(true)); 1149 if (jimwidtest > 0) { 1150 lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1151 } 1152 delete lastItem; 1153 calcWidthAfter(); 1154 return 0; 1155 } else { 1156 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1157 } 1158 } 1159 1160 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1161 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1162 if (thelast == 1) { 1163 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1164 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1165 } 1166 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1167 } else { 1168 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1169 } 1170 } else { 1171 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1172 } 1173 1174 //add class last item menu à¸à¸à¸à¹à¸à¹à¸ 1175 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1176 } 1177 1178 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){ 1179 var vjim = jQuery(this); 1180 if (jQuery('ul', this).length) { 1181 vjim.find('ul.dropdown-menu').addClass('d-block hidden'); //à¹à¸à¸ render element à¹à¸à¸·à¹à¸ get à¸à¹à¸²à¸¡à¸²à¸à¸³à¸à¸§à¸ 1182 var elm = jQuery('ul:first', this); 1183 var off = elm.offset(); 1184 var l = off.left; 1185 var docW = jQuery("#top-area > #top-sticky").width(); 1186 let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width(); 1187 let _maxWidthLv3 = 0; 1188 let _maxWidthLv4 = 0; 1189 let menuLv2Li = vjim.find('ul.dropdown-menu:first > li'); 1190 Array.prototype.forEach.call(menuLv2Li, menu2li => { 1191 let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width(); 1192 if (menuLv3Width > _maxWidthLv3) { 1193 _maxWidthLv3 = menuLv3Width; 1194 } 1195 let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li'); 1196 Array.prototype.forEach.call(menuLv3Li, menu3li => { 1197 let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width(); 1198 if (menuLv4Width > _maxWidthLv4) { 1199 _maxWidthLv4 = menuLv4Width; 1200 } 1201 }); 1202 }); 1203 1204 vjim.find('ul.dropdown-menu').removeClass('d-block hidden'); //à¸à¸³à¸à¸§à¸à¹à¸ªà¸£à¹à¸à¹à¸¥à¹à¸§à¹à¸à¸² render à¸à¸à¸ 1205 1206 let centerHover = l + (jQuery(this).width()/2) 1207 let centerScreen = docW / 2 1208 var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW); 1209 if (!isEntirelyVisible && (centerHover > centerScreen)){ 1210 vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); 1211 vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right'); 1212 } 1213 } 1214 }) 1215 1216 /*nomobile*/ 1217 /* }*/ 1218 </script>
1218 1219 </div> 1220 </div> 1221 </div> 1222 <div class="col-auto col-lg-auto d-lg-inline-flex align-items-center"> 1223 <div id="searchtop" class="hoverOverlay d-inline-flex align-middle"> 1224 <style type="text/css"> 1225 div.topSearchBar { 1226 position: absolute; 1227 z-index: 999; 1228 width: 100%; 1229 left: 0; 1230 margin: 0 auto; 1231 max-width: 768px; 1232 right: 0; 1233 top: 100%; 1234 } 1235 @media only screen and (max-width: 1024px) { 1236 div.topSearchBar { 1237 bottom: unset !important; 1238 top: 56px !important; 1239 } 1240 div.topSearchBarInner { 1241 padding: 15px 15px 15px 15px; 1242 } 1243 } 1244 1245 @media only screen and (min-width: 1024px) { 1246 div.topSearchBarInner { 1247 padding: 15px 15px 1px 15px; 1248 } 1249 } 1250 div.topSearchBarInner { 1251 background: #FFF; 1252 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1253 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1254 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1255 } 1256 div.topSearchBarInner .btn.btn-default { 1257 border-left: 0px !important; 1258 } 1259 div.topSearchBarInner .btn.btn-default:hover { 1260 /* background: none !important;*/ 1261 } 1262 div.topSearchBarInner .form-control:focus { 1263 border-color: inherit !important; 1264 } 1265 .textStringSearchTopWidget, .btnSearchTopWidget { 1266 font-size: 16px; 1267 height: 36px; 1268 } 1269 .aOpenSearchIcon, .aCloseSearchIcon{ 1270 font-size: 22px !important; 1271 margin: 0; 1272 line-height: 20px; 1273 } 1274 1275</style> 1276 1277<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 1278 <i class="far fa-search fa-fw navbar-fa"></i> 1279</div>
1280<script> 1281 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 1282 jQuery('input.textStringSearchTopWidget').val(this.value); 1283 if (e.keyCode == 13) { 1284 clickSearch(jQuery(this).val()); 1285 } 1286 }); 1287 1288 jQuery('.btnSearchTopWidget').on('click', function () { 1289 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1290 clickSearch(textStringSearch); 1291 }); 1292 1293 jQuery('.aCloseSearchIcon').on('click', function (e) { 1294 e.preventDefault(); 1295 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1296 if(textStringSearch!=''){ 1297 clickSearch(textStringSearch); 1298 } 1299 }); 1300 1301 function clickSearch(textStringSearch) { 1302 if (textStringSearch != '') { 1303 let lpart = ''; 1304 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 1305 if(lpart!=''){ 1306 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 1307 }else{ 1308 document.location.href = '/search&text=' + encodedSearch; 1309 } 1310 } 1311 } 1312</script>
1312 </div> 1313 </div> 1314 </div> 1315 </div> 1316 </div> 1317 </div> 1318</nav></div> 1319<div class="headerMobile"> 1320 <style type="text/css"> 1321 nav .orderingMenu { 1322 order: 1; 1323 } 1324 .navbar-nav .dropdown-menu .dropdown-item { 1325 padding: 6px 20px; 1326 } 1327 @media (max-width: 1024px) { 1328 .navbar-toggler { 1329 padding: 9px 10px !important; 1330 margin-left: 3px !important; 1331 margin-top: 6px; 1332 margin-right: 0px; 1333 margin-bottom: 6px; 1334 font-size: 16px !important; 1335 height: 44px; 1336 } 1337 nav > #top-area > .row { 1338 margin: 0 6px; 1339 } 1340 .navbar-nav .dropdown-menu { 1341 position: relative !important; 1342 transform: translate3d(0px, 0px, 0px) !important; 1343 -webkit-transform: translate3d(0px, 0px, 0px) !important; 1344 top: auto !important; 1345 left: auto !important; 1346 padding: 0; 1347 margin: 0; 1348 } 1349 .navbar-nav .dropdown-menu .dropdown-item { 1350 padding: 9px 40px 9px 15px; 1351 } 1352 .navbar-text { 1353 margin: 0 auto; 1354 } 1355 .navbar-brand { 1356 padding: 4px 8px !important; 1357 font-size: 24px !important; 1358 line-height: 40px !important; 1359 border: none !important; 1360 margin: 0px 4px !important; 1361 } 1362 .navbar-brand span{ 1363 line-height: 40px; 1364 } 1365 .navbar-brand img { 1366 /*max-height: 48px;*/ 1367 max-height: 44px; 1368 max-width: 100%; 1369 } 1370 nav .navbar-link { 1371 min-width: 40px; 1372 } 1373 nav #top-area { 1374 transition: all 300ms ease; 1375 -webkit-transition: all 300ms ease; 1376 -moz-transition: all 300ms ease; 1377 -o-transition: all 300ms ease; 1378 } 1379 /* widget */ 1380 nav #socialnetwork,nav #linewidget { 1381 min-height: 34px; 1382 } 1383 nav .orderingMenu { 1384 order: 12; 1385 flex-basis: auto; 1386 } 1387 nav .brandingBox { 1388 flex-basis: 0; 1389 flex-grow: 1; 1390 max-width: 100%; 1391 } 1392 .navbar-link.cart-nav{ 1393 font-size: 22px; 1394 } 1395 .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{ 1396 margin-left: 0px; 1397 margin-top: 0px; 1398 margin-bottom: 0px; 1399 padding: 0px; 1400 } 1401 .widgetCartNumber { 1402 top: -11px; 1403 } 1404 .navbar-nav.member-nav .nav-item{ 1405 width: 100%; 1406 text-align: left !important; 1407 } 1408 .navbar-nav.member-nav{ 1409 height: auto; 1410 margin: 0px 5px; 1411 text-align: left !important; 1412 } 1413 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{ 1414 background: transparent; 1415 border: none; 1416 } 1417 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover { 1418 background-color: transparent; 1419 } 1420 } 1421 @media (max-width: 350px) { 1422 nav > #top-bar { 1423 padding-left: 5px; 1424 padding-right: 5px; 1425 } 1426 } 1427 /*lang*/ 1428 .topwidget-lang{ 1429 margin: 0px 5px; 1430 } 1431 .topwidget-lang a { 1432 padding-left: 10px !important; 1433 padding-right: 10px !important; 1434 } 1435 1436 #section-header.sps--blw .headerMobile .navbar-collapse { 1437 max-height: 79vh; 1438 overflow-y: scroll; 1439 position: relative; 1440 -webkit-overflow-scrolling: touch; 1441 } 1442 #section-header.sps--abv .headerMobile .navbar-collapse { 1443 max-height: 73vh; 1444 overflow-y: scroll; 1445 -webkit-overflow-scrolling: touch; 1446 } 1447</style> 1448<nav id="topZone" class="navbar-expand-xl airry"> 1449 <div id="top-bar"> 1450 <div id="top-mb"> 1451 <div class="container-fluid"> 1452 <div class="row"> 1453 <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center"> 1454 <div id="toptext" class="navbar-text">
1455 <span style="color: #9cc6ef; font-family: Roboto; font-size: 14px;" data-mce-style="color: #9cc6ef; font-family: Roboto; font-size: 14px;"> à¸à¸´à¸à¸à¹à¸à¸à¸µà¹à¸à¸²à¸£à¹à¸¡ Tel. 081-736-3478 , Email: [email protected]</span><br> </div> 1456 </div> 1457 </div> 1458 <div class="row"> 1459 <div class="col-12 col-sm-12 col-md-12 col-lg text-center"> 1460 <div class="navbar-text"> 1461 <div id="socialnetwork" class="d-inline"> 1462<style> 1463 .empty { 1464 padding-top: 15px; 1465 padding-right: 22px; 1466 padding-bottom: 12px; 1467 padding-left: 29px; 1468 } 1469 .wechatSocial{ 1470 cursor: pointer; 1471 } 1472 .pointer-none { 1473 pointer-events: none; 1474 } 1475</style> 1476<div class="social-widget"> 1477 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/Mumnung-Farm-2015283712058351/ " style=""> 1478 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 1479 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 1480 </a> 1481 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/~0817363478 " style=""> 1482 <i class="fas fa-circle colorLineBG pointer-none"></i> 1483 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 1484 </a> 1485 1486 1487 </div>
1488<script type="text/javascript"> 1489 1490 jQuery(".wechatSocial").click(function () { 1491 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 1492 }); 1493 1494</script>
1494</div> 1495 </div> 1496 </div> 1497 </div> 1498 </div> 1499 </div> 1500 </div> 1501 <div id="top-area"> 1502 <div id="top-sticky"> 1503 <div class=""> 1504 <div class="sb collapse topSearchBar"> 1505 <div class="topSearchBarInner"> 1506 <div class="input-group"> 1507 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..." /> 1508 <div class="input-group-append"> 1509 <button class="btn border-left-0 rounded-right btn-outline-secondary aCloseSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" type="button"> 1510 <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i> 1511 </button> 1512 </div> 1513 </div> 1514 </div> 1515 </div> 1516 <div class="row no-gutters"> 1517 <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%;"> 1518 <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;"> 1519 <style> 1520 .logotextmobile{ 1521 display: inline-block; 1522 max-width: 200px; 1523 height: 1.5em; 1524 overflow: hidden; 1525 text-overflow: ellipsis; 1526 white-space: nowrap; 1527 color: #000; 1528 } 1529 .logotextmobile span{ 1530 /* font-size: 30px !important; */ 1531 line-height: 40px !important; 1532 } 1533 1534 @media (max-width: 364.98px) { 1535 .logotextmobile{ 1536 max-width: 150px; 1537 } 1538 } 1539 1540 @media (min-width: 365px) and (max-width: 575.98px) { 1541 .logotextmobile{ 1542 max-width: 200px; 1543 } 1544 } 1545 1546 @media (min-width: 576px) and (max-width: 767.98px) { 1547 .logotextmobile{ 1548 min-width: calc(400px + 4vw); 1549 max-width: 500px; 1550 } 1551 } 1552 1553 @media (min-width: 768px) and (max-width: 991.98px) { 1554 .logotextmobile{ 1555 max-width: 600px; 1556 } 1557 } 1558 @media (min-width: 992px) { 1559 .logotextmobile{ 1560 max-width: 800px; 1561 } 1562 } 1563 1564 1565</style> 1566 1567 <img src="https://image.makewebeasy.net/makeweb/m_200x200/9XCehIVe9/header/mum_01.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 1568 </a> 1569 </div> 1570 <div class="col-12 col-lg d-lg-inline-flex orderingMenu"> 1571 <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown"> 1572 <style type="text/css"> 1573 .headerMobile .topwidget-menu .navbar-nav .dropdown-menu { 1574 padding: 0; 1575 margin: 0; 1576 } 1577 /*PC hack to hover*/ 1578 @media (min-width: 1025px) { 1579 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 1580 display:block !important; 1581 } 1582 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ 1583 display:block !important; 1584 } 1585 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1586 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 1587 } 1588 .headerMobile .topwidget-menu { 1589 margin: 10px; 1590 } 1591 .headerMobile ul.dropdown-menu.dropdown-menu-right{ 1592 left: unset; 1593 right:0; 1594 } 1595 .headerMobile .dropdownfix-menu-right { 1596 right:100% !important; 1597 left:auto !important; 1598 } 1599 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right { 1600 transform: rotate(180deg); 1601 left: 0; 1602 position: absolute; 1603 top: 12px; 1604 } 1605 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{ 1606 transform: rotate(90deg); 1607 left: 0; 1608 position: absolute; 1609 top: 12px; 1610 } 1611 .headerMobile .more.hidden{ 1612 display:none; 1613 } 1614 .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 1615 transform: rotate(-90deg); 1616 } 1617 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 1618 position: absolute; 1619 } 1620 .headerMobile .public-topmenu .topmenuLg{ 1621 border-right:none !important; 1622 } 1623 } 1624 /* tablet*/ 1625 @media only screen and (min-width: 768px) and (max-width: 1112px) { 1626 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1627 box-shadow: none; 1628 } 1629 /*.topwidget-menu { 1630 margin: 10px; 1631 }*/ 1632 } 1633 /*mobile tablet*/ 1634 @media only screen and (max-width: 1024px) { 1635 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1636 text-align: left !important; 1637 white-space: normal; 1638 } 1639 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 1640 transition: all .3s ease 0s; 1641 -ms-transition: all .3s ease 0s; 1642 -webkit-transition: all .3s ease 0s; 1643 -moz-transition: all .3s ease 0s; 1644 1645 } 1646 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 1647 transform: rotate(90deg); 1648 transition: all .3s ease 0s; 1649 -ms-transition: all .3s ease 0s; 1650 -webkit-transition: all .3s ease 0s; 1651 -moz-transition: all .3s ease 0s; 1652 } 1653 1654 .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 1655 right: 12px; 1656 top: 27%; 1657 } 1658 1659 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1660 word-wrap: break-word; 1661 } 1662 .headerMobile ul.navbar-topmenu.navbar-nav .more{ 1663 display:none !important; 1664 } 1665 .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{ 1666 transform: rotate(180deg); 1667 -ms-transform: rotate(180deg); 1668 -webkit-transform: rotate(180deg); 1669 -moz-transform: rotate(180deg); 1670 } 1671 .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 1672 transform: rotate(270deg); 1673 -ms-transform: rotate(270deg); 1674 -webkit-transform: rotate(270deg); 1675 -moz-transform: rotate(270deg); 1676 } 1677 1678 .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a { 1679 padding-left: 30px !important; 1680 } 1681 .headerMobile ul.navbar-topmenu.navbar-nav ul ul a { 1682 padding-left: 45px !important; 1683 } 1684 .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a { 1685 padding-left: 60px !important; 1686 } 1687 } 1688</style> 1689 1690<div class="topwidget-menu"> 1691 <ul class="navbar-nav navbar-topmenu public-topmenu"> 1692 <li class="nav-item "> 1693 <a class="nav-link abl1" data-onhome="home" href="/" target="_self"> 1694 หà¸à¹à¸²à¹à¸£à¸ </a> 1695 </li> 1696 <li class="nav-item "> 1697 <a class="nav-link abl1" id="topmenuonpage" href="/about-us" target="_self"> 1698 à¸à¸£à¸°à¸§à¸±à¸à¸´à¸à¸²à¸£à¹à¸¡ </a> 1699 </li> 1700 <li class="nav-item dropdown "> 1701 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 1702 มาà¸à¸£à¸à¸²à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹ <sp
1702an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 1703 <i class="fal fa-chevron-down"></i> 1704 </span> 1705 </a> 1706 <ul class="dropdown-menu"> 1707 <li> 1708 <a class="nav-link dropdown-item abl2" href="/มาà¸à¸£à¸à¸²à¸à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§" target="_self"> 1709 สุà¸à¸±à¸à¹à¸à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸à¹à¸à¹à¸§ </a> 1710 </li> 1711 <li> 1712 <a class="nav-link dropdown-item abl2" href="/breedstandardthaibangkaewdog" target="_self"> 1713 Thai Bangkaew Dog </a> 1714 </li> 1715 </ul> 1716 </li> 1717 <li class="nav-item "> 1718 <a class="nav-link abl1" href="/categorycontent/1537/our-boys" target="_self"> 1719 Our Boys </a> 1720 </li> 1721 <li class="nav-item "> 1722 <a class="nav-link abl1" href="/categorycontent/1538/our-girls" target="_self"> 1723 Our Girls </a> 1724 </li> 1725 <li class="nav-item "> 1726 <a class="nav-link abl1" href="https://www.mumnungfarm.com/categorycontent/1710/products" target="_self"> 1727 Puppies (For Sale) </a> 1728 </li> 1729 <li class="nav-item "> 1730 <a class="nav-link abl1" href="/categorycontent/1539/article" target="_self"> 1731 à¸à¸à¸à¸§à¸²à¸¡ </a> 1732 </li> 1733 <li class="nav-item "> 1734 <a class="nav-link abl1" href="/album/5030/à¸à¸¥à¸à¸²à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡" target="_self"> 1735 à¸à¸¥à¸à¸²à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ </a> 1736 </li> 1737 <li class="nav-item "> 1738 <a class="nav-link abl1" href="/contactus" target="_self"> 1739 Contact us </a> 1740 </li> 1741 <li class="nav-item topmenuLg"> 1742 <a class="nav-link abl1" href="/forum" target="_self"> 1743 à¸à¸£à¸°à¸à¸²à¸à¸ªà¸à¸à¸à¸² </a> 1744 </li> 1745 1746 <li class="nav-item dropdown more hidden" data-width="80"> 1747 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1748 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1749 </a> 1750 <ul class="dropdown-menu"></ul> 1751 </li> 1752 </ul> 1753</div> 1754 <div class="d-md-none theme-td-border my-0"></div> 1755 <div class="topwidget-menu"> 1756 <ul class="navbar-nav navbar-topmenu"> 1757 <li class="nav-item"> 1758 <a class="nav-link" href="/th/member"> 1759 à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸ </a> 1760 </li> 1761 <li class="nav-item"> 1762 <a class="nav-link" href="/th/member/register"> 1763 สมัà¸à¸£à¸ªà¸¡à¸²à¸à¸´à¸ </a> 1764 </li> 1765 </ul> 1766</div> <div class="topwidget-menu"> 1767 <ul class="navbar-nav navbar-topmenu"> 1768 <li class="nav-item dropdown li-smooth-lang"> 1769 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 1770 <i class="flag-icon flag-icon-th"></i> 1771 TH </a> 1772 </li> 1773 </ul> 1774</div>
1775<script> 1776 $('.li-smooth-lang').on('show.bs.dropdown', function() { 1777 $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 1778 }); 1779 1780 $('.li-smooth-lang').on('hide.bs.dropdown', function () { 1781 $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 1782 }); 1783</script>
1783 </div> 1784 </div> 1785 <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center"> 1786 <style type="text/css"> 1787 div.topSearchBar { 1788 position: absolute; 1789 z-index: 999; 1790 width: 100%; 1791 left: 0; 1792 margin: 0 auto; 1793 max-width: 768px; 1794 right: 0; 1795 top: 100%; 1796 } 1797 @media only screen and (max-width: 1024px) { 1798 div.topSearchBar { 1799 bottom: unset !important; 1800 top: 56px !important; 1801 } 1802 div.topSearchBarInner { 1803 padding: 15px 15px 15px 15px; 1804 } 1805 } 1806 1807 @media only screen and (min-width: 1024px) { 1808 div.topSearchBarInner { 1809 padding: 15px 15px 1px 15px; 1810 } 1811 } 1812 div.topSearchBarInner { 1813 background: #FFF; 1814 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1815 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1816 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1817 } 1818 div.topSearchBarInner .btn.btn-default { 1819 border-left: 0px !important; 1820 } 1821 div.topSearchBarInner .btn.btn-default:hover { 1822 /* background: none !important;*/ 1823 } 1824 div.topSearchBarInner .form-control:focus { 1825 border-color: inherit !important; 1826 } 1827 .textStringSearchTopWidget, .btnSearchTopWidget { 1828 font-size: 16px; 1829 height: 36px; 1830 } 1831 .aOpenSearchIcon, .aCloseSearchIcon{ 1832 font-size: 22px !important; 1833 margin: 0; 1834 line-height: 20px; 1835 } 1836 1837</style> 1838 1839<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 1840 <i class="far fa-search fa-fw navbar-fa"></i> 1841</div>
1842<script> 1843 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 1844 jQuery('input.textStringSearchTopWidget').val(this.value); 1845 if (e.keyCode == 13) { 1846 clickSearch(jQuery(this).val()); 1847 } 1848 }); 1849 1850 jQuery('.btnSearchTopWidget').on('click', function () { 1851 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1852 clickSearch(textStringSearch); 1853 }); 1854 1855 jQuery('.aCloseSearchIcon').on('click', function (e) { 1856 e.preventDefault(); 1857 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1858 if(textStringSearch!=''){ 1859 clickSearch(textStringSearch); 1860 } 1861 }); 1862 1863 function clickSearch(textStringSearch) { 1864 if (textStringSearch != '') { 1865 let lpart = ''; 1866 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 1867 if(lpart!=''){ 1868 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 1869 }else{ 1870 document.location.href = '/search&text=' + encodedSearch; 1871 } 1872 } 1873 } 1874</script>
1874 <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"> 1875 <span class="hamburger-box"> 1876 <span class="hamburger-inner"></span> 1877 </span> 1878 </button> 1879 </div> 1880 </div> 1881 </div> 1882 </div> 1883 </div> 1884</nav> 1885</div>
1886<script> 1887 jQuery('.widgetCartNumber').hide(); 1888 jQuery(document).ready(function () { 1889 jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) { 1890 // event.preventDefault(); 1891 jQuery(this).blur(); 1892 if (jQuery(this).attr('class') == 'abl1') { 1893 jQuery(this).attr('id', 'topmenuonpage'); 1894 } else if (jQuery(this).attr('class') == 'abl2') { 1895 jQuery(this).attr('id', 'topmenusubonpage'); 1896 } 1897 }); 1898 1899 jQuery('a').click( function(e) { 1900 var targetSelector = this.hash 1901 if(targetSelector) { 1902 e.stopImmediatePropagation(); 1903 1904 var $target = $(targetSelector); 1905 var iscls = $(targetSelector).attr('class'); //targethash //fttargethash 1906 // Animate the scroll to the destination... 1907 if(iscls==='fttargethash'){ 1908 var tr_po = 0; 1909 }else{ 1910 var tr_po = $target.offset().top; 1911 } 1912 $('html, body').animate( 1913 { 1914 scrollTop: tr_po // Scroll to this location. 1915 }, { 1916 // Set the duration long enough to allow time 1917 // to lazy load the elements. 1918 duration: 1000, 1919 1920 // At each animation step, check whether the target has moved. 1921 step: function( now, fx ) { 1922 1923 // Where is the target now located on the page? 1924 // i.e. its location will change as images etc. are lazy loaded 1925 if ($(window).width() > 1024) { 1926 if(iscls==='fttargethash'){ 1927 var newOffset = 0; 1928 }else{ 1929 var h_top_sticky = 0; 1930 // top bar space for calculations scroll position 1931 var viewable = isElementInView($('#top-sticky')) 1932 jQuery('.targethash').css('top', '0px'); 1933 if(viewable){ 1934 h_top_sticky = $('#top-sticky').height(); 1935 } 1936 var newOffset = $target.offset().top - h_top_sticky; 1937 } 1938 // var newOffset = $target.offset().top - 70; 1939 }else{ 1940 var newOffset = $target.offset().top; 1941 } 1942 // If where we were originally planning to scroll to is not 1943 // the same as the new offset (newOffset) then change where 1944 // the animation is scrolling to (fx.end). 1945 if(fx.end !== newOffset) 1946 fx.end = newOffset; 1947 } 1948 } 1949 ); 1950 } 1951 }) 1952 1953 // check element is visible in current windows display 1954 function isElementInView(element) { 1955 var $window = $(window); 1956 var windowHeight = $window.height(); 1957 var windowWidth = $window.width(); 1958 var rect = element.get(0).getBoundingClientRect(); 1959 1960 return ( 1961 rect.top >= 0 && rect.top <= windowHeight && 1962 rect.left >= 0 && rect.left <= windowWidth 1963 ); 1964 } 1965 1966 jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) { 1967 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 1968 $('html,body').animate({ 1969 scrollTop: 0 1970 }, 1800); 1971 return false; 1972 } 1973 }); 1974 var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]'); 1975 var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage'); 1976 var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
1977 var stickyHeaderhi = jQuery('#menutop').height() + 75; 1978 1979 var aArray = []; 1980 for (var i = 0; i < aChildren.length; i++) { 1981 var aChild = aChildren[i]; 1982 var ahref = jQuery(aChild).attr('href'); 1983 var res = ahref.split("#"); 1984 var last_hash = res[res.length - 1]; 1985 aArray.push(last_hash); 1986 } 1987 1988 jQuery('.widgetCartNumber').show(); 1989 1990 jQuery(window).scroll(function () { 1991 var windowPos = jQuery(window).scrollTop(); 1992 var windowHeight = jQuery(window).height(); 1993 var docHeight = jQuery(document).height(); 1994 for (var i = 0; i < aArray.length; i++) { 1995 var theID = aArray[i]; 1996 if (jQuery('#' + theID).length > 0) { 1997 if (jQuery('#' + theID).data('orderbox') == 'onest') { 1998 /* if firstbox */ 1999 var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi; 2000 var divHeight = jQuery('#' + theID).height(); 2001 } else { 2002 /* if non first */ 2003 var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi; 2004 var divHeight = jQuery('#' + theID).parent().height(); 2005 } 2006 if (windowPos >= divPos && windowPos < (divPos + divHeight)) { 2007 highlinow.removeAttr('id'); 2008 highlinowLv2.removeAttr('id'); 2009 if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) { 2010 jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage'); 2011 } 2012 if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) { 2013 jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage'); 2014 } 2015 } else { 2016 jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id'); 2017 jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id'); 2018 if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) { 2019 if (highlinow.length > 0) { 2020 highlinow.attr('id', 'topmenuonpage'); 2021 } 2022 if (highlinowLv2.length > 0) { 2023 highlinowLv2.attr('id', 'topmenusubonpage'); 2024 } 2025 } 2026 } 2027 } 2028 } 2029 if (windowPos + windowHeight == docHeight) { 2030 /* last position */ 2031 var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id'); 2032 //L1 2033 if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2034 highlinow.removeAttr('id'); 2035 jQuery('a.abl1#topmenuonpage').removeAttr('id'); 2036 jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage'); 2037 } 2038 //L2 L3 2039 if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2040 highlinowLv2.removeAttr('id'); 2041 jQuery('a.abl2#topmenusubonpage').removeAttr('id'); 2042 jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage'); 2043 } 2044 } 2045 }); 2046 2047 }); 2048 2049 //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) && 2050 if (screen.width > 1024) { // is desktop 2051 var isSubmenuLv2Overflow = 0; 2052 var isSubmenuLv3Overflow = 0; 2053 var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0]; 2054 var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0]; 2055 var sectionHeader = document.getElementById("section-header"); 2056 var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
2056-item dropdown"); // li (Lv1) (has submenu) 2057 if (arr_li_lv1.length > 0) { 2058 // console.log(arr_li_lv1); 2059 for (i = 0; i < arr_li_lv1.length; i++) { 2060 var li_lv1 = arr_li_lv1[i]; 2061 var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu 2062 if (arr_child_li_lv1.length > 0) { 2063 2064 for (j = 0; j < arr_child_li_lv1.length; j++) { 2065 if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2066 var ui_lv2 = arr_child_li_lv1[j]; 2067 var arr_li_lv2 = ui_lv2.children; // li (Lv2) 2068 var length_li_lv2 = arr_li_lv2.length; 2069 2070 // get heightest dropdown-menu 2071 var maxHeight = 0; 2072 $('.dropdown-menu').each(function() { 2073 var height = $(this).outerHeight(); 2074 if (height > maxHeight) { 2075 maxHeight = height; 2076 } 2077 }); 2078 2079 if (maxHeight > screen.height) { 2080 isSubmenuLv2Overflow += 1; 2081 } 2082 2083 //LV 3 LIMITED EDITION 2084 if (arr_li_lv2.length > 0) { 2085 for (k = 0; k < arr_li_lv2.length; k++) { 2086 if (arr_li_lv2[k].children.length > 1) { 2087 if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2088 //k = à¸à¸³à¹à¸«à¸à¹à¸à¸à¸µà¹à¸¡à¸µ ul 2089 var posiUllv3 = k; 2090 var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2) 2091 var obj_li_lv3 = arr_li_lv3.children; 2092 var length_li_lv3 = obj_li_lv3.length; 2093 var limiLv3High = length_li_lv3 + k; 2094 2095 if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440 2096 isSubmenuLv3Overflow += 1; 2097 } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080 2098 isSubmenuLv3Overflow += 1; 2099 } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768 2100 isSubmenuLv3Overflow += 1; 2101 } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768 2102 isSubmenuLv3Overflow += 1; 2103 } 2104 2105 } 2106 } 2107 } 2108 } 2109 2110 2111 } 2112 } 2113 } 2114 2115 } 2116 } 2117 2118 if (isSubmenuLv2Overflow > 0) { // no stricky 2119 sectionHeader.classList.remove('sps'); 2120 sectionHeader.classList.remove('sps--abv'); 2121 sectionHeader.classList.remove('sps--blw'); 2122 } 2123 //if lavel 3 is Too Damn High 2124 if (isSubmenuLv3Overflow > 0) { // no stricky 2125 sectionHeader.classList.remove('sps'); 2126 sectionHeader.classList.remove('sps--abv'); 2127 sectionHeader.classList.remove('sps--blw'); 2128 } 2129 2130 //if screen height not than 1080 disable 2131 jQuery(window).ready(function () { 2132 setTimeout(() => { 2133 if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) { 2134 sectionHeader.classList.remove('sps'); 2135 sectionHeader.classList.remove('sps--abv'); 2136 sectionHeader.classList.remove('sps--blw'); 2137 } 2138 }, 200); 2139 }); 2140 } 2141</script>
2141 2142 </div> 2143 <!-- <div id="section-content" style=""> --> 2144 <div id="section-content"> 2145 2146<style type="text/css"> 2147 /* reveal */ 2148 @media only screen and (min-width: 1200px) { 2149 .reveal { background-attachment: fixed !important; } 2150 } 2151 /* rellax */ 2152 .rellax-view { position: relative; overflow: hidden; } 2153 .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; } 2154 .marginBottomSpace { 2155 2156 margin-bottom: 20px; 2157 } 2158 .img-responsive{margin:auto;} 2159 @media only screen and (max-width: 767px){ 2160 .maginBottomCaption{ 2161 margin-bottom: 40px; 2162 } 2163 .maginBottomCaptionmini{ 2164 margin-bottom: 15px; 2165 } 2166 .marginBottomSpaceMobile{ 2167 margin-bottom: 20px; 2168 } 2169 .coverslidebox{ 2170 padding: 0px 0px; 2171 } 2172 } 2173 @media only screen and (min-width: 768px){ 2174 .maginBottomCaption{ 2175 margin-bottom: 0px; 2176 } 2177 .maginBottomCaptionmini{ 2178 margin-bottom: 0px; 2179 } 2180 .marginBottomSpaceMobile{ 2181 margin-bottom: 0px; 2182 } 2183 .coverslidebox{ 2184 padding: 0px 15px; 2185 } 2186 .textlayout-maxwidth{ 2187 max-width: 585px; 2188 } 2189 .textlayout-marlauto{ 2190 margin-left: auto; 2191 } 2192 } 2193 .noImgSimpleBG{ 2194 background-color:#E1E4E9; 2195 } 2196 .box-not-overflow{ 2197 overflow: hidden; 2198 } 2199 .play-button { 2200 left: 50%; 2201 top: 50%; 2202 width: 72px; 2203 height: 64px; 2204 margin-left: -36px; 2205 margin-top: -32px; 2206 z-index: 1; 2207 color: #212121; 2208 opacity: 0.85; 2209 } 2210 .play-button:hover, 2211 .play-button:hover::before { 2212 opacity: 1; 2213 color: #f00; 2214 } 2215 .play-button .fa-youtube { 2216 font-size: 64px; 2217 } 2218 .play-button:before { 2219 content: ""; 2220 width: 0; 2221 height: 0; 2222 border-top: 11px solid transparent; 2223 border-left: 20px solid #ffffff; 2224 border-bottom: 11px solid transparent; 2225 position: absolute; 2226 top: 21px; 2227 left: 29px; 2228 } 2229 .wrapper .youtube { 2230 background-color: #000; 2231 position: relative; 2232 padding-top: 56.25%; 2233 overflow: hidden; 2234 cursor: pointer 2235 } 2236 2237 .wrapper .youtube img { 2238 width: 100%; 2239 top: -16.82%; 2240 left: 0; 2241 max-height: none !important; 2242 opacity: .7 2243 } 2244 .wrapper .youtube .play-button, 2245 .wrapper .youtube img { 2246 cursor: pointer 2247 } 2248 2249 .wrapper .youtube .play-button, 2250 .wrapper .youtube .play-button:before, 2251 .wrapper .youtube iframe, 2252 .wrapper .youtube img { 2253 position: absolute 2254 } 2255 .wrapper .youtube iframe { 2256 height: 100%; 2257 width: 100%; 2258 top: 0; 2259 left: 0 2260 } 2261 @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) { 2262 a.targethash{ 2263 top: -112px; 2264 } 2265 } 2266</style> 2267 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 2268 </div> 2269 2270 <div style="position: relative; background-color:#ffffff; " data-orderbox="onest"> 2271 <a id="customize-18746" class="fttargethash" style="top: 2px; display: block;position: relative; visibility: hidden;"></a> 2272 <div class="container"> 2273 2274 <div style="padding-top: 40px; padding-bottom: 10px;"> 2275 <div > 2276 <style type="text/css"> 2277 .customHome11 .customHome11Object .item { 2278 display: block; 2279 } 2280 .customHome11 .customHome11Object .itemWithoutText { 2281 display: block; 2282 } 2283 .customHome11Object .caption { 2284 padding: 0 !important; 2285 overflow: hidden; 2286 word-wrap: break-word; 2287 } 2288 .customHome11Object .contentImage { 2289 display: block; 2290 2291 line-height: 200px; 2292 padding: 0px; 2293 text-align: center; 2294 } 2295 .customHome11Object .contentVideo { 2296 display: block; 2297 padding: 0px; 2298 text-align: center; 2299 } 2300 .customHome11Object .img-responsive { 2301 display: inline-block !important; 2302 } 2303 .brakeword11 { 2304 word-wrap: break-word; 2305 } 2306</style> 2307 <div class="row"> 2308 <div class="col-12 marginBottomSpace brakeword11 area-tinymce"> 2309 <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about00.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about00.jpg" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 20px;" data-mce-style="font-size: 20px;"><strong>à¹à¸£à¸·à¹à¸à¸à¸£à¸²à¸§à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸¡à¸²à¸à¸à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡</strong></span></p><p> à¸à¸²à¸à¸à¸§à¸²à¸¡à¸à¸à¸à¹à¸à¸à¸²à¸£à¹à¸¥à¸µà¹à¸¢à¸à¸ªà¸¸à¸à¸±à¸à¸¡à¸²à¸à¸±à¹à¸à¹à¸à¹à¸§à¸±à¸¢à¹à¸à¹à¸ à¹à¸¥à¸°à¸à¸·à¹à¸à¸à¸à¸à¸ªà¸¸à¸à¸±à¸à¸à¸µà¹à¸¡à¸µà¸¥à¸±à¸à¸©à¸à¸°à¹à¸«à¸¡à¸·à¸à¸à¸«à¸¡à¸²à¸à¹à¸²à¹à¸à¹à¸à¸à¸¸à¸à¹à¸à¸´à¸¡à¸à¸¢à¸¹à¹à¹à¸¥à¹à¸§ à¹à¸¡à¸·à¹à¸à¸¨à¸¶à¸à¸©à¸²à¸à¸à¹à¸à¸à¸à¸°à¸à¸±à¹à¸à¸¢à¸±à¸à¹à¸¡à¹à¸¡à¸µà¸à¸²à¸à¸à¸°à¹à¸£à¸à¸³à¸à¹à¹à¸¥à¸¢à¸à¸´à¸à¸à¸¢à¸²à¸à¹à¸¥à¸µà¹à¸¢à¸à¸«à¸¡à¸²à¹à¸§à¹à¹à¸à¹à¸à¹à¸à¸·à¹à¸à¸ à¸à¹à¸§à¸¢à¸à¸§à¸²à¸¡à¸à¸à¸à¸«à¸¡à¸²à¸à¹à¸² à¸à¸µà¹à¸£à¸à¸à¸´à¸à¸§à¹à¸²à¸à¸°à¹à¸¥à¸µà¹à¸¢à¸à¸ªà¸¸à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸à¸µà¹à¸£à¸µà¸¢à¸à¸¯ à¹à¸à¹à¹à¸¡à¸·à¹à¸à¸¨à¸¶à¸à¸©à¸²à¸à¸¹à¹à¸¥à¹à¸§à¹à¸¡à¹à¹à¸«à¸¡à¸²à¸°à¸ªà¸¡à¸à¸±à¸à¸ªà¸ าà¸à¸à¸·à¹à¸à¸à¸µà¹à¹à¸¥à¸°à¸à¸²à¸£à¸à¸¹à¹à¸¥à¸à¸µà¹à¸à¹à¸à¸à¸à¹à¸²à¸à¸à¸°à¸¢à¸²à¸à¹à¸¡à¸·à¹à¸à¹à¸à¸µà¸¢à¸à¸
2309ัà¸à¸ªà¸ าวะà¸à¹à¸²à¸à¹ à¸à¸à¸à¸à¹à¸²à¸à¹à¸£à¸²</p><p> à¸à¸à¸à¸£à¸°à¸à¸±à¹à¸à¸¡à¸²à¹à¸«à¹à¸à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§à¸à¹à¸£à¸¹à¹à¸ªà¸¶à¸à¸§à¹à¸²à¹à¸à¹à¹à¸¥à¸¢ สุà¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹à¸à¸µà¹à¹à¸«à¸¥à¸°à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¸à¸°à¹à¸¥à¸µà¹à¸¢à¸ à¸à¸¶à¸à¹à¸à¹à¸à¸·à¹à¸à¸¥à¸¹à¸à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸²à¹à¸¥à¸µà¹à¸¢à¸à¸à¸µà¹à¸à¹à¸²à¸à¸«à¸à¸¶à¹à¸à¸à¸±à¸§ à¸à¸£à¸°à¸¡à¸²à¸à¸à¸¥à¸²à¸¢à¸à¸µ 2544 à¹à¸à¹à¸à¸à¸²à¸à¹à¸à¹à¸§à¸ªà¸µà¸à¸²à¸§-à¸à¹à¸³à¸à¸²à¸¥ à¹à¸¡à¸·à¹à¸à¸¡à¸µà¸ªà¸¸à¸à¸±à¸à¹à¸¥à¹à¸§à¸à¹à¸à¹à¸à¸à¸¨à¸¶à¸à¸©à¸²à¸«à¸²à¸à¸§à¸²à¸¡à¸£à¸¹à¹à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹ à¹à¸¥à¸°à¸§à¸´à¸à¸µà¸à¸²à¸£à¹à¸¥à¸µà¹à¸¢à¸à¸à¸¹à¹à¸¥à¸à¸µà¹à¸à¸¹à¸à¸à¹à¸à¸ à¹à¸¡à¸·à¹à¸à¸¨à¸¶à¸à¸©à¸²à¸¡à¸²à¸à¸à¸¶à¹à¸à¹à¸à¹à¹à¸à¸£à¸µà¸¢à¸à¹à¸à¸µà¸¢à¸à¸«à¸¡à¸²à¸à¸µà¹à¸¡à¸µà¸à¸±à¸à¸«à¸¡à¸²à¸ªà¸§à¸¢à¹ à¸à¸µà¹à¹à¸à¹à¸à¹à¸à¸à¹à¸à¸«à¸à¸±à¸à¸ªà¸·à¸à¸à¸à¸°à¸à¸±à¹à¸à¸à¹à¸à¹à¸à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¸¡à¸µà¸«à¸¡à¸²à¸ªà¸§à¸¢à¹ à¸à¸±à¸à¹à¸à¸²à¸à¹à¸²à¸ à¹à¸à¹à¹à¸¡à¹à¸¡à¸µà¸à¸±à¸à¸à¸²à¸à¸·à¹à¸ à¹à¸à¸£à¸²à¸°à¸à¸±à¸§à¸ªà¸§à¸¢à¹ à¹à¸à¸à¸à¸°à¸à¸±à¹à¸à¸£à¸²à¸à¸²à¸à¹à¸à¸à¸à¹à¸²à¸à¹à¸à¸ (หมาà¹à¸) à¸à¸¶à¸à¹à¸£à¸´à¹à¸¡à¸à¸´à¸à¸à¸µà¹à¸à¸°à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸²à¸°à¸¥à¸¹à¸à¸«à¸¡à¸²à¸à¸¶à¹à¸à¸¡à¸²à¹à¸à¸ à¹à¸à¸·à¹à¸à¸à¸à¸²à¸à¹à¸¡à¸·à¹à¸à¸¨à¸¶à¸à¸©à¸²à¸à¸¹à¹à¸¥à¹à¸§à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§à¸¡à¸µà¸à¸§à¸²à¸¡à¸à¹à¸²à¸à¸²à¸¢à¹à¸à¸à¸²à¸£à¸à¸±à¸à¸à¸²à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸¡à¸¡à¸²à¸à¸£à¸à¸²à¸à¸à¸¢à¸¹à¹à¸¡à¸²à¸ à¸à¸¶à¸à¸¡à¸µà¸à¸§à¸²à¸¡à¸à¹à¸à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¹à¸à¸²à¸°à¸à¸±à¸à¸à¸¸à¹à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§à¸ªà¸§à¸¢à¹ à¸à¸±à¸à¸à¸µà¹à¹à¸à¸à¹à¸à¸à¸à¸²à¸£</p><p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about05_1.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about05_1.jpg" data-mce-style="display: block; margin-left: auto; margin-right: auto;"></p><p> à¹à¸¡à¸·à¹à¸à¸¡à¸µà¹à¸à¸§à¸à¸§à¸²à¸¡à¸à¸´à¸à¹à¸à¹à¸à¸à¸±à¹à¸ âมุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡â à¸à¸¶à¸à¹à¸à¸´à¸à¸à¸¶à¹à¸à¹à¸à¸à¹à¸§à¸à¸à¸¥à¸²à¸¢à¸à¸µ 2545 à¸à¸à¹à¸à¸·à¹à¸à¸à¸µà¹à¸à¸£à¸°à¸¡à¸²à¸à¹à¸à¸·à¸à¸à¸«à¸à¸¶à¹à¸à¹à¸£à¹ มีหมาà¹à¸£à¸´à¹à¸¡à¹à¸£à¸à¸à¸£à¸°à¸¡à¸²à¸ 10 à¸à¸±à¸§ à¹à¸à¸à¹à¸§à¸à¹à¸£à¸à¸à¸µà¹à¸à¹à¹à¸¥à¸µà¹à¸¢à¸à¸à¸²à¸¡à¸à¸§à¸²à¸¡à¸à¸·à¹à¸à¸à¸à¸ à¹à¸¥à¸°à¸à¸µà¹à¸à¸¹à¹à¹à¸¥à¸µà¹à¸¢à¸à¸£à¸¸à¹à¸à¸à¹à¸à¸à¹ à¸à¸à¸à¸à¹à¸à¸à¸±à¸à¸¡à¸²à¸à¸¶à¸à¸«à¸¡à¸²à¸à¸µà¹à¸ªà¸§à¸¢ à¸à¸±à¸§à¹à¸«à¸à¸à¹à¸²à¹à¸¥à¸µà¹à¸¢à¸à¸à¹à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸«à¸¡à¸²à¸à¸±à¸§à¸à¸µà¹à¸à¸à¸à¸¡à¸²à¹à¸¥à¸µà¹à¸¢à¸à¹à¸à¸à¸²à¸£à¹à¸¡ à¸à¸à¹à¸¡à¸·à¹à¸à¸¨à¸¶à¸à¸©à¸²à¸à¸¶à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸¡à¸²à¸à¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸²à¸£à¸à¹à¸²à¸¢à¸à¸à¸à¸à¸²à¸à¸à¸±à¸à¸à¸¸à¸à¸£à¸£à¸¡à¸à¸à¸à¸«à¸¡à¸²à¹à¸à¹à¸¥à¸°à¸à¸±à¸§ à¹à¸¥à¸°à¸¡à¸µà¹à¸à¸à¸²à¸ªà¸à¸µà¹à¸à¸°à¸à¸à¸¥à¸à¸à¹à¸¥à¸°à¸¨à¸¶à¸à¸©à¸²à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸à¸±à¸§à¸«à¸¡à¸²à¸à¸µà¹à¹à¸¥à¸µà¹à¸¢à¸à¹à¸§à¹à¸à¸à¹à¸«à¹à¸à¸à¸¶à¸à¸à¸¸à¸à¸à¹à¸à¸¢ à¹à¸¥à¸°à¸à¸¸à¸à¹à¸à¹à¸à¸à¸à¸à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§à¹à¸à¹à¸¥à¸°à¸à¸±à¸§ à¹à¸à¹à¸¥à¸°à¸ªà¸²à¸¢à¸à¸à¸ªà¸¡à¸à¸§à¸£ à¸à¸§à¸à¸à¸±à¸à¸à¸²à¸£à¹à¸à¸à¸à¸à¸§à¸²à¸¡à¸£à¸¹à¹à¹à¸à¸à¸²à¸£à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹ à¸à¸²à¸£à¸à¸±à¸à¸à¸±à¸à¸à¸¸à¹ à¸à¸²à¸à¸à¸¹à¹à¸à¸µà¹à¸¡à¸µà¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹ à¹à¸¥à¸°à¸à¸¹à¹à¸£à¸¹à¹à¸à¸à¸à¸·à¹à¸à¹ à¹à¸à¸§à¸à¸à¸²à¸£à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸«à¸¡à¸²à¸à¸¶à¹à¸à¸¡à¸²à¹à¸à¹à¸£à¸°à¸à¸±à¸à¸«à¸à¸¶à¹à¸(à¸à¸¶à¹à¸à¸à¹à¸¢à¸±à¸à¹à¸¡à¹à¸à¸¶à¸à¸à¸±à¸à¸à¸£à¸°à¸ªà¸à¸à¸§à¸²à¸¡à¸ªà¸³à¹à¸£à¹à¸à¸à¸°à¹à¸£à¸¡à¸²à¸à¸à¸±à¸)</p><p> à¸à¸¶à¹à¸à¹à¸à¸à¸±à¸à¸à¸¸à¸à¸±à¸à¸à¸µà¹à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡à¸¡à¸µà¸«à¸¡à¸²à¸à¸µà¹à¹à¸à¸´à¸à¸à¸²à¸à¸à¸²à¸£à¹à¸¡ à¹à¸¥à¸°à¹à¸à¹à¸à¹à¸§à¹à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸³à¸à¸§à¸à¸¡à¸²à¸à¸¡à¸²à¸¢à¹à¸
2309ืà¸à¸ 40 à¸à¸±à¸§ สà¹à¸§à¸à¹à¸à¹à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸²à¸£à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹à¸à¸±à¹à¸à¹à¸à¸à¸µà¸«à¸à¸¶à¹à¸à¹ à¸à¸±à¹à¸à¸à¸°à¸à¸ªà¸¡à¹à¸à¸¤à¸à¸¹(à¸.à¸.-à¸.à¸.) à¸à¸£à¸°à¸¡à¸²à¸ 5 à¸à¸à¸à¸à¹à¸à¸¤à¸à¸¹à¹à¸à¹à¸²à¸à¸±à¹à¸ สà¹à¸§à¸à¸à¸à¸à¸¤à¸à¸¹à¸à¸ªà¸¡ à¸à¹à¸²à¸¡à¸µà¸à¸±à¸§à¹à¸«à¸à¸à¸ªà¸¡à¹à¸à¹à¸à¹à¸à¸°à¸à¸ªà¸¡à¸ªà¹à¸§à¸à¸¡à¸²à¸à¸à¹à¸à¸°à¸£à¸²à¸§à¹ 2 à¹à¸à¸·à¸à¸à¸à¹à¸à¸°à¸¡à¸µà¹à¸¡à¹à¸«à¸¡à¸²à¸à¸ªà¸¡à¹à¸à¹à¸à¸¢à¸¹à¹à¸à¸¥à¸à¸à¸à¸¶à¸à¹à¸¢à¸à¹à¸à¹à¸à¹à¸à¹à¸à¸à¸¸à¸à¹ à¹à¸à¹à¸£à¸·à¹à¸à¸à¸à¸à¸à¸à¸²à¸£à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹à¹à¸à¹à¸à¹à¸¥à¸°à¸à¸à¸à¸à¸±à¹à¸à¸à¸²à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡à¸à¸°à¹à¸à¹à¸à¹à¸à¹à¸à¸à¸´à¹à¸¨à¸©à¹à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¹à¸«à¹à¹à¸à¹à¸¥à¸¹à¸à¸«à¸¡à¸²à¸à¸à¸à¸¡à¸²à¸à¸¢à¹à¸²à¸à¸¡à¸µà¸à¸¸à¸à¸ าภà¹à¸à¸·à¹à¸à¸à¸à¸²à¸à¸à¸²à¸à¸à¸²à¸£à¹à¸¡à¸à¸à¸à¹à¸£à¸²à¸¡à¸µà¸§à¸±à¸à¸à¸¸à¸à¸´à¸à¹à¸à¸à¸²à¸£à¹à¸¥à¸·à¸à¸à¸à¸µà¹à¸à¸°à¸à¸ªà¸¡à¸à¹à¸à¸à¸à¹à¸²à¸à¸¡à¸²à¸</p><p> สà¹à¸§à¸à¹à¸à¸à¹à¸²à¸à¸à¸²à¸£à¸à¸£à¸°à¸à¸§à¸à¸à¸±à¹à¸ à¸à¸²à¸à¹à¸£à¸²à¹à¸£à¸´à¹à¸¡à¸à¸à¸à¸à¸£à¸°à¸à¸§à¸à¸à¸±à¹à¸à¹à¸à¹à¸¢à¸±à¸à¹à¸¡à¹à¸¡à¸µà¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡à¹à¸ªà¸µà¸¢à¸à¸µà¸ à¸à¸²à¸£à¸à¸£à¸°à¸à¸§à¸à¸à¹à¸¡à¸µà¹à¸à¹à¸à¸²à¸ à¸à¸à¸°à¸à¹à¸²à¸ à¸à¹à¸à¸¶à¸à¸à¹à¸à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¸¡à¸µà¸«à¸¡à¸²à¸à¸µà¹à¸ªà¸£à¹à¸²à¸à¸à¸¶à¹à¸à¸¡à¸²à¸à¸²à¸à¸à¸²à¸£à¹à¸¡à¹à¸«à¹à¸à¸à¸°à¹à¸à¸ªà¸à¸²à¸¡à¸à¸£à¸°à¸à¸§à¸à¹à¸à¸ à¸à¸¶à¸à¸¡à¸µà¸à¸²à¸£à¸¨à¸¶à¸à¸©à¸²à¹à¸à¸à¹à¸²à¸à¸à¸²à¸£à¹à¸à¸²à¸°à¸à¸±à¸à¸à¸¸à¹ รวมà¸à¸¶à¸à¹à¸à¸à¸à¸´à¸à¸à¹à¸²à¸à¸à¸²à¸£à¸à¸¶à¸ à¹à¸¥à¸°à¸à¸³à¸«à¸¡à¸²à¹à¸à¹à¸²à¸à¸£à¸°à¸à¸§à¸ มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡à¸¡à¸µà¸à¸¥à¸à¸²à¸à¸à¸²à¸£à¸à¸£à¸°à¸à¸§à¸à¸à¸µà¹à¸à¹à¸²à¸à¸à¹à¸à¸à¸¢à¸¹à¹à¹à¸ªà¸¡à¸à¸¡à¸²</p><p> à¸à¸²à¸à¸à¸¸à¸à¹à¸£à¸´à¹à¸¡à¸à¹à¸ à¹à¸¥à¸°à¸à¸µà¸à¸à¹à¸à¹ à¹à¸ âมุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡â à¸à¹à¸à¸°à¸à¸à¸¢à¸·à¸à¸«à¸¢à¸±à¸à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸«à¸¡à¸²à¸à¸²à¸à¹à¸à¹à¸§à¹à¸«à¹à¹à¸à¹à¸à¸µà¸à¸¶à¹à¸à¹à¸£à¸·à¹à¸à¸¢à¹ à¹à¸à¸·à¹à¸à¸à¸³à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§à¸à¹à¸²à¸§à¸ªà¸¹à¹à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸à¸µà¹à¸«à¸à¸¶à¹à¸à¸à¸à¸à¹à¸¥à¸à¹à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸µà¹<br></p> </div> 2310 </div> 2311<div class="customHome11"> 2312 <div class="customHome11Object"> 2313 <div class="row"> 2314 <div class="item col-12 col-sm-6 col-md-6"> 2315 <div class="marginBottomSpace"> 2316 <div class=""> 2317 <div> 2318 </div> 2319 </div> 2320 </div> 2321 <div class="maginBottomCaption"> 2322 <div class="caption"> 2323 <img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about04.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about04.jpg"> </div> 2324 </div> 2325 </div> 2326 <div class="item col-12 col-sm-6 col-md-6"> 2327 <div class="marginBottomSpace"> 2328 <div class=""> 2329 <div> 2330 </div> 2331 </div> 2332 </div> 2333 <div > 2334 <div class="caption"> 2335 <img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about03_1.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about03_1.jpg"> </div> 2336 </div> 2337 </div> 2338 </div> 2339 </div> 2340 </div> 2341 </div> 2342 </div> 2343 </div> 2344 </div> 2345 <!-- end background div --> 2346 2347 <div style="position: relative; background-color:#ffffff; " > 2348 <a id="customize-18747" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 2349 <div class="container"> 2350 2351 <div style="padding-top: 10px; padding-bottom: 10px;"> 2352 <div > 2353 <style type="text/css"> 2354 .customHome11 .customHome11Object .item { 2355 display: block; 2356 } 2357 .customHome11 .customHome11Object .itemWithoutText { 2358 display: block; 2359 } 2360 .customHome11Object .caption { 2361 padding: 0 !important; 2362 overflow: hidden; 2363 word-wrap: break-word; 2364 } 2365 .customHome11Object .contentImage { 2366 display: block; 2367 2368 line-height: 200px; 2369 padding: 0px; 2370 text-align: center; 2371 } 2372 .customHome11Object .contentVideo { 2373 display: block; 2374 padding: 0px; 2375 text-align: center; 2376 } 2377 .customHome11Object .img-responsive { 2378 display: inline-block !important; 2379 } 2380 .brakeword11 { 2381 word-wrap: break-word; 2382 } 2383</style> 2384 <div class="row"> 2385 <div class="col-12 marginBottomSpace brakeword11 area-tinymce"> 2386 <p><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong>à¹à¸à¸§à¸à¸²à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹</strong></span></p><p>หลัà¸à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸ªà¸¸à¸à¸±à¸à¸à¸±à¹à¸à¸¡à¸µà¸à¸¢à¸¹à¹à¸à¹à¸§à¸¢à¸à¸±à¸ 3 หลัภà¹à¸«à¸à¹à¹ à¸à¸·à¸</p><ul style="list-style-type: disc;" data-mce-style="list-style-type: disc;"><li>In breed à¸à¸·à¸ à¸à¸²à¸£à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹à¹à¸à¹à¸à¸à¹à¸¥à¸·à¸à¸à¸à¸´à¸</li><li>Line breed à¸à¸·à¸ à¸à¸²à¸£à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸ªà¸²à¸¢à¹à¸¥à¸·à¸à¸ หรืà¸à¹à¸à¸£à¸·à¸à¸à¸²à¸à¸´à¹à¸à¸µà¸¢à¸§à¸à¸±à¸</li><li>Coss breed à¸à¸·à¸ à¸à¸²à¸£à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸à¸à¹à¸²à¸¡à¸ªà¸²à¸¢à¹à¸¥à¸·à¸à¸à¸à¸±à¸ หรืà¸à¸à¹à¸²à¸à¸à¸£à¸£à¸à¸à¸¸à¸£à¸¸à¸©à¸à¸±à¸à¸à¸¢à¹à¸²à¸à¸à¹à¸à¸¢ 4 à¸à¹à¸§à¸à¸à¸²à¸¢à¸¸ à¸à¸¶à¹à¸à¹à¸<br><br></li></ul><p> หลัà¸à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸±à¹à¸à¹à¸à¸¢à¸ªà¹à¸§à¸à¹à¸«à¸à¹à¸à¸²à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡à¸à¸°à¹à¸à¹à¸«à¸¥à¸±à¸à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¹à¸à¸ Line breed à¹à¸à¹à¸à¸«à¸¥à¸±à¸ à¹à¸¥à¸°à¹à¸à¹à¸à¸²à¸¡à¹à¸à¸à¸à¹à¸à¸à¸à¸ªà¸µà¹à¸à¹à¸à¸«à¸¥à¸±à¸à¹à¸à¸à¸²à¸£à¹à¸à¸à¸ªà¸²à¸¢ à¹à¸¥à¸°à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹ à¸à¸¶à¹à¸à¸à¸²à¸à¸à¸°à¸¡à¸µà¸à¸²à¸£à¸à¹à¸²à¸¡à¸ªà¸²à¸¢à¹à¸à¹à¸à¹à¸à¸ Coss breed à¸à¹à¸²à¸à¹à¸à¸à¸²à¸à¸à¸£à¸±à¹à¸à¹à¸à¸·à¹à¸à¸«à¸²à¸à¹à¸à¸à¸µà¸à¸à¸à¸ªà¸²à¸¢à¸à¸·à¹à¸à¹à¸à¸·à¹à¸à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸à¸±à¸à¸à¸¸à¹à¹à¸«à¹à¸à¸µà¸¢à¸´à¹à¸à¸à¸¶à¹à¸</p><p> หลัà¸à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¹à¸²à¸à¹ à¸à¸±à¹à¸ à¸à¸²à¸à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡à¹à¸à¹à¸¨à¸¶à¸à¸©à¸²à¹à¸¥à¸°à¸à¸à¸¥à¸à¸à¸à¸³à¸à¸¢à¸¹à¹à¸à¸¥à¸à¸ à¸à¸±à¸à¸à¸±à¹à¸à¹à¸à¹à¸à¹à¸à¸§à¸à¸²à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸µà¹à¸à¸²à¸à¸à¸²à¸£à¹à¸¡à¹à¸à¹à¸à¸¢à¸¹à¹ à¸à¸¶à¸à¹à¸¡à¹à¹à¸à¹à¹à¸à¹à¸à¸ªà¸´à¹à¸à¸à¸µà¹à¸à¸°à¸£à¸±à¸à¸£à¸à¸à¹à¸à¹à¸§à¹à¸²à¸à¸¹à¸à¸à¹à¸à¸à¹à¸ªà¸¡à¸à¹à¸ à¸à¸±à¸à¸à¸±à¹à¸à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸¹à¹à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¸à¸°à¹à¸à¸²à¸°à¸à¸±à¸à¸à¸¸à¹à¸«à¸£à¸·à¸à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸ªà¸¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸§à¸à¸±à¹à¸ à¸à¹à¸à¸à¹à¸à¹à¸§à¸´à¸à¸²à¸£à¸à¸à¸²à¸à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¹à¸à¹à¸à¸à¸à¸à¸à¸à¹à¸à¸ à¸à¸²à¸¡à¸à¸§à¸²à¸¡à¹à¸«à¸¡à¸²à¸°à¸ªà¸¡à¸à¸à¸à¸à¸à¹à¸à¸ à¹à¸à¸£à¸²à¸°à¹à¸¡à¹à¸¡à¸µà¸à¸à¸à¸²à¸¢à¸à¸±à¸§à¹à¸à¸à¸²à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¹à¸ªà¸¡à¸à¹à¸ (à¹à¸¡à¹à¸¡à¸µà¸à¸³à¸§à¹à¸²à¸à¸´à¸à¹à¸à¸à¸²à¸£à¸à¸ªà¸¡à¸à¸±à¸à¸à¸¸à¹ มัà¸à¸à¸¶à¹à¸à¸à¸¢à¸¹à¹à¸à¸±à¸à¸§à¹à¸²à¸à¸¸à¸à¸à¹à¸à¸à¸à¸²à¸£à¸à¸°à¹à¸£ à¹à¸¥à¹à¸§à¸à¸°à¹à¸à¹à¸à¸°à¹à¸£ à¸à¸³à¸à¸à¸à¸à¸¢à¸¹à¹à¸à¸µà¹à¸à¸±à¸§à¸à¸¹à¹à¸à¸³ à¹à¸¥à¸°à¸à¸§à¸²à¸¡à¸ªà¸²à¸¡à¸²à¸£à¸à¸£à¸§à¸¡à¸à¸¶à¸à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹ à¸à¸§à¸²à¸¡à¸£à¸à¸à¸£à¸¹à¹à¸à¸à¸à¸à¸±à¸§à¹à¸à¸)</p> </div> 2387 </div> 2388<div class="customHome11"> 2389 <div class="customHome11Object"> 2390 <div class="row"> 2391 <div class="item col-12 col-sm-6 col-md-6"> 2392 <div class="marginBottomSpace"> 2393 <div class=""> 2394 <div> 2395 </div> 2396 </div> 2397 </div> 2398 <div class="maginBottomCaption"> 2399 <div class="caption"> 2400 <div style="text-align: center;" data-mce-style="text-align: center;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_porter_about.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_porter_about.jpg"></div> </div> 2401 </div> 2402 </div> 2403 <div class="item col-12 col-sm-6 col-md-6"> 2404 <div class="marginBottomSpace"> 2405 <div class=""> 2406 <div> 2407 </div> 2408 </div> 2409 </div> 2410 <div > 2411 <div class="caption"> 2412 <div><img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_Red_about.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_Red_about.jpg" style="display: block; margin-left: auto; margin-right: auto;" data-mce-style="display: block; margin-left: auto; margin-right: auto;" width="303" height="335"></div> </div> 2413 </div> 2414 </div> 2415 </div> 2416 </div> 2417 </div> 2418 </div> 2419 </div> 2420 </div> 2421 </div> 2422 <!-- end background div --> 2423 2424 <div style="position: relative; background-color:#ffffff; " > 2425 <a id="customize-18748" class="targethash" style="display: block;position: relative; visibility: hidden;"></a> 2426 <div class="container"> 2427 2428 <div style="padding-top: 10px; padding-bottom: 40px;"> 2429 <div > 2430 <style type="text/css"> 2431 .customHome11 .customHome11Object .item { 2432 display: block; 2433 } 2434 .customHome11 .customHome11Object .itemWithoutText { 2435 display: block; 2436 } 2437 .customHome11Object .caption { 2438 padding: 0 !important; 2439 overflow: hidden; 2440 word-wrap: break-word; 2441 } 2442 .customHome11Object .contentImage { 2443 display: block; 2444 2445 line-height: 200px; 2446 padding: 0px; 2447 text-align: center; 2448 } 2449 .customHome11Object .contentVideo { 2450 display: block; 2451 padding: 0px; 2452 text-align: center; 2453 } 2454 .customHome11Object .img-responsive { 2455 display: inline-block !important; 2456 } 2457 .brakeword11 { 2458 word-wrap: break-word; 2459 } 2460</style> 2461 <div class="row"> 2462 <div class="col-12 marginBottomSpace brakeword11 area-tinymce"> 2463 <p><span style="font-size: 18px;" data-mce-style="font-size: 18px;"><strong>à¹à¸à¹à¸²à¸«à¸¡à¸²à¸¢à¸¡à¸¸à¸¡à¸«à¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡</strong></span></p><p><span style="font-size: 14px;" data-mce-style="font-size: 14px;"> à¸à¸±à¸à¸à¸²à¸à¸à¹à¸«à¹à¸¡à¸µà¸à¸§à¸²à¸¡à¸à¸£à¹à¸à¸¡à¹à¸à¸à¹à¸²à¸à¸à¹à¸²à¸à¹ à¸à¸µà¹à¸¡à¸µà¸à¸§à¸²à¸¡à¸à¸³à¹à¸à¹à¸à¸à¹à¸à¸à¹à¸à¹à¸à¹à¸à¸à¸²à¸£à¸à¸±à¸à¸à¸²-à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§ à¸à¸±à¸à¸à¸²-à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§à¹à¸«à¹à¸à¸£à¸à¸à¸²à¸¡à¸¡à¸²à¸à¸£à¸à¸²à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹ à¹à¸¡à¸·à¹à¸à¸à¹à¸²à¸§à¹à¸à¹à¸²à¸ªà¸¹à¹à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¸²à¸à¸¥à¸à¹à¸à¸à¸à¸²à¸£à¸ªà¸£à¹à¸²à¸à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§à¹à¸«à¹à¹à¸à¹à¸à¸à¸µà¹à¸¢à¸à¸¡à¸£à¸±à¸ à¹à¸à¹à¸à¸à¸µà¹à¸à¸´à¸¢à¸¡à¹à¸¥à¸µà¹à¸¢à¸à¸à¸±à¹à¸à¹à¸à¹à¸¡à¸·à¸à¸à¹à¸à¸¢ à¹à¸¥à¸°à¸à¹à¸²à¸à¸à¸£à¸°à¹à¸à¸¨ à¸à¹à¸§à¸¢à¸à¸§à¸²à¸¡à¸ªà¸§à¸¢à¸à¸²à¸¡ à¸à¹à¸²à¸£à¸±à¸ à¹à¸à¹à¸à¹à¸à¸·à¹à¸à¸à¸à¸µà¹à¸à¸µà¸ªà¸³à¸«à¸£à¸±à¸à¸à¸£à¸à¸à¸à¸£à¸±à¸§ </span><span style="font-size: 14px;" data-mce-style="font-size: 14px;">รวมà¸à¸¶à¸à¸à¸²à¸£à¸à¸à¸¢à¹à¸à¹à¸²à¸£à¸°à¸§à¸±à¸ à¹à¸¥à¸°à¹à¸à¸·à¸à¸à¸ ัยà¹à¸«à¹à¸à¸±à¸à¹à¸à¹à¸²à¸à¸à¸</span></p><p><span style="font-size: 14px;" data-mce-style="font-size: 14px;"> à¸à¸µà¸à¸à¸±à¹à¸à¹à¸à¸·à¹à¸à¸à¸²à¸£à¸à¸£à¸°à¸à¸§à¸ à¹à¸à¸£à¸µà¸¢à¸à¹à¸à¸µà¸¢à¸à¸§à¸±à¸à¸¡à¸²à¸à¸£à¸à¸²à¸ à¸à¸±à¸à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§ à¹à¸¥à¸°à¸ªà¸¸à¸à¸±à¸à¸ªà¸²à¸¢à¸à¸±à¸à¸à¸¸à¹à¸à¸·à¹à¸à¹ à¸à¸¶à¹à¸à¸à¸°à¸à¹à¸²à¸§à¹à¸à¸ªà¸¹à¹à¸à¸§à¸²à¸¡
2463à¹à¸à¹à¸à¸«à¸à¸¶à¹à¸à¸à¸²à¸à¸à¸²à¸à¸à¸£à¸°à¸à¸§à¸à¸ªà¸²à¸à¸¥à¹à¸à¸à¸à¸²à¸à¸ à¹à¸à¸·à¹à¸à¹à¸à¹à¸à¸à¸³à¸«à¸à¹à¸²à¸¢à¹à¸«à¹à¸à¸±à¸à¸à¸¹à¹à¸à¸µà¹à¸ªà¸à¹à¸ à¹à¸¥à¸°à¸à¸·à¹à¸à¸à¸à¸à¹à¸à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§ à¹à¸à¸·à¹à¸à¹à¸à¹à¸à¹à¸«à¸¥à¹à¸à¸¨à¸¶à¸à¸©à¸²à¸à¹à¸à¸¡à¸¹à¸¥ à¸à¸§à¸²à¸¡à¸£à¸¹à¹ à¹à¸¥à¸°à¹à¸«à¹à¸à¸³à¸à¸£à¸¶à¸à¸©à¸² à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸ªà¸¸à¸à¸±à¸à¹à¸à¸¢à¸à¸²à¸à¹à¸à¹à¸§</span></p> </div> 2464 </div> 2465<div class="customHome11"> 2466 <div class="customHome11Object"> 2467 <div class="row"> 2468 <div class="item col-12 col-sm-6 col-md-6"> 2469 <div class="marginBottomSpace"> 2470 <div class=""> 2471 <div> 2472 </div> 2473 </div> 2474 </div> 2475 <div class="maginBottomCaption"> 2476 <div class="caption"> 2477 <div style="text-align: center;" data-mce-style="text-align: center;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about-11.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about-11.jpg" width="331" height="358"></div> </div> 2478 </div> 2479 </div> 2480 <div class="item col-12 col-sm-6 col-md-6"> 2481 <div class="marginBottomSpace"> 2482 <div class=""> 2483 <div> 2484 </div> 2485 </div> 2486 </div> 2487 <div > 2488 <div class="caption"> 2489 <div style="text-align: center;" data-mce-style="text-align: center;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about-12.jpg" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/mypic_customize/Mumnung_about-12.jpg" width="316" height="363"></div> </div> 2490 </div> 2491 </div> 2492 </div> 2493 </div> 2494 </div> 2495 </div> 2496 </div> 2497 </div> 2498 </div> 2499 <!-- end background div --> 2500 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 2501 </div> 2502
2502<script> 2503 function renderYoutubeIframe(e, video_id) { 2504 var iframe = document.createElement( "iframe" ); 2505 iframe.setAttribute( "frameborder", "0" ); 2506 iframe.setAttribute( "allowfullscreen", "" ); 2507 iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ video_id +"?rel=0&showinfo=0&autoplay=1&mute=1" ); 2508 e.innerHTML = ""; 2509 e.appendChild( iframe ); 2510 } 2511 2512 function secflascounter(timer,boxid,turn) { 2513 if(timer!=''){ 2514 arrayData3 = timer; 2515 //var timeParsed = arrayData3.replace(' ', 'T'); 2516 //var countDownDate = new Date(timer).getTime(); 2517 var countDownDate = new Date(new Date(timer).toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 2518 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 2519 var asx = setInterval(function() { 2520 //var now = new Date().getTime(); 2521 var now = new Date(new Date().toLocaleString('en', {timeZone: 'Asia/Bangkok'})).getTime(); 2522 var distance = countDownDate - now; 2523 var days = Math.floor(distance / (1000 * 60 * 60 * 24)); 2524 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 2525 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); 2526 var seconds = Math.floor((distance % (1000 * 60)) / 1000); 2527 jQuery(".rowcounter-promotion"+boxid+" .fsui-day").html(('0' +days).slice(-2)); 2528 jQuery(".rowcounter-promotion"+boxid+" .fsui-hour").html(('0' +hours).slice(-2)); 2529 jQuery(".rowcounter-promotion"+boxid+" .fsui-min").html(('0' +minutes).slice(-2)); 2530 jQuery(".rowcounter-promotion"+boxid+" .fsui-sec").html(('0' +seconds).slice(-2)); 2531 if (distance < 0) { 2532 clearInterval(asx); 2533 } 2534 }, 1000); 2535 }else{ 2536 clearInterval(asx); 2537 } 2538 } 2539 </script>
2539 2540 </div> 2541 <div id="section-footer"> 2542 <style>.menuCol { 2543 width: 100% !important; 2544 padding-right: 15px; 2545 padding-left: 15px; 2546} 2547</style><style> 2548 .subscribeInput { 2549 display: block !important; 2550 } 2551 @media only screen and (max-width: 768px) { 2552 .fieldSubscribe { 2553 line-height: 10px !important; 2554 } 2555 } 2556</style> 2557<footer class="footer02 footerZone"> 2558 <div id="footer-area"> 2559 <div class="container"> 2560 <div class="row"> 2561 <div class="col-12 col-sm-4"> 2562 <div class="row"> 2563 <div class="col-12"> 2564 <div style="margin-bottom:10px;"> 2565 <div class="wordWrapFooterHtml footer-mb-mobile"> 2566 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #ffffff;" data-mce-style="color: #ffffff;"><img src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/header/logo_มุมหà¸à¸¶à¹à¸_2.png" data-mce-src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/header/logo_มุมหà¸à¸¶à¹à¸_2.png" style="float: left;" data-mce-style="float: left;" width="100"></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="color: #000000;" data-mce-style="color: #000000;">มุมหà¸à¸¶à¹à¸à¸à¸²à¸£à¹à¸¡ </span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="color: #000000;" data-mce-style="color: #000000;">23 ม.1 (à¸à¹à¸²à¸à¸ªà¸¡à¸à¸à¸²à¸)<br> à¸.หà¸à¸à¸à¸à¸¥à¸±à¸ à¸.à¹à¸¡à¸·à¸à¸ à¸.à¹à¸à¸à¸£à¸à¸¸à¸£à¸µ 76000</span><br><span style="color: #000000;" data-mce-style="color: #000000;">Tel. 081-736-3478 <br>Email: [email protected]</span></div></div> </div> 2567 </div> 2568 </div> 2569 <div class="row"> 2570 <div class="col-12"> 2571 </div> 2572 </div> 2573 <div class="row"> 2574 <div class="col-12"> 2575 <div class="footerSocial" style="margin-bottom:10px;"> 2576 <style type="text/css"> 2577 .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active { 2578 background-image: linear-gradient(#80D544, #65BC3E); 2579 background-image: -webkit-linear-gradient(top, #80D544, #65BC3E); 2580 background-image: -moz-linear-gradient(top, #80D544, #65BC3E); 2581 background-image: -ms-linear-gradient(top, #80D544, #65BC3E); 2582 background-image: -o-linear-gradient(top, #80D544, #65BC3E); 2583 background-image: linear-gradient(to bottom, #80D544, #65BC3E); 2584 -webkit-border-radius: 5px; 2585 border-radius: 5px; 2586 color: #FFF; 2587 font-size: 14px; 2588 padding: 5px 8px; 2589 padding-bottom: 8px; 2590 text-decoration: none; 2591 cursor: pointer; 2592 display: inline-block; 2593 margin-right: 11px; 2594 } 2595 .footerLineWidget:hover { 2596 background-image: linear-gradient(#80D544, #65BC3E); 2597 color: #FFF; 2598 background-image: -webkit-linear-gradient(top, #65BC3E, #80D544); 2599 background-image: -moz-linear-gradient(top, #65BC3E, #80D544); 2600 background-image: -ms-linear-gradient(top, #65BC3E, #80D544); 2601 background-image: -o-linear-gradient(top, #65BC3E, #80D544); 2602 background-image: linear-gradient(to bottom, #65BC3E, #80D544); 2603 text-decoration: none; 2604 } 2605 .footerLineWidget{ 2606 font-size: 14px; 2607 } 2608 .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active { 2609 background: #00BC0C; 2610 background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c); 2611 background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c);
2612 background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c); 2613 background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c); 2614 background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c); 2615 -webkit-border-radius: 5px; 2616 border-radius: 5px; 2617 color: #FFF; 2618 font-size: 14px; 2619 padding: 5px 8px; 2620 padding-bottom: 8px; 2621 text-decoration: none; 2622 cursor: pointer; 2623 display: inline-block; 2624 } 2625 2626 .footerWechatWidget:hover { 2627 background: #3cbf1c; 2628 color: #FFF; 2629 background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C); 2630 background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C); 2631 background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C); 2632 background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C); 2633 background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C); 2634 text-decoration: none; 2635 } 2636 .imgLineWidget,.imgWechatWidget{ 2637 width: 145px !important; 2638 height: 145px !important; 2639 } 2640 .qrcodeLogo{ 2641 width: 25px; 2642 height: 25px; 2643 } 2644 #fsocial-widget { 2645 display:block; 2646 } 2647 2648 #fsocial-widget>.faco-top { 2649 margin-bottom: 25px; 2650 } 2651 2652 .pointer-none { 2653 pointer-events: none; 2654 } 2655 2656 </style> 2657<div class="social-widget" id="fsocial-widget"> 2658 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/Mumnung-Farm-2015283712058351/"> 2659 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 2660 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 2661 </a> 2662 2663 2664 2665 2666 </div> 2667 2668 <a href="http://line.me/ti/p/~0817363478" target="_blank" class="footerLineWidget"> 2669 <div> 2670 <img class="qrcodeLogo" src="/customer/images/icon/social-line-512px.svg" alt="LINE it!" style="opacity: 1;"/> 2671 0817363478 </div> 2672 <div class="text-center" style="margin-top: 5px;"> 2673 <img class="img-responsive imgLineWidget" style="opacity: 1;" src="https://image.makewebeasy.net/makeweb/m_1920x0/9XCehIVe9/attach_file/promptpay/line20200612195405.png?v=202405291424" /> 2674 </div> 2675 </a> 2676 2677 2678
2678<script type="text/javascript"> 2679 2680 jQuery(".footerWechatWidget").click(function () { 2681 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 2682 }); 2683 2684</script>
2684 </div> 2685 </div> 2686 </div> 2687 <!-- <div class="row"> 2688 <div class="col-12"> 2689 <div class="divFooterLine"> 2690 </div> 2691 </div> 2692 </div> --> 2693 </div> 2694 <div class="col-12 col-sm-4"> 2695 <div class="row"> 2696 <div class="col-12"> 2697 </div> 2698 </div> 2699 </div> 2700 <div class="col-12 col-sm-4"> 2701 <div class="row"> 2702 <div class="col-12"> 2703 <div class="fb-page" data-href="https://www.facebook.com/Mumnung-Farm-2015283712058351/" 2704 data-width="500" 2705 data-height="450" 2706 data-tabs="timeline," 2707 data-hide-cover="false" 2708 data-show-facepile="true" 2709 data-hide-cta="false" 2710 data-small-header="false" 2711 data-adapt-container-width="true" 2712 > 2713 </div> 2714 <!--<blockquote cite="https://www.facebook.com/Mumnung-Farm-2015283712058351/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Mumnung-Farm-2015283712058351/">Page</a></blockquote>--> 2715 </div> 2716 </div> 2717 </div> 2718 </div> 2719 </div> 2720 </div> 2721 <div id="footer-bar"> 2722 <div class="container"> 2723 <div class="row"> 2724 <div class="col-12"> 2725 <div style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 14px;" data-mce-style="color: #ffffff; font-size: 14px;">© Copyright 2012 All rights reserved. By Mumnung Farm</span></div> </div> 2726 </div> 2727 <div class="row" style="text-align: center;" id='statcounter'> 2728 <style>#stabox{ 2729 display: block; 2730 border: 1px solid #E5E5E5; 2731 background: #ffffff; 2732} 2733 2734#tableStat{ 2735 width: 100%; 2736 border-spacing: 0; 2737 border-collapse: collapse; 2738 border-bottom: 1px solid #e5e5e5; 2739} 2740 2741#tableTdLStat{ 2742 width: 50%; 2743 text-align: center; 2744 padding: 10px; 2745 border-right: 1px solid #e5e5e5; 2746} 2747 2748#tableTdRStat{ 2749 width: 50%; 2750 text-align: center; 2751 padding: 10px; 2752} 2753 2754.numInStat{ 2755 font-size: 24px; 2756 color: #242424; 2757 font-family:Open Sans; 2758} 2759 2760.txtInStat{ 2761 font-size: 14px; 2762 color: #636363; 2763 font-family:Open Sans; 2764} 2765 2766#divTotalStat{ 2767 display: block; 2768 text-align: center; 2769 padding: 10px; 2770} 2771#boxstatfadeOnFooter{ 2772 display: table; 2773 border: 1px solid #E5E5E5; 2774 background: #ffffff; 2775 margin: 0 auto; 2776 padding: 2px; 2777} 2778.staboxFooter{ 2779 display: table; 2780 width: 170px; 2781} 2782.staboxTxtFooter{ 2783 padding-left: 5px; 2784 font-size: 14px; 2785 color: #636363; 2786 font-family:Open Sans; 2787 float: left; 2788} 2789.staboxNumFooter{ 2790 padding-right: 5px; 2791 font-size: 14px; 2792 color: #242424; 2793 font-family:Open Sans; 2794 float: right; 2795 font-weight: bold; 2796}</style><div id="boxstatfadeOnFooter"> 2797 <div id="staboxFooterA" class="staboxFooter"> 2798 <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸à¸±à¹à¸à¸«à¸¡à¸</span> 2799 <span class="staboxNumFooter">1,947,175</span> 2800 </div> 2801 <div id="staboxFooterB" class="staboxFooter"> 2802 <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸§à¸±à¸à¸à¸µà¹</span> 2803 <span class="staboxNumFooter">195</span> 2804 </div> 2805 <div id="staboxFooterC" class="staboxFooter">
2806 <span class="staboxTxtFooter">à¸à¸¹à¹à¹à¸à¹à¸²à¸à¸¡à¸à¸à¸°à¸à¸µà¹</span> 2807 <span class="staboxNumFooter">62</span> 2808 </div> 2809</div>
2810<script> 2811 2812 jQuery(document).ready(function() { 2813 jQuery('#boxstatfadeOnFooter .staboxFooter:gt(0)').hide(); 2814 setInterval(function(){ 2815 jQuery('#boxstatfadeOnFooter > div:first-child').hide().next('.staboxFooter').fadeIn().end().appendTo('#boxstatfadeOnFooter'); 2816 },5000); 2817 }); 2818 2819</script>
2819 </div> 2820 </div> 2821 </div> 2822 </footer> 2823 2824 2825 </div> 2826 <div id="section-engine" style="font-size: 12px; font-family: 'Tahoma' !important; background-color: #2f3132 !important; color: #fff !important;"> 2827 Powered by 2828 <a style="font-size: 12px; font-family: 'Tahoma' !important;" class="spanMWE" href="https://www.makewebeasy.com/th" target="_blank" title="à¸à¸³à¹à¸§à¹à¸à¸à¸£à¸µ สรà¹à¸²à¸à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¸à¸£à¸µ à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸£à¸µ">MakeWebEasy.com</a> 2829 </div> 2830 2831 <div class="widget_cart_fix_display "></div> 2832 </div> 2833 </div> 2834 2835 <!-- cookie consent--> 2836 2837<div class="policy-position"> 2838 <div class="wrap-con"> 2839 <div class="container"> 2840 <div class="row pad-row-pdpa policy-container"> 2841 <div class="col-12 col-md-9 col-lg-9"> 2842 <span class="txt-pdconsent">à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¡à¸µà¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸à¸¸à¸à¸à¸µà¹ à¹à¸à¸·à¹à¸à¹à¸à¸´à¹à¸¡à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¹à¸¥à¸°à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸µà¹à¸à¸µà¹à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸²à¸ à¸à¹à¸²à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¹à¸²à¸à¸£à¸²à¸¢à¸¥à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡à¹à¸à¹à¸à¸µà¹ <a class="" href="/privacy-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸±à¸§</a> 2843 à¹à¸¥à¸° <a class="" href="/cookies-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¸à¸à¸µà¹</a> 2844 </span> 2845 </div> 2846 <div class="col-12 col-md-3 col-lg-3 colbtn"> 2847 <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">à¸à¸±à¹à¸à¸à¹à¸²à¸à¸¸à¸à¸à¸µà¹</button> 2848 <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยà¸à¸¡à¸£à¸±à¸à¸à¸±à¹à¸à¸«à¸¡à¸</button> 2849 </div> 2850 </div> 2851 </div> 2852 </div> 2853</div> 2854
2854<script type="text/javascript"> 2855 var plugins = {}; 2856 plugins['fontawesome'] = {'isEnable': false}; 2857 plugins['hamburgers'] = {'isEnable': true}; 2858 plugins['imagesloaded'] = {'isEnable': false}; 2859 plugins['magnificpopup'] = {'isEnable': true}; 2860 plugins['masonry'] = {'isEnable': true}; 2861 plugins['owlcarousel'] = {'isEnable': true}; 2862 plugins['perfectscrollbar'] = {'isEnable': true}; 2863 plugins['scrollposstyler'] = {'isEnable': false}; 2864 plugins['style_mwe'] = {'isEnable': false}; 2865 plugins['all'] = {'isEnable': false}; 2866 plugins['circularloading'] = {'isEnable': true}; 2867 plugins['customerjs'] = {'isEnable': false}; 2868 plugins['customerstyle'] = {'isEnable': false}; 2869 plugins['font'] = {'isEnable': false}; 2870 plugins['fullcalendar'] = {'isEnable': true}; 2871 plugins['homebox_eventcalendar'] = {'isEnable': true}; 2872 plugins['page_calendar'] = {'isEnable': true}; 2873 plugins['page_faq'] = {'isEnable': true}; 2874 plugins['themesystem'] = {'isEnable': false}; 2875 </script>
2875 2876 <!-- JS Main --> 2877
2877<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
2877 2878
2878<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
2878 2879
2879<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
2879 2880
2880<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
2880 2881
2881<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
2881 2882
2882<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
2882 2883
2883<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
2883 2884
2884<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
2884 2885
2885<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
2885 2886
2886<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
2886 2887
2887<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
2887 2888
2888<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
2888 2889
2889<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
2889 2890
2890<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
2890 2891
2891<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
2891 2892
2892<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
2892 2893
2893<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
2893 2894
2894<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
2894 2895
2895<script>var lang = "th";</script>
2895 2896
2896<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
2896 2897
2897<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
2897 2898 <!-- JS Page --> 2899
2899<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=0"></script>
2899<script src="https://cloud.makewebstatic.com/makeweb/prod/js/fullcalendar.min.js?v=0"></script>
2899<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
2899<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
2899<script src="https://cloud.makewebstatic.com/makeweb/prod/js/perfect-scrollbar.jquery.min.js?v=0"></script>
2899<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>
2899<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>
2899 <!-- JS Main --> 2900
2900<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
2900 2901
2901<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
2901 2902
2902<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
2902 2903 <!-- Script CustomerPage --> 2904 <!-- Script Body --> 2905
2905<script type="text/javascript"> 2906 $(document).ready(function () { 2907 if ( 2908 navigator.platform == 'iPhone' || 2909 navigator.platform == 'iPod' || 2910 navigator.platform == 'iPad' || 2911 (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0) 2912 ) { 2913 var $body = $('body'); 2914 var bg_attachment = $body.css('background-attachment'); 2915 if (bg_attachment == 'fixed') { 2916 var bg_size = $body.css('background-size'); 2917 if (bg_size == 'auto') { 2918 var bg_img = $body.css('background-image'); 2919 var bg_repeat = $body.css('background-repeat'); 2920 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 2921 $bodyBG.css('width', '100vw'); 2922 $bodyBG.css('height', '100vh'); 2923 $bodyBG.css('position', 'fixed'); 2924 $bodyBG.css('top', '0'); 2925 $bodyBG.css('left', '0'); 2926 $bodyBG.css('background-image', bg_img); 2927 $bodyBG.css('background-repeat', bg_repeat); 2928 $bodyBG.css('z-index', '-99'); 2929 $body.prepend($bodyBG); 2930 2931 } else if (bg_size == 'cover') { 2932 var bg_img = $body.css('background-image'); 2933 var bg_repeat = $body.css('background-repeat'); 2934 var bg_pos = $body.css('background-position'); 2935 var bg_size = $body.css('background-size'); 2936 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 2937 $bodyBG.css('width', '100vw'); 2938 $bodyBG.css('height', '100vh'); 2939 $bodyBG.css('position', 'fixed'); 2940 $bodyBG.css('top', '0'); 2941 $bodyBG.css('left', '0'); 2942 $bodyBG.css('background-image', bg_img); 2943 $bodyBG.css('background-repeat', bg_repeat); 2944 $bodyBG.css('background-position', bg_pos); 2945 $bodyBG.css('background-size', bg_size); 2946 $bodyBG.css('-webkit-background-size', bg_size); 2947 $bodyBG.css('-moz-background-size', bg_size); 2948 $bodyBG.css('-o-background-size', bg_size); 2949 $bodyBG.css('z-index', '-99'); 2950 $body.prepend($bodyBG); 2951 } 2952 } 2953 } 2954 }); 2955 </script>
2955 2956 <!-- Script Rellax --> 2957
2957<script type="text/javascript"> 2958 if (document.getElementsByClassName("rellax").length > 0) { 2959 if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) { 2960 var rellax = new Rellax('.rellax', { 2961 speed: -4, 2962 round: true 2963 }); 2964 } else { 2965 $(document).ready(function () { 2966 $('.rellax-view').each(function (index) { 2967 var $rellax = $(this).find('>.rellax'); 2968 var bg_img = $rellax.css('background-image'); 2969 var bg_repeat = $rellax.css('background-repeat'); 2970 var bg_xpos = $rellax.css('background-position-x'); 2971 var bg_ypos = $rellax.css('background-position-y'); 2972 var bg_size = $rellax.css('background-size'); 2973 $(this).css({ 2974 'background-image': bg_img, 2975 'background-repeat': bg_repeat, 2976 'background-position-x': bg_xpos, 2977 'background-position-y': bg_ypos, 2978 '-webkit-background-size': bg_size, 2979 '-moz-background-size': bg_repeat, 2980 '-o-background-size': bg_repeat, 2981 'background-size': bg_repeat, 2982 }).addClass('rellax-not-support'); 2983 $rellax.remove(); 2984 }); 2985 }); 2986 } 2987 } 2988 </script>
2988 2989 <!-- Script Slide --> 2990 <!-- Script WidgetCart --> 2991
2991<script> 2992 drawWidgetCartFix(); 2993 </script>
2993 2994 2995 <!-- Script MWEAds --> 2996
2996<script> 2997 // $("#divMWEAds").on("click", function (e) { 2998 // var aNode = e.target.nodeName; 2999 // if (aNode !== "B") { 3000 // window.open('https://www.makewebeasy.com'); 3001 // } 3002 // }); 3003 </script>
3003 3004 <!-- Script FB --> 3005 3006
3006<script> 3007 (function (d, s, id) { 3008 var lang = "th_TH"; 3009 var js, fjs = d.getElementsByTagName(s)[0]; 3010 if (d.getElementById(id)) 3011 return; 3012 js = d.createElement(s); 3013 js.id = id; 3014 js.async = true; 3015 js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=160631041153580"; 3016 fjs.parentNode.insertBefore(js, fjs); 3017 }(document, "script", "facebook-jssdk")); 3018 </script>
3018 3019 <!-- Script Embed --> 3020 <!-- Script More --> 3021
3021<script type="text/javascript"> 3022 function myFunctionincount(id, gid, page, homid, place, local, pagetype) { 3023 if (id !== '' && page !== '' && local !== '') { 3024 jQuery.ajax({ 3025 type: 'POST', 3026 url: '/customer/banner/store.php', 3027 data: { 3028 bnid: id, 3029 gid: gid, 3030 page: page, 3031 home: homid, 3032 place: place, 3033 local: local, 3034 pagetype: pagetype 3035 }, 3036 success: function (returnData) { 3037 if (returnData != '') { 3038 console.log(returnData); 3039 } 3040 } 3041 }); 3042 } 3043 } 3044 $(function () { 3045 $('a[href*="#"]:not([href="#"])').click(function () { 3046 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 3047 var target = $(this.hash); 3048 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 3049 if (target.length) { 3050 disable_scroll(); 3051 $('html,body').animate({ 3052 scrollTop: target.offset().top 3053 }, 'slow', function () { 3054 enable_scroll(); 3055 }); 3056 return false; 3057 } 3058 } 3059 }); 3060 }); 3061 function preventDefault(e) { 3062 e = e || window.event; 3063 if (e.preventDefault) 3064 e.preventDefault(); 3065 e.returnValue = false; 3066 } 3067 function wheel(e) { 3068 preventDefault(e); 3069 } 3070 function disable_scroll() { 3071 if (window.addEventListener) { 3072 window.addEventListener('DOMMouseScroll', wheel, false); 3073 } 3074 window.onmousewheel = document.onmousewheel = wheel; 3075 } 3076 function enable_scroll() { 3077 if (window.removeEventListener) { 3078 window.removeEventListener('DOMMouseScroll', wheel, false); 3079 } 3080 window.onmousewheel = document.onmousewheel = null; 3081 } 3082 3083 $(function () { 3084 $('#whatsappIcon').click(function () { 3085 let toggle = $(this).data("toggle"); 3086 if (toggle == 0) { 3087 $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"}); 3088 let date = new Date(); 3089 $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2)); 3090 $(this).data("toggle", 1); 3091 } else { 3092 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 3093 $(this).data("toggle", 0); 3094 } 3095 }); 3096 $('.whatsappBtnCancel').click(function () { 3097 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 3098 $('#whatsappDialog').data("toggle", 0); 3099 }); 3100 }); 3101 </script>
3101 3102
3102<script type="text/javascript"> 3103 // Img LazyLoad 3104 document.addEventListener("DOMContentLoaded", function() { 3105 var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); 3106 if ("IntersectionObserver" in window) { 3107 let lazyImageObserver = new IntersectionObserver(function(entries, observer) { 3108 entries.forEach(function(entry) { 3109 if (entry.isIntersecting) { 3110 let lazyImage = entry.target; 3111 lazyImage.src = lazyImage.dataset.src; 3112 lazyImage.classList.remove("lazy"); 3113 lazyImageObserver.unobserve(lazyImage); 3114 } 3115 }); 3116 }); 3117 3118 lazyImages.forEach(function(lazyImage) { 3119 lazyImageObserver.observe(lazyImage); 3120 }); 3121 } else { 3122 // Possibly fall back to a more compatible method here 3123 lazyImages.forEach(function(lazyImage) { 3124 lazyImage.src = lazyImage.dataset.src; 3125 lazyImage.classList.remove("lazy"); 3126 }); 3127 } 3128 }); 3129 // Iframe LazyLoad 3130 document.addEventListener("DOMContentLoaded", function() { 3131 var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy")); 3132 if ("IntersectionObserver" in window) { 3133 let lazyIframeObserver = new IntersectionObserver(function(entries, observer) { 3134 entries.forEach(function(entry) { 3135 if (entry.isIntersecting) { 3136 let lazyIframe = entry.target; 3137 lazyIframe.src = lazyIframe.dataset.src; 3138 lazyIframe.classList.remove("lazy"); 3139 lazyIframeObserver.unobserve(lazyIframe); 3140 } 3141 }); 3142 }); 3143 3144 lazyIframes.forEach(function(lazyIframe) { 3145 lazyIframeObserver.observe(lazyIframe); 3146 }); 3147 } else { 3148 lazyIframes.forEach(function(lazyIframe) { 3149 lazyIframe.src = lazyIframe.dataset.src; 3150 lazyIframe.classList.remove("lazy"); 3151 }); 3152 } 3153 }); 3154 </script>
3154 3155
3155<script type="text/javascript"> 3156 // Img Opacity 3157 (function ($) { 3158 "use strict"; 3159 $.fn.visible = function (partial) { 3160 if (typeof ($(this).offset()) !== 'undefined') { 3161 var $t = $(this), 3162 $w = $(window), 3163 viewTop = $w.scrollTop(), 3164 viewBottom = viewTop + $w.height(), 3165 _top = $t.offset().top, 3166 _bottom = _top + $t.height(), 3167 compareTop = partial === true ? _bottom : _top, 3168 compareBottom = partial === true ? _top : _bottom; 3169 return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop))); 3170 } 3171 }; 3172 jQuery(window).ready(function ($) { 3173 var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = []; 3174 //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'), 3175 3176 jQuery('body img').not('.imgLineWidget').imagesLoaded(function () { 3177 bkthumbnail = $('#section-content').find('img:not(.zoomImg)'); 3178 bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)'); 3179 }).progress(function (instance, image) { 3180 var result = image.isLoaded ? 'loaded' : 'broken'; 3181 if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) { 3182 $(image.img).css('opacity', '1'); 3183 } 3184 if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) { 3185 $(image.img).css('opacity', '1'); 3186 } 3187 if ($(image.img).closest(".owl-item").length > 0) { 3188 $(image.img).css('opacity', '1'); 3189 var height = $(image.img).height(); 3190 $(image.img).css("height", height); 3191 } 3192 }); 3193 bkWindow.scroll(function (event) { 3194 $.each(bkthumbnail, function (i, value) { 3195 var bkValue = $(value); 3196 if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) { 3197 bkValue.css('opacity', '1'); 3198 } 3199 }); 3200 $.each(bkthumbnailfooter, function (i, value) { 3201 var bkValueft = $(value); 3202 if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) { 3203 bkValueft.css('opacity', '1'); 3204 } 3205 }); 3206 }); 3207 }); 3208 })(jQuery); 3209 </script>
3209 3210 3211
3211<script type="text/javascript"> 3212 $(function () { 3213 $('a[href^="tel:"], a[href^="Tel:"]').click(function () { 3214 clickConversion('call'); 3215 }); 3216 $('a[href*="line.me"], a[href*="lin.ee"]').click(function () { 3217 if($(this).hasClass('LineSocialPD')) return; 3218 clickConversion('line'); 3219 }); 3220 $('a[href*="instagram.com"]').click(function () { 3221 clickConversion('instagrams'); 3222 }) 3223 $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () { 3224 if($(this).hasClass('facebookSocialPD')) return; 3225 clickConversion('facebook'); 3226 }) 3227 }); 3228 function clickConversion(snippetType, value = null, transectionId = null) { 3229 } 3230 </script>
3230 3231 3232 3233 <!-- Script Schema --> 3234 <style> 3235 @media (max-width: 992px){ 3236 .widget-overlay .fb-customerchat span iframe , 3237 .widget-overlay .fb_dialog .fb_dialog_content iframe , 3238 .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe, 3239 .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 3240 bottom: 70px !important 3241 } 3242 #toTop.widget-to-top { 3243 bottom : 150px !important; 3244 } 3245 #unknown{ 3246 bottom : 60px !important; 3247 } 3248 } 3249 .fb_new_ui_mobile_overlay_active { 3250 overflow: auto !important; 3251 } 3252 </style> 3253 3254 3255 </body> 3256</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.