PageSourceSearch

https://www.mionicsolution.com/

html mionicsolution.com collected 2026-10-07 08:02:54 UTC 314,978 bytes, 4,344 lines download raw bytes

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.)&nbsp;</strong></span></h1>
3031<div><span style="font-size: 24pt; font-family: 'Noto Sans Thai', sans-serif;"><strong>&nbsp;</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>&nbsp;</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&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;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>&nbsp;</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>&nbsp;</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 น.&nbsp;</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>&nbsp;</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&amp;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.