@font-face {
     font-family: 'NotoSansThai';
     src: url('../fonts/NotoSansThai/NotoSansThai-Regular.eot');
     src: url('../fonts/NotoSansThai/NotoSansThai-Regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/NotoSansThai/NotoSansThai-Regular.woff2') format('woff2'),
          url('../fonts/NotoSansThai/NotoSansThai-Regular.woff') format('woff'),
          url('../fonts/NotoSansThai/NotoSansThai-Regular.ttf') format('truetype'),
          url('../fonts/NotoSansThai/NotoSansThai-Regular.svg#NotoSansThai-Regular') format('svg');
     font-weight: 400;
     font-style: normal;
}

@font-face {
     font-family: 'NotoSansThai';
     src: url('../fonts/NotoSansThai/NotoSansThai-Medium.eot');
     src: url('../fonts/NotoSansThai/NotoSansThai-Medium.eot?#iefix') format('embedded-opentype'),
          url('../fonts/NotoSansThai/NotoSansThai-Medium.woff2') format('woff2'),
          url('../fonts/NotoSansThai/NotoSansThai-Medium.woff') format('woff'),
          url('../fonts/NotoSansThai/NotoSansThai-Medium.ttf') format('truetype'),
          url('../fonts/NotoSansThai/NotoSansThai-Medium.svg#NotoSansThai-Medium') format('svg');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'NotoSansThai';
     src: url('../fonts/NotoSansThai/NotoSansThai-SemiBold.eot');
     src: url('../fonts/NotoSansThai/NotoSansThai-SemiBold.eot?#iefix') format('embedded-opentype'),
          url('../fonts/NotoSansThai/NotoSansThai-SemiBold.woff2') format('woff2'),
          url('../fonts/NotoSansThai/NotoSansThai-SemiBold.woff') format('woff'),
          url('../fonts/NotoSansThai/NotoSansThai-SemiBold.ttf') format('truetype'),
          url('../fonts/NotoSansThai/NotoSansThai-SemiBold.svg#NotoSansThai-SemiBold') format('svg');
     font-weight: 600;
     font-style: normal;
}

@font-face {
     font-family: 'NotoSansThai';
     src: url('../fonts/NotoSansThai/NotoSansThai-Bold.eot');
     src: url('../fonts/NotoSansThai/NotoSansThai-Bold.eot?#iefix') format('embedded-opentype'),
          url('../fonts/NotoSansThai/NotoSansThai-Bold.woff2') format('woff2'),
          url('../fonts/NotoSansThai/NotoSansThai-Bold.woff') format('woff'),
          url('../fonts/NotoSansThai/NotoSansThai-Bold.ttf') format('truetype'),
          url('../fonts/NotoSansThai/NotoSansThai-Bold.svg#NotoSansThai-Bold') format('svg');
     font-weight: 700;
     font-style: normal;
}

@font-face {
     font-family: 'Helvetica';
     src: url('../fonts/Helvetica/Helvetica-Regular.eot');
     src: url('../fonts/Helvetica/Helvetica-Regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Helvetica/Helvetica-Regular.woff2') format('woff2'),
          url('../fonts/Helvetica/Helvetica-Regular.woff') format('woff'),
          url('../fonts/Helvetica/Helvetica-Regular.ttf') format('truetype'),
          url('../fonts/Helvetica/Helvetica-Regular.svg#Helvetica-Regular') format('svg');
     font-weight: 400;
     font-style: normal;
}

@font-face {
     font-family: 'Helvetica';
     src: url('../fonts/Helvetica/Helvetica-Regular.eot');
     src: url('../fonts/Helvetica/Helvetica-Regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Helvetica/Helvetica-Regular.woff2') format('woff2'),
          url('../fonts/Helvetica/Helvetica-Regular.woff') format('woff'),
          url('../fonts/Helvetica/Helvetica-Regular.ttf') format('truetype'),
          url('../fonts/Helvetica/Helvetica-Regular.svg#Helvetica-Regular') format('svg'),
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'Helvetica';
     src: url('../fonts/Helvetica/Helvetica-Regular.eot');
     src: url('../fonts/Helvetica/Helvetica-Regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Helvetica/Helvetica-Regular.woff2') format('woff2'),
          url('../fonts/Helvetica/Helvetica-Regular.woff') format('woff'),
          url('../fonts/Helvetica/Helvetica-Regular.ttf') format('truetype'),
          url('../fonts/Helvetica/Helvetica-Regular.svg#Helvetica-Regular') format('svg');
     font-weight: 600;
     font-style: normal;
}

@font-face {
     font-family: 'Helvetica';
     src: url('../fonts/Helvetica/Helvetica-Bold.eot');
     src: url('../fonts/Helvetica/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Helvetica/Helvetica-Bold.woff2') format('woff2'),
          url('../fonts/Helvetica/Helvetica-Bold.woff') format('woff'),
          url('../fonts/Helvetica/Helvetica-Bold.ttf') format('truetype'),
          url('../fonts/Helvetica/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
     font-weight: 700;
     font-style: normal;
}

.m-icon {
     width: 16px;
     height: 16px;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: inline-block;
}
.m-icon-white {
     filter: brightness(0) invert(1);
}
.m-icon-black {
     filter: grayscale(100%) brightness(0);
}

.m-icon-heart {
     background-image: url('../images/icon/icon-heart.svg');
}
.m-icon-cart {
     background-image: url('../images/icon/icon-cart.svg');
}
.m-icon-search {
     background-image: url('../images/icon/icon-search.svg');
}
.m-icon-home {
     background-image: url('../images/icon/icon-home.svg');
}
.m-icon-cate {
     background-image: url('../images/icon/icon-cate.svg');
}
.m-icon-user {
     background-image: url('../images/icon/icon-user.svg');
}
.m-icon-line {
     background-image: url('../images/icon/icon-line.svg');
}
.m-icon-facebook {
     background-image: url('../images/icon/icon-facebook.svg');
}
.m-icon-instagram {
     background-image: url('../images/icon/icon-instagram.svg');
}
.m-icon-view {
     background-image: url('../images/icon/icon-view.svg');
}
.m-icon-copy {
     background-image: url('../images/icon/icon-copy.svg');
}
.m-icon-circle-right {
     background-image: url('../images/icon/icon-circle-right.svg');
}
.m-icon-play {
     background-image: url('../images/icon/icon-play.svg');
}
.m-icon-tiktok {
     background-image: url('../images/icon/icon-tiktok.svg');
}
.m-icon-youtube {
     background-image: url('../images/icon/icon-youtube.svg');
}
.m-icon-google {
     background-image: url('../images/icon/icon-google.svg');
}
.m-icon-username {
     background-image: url('../images/icon/icon-username.svg');
}
.m-icon-password {
     background-image: url('../images/icon/icon-password.svg');
}
.m-icon-close {
     background-image: url('../images/icon/icon-close.svg');
}
.m-icon-free {
     background-image: url('../images/icon/icon-free.svg');
}
.m-icon-confirm {
     background-image: url('../images/icon/icon-confirm.svg');
}
.m-icon-payment {
     background-image: url('../images/icon/icon-payment.svg');
}
.m-icon-delete {
     background-image: url('../images/icon/icon-delete.svg');
}
.m-icon-edit {
     background-image: url('../images/icon/icon-edit.svg');
}
.m-icon-delete2 {
     background-image: url('../images/icon/icon-delete2.svg');
}
.m-icon-location {
     background-image: url('../images/icon/icon-location.svg');
}
.m-icon-copy-text {
     background-image: url('../images/icon/icon-copy-text.svg');
}
.m-icon-key {
     background-image: url('../images/icon/icon-key.svg');
}
.m-icon-calendar {
     background-image: url('../images/icon/icon-calendar.svg');
}
.m-icon-order {
     background-image: url('../images/icon/icon-order.svg');
}
.m-icon-filter {
     background-image: url('../images/icon/icon-filter.svg');
}
.m-icon-address {
     background-image: url('../images/icon/icon-address.svg');
}
.m-icon-manage {
     background-image: url('../images/icon/icon-manage.svg');
}
.m-icon-history {
     background-image: url('../images/icon/icon-history.svg');
}
.m-icon-report {
     background-image: url('../images/icon/icon-report.svg');
}
.m-icon-book {
     background-image: url('../images/icon/icon-book.svg');
}
.m-icon-delivery {
     background-image: url('../images/icon/icon-delivery.svg');
}
.m-icon-right {
     background-image: url('../images/icon/icon-right.svg');
}