@charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Dimensions.
*/
/**
* Shadows.
*/
/**
* Editor widths.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.editor-autocompleters__user .editor-autocompleters__no-avatar::before {
/* stylelint-disable */
font: normal 20px/1 dashicons;
/* stylelint-enable */
content: "";
margin-left: 5px;
vertical-align: middle;
}
.editor-autocompleters__user .editor-autocompleters__user-avatar {
margin-left: 8px;
flex-grow: 0;
flex-shrink: 0;
max-width: none;
width: 24px;
height: 24px;
}
.editor-autocompleters__user .editor-autocompleters__user-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
flex-shrink: 0;
flex-grow: 1;
}
.editor-autocompleters__user .editor-autocompleters__user-slug {
margin-right: 8px;
color: #757575;
white-space: nowrap;
text-overflow: ellipsis;
overflow: none;
max-width: 100px;
flex-grow: 0;
flex-shrink: 0;
}
.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
color: var(--wp-admin-theme-color);
}
.document-outline {
margin: 20px 0;
}
.document-outline ul {
margin: 0;
padding: 0;
}
.document-outline__item {
display: flex;
margin: 4px 0;
}
.document-outline__item a {
text-decoration: none;
}
.document-outline__item .document-outline__emdash::before {
color: #ddd;
margin-left: 4px;
}
.document-outline__item.is-h2 .document-outline__emdash::before {
content: "—";
}
.document-outline__item.is-h3 .document-outline__emdash::before {
content: "——";
}
.document-outline__item.is-h4 .document-outline__emdash::before {
content: "———";
}
.document-outline__item.is-h5 .document-outline__emdash::before {
content: "————";
}
.document-outline__item.is-h6 .document-outline__emdash::before {
content: "—————";
}
.document-outline__button {
cursor: pointer;
background: none;
border: none;
display: flex;
align-items: flex-start;
margin: 0 -1px 0 0;
padding: 2px 1px 2px 5px;
color: #1e1e1e;
text-align: right;
border-radius: 2px;
}
.document-outline__button:disabled {
cursor: default;
}
.document-outline__button:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.document-outline__level {
background: #ddd;
color: #1e1e1e;
border-radius: 3px;
font-size: 13px;
padding: 1px 6px;
margin-left: 4px;
}
.is-invalid .document-outline__level {
background: #f0b849;
}
.document-outline__item-content {
padding: 1px 0;
}
.components-editor-notices__dismissible,
.components-editor-notices__pinned {
position: relative;
right: 0;
top: 0;
left: 0;
color: #1e1e1e;
}
.components-editor-notices__dismissible .components-notice,
.components-editor-notices__pinned .components-notice {
box-sizing: border-box;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 0 12px;
min-height: 60px;
}
.components-editor-notices__dismissible .components-notice .components-notice__dismiss,
.components-editor-notices__pinned .components-notice .components-notice__dismiss {
margin-top: 12px;
}
.entities-saved-states__panel {
box-sizing: border-box;
background: #fff;
position: fixed;
z-index: 100001;
top: 46px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
box-sizing: border-box;
}
.entities-saved-states__panel *,
.entities-saved-states__panel *::before,
.entities-saved-states__panel *::after {
box-sizing: inherit;
}
.entities-saved-states__panel .entities-saved-states__find-entity {
display: none;
}
.entities-saved-states__panel .entities-saved-states__find-entity-small {
display: block;
}
@media (min-width: 782px) {
.entities-saved-states__panel {
top: 32px;
right: auto;
width: 280px;
border-right: 1px solid #ddd;
}
body.is-fullscreen-mode .entities-saved-states__panel {
top: 0;
}
.entities-saved-states__panel .entities-saved-states__find-entity {
display: block;
}
.entities-saved-states__panel .entities-saved-states__find-entity-small {
display: none;
}
}
.entities-saved-states__panel .entities-saved-states__panel-header {
background: #fff;
padding-right: 8px;
padding-left: 8px;
height: 61px;
border-bottom: 1px solid #ddd;
}
.entities-saved-states__panel .entities-saved-states__text-prompt {
padding: 16px;
padding-bottom: 4px;
}
.editor-error-boundary {
margin: auto;
max-width: 780px;
padding: 20px;
margin-top: 60px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
}
.editor-page-attributes__order {
width: 100%;
}
.editor-page-attributes__order .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center;
}
.editor-page-attributes__order input {
width: 66px;
}
.editor-post-excerpt__textarea {
width: 100%;
margin-bottom: 10px;
}
.editor-post-featured-image {
padding: 0;
}
.editor-post-featured-image__container {
margin-bottom: 1em;
position: relative;
}
.editor-post-featured-image .components-spinner {
position: absolute;
top: 50%;
right: 50%;
margin-top: -9px;
margin-right: -9px;
}
.editor-post-featured-image .components-button + .components-button {
display: block;
margin-top: 1em;
}
.editor-post-featured-image .components-responsive-wrapper__content {
max-width: 100%;
width: auto;
}
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
display: block;
width: 100%;
padding: 0;
transition: all 0.1s ease-out;
box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
}
@media (prefers-reduced-motion: reduce) {
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
transition-duration: 0s;
transition-delay: 0s;
}
}
.editor-post-featured-image__preview {
height: auto;
}
.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
box-shadow: 0 0 0 4px var(--wp-admin-theme-color);
}
.editor-post-featured-image__toggle {
border-radius: 2px;
background-color: #f0f0f0;
min-height: 90px;
line-height: 20px;
padding: 8px 0;
text-align: center;
}
.editor-post-featured-image__toggle:hover {
background: #ddd;
color: #1e1e1e;
}
[class].editor-post-format__suggestion {
margin: 4px 0 0 0;
}
.editor-post-last-revision__title {
width: 100%;
font-weight: 600;
}
.editor-post-last-revision__title .dashicon {
margin-left: 5px;
}
.components-button.editor-post-last-revision__title {
height: 100%;
}
.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
background: #f0f0f0;
}
.components-button.editor-post-last-revision__title:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
border-radius: 0;
}
@media (min-width: 600px) {
.editor-post-locked-modal {
max-width: 480px;
}
}
.editor-post-locked-modal .components-modal__content {
display: flex;
}
.editor-post-locked-modal__buttons {
margin-top: 24px;
}
.editor-post-locked-modal__avatar {
border-radius: 2px;
margin-top: 16px;
margin-left: 24px;
}
.editor-post-publish-button__button.has-changes-dot::before {
background: currentcolor;
border-radius: 4px;
content: "";
height: 8px;
margin: auto -3px auto 5px;
width: 8px;
}
.editor-post-publish-panel {
background: #fff;
}
.editor-post-publish-panel__content {
min-height: calc(100% - 144px);
}
.editor-post-publish-panel__content .components-spinner {
display: block;
margin: 100px auto 0;
}
.editor-post-publish-panel__header {
background: #fff;
padding-right: 16px;
padding-left: 16px;
height: 61px;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
align-content: space-between;
}
.editor-post-publish-panel__header .components-button {
width: 100%;
justify-content: center;
}
.editor-post-publish-panel__header .has-icon {
margin-right: auto;
width: auto;
}
.components-site-card {
display: flex;
align-items: center;
margin: 16px 0;
}
.components-site-icon {
border: none;
border-radius: 2px;
margin-left: 12px;
height: 36px;
width: 36px;
}
.components-site-name {
display: block;
font-size: 14px;
}
.components-site-home {
display: block;
color: #757575;
font-size: 12px;
}
.editor-post-publish-panel__header-publish-button,
.editor-post-publish-panel__header-cancel-button {
flex-grow: 1;
}
@media (min-width: 480px) {
.editor-post-publish-panel__header-publish-button,
.editor-post-publish-panel__header-cancel-button {
max-width: 160px;
}
}
.editor-post-publish-panel__header-publish-button {
padding-left: 4px;
}
.editor-post-publish-panel__header-cancel-button {
padding-right: 4px;
}
.editor-post-publish-panel__header-published {
flex-grow: 1;
}
.editor-post-publish-panel__footer {
padding: 16px;
}
.components-button.editor-post-publish-panel__toggle.is-primary {
display: inline-flex;
align-items: center;
}
.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
display: none;
}
.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
margin-left: -4px;
}
.editor-post-publish-panel__link {
font-weight: 400;
padding-right: 4px;
}
.editor-post-publish-panel__prepublish {
padding: 16px;
}
.editor-post-publish-panel__prepublish strong {
color: #1e1e1e;
}
.editor-post-publish-panel__prepublish .components-panel__body {
background: #fff;
margin-right: -16px;
margin-left: -16px;
}
.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
display: none;
}
.post-publish-panel__postpublish .components-panel__body {
border-bottom: 1px solid #e0e0e0;
border-top: none;
}
.post-publish-panel__postpublish-buttons {
display: flex;
align-content: space-between;
flex-wrap: wrap;
margin: -5px;
}
.post-publish-panel__postpublish-buttons > * {
flex-grow: 1;
margin: 5px;
}
.post-publish-panel__postpublish-buttons .components-button {
height: auto;
justify-content: center;
padding: 3px 10px 4px;
flex: 1;
line-height: 1.6;
text-align: center;
white-space: normal;
}
.post-publish-panel__postpublish-buttons .components-clipboard-button {
width: 100%;
}
.post-publish-panel__postpublish-post-address-container {
display: flex;
align-items: flex-end;
margin-bottom: 16px;
}
.post-publish-panel__postpublish-post-address-container .components-base-control__field {
margin-bottom: 0;
}
.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address {
flex: 1;
}
.post-publish-panel__postpublish-post-address-container input[readonly] {
padding: 10px;
background: #ddd;
overflow: hidden;
text-overflow: ellipsis;
}
.post-publish-panel__postpublish-post-address__copy-button-wrap {
flex-shrink: 0;
margin-right: 8px;
}
.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button {
height: 38px;
}
.post-publish-panel__postpublish-header {
font-weight: 500;
}
.post-publish-panel__postpublish-subheader {
margin: 0 0 8px;
}
.post-publish-panel__tip {
color: #f0b849;
}
@media screen and (max-width: 782px) {
.post-publish-panel__postpublish-post-address__button-wrap .components-button {
height: 40px;
}
}
.editor-post-saved-state {
display: flex;
align-items: center;
width: 28px;
padding: 12px 4px;
color: #757575;
overflow: hidden;
white-space: nowrap;
}
.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover {
background: transparent;
color: #757575;
}
.editor-post-saved-state svg {
display: inline-block;
flex: 0 0 auto;
fill: currentColor;
margin-left: 8px;
}
@media (min-width: 600px) {
.editor-post-saved-state {
width: auto;
padding: 8px 12px;
text-indent: inherit;
}
.editor-post-saved-state svg {
margin-left: 0;
}
}
.editor-post-save-draft.has-text.has-icon svg {
margin-left: 0;
}
:root[dir=rtl] .editor-post-saved-state.has-text.has-icon {
justify-content: right;
}
.editor-post-taxonomies__hierarchical-terms-list {
max-height: 14em;
overflow: auto;
margin-right: -6px;
padding-right: 6px;
margin-top: -6px;
padding-top: 6px;
}
.editor-post-taxonomies__hierarchical-terms-choice {
margin-bottom: 8px;
}
.editor-post-taxonomies__hierarchical-terms-subchoices {
margin-top: 8px;
margin-right: 16px;
}
.components-button.editor-post-taxonomies__hierarchical-terms-submit,
.components-button.editor-post-taxonomies__hierarchical-terms-add {
margin-top: 12px;
}
.editor-post-taxonomies__hierarchical-terms-label {
display: inline-block;
margin-top: 12px;
}
.editor-post-taxonomies__hierarchical-terms-input {
margin-top: 8px;
}
.editor-post-taxonomies__hierarchical-terms-filter {
margin-bottom: 8px;
width: 100%;
}
.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
font-weight: 400;
margin-bottom: 12px;
}
.editor-post-taxonomies__flat-term-most-used-list {
margin: 0;
}
.editor-post-taxonomies__flat-term-most-used-list li {
display: inline-block;
margin-left: 8px;
}
.editor-post-taxonomies__flat-term-most-used-list .components-button {
font-size: 12px;
}
.edit-post-text-editor__body textarea.editor-post-text-editor {
border: 1px solid #949494;
border-radius: 0;
display: block;
margin: 0;
width: 100%;
box-shadow: none;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
line-height: 2.4;
min-height: 200px;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 16px;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px !important;
}
@media (prefers-reduced-motion: reduce) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
padding: 24px;
}
}
@media (min-width: 600px) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
font-size: 15px !important;
}
}
.edit-post-text-editor__body textarea.editor-post-text-editor:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
position: relative;
}
.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
color: rgba(30, 30, 30, 0.62);
opacity: 1;
}
.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.editor-post-url__link-label {
font-size: 13px;
font-weight: 400;
margin: 0;
}
.editor-post-url__link {
direction: ltr;
word-break: break-word;
}
.editor-post-url__link-slug {
font-weight: 600;
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
border: 1px solid #1e1e1e;
margin-left: 12px;
transition: none;
border-radius: 50%;
width: 24px;
height: 24px;
margin-top: 2px;
}
@media (prefers-reduced-motion: reduce) {
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62);
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
@media (min-width: 600px) {
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
height: 20px;
width: 20px;
}
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
box-sizing: inherit;
width: 8px;
height: 8px;
transform: translate(-7px, 7px);
margin: 0;
background-color: #fff;
border: 4px solid #fff;
}
@media (min-width: 600px) {
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
transform: translate(-5px, 5px);
}
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
background: var(--wp-admin-theme-color);
border-color: var(--wp-admin-theme-color);
}
.editor-post-visibility__fieldset .editor-post-visibility__info {
color: #757575;
margin-right: 36px;
margin-top: 0.5em;
}
@media (min-width: 600px) {
.editor-post-visibility__fieldset .editor-post-visibility__info {
margin-right: 32px;
}
}
.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
margin-bottom: 0;
}
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
margin-right: 32px;
width: calc(100% - 32px);
}
@media (prefers-reduced-motion: reduce) {
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
transition-duration: 0s;
transition-delay: 0s;
}
}
@media (min-width: 600px) {
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal;
}
}
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62);
}
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62);
}
.editor-post-title {
position: relative;
}
.editor-post-title.is-focus-mode {
opacity: 0.2;
transition: opacity 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
.editor-post-title.is-focus-mode {
transition-duration: 0s;
transition-delay: 0s;
}
}
.editor-post-title.is-focus-mode:focus {
opacity: 1;
}
.editor-post-trash.components-button {
display: flex;
justify-content: center;
margin-top: 4px;
width: 100%;
}
.table-of-contents__popover.components-popover .components-popover__content {
min-width: 380px;
}
.components-popover.table-of-contents__popover {
z-index: 99998;
}
.table-of-contents__popover .components-popover__content {
padding: 16px;
}
@media (min-width: 600px) {
.table-of-contents__popover .components-popover__content {
max-height: calc(100vh - 120px);
overflow-y: auto;
}
}
.table-of-contents__popover hr {
margin: 10px -16px 0;
}
.table-of-contents__wrapper:focus::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
pointer-events: none;
}
.table-of-contents__counts {
display: flex;
flex-wrap: wrap;
margin: 0;
margin-top: -8px;
}
.table-of-contents__count {
flex-basis: 33%;
display: flex;
flex-direction: column;
font-size: 13px;
color: #1e1e1e;
padding-left: 8px;
margin-bottom: 0;
margin-top: 8px;
}
.table-of-contents__count:nth-child(4n) {
padding-left: 0;
}
.table-of-contents__number,
.table-of-contents__popover .word-count {
font-size: 21px;
font-weight: 400;
line-height: 30px;
color: #1e1e1e;
}
.table-of-contents__title {
display: block;
margin-top: 20px;
font-size: 15px;
font-weight: 600;
}
.editor-template-validation-notice {
display: flex;
justify-content: space-between;
align-items: center;
}
.editor-template-validation-notice .components-button {
margin-right: 5px;
}
<!DOCTYPE html>
<html dir="ltr" lang="th"
prefix="og: https://ogp.me/ns#"  >
<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#090909">
<meta name="viewport" content="width=device-width">
<link rel="profile" href="https://gmpg.org/xfn/11">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-85700126-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-85700126-1');
</script>
<title>ตัวอย่างผลงาน | CoreBlack Software Studio</title>
<!-- All in One SEO 4.2.9 - aioseo.com -->
<meta name="robots" content="max-image-preview:large" />
<meta name="keywords" content="ผลงานการพัฒนาเว็บไซต์,ผลงานการพัฒนาแชทบอทผลงานการออกแบบเว็บไซต์,ตัวอย่างผลงานที่ผ่านมา" />
<link rel="canonical" href="https://www.coreblack.net/projects/" />
<meta name="generator" content="All in One SEO (AIOSEO) 4.2.9 " />
<meta property="og:locale" content="th_TH" />
<meta property="og:site_name" content="CoreBlack Software Studio | บริการด้านแชทบอท และการพัฒนาเว็บไซต์" />
<meta property="og:type" content="article" />
<meta property="og:title" content="ตัวอย่างผลงาน | CoreBlack Software Studio" />
<meta property="og:url" content="https://www.coreblack.net/projects/" />
<meta property="og:image" content="https://www.coreblack.net/wp-content/uploads/2020/12/Screenshot-2020-12-13-235411-1.jpg" />
<meta property="og:image:secure_url" content="https://www.coreblack.net/wp-content/uploads/2020/12/Screenshot-2020-12-13-235411-1.jpg" />
<meta property="og:image:width" content="866" />
<meta property="og:image:height" content="688" />
<meta property="article:published_time" content="2020-03-09T14:26:07+00:00" />
<meta property="article:modified_time" content="2020-12-07T07:27:42+00:00" />
<meta property="article:publisher" content="https://www.facebook.com/CoreBlack.Net" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="ตัวอย่างผลงาน | CoreBlack Software Studio" />
<meta name="twitter:image" content="https://www.coreblack.net/wp-content/uploads/2020/12/Screenshot-2020-12-13-235411-1.jpg" />
<script type="application/ld+json" class="aioseo-schema">
{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.coreblack.net\/projects\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.coreblack.net\/#listItem","position":1,"item":{"@type":"WebPage","@id":"https:\/\/www.coreblack.net\/","name":"Home","description":"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e41\u0e0a\u0e17\u0e1a\u0e2d\u0e17 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c","url":"https:\/\/www.coreblack.net\/"},"nextItem":"https:\/\/www.coreblack.net\/projects\/#listItem"},{"@type":"ListItem","@id":"https:\/\/www.coreblack.net\/projects\/#listItem","position":2,"item":{"@type":"WebPage","@id":"https:\/\/www.coreblack.net\/projects\/","name":"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19","url":"https:\/\/www.coreblack.net\/projects\/"},"previousItem":"https:\/\/www.coreblack.net\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/www.coreblack.net\/#organization","name":"CoreBlack Software Studio","url":"https:\/\/www.coreblack.net\/","logo":{"@type":"ImageObject","url":"https:\/\/www.coreblack.net\/wp-content\/uploads\/2020\/12\/cropped-coreblack-logo-circle-obs-1.png","@id":"https:\/\/www.coreblack.net\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/www.coreblack.net\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/CoreBlack.Net","https:\/\/www.youtube.com\/channel\/UCvTrr8GqJ5ZfK9hjnlWEnrA"],"contactPoint":{"@type":"ContactPoint","telephone":"+66847260237","contactType":"Customer Support"}},{"@type":"WebPage","@id":"https:\/\/www.coreblack.net\/projects\/#webpage","url":"https:\/\/www.coreblack.net\/projects\/","name":"\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19 | CoreBlack Software Studio","inLanguage":"th","isPartOf":{"@id":"https:\/\/www.coreblack.net\/#website"},"breadcrumb":{"@id":"https:\/\/www.coreblack.net\/projects\/#breadcrumblist"},"datePublished":"2020-03-09T14:26:07+07:00","dateModified":"2020-12-07T07:27:42+07:00"},{"@type":"WebSite","@id":"https:\/\/www.coreblack.net\/#website","url":"https:\/\/www.coreblack.net\/","name":"CoreBlack Software Studio","description":"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e41\u0e0a\u0e17\u0e1a\u0e2d\u0e17 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c","inLanguage":"th","publisher":{"@id":"https:\/\/www.coreblack.net\/#organization"}}]}
</script>
<script type="text/javascript" >
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', "UA-85700126-1", 'auto');
ga('require', 'displayfeatures');
ga('require', 'linkid', 'linkid.js');
ga('require', 'outboundLinkTracker');
ga('send', 'pageview');
</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
<script src='//www.coreblack.net/wp-content/cache/wpfc-minified/ft8kxihl/ol79.js' type="text/javascript"></script>
<!-- <script async src="https://www.coreblack.net/wp-content/plugins/all-in-one-seo-pack/dist/Lite/assets/autotrack.ca946afc.js?ver=4.2.9"></script> -->
<!-- All in One SEO -->
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="CoreBlack Software Studio &raquo; ฟีด" href="https://www.coreblack.net/feed/" />
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.coreblack.net\/wp-includes\/js\/wp-emoji-release.min.js?ver=2513c18846a6af877d2b94aa302cf43b"}};
/*! This file is auto-generated */
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style>
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<!-- <link rel='stylesheet' id='wp-block-library-css' href='https://www.coreblack.net/wp-includes/css/dist/block-library/style.min.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//www.coreblack.net/wp-content/cache/wpfc-minified/det6u100/ol79.css" media="all"/>
<style id='wp-block-library-theme-inline-css'>
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:"0 0 1em 0"}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}
</style>
<!-- <link rel='stylesheet' id='classic-theme-styles-css' href='https://www.coreblack.net/wp-includes/css/classic-themes.min.css?ver=1' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//www.coreblack.net/wp-content/cache/wpfc-minified/7jah52xg/ol79.css" media="all"/>
<style id='global-styles-inline-css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 16px;--wp--preset--font-size--medium: 24px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 20px;--wp--preset--font-size--huge: 50px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<!-- <link rel='stylesheet' id='chaty-front-css-css' href='https://www.coreblack.net/wp-content/plugins/chaty/css/chaty-front.min.css?ver=3.0.61662715853' media='all' /> -->
<!-- <link rel='stylesheet' id='contact-form-7-css' href='https://www.coreblack.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.7.3' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//www.coreblack.net/wp-content/cache/wpfc-minified/eh7a7qrj/ol79.css" media="all"/>
<link rel='stylesheet' id='droow-google-fonts-css' href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C500%2C600%2C700%2C800%7CRaleway%3A400%2C500%2C600%2C700&#038;subset=latin-ext&#038;display=swap&#038;ver=1.2.2' media='all' />
<!-- <link rel='stylesheet' id='bootstrap-grid-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/plugins/bootstrap-grid.min.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<!-- <link rel='stylesheet' id='fontawesome-all-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/plugins/fontawesome-all.min.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<!-- <link rel='stylesheet' id='slick-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/plugins/slick.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<!-- <link rel='stylesheet' id='swiper-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/plugins/swiper.min.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<!-- <link rel='stylesheet' id='justifiedGallery-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/plugins/justifiedGallery.min.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<!-- <link rel='stylesheet' id='magnific-popup-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/plugins/magnific-popup.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<!-- <link rel='stylesheet' id='YouTubePopUp-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/plugins/youtubepopup.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<!-- <link rel='stylesheet' id='droow-custom-style-css' href='https://www.coreblack.net/wp-content/themes/droow//assets/css/style.css?ver=1.2.2' media='all' /> -->
<!-- <link rel='stylesheet' id='child-theme-style-css' href='https://www.coreblack.net/wp-content/themes/droow-child/style.css?ver=2513c18846a6af877d2b94aa302cf43b' media='all' /> -->
<link rel="stylesheet" type="text/css" href="//www.coreblack.net/wp-content/cache/wpfc-minified/22oglxiv/ol79.css" media="all"/>
<script src='//www.coreblack.net/wp-content/cache/wpfc-minified/2pmdayaw/ol79.js' type="text/javascript"></script>
<!-- <script src='https://www.coreblack.net/wp-includes/js/jquery/jquery.min.js?ver=3.6.1' id='jquery-core-js'></script> -->
<!-- <script src='https://www.coreblack.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> -->
<script id='chaty-front-end-js-extra'>
var chaty_settings = {"ajax_url":"https:\/\/www.coreblack.net\/wp-admin\/admin-ajax.php","analytics":"0","chaty_widgets":[{"id":0,"identifier":0,"settings":{"cta_type":"simple-view","cta_body":"","cta_head":"","cta_head_bg_color":"","cta_head_text_color":"","show_close_button":0,"position":"right","custom_position":1,"bottom_spacing":"25","side_spacing":"25","icon_view":"vertical","default_state":"open","cta_text":"","cta_text_color":"#333333","cta_bg_color":"#ffffff","show_cta":"all_time","is_pending_mesg_enabled":"off","pending_mesg_count":"","pending_mesg_count_color":"#ffffff","pending_mesg_count_bgcolor":"#dd0000","widget_icon":"chat-base","widget_icon_url":"","font_family":"Arial","widget_size":"54","custom_widget_size":"54","is_google_analytics_enabled":0,"close_text":"\u0e1b\u0e34\u0e14","widget_color":"#000","widget_rgb_color":"0,0,0","has_custom_css":0,"custom_css":"","widget_token":"ad6b30c2da","widget_index":"","attention_effect":""},"triggers":{"has_time_delay":1,"time_delay":"2","exit_intent":0,"has_display_after_page_scroll":1,"display_after_page_scroll":"1","auto_hide_widget":0,"hide_after":0,"show_on_pages_rules":[],"time_diff":0,"has_date_scheduling_rules":0,"date_scheduling_rules":{"start_date_time":"","end_date_time":""},"date_scheduling_rules_timezone":0,"day_hours_scheduling_rules_timezone":0,"has_day_hours_scheduling_rules":[],"day_hours_scheduling_rules":[],"day_time_diff":0,"show_on_direct_visit":0,"show_on_referrer_social_network":0,"show_on_referrer_search_engines":0,"show_on_referrer_google_ads":0,"show_on_referrer_urls":[],"has_show_on_specific_referrer_urls":0,"has_traffic_source":0,"has_countries":0,"countries":[],"has_target_rules":0},"channels":[{"channel":"Line","value":"https:\/\/line.me\/ti\/p\/~boobewc","hover_text":"\u0e41\u0e2d\u0e14 Line","svg_icon":"<svg width=\"39\" height=\"39\" viewBox=\"0 0 39 39\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle class=\"color-element\" cx=\"19.4395\" cy=\"19.4395\" r=\"19.4395\" fill=\"#38B900\"><\/circle><path d=\"M24 9.36561C24 4.19474 18.6178 0 12 0C5.38215 0 0 4.19474 0 9.36561C0 13.9825 4.25629 17.8606 10.0229 18.5993C10.4073 18.6785 10.9565 18.8368 11.0664 19.1797C11.1762 19.4699 11.1487 19.9184 11.0938 20.235C11.0938 20.235 10.9565 21.0528 10.9291 21.2111C10.8741 21.5013 10.6819 22.3456 11.9725 21.8443C13.2632 21.3167 18.8924 17.9398 21.3913 15.1433C23.1487 13.2702 24 11.4234 24 9.36561Z\" transform=\"translate(7 10)\" fill=\"white\"><\/path><path d=\"M1.0984 0H0.24714C0.10984 0 -2.09503e-07 0.105528 -2.09503e-07 0.211056V5.22364C-2.09503e-07 5.35555 0.10984 5.43469 0.24714 5.43469H1.0984C1.2357 5.43469 1.34554 5.32917 1.34554 5.22364V0.211056C1.34554 0.105528 1.2357 0 1.0984 0Z\" transform=\"translate(15.4577 16.8593)\" fill=\"#38B900\" class=\"color-element\"><\/path><path d=\"M4.66819 0H3.81693C3.67963 0 3.56979 0.105528 3.56979 0.211056V3.19222L1.18078 0.0791458C1.18078 0.0791458 1.18078 0.0527642 1.15332 0.0527642C1.15332 0.0527642 1.15332 0.0527641 1.12586 0.0263821C1.12586 0.0263821 1.12586 0.0263821 1.0984 0.0263821H0.247139C0.10984 0.0263821 4.19006e-07 0.13191 4.19006e-07 0.237438V5.25002C4.19006e-07 5.38193 0.10984 5.46108 0.247139 5.46108H1.0984C1.2357 5.46108 1.34554 5.35555 1.34554 5.25002V2.26885L3.73455 5.38193C3.76201 5.40831 3.76201 5.43469 3.78947 5.43469C3.78947 5.43469 3.78947 5.43469 3.81693 5.43469C3.81693 5.43469 3.81693 5.43469 3.84439 5.43469C3.87185 5.43469 3.87185 5.43469 3.89931 5.43469H4.75057C4.88787 5.43469 4.99771 5.32917 4.99771 5.22364V0.211056C4.91533 0.105528 4.80549 0 4.66819 0Z\" transform=\"translate(17.6819 16.8593)\" fill=\"#38B900\" class=\"color-element\"><\/path><path d=\"M3.62471 4.22112H1.34554V0.237438C1.34554 0.105528 1.2357 0 1.0984 0H0.24714C0.10984 0 -5.23757e-08 0.105528 -5.23757e-08 0.237438V5.25002C-5.23757e-08 5.30278 0.0274599 5.35555 0.0549198 5.40831C0.10984 5.43469 0.16476 5.46108 0.21968 5.46108H3.56979C3.70709 5.46108 3.78947 5.35555 3.78947 5.22364V4.4058C3.87185 4.32665 3.76201 4.22112 3.62471 4.22112Z\" transform=\"translate(10.8993 16.8593)\" fill=\"#38B900\" class=\"color-element\"><\/path><path d=\"M3.56979 1.29272C3.70709 1.29272 3.78947 1.18719 3.78947 1.05528V0.237438C3.78947 0.105528 3.67963 -1.00639e-07 3.56979 -1.00639e-07H0.219679C0.164759 -1.00639e-07 0.10984 0.0263821 0.0549199 0.0527641C0.02746 0.105528 -2.09503e-07 0.158292 -2.09503e-07 0.211056V5.22364C-2.09503e-07 5.2764 0.02746 5.32917 0.0549199 5.38193C0.10984 5.40831 0.164759 5.43469 0.219679 5.43469H3.56979C3.70709 5.43469 3.78947 5.32917 3.78947 5.19726V4.37941C3.78947 4.2475 3.67963 4.14198 3.56979 4.14198H1.29062V3.29775H3.56979C3.70709 3.29775 3.78947 3.19222 3.78947 3.06031V2.24247C3.78947 2.11056 3.67963 2.00503 3.56979 2.00503H1.29062V1.16081H3.56979V1.29272Z\" transform=\"translate(23.421 16.8329)\" fill=\"#38B900\" class=\"color-element\"><\/path><\/svg>","is_desktop":1,"is_mobile":1,"icon_color":"#38B900","icon_rgb_color":"56,185,0","channel_type":"Line","custom_image_url":"","order":"","pre_set_message":"","is_use_web_version":"1","is_open_new_tab":"1","is_default_open":"0","has_welcome_message":"0","chat_welcome_message":"","qr_code_image_url":"","mail_subject":"","channel_account_type":"personal","contact_form_settings":[],"contact_fields":[],"url":"https:\/\/line.me\/ti\/p\/~boobewc","mobile_target":"_blank","desktop_target":"_blank","target":"_blank","is_agent":0,"agent_data":[],"header_text":"","header_sub_text":"","header_bg_color":"","header_text_color":"","widget_token":"ad6b30c2da","widget_index":"","click_event":""},{"channel":"Phone","value":"+66847260237","hover_text":"\u0e42\u0e17\u0e23\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21","svg_icon":"<svg width=\"39\" height=\"39\" viewBox=\"0 0 39 39\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle class=\"color-element\" cx=\"19.4395\" cy=\"19.4395\" r=\"19.4395\" fill=\"#03E78B\"\/><path d=\"M19.3929 14.9176C17.752 14.7684 16.2602 14.3209 14.7684 13.7242C14.0226 13.4259 13.1275 13.7242 12.8292 14.4701L11.7849 16.2602C8.65222 14.6193 6.11623 11.9341 4.47529 8.95057L6.41458 7.90634C7.16046 7.60799 7.45881 6.71293 7.16046 5.96705C6.56375 4.47529 6.11623 2.83435 5.96705 1.34259C5.96705 0.596704 5.22117 0 4.47529 0H0.745882C0.298353 0 5.69062e-07 0.298352 5.69062e-07 0.745881C5.69062e-07 3.72941 0.596704 6.71293 1.93929 9.3981C3.87858 13.575 7.30964 16.8569 11.3374 18.7962C14.0226 20.1388 17.0061 20.7355 19.9896 20.7355C20.4371 20.7355 20.7355 20.4371 20.7355 19.9896V16.4094C20.7355 15.5143 20.1388 14.9176 19.3929 14.9176Z\" transform=\"translate(9.07179 9.07178)\" fill=\"white\"\/><\/svg>","is_desktop":1,"is_mobile":1,"icon_color":"rgb(59, 87, 182)","icon_rgb_color":"59,87,182","channel_type":"Phone","custom_image_url":"","order":"","pre_set_message":"","is_use_web_version":"1","is_open_new_tab":"1","is_default_open":"0","has_welcome_message":"0","chat_welcome_message":"","qr_code_image_url":"","mail_subject":"","channel_account_type":"personal","contact_form_settings":[],"contact_fields":[],"url":"tel:+66847260237","mobile_target":"","desktop_target":"","target":"","is_agent":0,"agent_data":[],"header_text":"","header_sub_text":"","header_bg_color":"","header_text_color":"","widget_token":"ad6b30c2da","widget_index":"","click_event":""}]}],"data_analytics_settings":"off"};
</script>
<script src='//www.coreblack.net/wp-content/cache/wpfc-minified/exv7mbz/ol79.js' type="text/javascript"></script>
<!-- <script src='https://www.coreblack.net/wp-content/plugins/chaty/js/cht-front-script.min.js?ver=3.0.61662715853' id='chaty-front-end-js'></script> -->
<link rel="https://api.w.org/" href="https://www.coreblack.net/wp-json/" /><link rel="alternate" type="application/json" href="https://www.coreblack.net/wp-json/wp/v2/pages/732" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.coreblack.net/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.coreblack.net/wp-includes/wlwmanifest.xml" />
<link rel='shortlink' href='https://www.coreblack.net/?p=732' />
<!-- Custom Logo: hide header text -->
<style id="custom-logo-css">
.site-title, .site-description {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
</style>
<link rel="alternate" type="application/json+oembed" href="https://www.coreblack.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.coreblack.net%2Fprojects%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.coreblack.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.coreblack.net%2Fprojects%2F&#038;format=xml" />
<style>.custom-logo,.site-header .extend-container .inner-header .main-logo{width:120px !important;height: auto !important}.main-logo h4{font-size:30px}</style><style></style><script></script><style>.custom-logo,.site-header .extend-container .inner-header .main-logo{width:120px !important;height: auto !important}.custom-logo-link h1.dsn-text-size{font-size:30px}</style><style></style><script></script><style id="custom-background-css">
body.custom-background { background-color: ##161616; }
</style>
<link rel="icon" href="https://www.coreblack.net/wp-content/uploads/2020/12/cropped-coreblack-logo-circle-obs-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.coreblack.net/wp-content/uploads/2020/12/cropped-coreblack-logo-circle-obs-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.coreblack.net/wp-content/uploads/2020/12/cropped-coreblack-logo-circle-obs-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.coreblack.net/wp-content/uploads/2020/12/cropped-coreblack-logo-circle-obs-1-270x270.png" />
<style id="droow_style_color">
:root {
--dsn-background_color:#161616;--dsn-assistant-background-color:#090909;--dsn-heading-color:#fff;--dsn-body-color:rgba(255, 255, 255, 0.69);--dsn-border-color:rgba(112, 112, 112, 0.5);--dsn-background_color-light:#f9f9f9;--dsn-assistant-background-color-light:#e6e6e6;--dsn-heading-color-light:#000;--dsn-body-color-light:#0009;--dsn-border-color-light:#bebebe;            }
</style>
<style id="wp-custom-css">
.box-gallery-vertical h6{
font-family:"Kanit"!important
}
.nav__list-item a{
font-family:"Kanit"!important
}
.box-info-contact h5{
font-family:"Kanit"!important
}
::-moz-selection { /* Code for Firefox */
color: white;
background: black;
}
::selection {
color: white;
background: black;
}
.work-slide{
padding-top: 30px;!important
}
body{
overflow-x:hidden;
}
/* body{
background-color:#181818!important
}
body.v-light {
background-color: #f9f9f9!important;
color: #0009;
} */
.dsn-button-sidebar {
background-color:#858585ab;	
}
.site-header .extend-container .main-navigation ul li a{
font-family:"Kanit"!important;
font-size:14px!important;
letter-spacing:1px;
}
.header-top .header-container .menu-icon .text-menu .text-open .dsn-word-wrapper{
font-family:'Kanit'!important;
}
.header-top .header-container .menu-icon .text-menu .text-close .dsn-word-wrapper{
font-family:'Kanit'!important;
}
.header-top .header-container .menu-icon .text-menu .text-button .dsn-word-wrapper{
font-family:'Kanit'!important;
}
.grecaptcha-badge { 
visibility: hidden;
}		</style>
<style id="kirki-inline-styles">.main-logo h4{font-family:Kanit;font-size:30px;}body{font-family:Roboto;font-size:16px;font-weight:400;line-height:1;}h1 , h2 , h3 , h4 , h5{font-family:Kanit;font-weight:600;}.preloader .preloader-block .title{font-family:Kanit;font-size:25px;font-weight:400;letter-spacing:1px;}/* thai */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraBGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraaGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcrabGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraVGwaKd6xB.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWzVadrNlJzIu4.woff) format('woff');
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWoVadrNlJzIu4.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWpVadrNlJzIu4.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWnVadrNlJz.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu72xMKTU1Kvnz.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu5mxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7mxMKTU1Kvnz.woff) format('woff');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu4WxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7WxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7GxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu4mxMKTU1Kg.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* thai */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraBGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraaGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcrabGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraVGwaKd6xB.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWzVadrNlJzIu4.woff) format('woff');
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWoVadrNlJzIu4.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWpVadrNlJzIu4.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWnVadrNlJz.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu72xMKTU1Kvnz.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu5mxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7mxMKTU1Kvnz.woff) format('woff');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu4WxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7WxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7GxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu4mxMKTU1Kg.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* thai */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraBGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraaGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcrabGwaKd6xBDFs.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKZ-Go6G5tXcraVGwaKd6xB.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWzVadrNlJzIu4.woff) format('woff');
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWoVadrNlJzIu4.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWpVadrNlJzIu4.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kanit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/kanit/nKKU-Go6G5tXcr5KPxWnVadrNlJz.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu72xMKTU1Kvnz.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu5mxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7mxMKTU1Kvnz.woff) format('woff');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu4WxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7WxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu7GxMKTU1Kvnz.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.coreblack.net/wp-content/fonts/roboto/KFOmCnqEu92Fr1Mu4mxMKTU1Kg.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}</style>
</head>
<body class="page-template page-template-page-work page-template-page-work-php page page-id-732 custom-background wp-custom-logo wp-embed-responsive dsn-mousemove dsn-effect-scroll hamburger-menu" data-dsn-mousemove="true">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0.49803921568627" /><feFuncG type="table" tableValues="0 0.49803921568627" /><feFuncB type="table" tableValues="0 0.49803921568627" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.54901960784314 0.98823529411765" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.71764705882353 0.25490196078431" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-red"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 0.27843137254902" /><feFuncB type="table" tableValues="0.5921568627451 0.27843137254902" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-midnight"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0" /><feFuncG type="table" tableValues="0 0.64705882352941" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-magenta-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.78039215686275 1" /><feFuncG type="table" tableValues="0 0.94901960784314" /><feFuncB type="table" tableValues="0.35294117647059 0.47058823529412" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-green"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.65098039215686 0.40392156862745" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.44705882352941 0.4" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-orange"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.098039215686275 1" /><feFuncG type="table" tableValues="0 0.66274509803922" /><feFuncB type="table" tableValues="0.84705882352941 0.41960784313725" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg>
<div class="preloader">
<div class="preloader-after"></div>
<div class="preloader-before"></div>
<div class="preloader-block">
<div class="title">CoreBlack Software Studio</div>
<div class="percent v-middle"></div>
<div class="loading">กรุณารอสักครู่...</div>
</div>
<div class="preloader-bar">
<div class="preloader-progress"></div>
</div>
</div>
<main class="main-root">
<div class="dsn-nav-bar">
<div class="site-header">
<div class="extend-container">
<div class="inner-header">
<div class="main-logo">
<a href="https://www.coreblack.net/" rel="home"><img width="862" height="218" src="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white.png" class="custom-logo light-logo" alt="CoreBlack Software Studio" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white.png 862w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white-300x76.png 300w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white-768x194.png 768w" sizes="(max-width: 862px) 100vw, 862px" /><img width="862" height="218" src="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark.png" class="custom-logo dark-logo" alt="CoreBlack Software Studio" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark.png 862w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark-300x76.png 300w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark-768x194.png 768w" sizes="(max-width: 862px) 100vw, 862px" /></a>                    </div>
</div>
<nav class=" accent-menu main-navigation">
<ul id="droow-primary" class="extend-container"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-825" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home hdev-menu-item-825 hdev-nav-item"><a title="หน้าหลัก" href="https://www.coreblack.net">หน้าหลัก</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1748" class="menu-item menu-item-type-post_type menu-item-object-page hdev-menu-item-1748 hdev-nav-item"><a title="รับทำแชทบอท" href="https://www.coreblack.net/line-oa-chatbot/">รับทำแชทบอท</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-857" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-732 current_page_item hdev-active hdev-menu-item-857 hdev-nav-item"><a title="ผลงาน" href="https://www.coreblack.net/projects/">ผลงาน</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-856" class="menu-item menu-item-type-post_type menu-item-object-page hdev-menu-item-856 hdev-nav-item"><a title="บทความ" href="https://www.coreblack.net/blog/">บทความ</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-855" class="menu-item menu-item-type-post_type menu-item-object-page hdev-menu-item-855 hdev-nav-item"><a title="ติดต่อเรา" href="https://www.coreblack.net/contact/">ติดต่อเรา</a></li>
</ul>                </nav>
</div>
</div>
<div class="header-top header-top-hamburger">
<div class="header-container">
<div class="logo main-logo">
<a href="https://www.coreblack.net/" rel="home"><img width="862" height="218" src="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white.png" class="custom-logo light-logo" alt="CoreBlack Software Studio" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white.png 862w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white-300x76.png 300w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-white-768x194.png 768w" sizes="(max-width: 862px) 100vw, 862px" /><img width="862" height="218" src="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark.png" class="custom-logo dark-logo" alt="CoreBlack Software Studio" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark.png 862w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark-300x76.png 300w, https://www.coreblack.net/wp-content/uploads/2021/01/coreblack-dark-768x194.png 768w" sizes="(max-width: 862px) 100vw, 862px" /></a>                </div>
<div class="menu-icon" data-dsn="parallax" data-dsn-move="5">
<div class="icon-m">
<i class="menu-icon-close fas fa-times"></i>
<span class="menu-icon__line menu-icon__line-left"></span>
<span class="menu-icon__line"></span>
<span class="menu-icon__line menu-icon__line-right"></span>
</div>
<div class="text-menu">
<div class="text-button">เมนูหลัก</div>
<div class="text-open">คลิกเพื่อเปิด</div>
<div class="text-close">ปิดเมนู</div>
</div>
</div>
<div class="nav">
<div class="inner">
<div class="nav__content">
<ul id="droow-primary-list" class="nav__list"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home nav__list-item dsn-menu-item-825"><a title="หน้าหลัก" href="https://www.coreblack.net">หน้าหลัก</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page nav__list-item dsn-menu-item-1748"><a title="รับทำแชทบอท" href="https://www.coreblack.net/line-oa-chatbot/">รับทำแชทบอท</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-732 current_page_item nav__list-item dsn-active dsn-menu-item-857"><a title="ผลงาน" href="https://www.coreblack.net/projects/">ผลงาน</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page nav__list-item dsn-menu-item-856"><a title="บทความ" href="https://www.coreblack.net/blog/">บทความ</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page nav__list-item dsn-menu-item-855"><a title="ติดต่อเรา" href="https://www.coreblack.net/contact/">ติดต่อเรา</a></li>
</ul>
</div>
</div>
</div>
<div class="nav-content">
<div class="inner-content">
<address class="v-middle">
</address>
</div>
</div>
</div>
</div>
</div>
<div id="dsn-scrollbar">
<header>
<div class="header-hero">
<div class="container">
<div class="row f-align-center">
<div class="col-lg-10">
<div class="contenet-hero">
<h5>Projects</h5>                        <h1>
ตัวอย่างผลงาน                        </h1>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="wrapper">
<section class="page-content "><div class="container"><div class="root-work "><div class="box-title" data-dsn-title="cover"><h2 class="title-cover" data-dsn-grid="move-section" data-dsn-move="-70">Project</h2></div>
<div class="filterings">
<div class="filtering-wrap">
<div class="filtering ">
<div class="selector"></div>
<button type="button" data-filter='*' class="active">
All                        </button>
<button type="button" data-filter='.line-chatbot'>
Line Official Chatbot                            </button>
<button type="button" data-filter='.script'>
Script &amp; Tools                            </button>
<button type="button" data-filter='.website'>
Website                            </button>
</div>
</div>
</div>
<div class="projects-list gallery  " data-append="ajax">
<div id="post-1966" class="item script post-1966 droow-portfolio type-droow-portfolio status-publish has-post-thumbnail hentry dsn-droow-categories-script dsn-layout-post" >
<a href="https://www.coreblack.net/project/watermark-tools/" class="effect-ajax" data-dsn-ajax="work"
rel="bookmark"
title="Watermark Tools เครื่องมือเพิ่มลายน้ำให้กับรูปภาพ"
data-dsn-grid="move-up">
<img width="1200" height="1200" src="https://www.coreblack.net/wp-content/uploads/2021/05/P61SA51.png" class="has-top-bottom wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2021/05/P61SA51.png 1200w, https://www.coreblack.net/wp-content/uploads/2021/05/P61SA51-300x300.png 300w, https://www.coreblack.net/wp-content/uploads/2021/05/P61SA51-1024x1024.png 1024w, https://www.coreblack.net/wp-content/uploads/2021/05/P61SA51-150x150.png 150w, https://www.coreblack.net/wp-content/uploads/2021/05/P61SA51-768x768.png 768w, https://www.coreblack.net/wp-content/uploads/2021/05/P61SA51-880x880.png 880w" sizes="(max-width: 1200px) 100vw, 1200px" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">
Script &amp; Tools            </h5>
<h4>
Watermark Tools เครื่องมือเพิ่มลายน้ำให้กับรูปภาพ            </h4>
<span><span>View Project</span></span>
</div>
</a>
</div>
<div id="post-1148" class="item line-chatbot post-1148 droow-portfolio type-droow-portfolio status-publish has-post-thumbnail hentry dsn-droow-categories-line-chatbot dsn-layout-post" >
<a href="https://www.coreblack.net/project/werunto-line-chatbot/" class="effect-ajax" data-dsn-ajax="work"
rel="bookmark"
title="แชทบอทไลน์ สำหรับนักวิ่ง WERUNTO.COM"
data-dsn-grid="move-up">
<img width="4183" height="2627" src="https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line.png" class="has-top-bottom wp-post-image" alt="แชทบอทไลน์ Werunto" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line.png 4183w, https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line-300x188.png 300w, https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line-1024x643.png 1024w, https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line-768x482.png 768w, https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line-1536x965.png 1536w, https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line-2048x1286.png 2048w, https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line-1240x779.png 1240w, https://www.coreblack.net/wp-content/uploads/2020/12/werunto-chatbot-line-880x553.png 880w" sizes="(max-width: 4183px) 100vw, 4183px" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">
Line Official Chatbot            </h5>
<h4>
แชทบอทไลน์ สำหรับนักวิ่ง WERUNTO.COM            </h4>
<span><span>View Project</span></span>
</div>
</a>
</div>
<div id="post-1266" class="item script website post-1266 droow-portfolio type-droow-portfolio status-publish has-post-thumbnail hentry dsn-droow-categories-script dsn-droow-categories-website dsn-layout-post" >
<a href="https://www.coreblack.net/project/missanyapage-salepage-maker/" class="effect-ajax" data-dsn-ajax="work"
rel="bookmark"
title="ระบบสร้างเซลเพจ MISSANYAPAGE.COM"
data-dsn-grid="move-up">
<img width="3500" height="2136" src="https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage.png" class="has-top-bottom wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage.png 3500w, https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage-300x183.png 300w, https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage-1024x625.png 1024w, https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage-768x469.png 768w, https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage-1536x937.png 1536w, https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage-2048x1250.png 2048w, https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage-1240x757.png 1240w, https://www.coreblack.net/wp-content/uploads/2020/12/MissAnyaPage-salepage-880x537.png 880w" sizes="(max-width: 3500px) 100vw, 3500px" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">
Script &amp; Tools, Website            </h5>
<h4>
ระบบสร้างเซลเพจ MISSANYAPAGE.COM            </h4>
<span><span>View Project</span></span>
</div>
</a>
</div>
<div id="post-173" class="item script website post-173 droow-portfolio type-droow-portfolio status-publish has-post-thumbnail hentry dsn-droow-categories-script dsn-droow-categories-website dsn-layout-post" >
<a href="https://www.coreblack.net/project/werunto-website/" class="effect-ajax" data-dsn-ajax="work"
rel="bookmark"
title="ระบบจัดการงานวิ่ง บน WERUNTO.COM"
data-dsn-grid="move-up">
<img width="1525" height="628" src="https://www.coreblack.net/wp-content/uploads/2020/02/werunto-manager.jpg" class="has-top-bottom wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.coreblack.net/wp-content/uploads/2020/02/werunto-manager.jpg 1525w, https://www.coreblack.net/wp-content/uploads/2020/02/werunto-manager-300x124.jpg 300w, https://www.coreblack.net/wp-content/uploads/2020/02/werunto-manager-1024x422.jpg 1024w, https://www.coreblack.net/wp-content/uploads/2020/02/werunto-manager-768x316.jpg 768w, https://www.coreblack.net/wp-content/uploads/2020/02/werunto-manager-1240x511.jpg 1240w, https://www.coreblack.net/wp-content/uploads/2020/02/werunto-manager-880x362.jpg 880w" sizes="(max-width: 1525px) 100vw, 1525px" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">
Script &amp; Tools, Website            </h5>
<h4>
ระบบจัดการงานวิ่ง บน WERUNTO.COM            </h4>
<span><span>View Project</span></span>
</div>
</a>
</div></div></div></div><!--close container--></section><!--close Section-->
<section class="contact-up next-post-up section-margin section-padding">
<div class="container">
<div class="c-wapp">
<a href="https://www.coreblack.net/contact/" class="effect-ajax">
<span class="hiring">
We are hiring                        </span>
<span class="career">
Dare and contact us immediately!                        </span>
</a>
</div>
</div>
</section>
<footer class="wrapper-footer  ">
<div class="info">
<div class="row">
<div class="col-md-6 dsn-col-footer">
<div class="contact-footer">
<a href="tel:0847260237" class="image-zoom phone" rel="nofollow" target="_blank" data-dsn="parallax">0847260237</a>
<a href="mailto:c%6fnta%63&#116;%40&#99;%6fr%65%62&#108;%61%63&#107;" class="image-zoom email" rel="nofollow" target="_blank" data-dsn="parallax">co&#110;&#116;&#97;c&#116;&#64;core&#98;l&#97;&#99;&#107;</a>
</div>
<div class="copyright-social">
<p>© 2020 CoreBlack Software Studio</p>
</div>
</div>
<div class="col-md-6 dsn-col-footer">
<div class="copyright-social h-100">
<ul class="d-flex justify-content-end h-100 align-items-end">
</ul>
</div>
</div>
</div>
</div>
</footer>
</div><!-- close wrapper -->
</div> <!-- close dsn-scrollbar -->
</main>
<div class="cursor">
<div class="cursor-helper cursor-view">
<span>VIEW</span>
</div>
<div class="cursor-helper cursor-close">
<span>CLOSE</span>
</div>
<div class="cursor-helper cursor-link"></div>
</div>
<div class="wait-loader">
<div class="loader-inner">
<div class="loader-circle">
<div class="loader-layer"></div>
</div>
</div>
</div><script></script><script src='https://www.coreblack.net/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.3' id='swv-js'></script>
<script id='contact-form-7-js-extra'>
var wpcf7 = {"api":{"root":"https:\/\/www.coreblack.net\/wp-json\/","namespace":"contact-form-7\/v1"}};
</script>
<script src='https://www.coreblack.net/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.3' id='contact-form-7-js'></script>
<script src='https://www.google.com/recaptcha/api.js?render=6Let8KQUAAAAAKlvf4XMOPAP4z3JilSj-T3Peatd&#038;ver=3.0' id='google-recaptcha-js'></script>
<script src='https://www.coreblack.net/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script>
<script src='https://www.coreblack.net/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script>
<script id='wpcf7-recaptcha-js-extra'>
var wpcf7_recaptcha = {"sitekey":"6Let8KQUAAAAAKlvf4XMOPAP4z3JilSj-T3Peatd","actions":{"homepage":"homepage","contactform":"contactform"}};
</script>
<script src='https://www.coreblack.net/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.7.3' id='wpcf7-recaptcha-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/slick.min.js?ver=2513c18846a6af877d2b94aa302cf43b' id='slick-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/swiper.min.js?ver=2513c18846a6af877d2b94aa302cf43b' id='swiper-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/TweenMax.min.js?ver=2513c18846a6af877d2b94aa302cf43b' id='tweenmax-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/Isotope.min.js?ver=2513c18846a6af877d2b94aa302cf43b' id='isotope-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/justifiedGallery.min.js?ver=2513c18846a6af877d2b94aa302cf43b' id='justifiedGallery-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/popper.min.js?ver=2513c18846a6af877d2b94aa302cf43b' id='popper-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/magnific-popup.min.js?ver=2513c18846a6af877d2b94aa302cf43b' id='magnific-popup-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/YouTubePopUp.js?ver=2513c18846a6af877d2b94aa302cf43b' id='YouTubePopUp-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/smooth-scrollbar.js?ver=2513c18846a6af877d2b94aa302cf43b' id='smooth-scrollbar-js'></script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/plugins/dsn-grid.js?ver=1.2.2' id='dsn-grid-js'></script>
<script src='https://www.coreblack.net/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script>
<script id='droow-scripts-js-extra'>
var dsnParam = {"queries":"https:\/\/www.coreblack.net\/wp-admin\/admin-ajax.php?action=droow_post_query","hold_time":"0","mouse_scroll_step":"15","scroll_speed":"0.01","cursor_drag_speed":"0.3","map_marker_icon":"https:\/\/www.coreblack.net\/wp-content\/themes\/droow\/assets\/img\/map-marker.png","map_zoom_level":"12","effect_aos":"","map_api":""};
</script>
<script src='https://www.coreblack.net/wp-content/themes/droow//assets/js/custom.js?ver=1.2.2' id='droow-scripts-js'></script>
<script></script>
<!-- <div id="fb-root"></div>
<script>
window.fbAsyncInit = function () {
FB.init({
xfbml: true,
version: 'v8.0'
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/th_TH/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-customerchat" attribution=setup_tool page_id="1204166416273314" theme_color="#090909"
       logged_in_greeting="สวัสดีครับ หากต้องการสอบถามข้อมูลเกี่ยวกับบริการของเรา คลิ๊กที่นี่"
greeting_dialog_display="hide"
       logged_out_greeting="สวัสดีครับ หากต้องการสอบถามข้อมูลเกี่ยวกับบริการของเรา คลิ๊กที่นี่">
</div> -->
</body>
</html><!-- WP Fastest Cache file was created in 1.0946481227875 seconds, on 31-01-23 9:05:50 -->