@import url('https://fonts.googleapis.com/css?family=Kanit:300,500,700'); input, input.h1, input.h2, input.h3, input.h4, input.h5, input.h6, input .h1, input .h2, input .h3, input .h4, input .h5, input .h6, button, button.h1, button.h2, button.h3, button.h4, button.h5, button.h6, button .h1, button .h2, button .h3, button .h4, button .h5, button .h6, select, select.h1, select.h2, select.h3, select.h4, select.h5, select.h6, select .h1, select .h2, select .h3, select .h4, select .h5, select .h6, textarea, textarea.h1, textarea.h2, textarea.h3, textarea.h4, textarea.h5, textarea.h6, textarea .h1, textarea .h2, textarea .h3, textarea .h4, textarea .h5, textarea .h6, body, body.h1, body.h2, body.h3, body.h4, body.h5, body.h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6, .lead, .lead.h1, .lead.h2, .lead.h3, .lead.h4, .lead.h5, .lead.h6, .lead .h1, .lead .h2, .lead .h3, .lead .h4, .lead .h5, .lead .h6, .font-body, .font-body.h1, .font-body.h2, .font-body.h3, .font-body.h4, .font-body.h5, .font-body.h6, .font-body .h1, .font-body .h2, .font-body .h3, .font-body .h4, .font-body .h5, .font-body .h6 { font-family: 'Kanit', sans-serif; font-weight: 300; } input strong, input.bold, input .bold, input.h1 strong, input.h1.bold, input.h1 .bold, input.h2 strong, input.h2.bold, input.h2 .bold, input.h3 strong, input.h3.bold, input.h3 .bold, input.h4 strong, input.h4.bold, input.h4 .bold, input.h5 strong, input.h5.bold, input.h5 .bold, input.h6 strong, input.h6.bold, input.h6 .bold, input .h1 strong, input .h1.bold, input .h1 .bold, input .h2 strong, input .h2.bold, input .h2 .bold, input .h3 strong, input .h3.bold, input .h3 .bold, input .h4 strong, input .h4.bold, input .h4 .bold, input .h5 strong, input .h5.bold, input .h5 .bold, input .h6 strong, input .h6.bold, input .h6 .bold, button strong, button.bold, button .bold, button.h1 strong, button.h1.bold, button.h1 .bold, button.h2 strong, button.h2.bold, button.h2 .bold, button.h3 strong, button.h3.bold, button.h3 .bold, button.h4 strong, button.h4.bold, button.h4 .bold, button.h5 strong, button.h5.bold, button.h5 .bold, button.h6 strong, button.h6.bold, button.h6 .bold, button .h1 strong, button .h1.bold, button .h1 .bold, button .h2 strong, button .h2.bold, button .h2 .bold, button .h3 strong, button .h3.bold, button .h3 .bold, button .h4 strong, button .h4.bold, button .h4 .bold, button .h5 strong, button .h5.bold, button .h5 .bold, button .h6 strong, button .h6.bold, button .h6 .bold, select strong, select.bold, select .bold, select.h1 strong, select.h1.bold, select.h1 .bold, select.h2 strong, select.h2.bold, select.h2 .bold, select.h3 strong, select.h3.bold, select.h3 .bold, select.h4 strong, select.h4.bold, select.h4 .bold, select.h5 strong, select.h5.bold, select.h5 .bold, select.h6 strong, select.h6.bold, select.h6 .bold, select .h1 strong, select .h1.bold, select .h1 .bold, select .h2 strong, select .h2.bold, select .h2 .bold, select .h3 strong, select .h3.bold, select .h3 .bold, select .h4 strong, select .h4.bold, select .h4 .bold, select .h5 strong, select .h5.bold, select .h5 .bold, select .h6 strong, select .h6.bold, select .h6 .bold, textarea strong, textarea.bold, textarea .bold, textarea.h1 strong, textarea.h1.bold, textarea.h1 .bold, textarea.h2 strong, textarea.h2.bold, textarea.h2 .bold, textarea.h3 strong, textarea.h3.bold, textarea.h3 .bold, textarea.h4 strong, textarea.h4.bold, textarea.h4 .bold, textarea.h5 strong, textarea.h5.bold, textarea.h5 .bold, textarea.h6 strong, textarea.h6.bold, textarea.h6 .bold, textarea .h1 strong, textarea .h1.bold, textarea .h1 .bold, textarea .h2 strong, textarea .h2.bold, textarea .h2 .bold, textarea .h3 strong, textarea .h3.bold, textarea .h3 .bold, textarea .h4 strong, textarea .h4.bold, textarea .h4 .bold, textarea .h5 strong, textarea .h5.bold, textarea .h5 .bold, textarea .h6 strong, textarea .h6.bold, textarea .h6 .bold, body strong, body.bold, body .bold, body.h1 strong, body.h1.bold, body.h1 .bold, body.h2 strong, body.h2.bold, body.h2 .bold, body.h3 strong, body.h3.bold, body.h3 .bold, body.h4 strong, body.h4.bold, body.h4 .bold, body.h5 strong, body.h5.bold, body.h5 .bold, body.h6 strong, body.h6.bold, body.h6 .bold, body .h1 strong, body .h1.bold, body .h1 .bold, body .h2 strong, body .h2.bold, body .h2 .bold, body .h3 strong, body .h3.bold, body .h3 .bold, body .h4 strong, body .h4.bold, body .h4 .bold, body .h5 strong, body .h5.bold, body .h5 .bold, body .h6 strong, body .h6.bold, body .h6 .bold, .lead strong, .lead.bold, .lead .bold, .lead.h1 strong, .lead.h1.bold, .lead.h1 .bold, .lead.h2 strong, .lead.h2.bold, .lead.h2 .bold, .lead.h3 strong, .lead.h3.bold, .lead.h3 .bold, .lead.h4 strong, .lead.h4.bold, .lead.h4 .bold, .lead.h5 strong, .lead.h5.bold, .lead.h5 .bold, .lead.h6 strong, .lead.h6.bold, .lead.h6 .bold, .lead .h1 strong, .lead .h1.bold, .lead .h1 .bold, .lead .h2 strong, .lead .h2.bold, .lead .h2 .bold, .lead .h3 strong, .lead .h3.bold, .lead .h3 .bold, .lead .h4 strong, .lead .h4.bold, .lead .h4 .bold, .lead .h5 strong, .lead .h5.bold, .lead .h5 .bold, .lead .h6 strong, .lead .h6.bold, .lead .h6 .bold, .font-body strong, .font-body.bold, .font-body .bold, .font-body.h1 strong, .font-body.h1.bold, .font-body.h1 .bold, .font-body.h2 strong, .font-body.h2.bold, .font-body.h2 .bold, .font-body.h3 strong, .font-body.h3.bold, .font-body.h3 .bold, .font-body.h4 strong, .font-body.h4.bold, .font-body.h4 .bold, .font-body.h5 strong, .font-body.h5.bold, .font-body.h5 .bold, .font-body.h6 strong, .font-body.h6.bold, .font-body.h6 .bold, .font-body .h1 strong, .font-body .h1.bold, .font-body .h1 .bold, .font-body .h2 strong, .font-body .h2.bold, .font-body .h2 .bold, .font-body .h3 strong, .font-body .h3.bold, .font-body .h3 .bold, .font-body .h4 strong, .font-body .h4.bold, .font-body .h4 .bold, .font-body .h5 strong, .font-body .h5.bold, .font-body .h5 .bold, .font-body .h6 strong, .font-body .h6.bold, .font-body .h6 .bold { font-weight: 700; } h1, h1.h1, h1.h2, h1.h3, h1.h4, h1.h5, h1.h6, h2, h2.h1, h2.h2, h2.h3, h2.h4, h2.h5, h2.h6, h3, h3.h1, h3.h2, h3.h3, h3.h4, h3.h5, h3.h6, h4, h4.h1, h4.h2, h4.h3, h4.h4, h4.h5, h4.h6, h5, h5.h1, h5.h2, h5.h3, h5.h4, h5.h5, h5.h6, h6, h6.h1, h6.h2, h6.h3, h6.h4, h6.h5, h6.h6, .font-heading, .font-heading.h1, .font-heading.h2, .font-heading.h3, .font-heading.h4, .font-heading.h5, .font-heading.h6 { font-family: 'Kanit', sans-serif; font-weight: 500; } h1 strong, h1.bold, h1 .bold, h1.h1 strong, h1.h1.bold, h1.h1 .bold, h1.h2 strong, h1.h2.bold, h1.h2 .bold, h1.h3 strong, h1.h3.bold, h1.h3 .bold, h1.h4 strong, h1.h4.bold, h1.h4 .bold, h1.h5 strong, h1.h5.bold, h1.h5 .bold, h1.h6 strong, h1.h6.bold, h1.h6 .bold, h2 strong, h2.bold, h2 .bold, h2.h1 strong, h2.h1.bold, h2.h1 .bold, h2.h2 strong, h2.h2.bold, h2.h2 .bold, h2.h3 strong, h2.h3.bold, h2.h3 .bold, h2.h4 strong, h2.h4.bold, h2.h4 .bold, h2.h5 strong, h2.h5.bold, h2.h5 .bold, h2.h6 strong, h2.h6.bold, h2.h6 .bold, h3 strong, h3.bold, h3 .bold, h3.h1 strong, h3.h1.bold, h3.h1 .bold, h3.h2 strong, h3.h2.bold, h3.h2 .bold, h3.h3 strong, h3.h3.bold, h3.h3 .bold, h3.h4 strong, h3.h4.bold, h3.h4 .bold, h3.h5 strong, h3.h5.bold, h3.h5 .bold, h3.h6 strong, h3.h6.bold, h3.h6 .bold, h4 strong, h4.bold, h4 .bold, h4.h1 strong, h4.h1.bold, h4.h1 .bold, h4.h2 strong, h4.h2.bold, h4.h2 .bold, h4.h3 strong, h4.h3.bold, h4.h3 .bold, h4.h4 strong, h4.h4.bold, h4.h4 .bold, h4.h5 strong, h4.h5.bold, h4.h5 .bold, h4.h6 strong, h4.h6.bold, h4.h6 .bold, h5 strong, h5.bold, h5 .bold, h5.h1 strong, h5.h1.bold, h5.h1 .bold, h5.h2 strong, h5.h2.bold, h5.h2 .bold, h5.h3 strong, h5.h3.bold, h5.h3 .bold, h5.h4 strong, h5.h4.bold, h5.h4 .bold, h5.h5 strong, h5.h5.bold, h5.h5 .bold, h5.h6 strong, h5.h6.bold, h5.h6 .bold, h6 strong, h6.bold, h6 .bold, h6.h1 strong, h6.h1.bold, h6.h1 .bold, h6.h2 strong, h6.h2.bold, h6.h2 .bold, h6.h3 strong, h6.h3.bold, h6.h3 .bold, h6.h4 strong, h6.h4.bold, h6.h4 .bold, h6.h5 strong, h6.h5.bold, h6.h5 .bold, h6.h6 strong, h6.h6.bold, h6.h6 .bold, .font-heading strong, .font-heading.bold, .font-heading .bold, .font-heading.h1 strong, .font-heading.h1.bold, .font-heading.h1 .bold, .font-heading.h2 strong, .font-heading.h2.bold, .font-heading.h2 .bold, .font-heading.h3 strong, .font-heading.h3.bold, .font-heading.h3 .bold, .font-heading.h4 strong, .font-heading.h4.bold, .font-heading.h4 .bold, .font-heading.h5 strong, .font-heading.h5.bold, .font-heading.h5 .bold, .font-heading.h6 strong, .font-heading.h6.bold, .font-heading.h6 .bold { font-weight: 700; } ::selection { background: #00AAFF; } ::-moz-selection { background: #00AAFF; } .home a { text-decoration: none; } body, p, .gform_body .gfield input, .gform_body .gfield textarea, .gform_body .gfield select { font-size: 18px; line-height: 1.6; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.4; } h1, .h1, .content > article:first-child > h1:first-child { font-size: 42px; } h2, .h2 { font-size: 36px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 22px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 16px; } .lead { font-size: 26px; line-height: 1.6; } #topcontrol { background-color: rgba(0,0,0,0.1); background-position: center center; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-radius: 3px; color: #ffffff; height: 48px; line-height: 55px; margin: 0 15px 15px 0; text-align: center; width: 48px; z-index: 10000; } #scrolltotop:before { border-color: rgba(255,255,255,0) rgba(255,255,255,0) #ffffff; border-image: none; border-style: solid; border-width: 10px; content: ""; height: 0; left: 28%; position: absolute; top: 17%; width: 0; } #topcontrol:hover { background-color: #0088cc; } .accent { color: #00AAFF !important; } .accent2 { color: #1A1818 !important; } .accent3 { color: #3168C9 !important; } .accent4 { color: #FEB600 !important; } .accent5 { color: #434343 !important; } .font-custom1 { font-size: 70px; } .font-custom2 { font-size: 60px; } .font-custom3 { font-size: 22px; } .font-custom4 { font-size: 16px; } .font-weight-500 { font-weight: 500; } a:hover, .sidebar-content .nav.nav-tabs.nav-stacked .parent ul a.selected, .sidebar-content .nav li li a:hover, div[role="complementary"] div > ul > li:hover { color: #008fd6; } a, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .nav li a:hover, .nav li a:focus, .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span, nav[role="navigation"] .nav-normal > .active > a, nav[role="navigation"] .nav-normal li a:hover, nav[role="navigation"] .nav-pills-square > .active > a, nav[role="navigation"] .nav-bar > li > a:hover, nav[role="navigation"] .nav-bar > li > a:focus, nav[role="navigation"] .nav-bar > .active > a, nav[role="navigation"] .nav-bar-top > .active > a, nav[role="navigation"] .nav-bar-top > li > a:hover, nav[role="navigation"] .nav-bar-underline > .active > a, nav[role="navigation"] .nav-underline > .active > a, nav[role="navigation"] .nav-underline > li > a:hover, nav[role="navigation"] .nav-separator > .active > a, nav[role="navigation"] .nav-separator > li > a:hover, .sidebar-content .nav a.active, div[role="complementary"] div > ul > li:active, .sidebar-content .nav li a:hover, .sidebar-content .nav li a:focus { color: #00AAFF; } .nav a:hover .caret { border-bottom-color: #00AAFF; border-top-color: #00AAFF; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus, .nav-tabs.nav-stacked > .active > a, .nav-tabs.nav-stacked > .active > a:hover, .nav-tabs.nav-stacked > .active > a:focus, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus, .grid li a:hover img, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .gform_wrapper li.gfield_error input[type="text"]:focus, .gform_wrapper li.gfield_error input[type="url"]:focus, .gform_wrapper li.gfield_error input[type="email"]:focus, .gform_wrapper li.gfield_error input[type="tel"]:focus, .gform_wrapper li.gfield_error input[type="number"]:focus, .gform_wrapper li.gfield_error input[type="password"]:focus, .gform_wrapper li.gfield_error textarea:focus { border-color: #00AAFF; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus, .nav-tabs.nav-stacked > .active > a, .nav-tabs.nav-stacked > .active > a:hover, .nav-tabs.nav-stacked > .active > a:focus, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .progress .bar, .progress-striped .bar, .progress-info.progress-striped .bar, .progress-striped .bar-info, nav[role="navigation"] .nav-pills-square li a:hover { background-color: #00AAFF; } .form-control:focus { border-color: #00AAFF; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(0,170,255,0.6); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #00AAFF; border-color: #00AAFF; } .btn-primary { border-color: #00AAFF; background-color: #00AAFF; color: #fff; text-shadow: none; padding: 15px 55px; font-size: 16px; border-radius: 50px; } .btn-primary:hover, .btn-primary .disabled, .btn-primary [disabled] { background-color: #009ceb; border-color: #009ceb; color: #fff; } .btn-primary:active, .btn-primary .active, .btn-primary:focus, .btn-primary .focus { background-color: #008fd6; border-color: #008fd6; color: #fff; } .btn-custom { border-color: transparent; background-color: transparent; color: #fff; text-shadow: none; } .btn-custom:hover, .btn-custom .disabled, .btn-custom [disabled] { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #fff; } .btn-custom:active, .btn-custom .active, .btn-custom:focus, .btn-custom .focus { background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); color: #fff; } .btn-custom2 { border-color: #00AAFF; background-color: #00AAFF; color: #fff; text-shadow: none; padding: 15px 55px; font-size: 16px; border-radius: 50px; } .btn-custom2:hover, .btn-custom2 .disabled, .btn-custom2 [disabled] { background-color: #009ceb; border-color: #009ceb; color: #fff; } .btn-custom2:active, .btn-custom2 .active, .btn-custom2:focus, .btn-custom2 .focus { background-color: #008fd6; border-color: #008fd6; color: #fff; } .btn { padding: 15px 55px; font-size: 16px; border-radius: 50px; } .home .header-shadow { box-shadow: none; } header img.brand { width: 100%; max-width: 250px; } header nav[role="navigation"] > ul:first-child { margin-top: 0; } header nav[role="navigation"] > ul > li > a { color: #fff; font-size: 18px; } header nav[role="navigation"] > ul > li > a.dropdown-toggle .caret { border-bottom-color: #fff; border-top-color: #fff; } header nav[role="navigation"] > ul > li + li { margin-left: 20px; } header nav[role="navigation"] > ul > li:hover > a, header nav[role="navigation"] > ul > li:active > a, header nav[role="navigation"] > ul > li:focus > a, header nav[role="navigation"] > ul > li.active > a { color: #00AAFF; background-color: transparent; } header nav[role="navigation"] > ul > li:hover > a.dropdown-toggle .caret, header nav[role="navigation"] > ul > li:active > a.dropdown-toggle .caret, header nav[role="navigation"] > ul > li:focus > a.dropdown-toggle .caret, header nav[role="navigation"] > ul > li.active > a.dropdown-toggle .caret { border-bottom-color: #00AAFF; border-top-color: #00AAFF; } .nav li a:hover, .nav li a:focus { color: #00AAFF; background-color: transparent; border-color: transparent; } nav[role="navigation"] ul > li .dropdown-menu > li:hover > a, nav[role="navigation"] ul > li .dropdown-menu > li > a:hover { background: none repeat scroll 0 0 #00AAFF; color: #fff; } .hp-banner { position: relative; } .hp-banner .flex-box { height: 825px; } .hp-banner h1 { line-height: 1.1; } .hp-banner .img-banner { position: absolute; top: 50%; left: 7vw; max-width: 40vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hp-banner.banner02 .img-banner { left: auto; right: -140px; max-width: 51vw; } #hp-banner-slider, #hp-banner-slider .slide-content { margin: 0; border: none; box-shadow: none; } #hp-banner-slider .slides > li img { width: inherit; max-width: 40vw; } .banner-03 .container, .banner-04 .container { max-width: 1340px; text-align: center; } .banner-03 h1, .banner-04 h1 { font-size: 65px; } #hp-banner-slider .banner-03 .img-banner { max-width: 49vw; margin-top: 70px; } #hp-banner-slider .banner-04 .img-banner { max-width: 43vw; } .banner-04 h1 { margin-top: 270px; } .hp-our-story .container { max-width: 1390px; } .hp-our-story .timeline-container { max-width: 1070px; margin: 0 auto; text-align: center; } .hp-our-story .well { padding: 70px 15px; background-color: #F2F2F2; border-color: #f2f2f2; border-radius: 0; } .hp-our-story .timeline-container .slider-nav .slick-list { overflow: visible; } .hp-our-story .timeline-container .slider-nav .slick-slide { position: relative; } .hp-our-story .slider-single .slick-slide { padding: 0 100px; } .hp-our-story .timeline-container .slider-nav .slick-slide span { position: relative; padding: 0 20px; font-weight: 400; color: #00AAFF; background-color: #0E1114; } .hp-our-story .timeline-container .slider-nav .slick-slide:before { content: ''; position: absolute; bottom: -30px; left: 50%; z-index: 9; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 5px; height: 5px; background-color: #00AAFF; border-radius: 100%; } .hp-our-story .timeline-container .slider-nav .slick-slide:after { content: ''; width: 150px; height: 1px; background-color: #ccc; display: block; position: absolute; bottom: -28px; left: 80px; z-index: 8; } .hp-our-story .timeline-container .slider-nav .slick-slide span:after { position: absolute; top: 0; right: -26px; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-color: rgba(136,183,213,0); border-left-color: #0e1114; border-width: 13.9px; border-right-color: transparent; border-top-color: #0e1114; } .hp-our-story .timeline-container .slider-nav .slick-slide.slick-current span { top: -20px; font-size: 26px; color: #fff; background-color: #00AAFF; } .hp-our-story .timeline-container .slider-nav .slick-slide.slick-current:before { bottom: -35px; width: 40px; height: 40px; border: 8px solid #fff; box-shadow: 0 0 8px 3px rgba(0,0,0,0.35); } .hp-our-story .timeline-container .slider-nav .slick-slide.slick-current:after { top: 56px; } .hp-our-story .timeline-container .slider-nav .slick-slide:last-child:after { display: none; } .hp-our-story .timeline-container .slider-nav .slick-slide.slick-current span:after { border-left-color: #00AAFF; border-top-color: #00AAFF; border-width: 19.4px; right: -38px; } .hp-our-story .timeline-container .slider-single { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hp-our-story .timeline-container .slick-arrow.slick-disabled { pointer-events: none; opacity: 0.4; } .hp-our-story .slider-single .slick-arrow { width: 50px; height: 50px; z-index: 9; padding: 5px 15px; background-color: #fff; border-radius: 100%; border: 1px solid #dcdcdc; } .hp-our-story .slider-single .slick-arrow:before { color: #00AAFF; font-family: fontawesome; } .hp-our-story .slider-single .slick-arrow.slick-prev:before { content: '\f100'; } .hp-our-story .slider-single .slick-arrow.slick-next:before { content: '\f101'; } .hp-s3 .ico-circle { padding: 15px; background-color: #fff; border-radius: 100%; } .hp-human .container { max-width: 1390px; } .hp-human p { min-height: 130px; } .hp-steps ol { display: table; margin: 0 auto 50px; counter-reset: list-custom-counter; } .hp-steps ol:before { content: ''; width: 4px; height: 100%; background-color: #DCDCDC; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hp-steps ol li { position: relative; max-width: 380px; padding: 20px 30px 20px 90px; margin-left: 500px; color: #fff; background-color: #00AAFF; counter-increment: list-custom-counter; } .hp-steps ol li:before { content: counter(list-custom-counter); position: absolute; top: 50%; left: 20px; font-size: 70px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hp-steps ol li:after { content: ''; position: absolute; display: block; background-color: #0AF; width: 20px; height: 20px; border-radius: 100%; left: -87px; border: 7px solid #fff; padding: 8px; box-shadow: 0 0 0px 1px #0af; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hp-steps ol li:nth-child(2n):after { right: -83px; left: auto; } .hp-steps ol li:nth-child(2n-1) .wrapper:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-right-color: #00AAFF; border-width: 15px; margin-top: -15px; } .hp-steps ol li:nth-child(2n) .wrapper:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-left-color: #00AAFF; border-width: 15px; margin-top: -15px; } .hp-steps ol li:nth-child(2n) { margin-left: -20px; } .hp-steps ol li h4 { color: #fff; } .hp-process { position: relative; overflow: hidden; height: 570px; } .hp-process:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 180px; background-image: -webkit-linear-gradient(top,transparent,#fcfcfc 85%); background-image: linear-gradient(to bottom,transparent,#fcfcfc 85%); z-index: 1; } .hp-process .row .flex-box { min-height: 570px; position: relative; z-index: 9; } .hp-process ol { display: table; margin: 100px auto 250px; min-width: 420px; counter-reset: process-counter; } .hp-process ol > li { position: relative; padding: 28px 20px 28px 100px; color: #fff; font-size: 22px; font-weight: 500; text-transform: uppercase; background-color: #0E1114; border-top: 5px solid transparent; counter-increment: process-counter; -webkit-transition: border-color 0.4s; transition: border-color 0.4s; } .hp-process ol > li:hover, .hp-process ol > li:active, .hp-process ol > li:focus { border-color: #FDB705; } .hp-process ol > li:before { content: counter(process-counter); position: absolute; left: -55px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 110px; height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 50px; text-align: center; background: url('https://pronto-core-cdn.prontomarketing.com/2/wp-content/uploads/sites/3122/2019/04/sc5-icon-no.png') no-repeat scroll center center / cover; } .hp-process ol > li + li { margin-top: 45px; } .hp-process .scroll-section { position: relative; width: 100%; height: 570px; padding-left: 80px; box-sizing: content-box; overflow-y: scroll; scrollbar-width: none; } .hp-process .scroll-section::-webkit-scrollbar { display: none; } .scroll-pagination { position: absolute; right: -20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .scroll-pagination > li a { padding: 0; } .scroll-pagination > li a:before { content: ''; width: 10px; height: 10px; background-color: #ededed; border-radius: 100%; display: block; } .scroll-pagination > li + li { margin-top: 10px; } .hp-support, .hp-support .container { max-width: 100%; padding: 0; overflow-x: hidden; } .hp-support .flex-box { min-height: 650px; } .hp-support .col-bg { background: url('https://pronto-core-cdn.prontomarketing.com/2/wp-content/uploads/sites/3122/2019/04/sc6-bg.jpg') no-repeat scroll center center / cover; } .hp-support .content-wrapper { max-width: 510px; margin: 0 auto; } .hp-testimonial .testimonial { box-shadow: 0 5px 24px rgba(0,0,0,0.12); border-radius: 13px; } .hp-testimonial .testimonial .content { padding: 40px 70px 90px; color: #fff; background-image: -webkit-linear-gradient(top,#4ab5f0,#2089c3); background-image: linear-gradient(to bottom,#4ab5f0,#2089c3); border-radius: 13px 13px 0 0; } .hp-testimonial .author { padding-bottom: 30px; } .hp-testimonial .author img { margin-top: -60px; } .main-footer, .main-footer .container { max-width: 100%; padding: 0; overflow: hidden; } .main-footer iframe { width: 100%; } .main-footer .col-bg { background: url('https://pronto-core-cdn.prontomarketing.com/2/wp-content/uploads/sites/3122/2019/04/footer-map-1.jpg') no-repeat scroll center top / cover; } .main-footer .flex-box { min-height: 485px; } .main-footer .content-wrapper { max-width: 330px; margin: 0 auto; } .main-footer address a { color: #434343; } .main-footer span[itemprop="postalCode"] + br { content: ''; display: block; margin-top: 30px; } div#gogetssl-animated-seal { margin: 0 auto; } .footer-social { margin-bottom: 20px; } .footer-social a { font-size: 22px; color: #434343; } .footer-social a + a { margin-left: 20px; } .footer-social a:hover, .footer-social a:active, .footer-social a:focus { color: #00AAFF; } .bottom-footer { padding: 15px !important; font-size: 15px; } .bottom-footer ul li { line-height: inherit; } .bottom-footer .footer-social a { color: #fff; } .bottom-footer .footer-social a:hover, .bottom-footer .footer-social a:active, .bottom-footer .footer-social a:focus { color: #00AAFF; } .bottom-footer .gform_wrapper .gform_footer { margin-top: 0; } .bottom-footer .gform_wrapper .gform_fields .gfield { padding: 0; } .bottom-footer .gform_footer input.btn { padding: 10px 20px; } .bottom-footer .main-footer a { display: block; width: 100%; } .bottom-footer .main-footer a:hover, .bottom-footer .main-footer a:active, .bottom-footer .main-footer a:focus { text-decoration: none; } .bottom-footer .main-footer .list-unstyled i { display: inline-block; width: 15px; text-align: center; } .modal-line .modal-dialog { max-width: 730px; width: 100%; } .modal-line button.close { position: absolute; z-index: 2; right: 10px; top: -10px; font-size: 44px; font-weight: normal; } .modal-line .modal-content { border-radius: 0; } .modal-line .modal-body { padding: 0; } body.home { overflow-x: hidden; } div[role="complementary"] .flexnav a.current-page { color: #00AAFF !important; } .page .well { background-color: #fff; border: 1px solid #ccc; } hr { border-color: #ccc; } .fa-line:before { font-family: "Font Awesome 5 Brands"; font-weight: normal; } @media (min-width: 992px) and (max-width: 1199px) { .font-custom1 { font-size: 54px; } header nav[role="navigation"] .nav > li > a { padding: 10px 8px; font-size: 15px; } header nav[role="navigation"] .nav > li + li { margin-left: 10px; } .hp-banner .flex-box { height: 630px; } .hp-banner .img-banner { max-width: 41vw; } .banner02 .img-banner { right: 0; } #hp-banner-slider .slides > li img { width: auto; max-width: 40vw; } #hp-banner-slider .slides > li .banner02 img { max-width: 51vw; } .hp-our-story .timeline-container .slider-nav .slick-slide::after { width: 126px; left: 67px; } .hp-our-story .slider-single .slick-prev { left: 0; } .hp-our-story .slider-single .slick-next { right: 0; } .hp-process .scroll-section { padding-left: 20px; } .hp-process ol { min-width: 360px; } } @media (max-width: 991px) { .font-custom1 { font-size: 54px; } header nav[role="navigation"] { display: none; } header img.brand { width: 100%; max-width: 180px; } .hp-banner { min-height: 880px; } .hp-banner .flex-box { height: auto; padding-top: 50px; } .hp-banner .img-banner { position: static; transform: translateY(0); max-width: 400px; margin: 30px auto; } .hp-banner.banner02 { padding: 80px 15px; } .banner02 h2.font-custom2 { line-height: 1.2; } .banner02 .flex-box { padding-top: 0px; } .hp-banner.banner02 .img-banner { right: 0; margin: 0 auto; } .banner-03.hp-banner .flex-box { margin-top: 140px; } .banner-04 h1 { margin-top: 200px; } #hp-banner-slider .slides > li img { max-width: 50vw; margin: 20px auto; } .hp-human .cta { margin-bottom: 40px; } .hp-our-story .well { padding: 0px 15px; border: none; } .hp-our-story .timeline-container { overflow: hidden; padding-top: 40px; } .hp-our-story .slider-single .slick-prev { left: 0; } .hp-our-story .slider-single .slick-next { right: 0; } .hp-our-story .timeline-container .slider-nav .slick-slide::after { display: none; } .hp-steps ol::before, .hp-steps ol li::after { display: none; } .hp-steps ol li { margin: 0; } .hp-steps ol li:nth-child(2n) { margin-left: 0; } .hp-steps ol li + li { margin-top: 40px; } .hp-steps ol li:nth-child(2n-1) .wrapper::after, .hp-steps ol li:nth-child(2n) .wrapper::after { top: auto; right: auto; left: 50%; bottom: -30px; transform: translateX(-50%); border-color: transparent; border-top-color: #0af; margin-top: 0; } .hp-process { height: auto; } .hp-process .row .flex-box { min-height: 450px; } .hp-process ol { margin: 10px auto; } .hp-process::after { display: none; } .hp-process .scroll-section { padding-left: 0; height: auto; margin-bottom: 40px; box-sizing: border-box; overflow: hidden; } .hp-support .col-bg { min-height: 350px; background-position: top center; } .hp-our-story .slider-single .slick-slide { padding: 0 20px; } .hp-support .flex-box { min-height: 500px; } .hp-testimonial .row > div + div .testimonial { margin-top: 30px; } .main-footer .flex-box { min-height: 400px; } .main-footer .col-bg { min-height: 350px; } .main-footer iframe { height: 400px; } .modal-line .modal-body img { max-width: 350px; } } @media (max-width: 767px) { ._navbar-fixed-top { position: fixed; top: 0; width: 100%; z-index: 10; } .font-custom1 { font-size: 34px; } .lead { font-size: 20px; line-height: 1.6; } h1, .h1, .content > article:first-child > h1:first-child, .font-custom2 { font-size: 34px; } h2, .h2 { font-size: 30px; } header img.brand { width: 100%; max-width: 120px; } .hp-banner { min-height: 600px; } .hp-banner .flex-box { padding-top: 20px; } #hp-banner-slider .slides > li .banner02 .img-banner { margin-top: 40px; } #hp-banner-slider .banner-03 .img-banner { margin-top: 30px; } .hp-banner.banner02 { padding: 20px 15px; } .banner-03 h1, .banner-04 h1 { font-size: 42px; } .banner-04 h1 { margin-top: 80px; } .banner-03.hp-banner .flex-box { margin-top: 70px; } #hp-banner-slider .banner-03 .img-banner, #hp-banner-slider .banner-04 .img-banner { max-width: 100%; } .hp-banner .img-banner { max-width: 250px; } .hp-our-story .well { padding: 0; } .hp-our-story .slider-single .slick-slide { padding: 0; } .hp-our-story .slider-single .slick-arrow { width: 30px; height: 30px; right: -30px; padding: 0 7px; } .hp-our-story .slider-single .slick-prev { left: -30px; } .hp-steps ol { margin: 0 auto 20px; } .hp-steps .xs-no-margin-bottom { margin-bottom: 40px; } .hp-human p { min-height: 1px; max-width: 320px; margin: 0 auto; } .hp-process ol { min-width: 1px; margin: 40px auto; } .hp-process ol > li { padding: 20px; text-align: center; } .hp-process ol > li::before { font-size: 24px; background-size: auto; width: auto; height: auto; left: 50%; top: -30px; transform: translate(-50%,0); padding: 10px; } .hp-support .flex-box { min-height: 420px; padding: 0 15px; } .hp-testimonial .testimonial .content { padding: 40px 15px 80px; } .main-footer .content-wrapper { padding: 0 35px; } .bottom-footer .horizontal { float: none !important; display: table; margin: 0 auto; } .bottom-footer .main-footer { padding: 0; width: 100%; margin: 0; } .bottom-footer .gform_wrapper .gform_footer { text-align: center; } .bottom-footer .gform_wrapper { max-width: 350px; margin: 0 auto; } .bottom-footer .gform_wrapper .top_label .gfield_label { display: block; text-align: center; margin-bottom: 10px; } }

Our Story

เรื่องราวของเรา

1996
2000
2005
2012
2015
2017
2018

Contractor Office

เราเริ่มต้นจากการร่วมงานในธุรกิจรับเหมาก่อสร้าง

Accounting Office

ต่อยอดการวางระบบบัญชีในสำนักงานบัญชีให้กับธุรกิจรับเหมาก่อสร้าง

Construction Management & Software House

ร่วมงานพัฒนาระบบ ERP ให้กับผู้รับเหมาใช้งาน ซึ่งเป็นระบบ ERP รับเหมาก่อสร้างเจ้าแรกในประเทศไทยโดยระบบใช้ควบคุมต้นทุนก่อสร้างและบริหารจัดการระบบสำนักงานรับเหมาก่อสร้างแบบครบวงจร

Project Management & Consult Software House

ร่วมงานกับ ERP รับเหมาก่อสร้างอีกค่าย ซึ่งเป็นระบบ ERP ที่ผู้รับเหมาก่อสร้างในตลาดหลักทรัพย์ใช้งานมากที่สุดในประเทศไทย

Real Estate Management & Consult Software House

ร่วมงานกับระบบ ERP บริหารจัดการเก็บข้อมูลลูกค้า บริหารงานขาย บริหารงานบริการลูกค้าสัมพันธ์สำหรับธุรกิจอสังหาริมทรัพย์

Software Development for Construction Management

พัฒนาโปรแกรมบริหารงานก่อสร้างที่ช่วยอำนวยความสะดวกในการดำเนินงานตั้งแต่ต้นจนจบโครงการ เหมาะสำหรับผู้รับเหมาและธุรกิจก่อสร้างทุกชนิด

Software Development for HR Construction Management

จากประสบการณ์ที่สะสมมากว่า 20 ปี ทำให้เราเข้าใจธุรกิจรับเหมาก่อสร้างและธุรกิจพัฒนาซอฟแวร์เป็นอย่างดี เราจึงได้พัฒนาระบบที่ตอบโจทย์ผู้รับเหมาได้ดีที่สุด เพื่อให้ผู้รับเหมาทุกขนาดและทุกประเภทงานสามารถนำไปใช้งานได้

ที่ปรึกษาด้านการสร้างทีมการตลาดการขาย

การตลาด กับ การขาย หลายองค์กรมักแยกกันไม่ออก
ไม่บอกก็ไม่รู้ว่าต้องทำคนละอย่าง แบ่งกันคนละเรื่อง

ที่ปรึกษาการตลาด มีแล้วดีอย่างไร?

united

ทีมงานเยี่ยม

money-bag

ยอดขายดี

“promotion

องค์กรเติบโต

การตลาด คือ

การสื่อสารเพื่อนำข้อมูลสินค้าและบริการทั้งทางด้านออนไลน์ และ ออฟไลน์ โดยใช้เครื่องมือต่างๆ ที่เป็น Social Media การบอกต่อ และการสร้างเครือข่ายชุมชน เพื่อส่งผลให้เกิดการนำสินค้าหรือบริการจากผู้ผลิตไปสู่ผู้บริโภคหรือผู้ใช้บริการนั้นๆ ให้ได้รับความพึงพอใจ ขณะเดียวกัน ก็บรรลุวัตถุประสงค์ของกิจการ รวมถึงการสร้างกลยุทธ์ให้องค์กร การสร้างการจดจำจากลูกค้า และการสร้างการเติบโตอย่างยั่งยืนขององค์กรอีกด้วย

img-cs-02

การขาย คือ

การกระทำให้สินค้าเปลี่ยนมือทำให้เงินเปลี่ยนกระเป๋า ทำให้การให้บริการถูกเรียกใช้แปรสภาพเป็นเงิน พูดง่ายๆ คนสองฝั่งตกลงปรงใจกัน เพื่อแลกเปลี่ยนซึ่งใช้เงินเป็นสื่อกลางในการแลกเปลี่ยน โดยผ่านกระบวนและขั้นตอนต่างๆ จนเกิดความพึงพอใจ

img-cs-03

ขั้นตอนการทำงาน

map-cs-0-04

map-cs-0-05

map-cs-0-06

map-cs-0-07

map-cs-0-08-2-08

map-cs-0-09

map-cs-0-10

map-cs-0-11

รายละเอียดเพิ่มเติม

WEB DESIGN & DIGITAL MARKETING

สร้างรายได้องค์กร โตอย่างยั่งยืน ด้วยระบบการตลาดแบบครบวงจร

WEBSITE DESIGN SERVICE

img-3-1

WEB BASE DESIGN

ออกแบบเว็บไซค์ Business ให้องกรค์ต่างๆ รวมที้ง SME

APPLICATION MOBILE

ออกแบบและเขียน App เพื่อเพิ่มศักยภาพองค์กร

SEO & MARKETING

โปรโมทเว็บไซต์ และการตลาดเพื่อให้ติดอันดับ Google

upload

Cloud Server Service

บริการ Cloud Service และ Hosting สำหรับลูกค้าที่ไม่ต้องการลงทุน ติดตั้ง Server เอง สะดวกในการใช้งานและมีความปลอดภัย บริการจดโดเมนฟรี 1 ปี แรก

support

Support Online

บริการ Support เพื่อให้ลูกค้าพี่พบปัญหาต่างๆ สอบถามได้ทันทีแบบออนไลน์โดยไม่ทำให้เว็บไซต์หยุดทำงาน มีบริการข้อมูลสำหรับแก้ปัญหาด้วยตัวเอง สำหรับลูกค้าหรือคู่มือ

customer-support-2

Customer Service

บริการให้คำแนะนำสำหรับการใช้งานเว็บไซต์ มีบริการในส่วนของ Implement เพื่อแนะนำวิะีการใช้งาน ให้กับลูกค้ามีบริการ Trading ฟรีสำหรับลูกค้าใหม่ ที่ต้องการเรียนรู้การใช้งานเว็บไซต์

WEBSITE SERVICE

png-1

BUSINESS WEBSITE

ออกแบบเว็บไซต์สำหรับองค์กร ของคุณด้วยเมนูมาตรฐาน

website-service2

E-COMMERCE WEBSITE

ออกแบบทันสมัย เน้นสิงค้าและรายละเอียด
ค้นหาง่ายเป็นหมวดหมู่ ระบบสั่งชื้อต้องปลอดภัย

website-service3_rsz-min

PROJECT WEBSITE

ออกแบบเว็บไซต์ สำหรับโครงการใหม่ของคุณให้รองรับสำหรับการลงทะเบียนผ่านหน้าเว็บไซต์ และอัพเดทข้อมูลข่าวสารโครงการ

รายละเอียดเพิ่มเติม

PROGRAM CUSTOMIZE

รับพัฒนาโปรแกรมตามความต้องการลูกค้า

Cover-Final

ความต้องการของผู้บริหารในการพัฒนาองค์กร และเพิ่มศักยภาพในการทำงานของพนักงาน เครื่องจักร ตลอดจนการประสานงาน การเชื่อมโยงความสัมพันธ์ของทุกส่วน ทุกอุปกรณ์ที่เกี่ยวข้อง ให้ทันกับยุคสมัยและเหตุการณ์ บางครั้ง Software ที่มีอยู่ในท้องตลาดก็ไม่สามารถตอบโจทย์ได้ทั้งหมด จึงมีความจำเป็นต้องมองหา ผู้พัฒนาระบบ เพื่อให้ตอบโจทย์ความต้องการขององค์กรให้ได้ 100%

pro1-02

ทีมงานมั่นคง

pro1-03

เข้าใจระบบ

pro1-04

พัฒนาตามแผน

pro1-05

บริการ 24 ชั่วโมง

รายละเอียดเพิ่มเติม

Human Resource Construction Management

sc4-01-website

จัดทำเว็บไซต์องค์กร

ระบบรองรับการพัฒนาเว็บไซต์ของบริษัทเพื่อเผยแพร่ข้อมูลให้บุคคลทั่วไปได้รับรู้ข่าวสาร สินค้า และบริการของบริษัทผ่านอินเตอร์เน็ต

sc4-02-device

รองรับทุกอุปกรณ์

โปรแกรมของเราตั้งอยู่บนระบบ Cloud ที่รองรับการทำงานผ่าน Internet ไม่ว่าจะเป็นพนักงานประจำ พนักงานค่าแรงรายวัน หรือผู้รับเหมาช่วง ก็สามารถเข้าสู่ระบบผ่านอุปกรณ์ทุกชนิดได้ทุกที่ ทุกเวลา

sc4-03-document

เอกสารครบถ้วน

ด้วยระบบออกแบบฟอร์มอัตโนมัติที่ช่วยคำนวณรายได้ ค่าใช้จ่าย ประกันสังคม และภาษีสำหรับยื่นหน่วยงานราชการโดยเฉพาะ ทำให้คุณไม่ต้องวุ่นวายกับการจัดเตรียมเอกสารอีกต่อไป

sc4-04-construction

ตอบโจทย์ธุรกิจก่อสร้าง

คุณสามารถเห็นต้นทุนตั้งแต่คนเริ่มเข้าปฏิบัติงานในแต่ละวันจนกระทั่งเลิกงานตามชั่วโมงปกติหรือชั่วโมงล่วงเวลา ข้อมูลจะถูกส่งมายังสำนักงานแบบเรียลไทม์ เพื่อให้ HR สามารถคิด Payroll ของแต่ละคนได้ถูกต้องและทันเวลา

  1. Organization

    จัดทำผังการทำงานองค์กร

  2. Personnel

    กำหนดบุคคล

  3. Work Flow

    จัดขั้นตอนการทำงาน

  4. Time Attendance

    แสดงเวลา เข้า-ออกงาน

  5. Pay Roll

    ระบบเงินเดือน

  6. Recruited

    จัดหาพนักงาน

  7. Project HRCM Planning

    วางแผนคนงานโครงการ

  8. Allocate Cost Man Power

    จัดสรรต้นทุนคนงาน

  9. Employee Self Service

    การเข้าใช้งานระบบของพนักงาน

  10. Training

    หลักสูตรอบรม

  11. Welfare

    ระบบสวัสดิการ

  12. Appraisal

    ระบบประเมินผลงาน

รายละเอียดเพิ่มเติม

Lump Sum Construction Management

โปรแกรมบริหารงานก่อสร้างที่ดีที่สุด เพื่อธุรกิจก่อสร้างของคุณ

โปรแกรมบริหารงานก่อสร้างที่ดีที่สุด Function ครบ ตอบโจทย์ทุกการทำงาน เริ่มตั้งแต่ประมูลงานจนจบโครงการ เน้นควบคุมงบประมาณและสร้างผลกำไรที่มากขึ้นให้กับธุรกิจก่อสร้างของคุณ

sc3-img-device
icon-01-easy-to-use

Easy to Use

สามารถใช้งานได้ผ่าน Web Browser และรองรับ Cloud Server

icon-02-functional

Functional

ตอบโจทย์ธุรกิจรับเหมา ครอบคลุมทุกกระบวนการทำงานตั้งแต่เริ่มประมูลงาน

icon-03-flexible

Flexible

ระบบมีความยืดหยุ่นสูง สามารถปรับให้เข้ากับธุรกิจรับเหมาของคุณ

icon-04-safe

Safe

ป้องกันการรั่วไหลของข้อมูลด้วยมาตรฐานความปลอดภัย Https และ SSL

icon-05-accurate

Accurate

ทุกรายงานที่ได้จากระบบมีความถูกต้อง แม่นยำ สามารถใช้ข้อมูลในการตัดสินใจได้

รายละเอียดเพิ่มเติม

IMPLEMENTATION PROCESS

ทีมงานของเราจะคอยอยู่เคียงข้างลูกค้าทุกท่าน ตั้งแต่เริ่มวางแผนโปรเจกต์จนกระทั่งลูกค้า สามารถใช้งานระบบได้อย่างเต็มประสิทธิภาพ

รายละเอียดเพิ่มเติม
  1. Project Preparation
  2. Business Blueprint
  3. Realization
  4. Final Preparation
  5. Go Live & Support

SUPPORT

โปรแกรมมาพร้อมกับบริการหลังการขาย ทีมงานของเราจะดูแลคุณตลอดอายุการใช้งาน ทั้งให้คำปรึกษา แก้ไขปัญหาเกี่ยวกับการใช้งานระบบ พร้อมติดตามเคส แจ้งสถานะ Update Version และรับความคิดเห็นเพื่อพัฒนาการให้บริการ

รายละเอียดเพิ่มเติม

Our Customers

“โปรแกรม HRCM ช่วยเราบริษัทดีเทค คอนสตรัคชั่น จำกัด บริหารจัดการองค์กรได้ดีขึ้นมาก ตั้งแต่วางแผนการรับคนใหม่ การจัดการกระบวนการทำงาน การเขียน JD การพิจารณาผลงาน การสร้างกิจกรรมร่วมกันภายในองค์กร ทำให้คุณภาพชีวิตของคนในองค์กรดีขึ้น และ ทำให้องค์กร พัฒนาและโตขึ้นเร็วมากคะ”

Testimonial-img1-2

คุณปาริชาติ โชติศักดิ์
CFO / HR Manager บริษัท ดีเทค คอนสตรัคชั่น จำกัด

“บริษัทสมบัติ คอนสตรัคชั่น จำกัด ไม่เคยประสบปัญหา การพิจารณาผลงาน ไม่ว่าจะเป็นการปรับขึ้นเงินเดือน หรือการจ่ายโบนัสพนักงาน เพราะเรามีโปรแกรม HRCM ช่วยประเมินตามผลงานความเป็นจริงที่พนักงานทุกคน พึงกระทำได้ เรามีเวลาให้กับตัวเอง และครอบครัวมากขึ้น ทุกปี ก็มีโบนัสให้กับตัวเองได้อีกด้วย”

Testimonial-img1-5

คุณสมบัติ สังข์กำเหนิดสังข์
CEO บริษัทสมบัติ คอนสตรัคชั่น จำกัด