.elementor-kit-18878{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#4285F4;--e-global-color-text:#40BA9B;--e-global-color-accent:#4285F4;--e-global-color-411c2bc:#2979FD;--e-global-color-07a5bb9:#11C496;--e-global-color-3b1c069:#8B99B3;--e-global-color-41da80f:#0A1E36;--e-global-color-dceaf05:#081729;--e-global-typography-primary-font-family:"PSU Stidti";--e-global-typography-secondary-font-weight:normal;background-color:var( --e-global-color-dceaf05 );color:#FFFFFF;font-family:"PSU Stidti", Sans-serif;font-weight:normal;text-decoration:none;}.elementor-kit-18878 button,.elementor-kit-18878 input[type="button"],.elementor-kit-18878 input[type="submit"],.elementor-kit-18878 .elementor-button{background-color:var( --e-global-color-secondary );font-size:14px;color:var( --e-global-color-primary );}.elementor-kit-18878 button:hover,.elementor-kit-18878 button:focus,.elementor-kit-18878 input[type="button"]:hover,.elementor-kit-18878 input[type="button"]:focus,.elementor-kit-18878 input[type="submit"]:hover,.elementor-kit-18878 input[type="submit"]:focus,.elementor-kit-18878 .elementor-button:hover,.elementor-kit-18878 .elementor-button:focus{background-color:var( --e-global-color-411c2bc );color:var( --e-global-color-primary );}.elementor-kit-18878 e-page-transition{background-color:#FFBC7D;}.elementor-kit-18878 a{color:var( --e-global-color-secondary );}.elementor-kit-18878 a:hover{color:var( --e-global-color-text );}.elementor-kit-18878 img{border-radius:20px 20px 20px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-18878 img{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*---------------------------
 loop grid อยู่ตรงกลาง 1
 ---------------------------*/

.loopprofile .elementor-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    
}

/* สำหรับหน้าจอขนาดใหญ่ (Desktop) */
body[data-elementor-device-mode=desktop] .loopprofile div[data-elementor-type="loop-item"] {
    grid-column: span 2;
}

/* 2 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .loopprofile div[data-elementor-type="loop-item"]:nth-last-child(2):nth-child(4n + 2) {
    grid-column-end: 5;
}

/* 3 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .loopprofile div[data-elementor-type="loop-item"]:nth-last-child(3):nth-child(4n+2) {
    grid-column-end: 4;
}

/* 1 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .loopprofile div[data-elementor-type="loop-item"]:last-child:nth-child(4n + 2) {
    grid-column-end: 6;
}


/* สำหรับหน้าจอขนาดกลาง (Tablet) */
@media (max-width: 1024px) {
    .loopprofile .elementor-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body[data-elementor-device-mode=desktop] .loopprofile div[data-elementor-type="loop-item"] {
        grid-column: span 2;
    }
    
/* 1 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .loopprofile div[data-elementor-type="loop-item"]:last-child:nth-child(1n+2) {
    grid-column-end: 2;
}


/* สำหรับหน้าจอขนาดเล็ก (Mobile) */
@media (max-width: 768px) {
.loopprofile .elementor-grid {
        grid-template-columns: repeat(1, 1fr);
}

    body[data-elementor-device-mode=desktop] .loopprofile div[data-elementor-type="loop-item"] {
    grid-column: span 2;
    }



/*---------------------------
 loop grid อยู่ตรงกลาง 2
 ---------------------------*/

.coccloopcentor .elementor-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    
}

/* สำหรับหน้าจอขนาดใหญ่ (Desktop) */
body[data-elementor-device-mode=desktop] .coccloopcentor div[data-elementor-type="loop-item"] {
    grid-column: span 2;
}

/* 2 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .coccloopcentor div[data-elementor-type="loop-item"]:nth-last-child(2):nth-child(4n + 2) {
    grid-column-end: 5;
}

/* 3 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .coccloopcentor div[data-elementor-type="loop-item"]:nth-last-child(3):nth-child(4n+2) {
    grid-column-end: 4;
}

/* 1 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .coccloopcentor div[data-elementor-type="loop-item"]:last-child:nth-child(4n + 2) {
    grid-column-end: 6;
}


/* สำหรับหน้าจอขนาดกลาง (Tablet) */
@media (max-width: 1024px) {
    .loop-grid-centertwo .elementor-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    body[data-elementor-device-mode=desktop] .coccloopcentor div[data-elementor-type="loop-item"] {
        grid-column: span 2;
    }
    
/* 1 orphaned items on last row - CENTERED */
body[data-elementor-device-mode=desktop] .coccloopcentor div[data-elementor-type="loop-item"]:last-child:nth-child(1n+2) {
    grid-column-end: 2;
}


/* สำหรับหน้าจอขนาดเล็ก (Mobile) */
@media (max-width: 768px) {
.coccloopcentor .elementor-grid {
        grid-template-columns: repeat(1, 1fr);
}

    body[data-elementor-device-mode=desktop] .coccloopcentor div[data-elementor-type="loop-item"] {
    grid-column: span 2;
    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PSU Stidti';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-light.eot');
	src: url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-light.eot?#iefix') format('embedded-opentype'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-light.woff2') format('woff2'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-light.woff') format('woff'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-light.ttf') format('truetype'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-light.svg#PSUStidti') format('svg');
}
@font-face {
	font-family: 'PSU Stidti';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-regular.eot');
	src: url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-regular.eot?#iefix') format('embedded-opentype'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-regular.woff2') format('woff2'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-regular.woff') format('woff'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-regular.ttf') format('truetype'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-regular.svg#PSUStidti') format('svg');
}
@font-face {
	font-family: 'PSU Stidti';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-bold.eot');
	src: url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-bold.eot?#iefix') format('embedded-opentype'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-bold-1.woff2') format('woff2'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-bold.woff') format('woff'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-bold.ttf') format('truetype'),
		url('http://192.168.50.41/cocc/wp-content/uploads/2024/07/psu-stidti-bold.svg#PSUStidti') format('svg');
}
/* End Custom Fonts CSS */