@font-face {
    font-family: 'IBM Plex Sans Thai';
    src: url('font/ibm/IBMPlexSansThai-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Thai Bold';
    src: url('font/ibm/IBMPlexSansThai-Bold.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*
@font-face {
    font-family:  'Anuphan';
    src: url('font/anuphan/ttf/Anuphan-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:  'Anuphan Bold';
    src: url('font/anuphan/ttf/Anuphan-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
body
,button {
  font-family: 'IBM Plex Sans Thai', sans-serif;
  font-weight: 800; /* ขนาดปกติ */
  -webkit-font-smoothing: antialiased; /* ช่วยให้ตัวอักษรบน Mac/iOS คมชัดขึ้น */
  -moz-osx-font-smoothing: grayscale;
  font-size:18px;
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon {
    width: 24px;
    height: 24px;
}

.ui-icon {
    background-image: url('../../lib/css/image/superfarmpart_gray.svg');
}
.ui-icon-superfarmpart {
    background-position: 0px 0px;
    transform: scale(1);
}
.ui-icon-th {
    background-position: -24px 0px;
    transform: scale(1);
}
.ui-icon-en {
    background-position: -48px 0px;
    transform: scale(1);
}
.ui-icon-home { 
    background-position: -192px 0px;
    transform: scale(1);
}
.ui-icon-personal { 
    background-position: -216px 0px;
    transform: scale(1);
}
.ui-icon-superfarmpart {
    background-position: 0px 0px;
    transform: scale(1);
}

.ui-icon-notification {
    background-position: 0px -24px;
    transform: scale(1);
}
.ui-icon-graph {
    background-position: -24px -24px;
    transform: scale(1);
}
.ui-icon-cart {
    background-position: -48px -24px;
    transform: scale(1.2);
}
.ui-icon-menu {
    background-position: -72px -24px;
    transform: scale(1);
}
.ui-icon-search {
    background-position: -96px -24px;
    transform: scale(1);
}


/*Slider captcha*/