/*---------------------------------------------------------roboto------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Athiti:wght@200;300;400;500;600;700&family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Charm:wght@400;700&family=Charmonman:wght@400;700&family=Chonburi&family=Damion&family=Itim&family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=KoHo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Mitr:wght@200;300;400;500;600;700&family=Pattaya&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Pridi:wght@200;300;400;500;600;700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Sriracha&family=Srisakdi:wght@400;700&family=Thasadith:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.roboto-thin {font-family: "Roboto", sans-serif; font-weight: 100;font-style: normal;}
.roboto-light {font-family: "Roboto", sans-serif;font-weight: 300;font-style: normal;}
.roboto-regular {font-family: "Roboto", sans-serif;font-weight: 400;font-style: normal;}
.roboto-medium {font-family: "Roboto", sans-serif;font-weight: 500;font-style: normal;}
.roboto-bold {font-family: "Roboto", sans-serif;font-weight: 700;font-style: normal;}
.roboto-black {font-family: "Roboto", sans-serif;font-weight: 900;font-style: normal;}
.roboto-thin-italic {font-family: "Roboto", sans-serif;font-weight: 100;font-style: italic;}
.roboto-light-italic {font-family: "Roboto", sans-serif;font-weight: 300;font-style: italic;}
.roboto-regular-italic {font-family: "Roboto", sans-serif;font-weight: 400;font-style: italic;}
.roboto-medium-italic {font-family: "Roboto", sans-serif;font-weight: 500;font-style: italic;}
.roboto-bold-italic {font-family: "Roboto", sans-serif;font-weight: 700;font-style: italic;}
.roboto-black-italic {font-family: "Roboto", sans-serif;font-weight: 900;font-style: italic;}

/*---------------------------------------------------------Damion-----------------------------------------------------------------------------------------*/
.damion-regular {font-family: "Damion", cursive;font-weight: 400;font-style: normal;}
/*---------------------------------------------------------Playfair+Display-----------------------------------------------------------------------------------------*/
.playfair-display{font-family: "Playfair Display", serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
/*------------------------------- link : https://fonts.google.com/?preview.layout=grid&sort=relevance&lang=th_Thai  --------------------------------------*/
/*---------------------------------------------------------kanit----------------------------------------------------*/
.kanit-thin {font-family: "Kanit", sans-serif;font-weight: 100;font-style: normal;}
.kanit-extralight {font-family: "Kanit", sans-serif;font-weight: 200;font-style: normal;}
.kanit-light {font-family: "Kanit", sans-serif;font-weight: 300;font-style: normal;}
.kanit-regular {font-family: "Kanit", sans-serif;font-weight: 400;font-style: normal;}
.kanit-medium {font-family: "Kanit", sans-serif;font-weight: 500;font-style: normal;}
.kanit-semibold {font-family: "Kanit", sans-serif;font-weight: 600;font-style: normal;}
.kanit-bold {font-family: "Kanit", sans-serif;font-weight: 700;font-style: normal;}
.kanit-extrabold {font-family: "Kanit", sans-serif;font-weight: 800;font-style: normal;}
.kanit-black {font-family: "Kanit", sans-serif;font-weight: 900;font-style: normal;}
.kanit-thin-italic {font-family: "Kanit", sans-serif;font-weight: 100;font-style: italic;}
.kanit-extralight-italic {font-family: "Kanit", sans-serif;font-weight: 200;font-style: italic;}
.kanit-light-italic {font-family: "Kanit", sans-serif;font-weight: 300;font-style: italic;}
.kanit-regular-italic {font-family: "Kanit", sans-serif;font-weight: 400;font-style: italic;}
.kanit-medium-italic {font-family: "Kanit", sans-serif;font-weight: 500;font-style: italic;}
.kanit-semibold-italic {font-family: "Kanit", sans-serif;font-weight: 600;font-style: italic;}
.kanit-bold-italic {font-family: "Kanit", sans-serif;font-weight: 700;font-style: italic;}
.kanit-extrabold-italic {font-family: "Kanit", sans-serif;font-weight: 800;font-style: italic;}
.kanit-black-italic {font-family: "Kanit", sans-serif;font-weight: 900;font-style: italic;}
/*-----------------------------------------------------Prompt---------------------------------------------------------*/
.prompt-thin {font-family: "Prompt", sans-serif;font-weight: 100;font-style: normal;}
.prompt-extralight {font-family: "Prompt", sans-serif;font-weight: 200;font-style: normal;}  
.prompt-light {font-family: "Prompt", sans-serif;font-weight: 300;font-style: normal;}  
.prompt-regular {font-family: "Prompt", sans-serif;font-weight: 400;font-style: normal;}
.prompt-medium {font-family: "Prompt", sans-serif;font-weight: 500;font-style: normal;}
.prompt-semibold {font-family: "Prompt", sans-serif;font-weight: 600;font-style: normal;}
.prompt-bold {font-family: "Prompt", sans-serif;font-weight: 700;font-style: normal;}
.prompt-extrabold {font-family: "Prompt", sans-serif;font-weight: 800;font-style: normal;}
.prompt-black {font-family: "Prompt", sans-serif;font-weight: 900;font-style: normal;}
.prompt-thin-italic {font-family: "Prompt", sans-serif;font-weight: 100;font-style: italic;}
.prompt-extralight-italic {font-family: "Prompt", sans-serif;font-weight: 200;font-style: italic;}
.prompt-light-italic {font-family: "Prompt", sans-serif;font-weight: 300;font-style: italic;}
.prompt-regular-italic {font-family: "Prompt", sans-serif;font-weight: 400;font-style: italic;}
.prompt-medium-italic {font-family: "Prompt", sans-serif;font-weight: 500;font-style: italic;}
.prompt-semibold-italic {font-family: "Prompt", sans-serif;font-weight: 600;font-style: italic;}
.prompt-bold-italic {font-family: "Prompt", sans-serif;font-weight: 700;font-style: italic;}
.prompt-extrabold-italic {font-family: "Prompt", sans-serif;font-weight: 800;font-style: italic;}
.prompt-black-italic {font-family: "Prompt", sans-serif;font-weight: 900;font-style: italic;}

/*---------------------------------------------------------Chakra Petch----------------------------------------------------*/
.chakra-petch-light {font-family: "Chakra Petch", sans-serif;font-weight: 300;font-style: normal;}
.chakra-petch-regular {font-family: "Chakra Petch", sans-serif;font-weight: 400;font-style: normal;}
.chakra-petch-medium {font-family: "Chakra Petch", sans-serif;font-weight: 500;font-style: normal;}  
.chakra-petch-semibold {font-family: "Chakra Petch", sans-serif;font-weight: 600;font-style: normal;}
.chakra-petch-bold {font-family: "Chakra Petch", sans-serif;font-weight: 700;font-style: normal;}  
.chakra-petch-light-italic {font-family: "Chakra Petch", sans-serif;font-weight: 300;font-style: italic;}
.chakra-petch-regular-italic {font-family: "Chakra Petch", sans-serif;font-weight: 400;font-style: italic;}
.chakra-petch-medium-italic {font-family: "Chakra Petch", sans-serif;font-weight: 500;font-style: italic;}
.chakra-petch-semibold-italic {font-family: "Chakra Petch", sans-serif;font-weight: 600;font-style: italic;}
.chakra-petch-bold-italic {font-family: "Chakra Petch", sans-serif;font-weight: 700;font-style: italic;}

/*---------------------------------------------------------Sarabun-----------------------------------------------------------*/
.sarabun-thin {font-family: "Sarabun", sans-serif;font-weight: 100;font-style: normal;}
.sarabun-extralight {font-family: "Sarabun", sans-serif;font-weight: 200;font-style: normal;}
.sarabun-light {font-family: "Sarabun", sans-serif;font-weight: 300;font-style: normal;}
.sarabun-regular {font-family: "Sarabun", sans-serif;font-weight: 400;font-style: normal;}
.sarabun-medium {font-family: "Sarabun", sans-serif;font-weight: 500;font-style: normal;}
.sarabun-semibold {font-family: "Sarabun", sans-serif;font-weight: 600;font-style: normal;}
.sarabun-bold {font-family: "Sarabun", sans-serif;font-weight: 700;font-style: normal;}
.sarabun-extrabold {font-family: "Sarabun", sans-serif;font-weight: 800;font-style: normal;}
.sarabun-thin-italic {font-family: "Sarabun", sans-serif;font-weight: 100;font-style: italic;}
.sarabun-extralight-italic {font-family: "Sarabun", sans-serif;font-weight: 200;font-style: italic;}
.sarabun-light-italic {font-family: "Sarabun", sans-serif;font-weight: 300;font-style: italic;}
.sarabun-regular-italic {font-family: "Sarabun", sans-serif;font-weight: 400;font-style: italic;}
.sarabun-medium-italic {font-family: "Sarabun", sans-serif;font-weight: 500;font-style: italic;}
.sarabun-semibold-italic {font-family: "Sarabun", sans-serif;font-weight: 600;font-style: italic;}
.sarabun-bold-italic {font-family: "Sarabun", sans-serif;font-weight: 700;font-style: italic;}
.sarabun-extrabold-italic {font-family: "Sarabun", sans-serif;font-weight: 800;font-style: italic;}

/*----------------------------------------------------Krub----------------------------------------------------------------*/
.krub-extralight {font-family: "Krub", sans-serif;font-weight: 200;font-style: normal;}  
.krub-light {font-family: "Krub", sans-serif;font-weight: 300;font-style: normal;}
.krub-regular {font-family: "Krub", sans-serif;font-weight: 400;font-style: normal;}
.krub-medium {font-family: "Krub", sans-serif;font-weight: 500;font-style: normal;}  
.krub-semibold {font-family: "Krub", sans-serif;font-weight: 600;font-style: normal;}
.krub-bold {font-family: "Krub", sans-serif;font-weight: 700;font-style: normal;}
.krub-extralight-italic {font-family: "Krub", sans-serif;font-weight: 200;font-style: italic;}
.krub-light-italic {font-family: "Krub", sans-serif;font-weight: 300;font-style: italic;}
.krub-regular-italic {font-family: "Krub", sans-serif;font-weight: 400;font-style: italic;}
.krub-medium-italic {font-family: "Krub", sans-serif;font-weight: 500;font-style: italic;}
.krub-semibold-italic {font-family: "Krub", sans-serif;font-weight: 600;font-style: italic;}
.krub-bold-italic {font-family: "Krub", sans-serif;font-weight: 700;font-style: italic;}

/*----------------------------------------------------Sriracha----------------------------------------------------------------*/
.sriracha-regular {font-family: "Sriracha", cursive;font-weight: 400;font-style: normal;}

/*----------------------------------------------------Mitr----------------------------------------------------------------*/
.mitr-extralight {font-family: "Mitr", sans-serif;font-weight: 200;font-style: normal;}
.mitr-light {font-family: "Mitr", sans-serif;font-weight: 300;font-style: normal;}
.mitr-regular {font-family: "Mitr", sans-serif;font-weight: 400;font-style: normal;}  
.mitr-medium {font-family: "Mitr", sans-serif;font-weight: 500;font-style: normal;}
.mitr-semibold {font-family: "Mitr", sans-serif;font-weight: 600;font-style: normal;}
.mitr-bold {font-family: "Mitr", sans-serif;font-weight: 700;font-style: normal;}  

/*----------------------------------------------------Itim----------------------------------------------------------------*/
.itim-regular {font-family: "Itim", cursive;font-weight: 400;font-style: normal;}

/*----------------------------------------------------Bai Jamjuree----------------------------------------------------------------*/
.bai-jamjuree-extralight {font-family: "Bai Jamjuree", sans-serif;font-weight: 200;font-style: normal;}  
.bai-jamjuree-light {font-family: "Bai Jamjuree", sans-serif;font-weight: 300;font-style: normal;}
.bai-jamjuree-regular {font-family: "Bai Jamjuree", sans-serif;font-weight: 400;font-style: normal;}
.bai-jamjuree-medium {font-family: "Bai Jamjuree", sans-serif;font-weight: 500;font-style: normal;}
.bai-jamjuree-semibold {font-family: "Bai Jamjuree", sans-serif;font-weight: 600;font-style: normal;}
.bai-jamjuree-bold {font-family: "Bai Jamjuree", sans-serif;font-weight: 700;font-style: normal;}
.bai-jamjuree-extralight-italic {font-family: "Bai Jamjuree", sans-serif;font-weight: 200;font-style: italic;}
.bai-jamjuree-light-italic {font-family: "Bai Jamjuree", sans-serif;font-weight: 300;font-style: italic;}
.bai-jamjuree-regular-italic {font-family: "Bai Jamjuree", sans-serif;font-weight: 400;font-style: italic;}
.bai-jamjuree-medium-italic {font-family: "Bai Jamjuree", sans-serif;font-weight: 500;font-style: italic;}
.bai-jamjuree-semibold-italic {font-family: "Bai Jamjuree", sans-serif;font-weight: 600;font-style: italic;}
.bai-jamjuree-bold-italic {font-family: "Bai Jamjuree", sans-serif;font-weight: 700;font-style: italic;}

/*----------------------------------------------------Pridi----------------------------------------------------------------*/
.pridi-extralight {font-family: "Pridi", serif;font-weight: 200;font-style: normal;}
.pridi-light {font-family: "Pridi", serif;font-weight: 300;font-style: normal;}
.pridi-regular {font-family: "Pridi", serif;font-weight: 400;font-style: normal;}
.pridi-medium {font-family: "Pridi", serif;font-weight: 500;font-style: normal;}
.pridi-semibold {font-family: "Pridi", serif;font-weight: 600;font-style: normal;}
.pridi-bold {font-family: "Pridi", serif;font-weight: 700;font-style: normal;}

/*----------------------------------------------------Athiti----------------------------------------------------------------*/
.athiti-extralight {font-family: "Athiti", sans-serif;font-weight: 200;font-style: normal;}
.athiti-light {font-family: "Athiti", sans-serif;font-weight: 300;font-style: normal;}
.athiti-regular {font-family: "Athiti", sans-serif;font-weight: 400;font-style: normal;}
.athiti-medium {font-family: "Athiti", sans-serif;font-weight: 500;font-style: normal;}
.athiti-semibold {font-family: "Athiti", sans-serif;font-weight: 600;font-style: normal;}
.athiti-bold {font-family: "Athiti", sans-serif;font-weight: 700;font-style: normal;}

/*----------------------------------------------------Charm----------------------------------------------------------------*/
.charm-regular {font-family: "Charm", cursive;font-weight: 400;font-style: normal;}
.charm-bold {font-family: "Charm", cursive;font-weight: 700;font-style: normal;}
/*----------------------------------------------------Charmonm----------------------------------------------------------------*/
.charmonman-regular {font-family: "Charmonman", serif;font-weight: 400;font-style: normal;}
.charmonman-bold {font-family: "Charmonman", serif;font-weight: 700;font-style: normal;}  
/*----------------------------------------------------Athiti----------------------------------------------------------------*/
.mali-extralight {font-family: "Mali", cursive;font-weight: 200;font-style: normal;}
.mali-light {font-family: "Mali", cursive;font-weight: 300;font-style: normal;}
.mali-regular {font-family: "Mali", cursive;font-weight: 400;font-style: normal;}
.mali-medium {font-family: "Mali", cursive;font-weight: 500;font-style: normal;}
.mali-semibold {font-family: "Mali", cursive;font-weight: 600;font-style: normal;}
.mali-bold {font-family: "Mali", cursive;font-weight: 700;font-style: normal;}
.mali-extralight-italic {font-family: "Mali", cursive;font-weight: 200;font-style: italic;}
.mali-light-italic {font-family: "Mali", cursive;font-weight: 300;font-style: italic;}
.mali-regular-italic {font-family: "Mali", cursive;font-weight: 400;font-style: italic;}
.mali-medium-italic {font-family: "Mali", cursive;font-weight: 500;font-style: italic;}
.mali-semibold-italic {font-family: "Mali", cursive;font-weight: 600;font-style: italic;}
.mali-bold-italic {font-family: "Mali", cursive;font-weight: 700;font-style: italic;}

/*----------------------------------------------------K2D----------------------------------------------------------------*/
.k2d-thin {font-family: "K2D", sans-serif;font-weight: 100;font-style: normal;}
.k2d-extralight {font-family: "K2D", sans-serif;font-weight: 200;font-style: normal;}
.k2d-light {font-family: "K2D", sans-serif;font-weight: 300;font-style: normal;}
.k2d-regular {font-family: "K2D", sans-serif;font-weight: 400;font-style: normal;}
.k2d-medium {font-family: "K2D", sans-serif;font-weight: 500;font-style: normal;}
.k2d-semibold {font-family: "K2D", sans-serif;font-weight: 600;font-style: normal;}  
.k2d-bold {font-family: "K2D", sans-serif;font-weight: 700;font-style: normal;}
.k2d-extrabold {font-family: "K2D", sans-serif;font-weight: 800;font-style: normal;}
.k2d-thin-italic {font-family: "K2D", sans-serif;font-weight: 100;font-style: italic;}
.k2d-extralight-italic {font-family: "K2D", sans-serif;font-weight: 200;font-style: italic;}
.k2d-light-italic {font-family: "K2D", sans-serif;font-weight: 300;font-style: italic;}
.k2d-regular-italic {font-family: "K2D", sans-serif;font-weight: 400;font-style: italic;}
.k2d-medium-italic {font-family: "K2D", sans-serif;font-weight: 500;font-style: italic;}
.k2d-semibold-italic {font-family: "K2D", sans-serif;font-weight: 600;font-style: italic;}
.k2d-bold-italic {font-family: "K2D", sans-serif;font-weight: 700;font-style: italic;}
.k2d-extrabold-italic {font-family: "K2D", sans-serif;font-weight: 800;font-style: italic;}

/*----------------------------------------------------pattaya----------------------------------------------------------------*/
.pattaya-regular {font-family: "Pattaya", sans-serif;font-weight: 400;font-style: normal;}

/*----------------------------------------------------chonburi----------------------------------------------------------------*/
.chonburi-regular {font-family: "Chonburi", serif;font-weight: 400;font-style: normal;}

/*----------------------------------------------------srisakdi----------------------------------------------------------------*/
.srisakdi-regular {font-family: "Srisakdi", system-ui;font-weight: 400;font-style: normal;}
.srisakdi-bold {font-family: "Srisakdi", system-ui;font-weight: 700;font-style: normal;}

/*----------------------------------------------------koho----------------------------------------------------------------*/
.koho-extralight {font-family: "KoHo", sans-serif;font-weight: 200;font-style: normal;}
.koho-light {font-family: "KoHo", sans-serif;font-weight: 300;font-style: normal;}
.koho-regular {font-family: "KoHo", sans-serif;font-weight: 400;font-style: normal;}
.koho-medium {font-family: "KoHo", sans-serif;font-weight: 500;font-style: normal;}
.koho-semibold {font-family: "KoHo", sans-serif;font-weight: 600;font-style: normal;}
.koho-bold {font-family: "KoHo", sans-serif;font-weight: 700;font-style: normal;}
.koho-extralight-italic {font-family: "KoHo", sans-serif;font-weight: 200;font-style: italic;}
.koho-light-italic {font-family: "KoHo", sans-serif;font-weight: 300;font-style: italic;}
.koho-regular-italic {font-family: "KoHo", sans-serif;font-weight: 400;font-style: italic;}
.koho-medium-italic {font-family: "KoHo", sans-serif;font-weight: 500;font-style: italic;}
.koho-semibold-italic {font-family: "KoHo", sans-serif;font-weight: 600;font-style: italic;}
.koho-bold-italic {font-family: "KoHo", sans-serif;font-weight: 700;font-style: italic;}

/*----------------------------------------------------thasadith----------------------------------------------------------------*/
.thasadith-regular {font-family: "Thasadith", sans-serif;font-weight: 400;font-style: normal;}
.thasadith-bold {font-family: "Thasadith", sans-serif;font-weight: 700;font-style: normal;}
.thasadith-regular-italic {font-family: "Thasadith", sans-serif;font-weight: 400;font-style: italic;}
.thasadith-bold-italic {font-family: "Thasadith", sans-serif;font-weight: 700;font-style: italic;}

/*----------------------------------------------------kodchasan----------------------------------------------------------------*/
.kodchasan-extralight {font-family: "Kodchasan", sans-serif;font-weight: 200;font-style: normal;}
.kodchasan-light {font-family: "Kodchasan", sans-serif;font-weight: 300;font-style: normal;}
.kodchasan-regular {font-family: "Kodchasan", sans-serif;font-weight: 400;font-style: normal;}
.kodchasan-medium {font-family: "Kodchasan", sans-serif;font-weight: 500;font-style: normal;}
.kodchasan-semibold {font-family: "Kodchasan", sans-serif;font-weight: 600;font-style: normal;}
.kodchasan-bold {font-family: "Kodchasan", sans-serif;font-weight: 700;font-style: normal;}
.kodchasan-extralight-italic {font-family: "Kodchasan", sans-serif;font-weight: 200;font-style: italic;}
.kodchasan-light-italic {font-family: "Kodchasan", sans-serif;font-weight: 300;font-style: italic;}
.kodchasan-regular-italic {font-family: "Kodchasan", sans-serif;font-weight: 400;font-style: italic;}
.kodchasan-medium-italic {font-family: "Kodchasan", sans-serif;font-weight: 500;font-style: italic;}
.kodchasan-semibold-italic {font-family: "Kodchasan", sans-serif;font-weight: 600;font-style: italic;}
.kodchasan-bold-italic {font-family: "Kodchasan", sans-serif;font-weight: 700;font-style: italic;}