.elementor-792 .elementor-element.elementor-element-f6905b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-the7-heading .the7-heading-title{color:var( --e-global-color-primary );text-decoration-color:var( --e-global-color-primary );}.elementor-widget-the7-heading .the7-heading-title:hover, .elementor-widget-the7-heading .the7-heading-title:hover a{color:var( --e-global-color-primary );}.elementor-792 .elementor-element.elementor-element-2626486{text-align:center;}.elementor-792 .elementor-element.elementor-element-2626486 .the7-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-decoration-style:solid;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-792 .elementor-element.elementor-element-255fe22{--divider-border-style:solid;--divider-color:#628A00;--divider-border-width:3.5px;}.elementor-792 .elementor-element.elementor-element-255fe22 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-792 .elementor-element.elementor-element-255fe22 .elementor-divider-separator{width:17%;margin:0 auto;margin-center:0;}.elementor-792 .elementor-element.elementor-element-255fe22 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-792 .elementor-element.elementor-element-5dc48ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-792 .elementor-element.elementor-element-54cc55b .dt-css-grid{grid-column-gap:15px;grid-row-gap:20px;--grid-row-gap:20px;}.elementor-792 .elementor-element.elementor-element-54cc55b .dt-isotope .wf-cell{padding-right:calc(15px/2) !important;padding-left:calc(15px/2) !important;padding-top:calc(20px/2) !important;padding-bottom:calc(20px/2) !important;}.elementor-792 .elementor-element.elementor-element-54cc55b .dt-isotope{margin-right:calc(-1*15px/2) !important;margin-left:calc(-1*15px/2) !important;margin-top:calc(-1*20px/2) !important;margin-bottom:calc(-1*20px/2) !important;}.elementor-792 .elementor-element.elementor-element-54cc55b{--the7-img-object-fit:var(--object-fit);--the7-img-width:var(--ratio-img-width);--the7-img-height:var(--ratio-img-height);--the7-img-max-height:var(--max-height);--the7-img-max-width:var(--max-width);--box-width:var(--image-size, var(--ratio-img-width));--the7-img-ratio:var(--aspect-ratio, var(--ratio));--object-fit:cover;--ratio-img-width:100%;--svg-width:100%;--height:100%;--max-height:100%;--max-width:100%;--aspect-ratio:1.5;} .elementor-792 .elementor-element.elementor-element-54cc55b .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-792 .elementor-element.elementor-element-54cc55b .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-792 .elementor-element.elementor-element-54cc55b .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after { transition: all 0.3s; } .elementor-792 .elementor-element.elementor-element-54cc55b .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:before, .elementor-792 .elementor-element.elementor-element-54cc55b .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:before, .elementor-792 .elementor-element.elementor-element-54cc55b .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:before { transition: opacity 0.3s;} .elementor-792 .elementor-element.elementor-element-54cc55b .post-thumbnail:hover > .post-thumbnail-rollover:before, .elementor-792 .elementor-element.elementor-element-54cc55b .post-thumbnail:not(:hover) > .post-thumbnail-rollover:after {transition-delay: 0.15s;} .elementor-792 .elementor-element.elementor-element-54cc55b .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-792 .elementor-element.elementor-element-54cc55b .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-792 .elementor-element.elementor-element-54cc55b .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after {background:#014A7F00;} .elementor-792 .elementor-element.elementor-element-54cc55b .box-button, .elementor-792 .elementor-element.elementor-element-54cc55b .box-button .popup-icon, .elementor-792 .elementor-element.elementor-element-54cc55b .box-button:hover, .elementor-792 .elementor-element.elementor-element-54cc55b .box-button:focus, .elementor-792 .elementor-element.elementor-element-54cc55b .box-hover:hover .box-button{background:var( --e-global-color-secondary );}.elementor-792 .elementor-element.elementor-element-54cc55b .box-button.elementor-button:hover, .elementor-792 .elementor-element.elementor-element-54cc55b .box-button.elementor-button:focus, .elementor-792 .elementor-element.elementor-element-54cc55b .box-button.elementor-button:hover .popup-icon, .elementor-792 .elementor-element.elementor-element-54cc55b .box-button.elementor-button:focus .popup-icon, .elementor-792 .elementor-element.elementor-element-54cc55b .box-hover:hover .box-button.elementor-button, .elementor-792 .elementor-element.elementor-element-54cc55b .box-hover:hover .box-button.elementor-button .popup-icon{background:var( --e-global-color-primary );}.elementor-792 .elementor-element.elementor-element-54cc55b article{background-color:var( --e-global-color-ad9428a );} .elementor-792 .elementor-element.elementor-element-54cc55b .description-under-image .post-thumbnail-wrap .post-thumbnail > .post-thumbnail-rollover:after, .elementor-792 .elementor-element.elementor-element-54cc55b .gradient-overlap-layout-list article .post-thumbnail > .post-thumbnail-rollover:after, .elementor-792 .elementor-element.elementor-element-54cc55b .description-on-hover article .post-thumbnail > .post-thumbnail-rollover:after {background-color:transparent;background-image:linear-gradient(180deg, #014A7F00 38%, #014A7FC7 100%);}.elementor-792 .elementor-element.elementor-element-54cc55b .the7-hover-icon{font-size:12px;width:24px;height:24px;line-height:24px;background:var( --e-global-color-secondary );}.elementor-792 .elementor-element.elementor-element-54cc55b .the7-hover-icon svg{width:12px;}.elementor-792 .elementor-element.elementor-element-54cc55b .the7-hover-icon:hover{background:var( --e-global-color-secondary );box-shadow:var( --e-global-color-secondary );}.elementor-792 .elementor-element.elementor-element-54cc55b .description-under-image .post-entry-content{align-self:flex-start;}.elementor-792 .elementor-element.elementor-element-54cc55b .description-on-hover .post-entry-content .post-entry-body{align-self:flex-start;}.elementor-792 .elementor-element.elementor-element-54cc55b .post-entry-content{text-align:left;}.elementor-792 .elementor-element.elementor-element-54cc55b .classic-layout-list .post-thumbnail-wrap{text-align:left;}.elementor-792 .elementor-element.elementor-element-54cc55b .ele-entry-title{font-family:"Noto Sans Thai", Sans-serif;font-size:14px;font-weight:500;line-height:1.3em;}#the7-body .elementor-792 .elementor-element.elementor-element-54cc55b article:not(.class-1):not(.keep-custom-css) .ele-entry-title a{color:var( --e-global-color-secondary );}#the7-body .elementor-792 .elementor-element.elementor-element-54cc55b article:not(.class-1):not(.keep-custom-css) .ele-entry-title span{color:var( --e-global-color-secondary );}#the7-body .elementor-792 .elementor-element.elementor-element-54cc55b article:not(.class-1):not(.keep-custom-css) .ele-entry-title a:hover{color:var( --e-global-color-primary );}.elementor-792 .elementor-element.elementor-element-54cc55b .entry-meta .meta-item:not(:first-child):before{content:"•";}.elementor-792 .elementor-element.elementor-element-54cc55b .entry-meta, .elementor-792 .elementor-element.elementor-element-54cc55b .entry-meta > span{font-family:"Noto Sans Thai", Sans-serif;font-size:10px;font-weight:500;}.elementor-792 .elementor-element.elementor-element-54cc55b .box-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-792 .elementor-element.elementor-element-54cc55b .paginator{justify-content:center;}@media(max-width:1024px){.elementor-792 .elementor-element.elementor-element-5dc48ae{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-792 .elementor-element.elementor-element-54cc55b .dt-css-grid{grid-column-gap:30px;}.elementor-792 .elementor-element.elementor-element-54cc55b .dt-isotope .wf-cell{padding-right:calc(30px/2) !important;padding-left:calc(30px/2) !important;}.elementor-792 .elementor-element.elementor-element-54cc55b .dt-isotope{margin-right:calc(-1*30px/2) !important;margin-left:calc(-1*30px/2) !important;}}.the7_elements-54cc55b.portfolio-shortcode .post-details i { margin: 0px;}.the7_elements-54cc55b.portfolio-shortcode .show-filter-categories .filter-categories { display: flex;}.the7_elements-54cc55b.portfolio-shortcode .hide-filter-categories .filter-categories { display: none;}#main .the7_elements-54cc55b.portfolio-shortcode .filter-extras { display: block;}#main .the7_elements-54cc55b.portfolio-shortcode .filter-extras .filter-by { display: var(--display-by);}#main .the7_elements-54cc55b.portfolio-shortcode .filter-extras .filter-sorting { display: var(--display-sort);}@media screen and (max-width: 1024px) { #main .the7_elements-54cc55b.portfolio-shortcode .filter-categories { display: flex; display: none; } .the7_elements-54cc55b.portfolio-shortcode .show-filter-categories-tablet .filter-categories { display: flex; } .the7_elements-54cc55b.portfolio-shortcode .hide-filter-categories-tablet .filter-categories { display: none; } #main .the7_elements-54cc55b.portfolio-shortcode .filter-extras { display: block; }}@media screen and (max-width: 767px) { #main .the7_elements-54cc55b.portfolio-shortcode .filter-categories { display: flex; display: none; } .the7_elements-54cc55b.portfolio-shortcode .show-filter-categories-mobile .filter-categories { display: flex; } .the7_elements-54cc55b.portfolio-shortcode .hide-filter-categories-mobile .filter-categories { display: none; } #main .the7_elements-54cc55b.portfolio-shortcode .filter-extras { display: block; }}.the7_elements-54cc55b.portfolio-shortcode.content-bg-on.classic-layout-list article { box-shadow: none;}.the7_elements-54cc55b.portfolio-shortcode.description-on-hover article { overflow: hidden;}.the7_elements-54cc55b.portfolio-shortcode article { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-54cc55b.portfolio-shortcode article .post-entry-content { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.the7_elements-54cc55b.portfolio-shortcode:not(.mode-masonry) article:first-of-type,.the7_elements-54cc55b.portfolio-shortcode:not(.mode-masonry) article.visible.first { margin-top: 0;}.the7_elements-54cc55b.portfolio-shortcode.content-bg-on.classic-layout-list article { box-shadow: none;}.the7_elements-54cc55b.portfolio-shortcode.hover-scale article.post:after { background-color: var(--content-bg-color); box-shadow: none;}.the7_elements-54cc55b.portfolio-shortcode.content-bg-on.description-under-image article .post-entry-content { background-color: var(--content-bg-color); box-shadow: none;}.the7_elements-54cc55b.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { grid-template-columns: repeat(auto-fill,minmax(0px,1fr));}.the7_elements-54cc55b.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid,.no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid { display: flex; flex-flow: row wrap;}.cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell,.no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode:not(.resize-by-browser-width) .dt-css-grid .wf-cell { flex: 1 0 0px; min-width: 0px; max-width: 100%; padding: 15px; box-sizing: border-box;}.the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(4,1fr); grid-template-rows: auto;}.the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .double-width { grid-column: span 2;}.cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 25%;}.cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(25%) * 2;}@media screen and (max-width: 1439px) { .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(4,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 25%; } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(25%)*2; }}@media screen and (max-width: 1024px) { .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(2,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 50%; } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(50%)*2; }}@media screen and (max-width: 767px) { .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(2,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 50%; } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(50%)*2; }}@media screen and (min-width: 1141px) { .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid { grid-template-columns: repeat(4,1fr); } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell { width: 25%; } .cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width, .no-cssgridlegacy.no-cssgrid .the7_elements-54cc55b.portfolio-shortcode.resize-by-browser-width .dt-css-grid .wf-cell.double-width { width: calc(25%)*2; }}