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