1<!DOCTYPE html> 2<html 3 lang="th" 4 xml:lang="th" 5 xmlns:og="http://ogp.me/ns#" 6 xmlns:fb="http://ogp.me/ns/fb#" 7 style="background-color: #c1e4f1;" 8 > 9 <head> 10 <title>สà¹à¸à¸à¸à¸´à¹à¸§ à¸à¸±à¸à¸ªà¸¡à¸±à¸¢ à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¡à¹à¸à¸¢à¸³ à¹à¸à¸´à¹à¸¡à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¸à¸à¸à¹à¸à¸£ à¸à¹à¸²à¸§à¸à¹à¸²à¸¡à¸à¸²à¸£à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸à¸à¹à¸à¸´à¸¡à¹</title> 11 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE7" /> 12 <meta charset="utf-8" /> 13 <link rel='preload' as='image' href='/images/banner/crop-1779765318677.jpg'/> <link rel="shortcut icon" type="image/x-icon" href="/images/favicons/favicon.ico" /> 14 <link href="/images/favicons/favicon.png" rel="apple-touch-icon" /> 15<link href="/images/favicons/favicon120.png" rel="apple-touch-icon" sizes="120x120" /> 16<link href="/images/favicons/favicon152.png" rel="apple-touch-icon" sizes="152x152" /> 17<link href="/images/favicons/favicon167.png" rel="apple-touch-icon" sizes="167x167" /> 18<link href="/images/favicons/favicon180.png" rel="apple-touch-icon" sizes="180x180" /> 19 <meta name="description" content="สà¹à¸à¸à¸à¸´à¹à¸§à¸¡à¸·à¸à¹à¸à¹à¸²-à¸à¸à¸à¸à¸²à¸ รวà¸à¹à¸£à¹à¸§ à¸à¸¥à¸à¸à¸ ัย ลà¸à¸à¸§à¸²à¸¡à¸à¸´à¸à¸à¸¥à¸²à¸à¹à¸à¸à¸²à¸£à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸² à¸à¹à¸§à¸¢à¹à¸«à¹à¸à¸²à¸£à¸à¸£à¸´à¸«à¸²à¸£à¸à¸±à¸à¸à¸²à¸£à¹à¸§à¸¥à¸²à¸à¸à¸à¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸à¹à¸£à¸·à¹à¸à¸à¸à¹à¸²à¸¢" /> 20 <meta name="keywords" content="à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸¥à¸²à¸¢à¸à¸´à¹à¸§à¸¡à¸·à¸, à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡, à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¹à¸à¸«à¸à¹à¸², à¹à¸à¸£à¸·à¹à¸à¸à¸à¸²à¸à¸à¸±à¸à¸£, à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹, intercom, à¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸, à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸°" /> 21 <link rel="canonical" href="https://www.mionicsolution.com/" /> 22 <meta name="viewport" content="initial-scale=1.0"> 23 24<!-- For Facebook sharer --> 25<meta property="og:url" content="https://www.mionicsolution.com/" /> 26<meta property="og:type" content="article" /> 27<meta property="og:title" content="สà¹à¸à¸à¸à¸´à¹à¸§ à¸à¸±à¸à¸ªà¸¡à¸±à¸¢ à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¡à¹à¸à¸¢à¸³ à¹à¸à¸´à¹à¸¡à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¸à¸à¸à¹à¸à¸£ à¸à¹à¸²à¸§à¸à¹à¸²à¸¡à¸à¸²à¸£à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸à¸à¹à¸à¸´à¸¡à¹" /> 28<meta property="og:description" content="สà¹à¸à¸à¸à¸´à¹à¸§à¸¡à¸·à¸à¹à¸à¹à¸²-à¸à¸à¸à¸à¸²à¸ รวà¸à¹à¸£à¹à¸§ à¸à¸¥à¸à¸à¸ ัย ลà¸à¸à¸§à¸²à¸¡à¸à¸´à¸à¸à¸¥à¸²à¸à¹à¸à¸à¸²à¸£à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸² à¸à¹à¸§à¸¢à¹à¸«à¹à¸à¸²à¸£à¸à¸£à¸´à¸«à¸²à¸£à¸à¸±à¸à¸à¸²à¸£à¹à¸§à¸¥à¸²à¸à¸à¸à¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸à¹à¸£à¸·à¹à¸à¸à¸à¹à¸²à¸¢" /> 29<meta property="og:site_name" content="à¸à¸·à¹à¸à¹à¸§à¹à¸à¹à¸à¸à¹" /> 30<meta property="og:locale" content="th_TH" /> 31 <meta property="og:image" content="https://www.mionicsolution.com/images/banner/crop-1779765318677.jpg" /> 32 <link rel='preconnect' href='https://rwidget.readyplanet.com'> 33 <link rel='dns-prefetch' href='https://rwidget.readyplanet.com'><link rel='preconnect' href='https://cdnjs.cloudflare.com'> 34 <link rel='dns-prefetch' href='https://cdnjs.cloudflare.com'><link rel='preconnect' href='https://api-salesdesk.readyplanet.com'> 35 <link rel='dns-prefetch' href='https://api-salesdesk.readyplanet.com'><link rel='preconnect' href='https://api-rcrm.readyplanet.com'> 36 <link rel='dns-prefetch' href='https://api-rcrm.readyplanet.com'><link rel="preload" href="/modules/flexi/fonts/Sarabun-Regular.woff" as="font" type="font/woff" crossorigin> 37<link rel="preload" href="/modules/flexi/js/slick/slick/fonts/slick.woff" as="font" type="font/woff" crossorigin> 38<link rel="preload" href="/modules/flexi/fonts/kanit-webfont.woff" as="font" type="font/woff" crossorigin> 39<link rel="preload" href="/modules/flexi/fonts/rsu_regular-webfont.woff" as="font" type="font/woff" crossorigin> 40<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Thai&font-display=optional); 41@font-face { 42 font-family: 'Sarabun'; 43 font-weight: normal; 44 font-style: normal; 45 font-display: optional; 46 src: url('/modules/flexi/fonts/Sarabun-Regular.eot'); /* IE9 Compat Modes */ 47 src: local('Sarabun'), 48 url('/modules/flexi/fonts/Sarabun-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 49 url('/modules/flexi/fonts/Sarabun-Regular.woff') format('woff'), /* Modern browsers */ 50 url('/modules/flexi/fonts/Sarabun-Regular.woff2') format('woff2'), 51 url('/modules/flexi/fonts/Sarabun-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ 52} 53@font-face { 54 font-family: 'Kanit'; 55 font-weight: normal; 56 font-style: normal; 57 font-display: optional; 58 src: url('/modules/flexi/fonts/kanit-webfont.eot'); /* IE9 Compat Modes */ 59 src: local('Kanit'), 60 url('/modules/flexi/fonts/kanit-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 61 url('/modules/flexi/fonts/kanit-webfont.woff') format('woff'), /* Modern browsers */ 62 url('/modules/flexi/fonts/kanit-webfont.woff2') format('woff2'), 63 url('/modules/flexi/fonts/kanit-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ 64} 65@font-face { 66 font-family: 'RSU'; 67 font-weight: normal; 68 font-style: normal; 69 font-display: optional; 70 src: url('/modules/flexi/fonts/rsu_regular-webfont.eot'); /* IE9 Compat Modes */ 71 src: local('RSU'), 72 url('/modules/flexi/fonts/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 73 url('/modules/flexi/fonts/rsu_regular-webfont.woff') format('woff'), /* Modern browsers */ 74 url('/modules/flexi/fonts/rsu_regular-webfont.woff2') format('woff2'), 75 url('/modules/flexi/fonts/rsu_regular-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ 76} 77 78 #slidemenu-container, 79 .breadcrumb, 80 .content-tag-title, 81 .nav, 82 .language-switcher-container, 83 #header-language-switcher-dropdown, 84 .header-v2-icons, 85 .topnav-searchbox, 86 h1.title, 87 .product-search-result-title, 88 .product-search-result-container, 89 #content-tag-container, 90 .hidable-main, 91 .hidable-content, 92 #portlet-related-contents, 93 .category-section-more a, 94 .articles-show-more a, 95 .articles-show-more button, 96 .widget-item, 97 #footer-link .inner, 98 #footer-text, 99 .member-wrap,
100 .member-menu-wrap, 101 #content-visit-history-container, 102 #content-visit-history-container .portlet-header, 103 #midbar, 104 .content-section-selector.product-variant, 105 #facebook-icon-wrapper, 106 .widget-item input, 107 .widget-item select, 108 h1.product-title, 109 #form-design-v2 .ve-form-builder-container .stage-wrap, 110 #form-design-v2 .ve-form-builder-container .rendered-form 111 { 112 font-family: Sarabun, sans-serif !important; 113 } 114 #content #hidable-140988955 .ready-template-section-container-30 h1, #content #hidable-140988955 .ready-template-section-container-30 h2, #content #hidable-140988955 .ready-template-section-container-30 h3, #content #hidable-140988955 .ready-template-section-container-30 h4, #content #hidable-140988955 .ready-template-section-container-30 h5, #content #hidable-140988955 .ready-template-section-container-30 h6, #content #hidable-140988955 .ready-template-section-container-30 p, #content #hidable-140988955 .ready-template-section-container-30 span {font-family: Sarabun, sans-serif !important;}</style><style type="text/css"> 115html{height:100%}body{height:100%;margin:0;padding:0px 0px 0px 0px;font-size:14px;font-weight:normal;font-family:Tahoma, Arial, Helvetica, sans-serif}body,#body-bg{*position:static !important}h1{font-size:2em;margin:0.67em 0}#body-bg{width:100%;min-height:100%;height:auto}#body-bg,#body-bg.body-use-salesdesk{padding:20px 0px 0px 0px}ul,li{padding:0;margin:0}img{border:0}a{text-decoration:none;outline:none}.clear{height:0px;padding:0px;margin:0px;border:none;clear:both}#wrapper{margin:0px auto;padding:0;width:100%;max-width:1200px;height:100%;position:relative}#content{padding:0px;overflow:visible;position:relative}.back-to-top{display:none}#header .header-inner .panel #header-images>ul>li>.image-wrapper>img{max-width:100%;max-height:100%;vertical-align:middle}#header .header-inner .panel #header-images>ul>li>.image-wrapper>img.no-image{visibility:hidden}.product-detail-bottom .product-detail-stock-have-not-enough .stock-have-not-enough{display:none}#banner-festival{margin-bottom:-4px}#banner-festival img{width:100%;height:auto}#banner-festival.has-ads{margin-top:33px}#banner-festival.has-ads-view-mode{margin-top:52px}#banner-festival.has-ads-no-free-banner{margin-top:0px}#ve-loading-overlay{z-index:999;background-color:#ffffff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed}#consent-container{margin:20px 0px}#consent-container #popup-policy{white-space:nowrap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.fa-lg{font-size:1.33333333em}.ready-template-section-editable-image-div.no-image .ready-template-section-editable-image{display:none !important}.ready-template-section-editable-image-div.no-image:not(.edit){display:none !important}.ready-template-section-editable-button-image.no-image .ready-template-section-editable-image{display:none !important}#content-visit-history-container{float:right;text-align:left;padding:1.04%;width:97.92%;overflow:visible;position:relative;*zoom:1}#content-visit-history-container .portlet-header{border:none !important;background:none !important;position:relative;min-height:18px;padding:6px 0px;font-family:RSU;font-size:20px;line-height:1em;text-align:left}#content-visit-history-container .portlet-children{margin:1.04%}#content-visit-history-container .portlet-children>.content-visit-history-pages>li{display:inline-block;*display:inline;*zoom:1;margin:0px 1.04% 1.56% 1.04%;padding:0px 0.01%;text-align:center;vertical-align:top;width:17.86%}#content-visit-history-container .content-visit-history-pages .separator{border-top:dotted 1px #ccc;border-bottom:none;margin-left:auto;margin-right:auto}#content-visit-history-container .content-visit-history-pages>li{font-size:13px;padding:10px 2.67%;margin:10px 0px;border:none !important}#content-visit-history-container .content-visit-history-pages .image{margin:0 auto 25px;text-align:center;position:relative;width:141px;height:82px;line-height:82px;font-size:20px}#content-visit-history-container .content-visit-history-pages .image>a>img{width:auto;margin:auto;max-width:100%;max-height:100%;vertical-align:middle}#content-visit-history-container .content-visit-history-pages .text .title,#content-visit-history-container .content-visit-history-pages .text .title a{font-size:20px;font-weight:bold;line-height:20px}#content-visit-history-container .content-visit-history-pages .text .showcase-price-box{width:100%;text-align:left}#content-visit-history-container .content-visit-history-pages .text .price-value{text-align:right}#content-visit-history-container .content-visit-history-pages .text .original-price{margin-top:10px;font-size:20px;font-weight:normal;vertical-align:top}#content-visit-history-container .content-visit-history-pages .text .price{margin-top:10px;font-size:20px;font-weight:normal;vertical-align:top}#content-visit-history-container .content-visit-history-pages .text .member-price{margin-top:10px;font-size:20px;font-weight:normal;vertical-align:top}#content-visit-history-container .content-visit-history-pages .text .history-price{font-size:22px;font-weight:bold;margin:10px 0}#content-visit-history-container .content-visit-history-pages .text .history-original-price{font-size:16px;text-decoration:line-through;font-weight:bold;margin:0}#header #topbar{position:relative;top:0;left:0;margin:0px;width:100%;height:auto;min-height:35px;font-family:Tahoma;font-size:13px;padding:1px 0px;display:table}.nav{font-size:18px}.nav .nav-menu__collapse{width:24px;box-sizing:border-box}.nav .nav-menu__collapse .fa{display:inline-block}.nav .nav-menu__collapse .fa-caret-down.fa-2x{font-size:2em}#header #topbar div.nav-topbar-logo{max-width:15%;text-align:center}#header #topbar div.nav-topbar-logo a{display:block}#header #topbar div.nav-topbar-logo a img{height:auto;max-width:100%}
115#header #topbar .topnav-searchbox{display:none}#header #topbar .topnav-component{padding-right:10px;font-size:14px;vertical-align:middle;text-align:center}#header #topbar .topbar-sub-container{display:table-row}#header #topbar .topbar-sub-container>div{display:table-cell}#header #topbar .topbar-sub-container .topnav-container{vertical-align:middle}#header #topbar ul.top-menu-position-right{float:right;width:auto}#header #topbar ul.top-menu-position-center{text-align:center}#header #topbar ul.top-menu-position-center>li>ul{text-align:left}#header #topbar.sticky{position:fixed !important;top:0;left:0}#header #topbar.topbar-logo-small.topbar-logo-active .topbar-sub-container{max-width:93%}#header #topbar.topbar-logo-small.topbar-logo-active .topbar-sub-container .nav-topbar-logo{width:5%}#header #topbar.topbar-logo-medium.topbar-logo-active .topbar-sub-container{max-width:90.5%}#header #topbar.topbar-logo-medium.topbar-logo-active .topbar-sub-container .nav-topbar-logo{width:7.5%}#header #topbar.topbar-logo-large.topbar-logo-active .topbar-sub-container{max-width:83%}#header #topbar.topbar-logo-large.topbar-logo-active .topbar-sub-container .nav-topbar-logo{width:15%}#header #topbar ul.topnav>li:not(.nav-add-button){border-radius:5px}.topnav-group-icon{display:flex;justify-content:flex-end;align-items:center}.topnav-group-icon>span>a{display:block;text-align:center;margin:0 5px;height:32px;line-height:32px}.topnav-group-icon .icon-svg,.topnav-group-icon .icon-svg svg{width:32px;height:32px}ul.topnav{list-style:none;margin:auto;padding:0px;width:100%;min-width:12.5%;max-width:1200px;height:auto;min-height:35px}ul.topnav>li{display:inline-block;vertical-align:top;margin:3px;padding:0px 15px 0px 15px;min-height:35px;position:relative;zoom:1;z-index:auto}ul.topnav>li.home i{vertical-align:middle}ul.topnav>li.hidden{display:none}ul.topnav>li>a{float:left;line-height:1em;padding:10px 0px;display:inline-block;text-decoration:none;white-space:nowrap;outline:none}ul.topnav>li>span{margin:3px -5px 3px 5px;padding:7px;display:inline-block;vertical-align:top;font-size:0.5em !important;text-decoration:none !important}ul.topnav>li>ul.subnav{display:none;position:absolute}.mobile-topbar{font-size:20px;height:43px;width:100%;position:fixed;top:0;width:100%;z-index:15;display:none}.mobile-topbar .nav-topbar-logo{height:42px;float:left;max-width:180px;display:flex;justify-content:center}.mobile-topbar .nav-topbar-logo a{margin:auto 0}.mobile-topbar .trigger-wrapper{display:flex;justify-content:center;float:left;text-align:center;font-size:32px;height:42px;width:42px}.mobile-topbar .trigger-wrapper a{display:block;margin:auto 0}.mobile-topbar .searchbox-wrapper{float:right;width:42px;height:42px;line-height:42px;position:fixed;right:0;overflow:hidden}.mobile-topbar .searchbox-wrapper.has-rp-cart{right:55px}.mobile-topbar .searchbox-wrapper #mobile-searchbox-icon{width:42px;text-align:center;display:block;float:right;z-index:15;font-size:24px}.mobile-topbar .searchbox-wrapper .search-form{display:none}.mobile-topbar .searchbox-wrapper .header-viewcart-box{position:relative;width:42px;float:left}.mobile-topbar .searchbox-wrapper .header-viewcart-order-total{width:16px;position:absolute;top:2px;left:-5px;text-align:center;padding:3px;font-size:12px;font-weight:bold}.mobile-topbar .slidemenu-topbar-logo--img{max-height:42px;max-width:100%;height:auto;width:auto}#slidemenu-container{width:100%;left:-100%;height:100%}#slidemenu-container #slidemenu-menu{position:fixed;width:80%;display:block;overflow:hidden;left:-80%;z-index:21}#header{position:relative;z-index:2;*zoom:1}#header .header-inner{height:100%;position:relative;width:100%;line-height:0}#header .header-inner .panel-fill{display:inline-block}#header .header-inner .panel #panel-background{display:inline-block;height:100%;position:relative;width:100%;z-index:0}#header .header-inner .panel #siteinfo{padding:5px 0.52%;position:relative;overflow:hidden;max-height:100%}#header .header-inner .panel #header-images{padding-left:0.31px;position:absolute;bottom:10px;width:100%}#header .header-inner .panel #siteinfo #sitename{font-style:normal;text-decoration:none;text-align:left;margin:5px 0%;padding:0%;min-height:40px;line-height:1em}#header .header-inner .panel #siteinfo #tagline{min-height:28px;font-style:normal;text-decoration:none;text-align:left;margin:5px 0%;padding:0%;line-height:1em;display:block}#header .header-inner .panel #header-images>ul{list-style:none;margin:0;padding:0;width:100%}#header .header-inner .panel #header-images>ul>li{float:left;text-align:center;width:10%}#header .header-inner .panel #header-images>ul>li>.image-wrapper{line-height:0px}#header>.header-inner>.panel{height:100%;left:0;top:0;width:100%;position:absolute}#header #logo{float:left;width:19.79%;max-width:190px;margin-right:0.52%;max-height:150px}#header #logo a>img{max-width:100%;vertical-align:middle;max-height:100%}.ready-template-panel{width:100%;height:100%;overflow:hidden;background-size:cover !important;background-position:top center !important;background-repeat:no-repeat}.ready-template-panel .header-logo-position-center{margin:0 auto;text-align:center}.ready-template-panel .header-logo-position-left{float:left}.ready-template-panel .header-logo-position-center{margin:0 auto;text-align:center}.ready-template-panel .header-logo-position-right{float:right}.ready-template-panel .ready-template-header-logo{max-width:80%}#sidebar{float:left;
115width:18.75%;min-height:600px;padding:10px 0.52% 5px;z-index:1;behavior:url(/modules/helper/PIE/PIE.htc)}#sidebar ul.widgets{list-style:none;padding:0px;margin:0px;background-color:transparent;clear:both}#sidebar ul.widgets>li{margin:5px 0px;width:100%;min-height:35px;text-align:center;display:list-item}#sidebar ul.widgets>li.member-box{min-height:325px}#sidebar ul.widgets>li.member-box-login{height:auto;margin:0px 0px 30px 0px}#sidebar ul.widgets>li.image-link{max-width:240px;margin:auto}#sidebar ul.widgets li.form input[type='text'],#sidebar ul.widgets li.form textarea{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px}#sidebar ul.widgets li.image-link img{width:95.74%}#sidebar ul.widgets .widget-item{position:relative}#sidebar ul.widgets li.html>.widget-item img,#sidebar ul.widgets li.html>.widget-item table,#sidebar ul.widgets li.html>.widget-item iframe,#sidebar ul.widgets li.html>.widget-item embed,#sidebar ul.widgets li.html>.widget-item object,#sidebar ul.widgets li.html>.widget-item div,#sidebar ul.widgets li.html>.widget-item ul,#sidebar ul.widgets li.html>.widget-item li,#sidebar ul.widgets li.html>.widget-item p,#sidebar ul.widgets li.html>.widget-item ol,#sidebar ul.widgets li.html>.widget-item form{max-width:100% !important}#sidebar ul.widgets li.html>.widget-item table,#sidebar ul.widgets li.html>.widget-item iframe,#sidebar ul.widgets li.html>.widget-item div,#sidebar ul.widgets li.html>.widget-item ul,#sidebar ul.widgets li.html>.widget-item li,#sidebar ul.widgets li.html>.widget-item p,#sidebar ul.widgets li.html>.widget-item ol,#sidebar ul.widgets li.html>.widget-item form{overflow:auto !important}#sidebar ul.widgets li>.widget-item>.search-form .keyword{background:url(/modules/flexi/images/readyplanet_search_engine.gif) no-repeat scroll left center #fff;width:100%;margin:0px 0px 5px 0px;border:solid 1px #bbb;border-radius:4px;height:27px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#sidebar ul.widgets>li>.widget-item>.search-form input[type='button']{width:100%;border-radius:5px;border:none;padding:5px 10px}#sidebar ul.widgets>li>.widget-item>.tag-cloud-widget-container .tag-cloud-show{border-radius:5px;padding:5px 10px}#sidebar ul.widgets>li .widget-item .reCaptcha-container{overflow:hidden}#sidebar ul.widgets>li .widget-item .reCaptcha-container>div{transform:scale(0.72);-webkit-transform:scale(0.72);transform-origin:0 0;-webkit-transform-origin:0 0}#sidebar ul.widgets>li .widget-item .reCaptcha-container>div>div{width:100% !important}#sidebar ul.widgets ul.widgets>li.tag-cloud{min-height:250px;overflow:hidden}#sidebar ul.widgets ul.widgets>li.tag-cloud ul.tag-cloud{text-align:left}#sidebar ul.widgets ul.widgets>li.tag-cloud ul.tag-cloud>li a{text-decoration:none}#sidebar ul.widgets ul.widgets>li.tag-cloud ul.tag-cloud>li a:hover{text-decoration:underline}.widget-item>.best-sellers-container>h3{font-size:24px;margin:5px 0;text-align:center}.widget-item>.best-sellers-container>ol{text-align:left;padding-left:30px}.widget-item>.best-sellers-container li a:hover{text-decoration:underline !important}.widget-item>.popular-contents-container>h3{font-size:24px;margin:5px 0;text-align:center}.widget-item>.popular-contents-container ol{text-align:left;padding-left:30px}.widget-item>.popular-contents-container li a:hover{text-decoration:underline !important}.widget-item>.popular-contents-container select{border:1px solid #bbb;border-radius:4px 4px 4px 4px;margin-bottom:5px;width:44.44%}.widget-item #member-login-wrap{padding:15px 0}.widget-item #member-login-wrap h3{font-size:24px;margin:5px 0;text-align:center}.widget-item #member-login-wrap .facebook-login{text-align:center}.widget-item #member-login-wrap .facebook-login a{text-decoration:none}.widget-item #member-login-wrap .facebook-login img{width:94.44%}.widget-item #member-login-wrap ul li{list-style-type:none;min-height:30px;padding:5px;text-align:left}.widget-item #member-login-wrap ul li input[type='text'],.widget-item #member-login-wrap ul li input[type='password']{border:1px solid #bbb;border-radius:4px 4px 4px 4px;height:20px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.widget-item #member-login-wrap ul li select{border:1px solid #bbb;border-radius:4px 4px 4px 4px;width:100%}.widget-item #member-login-wrap label{font-size:14px;font-weight:normal;width:66.67%}#facebook-icon-wrapper{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:13px;color:#ffffff;padding:0 10px 0 5px;display:block;line-height:40px;margin:0 auto;border:thin solid #3b5998;border-radius:5px;font-weight:bold;background-color:#3b5998;overflow:hidden;text-overflow:ellipsis;width:87%;white-space:nowrap;text-align:center}#facebook-icon-wrapper i{margin-right:15px;margin-left:5px;vertical-align:middle}#facebook-icon-wrapper:hover{background-color:#fff;color:#3b5998}#facebook-icon-wrapper:before{content:''}.widget-item .member-box .submit{display:inline}.widget-item .member-box .submit #btn-login{margin-top:10px}.widget-item .member-box .signup{text-align:left}.widget-item .member-box .signup>a{font-size:14px;padding:3px;margin:3px 0;display:block;text-decoration:none}.widget-item .member-box .signup>a:hover{text-decoration:none}.widget-item .member-box .btn-member-login{margin-top:10px}.widget-item .member-box input[type=button],.widget-item .member-box input[type=submit]{border-radius:5px 5px 5px 5px;border:none;cursor:pointer;padding:5px 10px;width:100%}.widget-item input,.widget-item select{font-family:Tahoma, Arial, sans-serif;font-size:13px}
115.widget-item #member-menu-wrap{display:block}.widget-item #member-menu-wrap .member-menu-title{margin:5px 0}.widget-item #member-menu-wrap .member-menu-title img{max-width:100px;max-height:100px}.widget-item #member-menu-wrap .member-menu-title h3{font-size:24px;text-align:center;vertical-align:middle}.widget-item #member-menu-wrap .member-menu-title ul{list-style-type:none;clear:both;padding:5px}.widget-item #member-menu-wrap .member-menu-title ul>li{clear:both;margin:3px 0px;padding:5px 5px 0px 5px;width:98%;height:auto;min-height:15px;text-align:left;display:list-item;position:relative;border-radius:5px;behavior:url(/modules/helper/PIE/PIE.htc);overflow:visible}.widget-item #member-menu-wrap .member-menu-title ul>li:hover{z-index:1 !important;box-shadow:5px 5px 7px rgba(0,0,0,0.5);box-shadow:none\0;*box-shadow:none}.widget-item #member-menu-wrap .member-menu-title ul>li>a{text-decoration:none;display:list-item;line-height:1em}.widget-item #member-menu-wrap .member-menu-title ul>li>a:hover{text-decoration:none}.widget-item #member-menu-wrap hr{border-bottom:0px;clear:both}.widget-item .form-icon{display:block;opacity:0.6;right:10%;bottom:10px;font-size:18px;color:#ccc;position:absolute}.viewcart-box{padding:5px;margin:0px 0px 10px 0px;text-align:center;color:#fff;background-color:#444;adding-left:30px;box-shadow:5px 5px 7px rgba(0,0,0,0.7);*filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5)}.viewcart-box span{display:inline-block;width:40%;vertical-align:middle}.viewcart-box a{font-size:18px;font-weight:bold;color:#fff;text-decoration:none}.viewcart-box a:hover{color:#fed22f;text-decoration:underline}#viewcart-box-no-sidebar{display:none}ul.sidenav,ul.hiddennav{float:left;list-style:none;padding:0;margin:0;background-color:transparent;min-height:35px;width:100%}ul.sidenav .subnav,ul.hiddennav .subnav{box-shadow:5px 5px 7px rgba(0,0,0,0.3)}ul.hiddennav{padding:10px 0;min-width:150px;display:none}ul.sidenav>li,ul.hiddennav>li{clear:both;float:left;margin:2px 0px;padding:0px 13.89% 0px 5.55%;width:80.55%;height:auto;min-height:15px;text-align:left;display:list-item;position:relative;border-radius:5px;behavior:url(/modules/helper/PIE/PIE.htc);overflow:visible}.hiddennav-container>.header>.hiddennav-icon{float:left;font-size:19px;margin:2px 0px 3px 2px}.hiddennav-container>.header>.hiddennav-header-title{margin-top:5px;display:none}ul.hiddennav>li{width:78%;margin:2px 2px}ul.sidenav>li:hover,ul.hiddennav>li:hover{background-color:#444;z-index:1 !important;box-shadow:none}ul.sidenav>li>a,ul.hiddennav>li>a{display:list-item;line-height:1em;padding:2px 0px;text-decoration:none}ul.sidenav>li>a:hover,ul.hiddennav>li>a:hover{color:#fed22f;text-decoration:underline}ul.sidenav>li>span,ul.hiddennav>li>span{margin:0px;padding:2px 7px;float:right;font-weight:normal;font-family:Arial;font-size:0.5em !important;line-height:2em;text-decoration:none !important;color:#fff;position:absolute;top:0px;right:0px;border-radius:5px;behavior:url(/modules/helper/PIE/PIE.htc)}ul.sidenav>li>span.subhover,ul.hiddennav>li>span.subhover{background-color:#333;cursor:pointer}ul.sidenav>li>.context-menu,ul.hiddennav>li>.context-menu{right:32px;top:-5px}ul.sidenav>li>ul.subnav,ul.hiddennav>li>ul.subnav{position:absolute;float:left;display:none;left:98.33%;top:0;min-height:35px;min-width:205px;width:auto;margin:0px 0px 5px 0px;padding:0px;list-style:none;background-color:#333;border-radius:0px 5px 5px 5px;z-index:2}ul.sidenav>li>ul.subnav li.sub-back,ul.hiddennav>li>ul.subnav li.sub-back{display:none}ul.subnav>li>ul.subnav{display:none}ul.subnav>div>div>li>ul.subnav{display:none}ul.sidenav>li>ul.subnav>li,ul.hiddennav>li>ul.subnav>li{border-top:0 !important;min-width:190px;min-height:15px;width:auto;padding:0px 5px 0px 10px;margin:3px;background-color:#333;border-radius:5px;display:list-item;text-align:left;z-index:0;white-space:nowrap;behavior:url(/modules/helper/PIE/PIE.htc)}ul.sidenav>li>ul.subnav>li:hover,ul.hiddennav>li>ul.subnav>li:hover{background-color:#444;box-shadow:none}ul.sidenav>li>ul.subnav>li.hidden,ul.hiddennav>li>ul.subnav>li.hidden{display:none}ul.sidenav>li>ul.subnav>li:hover>a,ul.hiddennav>li>ul.subnav>li:hover>a{color:#fed22f;text-decoration:underline}ul.sidenav>li>ul.subnav>li>.context-menu,ul.hiddennav>li>ul.subnav>li>.context-menu{right:5px;top:0px}ul.subnav>li>ul.preload-subnav{display:none}ul.subnav>div>div>li>ul.preload-subnav{display:none}#content .ready-template-section-container-opacity{background-position:center;position:absolute !important;height:100%;width:100%;text-align:center;left:0px;top:0px}#content .hidable-container{float:right;text-align:left;width:78.12%;padding:0px;margin:0px 1% 10px}#content .hidable{margin:0px;min-height:30px;clear:both}#content .descriptionContainer{padding-bottom:20px}#content .descriptionContainer>.description p{margin-top:0px;margin-bottom:10px}#content .descriptionContainer>.description ul{list-style-position:inside;margin-left:15px}#content .descriptionContainer>.description ol{list-style-type:decimal;list-style-position:inside;margin-left:15px}#content .descriptionContainer>.description img,#content .descriptionContainer>.description embed,#content .descriptionContainer>.description object{max-width:100%;height:auto}#content .descriptionContainer>.description iframe,#content .descriptionContainer>.description table{max-width:100%}#content .main-section-loader .images-area.right{float:right;margin:0px 0px 10px 10px}#content .ready-template-section-editable-button[data-display=hide]{display:none}.subpages .image img{height:auto}#content>.title{margin:0px;padding:10px 1.04%;width:78.12%;line-height:1em;float:right;font-size:24px;font-weight:bold}
115#content .search-result .title{padding:initial;float:none}#content .content-tag-title{margin:0px;padding:0px 1.04%;width:78.12%;float:right}.content-tag-title a.content-tag-title-link{color:#000;text-decoration:none}#content .breadcrumb{float:left;font-size:14px;margin:0px;padding:10px 1.04%;width:78.12%;word-break:break-all}#content .breadcrumb a{text-decoration:none}#midbar{float:left;width:78.21%;position:relative}ul.midnav{float:left;list-style:none;width:100%;min-height:20px;margin:0.67%;border-style:dotted;border-width:1px;border-radius:5px;padding:0}ul.midnav>li{float:left;display:list-item;margin:3px;padding:0px 2% 0px 2%;height:auto;min-height:30px;width:27.6%;max-width:325px;position:relative;border-radius:5px}ul.midnav>li>a{line-height:1em;padding:5px 0px;text-decoration:none;display:list-item}ul.midnav>li>ul.preload-subnav{display:none}#header-v2 .header-v2-container{display:none;height:75px}#header-v2 .header-v2-container.show{display:flex !important}#header-v2 .header-v2-container .header-v2-logo{width:30%;display:flex;align-items:center;padding-left:50px}#header-v2 .header-v2-container .header-v2-logo>a{height:80%;width:auto;max-width:100%}#header-v2 .header-v2-container .header-v2-logo>a img{width:auto;height:auto;max-width:100%;max-height:100%}#header-v2 .header-v2-container .header-v2-icons{display:flex;align-items:center;justify-content:flex-end;width:70%;padding:10px}#header-v2 .header-v2-container .header-v2-icons .header-v2-searchbox-container.disabled,#header-v2 .header-v2-container .header-v2-icons #header-v2-searchbox-icon.disabled{display:none}#header-v2 .header-v2-container .header-v2-icons .language-switcher-display{margin:0px 5px}#header-v2 .header-v2-container .header-v2-icons .rp-cart-button{font-size:14px}#header-v2 .header-v2-container .header-v2-icons .rp-button{border:none}#header-v2 .header-v2-container .header-v2-icons span.rp-icon{margin-right:10px}#header-v2 .header-v2-container .header-v2-icons .header-v2-searchbox-container{width:0px}#header-v2 .header-v2-container .header-v2-icons .header-v2-searchbox-container.hide{display:none}#header-v2 .header-v2-container .header-v2-icons .header-v2-searchbox-container #header-v2-searchbox-input{width:270px;height:20px;padding-left:5px;font-size:16px}#header-v2 .header-v2-container .header-v2-icons .topnav-group-icon{display:flex;justify-content:flex-end;align-items:center}#header-v2 .header-v2-container .header-v2-icons .topnav-group-icon>span>a{height:34px;line-height:34px}#header-v2 .header-v2-container .header-v2-icons .topnav-group-icon span.icon-svg,#header-v2 .header-v2-container .header-v2-icons .topnav-group-icon .icon-svg.member-offline svg,#header-v2 .header-v2-container .header-v2-icons .topnav-group-icon .icon-svg.member-online svg{width:34px;height:34px}#header-v2 .header-v2-container .header-v2-icons .topnav-group-icon span.icon-svg{display:inline-block}#header-v2 #header-v2-slide-button{left:50%;z-index:1}#header-v2 #header-v2-slide-button.up-arrow{top:-10px}#header-v2 #header-v2-slide-button.down-arrow{top:-10px}#header-v2 #header-language-switcher-dropdown .jq-dropdown-menu{min-width:70px !important}#topbar .use-header{display:none !important}#topbar .topnav-component i.fa,#topbar .topnav-component span.language-switcher-container{cursor:pointer;line-height:initial}#topbar .topnav-component .fa-search{vertical-align:-10%}#topbar .topnav-component .language-switcher-display{margin:0px 5px}#topbar .topnav-component .rp-button{border:none}#topbar .topnav-component span.rp-icon{margin-right:10px}#topbar .topnav-component.count-icon-1{width:50px}#topbar .topnav-component.count-icon-2{width:100px}#topbar .topnav-component.count-icon-3{width:150px}#topbar .topnav-component.count-icon-4{width:200px}#header-language-switcher-dropdown .jq-dropdown-menu{min-width:initial !important}.banner-section-item:not(:first-child){display:none}.banner-section-container .banner-section>ul{bottom:20px;position:absolute;width:100%;padding:0;margin:0;list-style:none;text-align:center;display:block}.banner-section-container .banner-section>ul li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0}#product-variant-selector-container,#product-detail-selector-container{max-width:500px}#product-variant-selector-container .product-variant-not-found,#product-detail-selector-container .product-variant-not-found{display:none}#product-variant-selector-container .product-variant-not-found p,#product-detail-selector-container .product-variant-not-found p{font-size:20px;text-align:center}#product-variant-selector-container .product-variant-loading,#product-detail-selector-container .product-variant-loading{text-align:center}#product-variant-selector-container .product-detail-shipping-container,#product-detail-selector-container .product-detail-shipping-container{margin-top:20px}#product-variant-selector-container table,#product-detail-selector-container table{width:100%}#product-variant-selector-container table tr td,#product-detail-selector-container table tr td{border-right:none !important}#product-variant-selector-container table tr td.product-variant-price .product-detail-price,#product-detail-selector-container table tr td.product-variant-price .product-detail-price{font-size:1rem !important}#product-variant-selector-container table tr td.product-variant-price,#product-variant-selector-container table tr td.product-detail-price-value,#product-detail-selector-container table tr td.product-variant-price,#product-detail-selector-container table tr td.product-detail-price-value{text-align:right}#product-variant-selector-container table tr td.product-variant-price .product-detail-price,#product-variant-selector-container table tr td.product-detail-price-value .product-detail-price,#product-detail-selector-container table tr td.product-variant-price .product-detail-price,#product-detail-selector-container table tr td.product-detail-price-value .product-detail-price{margin:0;font-size:1.25rem !important;font-weight:bold}#product-variant-selector-container table tr td.product-variant-price .product-detail-price-original,#product-variant-selector-container table tr td.product-detail-price-value .product-detail-price-original,#product-detail-selector-container table tr td.product-variant-price .product-detail-price-original,#product-detail-selector-container table tr td.product-detail-price-value .product-detail-price-original{text-decoration:line-through;font-size:0.75rem;font-weight:bold}#product-variant-selector-container table tr td.product-variant-price .product-detail-price-original.no-special-price,#product-variant-selector-container table tr td.product-detail-price-value .product-detail-price-original.no-special-price,#product-detail-selector-container table tr td.product-variant-price .product-detail-price-original.no-special-price,#product-detail-selector-container table tr td.product-detail-price-value .product-detail-price-original.no-special-price{text-decoration:none;font-size:1.25rem !important}#product-variant-selector-container table tr td.product-variant-price .product-detail-discount-percentage,#product-variant-selector-container table tr td.product-detail-price-value .product-detail-discount-percentage,#product-detail-selector-container table tr td.product-variant-price .product-detail-discount-percentage,#product-detail-selector-container table tr td.product-detail-price-value .product-detail-discount-percentage{font-size:0.75rem}#product-variant-selector-container table tr td.product-variant-price p,#product-variant-selector-container table tr td.product-detail-price-value p,#product-detail-selector-container table tr td.product-variant-price p,#product-detail-selector-container table tr td.product-detail-price-value p{padding:0px;margin:0px}#product-variant-selector-container table tr td.product-variant-attr-container,#product-detail-selector-container table tr td.product-variant-attr-container{padding:0px !important}#product-variant-selector-container table tr td:first-child,#product-detail-selector-container table tr td:first-child{width:30% !important}#product-variant-selector-container table tr td:last-child,#product-detail-selector-container table tr td:last-child{width:70% !important}#product-variant-selector-container table tr td select,#product-detail-selector-container table tr td select{width:100%}#product-variant-selector-container table tr.product-variant-quantity div,#product-variant-selector-container table tr.product-detail-quantity div,#product-detail-selector-container table tr.product-variant-quantity div,#product-detail-selector-container table tr.product-detail-quantity div{margin-bottom:10px}#product-variant-selector-container table tr.product-variant-quantity div .product-variant-attr,#product-variant-selector-container table tr.product-variant-quantity div .product-detail-attr,#product-variant-selector-container table tr.product-detail-quantity div .product-variant-attr,#product-variant-selector-container table tr.product-detail-quantity div .product-detail-attr,#product-detail-selector-container table tr.product-variant-quantity div .product-variant-attr,#product-detail-selector-container table tr.product-variant-quantity div .product-detail-attr,#product-detail-selector-container table tr.product-detail-quantity div .product-variant-attr,#product-detail-selector-container table tr.product-detail-quantity div .product-detail-attr{min-width:60px;display:inline-block}#product-variant-selector-container table tr.product-variant-quantity div select,#product-variant-selector-container table tr.product-detail-quantity div select,#product-detail-selector-container table tr.product-variant-quantity div select,#product-detail-selector-container table tr.product-detail-quantity div select{width:80%}#product-variant-selector-container table tr.product-variant-quantity div span .fa-stack-1x,#product-variant-selector-container table tr.product-detail-quantity div span .fa-stack-1x,#product-detail-selector-container table tr.product-variant-quantity div span .fa-stack-1x,#product-detail-selector-container table tr.product-detail-quantity div span .fa-stack-1x{font-size:12px}#product-variant-selector-container table tr.product-variant-quantity div span .fa-stack-2x,#product-variant-selector-container table tr.product-detail-quantity div span .fa-stack-2x,#product-detail-selector-container table tr.product-variant-quantity div span .fa-stack-2x,#product-detail-selector-container table tr.product-detail-quantity div span .fa-stack-2x{font-size:28px;margin-top:0px}#product-variant-selector-container table tr.product-variant-quantity div .input-qty,#product-variant-selector-container table tr.product-detail-quantity div .input-qty,#product-detail-selector-container table tr.product-variant-quantity div .input-qty,#product-detail-selector-container table tr.product-detail-quantity div .input-qty{width:40px;font-size:18px;text-align:center}#product-variant-selector-container table tr.product-variant-quantity div .input-qty::-webkit-outer-spin-button,#product-variant-selector-container table tr.product-variant-quantity div .input-qty::-webkit-inner-spin-button,#product-variant-selector-container table tr.product-detail-quantity div .input-qty::-webkit-outer-spin-button,#product-variant-selector-container table tr.product-detail-quantity div .input-qty::-webkit-inner-spin-button,#product-detail-selector-container table tr.product-variant-quantity div .input-qty::-webkit-outer-spin-button,#product-detail-selector-container table tr.product-variant-quantity div .input-qty::-webkit-inner-spin-button,#product-detail-selector-container table tr.product-detail-quantity div .input-qty::-webkit-outer-spin-button,#product-detail-selector-container table tr.product-detail-quantity div .input-qty::-webkit-inner-spin-button{-webkit-appearance:none}#product-variant-selector-container table tr.product-variant-quantity .product-variant-quantity-value,#product-variant-selector-container table tr.product-variant-quantity .product-detail-quantity-value,#product-variant-selector-container table tr.product-detail-quantity .product-variant-quantity-value,#product-variant-selector-container table tr.product-detail-quantity .product-detail-quantity-value,#product-detail-selector-container table tr.product-variant-quantity .product-variant-quantity-value,#product-detail-selector-container table tr.product-variant-quantity .product-detail-quantity-value,#product-detail-selector-container table tr.product-detail-quantity .product-variant-quantity-value,#product-detail-selector-container table tr.product-detail-quantity .product-detail-quantity-value{font-size:18px;text-align:right}#product-variant-selector-container table tr.product-variant-total-price,#product-variant-selector-container table tr.product-detail-total-price-container,#product-detail-selector-container table tr.product-variant-total-price,#product-detail-selector-container table tr.product-detail-total-price-container{font-weight:bold;font-size:1.25em}#product-variant-selector-container table tr.product-variant-total-price .product-variant-total-price-label,#product-variant-selector-container table tr.product-variant-total-price .product-detail-total-price-label,#product-variant-selector-container table tr.product-detail-total-price-container .product-variant-total-price-label,#product-variant-selector-container table tr.product-detail-total-price-container .product-detail-total-price-label,#product-detail-selector-container table tr.product-variant-total-price .product-variant-total-price-label,#product-detail-selector-container table tr.product-variant-total-price .product-detail-total-price-label,#product-detail-selector-container table tr.product-detail-total-price-container .product-variant-total-price-label,#product-detail-selector-container table tr.product-detail-total-price-container .product-detail-total-price-label{padding-top:30px !important;font-size:24px}#product-variant-selector-container table tr.product-variant-total-price .product-variant-total-price-value,#product-variant-selector-container table tr.product-variant-total-price .product-detail-total-price-value,#product-variant-selector-container table tr.product-detail-total-price-container .product-variant-total-price-value,#product-variant-selector-container table tr.product-detail-total-price-container .product-detail-total-price-value,#product-detail-selector-container table tr.product-variant-total-price .product-variant-total-price-value,#product-detail-selector-container table tr.product-variant-total-price .product-detail-total-price-value,#product-detail-selector-container table tr.product-detail-total-price-container .product-variant-total-price-value,#product-detail-selector-container table tr.product-detail-total-price-container .product-detail-total-price-value{padding-top:30px !important;text-align:right;font-size:24px}#content .product-related-section>ul,#content #category-contents-loader>ul,#content .product-category-detail-products-container>ul,#content #product-search-result>ul,#content #product-label-content-container>ul{display:flex;flex-wrap:wrap;list-style:none;margin:auto;justify-content:flex-start;max-width:1000px}#content .product-related-section>ul.product-cards-no-wrap,#content #category-contents-loader>ul.product-cards-no-wrap,#content .product-category-detail-products-container>ul.product-cards-no-wrap,#content #product-search-result>ul.product-cards-no-wrap,#content #product-label-content-container>ul.product-cards-no-wrap{justify-content:flex-start}#content .product-related-section>ul p.category-section-product-not-found,#content #category-contents-loader>ul p.category-section-product-not-found,#content .product-category-detail-products-container>ul p.category-section-product-not-found,#content #product-search-result>ul p.category-section-product-not-found,#content #product-label-content-container>ul p.category-section-product-not-found{font-size:18px;margin:18px auto}#content .product-related-section>ul .product-card,#content #category-contents-loader>ul .product-card,#content .product-category-detail-products-container>ul .product-card,#content #product-search-result>ul .product-card,#content #product-label-content-container>ul .product-card{-webkit-flex-basis:225px;flex-basis:225px;text-align:left;vertical-align:top;
115flex-direction:column;justify-content:space-between;display:flex;overflow:hidden;margin:5px;position:relative;box-sizing:border-box;border:1px solid #eee;border-radius:4px;position:relative}#content .product-related-section>ul .product-card .product-label,#content #category-contents-loader>ul .product-card .product-label,#content .product-category-detail-products-container>ul .product-card .product-label,#content #product-search-result>ul .product-card .product-label,#content #product-label-content-container>ul .product-card .product-label{padding:4px 10px;min-width:40px;max-width:180px;text-align:center;font-size:12px;position:absolute;right:0px;top:10px;z-index:1}#content .product-related-section>ul .product-card .image-wrapper,#content #category-contents-loader>ul .product-card .image-wrapper,#content .product-category-detail-products-container>ul .product-card .image-wrapper,#content #product-search-result>ul .product-card .image-wrapper,#content #product-label-content-container>ul .product-card .image-wrapper{text-align:center;max-height:70%;overflow:hidden}#content .product-related-section>ul .product-card .image-wrapper img,#content #category-contents-loader>ul .product-card .image-wrapper img,#content .product-category-detail-products-container>ul .product-card .image-wrapper img,#content #product-search-result>ul .product-card .image-wrapper img,#content #product-label-content-container>ul .product-card .image-wrapper img{width:100%;height:100%;transition:transform 0.2s}#content .product-related-section>ul .product-card .product-name,#content #category-contents-loader>ul .product-card .product-name,#content .product-category-detail-products-container>ul .product-card .product-name,#content #product-search-result>ul .product-card .product-name,#content #product-label-content-container>ul .product-card .product-name{font-size:18px;height:2.6em;overflow:hidden;line-height:1.3em;padding:15px 5px 0px;flex-grow:1}#content .product-related-section>ul .product-card .product-name>span:not(.keyword),#content #category-contents-loader>ul .product-card .product-name>span:not(.keyword),#content .product-category-detail-products-container>ul .product-card .product-name>span:not(.keyword),#content #product-search-result>ul .product-card .product-name>span:not(.keyword),#content #product-label-content-container>ul .product-card .product-name>span:not(.keyword){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#content .product-related-section>ul .product-card .product-bottom-container,#content #category-contents-loader>ul .product-card .product-bottom-container,#content .product-category-detail-products-container>ul .product-card .product-bottom-container,#content #product-search-result>ul .product-card .product-bottom-container,#content #product-label-content-container>ul .product-card .product-bottom-container{display:flex;margin-bottom:10px;padding:10px 5px 0px}#content .product-related-section>ul .product-card .product-bottom-container .product-price,#content #category-contents-loader>ul .product-card .product-bottom-container .product-price,#content .product-category-detail-products-container>ul .product-card .product-bottom-container .product-price,#content #product-search-result>ul .product-card .product-bottom-container .product-price,#content #product-label-content-container>ul .product-card .product-bottom-container .product-price{flex-grow:1}#content .product-related-section>ul .product-card .product-bottom-container .product-price .product-price-special,#content #category-contents-loader>ul .product-card .product-bottom-container .product-price .product-price-special,#content .product-category-detail-products-container>ul .product-card .product-bottom-container .product-price .product-price-special,#content #product-search-result>ul .product-card .product-bottom-container .product-price .product-price-special,#content #product-label-content-container>ul .product-card .product-bottom-container .product-price .product-price-special{font-size:16px;font-weight:bold}#content .product-related-section>ul .product-card .product-bottom-container .product-price .product-price-original,#content #category-contents-loader>ul .product-card .product-bottom-container .product-price .product-price-original,#content .product-category-detail-products-container>ul .product-card .product-bottom-container .product-price .product-price-original,#content #product-search-result>ul .product-card .product-bottom-container .product-price .product-price-original,#content #product-label-content-container>ul .product-card .product-bottom-container .product-price .product-price-original{font-size:13px;text-decoration:line-through;font-weight:bold;display:inline-block}#content .product-related-section>ul .product-card .product-bottom-container .product-price .product-price-original.no-special-price,#content #category-contents-loader>ul .product-card .product-bottom-container .product-price .product-price-original.no-special-price,#content .product-category-detail-products-container>ul .product-card .product-bottom-container .product-price .product-price-original.no-special-price,#content #product-search-result>ul .product-card .product-bottom-container .product-price .product-price-original.no-special-price,#content #product-label-content-container>ul .product-card .product-bottom-container .product-price .product-price-original.no-special-price{text-decoration:none;font-size:16px;font-weight:bold}
115#content .product-related-section>ul .product-card .product-bottom-container .product-sold,#content #category-contents-loader>ul .product-card .product-bottom-container .product-sold,#content .product-category-detail-products-container>ul .product-card .product-bottom-container .product-sold,#content #product-search-result>ul .product-card .product-bottom-container .product-sold,#content #product-label-content-container>ul .product-card .product-bottom-container .product-sold{text-align:right}#content .product-related-section>ul .product-card .product-bottom-container .product-button button,#content #category-contents-loader>ul .product-card .product-bottom-container .product-button button,#content .product-category-detail-products-container>ul .product-card .product-bottom-container .product-button button,#content #product-search-result>ul .product-card .product-bottom-container .product-button button,#content #product-label-content-container>ul .product-card .product-bottom-container .product-button button{width:100%;height:40px;display:block}#content .product-related-section>ul .product-card .product-bottom-variants-container,#content #category-contents-loader>ul .product-card .product-bottom-variants-container,#content .product-category-detail-products-container>ul .product-card .product-bottom-variants-container,#content #product-search-result>ul .product-card .product-bottom-variants-container,#content #product-label-content-container>ul .product-card .product-bottom-variants-container{text-align:center}#content .product-related-section>ul .product-card .product-bottom-variants-container>p,#content #category-contents-loader>ul .product-card .product-bottom-variants-container>p,#content .product-category-detail-products-container>ul .product-card .product-bottom-variants-container>p,#content #product-search-result>ul .product-card .product-bottom-variants-container>p,#content #product-label-content-container>ul .product-card .product-bottom-variants-container>p{font-size:12px;line-height:12px;padding:0px;margin:0px 0px 10px}#content .product-related-section .category-section-title,#content #category-contents-loader .category-section-title,#content .product-category-detail-products-container .category-section-title,#content #product-search-result .category-section-title,#content #product-label-content-container .category-section-title{font-size:1.5em;margin:0.83em 0px}#content .product-title{width:78.12%;margin:0px;padding:10px 1.04%;float:right;font-size:24px;font-weight:bold;font-family:Kanit;line-height:1em;word-break:break-all}#content .product-detail-section-loader .product-images-area{width:350px;max-width:100%;float:left;height:auto;padding:0px;margin:0 2% 20px 0}#content .product-detail-section-loader .product-images-area>ul{width:100%;list-style:none;margin:0 auto;padding:0;display:inline-flex;flex-wrap:wrap}#content .product-detail-section-loader .product-images-area>ul>li:first-child{width:98%;padding:1%;margin-bottom:10px}#content .product-detail-section-loader .product-images-area>ul>li:first-child .image-wrapper{width:100%;font-size:45px}#content .product-detail-section-loader .product-images-area>ul>li:first-child .image-wrapper>a>img{width:calc(500 / 500 * 100vw);height:auto;max-width:100%}#content .product-detail-section-loader .product-images-area>ul>li{width:22%;height:auto;padding:1% 1.5%;position:relative}#content .product-detail-section-loader .product-images-area>ul>li.no-image{visibility:hidden}#content .product-detail-section-loader .product-images-area>ul>li .image-wrapper{width:100%;display:flex;text-align:center;font-size:20px}#content .product-detail-section-loader .product-images-area>ul>li .image-wrapper.product-images-more{position:relative}#content .product-detail-section-loader .product-images-area>ul>li .image-wrapper.product-images-more>a>div{position:absolute;top:0px;width:100%;height:100%}#content .product-detail-section-loader .product-images-area>ul>li .image-wrapper.product-images-more>a>div>div{position:relative;top:50%;transform:translateY(-50%)}#content .product-detail-section-loader .product-images-area>ul>li .image-wrapper>a>img{margin:0 auto;position:relative;width:100%;height:auto;vertical-align:middle}#content .product-detail-section-loader .product-description-area{width:calc(100% - (360px + 2%));display:inline-block}#content .product-detail-section-loader .product-description-area .description{word-break:break-all}#content .product-detail-section-loader .product-description-area .product-detail-bottom{margin:10px 0;border-top:#eee solid 1px;border-bottom:#eee solid 1px;table-layout:fixed;word-break:break-all}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing{padding:10px 0px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .use-order-contact-form .product-detail-button{text-align:left}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .use-order-contact-form .description{border-top:1px solid #eee;padding-top:20px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .text-qty{margin-right:30px;font-size:18px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-stock-have-not-enough .stock-have-not-enough{dis
115play:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-variant-out-of-stock{display:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing span .fa-stack-1x{font-size:12px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing span .fa-stack-2x{font-size:28px;margin-top:0px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .input-qty{width:40px;font-size:18px;text-align:center}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .input-qty::-webkit-outer-spin-button,#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .input-qty::-webkit-inner-spin-button{-webkit-appearance:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-step-prices{padding:10px 0px 20px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-step-prices table th{padding:10px;font-weight:bold}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-step-prices table td{border:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-step-prices table td .product-detail-price,#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-step-prices table td .product-detail-price-original.no-special-price{font-size:1rem;padding:0px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-step-prices table td .product-detail-price-original:not(.no-special-price){font-size:0.75rem;padding:0px}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-step-prices table td .product-detail-discount-percent{font-size:0.75rem}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-button{padding:10px 0 10px 0px;max-width:500px;text-align:center}#content .product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-pricing .product-detail-button .product-detail-order-form-title{padding:10px 0px;font-weight:bold;text-align:center;font-size:1.25em}#content .product-detail-section-loader .product-description-area .product-detail-bottom table{width:100%}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr{max-width:100%}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td{padding:10px;width:100%}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td:first-child{width:40%}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td:last-child{width:60%}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td.use-order-contact-form{vertical-align:top}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .product-detail-variant{width:80%;border:#ccc solid 1px;padding:10px}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .product-detail-variant span.product-detail-selected-variant.desktop{display:inline-block}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .product-detail-variant span.product-detail-selected-variant.mobile{display:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .product-detail-variant span#product-detail-selected-variant-label{float:right}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .text-qty{margin-right:30px;font-size:18px}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .product-detail-stock-have-not-enough .stock-have-not-enough{dis
115play:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .product-variant-out-of-stock{display:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td span .fa-stack-1x{font-size:12px}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td span .fa-stack-2x{font-size:28px;margin-top:0px}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .input-qty{width:40px;font-size:18px;text-align:center}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .input-qty::-webkit-outer-spin-button,#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr td .input-qty::-webkit-inner-spin-button{-webkit-appearance:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr span .fa-stack-1x{font-size:12px}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr span .fa-stack-2x{font-size:28px;margin-top:0px}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr .input-qty{width:40px;font-size:18px}#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr .input-qty::-webkit-outer-spin-button,#content .product-detail-section-loader .product-description-area .product-detail-bottom table tbody tr .input-qty::-webkit-inner-spin-button{-webkit-appearance:none}#content .product-detail-section-loader .product-description-area .product-detail-bottom div .product-detail-price{display:inline-block;font-weight:bold;font-size:24px}#content .product-detail-section-loader .product-description-area .product-detail-bottom div .product-detail-price-original{font-size:0.75rem;display:inline-block;font-weight:bold}#content .product-detail-section-loader .product-description-area .product-detail-bottom div .product-detail-price-original.no-special-price{text-decoration:none;font-size:1rem;font-weight:bold}#content .product-detail-section-loader .product-description-area .product-detail-bottom div .product-detail-discount-percentage{font-size:0.75rem}#content .product-related-header{font-size:18px;text-align:left;font-weight:bold;margin:2% 2% 2% 0}#content .product-detail-product-not-found{font-size:18px;text-align:center;padding-bottom:30px}#content .product-category-detail-sort-option{text-align:right;margin-bottom:10px}#content .order-tracking-section-loader{display:flex;justify-content:flex-start;align-items:center;padding:15px 10px}#content .order-tracking-section-loader .order-tracking-input-container #order-tracking-input{border-radius:4px;box-sizing:border-box;padding:5px}#content .order-tracking-section-loader .order-tracking-input-container #order-tracking-input.error{border:1px solid red}#content .order-tracking-section-loader #order-tracking-submit-button{box-sizing:border-box;padding:5px 10px}#content .order-tracking-section-loader .order-tracking-error{position:absolute;font-size:0.75em}#content-tag-container{float:right;padding:0px;text-align:left;width:78.12%;margin:0px 1% 1.33%;display:block}#content-tag-container .content-tag>li{font-size:13px;padding:10px 2.66%;margin:10px 0px;border:none !important}#content-tag-container .content-tag .text .title,#content-tag-container .content-tag .text .title a{font-size:20px;font-weight:bold}#content-tag-container .content-tag .text .description{font-size:14px;font-weight:normal}#content-tag-container .content-tag .text a:hover{text-decoration:underline !important}#content-tag-container .content-tag .text .price{margin-top:10px;font-size:20px;font-weight:normal}#content-tag-container .content-tag .text .order-button{float:right;margin-top:10px}#content-tag-container .content-tag .image{float:left;display:flex;align-items:center;justify-content:center;height:180px;width:310px;margin-right:1.33%;margin-bottom:5px;font-size:20px}#content-tag-container .content-tag .image a{display:block;position:relative;text-align:center}#content-tag-container .content-tag .image>a>img{max-height:180px;max-width:310px;display:block}#content-tag-container .content-tag .image>a>img:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}#content-tag-container .content-tag .separator{border-top:dotted 1px #ccc;border-bottom:none;margin-left:auto;margin-right:auto}#footer{clear:both;margin-top:0px;min-height:55px;font-size:11px;position:relative}#footer-text{padding:5px}#footer-link{padding:10px;margin-bottom:0px;position:relative;position:relative}#footer-link table{width:100%}#footer-link td{min-height:120px;min-width:100px;border-radius:5px 5px 5px 5px;margin:5px;position:relative}#footer-link td>ul{min-width:inherit;min-height:inherit}#footer-link td>ul>li{list-style:none;font-size:1em;font-weight:normal}#footer-link td>ul>li:first-child{font-size:1.2em;font-weight:bold;margin-bottom:5px}#content .articles-section-loader>ul{display:flex;flex-wrap:wrap;margin:auto;justify-content:flex-start;max-width:1000px}#content .articles-section-loader .image-wrapper{height:182px;position:relative;display:flex}#content .articles-section-loader .image-wrapper a{height:100%;display:flex}#content .articles-section-loader .image-wrapper a img{width:auto;height:auto;max-width:100%;max-height:100%}#content .articles-section-loader .articles-section-title{font-size:1.5em;font-weight:bold}
115#content .articles-section-loader .articles-card{-webkit-flex-basis:235px;flex-basis:235px;padding:0.75%;overflow:hidden}#content .articles-section-loader .article-name{padding-top:10px;font-size:18px;height:2.6em;overflow:hidden;line-height:1.3em}#content .articles-section-loader .article-description{padding-top:10px;overflow:hidden;max-height:100px}#content .articles-section-loader .article-bottom-container{margin-bottom:10px}#content .articles-section-loader .articles-show-more{text-align:center;margin:20px;margin-bottom:40px}#content .articles-section-loader .articles-show-more a,#content .articles-section-loader .articles-show-more button{font-family:Kanit;font-size:20px;padding-left:25px;padding-right:25px;border-radius:22px;border-style:solid;padding:12px 35px;line-height:24px;border-width:2px;position:relative;white-space:nowrap;text-transform:uppercase;letter-spacing:0.03em;backface-visibility:hidden}#content .articles-section-loader .articles-show-more button{outline:none}#content .text-consent{font-size:0.8em}#content .hidable-container .standard-form-v2--contact #ve-form-render{min-height:400px;height:100%}#content .hidable-container .standard-form-v2--subscription #ve-form-render{min-height:150px}#content #sidebar .standard-form-v2--contact #ve-sidebar-form-render{min-height:400px;height:100%}#content #sidebar .standard-form-v2--subscription #ve-sidebar-form-render{min-height:135px}.content-attach-file>ul{list-style:none outside none;margin:0 auto}.content-attach-file>ul>li{list-style-type:none;margin:1% 5px;padding:1% 1%;width:45%;border-radius:7px;min-height:35px;float:left}.content-attach-file>ul>li.right{float:right}.content-attach-file>ul>li a{display:block}.content-attach-file>ul>li div.attach-details{float:left;display:block;width:80%}.content-attach-file>ul>li div.attach-details div.attach-name{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.content-attach-file>ul>li div.attach-details div.attach-size{display:block;font-size:12px}.content-attach-file>ul>li div.attach-icon{float:left;display:block;min-width:33px;vertical-align:top}.content-attach-file>ul>li div.attach-download{float:right;min-width:33px;position:relative;text-align:center;border-radius:5px;display:block}.content-attach-file>ul>li div.attach-download i{margin-top:5px}.content-attach-file>ul>li div.attach-download img{width:33px;height:33px}#content .product-search-result-container{padding:0px 1.04%;width:78.12%;float:right} 116#content .product-related-section>ul,#content #category-contents-loader>ul,#content .product-category-detail-products-container>ul,#content #product-search-result>ul,#content #product-label-content-container>ul{max-width:1200px}#content .product-related-section>ul .product-card,#content #category-contents-loader>ul .product-card,#content .product-category-detail-products-container>ul .product-card,#content #product-search-result>ul .product-card,#content #product-label-content-container>ul .product-card{-webkit-flex-basis:290px;flex-basis:290px}#content .articles-section-loader>ul{max-width:1200px}#content .articles-section-loader>ul .articles-card{-webkit-flex-basis:280px;flex-basis:280px}#content .breadcrumb,#content .hidable-container,#content .album-images,#content .wrap-cart,#content>.title,#content>.product-title,#content>.product-search-result-container,#content .content-tag-title,.checkout-step .progress-bar{width:97.92%} 117@media screen and (max-width: 1200px){#content .articles-section-loader>ul .articles-card{-webkit-flex-basis:31.8%;flex-basis:31.8%}#content .articles-section-loader>ul .articles-card .image-wrapper{height:160px}#content .product-related-section>ul,#content #category-contents-loader>ul,#content .product-category-detail-products-container>ul,#content #product-search-result>ul,#content #product-label-content-container>ul{max-width:100%}#content .product-related-section>ul .product-card,#content #category-contents-loader>ul .product-card,#content .product-category-detail-products-container>ul .product-card,#content #product-search-result>ul .product-card,#content #product-label-content-container>ul .product-card{-webkit-flex-basis:32.3%;flex-basis:32.3%;margin:0.5%}.banner-section-container .banner-section[data-type='multi']{min-height:calc(400 / 1200 * 100vw)}.banner-section-container.banner-section-sidebar .banner-section[data-type='multi'] .banner-section-item{min-height:calc(400 / 1200 * 80.5vw)}#content-tag-container .content-tag .image{float:left;display:flex;align-items:center;justify-content:center;height:90px;width:155px;margin-right:1.33%;margin-bottom:5px}#content-tag-container .content-tag .image>a{text-align:center}#content-tag-container .content-tag .image>a>img{max-height:90px;max-width:155px}}@media screen and (max-width: 610px){body{font-size:13px}#header-v2{display:none}#sidebar{display:none}#content .hidable-container{width:100% !important;margin:0px 0% 0px}#footer-link{display:none}#banner-festival{padding-top:42px;margin-bottom:-45px}#banner-festival img{height:calc(150 / 610 * 100vw)}#banner-festival.has-ads,#banner-festival.has-ads-view-mode{margin-top:95px}#banner-festival.has-ads-no-free-banner{margin-top:42px}.banner-section-container .banner-section[data-type='multi'] .banner-section-item{min-height:calc(800 / 600 * 95.5vw)}.banner-section-container.banner-section-sidebar .banner-section[data-type='multi'] .banner-section-item{min-height:calc(800 / 600 * 95.5vw)}#product-variant-selector-container,#product-detail-selector-container{width:100%}#content .product-detail-section-loader .product-description-area{width:100% !important}#content .product-detail-section-loader .product-images-area{width:100%}#content .product-detail-section-loader .product-images-area>ul>li{width:22%}#content .product-detail-section-loader .product-images-area>ul>li:first-child{width:98%}#content .product-category-detail-products-container>ul .articles-card .image-wrapper,#content #category-contents-loader>ul .articles-card .image-wrapper,#content .product-related-section>ul .articles-card .image-wrapper,#content #product-search-result>ul .articles-card .image-wrapper,#content #product-label-content-container>ul .articles-card .image-wrapper{height:100px}#content .product-category-detail-products-container>ul .related-product,#content .product-category-detail-products-container>ul .product-search-result-item,#content .product-category-detail-products-container>ul .product-card,#content #category-contents-loader>ul .related-product,#content #category-contents-loader>ul .product-search-result-item,#content #category-contents-loader>ul .product-card,#content .product-related-section>ul .related-product,#content .product-related-section>ul .product-search-result-item,#content .product-related-section>ul .product-card,#content #product-search-result>ul .related-product,#content #product-search-result>ul .product-search-result-item,#content #product-search-result>ul .product-card,#content #product-label-content-container>ul .related-product,#content #product-label-content-container>ul .product-search-result-item,#content #product-label-content-container>ul .product-card{-webkit-flex-basis:48%;flex-basis:48%;padding:0px;margin:1%}#wrapper #viewcart-box-no-sidebar{display:none}#content-tag-container{width:97.92%}#content-tag-container .content-tag .image{float:left;display:flex;align-items:center;justify-content:center;height:90px;width:155px;margin-right:1.33%;margin-bottom:5px}#content-tag-container .content-tag .image>a{text-align:center}#content-tag-container .content-tag .image>a>img{max-height:90px;max-width:155px}#content .articles-section-loader>ul{max-width:100%}#content .articles-section-loader>ul .articles-card{-webkit-flex-basis:48%;flex-basis:48%;padding:1%}#content .articles-section-loader>ul .articles-card .image-wrapper{height:100px}#content .social-buttons .left{width:350px;display:block;overflow:hidden;white-space:normal;padding:10px 0;max-width:100%}
117#content .contact-form .widget input[type='text'],#content .contact-form .contact input[type='text']{width:100%;height:30px}#content .contact-form textarea{width:100%}#content .contact-form .standard-form ul li label,#content .contact-form .customize-form ul li label{width:100%;text-align:left}#content .contact-form .standard-form ul li i.form-icon{right:1%;top:27px}#content .contact-form .customize-form ul li{list-style:none}#content .contact-form .customize-form ul li i.fa-envelope{right:2%;top:29px}#content .contact-form .standard-form,#content .contact-form .customize-form{width:97.92%}.ready-template-section-editable-button-image.no-image:not(.edit){display:none !important}.subpages .image img{width:auto;height:88px}}@media screen and (max-width: 320px){#banner-festival img{height:calc(120 / 320 * 100vw)}} 118</style><style type="text/css"> 119#body-bg { 120 background-color: #f2e4d7; 121 padding: 0px 0px 40px 0px; 122 } 123 ul.topnav > li > a { 124 color: #ffffff; 125 } 126 127 ul.topnav > li > span { 128 color: #ffffff; 129 } 130 131 .mobile-topbar{ 132 color: #ffffff; 133 background-color: #774633; 134 } 135 136 .mobile-topbar .header-viewcart-box { 137 color: #ffffff; 138 background-color: #774633; 139 } 140 141 .mobile-topbar .header-viewcart-box i { 142 color: #ffffff; 143 } 144 .ready-template-panel { 145 background-color: #e0ad72; 146 } 147 #content .title { 148 color: #774633; 149 } 150 #content .content-tag-title { 151 color: #4d3438; 152 } 153 #content .content-tag-title .content-tag-title-link { 154 color: #e0ad72; 155 } 156 #content .breadcrumb { 157 color: #e0ad72; 158 } 159 #content .breadcrumb a { 160 color: inherit; 161 } 162 #content #midbar ul.midnav { 163 border-color: #e0ad72; 164 } 165 #content #midbar ul.midnav > li > a { 166 color: #e0ad72; 167 } 168 169 #content #sidebar { 170 background-color: #ffffff; 171 } 172 ul.sidenav > li { 173 background-color: #ffffff; 174 } 175 ul.sidenav > li > a { 176 color: #ffffff; 177 } 178 #content #sidebar .widgets ul.sidenav > li .arrow { 179 color: #ffffff; 180 } 181 #content #sidebar .viewcart-box { 182 background-color: #774633; 183 color: #e0ad72; 184 } 185 #content #sidebar .viewcart-box a { 186 color: #e0ad72; 187 } 188 #content .widget-item a { 189 color: #e0ad72; 190 } 191 #content .widget-item h3 { 192 color: #e0ad72; 193 } 194 #content .widget-item .standard-form h1, 195 #content .widget-item .customize-form h1 { 196 color: #e0ad72; 197 } 198 #content .widget-item div { 199 color: #4d3438; 200 } 201 #content .widget-item input[type=button], 202 #content .widget-item input[type=submit], 203 #content .widget-item button[type=submit] { 204 color: #ffffff; 205 background-color: #e0ad72; 206 } 207 #content .widget-item input[type=button]:hover, 208 #content .widget-item input[type=submit]:hover, 209 #content .widget-item button[type=submit]:hover { 210 color: #ffffff; 211 background-color: #ab6e28; 212 } 213 #content .rw-smart-section{font-size:13px}#content .rw-smart-section:not(.edit) .no-data{display:none !important}#content .rw-smart-section .rw-smart-section-wrapper{width:100%;max-width:1200px;margin:0 auto;flex-direction:column;flex-grow:1}#content .rw-smart-section.rw-flex,#content .rw-smart-section .rw-flex,#content .rw-smart-section .rw-smart-section-wrapper{display:flex} 214.ready-template-section-container-30 .rw-section-context-main-margin,.ready-template-section-container-30 .rw-section-context-sub-margin{margin:0.67em 0px}.ready-template-section-container-30 .s-section-54{padding-bottom:5px;padding-top:5px;padding-right:20px;padding-left:20px;position:relative}.ready-template-section-container-30 .s-row-454{display:flex;flex-flow:row wrap;position:relative}.ready-template-section-container-30 .s-column-1091{width:100%;padding-bottom:5px;padding-top:5px;padding-right:0px;padding-left:0px;display:block}.ready-template-section-container-30 .s-text-2576{font-size:35px;font-family:Kanit;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-30 .div-s-text-2576{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:0px;margin-left:0px}.ready-template-section-container-30 .s-text-2577{font-size:18px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;text-align:center;margin-bottom:20px}.ready-template-section-container-30 .div-s-text-2577{text-align:center;margin-bottom:15px;margin-top:15px;margin-right:0px;margin-left:0px}.ready-template-section-container-30 .s-image-707{width:100%;height:auto;display:initial;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-30 .div-s-image-707{text-align:center;width:100%;height:auto}.ready-template-section-container-30 .div-div-s-image-707{margin:auto}.ready-template-section-container-30 .s-text-2578{font-size:35px;font-family:Kanit;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-30 .div-s-text-2578{text-align:center;margin-bottom:15px;margin-top:15px;margin-right:0px;margin-left:0px}.ready-template-section-container-30 .s-text-2579{font-size:18px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;text-align:center;margin-bottom:20px}.ready-template-section-container-30 .div-s-text-2579{text-align:center;margin-bottom:15px;margin-top:15px;margin-right:0px;margin-left:0px}.ready-template-section-container-30 .s-button-238{font-family:Kanit;font-size:20px;font-weight:normal;font-style:normal;width:auto;height:auto;border-style:solid;border-width:1px;padding-top:7px;padding-right:25px;padding-bottom:7px;padding-left:25px;display:inline-block;text-align:center}.ready-template-section-container-30 .div-s-button-238{text-align:center;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px}@media (max-width: 1199px){.ready-template-section-container-30 .s-text-2576{font-size:30px}.ready-template-section-container-30 .s-text-2578{font-size:30px}.ready-template-section-container-30 .s-button-238{border-width:2px}.ready-template-section-container-30 .div-s-button-238{margin-top:20px;margin-right:0px;margin-bottom:20px;margin-left:0px}}@media (max-width: 611px){.ready-template-section-container-30 .s-section-54{padding-bottom:5px;padding-top:5px;padding-right:5px;padding-left:5px}.ready-template-section-container-30 .s-text-2576{font-size:22px}.ready-template-section-container-30 .div-s-text-2576{margin-bottom:5px;margin-top:5px;margin-right:0px;margin-left:0px}.ready-template-section-container-30 .div-s-text-2577{margin:15px 10px}.ready-template-section-container-30 .s-text-2578{font-size:22px}.ready-template-section-container-30 .div-s-text-2578{margin:5px 10px}.ready-template-section-container-30 .s-text-2579{font-size:16px}.ready-template-section-container-30 .div-s-text-2579{margin:15px 10px}.ready-template-section-container-30 .s-button-238{font-size:16px;padding:7px 20px}}@media (min-width: 1450px){.ready-template-section-container-30 .div-s-image-707{height:auto}} 215.ready-template-section-container-2 .s-section-40{padding-bottom:10px;padding-top:10px;padding-right:30px;padding-left:30px;position:relative}.ready-template-section-container-2 .s-row-351{display:flex;flex-flow:row wrap;position:relative}.ready-template-section-container-2 .s-column-876{width:100%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;display:block}.ready-template-section-container-2 .s-text-2074{font-size:32px;font-family:Kanit;font-style:normal;font-weight:bold;text-align:center;display:block}.ready-template-section-container-2 .div-s-text-2074{text-align:center;margin-bottom:20px;margin-top:20px;margin-right:30px;margin-left:30px}.ready-template-section-container-2 .s-text-2556{font-size:20px;font-family:Kanit, sans-serif;font-style:normal;font-weight:normal;text-align:center;display:block;margin-left:5%;margin-right:5%}.ready-template-section-container-2 .div-s-text-2556{text-align:center;margin-bottom:30px;margin-top:30px;margin-right:100px;margin-left:100px}.ready-template-section-container-2 .s-row-354{display:flex;flex-flow:row wrap;position:relative;padding-top:35px}.ready-template-section-container-2 .s-column-881{padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;display:block;margin:0% auto;max-width:270px;position:relative}.ready-template-section-container-2 .s-image-574{width:270px;height:auto;display:block;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-2 .div-s-image-574{text-align:center;width:270px;height:356px;margin:0 auto}.ready-template-section-container-2 .div-div-s-image-574{margin:auto}.ready-template-section-container-2 .s-text-2117{font-size:22px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2117{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .s-text-2118{font-size:20px;font-family:Kanit, sans-serif;font-style:normal;font-weight:normal;display:block;text-align:center;margin:0 10%}.ready-template-section-container-2 .div-s-text-2118{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:10px;margin-left:10px}.ready-template-section-container-2 .s-text-2119{font-size:18px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2119{text-align:center;margin-bottom:20px;margin-top:20px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .s-column-882{padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;display:block;max-width:270px;margin:0% auto;position:relative}.ready-template-section-container-2 .s-image-565{width:270px;height:auto;display:block;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-2 .div-s-image-565{text-align:center;width:270px;height:356px;margin:0 auto}.ready-template-section-container-2 .div-div-s-image-565{margin:auto}.ready-template-section-container-2 .s-text-2101{font-size:22px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2101{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .s-text-2102{font-size:20px;font-family:Kanit, sans-serif;font-style:normal;font-weight:normal;display:block;text-align:center;margin:0 10%}.ready-template-section-container-2 .div-s-text-2102{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:10px;margin-left:10px}.ready-template-section-container-2 .s-text-2103{font-size:18px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2103{text-align:center;margin-bottom:20px;margin-top:20px;margin-right:30px;margin-left:30px}.ready-template-section-container-2 .s-column-883{padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;display:block;max-width:270px;margin:0% auto;position:relative}.ready-template-section-container-2 .s-image-571{width:270px;height:auto;display:block;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-2 .div-s-image-571{text-align:center;width:270px;height:356px;margin:0 auto}.ready-template-section-container-2 .div-div-s-image-571{margin:auto}.ready-template-section-container-2 .s-text-2104{font-size:22px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2104{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .s-text-2105{font-size:20px;font-family:Kanit, sans-serif;font-style:normal;font-weight:normal;display:block;text-align:center;margin:0 10%}.ready-template-section-container-2 .div-s-text-2105{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:10px;margin-left:10px}.ready-template-section-container-2 .s-text-2106{font-size:18px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2106{text-align:center;margin-bottom:20px;margin-top:20px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .s-column-884{padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;display:block;max-width:270px;margin:0% auto;position:relative}.ready-template-section-container-2 .s-image-567{width:270px;height:auto;display:block;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-2 .div-s-image-567{text-align:center;width:270px;height:356px;margin:0 auto}.ready-template-section-container-2 .div-div-s-image-567{margin:auto}.ready-template-section-container-2 .s-text-2107{font-size:22px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2107{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .s-text-2108{font-size:20px;font-family:Kanit, sans-serif;font-style:normal;font-weight:normal;display:block;text-align:center;margin:0 10%}.ready-template-section-container-2 .div-s-text-2108{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:10px;margin-left:10px}.ready-template-section-container-2 .s-text-2109{font-size:18px;font-family:Kanit, sans-serif;font-style:normal;font-weight:bold;display:block;text-align:center}.ready-template-section-container-2 .div-s-text-2109{text-align:center;margin-bottom:20px;margin-top:20px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .rw-section-context-main-margin{margin:0.83em 0px}.ready-template-section-container-2 .rw-section-context-sub-margin{margin:0.
21567em 0px}@media (max-width: 1199px){.ready-template-section-container-2 .s-text-2074{font-size:32px;font-family:Kanit;font-style:normal;font-weight:bold;text-align:center}.ready-template-section-container-2 .s-text-2556{margin-left:10%;margin-right:10%}.ready-template-section-container-2 .div-s-text-2556{margin-bottom:20px;margin-top:20px;margin-right:150px;margin-left:150px}.ready-template-section-container-2 .s-column-881{width:46%;padding-bottom:30px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-574{text-align:center;width:100%;height:356px;margin:0 auto}.ready-template-section-container-2 .s-column-882{width:46%;padding-bottom:30px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-565{width:100%;height:356px}.ready-template-section-container-2 .s-column-883{width:46%;padding-bottom:30px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-571{width:100%;height:356px}.ready-template-section-container-2 .s-column-884{width:46%;padding-bottom:30px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-567{width:100%;height:356px}}@media (max-width: 611px){.ready-template-section-container-2 .s-section-40{padding-bottom:15px;padding-top:15px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .s-text-2556{margin-left:0;margin-right:0}.ready-template-section-container-2 .div-s-text-2556{margin-bottom:20px;margin-top:20px;margin-right:20px;margin-left:20px}.ready-template-section-container-2 .s-column-881{width:100%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-574{text-align:center;width:270px;height:356px;margin:0 auto}.ready-template-section-container-2 .s-column-882{width:100%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-565{width:270px;height:356px}.ready-template-section-container-2 .s-column-883{width:100%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-571{width:270px;height:356px}.ready-template-section-container-2 .s-column-884{width:100%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px}.ready-template-section-container-2 .div-s-image-567{width:270px;height:356px}} 216.ready-template-section-container-44 .ready-template-section-editable-button-image.no-image:not(.edit),.ready-template-section-container-44 .ready-template-section-editable-button-image.no-image:not(.edit) .ready-template-section-editable-image{display:none !important}.ready-template-section-container-44 .rw-smart-section{font-size:15px !important;flex-direction:column}.ready-template-section-container-44 .s-row-455,.ready-template-section-container-44 .s-row-456{position:relative}.ready-template-section-container-44 .s-text-2584:not(div){margin:15px 0;font-size:2.4615em;line-height:1.125em}.ready-template-section-container-44 .s-section-56{padding-bottom:15px;padding-top:15px;padding-right:15px;padding-left:15px;position:relative}.ready-template-section-container-44 .s-row-456{flex-direction:column;justify-content:space-around}.ready-template-section-container-44 .s-column-1092{flex-basis:100%;padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;flex-direction:column}.ready-template-section-container-44 .s-column-1093,.ready-template-section-container-44 .s-column-1094,.ready-template-section-container-44 .s-column-1095{flex-basis:33.33%;flex-direction:column;flex-grow:1}.ready-template-section-container-44 .s-text-2594:not(div),.ready-template-section-container-44 .s-text-2596:not(div),.ready-template-section-container-44 .s-text-2598:not(div){margin-left:0;margin-right:0;margin-top:15px;margin-bottom:15px;padding-left:1em;padding-right:1em;font-weight:bold;font-size:1.5385em;line-height:1.5385em}.ready-template-section-container-44 .s-text-2584,.ready-template-section-container-44 .s-text-2585,.ready-template-section-container-44 .
216s-text-2598,.ready-template-section-container-44 .s-text-2599,.ready-template-section-container-44 .s-text-2594,.ready-template-section-container-44 .s-text-2595,.ready-template-section-container-44 .s-text-2596,.ready-template-section-container-44 .s-text-2597{display:block;width:auto !important;font-family:Kanit;text-align:center}.ready-template-section-container-44 .s-text-2599,.ready-template-section-container-44 .s-text-2595,.ready-template-section-container-44 .s-text-2597{font-weight:normal}.ready-template-section-container-44 span.s-text-2584{margin-left:0;margin-right:0;margin-top:15px;margin-bottom:15px}.ready-template-section-container-44 span.s-text-2585{font-size:1em;margin-top:15px;margin-bottom:15px;margin-left:1em;margin-right:1em}.ready-template-section-container-44 span.s-text-2599,.ready-template-section-container-44 span.s-text-2595,.ready-template-section-container-44 span.s-text-2597{padding-left:1em;padding-right:1em;margin-left:0;margin-right:0;margin-top:15px;margin-bottom:15px;font-size:1em}.ready-template-section-container-44 .div-s-image-712,.ready-template-section-container-44 .div-s-image-713,.ready-template-section-container-44 .div-s-image-714{width:232px;min-height:213px;margin:0 auto;margin-top:15px;margin-bottom:15px}.ready-template-section-container-44 .s-image-712,.ready-template-section-container-44 .s-image-713,.ready-template-section-container-44 .s-image-714{display:block;text-align:center;width:100%;height:auto;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px}.ready-template-section-container-44 div.s-text-2599,.ready-template-section-container-44 div.s-text-2595,.ready-template-section-container-44 div.s-text-2597{word-break:break-word}.ready-template-section-container-44 .div-s-button-242,.ready-template-section-container-44 .div-s-button-243,.ready-template-section-container-44 .div-s-button-244{text-align:center;margin-top:15px;margin-right:0px;margin-bottom:15px;margin-left:0px;flex-basis:100%;justify-content:center;align-items:flex-end}.ready-template-section-container-44 a.s-button-242,.ready-template-section-container-44 a.s-button-243,.ready-template-section-container-44 a.s-button-244{font-family:Kanit;font-weight:normal;font-size:1em;text-align:center;padding-top:8px;padding-right:15px;padding-bottom:8px;padding-left:15px;border-style:solid;border-width:1px}.ready-template-section-container-44 a.s-button-242.ready-template-section-editable-button,.ready-template-section-container-44 a.s-button-243.ready-template-section-editable-button,.ready-template-section-container-44 a.s-button-244.ready-template-section-editable-button{display:block}@media (min-width: 611px){.ready-template-section-container-44 .s-row-456{flex-direction:column}.ready-template-section-container-44 .s-button-242,.ready-template-section-container-44 .s-button-243,.ready-template-section-container-44 .s-button-244{padding-right:20px;padding-left:20px}}@media (min-width: 960px){.ready-template-section-container-44 .s-row-456{flex-direction:row}}@media (min-width: 1199px){.ready-template-section-container-44 .div-s-image-712,.ready-template-section-container-44 .div-s-image-713,.ready-template-section-container-44 .div-s-image-714{width:303px;min-height:278px}.ready-template-section-container-44 .s-image-712,.ready-template-section-container-44 .s-image-713,.ready-template-section-container-44 .s-image-714{width:303px;height:auto}.ready-template-section-container-44 .s-text-2585{margin-left:45px;margin-right:45px}}@media (min-width: 1600px){.ready-template-section-container-44 .div-s-image-712,.ready-template-section-container-44 .div-s-image-713,.ready-template-section-container-44 .div-s-image-714{width:360px;min-height:330px}.ready-template-section-container-44 .s-image-712,.ready-template-section-container-44 .s-image-713,.ready-template-section-container-44 .s-image-714{width:360px;height:auto}} 217.ready-template-section-container-17 .rw-section-context-main-margin{margin:0.83em 0px}.ready-template-section-container-17 .s-section-50{padding-bottom:0px;padding-top:0px;padding-right:0px;padding-left:0px;position:relative}.ready-template-section-container-17 .s-row-435{display:flex;flex-flow:row wrap;position:relative}.ready-template-section-container-17 .s-column-1058{width:100%;padding-bottom:20px;padding-top:20px;padding-right:0px;padding-left:0px;display:block}.ready-template-section-container-17 .s-text-2493{font-size:35px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;text-align:center}.ready-template-section-container-17 .div-s-text-2493{text-align:center;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px}.ready-template-section-container-17 .s-text-2494{font-size:14px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;text-align:center}.ready-template-section-container-17 .s-text-2494 div{margin:14px 0}.ready-template-section-container-17 .div-s-text-2494{text-align:center;margin-bottom:20px;margin-top:20px;margin-right:0px;margin-left:0px}
217.ready-template-section-container-17 .s-image-680{width:100%;height:auto;display:inline;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%;border-radius:0%}.ready-template-section-container-17 .div-s-image-680{text-align:center;margin:auto auto 40px auto;width:100%}.ready-template-section-container-17 .div-div-s-image-680{margin:auto}.ready-template-section-container-17 .div-s-image-680 .no-image{width:100%;height:330px}@media (max-width: 1199px){.ready-template-section-container-17 .div-s-text-2494{margin:30px 0px}.ready-template-section-container-17 .s-image-680{display:initial}.ready-template-section-container-17 .div-s-image-680{margin:40px 0}}@media (max-width: 611px){.ready-template-section-container-17 .s-text-2493{font-size:30px}.ready-template-section-container-17 .div-s-text-2494{margin-bottom:27px;margin-top:27px;margin-right:0px;margin-left:0px}} 218.ready-template-section-container-40 .rw-section-context-main-margin{margin:0.67em 0px}.ready-template-section-container-40 .s-section-38{padding-bottom:20px;padding-top:20px;padding-right:20px;padding-left:20px;position:relative}.ready-template-section-container-40 .s-row-312{display:flex;flex-flow:row wrap;position:relative}.ready-template-section-container-40 .s-row-313{display:flex;flex-flow:row wrap;position:relative}.ready-template-section-container-40 .s-column-800{width:30%;padding-bottom:10px;padding-top:10px;padding-right:10px;padding-left:10px;display:block;margin:0 auto}.ready-template-section-container-40 .s-column-803{width:30%;padding-bottom:10px;padding-top:10px;padding-right:10px;padding-left:10px;display:block;margin:0 auto}.ready-template-section-container-40 .s-image-548{width:350px;height:220px;display:initial;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-40 .div-s-image-548{text-align:center;width:350px;height:220px;margin:0 auto;max-width:100%}.ready-template-section-container-40 .div-div-s-image-548{margin:auto}.ready-template-section-container-40 .s-text-1909{font-size:16px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;padding-left:20px;padding-right:20px;text-align:center;margin-top:20px}.ready-template-section-container-40 .div-s-text-1909{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:120px;margin-left:120px}.ready-template-section-container-40 .s-text-1910{font-size:24px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;padding-left:20px;padding-right:20px;text-align:center;width:initial !important}.ready-template-section-container-40 .div-s-text-1910{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:120px;margin-left:120px}.ready-template-section-container-40 .s-column-801{width:30%;padding-bottom:10px;padding-top:10px;padding-right:10px;padding-left:10px;display:block;margin:0 auto}.ready-template-section-container-40 .s-image-549{width:350px;height:220px;display:initial;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-40 .div-s-image-549{text-align:center;width:350px;height:220px;margin:0 auto;max-width:100%}.ready-template-section-container-40 .div-div-s-image-549{margin:auto}.ready-template-section-container-40 .s-text-1911{font-size:16px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;padding-left:20px;padding-right:20px;text-align:center;margin-top:20px}.ready-template-section-container-40 .div-s-text-1911{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:120px;margin-left:120px}.ready-template-section-container-40 .s-text-1912{font-size:24px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;padding-left:20px;padding-right:20px;text-align:center;width:initial !important}.ready-template-section-container-40 .div-s-text-1912{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:120px;margin-left:120px}.ready-template-section-container-40 .s-column-802{width:30%;padding-bottom:10px;padding-top:10px;padding-right:10px;padding-left:10px;display:block;margin:0 auto}.ready-template-section-container-40 .s-image-550{width:350px;height:220px;display:initial;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-40 .div-s-image-550{text-align:center;width:350px;height:220px;margin:0 auto;max-width:100%}.ready-template-section-container-40 .div-div-s-image-550{margin:auto}.ready-template-section-container-40 .s-text-1913{font-size:16px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;padding-left:20px;padding-right:20px;text-align:center;margin-top:20px}.ready-template-section-container-40 .div-s-text-1913{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:120px;margin-left:120px}.ready-template-section-container-40 .s-text-1914{font-size:24px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;padding-left:20px;padding-right:20px;text-align:center;width:initial !important}.ready-template-section-container-40 .div-s-text-1914{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:120px;margin-left:120px}.ready-template-section-container-40 .div-s-button-250{text-align:center;margin-top:20px;margin-right:0px;margin-bottom:20px;margin-left:0px}.ready-template-section-container-40 .s-button-250{font-family:Kanit;font-size:16px;font-weight:normal;font-style:normal;width:auto;height:auto;border-style:solid;border-width:2px;padding-top:7px;padding-right:30px;padding-bottom:7px;padding-left:30px;display:inline-block;text-align:center}@media (max-width: 1199px){.ready-template-section-container-40 .s-column-800{width:100%;padding:10px 0px}.ready-template-section-container-40 .s-column-803{width:100%;padding:10px 0px}.ready-template-section-container-40 .s-image-548{width:100%;height:auto}.ready-template-section-container-40 .div-s-text-1910{margin:10px 0px}.ready-template-section-container-40 .s-column-801{width:100%;padding:10px 0px}.ready-template-section-container-40 .s-image-549{width:100%;height:auto}.ready-template-section-container-40 .s-column-802{width:100%;padding:10px 0px}.ready-template-section-container-40 .s-image-550{width:100%;height:auto;display:initial}.ready-template-section-container-40 .div-s-text-1914{margin:10px 0px}}@media (max-width: 611px){.ready-template-section-container-40 .s-column-803{width:100%;padding-bottom:10px;padding-top:10px;padding-right:0px;padding-left:0px;display:block}.ready-template-section-container-40 .div-s-image-548{width:280px;height:176px}.ready-template-section-container-40 .div-s-text-1909{margin:10px 0px}.ready-template-section-container-40 .div-s-text-1910{margin:10px 0px}.ready-template-section-container-40 .div-s-image-549{width:280px;height:176px}.ready-template-section-container-40 .div-s-text-1911{margin:10px 0px}.ready-template-section-container-40 .div-s-text-1912{margin:10px 0px}.ready-template-section-container-40 .div-s-image-550{width:280px;height:176px}.ready-template-section-container-40 .div-s-text-1913{margin:10px 0px}.ready-template-section-container-40 .div-s-text-1914{margin:10px 0px}} 219.ready-template-section-container-39 .s-section-37{padding-bottom:20px;padding-top:20px;padding-right:20px;padding-left:20px;position:relative}.ready-template-section-container-39 .s-row-310{display:flex;flex-flow:row wrap;position:relative}.ready-template-section-container-39 .s-column-796{width:29%;padding-bottom:20px;padding-top:20px;padding-right:20px;padding-left:20px;
219display:block;margin:0 auto}.ready-template-section-container-39 .s-image-544{width:100%;height:auto;display:initial;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-39 .div-s-image-544{text-align:center;width:300px;height:300px;margin:0 auto}.ready-template-section-container-39 .div-div-s-image-544{margin:auto}.ready-template-section-container-39 .s-text-1898{font-size:20px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;text-align:center;margin:20px 0}.ready-template-section-container-39 .div-s-text-1898{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:150px;margin-left:150px}.ready-template-section-container-39 .s-column-797{width:29%;padding-bottom:20px;padding-top:20px;padding-right:20px;padding-left:20px;display:block;margin:0 auto}.ready-template-section-container-39 .s-image-545{width:100%;height:auto;display:initial;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-39 .div-s-image-545{text-align:center;width:300px;height:300px;margin:0 auto}.ready-template-section-container-39 .div-div-s-image-545{margin:auto}.ready-template-section-container-39 .s-text-1899{font-size:20px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;text-align:center;margin:20px 0}.ready-template-section-container-39 .div-s-text-1899{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:150px;margin-left:150px}.ready-template-section-container-39 .s-column-798{width:29%;padding-bottom:20px;padding-top:20px;padding-right:20px;padding-left:20px;display:block;margin:0 auto}.ready-template-section-container-39 .s-image-546{width:100%;height:auto;display:initial;margin-bottom:0px;margin-top:0px;margin-right:0px;margin-left:0px;max-width:100%}.ready-template-section-container-39 .div-s-image-546{text-align:center;width:300px;height:300px;margin:0 auto}.ready-template-section-container-39 .div-div-s-image-546{margin:auto}.ready-template-section-container-39 .s-text-1900{font-size:20px;font-family:Kanit;font-style:normal;font-weight:normal;display:block;text-align:center;margin:20px 0}.ready-template-section-container-39 .div-s-text-1900{text-align:center;margin-bottom:10px;margin-top:10px;margin-right:150px;margin-left:150px}@media (max-width: 1199px){.ready-template-section-container-39 .s-column-796{width:100%;padding:20px 0px}.ready-template-section-container-39 .s-column-797{width:100%;padding:20px 0px}.ready-template-section-container-39 .s-column-798{width:100%;padding:20px 0px}}@media (max-width: 611px){.ready-template-section-container-39 .div-s-image-544{width:275px;height:275px}.ready-template-section-container-39 .div-s-image-545{width:275px;height:275px}.ready-template-section-container-39 .div-s-image-546{width:275px;height:275px}} 220</style> 221 <link rel="preload" href="/modules/flexi/js/jquery-ui/css/jquery-ui-1.11.0.stable.min.css" as="style" onload="this.rel='stylesheet'"/> 222 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery-ui/css/jquery-ui-1.11.0.stable.min.css"></noscript> 223 <link rel="preload" href="/modules/flexi/js/jquery-ui/css/jquery-ui-1.11.0.stable.structure.min.css" as="style" onload="this.rel='stylesheet'"/> 224 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery-ui/css/jquery-ui-1.11.0.stable.structure.min.css"></noscript> 225 <link rel="preload" href="/modules/flexi/js/jquery-ui/css/jquery-ui-1.11.0.stable.theme.min.css" as="style" onload="this.rel='stylesheet'"/> 226 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery-ui/css/jquery-ui-1.11.0.stable.theme.min.css"></noscript> 227 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/js/jquery.colorbox/colorbox.min.css" /> 228 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery.colorbox/colorbox.min.css"></noscript> 229 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/js/jquery.qtip/jquery.qtip-2.2.0.min.css" /> 230 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery.qtip/jquery.qtip-2.2.0.min.css"></noscript> 231 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/js/jquery.mCustomScrollbar/css/jquery.mCustomScrollbar.css" /> 232 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery.mCustomScrollbar/css/jquery.mCustomScrollbar.css"></noscript> 233 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/css/font-awesome-4.7.0/css/font-awesome.min.css" /> 234 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/css/fontello/css/fontello.css" /> 235 <noscript><link rel="stylesheet" href="/modules/flexi/css/font-awesome-4.7.0/css/font-awesome.min.css"></noscript> 236 <noscript><link rel="stylesheet" href="/modules/flexi/css/fontello/css/fontello.css"></noscript> 237 <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/modules/flexi/js/jquery.simplePagination/simplePagination.css" /> 238 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery.simplePagination/simplePagination.css"></noscript> 239 <link rel="preload" href="/modules/flexi/js/jquery.dropdown/jquery.dropdown.min.css" as="style" onload="this.rel='stylesheet'" /> 240 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery.dropdown/jquery.dropdown.min.css"></noscript> 241 242 <link rel="preload" href="/modules/flexi/js/jquery.tosrus/css/jquery.tosrus.all.css" as="style" onload="this.rel='stylesheet'" /> 243 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery.tosrus/css/jquery.tosrus.all.css"></noscript> 244 245 <link rel="preload" href="/modules/flexi/css/flag-icon-css/css/flag-icon.min.css" as="style" onload="this.rel='stylesheet'" /> 246 <noscript><link rel="stylesheet" href="/modules/flexi/css/flag-icon-css/css/flag-icon.min.css"></noscript> 247 248 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/js/jquery.lightbox2/dist/css/lightbox.min.css?v=4.104.1.0" /> 249 <noscript><link rel="stylesheet" href="/modules/flexi/js/jquery.lightbox2/dist/css/lightbox.min.css?v=4.104.1.0"></noscript> 250 251<!--[if lt IE 7 ]> <link rel="stylesheet" type="text/css" href="/modules/flexi/js/tinymce_4/skins/lightgray/skin.ie7.min.css" /> <![endif]--> 252 <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/css/always.css?v=4.104.1.0" /> 253 <noscript><link rel="stylesheet" href="/modules/flexi/css/always.css?v=4.104.1.0"></noscript> 254<style>table { border-collapse: collapse; border-spacing: 0px; }
255#content .price-box { float: left; } #content .price-box td { width: 1px; white-space: nowrap; } 256#content .price-box .price-value { text-align: right; } 257#content .price-box .price-container { position: relative; } 258#content .price-box td span { white-space: nowrap; } 259button, input, select, textarea { font-family: inherit; font-size: 100%; } 260button, input { line-height: normal; } 261#content .order-button-box { float: right; } 262#content .hidable .order-button { float: right; margin: 5px 0px; padding: 0px; text-align: left; } 263#content .hidable .order-button input[type="text"] { width: 50px; } 264#content .hidable .order-button span#btn_order_div { display: inline-block; } 265button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } 266#content .hidable .order-button input#btn_order, #content .hidable .order-button input[type="button"], #content .hidable .order-button input[type="submit"] { min-width: 200px; padding: 10px 15px; border-radius: 5px; border: none; cursor: pointer; } 267#content .order-button input#btn_order { overflow: visible; } 268#content .price-line { 269 font-size: 20px; 270 margin: 5px 0px; 271 /*display: block;*/ 272 > .price { 273 min-width: 10px; 274 } 275} 276#content .price-line-space { 277 float: left; 278 width: 30px; 279} 280#content .original-price-line { 281 font-size: 20px; 282 margin: 5px 0px; 283 /*display: block;*/ 284 > .price { 285 min-width: 10px; 286 } 287} 288#content .member-price-line { 289 font-size: 20px; 290 margin: 5px 0px; 291 /*display: block;*/ 292 > .price { 293 min-width: 10px; 294 } 295}#content .social-buttons { margin: 5px 0px; padding: 0px; text-align: left; } 296#content .social-buttons .left { float: left; display: flex; align-items: flex-start; } 297.fb_iframe_widget { display: inline-block; position: relative; } 298.fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; } 299.fb_iframe_widget iframe { position: absolute; } 300#content .social-buttons .right { float: right; display: flex; align-items: flex-start; } #content .social-buttons .social-button-item { 301 float: left; 302 margin: 0 5px; 303}#showcase-container { 304 margin: 5px 0px; 305 text-align: left; 306} 307#showcase-container ul, #showcase-container ol { 308 list-style: none; 309} 310#showcase-container .portlet-children.larger-image .subpages .image, #showcase-container .portlet-parent.larger-image .subpages .image { 311 width: 25%; 312 max-width: 100% !important; 313 height: auto !important; 314 margin: 10px 3% 5px 1% !important; 315} 316#showcase-container .portlet-children.larger-image .subpages .image img, #showcase-container .portlet-parent.larger-image .subpages .image img { 317 max-width: 100% !important; 318 max-height: 200px !important; 319} 320#showcase-container .portlet-children.larger-image .subpages .image .fa-stack, #showcase-container .portlet-parent.larger-image .subpages .image .fa-stack { 321 top: 25% !important; 322 font-size: 1.5em !important; 323} 324#showcase-container .showcase.full .portlet-children.larger-image.no-desc .subpages > li { 325 width: 225px !important; 326} 327#showcase-container .showcase.full .portlet-children.larger-image.no-desc .subpages .image { 328 width: 217px !important; 329 max-width: 100% !important; 330 height: 127px !important; 331 line-height: 121px !important; 332 margin: 10px auto 5px !important; 333 position: relative; 334} 335#showcase-container .showcase.full .portlet-children.larger-image.no-desc .subpages img { 336 width: auto !important; 337 max-height: 100% !important; 338} 339#showcase-container .showcase.half .portlet-children.larger-image .subpages .image, #showcase-container .showcase.half .portlet-parent.larger-image .subpages .image { 340 width: 45% !important; 341 margin: 10px 5% 5px 1% !important; 342} 343#showcase-container .showcase.half .portlet-children.larger-image.no-desc .subpages > li, #showcase-container .showcase.half .portlet-parent.larger-image.no-desc .subpages > li { 344 width: 217px !important; 345} 346#showcase-container .showcase.half .portlet-children.larger-image.no-desc .subpages .image, #showcase-container .showcase.half .portlet-parent.larger-image.no-desc .subpages .image { 347 width: 197px !important; 348 height: 115px !important; 349 line-height: 111px !important; 350 margin: 10px auto 1% !important; 351} 352#showcase-container .showcase.half .portlet-children.larger-image.no-desc .subpages img, #showcase-container .showcase.half .portlet-parent.larger-image.no-desc .subpages img { 353 width: auto !important; 354 max-height: 100% !important; 355} 356.showcase.full { 357 width: 100%; 358} 359.showcase.full > li.placeholder { 360 width: 100% !important; 361} 362.showcase.half { 363 width: 48%; 364} 365.showcase.half > li.placeholder { 366 width: 100% !important; 367} 368.showcase.left { 369 float: left; 370} 371.showcase.right { 372 float: right; 373} 374.showcase .portlet-header { 375 min-height: 18px; 376 padding: 6px 20px; 377 font-family: RSU; 378 font-size: 20px; 379 line-height: 1em; 380 text-align: left; 381 color: #fff; 382 background-color: #000; 383 border: 1px solid #000; 384 border-radius: 5px 5px 0px 0px; 385} 386.showcase .portlet-header > a { 387 color: #fff; 388 text-decoration: none; 389} 390.showcase .portlet-header > a:hover {
391 color: #fed22f; 392 text-decoration: underline; 393} 394.showcase .portlet { 395 border: solid 1px #000; 396 border-radius: 7px; 397 margin: 5px 0px; 398} 399.showcase .portlet > ul { 400 margin: 0px 5px; 401} 402.showcase .portlet .separator { 403 border-top: dotted 1px #ccc; 404 border-bottom: none; 405 margin-left: auto; 406 margin-right: auto; 407} 408.showcase .portlet .subpages > li { 409 margin: 0; 410 padding: 0; 411 border: 0; 412} 413.showcase .portlet.style1 .showcase_border { 414 border: none; 415} 416.showcase .portlet.style1 .portlet-header-divider { 417 display: none; 418} 419.showcase .portlet.style1 .portlet-header-divider > div { 420 display: none; 421} 422.showcase .portlet.style2 { 423 border: none; 424} 425.showcase .portlet.style2 .portlet-header { 426 border: none; 427 background: none; 428} 429.showcase .portlet.style2 .portlet-header > a { 430 color: #000; 431} 432.showcase .portlet.style2 .portlet-header > a:hover { 433 color: #000; 434} 435.showcase .portlet.style2 .showcase_border { 436 border: 1px solid #000; 437 border-radius: 10px; 438} 439.showcase .portlet.style2 .portlet-header-divider { 440 display: none; 441} 442.showcase .portlet.style2 .portlet-header-divider > div { 443 display: none; 444} 445.showcase .portlet.style3 { 446 border: none; 447} 448.showcase .portlet.style3 .portlet-header { 449 border: none; 450 background: none; 451} 452.showcase .portlet.style3 .portlet-header > a { 453 color: #000; 454} 455.showcase .portlet.style3 .portlet-header > a:hover { 456 color: #000; 457} 458.showcase .portlet.style3 .showcase_border { 459 border: none; 460} 461.showcase .portlet.style3 .portlet-header-divider { 462 display: block; 463 padding: 0px 2.67%; 464} 465.showcase .portlet.style3 .portlet-header-divider > div { 466 border-bottom: solid 1px black; 467} 468.showcase .portlet-parent { 469 margin: 20px 2.67%; 470} 471.showcase .portlet-children { 472 margin: 10px 1.33%; 473} 474.showcase .portlet-children > .subpages > li { 475 display: inline-block; 476 /* START: inline-block IE7 hack */ 477 *display: inline; 478 *zoom: 1; 479 /* END: inline-block IE7 hack */ 480 margin: 0; 481 padding: 0; 482 text-align: center; 483 vertical-align: top; 484} 485.showcase .portlet-children > .subpages > li > .text > .price { 486 float: none; 487 margin-top: 5px; 488} 489.showcase > .portlet.layout2 .portlet-children > .subpages > li { 490 display: block; 491 width: auto; 492 text-align: left; 493} 494.showcase > .portlet.layout1 .portlet-children > .subpages > li > .text { 495 overflow: visible; 496 /* to make the description visible */ 497 margin: 5px 3%; 498} 499.portlet-children.no-desc .subpages .image { 500 width: 141px; 501 height: 82px; 502 line-height: 82px; 503 margin: 10px auto 5px; 504 float: none; 505 text-align: center; 506} 507.subpages .image, .search-result .image { 508 font-size: 20px; 509} 510.showcase.full .portlet-children > .subpages > li { 511 width: 25%; 512 min-width: 180px; 513 margin-right: 1.67%; 514} 515.showcase.half .portlet-children > .subpages > li { 516 width: 50%; 517 min-width: 170px; 518} 519.showcase.full .portlet-children.no-desc > .subpages > li { 520 margin-left: 0; 521 margin-right: 0; 522 width: 25%; 523 min-width: 180px; 524} 525.showcase.half .portlet-children.no-desc > .subpages > li { 526 margin-left: 0; 527 margin-right: 0; 528 width: 50%; 529 min-width: 170px; 530} 531 532#content .contact-form { 533 margin: 5px 0px; 534 padding: 0px; 535 text-align: left; 536} 537#content .contact-form .widget ul, 538#content .contact-form .contact ul { 539 list-style: none; 540} 541#content .contact-form .widget label, 542#content .contact-form .contact label { 543 text-align: left; 544 display: inline-block; 545 width: 150px; 546} 547#content .contact-form .widget input[type=text], 548#content .contact-form .contact input[type=text] { 549 border-radius: 4px 4px 4px 4px; 550 border: 1px solid #bbb; 551 height: 25px; 552 width: 69.55%; 553 -moz-box-sizing: border-box; 554 -webkit-box-sizing: border-box; 555 box-sizing: border-box; 556} 557#content .contact-form .contact textarea { 558 border-radius: 4px 4px 4px 4px; 559 border: 1px solid #bbb; 560 height: 25px; 561 width: 69.55%; 562 height: 70px; 563 resize: none; 564 -moz-box-sizing: border-box; 565 -webkit-box-sizing: border-box; 566 box-sizing: border-box; 567 display: unset; 568} 569#content .contact-form .contact select { 570 border-radius: 4px 4px 4px 4px; 571 border: 1px solid #bbb; 572 height: 25px; 573 width: 250px; 574} 575#content .contact-form .widget input[type=button], #content .contact-form .
575widget input[type=submit], 576#content .contact-form .contact input[type=button], #content .contact-form .contact input[type=submit] { 577 padding: 10px 15px; 578 min-width: 300px; 579 width: 80%; 580 border-radius: 5px; 581 border: none; 582 cursor: pointer; 583} 584#content .contact-form .widget .warning, 585#content .contact-form .contact .warning { 586 margin: 1em auto; 587 font-style: italic; 588} 589#content .contact-form .widget .form-icon, 590#content .contact-form .contact .form-icon { 591 position: absolute; 592 top: 10px; 593 right: 13%; 594 opacity: 0.6; 595 width: 1em; 596 text-align: center; 597} 598#content .contact-form .widget #security_code, 599#content .contact-form .contact #security_code { 600 padding-right: 0; 601 width: 362px; 602} 603#content .contact-form .widget .error, 604#content .contact-form .contact .error { 605 color: red; 606} 607#content .contact-form .widget .contact-block, 608#content .contact-form .contact .contact-block { 609 margin: 5px auto; 610 width: 520px; 611} 612#content .contact-form .widget .contact-block-hidden, 613#content .contact-form .contact .contact-block-hidden { 614 display: none; 615} 616#content .contact-form .widget .button, 617#content .contact-form .contact .button { 618 text-align: left; 619} 620#content .contact-form .contact .contact-block img { 621 vertical-align: middle; 622 margin-right: 20px; 623} 624#content .contact-form .contact .right { 625 float: right; 626 margin-right: 100px; 627} 628#content .contact-form .contact .left { 629 float: left; 630} 631#content .contact-form .contact .formErrorAlert { 632 color: #fee; 633 display: block; 634 font-weight: bold; 635 position: absolute; 636 margin: -50px 0 0 200px; 637} 638#content .contact-form .contact .formError { 639 background: none repeat scroll 0 0 #fee; 640 border: 2px solid #f00; 641 border-radius: 6px 6px 6px 6px; 642 box-shadow: 0 0 6px #000; 643 color: #f00; 644 font-family: tahoma; 645 font-size: 11px; 646 padding: 4px 10px; 647 text-align: center; 648 position: relative; 649 /*width: 150px;*/ 650} 651#content .contact-form .contact .formErrorArrow div { 652 background: none repeat scroll 0 0 #fee; 653 border-left: 2px solid #f00; 654 border-right: 2px solid #f00; 655 box-shadow: 0 2px 3px #444; 656 display: block; 657 font-size: 0; 658 height: 1px; 659 line-height: 0; 660 margin: 0 auto; 661} 662#content .contact-form .contact .button { 663 width: 220px; 664 clear: both; 665 color: #fff; 666 font-family: Tahoma, Arial, Helvetica, sans-serif; 667 font-size: 14px; 668 margin: auto; 669 padding: 0; 670 text-align: center; 671} 672#content .contact-form .contact .button > a { 673 background-color: #000; 674 background-position: 5px center; 675 background-repeat: no-repeat; 676 border-radius: 3px 3px 3px 3px; 677 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7); 678 color: #fff; 679 display: block; 680 font-size: 1em; 681 margin: 5px; 682 padding: 10px 10px 10px 30px; 683 text-decoration: none; 684 cursor: pointer; 685} 686#content .contact-form .contact #btn-add-form > a { 687 background-image: url("/modules/flexi/images/add-button.png"); 688} 689#content .contact-form .contact #btn-edit-form > a { 690 background-image: url("/modules/flexi/images/select-white.png"); 691 background-position: 10px 10px; 692} 693#content .contact-form .contact .button > a:hover { 694 color: #fed22f; 695 background-color: #333; 696} 697#content .contact-form .contact .reCaptcha-container { 698 width: 80%; 699 margin: auto; 700 overflow: hidden; 701} 702#content .contact-form .contact .reCaptcha-container > div { 703 transform: scale(0.9); 704 -webkit-transform: scale(0.9); 705 transform-origin: 0 0; 706 -webkit-transform-origin: 0 0; 707} 708.formErrorArrow { 709 width: 17px; 710 margin: -2px 0 0 13px; 711 position: relative; 712} 713.formErrorArrow .line9 { 714 width: 15px; 715} 716.formErrorArrow .line8 { 717 width: 13px; 718} 719.formErrorArrow .line7 { 720 width: 11px; 721} 722.formErrorArrow .line6 { 723 width: 9px; 724} 725.formErrorArrow .line5 { 726 width: 7px; 727} 728.formErrorArrow .line4 { 729 width: 5px; 730} 731.formErrorArrow .line3 { 732 width: 3px; 733} 734.formErrorArrow .line2 { 735 width: 1px; 736} 737.formErrorArrow .line1 { 738 width: 0px; 739} 740#contact-form-status { 741 text-align: center; 742 font-weight: bold; 743 font-size: 13px; 744 color: #2fa41e; 745 padding: 20px 5px; 746} 747#contact-form-status.error { 748 color: red; 749} 750.contact-form-selector { 751 min-width: 560px; 752 padding: 10px; 753} 754.contact-form-selector h2 { 755 font-size: 16px; 756 font-weight: bold; 757 text-align: center; 758 color: #fff; 759 background-color: #494949; 760 padding: 5px; 761 margin: 5px 5px 15px 5px; 762 border-radius: 5px 5px 5px 5px; 763} 764.contact-form-selector fieldset { 765 border: solid 1px #aaa; 766 border-radius: 5px; 767 padding: 5px; 768 margin-bottom: 10px; 769} 770.contact-form-selector ul { 771 margin: 0px auto; 772} 773.contact-form-selector .item { 774 float: left; 775 min-width: 170px; 776 padding: 10px; 777 margin: 5px; 778 text-align: center; 779 border-radius: 5px 5px 5px 5px; 780 color: #fff; 781 background-color: #000; 782 cursor: pointer; 783} 784.contact-form-selector .item:hover {
785 color: #000; 786 background-color: #ffe45c; 787} 788.contact-form-selector .item.disabled, .contact-form-selector .item.disabled:hover { 789 color: #888; 790 background-color: #ccc; 791 cursor: default; 792} 793.contact-form-selector .item > a { 794 text-decoration: none; 795} 796/*--Standard Form--*/ 797#content .contact-form .widget-captcha-container * { 798 margin: auto; 799} 800#content .contact-form .standard-form { 801 margin: 5px auto; 802 width: 60%; 803} 804#content .contact-form .standard-form h1 { 805 font-size: 18px; 806 text-align: center; 807 margin: 5px 0; 808} 809#content .contact-form .standard-form ul * { 810 vertical-align: top; 811} 812#content .contact-form .standard-form ul li { 813 min-height: 30px; 814 padding: 5px 0.01%; 815 position: relative; 816} 817#content .contact-form .standard-form ul li label { 818 width: 18.82%; 819 text-align: right; 820} 821#content .contact-form .standard-form .widget ul li label { 822 white-space: nowrap; 823 padding: 1px; 824} 825#content .contact-form .standard-form #widget #email { 826 background-image: url(""); 827} 828#content .contact-form .standard-form .warning { 829 margin: 1em auto; 830 font-style: italic; 831} 832#content .contact-form .standard-form .captcha { 833 width: 80%; 834 margin: auto; 835} 836#content .contact-form .standard-form .captcha .image { 837 max-width: 80%; 838 padding: 20px 0px; 839 vertical-align: middle !important; 840} 841#content .contact-form .standard-form .captcha .reload { 842 width: 8%; 843 vertical-align: middle !important; 844} 845/*--Customize Form--*/ 846#content .contact-form .customize-form { 847 margin: 5px auto; 848 width: 60%; 849} 850#content .contact-form .customize-form h1 { 851 font-size: 18px; 852 text-align: center; 853 margin: 5px 0; 854} 855#content .contact-form .customize-form .description { 856 text-align: center; 857 margin: 5px 0; 858} 859#content .contact-form .customize-form ul * { 860 vertical-align: top; 861} 862#content .contact-form .customize-form ul li { 863 min-height: 30px; 864 padding: 2px; 865 position: relative; 866} 867#content .contact-form .customize-form ul li i.fa-envelope { 868 color: #ccc; 869 position: absolute; 870 right: 13%; 871 top: 8px; 872 opacity: 0.6; 873} 874#content .contact-form .customize-form ul li .file-container { 875 display: block; 876 vertical-align: bottom; 877 width: 70%; 878 position: relative; 879 top: -15px; 880 left: 110px; 881} 882#content .contact-form .customize-form ul li .file-container .file-list span { 883 display: block; 884 width: 70%; 885 overflow: hidden; 886 white-space: nowrap; 887 text-overflow: ellipsis; 888} 889#content .contact-form .customize-form ul li .file-container .file-list a { 890 display: block; 891 width: 60px; 892 text-align: center; 893 position: absolute; 894 top: 0; 895 right: 5%; 896} 897#content .contact-form .customize-form ul li .file-container a { 898 margin-left: 5px; 899 padding: 5px; 900 *padding: 10px; 901 /*IE 7*/ 902 border-radius: 5px; 903} 904#content .contact-form .customize-form ul li .file-container i { 905 margin-top: 3px; 906 right: 0px; 907 top: 0px; 908} 909#content .contact-form .customize-form ul li label { 910 width: 18.82%; 911 text-align: right; 912 padding-top: 5px; 913} 914#content .contact-form .customize-form form input[type=button], #content .contact-form .customize-form form input[type=submit] { 915 cursor: pointer; 916 padding: 10px 15px; 917 min-width: 300px; 918 width: 80%; 919 border-radius: 5px; 920 border: none; 921} 922#content .contact-form .customize-form .warning { 923 padding: 0.5em; 924 font-style: normal; 925 font-size: 1.5em; 926 color: white; 927 background-color: red; 928} 929#content .contact-form .customize-form .captcha { 930 width: 80%; 931 margin: 10px auto; 932} 933#content .contact-form .customize-form .captcha .image { 934 max-width: 80%; 935 padding: 20px 0px; 936 vertical-align: middle !important; 937} 938#content .contact-form .customize-form .captcha .reload { 939 width: 8%; 940 vertical-align: middle !important; 941} 942.contact-form-selector .form-list { 943 font-size: 12px; 944 max-height: 250px; 945 overflow: auto; 946} 947.contact-form-selector .form-list table { 948 width: 100%; 949 background-color: #fff; 950} 951.contact-form-selector .form-list table tr.even, 952.contact-form-selector .form-list table tr.odd { 953 height: 28px; 954} 955.contact-form-selector .form-list tr.odd { 956 background-color: #eee; 957} 958.contact-form-selector .form-list th { 959 background-color: #000; 960 color: #fff; 961 text-align: center; 962 border: 1px solid #fff; 963 font-weight: bold; 964 padding: 2px; 965} 966.contact-form-selector .form-list td { 967 padding: 0 5px; 968 border: 1px solid #fff; 969} 970.contact-form-selector .form-list td.left { 971 text-align: left; 972} 973.contact-form-selector .form-list td.right { 974 text-align: right; 975} 976.contact-form-selector .form-list td.center { 977 text-align: center; 978} 979.contact-form-selector .form-list td.date { 980 width: 100px; 981 text-align: center; 982} 983.contact-form-selector .form-list td a { 984 text-decoration: none; 985} 986.contact-form-selector .form-list td a:hover {
987 cursor: pointer; 988} 989.contact-form-selector .form-list td a > span { 990 background-color: #000; 991 border-radius: 3px; 992 color: #fff; 993 padding: 2px 4px; 994} 995.contact-form-selector .form-list td a > span:hover { 996 color: #ffe45c; 997} 998 999/*--Widget Form Standard--*/ 1000#sidebar .widget-item .standard-form { 1001 margin: 5px auto; 1002 width: 100%; 1003 font-size: 14px; 1004 font-weight: normal; 1005} 1006#sidebar .widget-item .standard-form h1 { 1007 font-size: 18px; 1008 margin: 5px 0; 1009 text-align: center; 1010} 1011#sidebar .widget-item .standard-form .description { 1012 text-align: center; 1013 margin: 5px 0; 1014} 1015#sidebar .widget-item .standard-form ul * { 1016 vertical-align: top; 1017 width: 97%; 1018} 1019#sidebar .widget-item .standard-form ul li { 1020 min-height: 30px; 1021 padding: 5px 2.77%; 1022 list-style-type: none; 1023 text-align: left; 1024 position: relative; 1025} 1026#sidebar .widget-item .standard-form ul li i { 1027 width: 15px; 1028} 1029#sidebar .widget-item .standard-form ul li label { 1030 width: 120px; 1031 font-size: 14px; 1032 font-weight: normal; 1033} 1034#sidebar .widget-item .standard-form form input[type=text], #sidebar .widget-item .standard-form form textarea { 1035 border: solid 1px #bbb; 1036 border-radius: 4px; 1037 -moz-box-sizing: border-box; 1038 -webkit-box-sizing: border-box; 1039 box-sizing: border-box; 1040} 1041#sidebar .widget-item .standard-form form input[type=text] { 1042 height: 27px; 1043} 1044#sidebar .widget-item .standard-form form textarea { 1045 resize: none; 1046} 1047#sidebar .widget-item .standard-form form input[type=button], #sidebar .widget-item .standard-form form input[type=submit] { 1048 cursor: pointer; 1049 width: 100%; 1050 padding: 5px 10px; 1051 border-radius: 5px; 1052 border: none; 1053} 1054#sidebar .widget-item .standard-form .warning { 1055 margin: 1em auto; 1056 font-style: italic; 1057} 1058#sidebar .widget-item .standard-form .contact-block-hidden { 1059 display: none; 1060} 1061#sidebar .widget-item .standard-form .captcha { 1062 max-width: 100%; 1063 margin: 10px auto; 1064} 1065#sidebar .widget-item .standard-form .captcha .image { 1066 max-width: 80%; 1067 padding: 20px 0px; 1068 vertical-align: middle !important; 1069} 1070#sidebar .widget-item .standard-form .captcha .reload { 1071 width: 10%; 1072 vertical-align: middle !important; 1073} 1074/*--Widget Form Customize--*/ 1075#sidebar .widget-item .customize-form { 1076 /*font-family: Tahoma,Arial,Helvetica,sans-serif;*/ 1077 margin: 5px auto; 1078 width: 100%; 1079 font-size: 14px; 1080 font-weight: normal; 1081} 1082#sidebar .widget-item .customize-form h1 { 1083 font-size: 18px; 1084 margin: 5px 0; 1085 text-align: center; 1086} 1087#sidebar .widget-item .customize-form .description { 1088 text-align: center; 1089 margin: 5px 0; 1090} 1091#sidebar .widget-item .customize-form ul li { 1092 min-height: 30px; 1093 padding: 5px; 1094 list-style-type: none; 1095 text-align: left; 1096 position: relative; 1097 width: 97%; 1098} 1099#sidebar .widget-item .customize-form ul li input[class="field-input"], #sidebar .widget-item .customize-form ul li input[class="field-email"], #sidebar .widget-item .customize-form ul li textarea[class="field-textarea"] { 1100 width: 97%; 1101} 1102#sidebar .widget-item .customize-form ul li input[type=text], #sidebar .widget-item .customize-form ul li textarea { 1103 border: solid 1px #bbb; 1104 border-radius: 4px; 1105 -moz-box-sizing: border-box; 1106 -webkit-box-sizing: border-box; 1107 box-sizing: border-box; 1108} 1109#sidebar .widget-item .customize-form ul li input[type=text] { 1110 height: 27px; 1111} 1112#sidebar .widget-item .customize-form ul li textarea { 1113 resize: none; 1114} 1115#sidebar .widget-item .customize-form ul li .file-container { 1116 display: block; 1117 padding: 5px 0 20px 0; 1118 width: 97%; 1119 margin-top: 5px; 1120} 1121#sidebar .widget-item .customize-form ul li .file-container .file-list { 1122 width: 97%; 1123} 1124#sidebar .widget-item .customize-form ul li .file-container .file-list span { 1125 width: 60%; 1126 display: block; 1127 overflow: hidden; 1128 text-overflow: ellipsis; 1129 white-space: nowrap; 1130 margin: 0; 1131} 1132#sidebar .widget-item .customize-form ul li .file-container .file-list a.remove-file { 1133 padding: 7px 5px 5px; 1134 border-radius: 5px; 1135 position: absolute; 1136 top: 0; 1137 right: 0; 1138 text-align: center; 1139 width: 30px; 1140} 1141#sidebar .widget-item .customize-form ul li .file-container a { 1142 padding: 7px 5px 5px; 1143 border-radius: 5px; 1144} 1145#sidebar .widget-item .customize-form ul li label, #sidebar .widget-item .customize-form ul li a { 1146 font-size: 14px; 1147 font-weight: normal; 1148 width: 66.67%; 1149} 1150#sidebar .widget-item .customize-form ul li i.fa-envelope { 1151 display: block; 1152 color: #ccc; 1153 position: absolute; 1154 font-size: 18px; 1155 width: 18px; 1156 /*top: 30.5px;*/ 1157 bottom: 10px; 1158 right: 10%; 1159 opacity: 0.6; 1160} 1161#sidebar .widget-item .customize-form form input[class="field-input"], #sidebar .widget-item .customize-form form input[class="field-email"], #sidebar .widget-item .customize-form form textarea[class="field-textarea"] { 1162 border: 1px solid #bbb; 1163 border-radius: 4px 4px 4px 4px; 1164 -moz-box-sizing: border-box; 1165 -webkit-box-sizing: border-box; 1166 box-sizing: border-box; 1167} 1168#sidebar .widget-item .customize-form form input[class="field-input"], #sidebar .widget-item .customize-form form input[class="field-email"] { 1169 height: 27px; 1170} 1171#sidebar .widget-item .customize-form form input[type=button], #sidebar .widget-item .customize-form form input[type=submit] { 1172 cursor: pointer; 1173 width: 100%; 1174 padding: 5px 10px; 1175 border-radius: 5px; 1176 border: none; 1177} 1178#sidebar .widget-item .customize-form form textarea[class="field-textarea"] { 1179 resize: none; 1180}
1181#sidebar .widget-item .customize-form .warning { 1182 margin: 1em auto; 1183 font-style: italic; 1184} 1185#sidebar .widget-item .customize-form .contact-block-hidden { 1186 display: none; 1187} 1188#sidebar .widget-item .customize-form .captcha { 1189 max-width: 100%; 1190 margin: 10px auto; 1191} 1192#sidebar .widget-item .customize-form .captcha .image { 1193 max-width: 80%; 1194 padding: 20px 0px; 1195} 1196#sidebar .widget-item .customize-form .captcha .reload { 1197 width: 10%; 1198} 1199.contact-us-wrap { 1200 width: 78.12%; 1201 margin: 0px auto; 1202 overflow: hidden; 1203 padding-bottom: 10px; 1204} 1205.contact-us-wrap .order-complete { 1206 border: 1px solid #ccc; 1207 border-radius: 10px 10px 10px 10px; 1208 padding: 50px; 1209 text-align: center; 1210 margin-top: 20px; 1211} 1212.contact-us-wrap .back-home { 1213 font-size: 13px; 1214 padding-top: 20px; 1215} 1216.subpages { 1217 list-style: none; 1218} 1219.subpages .separator { 1220 border-top: dotted 1px #ccc; 1221 border-bottom: none; 1222 margin-left: auto; 1223 margin-right: auto; 1224} 1225.subpages > li { 1226 color: #000; 1227 font-size: 13px; 1228 padding: 10px 2.66%; 1229 margin: 10px 0px; 1230 border: none !important; 1231} 1232.subpages > li.no-children { 1233 text-align: center; 1234 font-size: 1em; 1235 font-style: italic; 1236 color: #ccc; 1237} 1238.subpages .text { 1239 overflow: hidden; 1240 /* to make the price aligned with the description */ 1241 padding-top: 10px; 1242} 1243.subpages .text .title, .subpages .text .title a { 1244 font-size: 20px; 1245 font-weight: bold; 1246 /*line-height: 20px;*/ 1247} 1248.subpages .text .description { 1249 font-size: 14px; 1250 font-weight: normal; 1251} 1252.subpages .text a { 1253 color: #000; 1254 text-decoration: none; 1255} 1256.subpages .text a:hover { 1257 text-decoration: underline !important; 1258} 1259.subpages .text .price { 1260 margin-top: 10px; 1261 font-size: 20px; 1262 font-weight: normal; 1263} 1264.subpages .text .order-button { 1265 float: right; 1266 margin-top: 10px; 1267} 1268.subpages .showcase-price-box { 1269 width: 100%; 1270} 1271.subpages .showcase-price-box td { 1272 width: 1px; 1273 white-space: nowrap; 1274} 1275.subpages .showcase-price-box td > span { 1276 width: 1px; 1277 white-space: nowrap; 1278} 1279.subpages .showcase-price-box .price-label { 1280 text-align: left; 1281} 1282.subpages .showcase-price-box .price-value { 1283 text-align: right; 1284} 1285.subpages .image { 1286 position: relative; 1287 float: left; 1288 width: 141px; 1289 height: 82px; 1290 margin: 10px 5% 5px 1%; 1291 text-align: center; 1292 line-height: 82px; 1293 font-size: 20px; 1294} 1295 1296.subpages .image > a > img { 1297 margin: auto; 1298 max-width: 100%; 1299 max-height: 100%; 1300 position: relative; 1301 vertical-align: middle; 1302} 1303.comment_container { 1304 position: relative; 1305} 1306.comment_container, .comment_form { 1307 border: 1px solid #ccc; 1308 padding: 10px; 1309 background-color: transparent; 1310 margin: 10px 0px; 1311 font-weight: normal; 1312 border-radius: 5px; 1313} 1314.comment_container .reCaptcha-container, .comment_form .reCaptcha-container { 1315 overflow: hidden; 1316 float: left; 1317} 1318.comment_container .reCaptcha-container > div, .comment_form .reCaptcha-container > div { 1319 transform: scale(0.9); 1320 -webkit-transform: scale(0.9); 1321 transform-origin: 0 0; 1322 -webkit-transform-origin: 0 0; 1323} 1324.comment_form .hidden-on-load { 1325 display: none; 1326 padding: 0 0 10px 0; 1327} 1328.comment_form textarea { 1329 width: 99%; 1330 height: 200px; 1331} 1332.comment_form textarea.narrow { 1333 height: 30px; 1334} 1335.comment_form input[type=text] { 1336 border: 1px solid #bbb; 1337 border-radius: 4px; 1338 height: 25px; 1339 line-height: 25px; 1340 width: 40%; 1341 margin-top: 10px; 1342 margin-bottom: 10px; 1343} 1344.comment_form textarea { 1345 margin: 10px 0px; 1346 border: 1px solid #bbb; 1347 border-radius: 5px; 1348} 1349.comment_container > .info { 1350 font-size: 12px; 1351 font-weight: normal; 1352 color: #000; 1353} 1354.comment_container > .info a { 1355 font-size: inherit; 1356 font-weight: inherit; 1357 color: inherit; 1358 text-decoration: none; 1359} 1360.comment_container > .info a:hover { 1361 text-decoration: underline; 1362} 1363.comment_container > .show-all { 1364 text-align: center; 1365} 1366.comment_container > .comment_description { 1367 margin-top: 10px; 1368 font-weight: normal; 1369 color: #000; 1370} 1371.comment_container > .comment_description > img { 1372 vertical-align: bottom; 1373 float: right; 1374 max-height: 50px; 1375 max-width: 50px; 1376} 1377#comment-tabs { 1378 margin-top: 10px; 1379 background: transparent; 1380 border: none; 1381} 1382 1383#facebook-comment{ 1384 margin-left:0px !important; 1385} 1386 1387.fb-comments, .fb-comments span, .fb-comments iframe { 1388 width: 100% !important; 1389} 1390#comment-tabs .ui-corner-top, #comment-tabs .ui-corner-left, #comment-tabs .ui-corner-all { 1391 -moz-border-radius-topleft: 4px; 1392 -moz-border-radius-topright: 4px; 1393 -webkit-border-top-left-radius: 4px; 1394 -webkit-border-top-right-radius: 4px; 1395 -khtml-border-top-left-radius: 4px; 1396 -khtml-border-top-right-radius: 4px; 1397 border-top-left-radius: 4px; 1398 border-top-right-radius: 4px; 1399} 1400#comment-tabs .ui-tabs-nav { 1401 border: none; 1402 border-bottom: solid 1px #212121; 1403 border-radius: 0px; 1404 background: transparent; 1405 color: #222; 1406 font-weight: bold; 1407} 1408#comment-tabs .ui-tabs-nav > li { 1409 background-image: none; 1410 /*width: 16.13%;*/ 1411} 1412#comment-tabs .ui-tabs-nav > li.facebook i { 1413 color: #3b5998; 1414 margin-right: 10px; 1415 text-shadow: none; 1416 border-radius: 5px; 1417 background-color: white; 1418} 1419#comment-tabs .ui-tabs-nav > li > a { 1420 float: left; 1421 padding: 0.5em 1em; 1422 text-decoration: none; 1423 font-size: 20px; 1424} 1425#comment-tabs .ui-tabs-nav > li.facebook > a { 1426 padding-left: 10px; 1427} 1428#comment-tabs .ui-tabs-nav > li > a:hover { 1429 text-shadow: 0 1px 1px black; 1430} 1431#comment-tabs .ui-tabs-nav > li.ui-tabs-selected > a:hover { 1432 text-shadow: none; 1433} 1434#comment-tabs .ui-tabs-panel { 1435 padding: 10px; 1436} 1437.comment_delete > a { 1438 background-color: #000; 1439 background-image: url(/modules/flexi/images/trash-icon.png); 1440 background-position: 5px center; 1441 background-repeat: no-repeat; 1442 border-radius: 3px 3px 3px 3px; 1443 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.698); 1444 color: #fff; 1445 display: block; 1446 font-size: 1em; 1447 font-weight: normal; 1448 margin: 0px; 1449 padding: 7px 10px; 1450 text-decoration: none; 1451 width: 15px; 1452 text-align: right; 1453} 1454.comment_delete > a:hover {
1455 color: #fff; 1456 background-color: #fed22f; 1457} 1458#validate_detail, #validate_username { 1459 color: red; 1460} 1461#comment .button_save { 1462 background-color: #ccc; 1463 border-radius: 5px; 1464 padding: 5px 15px; 1465 cursor: pointer; 1466} 1467.captcha .image { 1468 vertical-align: middle; 1469} 1470.captcha .reload { 1471 vertical-align: middle; 1472 cursor: pointer; 1473} 1474.comment-captcha-error { 1475 color: red; 1476} 1477.comment-member-info { 1478 float: right; 1479 padding: 0 10px 0 0; 1480} 1481.comment-member-info > img { 1482 vertical-align: bottom; 1483 max-height: 100px; 1484 max-width: 100px; 1485} 1486.comment-member-info > span { 1487 /*vertical-align: middle;*/ 1488} 1489#comment .button_save { 1490 margin-top: 15px; 1491}.related-contents { 1492 list-style: none; 1493} 1494 1495.related-contents .separator { 1496 border-top: dotted 1px #ccc; 1497 border-bottom: none; 1498 margin-left: auto; 1499 margin-right: auto; 1500} 1501.related-contents > li { 1502 color: #000; 1503 font-size: 13px; 1504 padding: 10px 0.67% 10px 4.67%; 1505 margin: 10px 0px; 1506 border: none !important; 1507} 1508.related-contents .image { 1509 float: left; 1510 position: relative; 1511 width: 100px; 1512 height: 59px; 1513 margin-right: 20px; 1514 margin-bottom: 20px; 1515 text-align: center; 1516 1517} 1518.related-contents .image > a > img { 1519 margin: auto; 1520 max-width: 100%; 1521 max-height: 100%; 1522 vertical-align: middle; 1523} 1524.related-contents .image > a > img:hover { 1525 -webkit-filter: brightness(120%); 1526 filter: brightness(120%); 1527} 1528.related-contents .text .title, .related-contents .text .title a { 1529 font-size: 20px; 1530 font-weight: bold; 1531} 1532.related-contents .text a { 1533 color: #000; 1534 text-decoration: none; 1535} 1536.related-contents .text a:hover { 1537 text-decoration: underline !important; 1538} 1539.related-contents .text .showcase-price-box { 1540 width: 100%; 1541} 1542.related-contents .text .original-price { 1543 margin-top: 10px; 1544 font-size: 20px; 1545 font-weight: normal; 1546 vertical-align: top; 1547} 1548.related-contents .text .price { 1549 margin-top: 10px; 1550 font-size: 20px; 1551 font-weight: normal; 1552 vertical-align: top; 1553} 1554.related-contents .text .member-price { 1555 margin-top: 10px; 1556 font-size: 20px; 1557 font-weight: normal; 1558 vertical-align: top; 1559} 1560.related-contents .text .price-value { 1561 text-align: right; 1562} 1563#portlet-related-contents { 1564 font-family: RSU; 1565 font-size: 20px; 1566} 1567#portlet-related-contents .related-contents > li > .text { 1568 overflow: hidden; 1569} 1570#portlet-related-contents .related-contents > li { 1571 display: inline-block; 1572 /* START: inline-block IE7 hack */ 1573 *display: inline; 1574 *zoom: 1; 1575 /* END: inline-block IE7 hack */ 1576 text-align: left; 1577 vertical-align: top; 1578 width: 27.6%; 1579 min-width: 92px; 1580} 1581.related-contents .showcase-price-box td { 1582 width: 1px; 1583 white-space: nowrap; 1584} 1585.related-contents .showcase-price-box td > span { 1586 width: 1px; 1587 white-space: nowrap; 1588} 1589.related-contents .showcase-price-box .price-label { 1590 text-align: left; 1591} 1592.related-contents .showcase-price-box .price-value { 1593 text-align: right; 1594} 1595#slideshow-loader #slideshow-wrapper { 1596 z-index: 0; 1597 background-color: transparent; 1598 margin-left: auto; 1599 margin-right: auto; 1600 box-shadow: none; 1601} 1602#slideshow-loader .nivo-caption { 1603 filter: alpha(opacity=80) !important; 1604} 1605#slideshow-loader .nivo-caption > a { 1606 text-decoration: none !important; 1607 border-bottom: none !important; 1608} 1609#slideshow-loader .nivo-caption > a:hover { 1610 text-decoration: underline !important; 1611} 1612#slideshow-loader .nivo-controlNav { 1613 margin-top: -20px !important; 1614 margin-bottom: -20px !important; 1615} 1616#slideshow-loader .nivo-controlNav > a { 1617 /* START: text-indent IE7 hack */ 1618 *text-indent: 0; 1619 *line-height: 0; 1620 /* END: text-indent IE7 hack */ 1621} 1622#slideshow-loader .nivo-directionNav > a { 1623 /* START: text-indent IE7 hack */ 1624 *text-indent: 0; 1625 *line-height: 0; 1626 /* END: text-indent IE7 hack */ 1627}.text-section-container .text-section-loader { 1628 max-width: 100%; 1629} 1630.text-section-container .text-section-loader.narrow { 1631 max-width: 960px; 1632 margin: auto; 1633} 1634.text-section-container .text-section-loader img, .text-section-container .text-section-loader table, .text-section-container .text-section-loader iframe, .text-section-container .text-section-loader embed, .text-section-container .text-section-loader object { 1635 max-width: 100%; 1636} 1637#content .text-section-container .text-section-loader { 1638 min-height: 30px; 1639 width: 100%; 1640} 1641#content .text-section-container .text-section-loader > p { 1642 margin-top: 0px; 1643 margin-bottom: 10px; 1644} 1645#content .text-section-container .text-section-loader.text-section-loader ul { 1646 list-style-position: inside; 1647 margin-left: 15px; 1648} 1649#content .images-area { 1650 width: 321px; float: left; height: auto; padding: 0px; margin: 0px 2% 20px 0px; 1651} 1652#content .images-area > ul { 1653 width: 313px; list-style: none; margin: auto; padding: 0px; 1654} 1655#content .images-area > ul > li { 1656 width: 102px; height: 59px; float: left; display: block; margin: 1px; position: relative; 1657} 1658#content .images-area > ul > li:first-child, #content .images-area > ul.dragging-first-image > li:first-child + li { 1659 width: 313px; height: 182px; margin-bottom: 3.12%; 1660} 1661#content .images-area > ul > li .image-wrapper { 1662 width: 100px; height: 59px; display: block; text-align: center; font-size: 16px; margin: 0px auto; line-height: 59px; 1663} 1664#content .images-area > ul > li:first-child .image-wrapper, #content .images-area > ul.dragging-first-image > li:first-child + li .image-wrapper { 1665 width: 311px; height: 182px; font-size: 45px; margin: 0px auto; line-height: 170px; 1666} 1667img { 1668 border: 0px; 1669} 1670#content .images-area > ul > li .image-wrapper > a > img { 1671 margin: 0px auto; border: 1px solid rgb(204, 204, 204); position: relative; max-width: 90%; max-height: 100%; vertical-align: middle; 1672} 1673#header-images > ul > li > .image-wrapper > img, 1674#content .subpages .image > a > img, 1675#content .images-area > ul > li > .image-wrapper > a > img, 1676#content .images-area > ul > li:first-child > .image-wrapper > a > img, 1677#content .album-images > ul > li > .image-wrapper > a > img, 1678#content .related-contents .image > a > img, 1679#content #content-tag-container .content-tag .image > a > img, 1680.content-visit-history-pages .image > a > img { border: none; } 1681#content .images-area > ul > li:first-child .image-wrapper > a > img, 1682#content .images-area > ul.dragging-first-image > li:first-child + li .image-wrapper > a > img { 1683 max-width: 96%; 1684} 1685 1686#content .images-area > ul > li.no-image { 1687 visibility: hidden; 1688} 1689 1690#content .images-area > ul > li > .image-wrapper .fa-stack { 1691 position: absolute; 1692 top: 30%; 1693 left: 35%; 1694 opacity: 0.7; 1695} 1696 1697#content .images-area > ul > li > .image-wrapper .fa-stack .fa-youtube-play { 1698 color: black; 1699} 1700 1701#content .images-area > ul > li > .image-wrapper .fa-stack .fa-square { 1702 color: white; 1703} 1704 1705#content .images-area > ul > li > .image-wrapper:hover .fa-stack { 1706 opacity: 1.0; 1707} 1708 1709#content .images-area > ul > li > .image-wrapper:hover .fa-stack .fa-youtube-play { 1710 color: #CD332D; 1711} 1712 1713#content .descriptionContainer { 1714 padding-bottom: 20px; 1715} 1716 1717.album-images { 1718 float: none; 1719 width: 97.92%; 1720 padding-bottom:20px; 1721} 1722 1723.album-images > ul { 1724 list-style: none; 1725} 1726 1727.album-images > ul > li { 1728 float: left; 1729 margin: 1.3%; 1730 padding: 0.21%; 1731 width: 260px; 1732 height: 152px; 1733 position: relative; 1734} 1735 1736.album-images > ul > li.no-image { 1737 display: none; 1738} 1739 1740.album-images > ul > li .image-wrapper { 1741 width: 260px; 1742 height: 152px; 1743 line-height: 152px; 1744 text-align: center; 1745 margin: auto; 1746} 1747 1748.album-images > ul > li a > img { 1749 border: 1px solid #ccc; 1750 vertical-align: middle; 1751} 1752 1753.album-images > ul > li a > img.no-image { 1754 display: none; 1755} 1756.cards-container .cards-loader { 1757 padding: 0; 1758} 1759.cards-container .cards-loader > ul { 1760 list-style: none outside none; 1761} 1762.cards-container .cards-loader > ul > li { 1763 border-radius: 5px; 1764 float: left; 1765 margin: 5px 1%; 1766 padding: 1%; 1767} 1768.cards-container .cards-loader > ul > li .cards-image { 1769 height: 89px; 1770 text-align: center; 1771 margin: 0px 0px 3% 0px; 1772} 1773.cards-container .cards-loader > ul > li .cards-image img { 1774 max-width: 100%; 1775 max-height: 100%; 1776 vertical-align: middle; 1777} 1778.cards-container .cards-loader > ul > li .cards-image img:hover { 1779 -webkit-filter: brightness(120%); 1780 filter: brightness(120%); 1781} 1782.cards-container .cards-loader > ul > li .cards-title { 1783 font-weight: bold; 1784 font-size: 1.2em; 1785 text-align: center; 1786} 1787.cards-container .cards-loader > ul > li .cards-title > a { 1788 text-decoration: none; 1789} 1790.cards-container .cards-loader > ul > li .cards-title > a:hover { 1791 text-decoration: underline; 1792} 1793.cards-container .cards-loader > ul > li .cards-text { 1794 overflow: auto; 1795 width: 100%; 1796} 1797.cards-container .cards-loader > ul > li .cards-text .cards-description { 1798 width: 100%; 1799 word-break: normal; 1800} 1801.cards-container .cards-loader > ul > li .cards-text .mCSB_container { 1802 margin-right: 15px; 1803} 1804.cards-container .cards-loader > ul li.cards-during-sort { 1805 margin: 5px 0px; 1806} 1807.cards-container .cards-loader > ul li.cards-first-child { 1808 margin-left: 0px; 1809 padding-left: 0px; 1810} 1811.cards-container .cards-loader > ul li.cards-last-child { 1812 margin-right: 0px; 1813 padding-right: 0px; 1814} 1815.cards-container .cards-limit-3 > ul > li { 1816 width: 30.6%; 1817} 1818.cards-container .cards-limit-3 > ul > li .cards-image { 1819 height: 160px; 1820 line-height: 160px; 1821} 1822.cards-container .cards-limit-3 > ul > li .cards-text { 1823 max-height: 130px; 1824} 1825.cards-container .cards-limit-4 > ul > li { 1826 width: 22%; 1827} 1828.cards-container .cards-limit-4 > ul > li .cards-image { 1829 height: 110px; 1830 line-height: 110px; 1831} 1832.cards-container .cards-limit-4 > ul > li .cards-text { 1833 max-height: 120px; 1834} 1835.banner-section-container .slick-slider { 1836 margin-bottom: 0px !important; 1837} 1838.banner-section-container .banner-section .banner-section-item.no-url { 1839 pointer-events: none; 1840} 1841.banner-section-container .banner-section .banner-section-item .banner-section-link .banner-section-image { 1842 width: 100%; 1843 height: auto; 1844} 1845.banner-section-container .banner-section .slick-dots { 1846 bottom: 20px; 1847} 1848.banner-section-container .banner-section .slick-dots li button { 1849 text-shadow: 2px 2px #fff, -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 0px 3px #fff, 3px 0px #fff, -3px 0px #fff, 0px -3px #fff; 1850} 1851.banner-section-settings { 1852 text-align: center; 1853 margin: 0% auto; 1854 border: 2px solid #000; 1855 width: 140px; 1856 background-color: #000; 1857 border-radius: 5px; 1858 font-family:Arial; 1859}
1860.banner-section-settings .banner-section-slideshow-edit-button i { 1861 background-color: #000; 1862 color: #fff; 1863 padding: 5px; 1864} 1865.banner-section-settings .banner-section-slideshow-edit-button i:hover { 1866 background-color: #ffe45c; 1867 color: #000; 1868} 1869.banner-section-settings .banner-section-slideshow-edit-button.disable { 1870 pointer-events: none; 1871 opacity: 0.4; 1872} 1873#banner-section-change-type-container .banner-section-change-type a.hint { 1874 display: inline-block; 1875 padding: 3px 5px; 1876 margin: 1px; 1877 margin-left: 20px; 1878 font-family: Comic Sans Serif, Arial; 1879 font-size: 12px; 1880 line-height: 12px; 1881 font-weight: bold; 1882 text-decoration: none; 1883 border-radius: 5px; 1884 color: #fff; 1885 background-color: #ccc; 1886} 1887#banner-section-change-type-container .banner-section-change-type a.hint:hover { 1888 color: #ffe45c; 1889 background-color: #000; 1890} 1891#banner-setting-form { 1892 width: 950px; 1893 height: 410px; 1894 padding: 10px; 1895} 1896#banner-setting-form h2 { 1897 font-size: 16px; 1898 font-weight: bold; 1899 text-align: center; 1900 color: #fff; 1901 background-color: #494949; 1902 padding: 5px; 1903 margin: 5px 5px 10px 5px; 1904 border-radius: 5px 5px 5px 5px; 1905} 1906#banner-setting-form .left-panel { 1907 float: left; 1908 width: 670px; 1909} 1910#banner-setting-form .left-panel .banner-setting-button { 1911 display: block; 1912 margin: 10px auto auto auto; 1913} 1914#banner-setting-form .left-panel .banner-setting-text-suggestion { 1915 text-align: center; 1916 font-size: 9px; 1917 padding-bottom: 2px; 1918} 1919#banner-setting-form .left-panel .banner-setting-text-suggestion a.hint { 1920 display: inline-block; 1921 padding: 3px 5px; 1922 margin: 1px; 1923 font-family: Comic Sans Serif, Arial; 1924 font-size: 12px; 1925 line-height: 12px; 1926 font-weight: bold; 1927 text-decoration: none; 1928 border-radius: 5px; 1929 color: #fff; 1930 background-color: #ccc; 1931} 1932#banner-setting-form .left-panel .banner-setting-text-suggestion a.hint:hover {
1933 color: #ffe45c; 1934 background-color: #000; 1935} 1936#banner-setting-form .right-panel { 1937 float: right; 1938 width: 250px; 1939} 1940#banner-setting-form .rignt-panel .input-form { 1941 padding: 20px; 1942} 1943#banner-setting-form .rignt-panel .input-form .banner-setting-save-cancle-button { 1944 width: 140px; 1945 height: 40px; 1946} 1947#banner-setting-form .rignt-panel .banner-setting-label-form { 1948 padding-top: 20px; 1949} 1950#banner-setting-form .rignt-panel .banner-setting-select-form { 1951 padding-bottom: 5px; 1952} 1953.banner-setting-label-form > .banner-setting-link-control { 1954 display:flex; 1955 flex-direction: column; 1956 flex-grow: 1; 1957 position: relative; 1958} 1959.banner-setting-label-form > .banner-setting-link-control > label { 1960 margin-right: 5px; 1961 flex-shrink: 0; 1962} 1963.banner-setting-label-form > .banner-setting-link-control .check-status, .banner-setting-label-form .banner-setting-link-control .check-loading { 1964 position: absolute; 1965 top: 3px; 1966 right: 8px; 1967 padding: 0 3px 0 6px; 1968 background-color: #fff; 1969 display: none; 1970} 1971.banner-setting-label-form > .banner-setting-link-control .check-status { 1972 color: green; 1973} 1974.banner-setting-label-form > .banner-setting-link-control .check-loading { 1975 color: #ccc; 1976} 1977.banner-setting-label-form > .banner-setting-link-control .check-loading.is-loading { 1978 font-size: 0.7em; 1979 right: 15px; 1980 color: #ccc; 1981} 1982input#banner-setting-alt { 1983 width: 210px; 1984} 1985input#banner-setting-link { 1986 width: 210px; 1987} 1988.banner-setting-image-preview { 1989 max-width: 100%; 1990 max-height: 100%; 1991 margin: 0 auto; 1992 display: block; 1993} 1994.banner-setting-image-mutiple { 1995 width: 31%; 1996 height: auto; 1997 float: left; 1998 padding: 1%; 1999} 2000.banner-setting-image-box-center-vertical { 2001 height: 200px; 2002 display: table-cell; 2003 vertical-align: middle; 2004} 2005.banner-setting-image-box-center-horizontal { 2006 display: block; 2007 margin: auto; 2008 height: 200px; 2009} 2010.full-width { 2011 width: 100%; 2012}#content .webboard, #content .webboard-topic { 2013 float: left; 2014 padding: 0px 1.03% 10px; 2015 width: 78.12%; 2016 display: block !important; 2017} 2018#content .webboard > h1, #content .webboard-topic > h1 { 2019 padding: 0px; 2020 margin: 0px; 2021} 2022#content .webboard > h1 > span, #content .webboard-topic > h1 > span { 2023 display: inline-block; 2024 width: 100%; 2025} 2026#content .webboard .info, #content .webboard-topic .info { 2027 margin: 5px 0px; 2028 font-size: 12px; 2029 font-weight: normal; 2030 color: #000; 2031} 2032#content .webboard-topic .description { 2033 font-weight: normal; 2034 padding-top: 10px; 2035 color: #000; 2036} 2037#content .webboard-topic .description > img { 2038 float: right; 2039 vertical-align: bottom; 2040 max-width: 50px; 2041 max-height: 50px; 2042} 2043#content .webboard > table { 2044 min-width: 78.12%; 2045 width: 100%; 2046} 2047#content .webboard > table tr { 2048 height: 35px; 2049 padding: 5px 0.66%; 2050} 2051#content .webboard > table tr > th { 2052 padding: 10px 0.36%; 2053 background-color: #0071ae; 2054 text-align: center; 2055 min-width: 60px; 2056} 2057#content .webboard > table tr > td { 2058 border: 1px; 2059 padding: 10px 0.36%; 2060 text-align: center; 2061} 2062#content .webboard > table tr > th.name, #content .webboard > table tr > td.name { 2063 text-align: left; 2064 width: 66.66%; 2065 max-width: 500px; 2066} 2067#content .webboard > table tr td .delete_topic > a { 2068 background-color: #000; 2069 background-image: url(/modules/flexi/images/trash-icon.png); 2070 background-position: 5px center; 2071 background-repeat: no-repeat; 2072 border-radius: 3px 3px 3px 3px; 2073 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.698); 2074 color: #fff; 2075 display: block; 2076 font-size: 1em; 2077 font-weight: normal; 2078 margin: 0px; 2079 padding: 7px 10px; 2080 text-decoration: none; 2081 width: 15px; 2082 text-align: right; 2083} 2084#content .webboard > table tr td .delete_topic > a:hover { 2085 color: #fff; 2086 background-color: #fed22f; 2087} 2088#frm-webboard { 2089 width: 460px; 2090 min-height: 250px; 2091 padding: 10px; 2092} 2093#frm-webboard > h2 { 2094 font-size: 16px; 2095 font-weight: bold; 2096 text-align: center; 2097 color: #fff; 2098 background-color: #494949; 2099 padding: 5px; 2100 margin: 5px 0px 10px 0px; 2101 border-radius: 5px 5px 5px 5px; 2102} 2103#frm-topic-create { 2104 float: left; 2105 margin-top: -5px; 2106 padding: 10px; 2107 width: 450px; 2108 color: #000; 2109} 2110#frm-topic-create .reCaptcha-container { 2111 overflow: hidden; 2112 float: left; 2113} 2114#frm-topic-create .reCaptcha-container > div { 2115 transform: scale(0.9); 2116 -webkit-transform: scale(0.9); 2117 transform-origin: 0 0; 2118 -webkit-transform-origin: 0 0; 2119} 2120#frm-topic-create .webboard-topic-captcha-error { 2121 color: red; 2122} 2123#frm-topic-create .captcha .error { 2124 color: red; 2125} 2126#frm-topic-create > h2 { 2127 font-size: 16px; 2128 font-weight: bold; 2129 text-align: center; 2130 color: #fff; 2131 background-color: #000; 2132 padding: 5px; 2133 margin: 5px 0px 10px 0px; 2134 border-radius: 5px 5px 5px 5px; 2135} 2136#frm-topic-create input[type=text], #frm-webboard input[type=text] { 2137 border: 1px solid #bbb; 2138 border-radius: 4px; 2139 height: 25px; 2140 line-height: 25px; 2141 width: 448px; 2142 margin-top: 10px; 2143 margin-bottom: 10px; 2144 -moz-box-sizing: border-box; 2145 -webkit-box-sizing: border-box; 2146 box-sizing: border-box; 2147} 2148#frm-topic-create textarea, #frm-webboard textarea { 2149 width: 448px; 2150 height: 120px; 2151 padding: 0px; 2152 margin-top: 10px; 2153 margin-bottom: 10px; 2154 border: 1px solid #bbb; 2155 border-top-left-radius: 0.5em; 2156 border-top-right-radius: 0.5em; 2157 border-bottom-left-radius: 0.5em; 2158 border-bottom-right-radius: 0.5em; 2159 -webkit-border-top-left-radius: 0.5em; 2160 resize: none; 2161 /* Safari */ 2162} 2163#create-topic { 2164 margin: 10px 0px; 2165} 2166#create-topic .button_save, #frm-topic-create .button_save { 2167 background-color: #ccc; 2168 border-radius: 5px; 2169 padding: 5px 15px; 2170 cursor: pointer; 2171} 2172#newboard a { 2173 background-color: #000; 2174 background-image: url("/modules/flexi/images/add-button.png"); 2175 background-position: 5px center; 2176 background-repeat: no-repeat; 2177 border-radius: 3px 3px 3px 3px; 2178 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.698); 2179 color: #fff; 2180 display: block; 2181 font-size: 1em; 2182 font-weight: normal; 2183 margin: 5px; 2184 padding: 10px 10px 10px 30px; 2185 text-decoration: none; 2186 width: 150px; 2187 text-align: center; 2188} 2189#new_webboard { 2190 height: 30px; 2191 width: 90px; 2192} 2193#title_topic, #detail_topic, #user_topic, #title_group, #title_detail, #msg_nav_title, #msg_title, #msg_desc { 2194 color: red; 2195} 2196</style> 2197 2198 2199 2200 2201 2202 <link id="cssNoSidebar" rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/css/no-sidebar.css?v=4.104.1.0" /> 2203 <noscript><link rel="stylesheet" href="/modules/flexi/css/no-sidebar.css?v=4.104.1.0"></noscript> 2204 2205 <link id="cssNoLogo" rel="preload" as="style" onload="this.rel='stylesheet'" href="/modules/flexi/css/no-logo.css?v=4.104.1.0" /> 2206 <noscript><link rel="stylesheet" href="/modules/flexi/css/no-logo.css?v=4.104.1.0"></noscript> 2207 2208 2209 <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" id="ready-template-style-sheet" media="screen" href="/modules/flexi/ready_template/dynamic_css/dynamic_css.php?page=content&content_id=18289574&v=4.104.1.0" /> 2210 <noscript><link rel="stylesheet" href="/modules/flexi/ready_template/dynamic_css/dynamic_css.php?page=content&content_id=18289574&v=4.104.1.0"></noscript> 2211 2212 <link rel="preload" as="style" onload="this.rel='stylesheet'" media="screen" href="/modules/flexi/css/media-query.css?v=4.104.1.0" /> 2213 <noscript><link rel="stylesheet" href="/modules/flexi/css/media-query.css?v=4.104.1.0"></noscript> 2214 <style> 2215 @media screen and (max-width: 610px) { 2216 .mobile-topbar{ 2217 display: block; 2218 } 2219 2220 #header #topbar { 2221 display: none; 2222 } 2223 2224 #header .header-inner .panel #siteinfo #tagline { 2225 font-size: 16px; 2226 } 2227 2228 #content > .title { 2229 width: auto; 2230 float: none; 2231 clear: both; 2232 } 2233 #content .content-tag-title { 2234 width: 97%; 2235 } 2236 2237 #wrapper { 2238 padding-top: 42px; 2239 overflow: hidden; 2240 } 2241 2242 #content .contact-form .contact input[type=text] { 2243 width: 100%; 2244 height: 30px; 2245 }
2246 #content .contact-form .widget input[type=text] { 2247 border-radius: 4px 4px 4px 4px; 2248 border: 1px solid #bbb; 2249 height: 25px; 2250 width: 100%; 2251 } 2252 #content .contact-form .standard-form .widget ul li i.form-icon { 2253 right: 1%; 2254 top: 30px; 2255 } 2256 #content .contact-form .contact textarea { 2257 width: 100%; 2258 } 2259 #content .contact-form .standard-form ul li label, #content .contact-form .customize-form ul li label { 2260 width: 100%; 2261 text-align: left; 2262 } 2263 #content .contact-form .standard-form ul li i.form-icon { 2264 right: 1%; 2265 top: 32px; 2266 } 2267 #content .contact-form .customize-form ul li { 2268 list-style: none; 2269 } 2270 #content .contact-form .customize-form ul li i.fa-envelope { 2271 right: 2%; 2272 top: 29px; 2273 } 2274 #content .contact-form .standard-form, #content .contact-form .customize-form { 2275 width: 97.92%; 2276 } 2277 .subpages .image { 2278 width: 100%; 2279 height: 88px; 2280 margin: 10px 5px 5px; 2281 line-height: 88px; 2282 text-align: center; 2283 font-size: 20px; 2284 position: relative; 2285 } 2286 2287 .subpages .text { 2288 overflow: visible; 2289 } 2290 2291 #portlet-related-contents .related-contents > li { 2292 width: 40%; 2293 text-align: center; 2294 } 2295 #portlet-related-contents .related-contents > li > .image { 2296 float: none; 2297 margin: auto; 2298 } 2299 2300 #content .images-area { 2301 width: 100%; 2302 } 2303 2304 #content .images-area > ul { 2305 margin: auto; 2306 width: 100%; 2307 max-width: 313px; 2308 } 2309 2310 #content .images-area > ul > li { 2311 width:102px; 2312 height: 59px; 2313 } 2314 2315 #content .images-area > ul > li .image-wrapper { 2316 margin: 0 auto; 2317 width: 100px; 2318 height: 59px; 2319 line-height: 59px; 2320 font-size: 16px; 2321 } 2322 2323 #content .images-area > ul > li:first-child { 2324 max-width: 313px; 2325 width: 100%; 2326 height: 182px; 2327 margin: 0 0 3.12%; 2328 } 2329 2330 #content .images-area > ul > li:first-child .image-wrapper { 2331 width: 311px; 2332 height: 182px; 2333 margin: 0 auto; 2334 line-height: 182px; 2335 font-size: 45px; 2336 } 2337 } 2338 @media screen and (min-width: 611px) and (max-width : 1199px) { 2339 #content .contact-form .standard-form .widget ul li label { 2340 width: 24.87%; 2341 } 2342 #content .contact-form .standard-form .widget ul li i.form-icon { 2343 right: 6%; 2344 top: 11px; 2345 } 2346 } 2347 </style> 2348 2349 <style type='text/css'> 2350 /* full wrapper start */ 2351 #body-bg,#body-bg.body-use-salesdesk{padding:0px 0px 0px 0px}#body-bg>.context-menu{display:none !important}#header>.header-inner.ui-resizable>.ui-resizable-handle{right:0px !important}#header>.header-inner .panel{background-position:center top !important}#header>.header-inner .panel.background-header-full{background-position:center !important}#header .resize-info{right:20px !important}#header #siteinfo{padding:10px 1.5% 5px !important}#header #topbar ul.topnav{max-width:100% !important}#showcase-container .showcase.full .portlet-children.larger-image.no-desc .subpages>li{padding:0px 1% !important;width:23% !important}.price-value .price-container .context-menu>ul{right:auto !important}#image-upload-form .select-background-type .thumbnail-header #thumb-norepeat{background-position:center top !important}@media screen and (max-width: 610px){#body-bg.body-use-salesdesk{padding:0px 0px 0px 0px !important}}@media screen and (min-width: 611px){#wrapper,#topbar>ul.topnav{width:100%;max-width:100% !important}div.hiddennav-container{left:auto;right:30px}}@media screen and (min-width: 1201px){#header>.header-inner .panel.background-header-full{background-size:cover !important}#image-upload-form .select-background-type .thumbnail-header #thumb-full{background-position:center !important;background-size:cover !important}} 2352 #content .hidable { 2353 margin: 0px; 2354 } 2355 2356 .main-section-loader { 2357 margin: auto 10px; 2358 } 2359 2360 .text-section-loader { 2361 margin: auto 0px; 2362 } 2363 2364 .hidable .hidable-content:not(.ready-template-content-section) { 2365 margin: 10px 1% 10px 1% !important; 2366 } 2367 2368 .hidable .ready-template-content-section { 2369 margin: 0px; 2370 } 2371 2372 .hidable .hidable-content:not(.ready-template-content-section).ready-template-slideshow-section-container { 2373 margin: 0px !important; 2374 } 2375 2376 .hidable .hidable-content.banner-section-container { 2377 margin: 0px !important; 2378 } 2379 #content .hidable-container { 2380 width: 100% !important; 2381 margin: 0px 0% 0px; 2382 } 2383 2384 @media screen and (min-width: 1200px) { 2385 2386 .hidable .hidable-content#category-contents-container, 2387 .hidable .hidable-content.articles-section-container { 2388 margin-left: auto !important; 2389 margin-right: auto !important; 2390 max-width: 1200px; 2391 } 2392 } 2393 #content>.title { 2394 display: none; 2395 } 2396 /* full wrapper end */ 2397 </style> 2398 2399 2400 2401 2402
2403<script> 2404 /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */ 2405 (function(w) { 2406 "use strict"; 2407 var loadCSS = function(href, before, media) { 2408 2409 var doc = w.document; 2410 var ss = doc.createElement("link"); 2411 var ref; 2412 if (before) { 2413 ref = before; 2414 } else { 2415 var refs = (doc.body || doc.getElementsByTagName("head")[0]).childNodes; 2416 ref = refs[refs.length - 1]; 2417 } 2418 2419 var sheets = doc.styleSheets; 2420 ss.rel = "stylesheet"; 2421 ss.href = href; 2422 ss.media = "only x"; 2423 2424 2425 function ready(cb) { 2426 if (doc.body) { 2427 return cb(); 2428 } 2429 setTimeout(function() { 2430 ready(cb); 2431 }); 2432 } 2433 2434 2435 2436 ready(function() { 2437 ref.parentNode.insertBefore(ss, (before ? ref : ref.nextSibling)); 2438 }); 2439 2440 var onloadcssdefined = function(cb) { 2441 var resolvedHref = ss.href; 2442 var i = sheets.length; 2443 while (i--) { 2444 if (sheets[i].href === resolvedHref) { 2445 return cb(); 2446 } 2447 } 2448 setTimeout(function() { 2449 onloadcssdefined(cb); 2450 }); 2451 }; 2452 2453 function loadCB() { 2454 if (ss.addEventListener) { 2455 ss.removeEventListener("load", loadCB); 2456 } 2457 ss.media = media || "all"; 2458 } 2459 2460 if (ss.addEventListener) { 2461 ss.addEventListener("load", loadCB); 2462 } 2463 ss.onloadcssdefined = onloadcssdefined; 2464 onloadcssdefined(loadCB); 2465 return ss; 2466 }; 2467 2468 if (typeof exports !== "undefined") { 2469 exports.loadCSS = loadCSS; 2470 } else { 2471 w.loadCSS = loadCSS; 2472 } 2473 }(typeof global !== "undefined" ? global : this)); 2474 2475 /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */ 2476 (function(w) { 2477 2478 if (!w.loadCSS) { 2479 return; 2480 } 2481 var rp = loadCSS.relpreload = {}; 2482 rp.support = function() { 2483 try { 2484 return w.document.createElement("link").relList.supports("preload"); 2485 } catch (e) { 2486 return false; 2487 } 2488 }; 2489 2490 rp.poly = function() { 2491 var links = w.document.getElementsByTagName("link"); 2492 for (var i = 0; i < links.length; i++) { 2493 var link = links[i]; 2494 if (link.rel === "preload" && link.getAttribute("as") === "style") { 2495 w.loadCSS(link.href, link, link.getAttribute("media")); 2496 link.rel = null; 2497 } 2498 } 2499 }; 2500 2501 2502 if (!rp.support()) { 2503 rp.poly(); 2504 var run = w.setInterval(rp.poly, 300); 2505 if (w.addEventListener) { 2506 w.addEventListener("load", function() { 2507 rp.poly(); 2508 w.clearInterval(run); 2509 }); 2510 } 2511 if (w.attachEvent) { 2512 w.attachEvent("onload", function() { 2513 w.clearInterval(run); 2514 }); 2515 } 2516 } 2517 }(this)); 2518</script>
vendor: 2 bytes, line 2518
2518
2519<script defer type="text/javascript" src="/modules/flexi/js/velaeasy/i18n/th.js?v=4.104.1.0"></script>
2519 2520 2521
2522<script> 2523 document.addEventListener('lazybeforeunveil', function(e){ 2524 var bg = e.target.getAttribute('data-bg'); 2525 if(bg){ 2526 e.target.style.backgroundImage = 'url(' + bg + ')'; 2527 } 2528 }); 2529 2530 function initFormV2() { 2531 if ($('#form-loader .standard-form-v2').find('.contact-v2 #ve-form-render').length > 0) { 2532 veContactFormV2.initRenderStandardForm(); 2533 } 2534 if ($('#form-loader .standard-form-v2').find('.widget-v2 #ve-form-render').length > 0) { 2535 veContactFormV2.initRenderWidgetForm(); 2536 } 2537 if ($('.widget-item .standard-form-v2').find('.contact-v2 #ve-sidebar-form-render').length > 0) { 2538 $('.widget-item .standard-form-v2 .contact-v2 #ve-sidebar-form-render').each(function(i, obj) { 2539 var widget_id = $(obj).parent().parent().parent().parent().attr('id'); 2540 widget_id = widget_id.replace('widget-', ''); 2541 veContactFormV2.initSidebarRenderStandardForm(widget_id); 2542 }); 2543 } 2544 if ($('.widget-item .standard-form-v2').find('.widget-v2 #ve-sidebar-form-render').length > 0) { 2545 $('.widget-item .standard-form-v2 .widget-v2 #ve-sidebar-form-render').each(function(i, obj) { 2546 var widget_id = $(obj).parent().parent().parent().parent().attr('id'); 2547 widget_id = widget_id.replace('widget-', ''); 2548 veContactFormV2.initSidebarRenderWidgetForm(widget_id); 2549 }); 2550 } 2551 } 2552</script>
vendor: 2 bytes, line 2552
2552
2553<script defer type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
vendor: 1 bytes, line 2553
2553
2554<script defer type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
vendor: 1 bytes, line 2554
2554
2555<script defer type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.js"></script>
vendor: 1 bytes, line 2555
2555
2556<script defer type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.4.33/jquery.colorbox-min.js"></script>
vendor: 1 bytes, line 2556
2556
2557<script defer type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
vendor: 1 bytes, line 2557
2557
2558<script defer type="text/javascript" src="/modules/flexi/js/jquery-ui/jquery-ui.min.js"></script>
vendor: 1 bytes, line 2558
2558
2559<script defer type="text/javascript" src="/modules/flexi/js/jquery.browser/jquery.browser.min.js"></script>
vendor: 1 bytes, line 2559
2559
2560<script defer type="text/javascript" src="/modules/flexi/js/jquery.tosrus/jquery.tosrus.min.all.js"></script>
vendor: 1 bytes, line 2560
2560
2561<script defer type="text/javascript" src="/modules/flexi/js/jquery.lightbox2/dist/js/lightbox.min.js"></script>
vendor: 1 bytes, line 2561
2561
2562<script defer type="text/javascript" src="/modules/flexi/js/jquery.base64/jquery.base64.min.js"></script>
vendor: 1 bytes, line 2562
2562
2563<script defer type="text/javascript" src="/modules/flexi/js/jquery.mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
vendor: 1 bytes, line 2563
2563
2564<script defer type="text/javascript" src="/modules/flexi/js/jquery.simplePagination/jquery.simplePagination.js"></script>
vendor: 1 bytes, line 2564
2564
2565<script defer type="text/javascript" src="/modules/flexi/js/punycode-js/punycode.min.js"></script>
vendor: 1 bytes, line 2565
2565
2566<script defer type="text/javascript" src="/modules/flexi/js/sprintf/sprintf-0.6.min.js"></script>
2566 2567<!--[if lt IE 9]>
2568<script defer type="text/javascript" src="/modules/flexi/js/html5shiv/html5shiv.min.js"></script>
2568 2569<![endif]--> 2570<!--[if lt IE 9]>
2571<script defer type="text/javascript" src="/modules/flexi/js/css3-media-queries/css3-mediaqueries.js"></script>
2571 2572<![endif]-->
2573<script defer type="text/javascript" src="/modules/flexi/js/lazysizes/lazysizes.min.js"></script>
vendor: 1 bytes, line 2573
2573
2574<script defer type="text/javascript" src="/modules/flexi/js/jquery.dropdown/jquery.dropdown.min.js"></script>
vendor: 1 bytes, line 2574
2574
2575<script defer type="text/javascript" src="/modules/flexi/js/velaeasy/always.min.js?v=4.104.1.0"></script>
vendor: 1 bytes, line 2575
2575
2576<script> 2577 window.addEventListener('DOMContentLoaded', function() { 2578 $('#ve-loading-overlay').hide(); 2579 if($('#sidebar').length <= 0){ 2580 $('#content .breadcrumb' 2581 + ', #content .title' 2582 + ', #content .hidable-container' 2583 + ', #content .product-search-result-container' 2584 + ', #content .album-images' 2585 + ', #content .webboard-topic' 2586 + ', #content .webboard > table' 2587 + ', #content .content-tag-title' 2588 ).css({ 2589 'width': '97.92%' 2590 }); 2591 2592 $('#content #midbar').css({ 2593 'width': '97.92%' 2594 }); 2595 2596 $('#content #content-tag-container').css({ 2597 'width': '97.92%' 2598 }); 2599 2600 $('#content .album-images').css({ 2601 'padding-left': '25px' 2602 }); 2603 2604 $('.slideshow').css({ 2605 'width': '97.92%' 2606 }); 2607 2608 $('.related-contents > li').css({ 2609 'width': '27.6%' 2610 }); 2611 2612 $(' #facebook-comment').css({ 2613 'margin-left': '9%' 2614 2615 }); 2616 2617 $('#content .showcase.half .portlet-children > .subpages > li').css({ 2618 'margin': '0px auto 15px' 2619 }); 2620 2621 $('.member-menu-wrap').css({ 2622 'width': '93.92%' 2623 }); 2624 2625 $('.member-wrap').css({ 2626 'width': '93.92%' 2627 }); 2628 } 2629 2630 var isInitVeMainInit = false; 2631 window.addEventListener('mousemove', initVeMainInit); 2632 window.addEventListener('touchstart', initVeMainInit); 2633 initFormV2(); 2634 2635 function initVeMainInit() { 2636 if (!isInitVeMainInit) { 2637 isInitVeMainInit = true; 2638 veMain.init("eyJmdWxsX3NpdGUiOnRydWUsImRlYnVnIjpmYWxzZSwidGFnX2Nsb3VkIjpmYWxzZSwicGhvbmVGb3JtYXQiOiJUaGFpIiwiZmVhdHVyZXMiOnsiZGlza19xdW90YV9pbl9NQiI6IjUwMTIiLCJwaG90b19hbGJ1bSI6Ijk5OSIsIndlYmJvYXJkIjoiMCIsInNob3BwaW5nX2NhcnQiOiIwIiwidmVsYWhhbmR5IjoiMCIsIm1lbWJlcnNoaXAiOiIxIiwic3BlY2lhbF9wcmljZSI6IjAiLCJ0YWdnaW5nIjoiMSIsInJlbGF0ZWRfY29udGVudHMiOiIxIiwidmlzaXRfaGlzdG9yeSI6IjEiLCJmYl9wYWdlX3RhYiI6IjEiLCJzbGlkZXNob3ciOiIwIiwiY2hhdCI6IjAiLCJzYWxlc19yZXBvcnQiOiIwIiwic2hpcHBpbmciOiIwIiwic3RvY2siOiIwIiwicmVhZHlfdGVtcGxhdGUiOiIxIiwib3JkZXJfcHJvZHVjdHNfcmVwb3J0IjoiMCIsImNvbnRlbnQiOiI5OTk5OTk5OTkiLCJtZW1iZXIiOiIxMDAwMCIsInNsaWRlc2hvd3YyIjoiMCIsImJhbm5lcl9zZWN0aW9uIjoiMjAiLCJycHNob3AiOiIxIiwicnBzaG9wX3Byb2R1Y3RzIjoiMjAwMDAiLCJycHNob3BfcHJvZHVjdF92YXJpYW50cyI6IjEiLCJvcmRlcl9tYW5hZ2VtZW50IjoiMSIsIm9taXNlIjoiMSIsInNhbGVzZGVzayI6IjEiLCJwYXlwYWwiOiIxIiwiY29udGFjdF9wdXJjaGFzZSI6IjEiLCJjdXN0b21fZm9ybSI6IjEiLCJmcmVlX2Jhbm5lciI6IjAiLCJjdXN0b21fZG9tYWluIjoiMSIsIm11bHRpX2xhbmd1YWdlIjoiMCIsImNvbnRhY3RfZm9ybV9maWVsZCI6IjMzIiwiY29udGFjdF9mb3JtX3VwbG9hZF9maWVsZCI6IjUiLCJrcGF5bWVudCI6IjEiLCJhdmFpbGFibGUiOiIxIiwic3RhdGljX3VybCI6IjEiLCJ1cGdyYWRlX2Jhbm5lciI6IjAifSwiZmJfcGFnZV90YWIiOjAsImRvbWFpbiI6Inc1OTczNTAyNi5yZWFkeXBsYW5ldC5zaXRlIiwibGFuZ3VhZ2UiOiJUSCIsIm1vZGUiOiIiLCJwYWdlIjoiY29udGVudCIsImNvbnRlbnRfaWQiOiIxODI4OTU3NCIsImhvbWVfY29udGVudF9pZCI6IjE4Mjg5NTc0Iiwid2ViYm9hcmRfaWQiOiIiLCJ3ZWJib2FyZF90b3BpY19pZCI6IiIsIm1vYmlsZV9zaXRlIjoiMSIsImNvbnRlbnRfdHlwZSI6InBhZ2UiLCJzdHlsZV9zbG90IjoiMSIsIm5vX3JjbGlja19tb2RlIjoiZXZlcnl3aGVyZSIsIm5vX3JjbGlja19hbGVydCI6IjAiLCJub19yY2xpY2tfbXNnIjoiXHUwZTJhXHUwZTE5XHUwZTQzXHUwZTA4XHUwZTJhXHUwZTM0XHUwZTE5XHUwZTA0XHUwZTQ5XHUwZTMyIFx1MGU0Mlx1MGUxN1x1MGUyMzogMC0yMDI4ODYxNCBcdTBlMDRcdTBlNDhcdTBlMzAiLCJ3cmFwcGVyX3dpZHRoIjoiZnVsbCIsInNpdGVuYW1lX2ZvbnRfc2l6ZSI6IjMycHgiLCJ0YWdsaW5lX2ZvbnRfc2l6ZSI6IjIwcHgiLCJzdGlja3lfdG9wYmFyIjoiMSIsIm1lbnVfYmdfc2ltcGxlIjoiMSIsInVzZXJfc3RvY2siOiIwIiwicmVDYXB0Y2hhX3NpdGVLZXkiOiI2TGVVd1NRVEFBQUFBQ0RKN2h2U00ybndISnhUNHNMYkRFOTcyQzlKIiwicmVDYXB0Y2hhVjNfc2l0ZUtleSI6IjZMY000TklaQUFBQUFJcFVhVHBOYm9SSHNCSFFid1NqemxwS2JZNGUiLCJyZUNhcHRjaGFfZW5hYmxlIjoiMSIsInJlQ2FwdGNoYVYzX2VuYWJsZSI6dHJ1ZSwibWVtYmVyX2xvZ2luIjoiIiwiZGVza3RvcF9tb2RlIjoiMCIsInJwc2hvcF9lbmFibGUiOiIxIiwiaGVhZGVyX2xvZ29fb25fc3RpY2t5X3RvcGJhciI6IjEiLCJzaG93X3RvcGJhcl9sb2dvIjoiMCIsInJlZ2lzdGVyX2NvdW50cnkiOiJUSCIsImlzX3JtcCI6MCwicHJvZHVjdF9kZXRhaWxfaW1hZ2VzX2xpbWl0Ijo5LCJhcHBfYXZhbGlhYmxlIjp7ImlzX3Jjcm0iOnRydWUsImlzX3JzaG9wIjp0cnVlfX0="); 2639 veMain.bgLoad(); 2640 } 2641 } 2642 });
2643</script>
vendor: 2 bytes, line 2643
2643
2644<script defer type="text/javascript" src="/modules/flexi/js/velaeasy/no-right-click.min.js?v=4.104.1.0"></script>
2644 2645 2646
2646<script> 2647 window.addEventListener('DOMContentLoaded', function() { 2648 var isNoRightClickInit = false; 2649 window.addEventListener('mousemove', veNoRightClick_init); 2650 window.addEventListener('touchstart', veNoRightClick_init); 2651 2652 function veNoRightClick_init() { 2653 if (!isNoRightClickInit) { 2654 veNoRightClick.init(); 2655 } 2656 isNoRightClickInit = true; 2657 } 2658 }); 2659 </script>
2659 2660<!-- START: Google Analytics --> 2661<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 2661-2662
2661 2662<script async src="https://www.googletagmanager.com/gtag/js?id=
2662G-WY7W83BBF5
vendor: 12 bytes, line 2662
2662"></script>
2663<script> 2664
vendor: 134 bytes, lines 2664-2668
2664window.dataLayer = window.dataLayer || []; 2665 function gtag(){dataLayer.push(arguments);} 2666 gtag('js', new Date()); 2667 2668 gtag('config', '
2668G-WY7W83BBF5
vendor: 4 bytes, line 2668
2668');
2669</script>
2669 2670<!-- END: Google Analytics --> 2671<!-- START: Google Verification --> 2672<meta name="google-site-verification" content="4Za3ZQZozRznHafkfcOaLW752J3E1ERyTkP0tudbULA" /> 2673<!-- END: Google Verification --> 2674 <!-- START: HTML in <head> --> 2675 <!-- Global site tag (gtag.js) - Google Ads: 945554880 -->
vendor: 64 bytes, lines 2675-2676
2675 2676<script async src="https://www.googletagmanager.com/gtag/js?id=
2676AW-945554880
vendor: 12 bytes, line 2676
2676"></script>
2677<script> 2678
vendor: 134 bytes, lines 2678-2682
2678window.dataLayer = window.dataLayer || []; 2679 function gtag(){dataLayer.push(arguments);} 2680 gtag('js', new Date()); 2681 2682 gtag('config', '
2682AW-945554880
vendor: 4 bytes, line 2682
2682');
2683</script>
2683 2684 2685<!-- Facebook Pixel Code -->
2686<script>
vendor: 417 bytes, lines 2686-2695
2686 2687 !function(f,b,e,v,n,t,s) 2688 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 2689 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 2690 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 2691 n.queue=[];t=b.createElement(e);t.async=!0; 2692 t.src=v;s=b.getElementsByTagName(e)[0]; 2693 s.parentNode.insertBefore(t,s)}(window, document,'script', 2694 'https://connect.facebook.net/en_US/fbevents.js'); 2695 fbq('init', '
2695330974427598649
vendor: 32 bytes, lines 2695-2696
2695'); 2696 fbq('track', 'PageView');
2697</script>
2697 2698<noscript><img height="1" width="1" style="display:none" 2699 src="https://www.facebook.com/tr?id=330974427598649&ev=PageView&noscript=1" 2700/></noscript> 2701<!-- End Facebook Pixel Code --> 2702 2703<style type="text/css"> 2704 2705#powered-by {display:none;} 2706 2707</style> 2708 2709<!-- Google Tag Manager -->
2710<script>
vendor: 327 bytes, lines 2710-2714
2710(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2711new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 2712j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 2713'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 2714})(window,document,'script','dataLayer','
2714GTM-KNDJ8CHR
vendor: 3 bytes, line 2714
2714');
2714</script>
2714 2715<!-- End Google Tag Manager --> 2716 2717 2718 2719 <!-- END: HTML in <head> --> 2720 </head> 2721 <body itemscope itemtype="http://schema.org/WebPage" style="" > 2722 <div id="ve-loading-overlay"> 2723 <img src="/modules/flexi/images/ajax-loading.gif" /> 2724 </div> 2725 2726 <!-- Start Shappy Chat --> 2727 <!-- End Shappy Chat --> 2728 2729 <!-- START: HTML after <body> --> 2730 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 2730-2731
2730 2731<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2731GTM-KNDJ8CHR
vendor: 83 bytes, lines 2731-2732
2731" 2732height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2733<!-- End Google Tag Manager (noscript) --> <!-- END: HTML after <body> --> 2734 2735 <!-- This following dummy element is for support a Theme Impoter to get a value of menu_bg_simple only --> 2736 <span id="menu_bg_simple_dummy" class="menu-bg-simple-1"></span> 2737 2738 <div id="body-bg" class="body-use-salesdesk"> 2739 2740<div id="slidemenu-container"> 2741 <div id="slidemenu-menu"> 2742 <nav> 2743 <ul class="slidemenu"> 2744 <li class="slidemenu-back main"> 2745 <i class="fa fa-reply fa-2x"></i> 2746 <a href="#" id="main-back"> ยà¹à¸à¸à¸à¸¥à¸±à¸</a> 2747 </li> 2748 <li id="nav-18289574" class="nav-content" data-seo-friendly="/18289574/หà¸à¹à¸²à¹à¸£à¸"> 2749 <a href="/" ><div>หà¸à¹à¸²à¹à¸£à¸</div></a> 2750 <ul class="subnav"></ul> <li id="nav-18060851" class="nav-content" data-seo-friendly="/สิà¸à¸à¹à¸²à¸à¸±à¹à¸à¸«à¸¡à¸"> 2751 <a href="/สิà¸à¸à¹à¸²à¸à¸±à¹à¸à¸«à¸¡à¸" ><div>สิà¸à¸à¹à¸²</div></a> 2752 <ul class="subnav"> <li id="nav-18060853" class="nav-category" > 2753 <a href="/category/297166" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§ à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²</div></a> 2754 <ul class="preload-subnav"></ul> <li id="nav-18060854" class="nav-category" > 2755 <a href="/category/297770" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§ à¹à¸à¸´à¸à¸à¸£à¸°à¸à¸¹</div></a> 2756 <ul class="preload-subnav"></ul> <li id="nav-18061025" class="nav-category" > 2757 <a href="/category/297771" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¹à¸à¸«à¸à¹à¸²</div></a> 2758 <ul class="preload-subnav"></ul> <li id="nav-18061983" class="nav-category" > 2759 <a href="/category/297772" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸à¸²à¸à¸à¸±à¸à¸£ à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸à¸à¸£à¸°à¸à¸¹</div></a> 2760 <ul class="preload-subnav"></ul> <li id="nav-18061681" class="nav-category" > 2761 <a href="/category/297776" target='_self'><div>à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡</div></a> 2762 <ul class="preload-subnav"></ul> <li id="nav-18074784" class="nav-category" > 2763 <a href="/category/297775" target='_self'><div>à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹</div></a> 2764 <ul class="preload-subnav"></ul> <li id="nav-18292392" class="nav-category" > 2765 <a href="/category/298373" target='_self'><div>à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¡à¸à¹à¸à¸à¸£à¹à¹à¸à¸à¹</div></a> 2766 <ul class="preload-subnav"></ul> <li id="nav-18292393" class="nav-category" > 2767 <a href="/category/298374" target='_self'><div>à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸</div></a> 2768 <ul class="preload-subnav"></ul> <li id="nav-18079511" class="nav-category" > 2769 <a href="/category/297777" target='_self'><div>à¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸</div></a> 2770 <ul class="preload-subnav"></ul> <li id="nav-18181117" class="nav-category" > 2771 <a href="/category/297778" target='_self'><div>VDO Door Phone</div></a> 2772 <ul class="preload-subnav"></ul> <li id="nav-18092873" class="nav-category" > 2773 <a href="/category/297780" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸°</div></a> 2774 <ul class="preload-subnav"></ul></ul><i class="fa fa-angle-right fa-2x slidemenu-next"></i> <li id="nav-18212767" class="nav-text" > 2775 <a ><div>à¸à¸²à¸£à¸à¸´à¸à¸à¸±à¹à¸à¹à¸à¹à¸à¸à¸²à¸¡à¸£à¸¸à¹à¸</div></a> 2776 <ul class="subnav"> <li id="nav-18213120" class="nav-content" data-seo-friendly="/time-attendance"> 2777 <a href="/time-attendance" ><div>สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸</div></a> 2778 <ul class="preload-subnav"></ul> <li id="nav-18212921" class="nav-content" data-seo-friendly="/สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¹à¸à¸´à¸-à¸à¸´à¸à¸à¸£à¸°à¸à¸¹"> 2779 <a href="/สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¹à¸à¸´à¸-à¸à¸´à¸à¸à¸£à¸°à¸à¸¹" ><div>สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¹à¸à¸´à¸-à¸à¸´à¸à¸à¸£à¸°à¸à¸¹</div></a> 2780 <ul class="preload-subnav"></ul></ul><i class="fa fa-angle-right fa-2x slidemenu-next"></i> <li id="nav-18292332" class="nav-content" data-seo-friendly="/ลูà¸à¸à¹à¸²à¸à¹à¸²à¸à¸à¸´à¸"> 2781 <a href="/ลูà¸à¸à¹à¸²à¸à¹à¸²à¸à¸à¸´à¸" ><div>ลูà¸à¸à¹à¸²à¸à¹à¸²à¸à¸à¸´à¸</div></a> 2782 <ul class="subnav"></ul> <li id="nav-18291000" class="nav-content" data-seo-friendly="/à¸à¸à¸à¸§à¸²à¸¡"> 2783 <a href="/à¸à¸à¸à¸§à¸²à¸¡" ><div>à¸à¸à¸à¸§à¸²à¸¡</div></a> 2784 <ul class="subnav"></ul> <li id="nav-18230932" class="nav-content" data-seo-friendly="/vdo-clip"> 2785 <a href="/vdo-clip" ><div>VDO Clip</div></a> 2786 <ul class="subnav"></ul> <li id="nav-16847952" class="nav-content" data-seo-friendly="/16847952/à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²"> 2787 <a href="/16847952/à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²" ><div>à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</div></a> 2788 <ul class="subnav"></ul> <li id="nav-16855050" class="nav-content" data-seo-friendly="/16855050/à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸"> 2789 <a href="/16855050/à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸" ><div>à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸</div></a> 2790 <ul class="subnav"></ul> <li id="nav-16847953" class="nav-content" data-seo-friendly="/16847953/à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²"> 2791 <a href="/16847953/à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²" ><div>à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²</div></a> 2792 <ul class="subnav"></ul> <li class="blank"></li> 2793 </ul> 2794 </nav> 2795 </div> 2796 <div id="slidemenu-cover"></div> 2797</div> 2798 2799 <div class="back-to-top"> 2800 <a href='#'> 2801 <i class='fa fa-angle-up'></i> 2802 </a> 2803 </div> 2804 <div id="banner-festival" class="" style=display:none;> 2805 </div> 2806 2807 2808 <div id="wrapper" > 2809 <div class="mobile-topbar " > 2810 <div class="trigger-wrapper"> 2811 <a id="slidemenu-trigger" title="à¹à¸¡à¸à¸¹"> 2812 <i class="icon-trigger_wrapper"></i> 2813 </a> 2814 </div> 2815 <div class = "searchbox-wrapper"> 2816 <div class="search-form"> 2817 <form class="contact product-search"> 2818 <div class="input-wrap"> 2819 <a id = "mobile-clear-icon"> 2820 <i class = "fa fa-times"></i> 2821 </a> 2822 <input id="mobile-search-input" type="search" class="keyword" name="keyword-mobile"/> 2823 </div> 2824 </form> 2825 </div> 2826 <a id = "mobile-searchbox-icon"> 2827 <i class = "icon-search"></i> 2828 </a> 2829 </div> 2830 </div> 2831 <div id="header" class=""> 2832 <div id="topbar" class="topbar-logo-medium topbar-logo-active "> 2833 2834<div class="topbar-sub-container"> 2835 2836 <div class="image nav-topbar-logo " style="display:none;"> 2837 <a href="/" id="topbar-logo"> 2838 <img width="60" height="60" src="/images/logo/medium-1779697904879.png" id="topbar-logo-image"> 2839 </a> 2840 </div> 2841 <div class="topnav-container"> 2842 <ul class="nav topnav top-menu-position-center"> 2843 <li id="nav-18289574" class="nav-content" data-seo-friendly="/18289574/หà¸à¹à¸²à¹à¸£à¸"> 2844 <a href="/" ><div>หà¸à¹à¸²à¹à¸£à¸</div></a> 2845 <ul class="subnav"></ul> <li id="nav-18060851" class="nav-content" data-seo-friendly="/สิà¸à¸à¹à¸²à¸à¸±à¹à¸à¸«à¸¡à¸"> 2846 <a href="/สิà¸à¸à¹à¸²à¸à¸±à¹à¸à¸«à¸¡à¸" ><div>สิà¸à¸à¹à¸²</div></a> 2847 <ul class="subnav"> <li id="nav-18060853" class="nav-category" > 2848 <a href="/category/297166" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§ à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²</div></a> 2849 <ul class="preload-subnav"></ul>
2849 <li id="nav-18060854" class="nav-category" > 2850 <a href="/category/297770" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§ à¹à¸à¸´à¸à¸à¸£à¸°à¸à¸¹</div></a> 2851 <ul class="preload-subnav"></ul> <li id="nav-18061025" class="nav-category" > 2852 <a href="/category/297771" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¹à¸à¸«à¸à¹à¸²</div></a> 2853 <ul class="preload-subnav"></ul> <li id="nav-18061983" class="nav-category" > 2854 <a href="/category/297772" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸à¸²à¸à¸à¸±à¸à¸£ à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸à¸à¸£à¸°à¸à¸¹</div></a> 2855 <ul class="preload-subnav"></ul> <li id="nav-18061681" class="nav-category" > 2856 <a href="/category/297776" target='_self'><div>à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡</div></a> 2857 <ul class="preload-subnav"></ul> <li id="nav-18074784" class="nav-category" > 2858 <a href="/category/297775" target='_self'><div>à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹</div></a> 2859 <ul class="preload-subnav"></ul> <li id="nav-18292392" class="nav-category" > 2860 <a href="/category/298373" target='_self'><div>à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¡à¸à¹à¸à¸à¸£à¹à¹à¸à¸à¹</div></a> 2861 <ul class="preload-subnav"></ul> <li id="nav-18292393" class="nav-category" > 2862 <a href="/category/298374" target='_self'><div>à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸</div></a> 2863 <ul class="preload-subnav"></ul> <li id="nav-18079511" class="nav-category" > 2864 <a href="/category/297777" target='_self'><div>à¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸</div></a> 2865 <ul class="preload-subnav"></ul> <li id="nav-18181117" class="nav-category" > 2866 <a href="/category/297778" target='_self'><div>VDO Door Phone</div></a> 2867 <ul class="preload-subnav"></ul> <li id="nav-18092873" class="nav-category" > 2868 <a href="/category/297780" target='_self'><div>à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸°</div></a> 2869 <ul class="preload-subnav"></ul></ul><span class="arrow nav-menu__collapse" ><i class="fa fa-caret-down fa-2x"></i></span> <li id="nav-18212767" class="nav-text" > 2870 <a ><div>à¸à¸²à¸£à¸à¸´à¸à¸à¸±à¹à¸à¹à¸à¹à¸à¸à¸²à¸¡à¸£à¸¸à¹à¸</div></a> 2871 <ul class="subnav"> <li id="nav-18213120" class="nav-content" data-seo-friendly="/time-attendance"> 2872 <a href="/time-attendance" ><div>สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸</div></a> 2873 <ul class="preload-subnav"></ul> <li id="nav-18212921" class="nav-content" data-seo-friendly="/สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¹à¸à¸´à¸-à¸à¸´à¸à¸à¸£à¸°à¸à¸¹"> 2874 <a href="/สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¹à¸à¸´à¸-à¸à¸´à¸à¸à¸£à¸°à¸à¸¹" ><div>สà¹à¸à¸à¸à¸´à¹à¸§à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¹à¸à¸´à¸-à¸à¸´à¸à¸à¸£à¸°à¸à¸¹</div></a> 2875 <ul class="preload-subnav"></ul></ul><span class="arrow nav-menu__collapse" ><i class="fa fa-caret-down fa-2x"></i></span> <li id="nav-18292332" class="nav-content" data-seo-friendly="/ลูà¸à¸à¹à¸²à¸à¹à¸²à¸à¸à¸´à¸"> 2876 <a href="/ลูà¸à¸à¹à¸²à¸à¹à¸²à¸à¸à¸´à¸" ><div>ลูà¸à¸à¹à¸²à¸à¹à¸²à¸à¸à¸´à¸</div></a> 2877 <ul class="subnav"></ul> <li id="nav-18291000" class="nav-content" data-seo-friendly="/à¸à¸à¸à¸§à¸²à¸¡"> 2878 <a href="/à¸à¸à¸à¸§à¸²à¸¡" ><div>à¸à¸à¸à¸§à¸²à¸¡</div></a> 2879 <ul class="subnav"></ul> <li id="nav-18230932" class="nav-content" data-seo-friendly="/vdo-clip"> 2880 <a href="/vdo-clip" ><div>VDO Clip</div></a> 2881 <ul class="subnav"></ul> <li id="nav-16847952" class="nav-content" data-seo-friendly="/16847952/à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²"> 2882 <a href="/16847952/à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²" ><div>à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</div></a> 2883 <ul class="subnav"></ul> <li id="nav-16855050" class="nav-content" data-seo-friendly="/16855050/à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸"> 2884 <a href="/16855050/à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸" ><div>à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸</div></a> 2885 <ul class="subnav"></ul> <li id="nav-16847953" class="nav-content" data-seo-friendly="/16847953/à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²"> 2886 <a href="/16847953/à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²" ><div>à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²</div></a> 2887 <ul class="subnav"></ul> </ul> 2888 </div> 2889 <div class="topnav-component count-icon-2"> 2890 <div class="topnav-group-icon">
2891 <span> 2892 <a class= "topnav-searchbox-icon"> 2893 <i class ="fa fa-lg fa-search"></i> 2894 </a> 2895 </span> 2896 <span class="language-switcher-container has-cart"> 2897 </span> 2898 </div> 2899 </div> 2900</div> 2901<div class="topnav-searchbox hide"> 2902 <div class="topnav-searchbox-container"> 2903 <input type="textbox" id="topnav-searchbox-input" name="keyword-topnav" placeholder="à¸à¹à¸à¸«à¸²"> 2904 </div> 2905</div> 2906 <div class="clear"></div> 2907 </div> 2908 2909<div class="header-inner-separator clear"></div> 2910 <style> 2911 #header .header-inner { 2912 height: 0px; 2913 } 2914 </style> 2915 2916 <div class="header-inner header-height-zero"> 2917 <div class="ready-template-panel ready-template-header-background " > 2918 </div> 2919 2920 </div> 2921<div class="clear"></div> 2922 2923 </div> 2924 <div id="content" class="" itemscope itemtype="http://schema.org/Article" > 2925 2926 <div id="viewcart-box-no-sidebar"></div> 2927 2928 2929 2930<div class="hidable-container"> <div id="hidable-140988953" class="hidable"> 2931 <div class="banner-section-container hidable-content " > 2932 <div class="banner-section" id="banner_140988953" data-type="normal"> 2933 <div class="banner-section-item no-url " data-id="476647" data-section="140988953"> 2934 <a class="banner-section-link" href="" target="_blank"> 2935 <img 2936 width="1800" 2937 height="600" 2938 class="banner-section-image" 2939 alt="à¹à¸à¸£à¸·à¹à¸à¸à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¹à¸à¹à¸²à¸à¸à¸à¸à¸à¸±à¸à¸à¸²à¸ à¸à¸£à¹à¸à¸¡ Application à¸à¸à¸¡à¸·à¸à¸à¸·à¸à¹à¸à¹à¸à¸²à¸à¸à¹à¸²à¸¢" 2940 src="/images/banner/crop-1779765318677.jpg" 2941 data-banner_image_normal_1="1779765318677.jpg" 2942 data-banner_type="normal" data-banner_mode="get"> 2943 <picture> 2944 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779697813725.png 600w"> 2945 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779697813720.png 1200w"> 2946 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779697813715.png 1800w"> 2947 </picture> 2948 </a> 2949 </div> 2950 <div class="banner-section-item after-display" data-id="476655" data-section="140988953"> 2951 <a class="banner-section-link" href="https://www.ezy-guard.com/category/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%95%E0%B8%B9%E0%B8%84%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%94-%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%97%E0%B8%B2%E0%B8%9A%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3" target="_self"> 2952 <img 2953 width="1800" 2954 height="600" 2955 class="banner-section-image" 2956 alt="à¹à¸à¸£à¸·à¹à¸à¸à¸à¸²à¸à¸à¸±à¸à¸£à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸ TapGo à¹à¸«à¸¡à¸²à¸°à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸à¸à¹à¸ หà¸à¸à¸±à¸ à¹à¸¥à¸°à¸à¸à¸²à¸£à¹à¸à¹à¸¡à¸à¸à¹ à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸" 2957 src="/images/banner/crop-1779870801993.jpg" 2958 data-banner_image_normal_1="1779870801993.jpg" 2959 data-banner_type="normal" data-banner_mode="get"> 2960 <picture> 2961 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779699984819.png 600w"> 2962 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779699984814.png 1200w"> 2963 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779699984809.png 1800w"> 2964 </picture> 2965 </a> 2966 </div> 2967 <div class="banner-section-item no-url after-display" data-id="476657" data-section="140988953"> 2968 <a class="banner-section-link" href="" target="_self"> 2969 <img 2970 width="1800" 2971 height="600" 2972 class="banner-section-image" 2973 alt="à¹à¸¥à¸·à¸à¸à¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸à¸à¸µà¹à¹à¸«à¸¡à¸²à¸°à¸à¸±à¸à¸à¸¸à¸£à¸à¸´à¸à¸à¸à¸à¸à¸¸à¸à¸à¸³à¸à¸²à¸à¸£à¹à¸§à¸¡à¸à¸±à¸à¸£à¸°à¸à¸à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸ สà¹à¸à¸à¸«à¸à¹à¸² à¹à¸¥à¸°à¸ªà¹à¸à¸à¸à¸´à¹à¸§à¹à¸à¹" 2974 src="/images/banner/crop-1779700492829.jpg" 2975 data-banner_image_normal_1="1779700492829.jpg" 2976 data-banner_type="normal" data-banner_mode="get"> 2977 <picture> 2978 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779700492617.png 600w"> 2979 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779700492612.png 1200w"> 2980 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779700492607.png 1800w"> 2981 </picture> 2982 </a> 2983 </div> 2984 <div class="banner-section-item after-display" data-id="476648" data-section="140988953"> 2985 <a class="banner-section-link" href="https://www.ezy-guard.com/category/%E0%B9%84%E0%B8%A1%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B9%89%E0%B8%99%E0%B8%A3%E0%B8%96%E0%B8%A2%E0%B8%99%E0%B8%95%E0%B9%8C" target="_self"> 2986 <img 2987 width="1800" 2988 height="600" 2989 class="banner-section-image" 2990 alt="à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸à¸£à¸à¸¢à¸à¸à¹à¸à¸µà¹à¹à¸à¹à¹à¸à¸¥à¸²à¸à¸à¸à¸à¸£à¸" 2991 src="/images/banner/crop-1779699882830.png" 2992 data-banner_image_normal_1="1779699882830.png" 2993 data-banner_type="normal" data-banner_mode="get"> 2994 <picture> 2995 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779697813519.png 600w"> 2996 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779697813514.png 1200w"> 2997 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779697813509.png 1800w"> 2998 </picture> 2999 </a> 3000 </div> 3001 <div class="banner-section-item no-url after-display" data-id="476660" data-section="140988953"> 3002 <a class="banner-section-link" href="" target="_self"> 3003 <img 3004 width="1800" 3005 height="600" 3006 class="banner-section-image" 3007 alt="ระà¸à¸à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡ Guard Tour Systemà¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸²à¸£à¸à¸³à¸à¸²à¸ รà¸à¸ . à¹à¸à¹à¸à¸¢à¹à¸²à¸à¸¡à¸±à¹à¸à¹à¸ à¸à¹à¸§à¸¢à¸à¸±à¸à¸à¸¶à¸à¸à¸¸à¸à¸à¸£à¸§à¸à¹à¸¥à¸°à¹à¸§à¸¥à¸²à¸à¸²à¸£à¹à¸à¸´à¸à¸à¸£" 3008 src="/images/banner/crop-1779863167485.png" 3009 data-banner_image_normal_1="1779863167485.png" 3010 data-banner_type="normal" data-banner_mode="get"> 3011 <picture> 3012 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779703581001.png 600w"> 3013 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779703580996.png 1200w"> 3014 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779703580991.png 1800w"> 3015 </picture> 3016 </a> 3017 </div> 3018 </div> 3019 </div> 3020 </div> 3021 <div id="hidable-140988960" class="hidable"> 3022 <div class="hidable-content main-section-container" > 3023 <div class="main-section-loader"> 3024 3025<div class="inner"> 3026 3027 3028 <div class="descriptionContainer "> 3029 <div class="description" > 3030 <h1 class="ready-template-section-editable-text s-text-1775 rw-section-h-main rw-section-context-main-margin" style="text-align: center;" data-edit="text1775" data-section="140988959" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." data-maxlength="256"><span style="font-size: 24pt; font-family: 'Noto Sans Thai', sans-serif;"><strong>à¸à¸£à¸´à¸©à¸±à¸à¹à¸¡à¹à¸à¸à¸´à¸à¸ªà¹à¹à¸à¸¥à¸¹à¸à¸±à¹à¸ à¸à¸³à¸à¸±à¸ (Mionics Solution Co., Ltd.) </strong></span></h1> 3031<div><span style="font-size: 24pt; font-family: 'Noto Sans Thai', sans-serif;"><strong> </strong></span></div> 3032<h1 class="ready-template-section-editable-text s-text-1775 rw-section-h-main rw-section-context-main-margin" style="text-align: center;" data-edit="text1775" data-section="140988959" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." data-maxlength="256"><span style="font-size: 18pt; font-family: 'Noto Sans Thai', sans-serif;">à¸à¸±à¸à¸à¹à¸à¸±à¹à¸à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัย à¸à¸à¸à¹à¸à¸à¹à¸à¹à¸ªà¹à¸à¸¥à¹à¸à¸¸à¸</span></h1> 3033<p style="text-align: center;"><span style="font-size: 18pt; font-family: 'Noto Sans Thai', sans-serif;">"à¹à¸à¸£à¸²à¸°à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¸à¸µà¹à¸à¸µ à¹à¸£à¸´à¹à¸¡à¸à¹à¸à¸à¸²à¸à¸à¸²à¸£à¸à¸à¸à¹à¸à¸à¸à¸µà¹à¹à¸à¹à¸²à¹à¸à¸à¸¸à¸£à¸à¸´à¸à¸à¸à¸à¸à¸¸à¸"</span></p> 3034<p style="text-align: center;"><span style="font-size: 18pt; font-family: 'Noto Sans Thai', sans-serif;">Beyond Security, Building Confidence</span></p> </div> 3035 </div> 3036 3037 3038</div> 3039 </div> 3040 </div> 3041 </div> 3042 <div id="hidable-140994209" class="hidable"> 3043 <div class="ready-template-section-container-17 hidable-content ready-template-content-section" > 3044 <div class="s-section-50"> 3045 <div class="s-row-435 clearfix"> 3046 <div class="s-column-1058"> 3047 <div class="s-text-2493"> 3048 <div class="ready-template-section-editable-head-html-link" data-editlink="link2" data-edittarget="href2" data-section="140994209" data-edit="text1" data-edithref="" data-edittargetval="_self"> 3049 <span class="s-text-2493 rw-section-context-main-margin"></span> 3050 </div> 3051 </div> 3052 <div class="s-text-2494"> 3053 <div class="ready-template-section-editable-text-html-link" data-editlink="link3" data-edittarget="href3" data-section="140994209" data-edit="text2" data-edithref="" data-edittargetval="_self"> 3054 <span data-edit="text2" data-section="140994209" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2494 rw-section-text" data-maxlength="1024"></span> 3055 </div> 3056 </div> 3057 <div class="div-s-image-680"> 3058 <div class="ready-template-section-editable-button-image " data-editlink="link1" data-edittarget="href1" data-section="140994209"> 3059 <img height="440" width="1770" data-edit="img1" data-title="img1title" data-description="img1description" title="" alt="" data-section="140994209" data-width="1770" data-height="440" src="/images/ready-template/crop-1781676250945.png" class="ready-template-section-editable-image s-image-680"> 3060 </div> 3061 </div> 3062 </div> 3063 </div> 3064</div> 3065 </div> 3066 </div> 3067 <div id="hidable-140988956" class="hidable"> 3068 <div class="ready-template-section-container-2 hidable-content ready-template-content-section" > 3069 3070<div class="s-section-40"> 3071 <div class="s-row-351 clearfix"> 3072 <div class="s-column-876"> 3073 <div class="s-text-2074"> 3074 <div class="ready-template-section-editable-head-html-link" data-editlink="link9" data-edittarget="href5" 3075 data-section="140988956" data-edit="header" data-edithref="" data-edittargetval="_self"> 3076 <h1 data-edit="header" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3077 class="ready-template-section-editable-text s-text-2074 rw-section-h-sub rw-section-context-main-margin" 3078 data-maxlength="256">Product Catagory</h1> 3079 </div> 3080 </div> 3081 <div class="s-text-2556"> 3082 <div class="ready-template-section-editable-text-html-link" data-editlink="link10" data-edittarget="href6" 3083 data-section="140988956" data-edit="text1" data-edithref="" data-edittargetval="_self"> 3084 <span data-edit="text1" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3085 class="ready-template-section-editable-text s-text-2556 rw-section-text" data-maxlength="1024"></span> 3086 </div> 3087 </div> 3088 </div> 3089 </div> 3090 <div class="s-row-354 clearfix"> 3091 <div class="s-column-881"> 3092 <div 3093 class="div-s-image-574 ready-template-section-editable-button-image " 3094 data-editlink="link5" data-edittarget="href1" data-section="140988956"> 3095 <a class="ready-template-section-editable-link" href="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%
3095B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B9%81%E0%B8%81%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%89%E0%B8%A7%E0%B8%9A%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B6%E0%B8%81%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%95%E0%B8%B9#/" target="_self"> 3096 <img width="270" height="360" data-edit="img1" data-title="img1title" data-description="img1description" title="à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§à¸¡à¸·à¸ à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸ à¹à¸¡à¹à¸à¸¢à¸³ à¹à¸à¹à¸à¸²à¸à¸à¹à¸²à¸¢ สำหรัà¸à¸à¸¸à¸à¸à¸à¸à¹à¸à¸£" 3097 alt="à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§à¸¡à¸·à¸ à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸ à¸à¸£à¹à¸à¸¡à¸£à¸°à¸à¸à¸à¸±à¸à¸à¸²à¸£à¸à¸à¸±à¸à¸à¸²à¸" data-section="140988956" data-width="270" data-height="360" 3098 src="/images/ready-template/crop-1782292869550.png" class="ready-template-section-editable-image s-image-574"> 3099 </a> 3100 </div> 3101 <div class="s-text-2117"> 3102 <div class="ready-template-section-editable-head-html-link" data-editlink="link1" data-edittarget="href15" 3103 data-section="140988956" data-edit="title1" data-edithref="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B9%81%E0%B8%81%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%89%E0%B8%A7%E0%B8%9A%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B6%E0%B8%81%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%95%E0%B8%B9#/" data-edittargetval="_blank"> 3104 <a href="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B9%81%E0%B8%81%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%89%E0%B8%A7%E0%B8%9A%E0%B8%B1%E0%B8%99%E0%B8%97%E0%B8%B6%E0%B8%81%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%B4%E0%B8%94%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%95%E0%B8%B9#/" target="_blank"> 3105 <h2 data-edit="title1" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3106 class="ready-template-section-editable-text s-text-2117 rw-section-h-main rw-section-context-sub-margin" 3107 data-maxlength="256">à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§à¸¡à¸·à¸Â </h2> 3108 </a> 3109 </div> 3110 </div> 3111 <div class="s-text-2118"> 3112 <div class="ready-template-section-editable-text-html-link" data-editlink="link11" data-edittarget="href7" 3113 data-section="140988956" data-edit="content1" data-edithref="" data-edittargetval="_self"> 3114 <span data-edit="content1" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3115 class="ready-template-section-editable-text s-text-2118 rw-section-text" data-maxlength="1024"></span> 3116 </div> 3117 </div> 3118 <div class="s-text-2119"> 3119 <div class="ready-template-section-editable-text-html-link" data-editlink="link12" data-edittarget="href8" 3120 data-section="140988956" data-edit="price1" data-edithref="" data-edittargetval="_self"> 3121 <span data-edit="price1" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3122 class="ready-template-section-editable-text s-text-2119 rw-section-text" data-maxlength="1024"></span> 3123 </div> 3124 </div> 3125 </div> 3126 <div class="s-column-882"> 3127 <div 3128 class="div-s-image-565 ready-template-section-editable-button-image " 3129 data-editlink="link6" data-edittarget="href2" data-section="140988956"> 3130 <a class="ready-template-section-editable-link" href="/category/FaceScan" target="_self"> 3131 <img width="270" height="360" data-edit="img2" data-title="img2title" data-description="img2description" title="à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¹à¸à¸«à¸à¹à¸²à¹à¸¥à¸°à¸¥à¸²à¸¢à¸à¸´à¹à¸§à¸¡à¸·à¸ สำหรัà¸à¸¥à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¸à¸§à¸à¸à¸¸à¸¡à¸à¸£à¸°à¸à¸¹" 3132 alt="ระà¸à¸à¸ªà¹à¸à¸à¹à¸à¸«à¸à¹à¸²à¸ªà¸³à¸«à¸£à¸±à¸à¸¥à¸à¹à¸§à¸¥à¸²à¹à¸¥à¸°à¹à¸à¸´à¸à¸à¸£à¸°à¸à¸¹à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¹à¸à¸«à¸à¹à¸²à¸à¸£à¹à¸à¸¡ mobile app à¹à¸¥à¸° cloud management" data-section="140988956" data-width="270" data-height="360" 3133 src="/images/ready-template/crop-1782294601970.png" class="ready-template-section-editable-image s-image-565"> 3134 </a> 3135 </div> 3136 <div class="s-text-2101"> 3137 <div class="ready-template-section-editable-head-html-link" data-editlink="link2" data-edittarget="href16" 3138 data-section="140988956" data-edit="title2" data-edithref="" data-edittargetval="_self"> 3139 <h2 data-edit="title2" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3140 class="ready-template-section-editable-text s-text-2101 rw-section-h-main rw-section-context-sub-margin" 3141 data-maxlength="256">à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¹à¸à¸«à¸à¹à¸²</h2> 3142 </div> 3143 </div> 3144 <div class="s-text-2102"> 3145 <div class="ready-template-section-editable-text-html-link" data-editlink="link13" data-edittarget="href9" 3146 data-section="140988956" data-edit="content2" data-edithref="" data-edittargetval="_self"> 3147 <span data-edit="content2" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3148 class="ready-template-section-editable-text s-text-2102 rw-section-text" data-maxlength="1024"></span> 3149 </div> 3150 </div> 3151 <div class="s-text-2103"> 3152 <div class="ready-template-section-editable-text-html-link" data-editlink="link14" data-edittarget="href10" 3153 data-section="140988956" data-edit="price2" data-edithref="" data-edittargetval="_self"> 3154 <span data-edit="price2" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3155 class="ready-template-section-editable-text s-text-2103 rw-section-text" data-maxlength="1024"></span> 3156 </div> 3157 </div> 3158 </div> 3159 <div class="s-column-883"> 3160 <div 3161 class="div-s-image-571 ready-template-section-editable-button-image " 3162 data-editlink="link7" data-edittarget="href3" data-section="140988956"> 3163 <a class="ready-template-section-editable-link" href="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%
3163B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%97%E0%B8%B2%E0%B8%9A%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3-%E0%B8%84%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%94%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%95%E0%B8%B9" target="_self"> 3164 <img width="270" height="360" data-edit="img3" data-title="img3title" data-description="img3description" title="à¹à¸à¸£à¸·à¹à¸à¸à¸à¸²à¸à¸à¸±à¸à¸£ à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸ à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸ à¹à¸¥à¸°à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¸´à¸-à¸à¸´à¸à¸à¸£à¸°à¸à¸¹" 3165 alt="à¹à¸à¸£à¸·à¹à¸à¸à¸à¸²à¸à¸à¸±à¸à¸£ RFID à¸à¸£à¹à¸à¸¡à¸£à¸°à¸à¸à¹à¸à¸´à¸à¸à¸´à¸à¸à¸£à¸°à¸à¸¹à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´à¹à¸à¸£à¸·à¹à¸à¸à¸¥à¸à¹à¸§à¸¥à¸²à¸à¸à¸±à¸à¸à¸²à¸à¸à¹à¸§à¸¢à¸à¸±à¸à¸£ RFID รà¸à¸à¸£à¸±à¸à¸£à¸°à¸à¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¹à¸à¸£à¸·à¹à¸à¸à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸ access control สำหรัà¸à¸à¸²à¸à¸²à¸£à¸ªà¸³à¸à¸±à¸à¸à¸²à¸à¹à¸à¸£à¸·à¹à¸à¸à¸à¹à¸²à¸à¸à¸±à¸à¸£ RFID สำหรัà¸à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥" data-section="140988956" data-width="270" data-height="360" 3166 src="/images/ready-template/crop-1782294911563.png" class="ready-template-section-editable-image s-image-571"> 3167 </a> 3168 </div> 3169 <div class="s-text-2104"> 3170 <div class="ready-template-section-editable-head-html-link" data-editlink="link3" data-edittarget="href17" 3171 data-section="140988956" data-edit="title3" data-edithref="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%97%E0%B8%B2%E0%B8%9A%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3-%E0%B8%84%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%94%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%95%E0%B8%B9" data-edittargetval="_blank"> 3172 <a href="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%97%E0%B8%B2%E0%B8%9A%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%A3-%E0%B8%84%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%8C%E0%B8%94%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%95%E0%B8%B9" target="_blank"> 3173 <h2 data-edit="title3" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3174 class="ready-template-section-editable-text s-text-2104 rw-section-h-main rw-section-context-sub-margin" 3175 data-maxlength="256">à¹à¸à¸£à¸·à¹à¸à¸à¸à¸²à¸à¸à¸±à¸à¸£</h2> 3176 </a> 3177 </div> 3178 </div> 3179 <div class="s-text-2105"> 3180 <div class="ready-template-section-editable-text-html-link" data-editlink="link15" data-edittarget="href11" 3181 data-section="140988956" data-edit="content3" data-edithref="" data-edittargetval="_self"> 3182 <span data-edit="content3" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3183 class="ready-template-section-editable-text s-text-2105 rw-section-text" data-maxlength="1024"></span> 3184 </div> 3185 </div> 3186 <div class="s-text-2106"> 3187 <div class="ready-template-section-editable-text-html-link" data-editlink="link16" data-edittarget="href12" 3188 data-section="140988956" data-edit="price3" data-edithref="" data-edittargetval="_self"> 3189 <span data-edit="price3" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3190 class="ready-template-section-editable-text s-text-2106 rw-section-text" data-maxlength="1024"></span> 3191 </div> 3192 </div> 3193 </div> 3194 <div class="s-column-884"> 3195 <div 3196 class="div-s-image-567 ready-template-section-editable-button-image " 3197 data-editlink="link8" data-edittarget="href4" data-section="140988956"> 3198 <a class="ready-template-section-editable-link" href="/category/vdointercom" target="_blank"> 3199 <img width="270" height="360" data-edit="img4" data-title="img4title" data-description="img4description" title="ideo Door Phone ระà¸à¸à¸ªà¸·à¹à¸à¸ªà¸²à¸£à¸«à¸à¹à¸²à¸à¸£à¸°à¸à¸¹ à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸«à¹à¸à¸¸à¸à¸à¸·à¹à¸à¸à¸µà¹" 3200 alt="VDO Door Phone à¹à¸à¸·à¹à¸à¸¡à¸à¹à¸à¸£à¸°à¸à¸ Access Control สำหรัà¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸£à¸°à¸à¸¹Video Door Phone à¸à¸£à¹à¸à¸¡à¸£à¸°à¸à¸à¹à¸à¸´à¸à¸à¸£à¸°à¸à¸¹à¹à¸à¸à¹à¸²à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´VDO Door Phone รà¸à¸à¸£à¸±à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸£à¹à¸§à¸¡à¸à¸±à¸ Magnetic Lockระà¸à¸ Video Intercom สำหรัà¸à¸à¸²à¸à¸²à¸£à¸ªà¸³à¸à¸±à¸" data-section="140988956" data-width="270" data-height="360" 3201 src="/images/ready-template/crop-1782296012185.png" class="ready-template-section-editable-image s-image-567"> 3202 </a> 3203 </div> 3204 <div class="s-text-2107"> 3205 <div class="ready-template-section-editable-head-html-link" data-editlink="link4" data-edittarget="href18" 3206 data-section="140988956" data-edit="title4" data-edithref="/category/vdointercom" data-edittargetval="_blank"> 3207 <a href="/category/vdointercom" target="_blank"> 3208 <h2 data-edit="title4" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3209 class="ready-template-section-editable-text s-text-2107 rw-section-h-main rw-section-context-sub-margin" 3210 data-maxlength="256">vdo door phone</h2> 3211 </a> 3212 </div> 3213 </div> 3214 <div class="s-text-2108"> 3215 <div class="ready-template-section-editable-text-html-link" data-editlink="link17" data-edittarget="href13" 3216 data-section="140988956" data-edit="content4" data-edithref="" data-edittargetval="_self"> 3217 <span data-edit="content4" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3218 class="ready-template-section-editable-text s-text-2108 rw-section-text" data-maxlength="1024"></span> 3219 </div> 3220 </div> 3221 <div class="s-text-2109"> 3222 <div class="ready-template-section-editable-text-html-link" data-editlink="link18" data-edittarget="href14" 3223 data-section="140988956" data-edit="price4" data-edithref="" data-edittargetval="_self"> 3224 <span data-edit="price4" data-section="140988956" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3225 class="ready-template-section-editable-text s-text-2109 rw-section-text" data-maxlength="1024"></span> 3226 </div> 3227 </div> 3228 </div> 3229 </div> 3230</div> </div> 3231 </div> 3232 <div id="hidable-140990073" class="hidable"> 3233 <div class="ready-template-section-container-2 hidable-content ready-template-content-section" > 3234 3235<div class="s-section-40"> 3236 <div class="s-row-351 clearfix"> 3237 <div class="s-column-876"> 3238 <div class="s-text-2074"> 3239 <div class="ready-template-section-editable-head-html-link" data-editlink="link9" data-edittarget="href5" 3240 data-section="140990073" data-edit="header" data-edithref="" data-edittargetval="_self"> 3241 <span class="s-text-2074 rw-section-context-main-margin"></span> 3242 </div> 3243 </div> 3244 <div class="s-text-2556"> 3245 <div class="ready-template-section-editable-text-html-link" data-editlink="link10" data-edittarget="href6" 3246 data-section="140990073" data-edit="text1" data-edithref="" data-edittargetval="_self"> 3247 <span data-edit="text1" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3248 class="ready-template-section-editable-text s-text-2556 rw-section-text" data-maxlength="1024"></span> 3249 </div> 3250 </div> 3251 </div> 3252 </div> 3253 <div class="s-row-354 clearfix"> 3254 <div class="s-column-881"> 3255 <div 3256 class="div-s-image-574 ready-template-section-editable-button-image " 3257 data-editlink="link5" data-edittarget="href1" data-section="140990073"> 3258 <a class="ready-template-section-editable-link" href="/category/Gatebarr
3258ier" target="_self"> 3259 <img width="270" height="360" data-edit="img1" data-title="img1title" data-description="img1description" title="à¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸ à¹à¸à¸´à¹à¸¡à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸«à¹à¸ªà¸à¸²à¸à¸à¸µà¹" 3260 alt="turnstile-gate-access-control-systemspeed-gate-access-control-for-officeà¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸ ระà¸à¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸ access controlturnstile gate with face recognition systemà¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸à¸à¸£à¹à¸à¸¡à¹à¸à¸£à¸·à¹à¸à¸à¸ª" data-section="140990073" data-width="270" data-height="360" 3261 src="/images/ready-template/crop-1782296938443.png" class="ready-template-section-editable-image s-image-574"> 3262 </a> 3263 </div> 3264 <div class="s-text-2117"> 3265 <div class="ready-template-section-editable-head-html-link" data-editlink="link1" data-edittarget="href15" 3266 data-section="140990073" data-edit="title1" data-edithref="/category/Gatebarrier" data-edittargetval="_blank"> 3267 <a href="/category/Gatebarrier" target="_blank"> 3268 <h2 data-edit="title1" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3269 class="ready-template-section-editable-text s-text-2117 rw-section-h-main rw-section-context-sub-margin" 3270 data-maxlength="256">à¸à¸£à¸°à¸à¸¹à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¸´à¸</h2> 3271 </a> 3272 </div> 3273 </div> 3274 <div class="s-text-2118"> 3275 <div class="ready-template-section-editable-text-html-link" data-editlink="link11" data-edittarget="href7" 3276 data-section="140990073" data-edit="content1" data-edithref="" data-edittargetval="_self"> 3277 <span data-edit="content1" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3278 class="ready-template-section-editable-text s-text-2118 rw-section-text" data-maxlength="1024"></span> 3279 </div> 3280 </div> 3281 <div class="s-text-2119"> 3282 <div class="ready-template-section-editable-text-html-link" data-editlink="link12" data-edittarget="href8" 3283 data-section="140990073" data-edit="price1" data-edithref="" data-edittargetval="_self"> 3284 <span data-edit="price1" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3285 class="ready-template-section-editable-text s-text-2119 rw-section-text" data-maxlength="1024"></span> 3286 </div> 3287 </div> 3288 </div> 3289 <div class="s-column-882"> 3290 <div 3291 class="div-s-image-565 ready-template-section-editable-button-image " 3292 data-editlink="link6" data-edittarget="href2" data-section="140990073"> 3293 <a class="ready-template-section-editable-link" href="/category/Carparksystem" target="_self"> 3294 <img width="270" height="360" data-edit="img2" data-title="img2title" data-description="img2description" title="ระà¸à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´ สำหรัà¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¸¥à¸²à¸à¸à¸à¸à¸£à¸" 3295 alt="ระà¸à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´ สำหรัà¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¸¥à¸²à¸à¸à¸à¸à¸£à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸ªà¸³à¸à¸±à¸à¸à¸²à¸ à¹à¸£à¸à¸à¸²à¸ à¹à¸¥à¸°à¸à¸à¸à¹à¸à¸¡à¸´à¹à¸à¸µà¸¢à¸¡à¸£à¸°à¸à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸à¸£à¹à¸à¸¡à¸à¸¹à¹à¸à¸§à¸à¸à¸¸à¸¡à¹à¸¥à¸°à¹à¸à¸à¸à¸±à¹à¸à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸à¸±à¸à¸à¸£à¸´à¸¢à¸°à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸£à¸´à¸«à¸²à¸£à¸à¸²à¸£à¸à¸£à¸²à¸" data-section="140990073" data-width="270" data-height="360" 3296 src="/images/ready-template/crop-1782297223022.png" class="ready-template-section-editable-image s-image-565"> 3297 </a> 3298 </div> 3299 <div class="s-text-2101"> 3300 <div class="ready-template-section-editable-head-html-link" data-editlink="link2" data-edittarget="href16" 3301 data-section="140990073" data-edit="title2" data-edithref="/category/Carparksystem" data-edittargetval="_blank"> 3302 <a href="/category/Carparksystem" target="_blank"> 3303 <h2 data-edit="title2" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3304 class="ready-template-section-editable-text s-text-2101 rw-section-h-main rw-section-context-sub-margin" 3305 data-maxlength="256">à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹</h2> 3306 </a> 3307 </div> 3308 </div> 3309 <div class="s-text-2102"> 3310 <div class="ready-template-section-editable-text-html-link" data-editlink="link13" data-edittarget="href9" 3311 data-section="140990073" data-edit="content2" data-edithref="" data-edittargetval="_self"> 3312 <span data-edit="content2" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3313 class="ready-template-section-editable-text s-text-2102 rw-section-text" data-maxlength="1024"></span> 3314 </div> 3315 </div> 3316 <div class="s-text-2103"> 3317 <div class="ready-template-section-editable-text-html-link" data-editlink="link14" data-edittarget="href10" 3318 data-section="140990073" data-edit="price2" data-edithref="" data-edittargetval="_self"> 3319 <span data-edit="price2" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3320 class="ready-template-section-editable-text s-text-2103 rw-section-text" data-maxlength="1024"></span> 3321 </div> 3322 </div> 3323 </div> 3324 <div class="s-column-883"> 3325 <div 3326 class="div-s-image-571 ready-template-section-editable-button-image " 3327 data-editlink="link7" data-edittarget="href3" data-section="140990073"> 3328 <a class="ready-template-section-editable-link" href="/category/Guardtour" target="_self"> 3329 <img width="270" height="360" data-edit="img3" data-title="img3title" data-description="img3description" title="à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡ Guard Tour ระà¸à¸à¸à¸£à¸§à¸à¸à¸£à¸²à¹à¸à¹à¸²à¸«à¸à¹à¸²à¸à¸µà¹à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัย" 3330 alt="à¹à¸à¹à¸²à¸«à¸à¹à¸²à¸à¸µà¹à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸à¹à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡à¸à¸£à¸§à¸à¸à¸¸à¸à¸ ายà¹à¸à¸à¸²à¸à¸²à¸£Guard Tour System สำหรัà¸à¸à¸£à¸§à¸à¸ªà¸à¸à¹à¸ªà¹à¸à¸à¸²à¸à¸à¸²à¸£à¹à¸à¸´à¸à¸à¸£à¸§à¸ รà¸à¸ .à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸²à¸à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸à¹à¸£à¸à¸à¸²à¸à¸à¸¸à¸à¸ªà¸²à¸«à¸à¸£à¸£à¸¡à¸£à¸°à¸à¸à¸à¸£à¸§à¸à¸¢à¸²à¸¡à¸ªà¸³à¸«à¸£à¸±à¸à¸«à¸¡à¸¹à¹à¸à¹à¸²à¸à¸à¸±à¸à¸ªà¸£à¸£à¹à¸¥à¸°à¸" data-section="140990073" data-width="270" data-height="360" 3331 src="/images/ready-template/crop-1782297556012.png" class="ready-template-section-editable-image s-image-571"> 3332 </a> 3333 </div> 3334 <div class="s-text-2104"> 3335 <div class="ready-template-section-editable-head-html-link" data-editlink="link3" data-edittarget="href17" 3336 data-section="140990073" data-edit="title3" data-edithref="/category/Guardtour" data-edittargetval="_self"> 3337 <a href="/category/Guardtour" target="_self"> 3338 <h2 data-edit="title3" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3339 class="ready-template-section-editable-text s-text-2104 rw-section-h-main rw-section-context-sub-margin" 3340 data-maxlength="256">à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡</h2> 3341 </a> 3342 </div> 3343 </div> 3344 <div class="s-text-2105"> 3345 <div class="ready-template-section-editable-text-html-link" data-editlink="link15" data-edittarget="href11" 3346 data-section="140990073" data-edit="content3" data-edithref="" data-edittargetval="_self"> 3347 <span data-edit="content3" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3348 class="ready-template-section-editable-text s-text-2105 rw-section-text" data-maxlength="1024"></span> 3349 </div> 3350 </div> 3351 <div class="s-text-2106"> 3352 <div class="ready-template-section-editable-text-html-link" data-editlink="link16" data-edittarget="href12" 3353 data-section="140990073" data-edit="price3" data-edithref="" data-edittargetval="_self"> 3354 <span data-edit="price3" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3355 class="ready-template-section-editable-text s-text-2106 rw-section-text" data-maxlength="1024"></span> 3356 </div> 3357 </div> 3358 </div> 3359 <div class="s-column-884"> 3360 <div 3361 class="div-s-image-567 ready-template-section-editable-button-image " 3362 data-editlink="link8" data-edittarget="href4" data-section="140990073"> 3363 <a class="ready-template-section-editable-link" href="/category/windowintercom" target="_self"> 3364 <img width="270" height="360" data-edit="img4" data-title="img4title" data-description="img4description" title="Window Intercom à¹à¸¡à¸à¹à¸à¸£à¸°à¸à¸²à¸ªà¸±à¸¡à¸à¸±à¸à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¹à¸à¸²à¸à¹à¹à¸à¸à¸£à¹à¹à¸¥à¸°à¸à¸¸à¸à¸à¸£à¸´à¸à¸²à¸£à¸¥à¸¹à¸à¸à¹à¸²" 3365 alt="Window Intercom ระà¸à¸à¸ªà¸·à¹à¸à¸ªà¸²à¸£à¸ªà¸à¸à¸à¸²à¸à¸ªà¸³à¸«à¸£à¸±à¸à¹à¸à¸²à¸à¹à¹à¸à¸à¸£à¹à¸à¸£à¸´à¸à¸²à¸£à¹à¸¡à¸à¹à¸à¸£à¸°à¸à¸²à¸¨à¸«à¸à¹à¸²à¹à¸à¸²à¸à¹à¹à¸à¸à¸£à¹à¸à¸£à¹à¸à¸¡à¸¥à¸³à¹à¸à¸à¸ªà¸³à¸«à¸£à¸±à¸à¸ªà¸·à¹à¸à¸ªà¸²à¸£à¸à¸±à¸à¸¥à¸¹à¸à¸à¹à¸²à¸£à¸°à¸à¸à¹à¸¡à¸à¹à¸ªà¸·à¹à¸à¸ªà¸²à¸£à¸à¹à¸²à¸à¸à¸£à¸°à¸à¸ Window Intercom à¸à¸¸à¸à¸ าà¸à¹à¸ªà¸µà¸¢à¸à¸à¸±à¸à¹à¸à¸Window Intercom สำหรัà¸à¸à¸¸à¸à¸à¸£à¸´" data-section="140990073" data-width="270" data-height="360" 3366 src="/images/ready-template/crop-1782297829973.png" class="ready-template-section-editable-image s-image-567"> 3367 </a> 3368 </div> 3369 <div class="s-text-2107"> 3370 <div class="ready-template-section-editable-head-html-link" data-editlink="link4" data-edittarget="href18" 3371 data-section="140990073" data-edit="title4" data-edithref="/category/windowintercom" data-edittargetval="_blank"> 3372 <a href="/category/windowintercom" target="_blank"> 3373 <h2 data-edit="title4" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3374 class="ready-template-section-editable-text s-text-2107 rw-section-h-main rw-section-context-sub-margin" 3375 data-maxlength="256">à¹à¸¡à¸à¹à¸à¸£à¸°à¸à¸²à¸¨à¸à¸±à¹à¸à¹à¸à¹à¸°</h2> 3376 </a> 3377 </div> 3378 </div> 3379 <div class="s-text-2108"> 3380 <div class="ready-template-section-editable-text-html-link" data-editlink="link17" data-edittarget="href13" 3381 data-section="140990073" data-edit="content4" data-edithref="" data-edittargetval="_self"> 3382 <span data-edit="content4" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3383 class="ready-template-section-editable-text s-text-2108 rw-section-text" data-maxlength="1024"></span> 3384 </div> 3385 </div> 3386 <div class="s-text-2109"> 3387 <div class="ready-template-section-editable-text-html-link" data-editlink="link18" data-edittarget="href14" 3388 data-section="140990073" data-edit="price4" data-edithref="" data-edittargetval="_self"> 3389 <span data-edit="price4" data-section="140990073" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." 3390 class="ready-template-section-editable-text s-text-2109 rw-section-text" data-maxlength="1024"></span> 3391 </div> 3392 </div> 3393 </div> 3394 </div> 3395</div> </div> 3396 </div> 3397 <div id="hidable-141000182" class="hidable"> 3398 <div class="ready-template-section-container-39 hidable-content ready-template-content-section" > 3399 <div class="ready-template-section-editable-background lazyload s-section-37" data-edit="sectionimage37" data-section="141000182" data-bg=""> 3400 <div class="ready-template-section-container-opacity "></div> 3401 <div class="s-row-310 clearfix"> 3402 <div class="s-column-796"> 3403 <div class="div-s-image-544 ready-template-section-editable-button-image " data-editlink="link1" data-edittarget="href1" data-section="141000182"> 3404 <a class="ready-template-section-editable-link" href="/category/superscanner" target="_self"> 3405 <img width="300" height="300" data-edit="image544" data-title="img1title" data-description="img1description" title="à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸° Handheld Metal Detector สำหรัà¸à¸à¸²à¸à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัย" alt="à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸°à¹à¸à¸à¸à¸à¸à¸² Super Scanner สำหรัà¸à¸à¸²à¸à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยSuper Scanner à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸°à¹à¸à¸à¸¡à¸·à¸à¸à¸·à¸ à¸à¸§à¸²à¸¡à¹à¸¡à¹à¸à¸¢à¸³à¸ªà¸¹à¸à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸° Handheld Metal Detector สำหรัà¸à¸à¸±à¸à¸à¸£à¸à¸à¸à¸¸à¸à¸à¸¥à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸" data-section="141000182" data-width="300" data-height="300" src="/images/ready-template/crop-1782298778039.png" class="ready-template-section-editable-image s-image-544"> 3406 </a> 3407 </div> 3408 <div class="s-text-1898"> 3409 <div class="ready-template-section-editable-text-html-link" data-editlink="link2" data-edittarget="href2" data-section="141000182" data-edit="text1898" data-edithref="/category/superscanner" data-edittargetval="_blank"> 3410 <a href="/category/superscanner" target="_blank"> 3411 <span data-edit="text1898" data-section="141000182" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1898 rw-section-text" data-maxlength="1024">à¹à¸à¸£à¸·à¹à¸à¸à¸à¸£à¸§à¸à¸à¸±à¸à¹à¸¥à¸«à¸°</span> 3412 </a> 3413 </div> 3414 </div> 3415 </div> 3416 <div class="s-column-797"> 3417 <div class="div-s-image-545 ready-template-section-editable-button-image " data-editlink="link3" data-edittarget="href3" data-section="141000182"> 3418 <a class="ready-template-section-editable-link" href="/category/LPRC" target="_self"> 3419 <img width="300" height="300" data-edit="image545" data-title="img2title" data-description="img2description" title="à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸à¸£à¸à¸¢à¸à¸à¹ ระà¸à¸ LPR สำหรัà¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´" alt="à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸à¸£à¸à¸¢à¸à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸§à¸à¸à¸¸à¸¡à¸£à¸à¹à¸à¹à¸²à¸à¸à¸à¸£à¸°à¸à¸à¸à¸§à¸à¸à¸¸à¸¡à¸£à¸à¹à¸à¹à¸²à¸à¸à¸à¸à¹à¸§à¸¢à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¸°à¹à¸à¸µà¸¢à¸à¸£à¸à¸¢à¸à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸«à¸¡à¸¹à¹à¸à¹à¸²à¸à¹à¸¥à¸°à¸à¸à¸à¹à¸à¸¡à¸´à¹à¸à¸µà¸¢à¸¡à¸£à¸°à¸à¸ LPR Access Control สำหรัà¸à¸à¸²à¸à¸²à¸£à¸ªà¸³à¸à¸±à¸à¸à¸²à¸à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²" data-section="141000182" data-width="300" data-height="300" src="/images/ready-template/crop-1782299013795.png" class="ready-template-section-editable-image s-image-545"> 3420 </a> 3421 </div> 3422 <div class="s-text-1899"> 3423 <div class="ready-template-section-editable-text-html-link" data-editlink="link4" data-edittarget="href4" data-section="141000182" data-edit="text1899" data-edithref="/category/LPRC" data-edittargetval="_blank"> 3424 <a href="/category/LPRC" target="_blank"> 3425 <span data-edit="text1899" data-section="141000182" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1899 rw-section-text" data-maxlength="1024">à¸à¸¥à¹à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸</span> 3426 </a> 3427 </div> 3428 </div> 3429 </div> 3430 <div class="s-column-798"> 3431 <div class="div-s-image-546 ready-template-section-editable-button-image " data-editlink="link5" data-edittarget="href5" data-section="141000182"> 3432 <a class="ready-template-section-editable-link" href="/category/MINI-BG1" target="_self"> 3433 <img width="300" height
3433="300" data-edit="image546" data-title="img3title" data-description="img3description" title="à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¡à¸à¹à¸à¸à¸£à¹à¹à¸à¸à¹ ระà¸à¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¸ªà¸³à¸«à¸£à¸±à¸à¸£à¸à¸à¸±à¸à¸£à¸¢à¸²à¸à¸¢à¸à¸à¹" alt="à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¡à¸à¹à¸à¸à¸£à¹à¹à¸à¸à¹à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´ สำหรัà¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸à¸±à¸à¸£à¸¢à¸²à¸à¸¢à¸à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸à¸à¹à¸à¹à¸¥à¸°à¸«à¸à¸à¸±à¸à¸£à¸°à¸à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸¡à¸à¹à¸à¸à¸£à¹à¹à¸à¸à¹à¸à¸£à¹à¸à¸¡à¸à¸¹à¹à¸à¸§à¸à¸à¸¸à¸¡à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¡à¸à¹à¸à¸à¸£à¹à¹à¸à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸¥à¸²à¸à¸à¸à¸à¸£à¸à¸à¸±à¸à¸£à¸¢à¸²à¸à¸¢à¸à¸à¹à¸£à¸°à¸à¸à¸à¸§à¸à¸à¸¸à¸¡à¸£à¸à¸¡à¸à¹" data-section="141000182" data-width="300" data-height="300" src="/images/ready-template/crop-1782299382903.png" class="ready-template-section-editable-image s-image-546"> 3434 </a> 3435 </div> 3436 <div class="s-text-1900"> 3437 <div class="ready-template-section-editable-text-html-link" data-editlink="link6" data-edittarget="href6" data-section="141000182" data-edit="text1900" data-edithref="/category/MINI-BG1" data-edittargetval="_blank"> 3438 <a href="/category/MINI-BG1" target="_blank"> 3439 <span data-edit="text1900" data-section="141000182" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1900 rw-section-text" data-maxlength="1024">à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¡à¸à¹à¸à¸à¸£à¹à¹à¸à¸à¹</span> 3440 </a> 3441 </div> 3442 </div> 3443 </div> 3444 </div> 3445</div> 3446 </div> 3447 </div> 3448 3449 3450 <div id="hidable-140991468" class="hidable"> 3451 <div class="hidable-content text-section-container" > 3452 <div class="text-section-loader narrow"> 3453<p style="text-align: center;"><span style="font-size: 24pt; font-family: Kanit, sans-serif;"><strong>à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸à¸à¸£à¸°à¸à¸³à¹à¸à¸·à¸à¸</strong></span></p> </div> 3454 </div> 3455 </div> 3456 <div id="hidable-140989845" class="hidable"> 3457 <div class="banner-section-container hidable-content " > 3458 <div class="banner-section" id="banner_140989845" data-type="normal"> 3459 <div class="banner-section-item no-url " data-id="476751" data-section="140989845"> 3460 <a class="banner-section-link" href="" target="_self"> 3461 <img 3462 width="1800" 3463 height="600" 3464 class="banner-section-image" 3465 alt="Remote Control สำหรัà¸à¸ªà¸±à¹à¸à¹à¸à¸´à¸à¸à¸£à¸°à¸à¸¹à¸£à¸°à¸¢à¸°à¹à¸à¸¥ à¹à¸à¹à¸à¸²à¸à¸£à¹à¸§à¸¡à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸¥à¸²à¸¢à¸à¸´à¹à¸§à¸¡à¸·à¸à¹à¸¥à¸°à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸" 3466 src="/images/banner/crop-1779861219749.png" 3467 data-banner_image_normal_1="1779861219749.png" 3468 data-banner_type="normal" data-banner_mode="get"> 3469 <picture> 3470 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779861214487.png 600w"> 3471 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779861214482.png 1200w"> 3472 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779861214477.png 1800w"> 3473 </picture> 3474 </a> 3475 </div> 3476 <div class="banner-section-item no-url after-display" data-id="476750" data-section="140989845"> 3477 <a class="banner-section-link" href="" target="_self"> 3478 <img 3479 width="1800" 3480 height="600" 3481 class="banner-section-image" 3482 alt="Wireless Doorbell à¸à¸£à¸´à¹à¸à¹à¸£à¹à¸ªà¸²à¸¢à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸¹à¹à¸¡à¸²à¸à¸´à¸à¸à¹à¸ à¸à¸´à¸à¸à¸±à¹à¸à¸à¹à¸²à¸¢ à¹à¸¡à¹à¸à¹à¸à¸à¹à¸à¸´à¸à¸ªà¸²à¸¢" 3483 src="/images/banner/crop-1779860541569.jpg" 3484 data-banner_image_normal_1="1779860541569.jpg" 3485 data-banner_type="normal" data-banner_mode="get"> 3486 <picture> 3487 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779860524271.png 600w"> 3488 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779860524266.png 1200w"> 3489 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779860524261.png 1800w"> 3490 </picture> 3491 </a> 3492 </div> 3493 <div class="banner-section-item no-url after-display" data-id="476752" data-section="140989845"> 3494 <a class="banner-section-link" href="" target="_self"> 3495 <img 3496 width="1800" 3497 height="600" 3498 class="banner-section-image" 3499 alt="Emergency Breakglass à¸à¸¸à¹à¸¡à¸à¸¥à¸à¸¥à¹à¸à¸à¸à¸¸à¸à¹à¸à¸´à¸ à¸à¸±à¸à¹à¸à¸à¸£à¸°à¸à¸¹à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´ à¹à¸à¹à¸à¸²à¸à¸£à¹à¸§à¸¡à¸£à¸°à¸à¸à¸à¸µà¸¢à¹à¸à¸²à¸£à¹à¸à¹à¸¥à¸°à¹à¸à¸£à¸·à¹à¸à¸à¸ªà¹à¸à¸à¸¥à¸²à¸¢" 3500 src="/images/banner/crop-1779862001719.jpg" 3501 data-banner_image_normal_1="1779862001719.jpg" 3502 data-banner_type="normal" data-banner_mode="get"> 3503 <picture> 3504 <source media="(max-width: 610px)" srcset="/images/banner/crop-1779861612331.png 600w"> 3505 <source media="(min-width: 611px) and (max-width: 1199px)" srcset="/images/banner/crop-1779861612326.png 1200w"> 3506 <source media="(min-width: 1200px)" srcset="/images/banner/crop-1779861612321.png 1800w"> 3507 </picture> 3508 </a> 3509 </div> 3510 </div> 3511 </div> 3512 </div> 3513 3514 <div id="hidable-140994615" class="hidable"> 3515 <div class="hidable-content html-section-container" > 3516 <div class="html-section html-section-loader"> 3517 <table style="margin-left: auto; margin-right: auto;"> 3518<tbody> 3519<tr> 3520<td><img src="/images/editor/call to action/ctc (1).gif" alt="" width="595" height="202"></td> 3521<td> </td> 3522<td><img src="/images/editor/call to action/ctc (2).gif" alt="" width="595" height="202"></td> 3523</tr> 3524</tbody> 3525</table> </div> 3526 </div> 3527 </div> 3528 <div id="hidable-140988955" class="hidable"> 3529 <div class="ready-template-section-container-30 hidable-content ready-template-content-section" > 3530 3531<div class="ready-template-section-editable-background lazyload s-section-54" data-edit="sectionimage54" data-section="140988955" data-bg="/modules/flexi/ready_template/images/section-images/section30-theme35-background.png"> 3532 <div class="ready-template-section-container-opacity "></div> 3533 <div class="s-row-454 clearfix"> 3534 <div class="s-column-1091"> 3535 <div class="s-text-2576"> 3536 <div class="ready-template-section-editable-head-html-link" data-editlink="link1" data-edittarget="href1" data-section="140988955" data-edit="text2576" data-edithref="/category/Guardtour" data-edittargetval="_blank"> 3537 <a href="/category/Guardtour" target="_blank"> 3538 <h1 data-edit="text2576" data-section="140988955" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2576 rw-section-h-main rw-section-context-main-margin" data-maxlength="256">à¸à¸²à¸¬à¸´à¸à¸²à¸¢à¸²à¸¡ [Guardtour]</h1> 3539 </a> 3540 </div> 3541 </div> 3542 <div class="s-text-2577"> 3543 <div class="ready-template-section-editable-text-html-link" data-editlink="link2" data-edittarget="href2" data-section="140988955" data-edit="text2577" data-edithref="" data-edittargetval=""> 3544 <span data-edit="text2577" data-section="140988955" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2577 rw-section-text" data-maxlength="1024"></span> 3545 </div> 3546 </div> 3547 <div class="div-s-image-707 ready-template-section-editable-button-image " data-editlink="link3" data-edittarget="href3" data-section="140988955"> 3548 <a class="ready-template-section-editable-link" href="/category/Guardtour" target="_self"> 3549 <img width="1920" height="400" data-edit="image707" data-title="img1title" data-description="img1description" title="ระà¸à¸à¸à¸£à¸§à¸à¸à¸¸à¸ รà¸à¸ . Guard Tour สำหรัà¸à¸à¸²à¸à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัย" alt="ระà¸à¸à¸à¸£à¸§à¸à¸à¸¸à¸ รà¸à¸ . Guard Tour สำหรัà¸à¸à¸´à¸à¸à¸²à¸¡à¸à¸²à¸£à¹à¸à¸´à¸à¸à¸£à¸§à¸à¸à¸à¸à¹à¸
3549à¹à¸²à¸«à¸à¹à¸²à¸à¸µà¹à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸à¸à¸·à¹à¸à¸à¸µà¹à¸à¹à¸²à¸ à¹" data-section="140988955" data-width="1920" data-height="400" src="/images/ready-template/crop-1780051650233.png" class="ready-template-section-editable-image s-image-707"> 3550 </a> 3551 </div> 3552 <div class="s-text-2578"> 3553 <div class="ready-template-section-editable-head-html-link" data-editlink="link4" data-edittarget="href4" data-section="140988955" data-edit="text2578" data-edithref="" data-edittargetval=""> 3554 <h2 data-edit="text2578" data-section="140988955" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2578 rw-section-h-main rw-section-context-sub-margin" data-maxlength="256">à¸à¸¸à¸ Kit à¸à¸£à¹à¸à¸¡à¹à¸à¹à¸à¸²à¸ à¹à¸à¸µà¸¢à¸à¸à¹à¸à¸à¸à¸µà¹à¹à¸à¸¥à¹à¹à¸à¹à¸à¸²à¸à¹à¸à¹à¸à¸±à¸à¸à¸µ</h2> 3555 </div> 3556 </div> 3557 <div class="s-text-2579"> 3558 <div class="ready-template-section-editable-text-html-link" data-editlink="link5" data-edittarget="href5" data-section="140988955" data-edit="text2579" data-edithref="" data-edittargetval=""> 3559 <span data-edit="text2579" data-section="140988955" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2579 rw-section-text" data-maxlength="1024">à¸à¸¥à¹à¸à¸¢à¹à¸«à¹à¹à¸à¹à¸à¸«à¸à¹à¸²à¸à¸µà¹à¹à¸£à¸²à¹à¸à¹à¸à¸£à¸°à¸à¸ à¸à¸¸à¸à¸à¸£à¸§à¸ à¸à¸±à¸à¸£ à¹à¸ªà¹à¸à¸à¸²à¸ à¹à¸«à¹à¸à¸£à¹à¸à¸¡à¹à¸à¹Â </span> 3560 </div> 3561 </div> 3562 <div class="ready-template-section-button-container div-s-button-238"> 3563 <a class="ready-template-section-editable-button s-button-238" href="/category/Guardtour" target="_blank" data-edit="button238" data-editlink="link6" data-edittarget="href6" data-section="140988955" data-maxlength="30" data-display="show"> 3564 <span class="ready-template-section-button-span">à¸à¸¹à¸£à¸²à¸¢à¸¥à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡</span> 3565 </a> 3566 </div> 3567 </div> 3568 </div> 3569</div> 3570 </div> 3571 </div> 3572 <div id="hidable-140994245" class="hidable"> 3573 <div class="hidable-content html-section-container" > 3574 <div class="html-section html-section-loader"> 3575 <div style="position: relative; width: 100%; height: 0; padding-top: 56.2225%; 3576 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; 3577 border-radius: 8px; will-change: transform;"> 3578 <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;" src="https://www.canva.com/design/DAHLaaFrVGg/o4bhAylfUU5jXcqmTMvQ_w/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen"> 3579 </iframe> 3580</div> 3581<a href="https://www.canva.com/design/DAHLaaFrVGg/o4bhAylfUU5jXcqmTMvQ_w/view?utm_content=DAHLaaFrVGg&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener"></a> </div> 3582 </div> 3583 </div> 3584 <div id="hidable-141006627" class="hidable"> 3585 <div class="hidable-content text-section-container" > 3586 <div class="text-section-loader "> 3587<p> </p> 3588<section class="py-16 px-4 max-w-7xl mx-auto"> 3589<div class="text-center mb-12"> 3590<div class="inline-flex items-center gap-3 mb-4"> 3591<h2 class="text-4xl font-bold text-gray-800" style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-text-opacity: 1;"><img style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" src="/images/editor/icons/youtube.png" alt="" width="40" height="40"></h2> 3592<div> </div> 3593<h2 class="text-4xl font-bold text-gray-800">วิà¸à¸µà¹à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸¥à¸°à¸à¸£à¸´à¸à¸²à¸£</h2> 3594</div> 3595<p class="text-gray-600 text-lg max-w-2xl mx-auto">à¸à¸´à¸à¸à¸²à¸¡à¹à¸à¸·à¹à¸à¸«à¸²à¹à¸«à¸¡à¹à¹ à¹à¸¥à¸°à¸§à¸´à¸à¸µà¹à¸à¸à¸µà¹à¸à¹à¸²à¸ªà¸à¹à¸à¸à¸²à¸à¸à¹à¸à¸à¸à¸à¸à¹à¸£à¸²</p> 3596</div> 3597<!-- Video Grid --> 3598<div id="videoGrid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><!-- Videos will be generated by JavaScript --></div> 3599<!-- Subscribe Section --> 3600<div class="mt-16 text-center"> 3601<div class="gradient-overlay rounded-3xl p-8 max-w-2xl mx-auto">
3602<h3 class="text-2xl font-bold text-gray-800 mb-4">à¸à¸´à¸à¸à¸²à¸¡à¹à¸à¸·à¹à¸à¸«à¸²à¹à¸«à¸¡à¹à¹ à¹à¸à¹à¸à¸µà¹à¸à¹à¸à¸à¸à¸à¸à¹à¸£à¸²</h3> 3603<p class="text-gray-600 mb-6">à¸à¸à¸à¸´à¸à¸à¸²à¸¡à¹à¸à¸·à¹à¸à¸£à¸±à¸à¸à¸²à¸£à¹à¸à¹à¸à¹à¸à¸·à¸à¸à¹à¸¡à¸·à¹à¸à¸¡à¸µà¸§à¸´à¸à¸µà¹à¸à¹à¸«à¸¡à¹à¹ à¸à¸±à¸à¹à¸«à¸¥à¸</p> 3604<button class="bg-red-600 hover:bg-red-700 text-white font-semibold px-8 py-3 rounded-full transition-colors duration-300 inline-flex items-center gap-2"> à¸à¸´à¸à¸à¸²à¸¡à¸à¹à¸à¸ </button></div> 3605</div> 3606</section> 3607<!-- Edit Modal --> 3608<div id="editModal" class="fixed inset-0 bg-black bg-opacity-50 edit-modal hidden z-50 flex items-center justify-center p-4"> 3609<div class="bg-white rounded-2xl p-6 w-full max-w-md"> 3610<h3 class="text-xl font-bold mb-4">à¹à¸à¹à¹à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸§à¸´à¸à¸µà¹à¸</h3> 3611<div class="space-y-4"> 3612<div><label class="block text-sm font-medium text-gray-700 mb-1">à¸à¸·à¹à¸à¸§à¸´à¸à¸µà¹à¸</label> <input id="editTitle" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" type="text"></div> 3613<div><label class="block text-sm font-medium text-gray-700 mb-1">à¸à¸³à¸à¸à¸´à¸à¸²à¸¢</label> <textarea id="editDescription" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" rows="3"></textarea></div> 3614<div class="grid grid-cols-2 gap-4"> 3615<div><label class="block text-sm font-medium text-gray-700 mb-1">à¸à¸³à¸à¸§à¸à¸§à¸´à¸§</label> <input id="editViews" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" type="text" placeholder="1,023"></div> 3616<div><label class="block text-sm font-medium text-gray-700 mb-1">วัà¸à¸à¸µà¹à¸à¸±à¸à¹à¸«à¸¥à¸</label> <input id="editDate" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" type="text" placeholder="1 à¸à¸µà¸à¸µà¹à¹à¸¥à¹à¸§"></div> 3617</div> 3618<div><label class="block text-sm font-medium text-gray-700 mb-1">à¸à¸§à¸²à¸¡à¸¢à¸²à¸§à¸§à¸´à¸à¸µà¹à¸</label> <input id="editDuration" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" type="text" placeholder="0:58"></div> 3619<div><label class="block text-sm font-medium text-gray-700 mb-1">YouTube Link</label> <input id="editLink" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" type="url" placeholder="https://youtu.be/..."></div> 3620</div> 3621<div class="flex gap-3 mt-6"><button id="saveEdit" class="flex-1 bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg transition-colors"> à¸à¸±à¸à¸à¸¶à¸ </button> <button id="cancelEdit" class="flex-1 bg-gray-300 hover:bg-gray-400 text-gray-700 font-medium py-2 px-4 rounded-lg transition-colors"> ยà¸à¹à¸¥à¸´à¸ </button></div> 3622</div> 3623</div>
3624<script>// <![CDATA[ 3625// Video data with real YouTube info 3626 let videoData = [ 3627 { 3628 id: "wbdDImiqmZ4", 3629 title: "à¹à¸à¸£à¸·à¹à¸à¸à¸à¸±à¹à¸à¸à¸²à¸à¹à¸à¹à¸²à¸à¸à¸à¸ªà¸³à¸«à¸£à¸±à¸ Fitness", 3630 description: "ระà¸à¸à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¸à¸µà¹à¸à¸±à¸à¸ªà¸¡à¸±à¸¢à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸´à¸à¹à¸à¸ª à¸à¹à¸§à¸¢à¸à¸±à¸à¸à¸²à¸£à¸ªà¸¡à¸²à¸à¸´à¸à¹à¸¥à¸°à¸£à¸±à¸à¸©à¸²à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸à¹à¸à¸¢à¹à¸²à¸à¸¡à¸µà¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸", 3631 views: "1,247", 3632 date: "1 à¸à¸µà¸à¸µà¹à¹à¸¥à¹à¸§", 3633 duration: "0:58", 3634 link: "https://youtu.be/wbdDImiqmZ4?si=hNWB2PDgR1L_m_F9" 3635 }, 3636 { 3637 id: "A-c3UkUQuCc", 3638 title: "à¹à¸«à¹à¸à¸¸à¸à¸à¸²à¸£à¹à¸à¸´à¸à¸à¸²à¸à¸à¸à¸à¸à¸¸à¸à¸ªà¸°à¸à¸§à¸à¸à¸¶à¹à¸ à¸à¹à¸§à¸¢à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸£à¸°à¸à¸ Easy Pass", 3639 description: "ระà¸à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´à¸à¸µà¹à¸à¸³à¹à¸«à¹à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸à¸ªà¸°à¸à¸§à¸à¸£à¸§à¸à¹à¸£à¹à¸§ à¸à¹à¸§à¸¢à¹à¸à¸à¹à¸à¹à¸¥à¸¢à¸µ Easy Pass à¸à¸µà¹à¸à¸±à¸à¸ªà¸¡à¸±à¸¢", 3640 views: "2,891", 3641 date: "1 à¸à¸µà¸à¸µà¹à¹à¸¥à¹à¸§", 3642 duration: "1:07", 3643 link: "https://youtu.be/A-c3UkUQuCc?si=UW9UoxTR5pj8wk5V" 3644 }, 3645 { 3646 id: "lHey1KjMhMY", 3647 title: "à¸à¸³à¹à¸¡à¸à¹à¸à¸à¸à¸´à¸à¸à¸±à¹à¸à¸£à¸°à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸?", 3648 description: "à¸à¸£à¸°à¹à¸¢à¸à¸à¹à¹à¸¥à¸°à¸à¸§à¸²à¸¡à¸à¸³à¹à¸à¹à¸à¸à¸à¸à¸£à¸°à¸à¸à¸à¹à¸²à¸à¸à¹à¸²à¸¢à¸à¸°à¹à¸à¸µà¸¢à¸à¸£à¸à¸¢à¸à¸à¹à¹à¸à¸à¸²à¸£à¸à¸±à¸à¸à¸²à¸£à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸¥à¸°à¸à¸§à¸à¸à¸¸à¸¡à¸à¸²à¸£à¹à¸à¹à¸²à¸à¸à¸", 3649 views: "2,763", 3650 date: "2 à¸à¸µà¸à¸µà¹à¹à¸¥à¹à¸§", 3651 duration: "1:12", 3652 link: "https://youtu.be/lHey1KjMhMY?si=631hJBow1Y2jOBQu" 3653 } 3654 ]; 3655 3656 3657 3658 let currentEditIndex = -1; 3659 3660 // Generate video ID from YouTube URL 3661 function getVideoIdFromUrl(url) { 3662 if (!url) return null; 3663 const match = url.match(/(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))([^&\n?#]+)/); 3664 return match ? match[1] : null; 3665 } 3666 3667 // Get YouTube thumbnail URL 3668 function getThumbnailUrl(videoId) { 3669 if (!videoId || videoId.startsWith('sample')) { 3670 return null; 3671 } 3672 return `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`; 3673 } 3674 3675 // Generate gradient background 3676 function getGradientBackground(index) { 3677 const gradients = [ 3678 'from-red-500 to-purple-600', 3679 'from-blue-500 to-teal-600', 3680 'from-green-500 to-blue-600', 3681 'from-purple-500 to-pink-600', 3682 'from-orange-500 to-red-600', 3683 'from-indigo-500 to-purple-600', 3684 'from-pink-500 to-rose-600', 3685 'from-cyan-500 to-blue-600', 3686 'from-emerald-500 to-teal-600', 3687 'from-amber-500 to-orange-600' 3688 ]; 3689 return gradients[index % gradients.length]; 3690 } 3691 3692 // Create video card HTML 3693 function createVideoCard(video, index) { 3694 const thumbnailUrl = getThumbnailUrl(video.id); 3695 const gradientClass = getGradientBackground(index); 3696 3697 return ` 3698 <div class="video-card bg-white rounded-2xl overflow-hidden shadow-lg h-full flex flex-col" data-video-index="${index}"> 3699 <div class="relative group cursor-pointer"> 3700 <div class="aspect-video bg-gray-200 overflow-hidden"> 3701 ${thumbnailUrl ? ` 3702 <img src="${thumbnailUrl}" 3703 alt="Video thumbnail" 3704 class="w-full h-full object-cover" 3705 onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"> 3706 ` : ''} 3707 <div class="aspect-video bg-gradient-to-br ${gradientClass} flex items-center justify-center" ${thumbnailUrl ? 'style="display: none;"' : ''}> 3708 <div class="play-button w-16 h-16 bg-white bg-opacity-90 rounded-full flex items-center justify-center"> 3709 <svg class="w-6 h-6 text-red-600 ml-1" fill="currentColor" viewBox="0 0 24 24"> 3710 <path d="M8 5v14l11-7z"></path> 3711 </svg> 3712 </div> 3713 </div> 3714 <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"> 3715 <div class="play-button w-16 h-16 bg-white bg-opacity-90 rounded-full flex items-center justify-center transform scale-0 group-hover:scale-100 transition-transform duration-300"> 3716 <svg class="w-6 h-6 text-red-600 ml-1" fill="currentColor" viewBox="0 0 24 24"> 3717 <path d="M8 5v14l11-7z"></path> 3718 </svg> 3719 </div> 3720 </div> 3721 </div> 3722 <div class="absolute top-3 right-3 bg-black bg-opacity-70 text-white text-sm px-2 py-1 rounded duration-display"> 3723 ${video.duration} 3724 </div> 3725 <button class="edit-btn absolute top-3 left-3 bg-blue-500 hover:bg-blue-600 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity duration-300" onclick="openEditModal(${index}); event.stopPropagation();"> 3726 âï¸ à¹à¸à¹à¹à¸ 3727 </button> 3728 ${video.link ? ` 3729 <div class="absolute bottom-3 left-3 bg-green-500 text-white text-xs px-2 py-1 rounded flex items-center gap-1"> 3730 <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> 3731 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> 3732 </svg> 3733 à¹à¸à¸·à¹à¸à¸¡à¹à¸¥à¹à¸§ 3734 </div> 3735 ` : ''} 3736 </div> 3737 <div class="p-6 flex flex-col h-full"> 3738 <h3 class="video-title font-bold text-lg text-gray-800 mb
3738-2 line-clamp-2"> 3739 ${video.title} 3740 </h3> 3741 <p class="video-description text-gray-600 text-sm mb-4 line-clamp-3"> 3742 ${video.description} 3743 </p> 3744 <div class="flex items-center justify-between text-sm text-gray-500 mt-auto pt-2"> 3745 <span class="view-count">${video.views} views</span> 3746 <span class="upload-date">${video.date}</span> 3747 </div> 3748 </div> 3749 </div> 3750 `; 3751 } 3752 3753 // Render all videos 3754 function renderVideos() { 3755 const videoGrid = document.getElementById('videoGrid'); 3756 videoGrid.innerHTML = videoData.map((video, index) => createVideoCard(video, index)).join(''); 3757 3758 // Add click handlers 3759 document.querySelectorAll('.video-card').forEach((card, index) => { 3760 card.addEventListener('click', function(e) { 3761 if (e.target.classList.contains('edit-btn') || e.target.closest('.edit-btn')) { 3762 return; 3763 } 3764 3765 const video = videoData[index]; 3766 if (video.link) { 3767 window.open(video.link, '_blank', 'noopener,noreferrer'); 3768 } else { 3769 alert(`วิà¸à¸µà¹à¸: ${video.title}\n\nยัà¸à¹à¸¡à¹à¸¡à¸µà¸¥à¸´à¸à¸à¹ YouTube\nà¸à¸£à¸¸à¸à¸²à¹à¸à¸´à¹à¸¡à¸¥à¸´à¸à¸à¹à¸à¹à¸²à¸à¸à¸¸à¹à¸¡à¹à¸à¹à¹à¸ (âï¸)`); 3770 } 3771 }); 3772 }); 3773 } 3774 3775 // Open edit modal 3776 function openEditModal(index) { 3777 currentEditIndex = index; 3778 const video = videoData[index]; 3779 3780 document.getElementById('editTitle').value = video.title; 3781 document.getElementById('editDescription').value = video.description; 3782 document.getElementById('editViews').value = video.views; 3783 document.getElementById('editDate').value = video.date; 3784 document.getElementById('editDuration').value = video.duration; 3785 document.getElementById('editLink').value = video.link || ''; 3786 3787 document.getElementById('editModal').classList.remove('hidden'); 3788 } 3789 3790 // Close edit modal 3791 function closeEditModal() { 3792 document.getElementById('editModal').classList.add('hidden'); 3793 currentEditIndex = -1; 3794 } 3795 3796 // Save video data 3797 function saveVideoData() { 3798 localStorage.setItem('videoData', JSON.stringify(videoData)); 3799 } 3800 3801 // Load video data 3802 function loadVideoData() { 3803 const saved = localStorage.getItem('videoData'); 3804 if (saved) { 3805 videoData = JSON.parse(saved); 3806 } 3807 } 3808 3809 // Initialize 3810 document.addEventListener('DOMContentLoaded', function() { 3811 loadVideoData(); 3812 renderVideos(); 3813 3814 // Modal event listeners 3815 document.getElementById('saveEdit').addEventListener('click', function() { 3816 if (currentEditIndex >= 0) { 3817 const video = videoData[currentEditIndex]; 3818 video.title = document.getElementById('editTitle').value; 3819 video.description = document.getElementById('editDescription').value; 3820 video.views = document.getElementById('editViews').value; 3821 video.date = document.getElementById('editDate').value; 3822 video.duration = document.getElementById('editDuration').value; 3823 video.link = document.getElementById('editLink').value; 3824 3825 // Update video ID if link changed 3826 const newVideoId = getVideoIdFromUrl(video.link); 3827 if (newVideoId) { 3828 video.id = newVideoId; 3829 } 3830 3831 saveVideoData(); 3832 renderVideos(); 3833 closeEditModal(); 3834 } 3835 }); 3836 3837 document.getElementById('cancelEdit').addEventListener('click', closeEditModal); 3838 3839 // Close modal when clicking outside 3840 document.getElementById('editModal').addEventListener('click', function(e) { 3841 if (e.target === this) { 3842 closeEditModal(); 3843 } 3844 }); 3845 3846 // Subscribe button 3847 document.querySelector('section button').addEventListener('click', function() { 3848 window.open('https://www.youtube.com/@mionic-solution', '_blank', 'noopener,noreferrer'); 3849 }); 3850 }); 3851// ]]></script>
vendor: 1 bytes, line 3851
3851
3852<script>// <![CDATA[ 3853(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a0638531b8c544c4',t:'MTc4MDU0MDI3NQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})(); 3854// ]]></script>
3854 3855<style><!-- 3856body { 3857 box-sizing: border-box; 3858 } 3859 3860 .video-card { 3861 transition: all 0.3s ease; 3862 } 3863 3864 .video-card:hover { 3865 transform: translateY(-8px); 3866 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); 3867 } 3868 3869 .play-button { 3870 transition: all 0.3s ease; 3871 } 3872 3873 .video-card:hover .play-button { 3874 transform: scale(1.1); 3875 } 3876 3877 .gradient-overlay { 3878 background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(147, 51, 234, 0.1)); 3879 } 3880 3881 .edit-modal { 3882 backdrop-filter: blur(10px); 3883 } 3884 3885 .line-clamp-2 { 3886 display: -webkit-box; 3887 -webkit-line-clamp: 2; 3888 -webkit-box-orient: vertical; 3889 overflow: hidden; 3890 } 3891 3892 .line-clamp-3 { 3893 display: -webkit-box; 3894 -webkit-line-clamp: 3; 3895 -webkit-box-orient: vertical; 3896 overflow: hidden; 3897 } 3898--></style> </div> 3899 </div> 3900 </div> 3901 <div id="hidable-140993444" class="hidable"> 3902 <div class="ready-template-section-container-44 hidable-content ready-template-content-section" > 3903 3904<div class="rw-smart-section rw-flex ready-template-section-editable-background lazyload s-section-56 " data-edit="sectionimage56" data-section="140993444" data-bg="/images/ready-template/1780625857272.png"> 3905 <div class="ready-template-section-container-opacity "></div> 3906 <div class="rw-smart-section-wrapper"> 3907 <div class="rw-flex s-row-455 clearfix"> 3908 <div class="rw-flex s-column-1092"> 3909 <div class="s-text-2584"> 3910 <div class="ready-template-section-editable-head-html-link " data-editlink="link1" data-edittarget="href1" data-section="140993444" data-edit="text2584" data-edithref="" data-edittargetval=""> 3911 <h1 data-edit="text2584" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="rw-head-primary ready-template-section-editable-text s-text-2584 rw-section-h-main" data-maxlength="256">à¸à¸à¸à¸§à¸²à¸¡à¸à¹à¸²à¸£à¸¹à¹</h1> 3912 </div> 3913 </div> 3914 <div class="s-text-2585"> 3915 <div class="ready-template-section-editable-text-html-link no-data " data-editlink="link2" data-edittarget="href2" data-section="140993444" data-edit="text2585" data-edithref="" data-edittargetval=""> 3916 <span data-edit="text2585" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2585 rw-section-text" data-maxlength="1024"></span> 3917 </div> 3918 </div> 3919 </div> 3920 </div> 3921 <div class="rw-flex s-row-456 clearfix"> 3922 <div class="rw-flex s-column-1093"> 3923 <div class="div-s-image-714 ready-template-section-editable-button-image " data-editlink="link3" data-edittarget="href3" data-section="140993444"> 3924 <a class="ready-template-section-editable-link" href="/%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%9A%E0%B8%A5%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A-sme-%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B9%84%E0%B8%AB%E0%B8%99%E0%B8%94%E0%B8%B5" target="_self"> 3925 <img width="360" height="330" data-edit="image714" data-title="img1title" data-description="img1description" title="ระà¸à¸à¸¥à¸à¹à¸§à¸¥à¸² SME à¹à¸¥à¸·à¸à¸à¹à¸à¸à¹à¸«à¸à¸à¸µ" alt="ระà¸à¸à¸¥à¸à¹à¸§à¸¥à¸²à¸à¸µà¹à¸à¸µà¹à¸¡à¹à¸à¸§à¸£à¸à¸à¹à¸à¹ âà¸à¸²à¸£à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²â à¹à¸à¹à¸à¹à¸à¸à¸à¹à¸à¸¢à¸à¸à¹à¸à¸à¸¶à¸à¸à¸²à¸£à¸à¸£à¸´à¸«à¸²à¸£à¹à¸à¹à¸à¸£à¸´à¸ à¹à¸à¹à¸ 3926 3927à¸à¸²à¸£à¹à¸à¸·à¹à¸à¸¡à¸à¹à¸à¸à¸±à¸à¸£à¸°à¸à¸à¹à¸à¸´à¸à¹à¸à¸·à¸à¸ (Payroll) 3928à¸à¸²à¸£à¸à¸¹à¸£à¸²à¸¢à¸à¸²à¸à¹à¸à¸à¹à¸£à¸µà¸¢à¸¥à¹à¸à¸¡à¹ 3929à¸à¸²à¸£à¸£à¸à¸à¸£à¸±à¸à¸à¸²à¸£à¸à¸¢à¸²à¸¢à¸à¸µà¸¡à¹à¸à¸à¸à¸²à¸à¸ 3930 à¹à¸à¸£à¸²à¸°à¸«à¸²à¸à¸à¹à¸à¸à¹à¸à¸¥à¸µà¹à¸¢à¸à¸£à¸°à¸à¸à¹à¸«" data-section="140993444" data-width="360" data-height="330" src="/images/ready-template/crop-1780546707967.png" class="ready-template-section-editable-image s-image-714"> 3931 </a> 3932 </div> 3933 <div class="s-text-2598"> 3934 <div class="ready-template-section-editable-head-html-link " data-editlink="link4" data-edittarget="href4" data-section="140993444" data-edit="text2598" data-edithref="" data-edittargetval=""> 3935 <h2 data-edit="text2598" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2598 rw-section-h-sub" data-maxlength="256">ระà¸à¸à¸¥à¸à¹à¸§à¸¥à¸² SME à¹à¸¥à¸·à¸à¸à¹à¸à¸à¹à¸«à¸à¸à¸µ?</h2> 3936 </div>
3937 </div> 3938 <div class="s-text-2599"> 3939 <div class="ready-template-section-editable-text-html-link no-data " data-editlink="link5" data-edittarget="href5" data-section="140993444" data-edit="text2599" data-edithref="" data-edittargetval=""> 3940 <span data-edit="text2599" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2599 rw-section-text" data-maxlength="1024"></span> 3941 </div> 3942 </div> 3943 <div class="rw-flex ready-template-section-button-container div-s-button-244 "> 3944 <div> 3945 <a class="ready-template-section-editable-button s-button-244" href="/%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%9A%E0%B8%A5%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A-sme-%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B9%84%E0%B8%AB%E0%B8%99%E0%B8%94%E0%B8%B5" target="_blank" data-edit="button244" data-editlink="link6" data-edittarget="href6" data-section="140993444" data-maxlength="30" data-display="show"> 3946 <span class="ready-template-section-button-span">à¸à¹à¸²à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡</span> 3947 </a> 3948 </div> 3949 </div> 3950 </div> 3951 <div class="rw-flex s-column-1094"> 3952 <div class="div-s-image-712 ready-template-section-editable-button-image " data-editlink="link7" data-edittarget="href7" data-section="140993444"> 3953 <a class="ready-template-section-editable-link" href="/%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5%E0%B9%84%E0%B8%A1%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B9%89%E0%B8%99%E0%B8%A3%E0%B8%96%E0%B8%A2%E0%B8%99%E0%B8%95%E0%B9%8C-bluetooth-vs-rfid-vs-lpr-%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B9%84%E0%B8%AB%E0%B8%99%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%84%E0%B8%B8%E0%B9%89%E0%B8%A1%E0%B8%84%E0%B9%88%E0%B8%B2" target="_blank"> 3954 <img width="360" height="330" data-edit="image712" data-title="img2title" data-description="img2description" title="à¹à¸à¸à¹à¸à¹à¸¥à¸¢à¸µà¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹ à¹à¸¥à¸·à¸à¸à¹à¸à¸à¹à¸«à¸à¹à¸«à¹à¸à¸¸à¸¡à¸à¹à¸²" alt="à¹à¸à¸¢à¸¸à¸à¸à¸µà¹à¸à¸§à¸²à¸¡à¸à¸¥à¸à¸à¸ ัยà¹à¸¥à¸°à¸à¸²à¸£à¸à¸±à¸à¸à¸²à¸£à¹à¸à¹à¸²-à¸à¸à¸à¸à¸²à¸à¸²à¸£ (Access Control) à¸à¸±à¸à¸à¸²à¹à¸à¸à¸¢à¹à¸²à¸à¸£à¸§à¸à¹à¸£à¹à¸§ à¸à¸²à¸£à¸à¸±à¸à¸ªà¸´à¸à¹à¸à¹à¸¥à¸·à¸à¸à¸à¸´à¸à¸à¸±à¹à¸à¸£à¸°à¸à¸à¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¸à¸¥à¸²à¸¢à¹à¸à¹à¸à¹à¸£à¸·à¹à¸à¸à¸à¸µà¹à¸à¹à¸à¸à¸à¸´à¸à¹à¸«à¹à¸£à¸à¸à¸à¸à¸ " data-section="140993444" data-width="360" data-height="330" src="/images/ready-template/crop-1780546938023.png" class="ready-template-section-editable-image s-image-712"> 3955 </a> 3956 </div> 3957 <div class="s-text-2594"> 3958 <div class="ready-template-section-editable-head-html-link " data-editlink="link8" data-edittarget="href8" data-section="140993444" data-edit="text2594" data-edithref="/%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5%E0%B9%84%E0%B8%A1%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B9%89%E0%B8%99%E0%B8%A3%E0%B8%96%E0%B8%A2%E0%B8%99%E0%B8%95%E0%B9%8C-bluetooth-vs-rfid-vs-lpr-%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B9%84%E0%B8%AB%E0%B8%99%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%84%E0%B8%B8%E0%B9%89%E0%B8%A1%E0%B8%84%E0%B9%88%E0%B8%B2" data-edittargetval="_blank"> 3959 <a href="/%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5%E0%B9%84%E0%B8%A1%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B9%89%E0%B8%99%E0%B8%A3%E0%B8%96%E0%B8%A2%E0%B8%99%E0%B8%95%E0%B9%8C-bluetooth-vs-rfid-vs-lpr-%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B9%84%E0%B8%AB%E0%B8%99%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%84%E0%B8%B8%E0%B9%89%E0%B8%A1%E0%B8%84%E0%B9%88%E0%B8%B2" target="_blank"> 3960 <h2 data-edit="text2594" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2594 rw-section-h-sub" data-maxlength="256">à¹à¸à¸à¹à¸à¹à¸¥à¸¢à¸µà¹à¸¡à¹à¸à¸±à¹à¸à¸£à¸à¸¢à¸à¸à¹à¹à¸¥à¸·à¸à¸à¹à¸à¸à¹à¸«à¸à¸à¸µ</h2> 3961 </a> 3962 </div>
3963 </div> 3964 <div class="s-text-2595"> 3965 <div class="ready-template-section-editable-text-html-link no-data " data-editlink="link9" data-edittarget="href9" data-section="140993444" data-edit="text2595" data-edithref="" data-edittargetval=""> 3966 <span data-edit="text2595" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2595 rw-section-text" data-maxlength="1024"></span> 3967 </div> 3968 </div> 3969 <div class="rw-flex ready-template-section-button-container div-s-button-242 "> 3970 <div> 3971 <a class="ready-template-section-editable-button s-button-242" href="/%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0%B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5%E0%B9%84%E0%B8%A1%E0%B9%89%E0%B8%81%E0%B8%B1%E0%B9%89%E0%B8%99%E0%B8%A3%E0%B8%96%E0%B8%A2%E0%B8%99%E0%B8%95%E0%B9%8C-bluetooth-vs-rfid-vs-lpr-%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A%E0%B9%84%E0%B8%AB%E0%B8%99%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%84%E0%B8%B8%E0%B9%89%E0%B8%A1%E0%B8%84%E0%B9%88%E0%B8%B2" target="_blank" data-edit="button242" data-editlink="link10" data-edittarget="href10" data-section="140993444" data-maxlength="30" data-display="show"> 3972 <span class="ready-template-section-button-span">à¸à¹à¸²à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡</span> 3973 </a> 3974 </div> 3975 </div> 3976 </div> 3977 <div class="rw-flex s-column-1095"> 3978 <div class="div-s-image-713 ready-template-section-editable-button-image " data-editlink="link11" data-edittarget="href11" data-section="140993444"> 3979 <a class="ready-template-section-editable-link" href="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B9%81%E0%B8%81%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%89%E0%B8%A7%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%83%E0%B8%9A%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-%E0%B8%A5%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%96%E0%B8%B7%E0%B8%AD" target="_self"> 3980 <img width="360" height="330" data-edit="image713" data-title="img3title" data-description="img3description" title="à¹à¸à¸£à¸·à¹à¸à¸à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸à¸à¹à¸§à¸¢à¸¡à¸·à¸à¸à¸·à¸" alt="ระà¸à¸à¸ªà¹à¸à¸à¸à¸´à¹à¸§à¹à¸¥à¸°à¹à¸à¸«à¸à¹à¸² à¹à¸à¸·à¹à¸à¸¡à¸à¹à¸à¸à¸±à¸à¸£à¸°à¸à¸ Cloud à¹à¸¥à¸°à¹à¸à¸à¸¡à¸·à¸à¸à¸·à¸ à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸±à¹à¸à¸«à¸¡à¸à¸à¸°à¸à¸¹à¸à¸à¸±à¸à¸à¸¶à¸à¹à¸¥à¸°à¸à¸±à¸à¹à¸à¸à¹à¸à¸à¹à¸£à¸µà¸¢à¸¥à¹à¸à¸¡à¹ à¸à¸¹à¹à¸à¸£à¸´à¸«à¸²à¸£à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸£à¸§à¸à¸ªà¸à¸à¸ªà¸à¸²à¸à¸°à¸à¸à¸±à¸à¸à¸²à¸à¹à¸à¹à¸à¸±à¸à¸à¸µ" data-section="140993444" data-width="360" data-height="330" src="/images/ready-template/crop-1780547337842.png" class="ready-template-section-editable-image s-image-713"> 3981 </a> 3982 </div> 3983 <div class="s-text-2596"> 3984 <div class="ready-template-section-editable-head-html-link " data-editlink="link12" data-edittarget="href12" data-section="140993444" data-edit="text2596" data-edithref="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B9%81%E0%B8%81%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%89%E0%B8%A7%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%83%E0%B8%9A%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-%E0%B8%A5%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%96%E0%B8%B7%E0%B8%AD" data-edittargetval="_blank"> 3985 <a href="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B9%81%E0%B8%81%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%89%E0%B8%A7%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%83%E0%B8%9A%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-%E0%B8%A5%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%96%E0%B8%B7%E0%B8%AD" target="_blank"> 3986 <h2 data-edit="text2596" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2596 rw-section-h-sub" data-maxlength="256">à¹à¸à¸£à¸·à¹à¸à¸à¸à¸±à¸à¸à¸¶à¸à¹à¸§à¸¥à¸² à¸à¹à¸§à¸¢à¸¡à¸·à¸à¸à¸·à¸</h2> 3987 </a> 3988 </div>
3989 </div> 3990 <div class="s-text-2597"> 3991 <div class="ready-template-section-editable-text-html-link no-data " data-editlink="link13" data-edittarget="href13" data-section="140993444" data-edit="text2597" data-edithref="" data-edittargetval=""> 3992 <span data-edit="text2597" data-section="140993444" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-2597 rw-section-text" data-maxlength="1024"></span> 3993 </div> 3994 </div> 3995 <div class="rw-flex ready-template-section-button-container div-s-button-243 "> 3996 <div> 3997 <a class="ready-template-section-editable-button s-button-243" href="/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B9%81%E0%B8%81%E0%B8%99%E0%B8%99%E0%B8%B4%E0%B9%89%E0%B8%A7%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%83%E0%B8%9A%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2-%E0%B8%A5%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%96%E0%B8%B7%E0%B8%AD" target="_blank" data-edit="button243" data-editlink="link14" data-edittarget="href14" data-section="140993444" data-maxlength="30" data-display="show"> 3998 <span class="ready-template-section-button-span">à¸à¹à¸²à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡</span> 3999 </a> 4000 </div> 4001 </div> 4002 </div> 4003 </div> 4004 </div> 4005</div> 4006 </div> 4007 </div> 4008 <div id="hidable-140999984" class="hidable"> 4009 <div class="hidable-content text-section-container" > 4010 <div class="text-section-loader "> 4011<div style="position: relative; width: 100%; height: 0; padding-top: 56.2225%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;"><iframe style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0; margin: 0;" src="https://www.canva.com/design/DAHMtwWF3tQ/4HJnrfjziCsoPS-MGK69Cw/view?embed" width="300" height="150" allowfullscreen="allowfullscreen"> 4012 </iframe></div> </div> 4013 </div> 4014 </div> 4015 <div id="hidable-141000075" class="hidable"> 4016 <div class="hidable-content text-section-container" > 4017 <div class="text-section-loader narrow"> 4018<h1 style="text-align: center;"><span style="font-size: 24pt;"><strong><span style="font-family: Sarabun, sans-serif;">à¸à¹à¸²à¸¢à¸à¸£à¸´à¸à¸²à¸£à¸¥à¸¹à¸à¸à¹à¸² วัà¸à¸à¸±à¸à¸à¸£à¹ -ศุà¸à¸£à¹ 08:30 - 17:30 à¸. </span></strong></span></h1> </div> 4019 </div> 4020 </div> 4021 <div id="hidable-141000041" class="hidable"> 4022 <div class="ready-template-section-container-40 hidable-content ready-template-content-section" > 4023 <div class="ready-template-section-editable-background lazyload s-section-38" data-edit="sectionimage38" data-section="141000041" data-bg="/images/ready-template/1781605008599.png"> 4024 <div class="ready-template-section-container-opacity "></div> 4025 <div class="s-row-312 clearfix"> 4026 <div class="s-column-800"> 4027 <div class="div-s-image-548 ready-template-section-editable-button-image " data-editlink="link1" data-edittarget="href1" data-section="141000041"> 4028 <img width="350" height="220" data-edit="image548" data-title="img1title" data-description="img1description" title="" alt="" data-section="141000041" data-width="350" data-height="220" src="/images/ready-template/crop-1781609251963.png" class="ready-template-section-editable-image s-image-548"> 4029 </div> 4030 <div class="s-text-1909"> 4031 <div class="ready-template-section-editable-text-html-link" data-editlink="link2" data-edittarget="href2" data-section="141000041" data-edit="text1909" data-edithref="" data-edittargetval=""> 4032 <span data-edit="text1909" data-section="141000041" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1909 rw-section-text" data-maxlength="1024">à¹à¸à¸£à¸¨à¸±à¸à¸à¹ : 0-20288614<br>มืà¸à¸à¸·à¸ : 095-9517239<br>มืà¸à¸à¸·à¸ : 082-3929655<br></span> 4033 </div> 4034 </div> 4035 <div class="s-text-1910"> 4036 <div class="ready-template-section-editable-head-html-link" data-editlink="link3" data-edittarget="href3" data-section="141000041" data-edit="text1910" data-edithref="" data-edittargetval=""> 4037 <h2 data-edit="text1910" data-section="141000041" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1910 rw-section-h-main rw-section-context-main-margin" data-maxlength="256">à¸à¹à¸²à¸¢à¸à¸²à¸¢</h2> 4038 </div> 4039 </div> 4040 </div> 4041 <div class="s-column-801"> 4042 <div class="div-s-image-549 ready-template-section-editable-button-image " data-editlink="link4" data-edittarget="href4" data-section="141000041"> 4043 <img width="350" height="220" data-edit="image549" data-title="img2title" data-description="img2description" title="" alt="" data-section="141000041" data-width="350" data-height="220" src="/images/ready-template/crop-1781609267518.png" class="ready-template-section-editable-image s-image-549"> 4044 </div> 4045 <div class="s-text-1911"> 4046 <div class="ready-template-section-editable-text-html-link" data-editlink="link5" data-edittarget="href5" data-section="141000041" data-edit="text1911" data-edithref="" data-edittargetval=""> 4047 <span data-edit="text1911" data-section="141000041" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1911 rw-section-text" data-maxlength="1024">à¹à¸à¸£à¸¨à¸±à¸à¸à¹ : 0-20288614<br>มืà¸à¸à¸·à¸ : 082-3565561<br>มืà¸à¸à¸·à¸ : 080-4916592</span> 4048 </div> 4049 </div> 4050 <div class="s-text-1912"> 4051 <div class="ready-template-section-editable-head-html-link" data-editlink="link6" data-edittarget="href6" data-section="141000041" data-edit="text1912" data-edithref="" data-edittargetval=""> 4052 <h2 data-edit="text1912" data-section="141000041" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1912 rw-section-h-main rw-section-context-main-margin" data-maxlength="256">à¸à¹à¸²à¸¢ Software</h2> 4053 </div> 4054 </div> 4055 </div> 4056 <div class="s-column-802"> 4057 <div class="div-s-image-550 ready-template-section-editable-button-image " data-editlink="link7" data-edittarget="href7" data-section="141000041"> 4058 <img width="350" height="220" data-edit="image550" data-title="img3title" data-description="img3description" title="" alt="" data-section="141000041" data-width="350" data-height="220" src="/images/ready-template/crop-1781609280951.png" class="ready-template-section-editable-image s-image-550"> 4059 </div> 4060 <div class="s-text-1913"> 4061 <div class="ready-template-section-editable-text-html-link" data-editlink="link8" data-edittarget="href8" data-section="141000041" data-edit="text1913" data-edithref="" data-edittargetval=""> 4062 <span data-edit="text1913" data-section="141000041" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1913 rw-section-text" data-maxlength="1024">à¹à¸à¸£à¸¨à¸±à¸à¸à¹ : 0-20288614<br> มืà¸à¸à¸·à¸ : 088-5789694<br>มืà¸à¸à¸·à¸ : 081-2060555</span> 4063 </div> 4064 </div> 4065 <div class="s-text-1914"> 4066 <div class="ready-template-section-editable-head-html-link" data-editlink="link9" data-edittarget="href9" data-section="141000041" data-edit="text1914" data-edithref="" data-edittargetval=""> 4067 <h2 data-edit="text1914" data-section="141000041" data-placeholder="à¸à¸£à¸à¸à¸à¹à¸à¸à¸§à¸²à¸¡à¸à¸µà¹à¸à¸µà¹..." class="ready-template-section-editable-text s-text-1914 rw-section-h-main rw-section-context-main-margin" data-maxlength="256">à¸à¹à¸²à¸¢ Hardware</h2> 4068 </div> 4069 </div> 4070 </div> 4071 </div> 4072 <div class="s-row-313 clearfix"> 4073 <div class="s-column-803"> 4074 <div class="ready-template-section-button-container div-s-button-250"> 4075 <a class="ready-template-section-editable-button s-button-250" href="javascript:void(0);" target="" data-edit="button250" data-editlink="link10" data-edittarget="href10" data-section="141000041" data-maxlength="30" data-display="hide"> 4076 <span class="ready-template-section-button-span">read more</span> 4077 </a> 4078 </div> 4079 </div> 4080 </div> 4081</div> 4082 </div> 4083 </div> 4084 <div id="hidable-141000433" class="hidable"> 4085 <div class="hidable-content html-section-container" > 4086 <div class="html-section html-section-loader"> 4087 <table style="margin-left: auto; margin-right: auto;"> 4088<tbody> 4089<tr> 4090<td><img src="/images/editor/call to action/ctc (1).gif" alt="" width="595" height="202"></td> 4091<td> </td> 4092<td><img src="/images/editor/call to action/ctc (2).gif" alt="" width="595" height="202"></td> 4093</tr> 4094</tbody> 4095</table> </div> 4096 </div> 4097 </div> 4098 4099</div> 4100 <div class="clear"></div> 4101 4102 </div> 4103 4104 4105 4106 <div id="footer"> 4107 <div id="footer-text"> 4108 <p><br>
4109<script src="https://cdn.tailwindcss.com"></script>
4109 4110</p> 4111<style><!-- 4112body { 4113 font-family: 'Sarabun', Sarabun; 4114 } 4115--></style> 4116<!-- Footer Classic --><footer class="bg-gradient-to-r from-slate-800 to-slate-900 text-white"> 4117<div class="max-w-6xl mx-auto px-4 py-6"> 4118<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4"><!-- Company Info --> 4119<div class="space-y-3"> 4120<h3 class="text-xl font-bold text-blue-300 mb-3">à¸à¸£à¸´à¸©à¸±à¸à¹à¸¡à¹à¸à¸à¸´à¸à¸ªà¹ à¹à¸à¸¥à¸¹à¸à¸±à¹à¸ à¸à¸³à¸à¸±à¸</h3> 4121<p class="text-gray-300 leading-relaxed text-sm mb-3">à¹à¸£à¸²à¹à¸«à¹à¸à¸£à¸´à¸à¸²à¸£à¸à¸µà¹à¸à¸µà¸à¸µà¹à¸ªà¸¸à¸à¹à¸à¸·à¹à¸à¸¥à¸¹à¸à¸à¹à¸²à¸à¸¸à¸à¸à¹à¸²à¸ à¸à¸£à¹à¸à¸¡à¸à¸µà¸¡à¸à¸²à¸à¸¡à¸·à¸à¸à¸²à¸à¸µà¸à¸à¸µà¹à¸à¸à¸¢à¸à¸¹à¹à¸¥à¹à¸¥à¸°à¹à¸«à¹à¸à¸³à¸à¸£à¸¶à¸à¸©à¸²</p> 4122<div class="space-y-2"> 4123<div class="flex items-center space-x-2"><span class="text-gray-300 text-xs"><span style="font-size: 0.75rem;">à¸à¸£à¸´à¸à¸²à¸£à¸¡à¸·à¸à¸à¸²à¸à¸µà¸</span></span></div> 4124<div class="flex items-center space-x-2"><span class="text-gray-300 text-xs">à¸à¸¹à¹à¸¥à¸¥à¸¹à¸à¸à¹à¸²à¹à¸¡à¹à¸«à¸¡à¸ Waranty</span></div> 4125<div class="flex items-center space-x-2"><span class="text-gray-300 text-xs">à¹à¸à¸à¹à¸à¹à¸¥à¸¢à¸µà¸à¸±à¸à¸ªà¸¡à¸±à¸¢</span></div> 4126</div> 4127</div> 4128<!-- Services Menu --> 4129<div class="space-y-3"> 4130<h4 class="text-lg font-semibold text-blue-300 mb-3">à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¹à¸£à¸²</h4> 4131<div class="space-y-1"> 4132<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4133<div><a class="text-gray-300 hover:text-yellow-300 transition-colors duration-200 font-medium text-sm" href="/16855400/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1">à¸à¸à¸à¸§à¸²à¸¡</a> 4134<p class="text-gray-400 text-xs">à¸à¸à¸à¸§à¸²à¸¡à¹à¸à¸à¹à¸à¹à¸¥à¸¢à¸µà¹à¸¥à¸°à¸à¸¹à¹à¸¡à¸·à¸</p> 4135</div> 4136</div> 4137<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4138<div><a class="text-gray-300 hover:text-green-300 transition-colors duration-200 font-medium text-sm" href="/16855050/%E0%B8%94%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C%E0%B9%82%E0%B8%AB%E0%B8%A5%E0%B8%94">à¸à¸²à¸§à¸à¹à¹à¸«à¸¥à¸</a> 4139<p class="text-gray-400 text-xs">à¸à¸à¸à¸à¹à¹à¸§à¸£à¹à¹à¸¥à¸°à¹à¸à¸¥à¹à¸ªà¸³à¸à¸±à¸</p> 4140</div> 4141</div> 4142<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4143<div><a class="text-gray-300 hover:text-purple-300 transition-colors duration-200 font-medium text-sm" href="https://anydesk.com/en/downloads/windows">à¹à¸à¸£à¹à¸à¸£à¸¡à¸£à¸µà¹à¸¡à¸à¸«à¸à¹à¸²à¸à¸</a> 4144<p class="text-gray-400 text-xs">à¸à¸§à¸à¸à¸¸à¸¡à¸£à¸°à¸¢à¸°à¹à¸à¸¥à¹à¸¥à¸°à¸à¸±à¸à¸à¸à¸£à¹à¸</p> 4145</div> 4146</div> 4147<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4148<div><a class="text-gray-300 hover:text-red-300 transition-colors duration-200 font-medium text-sm" href="/vdo-clip">à¸à¸¡à¸à¸¥à¸´à¸ VDO</a> 4149<p class="text-gray-400 text-xs">วิà¸à¸µà¹à¸à¸ªà¸²à¸à¸´à¸à¹à¸¥à¸°à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸</p> 4150</div> 4151</div> 4152</div> 4153</div> 4154<!-- Contact Info --> 4155<div class="space-y-3"> 4156<h4 class="text-lg font-semibold text-blue-300 mb-3">à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²</h4> 4157<div class="space-y-2"> 4158<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4159<div><a class="text-gray-300 hover:text-blue-300 transition-colors duration-200 font-medium text-sm" href="mailto:[email protected]">[email protected] </a> 4160<p class="text-gray-400 text-xs">à¸à¸µà¹à¸¡à¸¥à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸´à¸à¸à¹à¸à¸à¸²à¸¢</p> 4161</div> 4162</div> 4163<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4164<div><span class="text-gray-300 font-medium text-sm">à¹à¸§à¸¥à¸²à¸à¸³à¸à¸²à¸£</span> 4165<p class="text-gray-400 text-xs">à¸à¸±à¸à¸à¸£à¹-ศุà¸à¸£à¹ 8:30-17:30 à¸.</p> 4166</div> 4167</div> 4168<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4169<div><span class="text-gray-300 font-medium text-sm">à¸à¸µà¹à¸à¸¢à¸¹à¹</span> 4170<p class="text-gray-400 text-xs">à¸à¸£à¸¸à¸à¹à¸à¸à¸¡à¸«à¸²à¸à¸à¸£ à¸à¸£à¸°à¹à¸à¸¨à¹à¸à¸¢</p> 4171</div> 4172</div> 4173</div> 4174</div> 4175<!-- Phone Numbers --> 4176<div class="space-y-3"> 4177<h4 class="text-lg font-semibold text-blue-300 mb-3">หมายà¹à¸¥à¸à¹à¸à¸£à¸¨à¸±à¸à¸à¹</h4> 4178<div class="space-y-1"> 4179<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4180<div><a class="text-gray-300 hover:text-blue-300 transition-colors duration-200 font-medium text-sm" href="tel:020288614">0-2028-8614</a> 4181<p class="text-gray-400 text-xs">สำà¸à¸±à¸à¸à¸²à¸à¹à¸«à¸à¹</p> 4182</div> 4183</div> 4184<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4185<div><a class="text-gray-300 hover:text-green-300 transition-colors duration-200 font-medium text-sm" href="tel:0885789694">088-578-9694</a> 4186<p class="text-gray-400 text-xs">à¸à¹à¸²à¸¢à¸à¸²à¸¢</p> 4187</div> 4188</div> 4189<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4190<div><a class="text-gray-300 hover:text-green-300 transition-colors duration-200 font-medium text-sm" href="tel:0959517239">095-951-7239</a> 4191<p class="text-gray-400 text-xs">à¸à¹à¸²à¸¢à¹à¸à¸à¸à¸´à¸</p> 4192</div> 4193</div> 4194<div class="flex items-center space-x-2 p-1 rounded-lg hover:bg-white/5 transition-colors"> 4195<div><a class="text-gray-300 hover:text-green-300 transition-colors duration-200 font-medium text-sm" href="tel:0823929655">082-392-9655</a> 4196<p class="text-gray-400 text-xs">à¸à¹à¸²à¸¢à¸ªà¸à¸±à¸à¸ªà¸à¸¸à¸</p> 4197</div> 4198</div> 4199</div> 4200</div> 4201<!-- Newsletter Section --> 4202<div class="space-y-3"> 4203<h4 class="text-lg font-semibold text-blue-300 mb-3">à¸à¸´à¸à¸à¸²à¸¡à¹à¸£à¸²à¸à¸à¹à¸à¹à¸à¸µà¸¢à¸¥à¸¡à¸µà¹à¸à¸µà¸¢</h4> 4204<table style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; text-align: center; margin-left: auto; margin-right: auto;"> 4205<tbody style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"> 4206<tr style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"> 4207<td style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"><a style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" href="https://page.line.me/mionic?openQrModal=true" target="_blank"><img style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" src="/images/editor/social%20media/social%20media%20(1).png" alt="" width="30" height="30"></a></td> 4208<td style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"><a style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; outline: 0px;" href="https://www.youtube.com/user/minynet" target="_blank"><img style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" src="/images/editor/social%20media/3.png" alt="" width="30" height="30"></a></td> 4209<td style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"><a style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" href="https://www.instagram.com/mionicsolution/" target="_blank"><img style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" src="/images/editor/social%20media/4.png" alt="" width="30" height="30"></a></td> 4210<td style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"><a style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" href="https://www.tiktok.com/@mionicsolution?is_from_webapp=1&sender_device=pc" target="_blank"><img style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" src="/images/editor/social%20media/5.png" alt="" width="30" height="30"></a></td> 4211<td style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"><span style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"><span style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;"><a style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" href="https://www.facebook.com/MionicSolution" target="_blank"><img style="--tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;" src="/images/editor/social%20media/social%20media.png" alt="" width="30" height="30"></a></span></span></td> 4212</tr> 4213</tbody> 4214</table> 4215</div> 4216</div> 4217<div class="border-t border-gray-700 mt-4 pt-4"> 4218<div class="text-center space-y-4"> 4219<div class="flex justify-center space-x-4"><span style="color: #9ca3af; font-size: 0.875rem;">© 2026 à¸à¸£à¸´à¸©à¸±à¸à¹à¸¡à¹à¸à¸à¸´à¸à¸ªà¹ à¹à¸à¸¥à¸¹à¸à¸±à¹à¸ à¸à¸³à¸à¸±à¸ สà¸à¸§à¸à¸¥à¸´à¸à¸ªà¸´à¸à¸à¸´à¹</span></div> 4220</div> 4221</div> 4222</div> 4223</footer> 4224<p>
4225<script>// <![CDATA[ 4226function subscribeNewsletter() { 4227 const emailInput = document.getElementById('newsletter-email'); 4228 const messageElement = document.getElementById('newsletter-message'); 4229 const email = emailInput.value.trim(); 4230 4231 // Simple email validation 4232 const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 4233 4234 if (!email) { 4235 alert('à¸à¸£à¸¸à¸à¸²à¸à¸£à¸à¸à¸à¸µà¹à¸¡à¸¥à¸à¸à¸à¸à¸¸à¸'); 4236 return; 4237 } 4238 4239 if (!emailRegex.test(email)) { 4240 alert('à¸à¸£à¸¸à¸à¸²à¸à¸£à¸à¸à¸à¸µà¹à¸¡à¸¥à¹à¸«à¹à¸à¸¹à¸à¸à¹à¸à¸'); 4241 return; 4242 } 4243 4244 // Show success message 4245 messageElement.style.opacity = '1'; 4246 emailInput.value = ''; 4247 4248 // Hide message after 3 seconds 4249 setTimeout(() => { 4250 messageElement.style.opacity = '0'; 4251 }, 3000); 4252 } 4253 4254 // Allow Enter key to submit newsletter 4255 document.addEventListener('DOMContentLoaded', function() { 4256 const emailInput = document.getElementById('newsletter-email'); 4257 emailInput.addEventListener('keypress', function(e) { 4258 if (e.key === 'Enter') { 4259 subscribeNewsletter(); 4260 } 4261 }); 4262 }); 4263// ]]></script>
vendor: 1 bytes, line 4263
4263
4264<script>// <![CDATA[ 4265(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97a3a7aef6d0ee21',t:'MTc1NzA1MzU4Ni4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})(); 4266// ]]></script>
4266 4267</p> </div> 4268 </div> 4269 4270 <div id="visitor-counter"> 4271 Visitors: <span class="value">1,425,109</span> 4272</div> 4273 <div id="layout-powered-by"> 4274 <div id='powered-by'> 4275 <a href='https://www.readyplanet.com/16544025/r-web?utm_source=www.mionicsolution.com&utm_medium=referral&utm_content=powered_by' target='_blank'> 4276 <img width='150' height='32' src='/modules/flexi/images/powered-by-rp-2020.svg' alt='Powered by ReadyPlanet' title='Powered by ReadyPlanet' /> 4277 </a> 4278 </div> </div> 4279 </div> 4280 </div> <!-- #body-bg --> 4281 4282 4283
4284<script type="text/javascript"> 4285 var rshop_cart_configs = { 4286 "public_token": "3ec614d01082a09b6eea0a724630ad45", 4287 "locale": "th", 4288 "primary_main_color": "#774633", 4289 "primary_sub_color": "#ffffff", 4290 "secondary_main_color": "#e0ad72", 4291 "secondary_sub_color": "#ffffff", 4292 "link_color": "#e0ad72", 4293 "member": "0", 4294 "member_id": "0", 4295 "gclid": "", 4296 "global_font": "Sarabun", 4297 "open_modal": "0", 4298 "server_env": "production", //staging,production 4299 "multi_language_id": "", 4300 "omise": { 4301 "order_status": "", 4302 "order_id": "", 4303 "error_code": "" 4304 }, 4305 "kpayment": { 4306 "order_status": "", 4307 "order_id": "", 4308 "error_code": "" 4309 }, 4310 "order_id": "", 4311 "load": 0 }; 4312</script>
vendor: 1 bytes, line 4312
4312
4313<script type="text/javascript" src="/modules/flexi/js/rshop/cart-script.min.js?v=4.104.1.0"> 4314</script>
4314 4315 4316 4317<div id="header-language-switcher-dropdown" 4318 class="jq-dropdown jq-dropdown-anchor-right jq-dropdown-tip" 4319> 4320 <ul class="jq-dropdown-menu"> 4321 </ul> 4322</div> 4323
4323<script> 4324 var isRWigetInit = false; 4325 4326 window.addEventListener('mousemove', addRWidgetScript); 4327 window.addEventListener('touchstart', addRWidgetScript); 4328 4329 function addRWidgetScript() { 4330 if (!isRWigetInit) { 4331 var bodyTag = document.getElementsByTagName('body')[0]; 4332 var rwidgetScript = document.createElement('script'); 4333 rwidgetScript.src = 'https://rwidget.readyplanet.com/widget/widget.min.js?business_id=93b0f780e554949825b712c92cf53103'; 4334 rwidgetScript.id = 'r-widget-script'; 4335 rwidgetScript.type = 'text/javascript'; 4336 rwidgetScript.charset = 'UTF-8'; 4337 bodyTag.appendChild(rwidgetScript); 4338 } 4339 isRWigetInit = true; 4340 } 4341 </script>
4341 4342 <div id="rshop-scripts-container"></div> 4343</body> 4344</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.