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

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

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

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

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

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

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

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

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

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

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

@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.woff') format('woff'),
          url('../fonts/Helvetica/Helvetica-Regular.woff2') format('woff2'),
         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-display: swap;
}

@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.woff') format('woff'),
          url('../fonts/Helvetica/Helvetica-Bold.woff2') format('woff2'),
          url('../fonts/Helvetica/Helvetica-Bold.ttf') format('truetype'),
         url('../fonts/Helvetica/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

.m-icon-search {
     background-image: url('../images/icon/icon-search.svg');
}
.m-icon-search-green {
     background-image: url('../images/icon/icon-search-green.svg');
}
.m-icon-fb {
     background-image: url('../images/icon/icon-fb.svg');
}
.m-icon-ig {
     background-image: url('../images/icon/icon-ig.svg');
}
.m-icon-line {
     background-image: url('../images/icon/icon-line.svg');
}
.m-icon-tiktok {
     background-image: url('../images/icon/icon-tiktok.svg');
}
.m-icon-tw {
     background-image: url('../images/icon/icon-tw.svg');
}
.m-icon-yt {
     background-image: url('../images/icon/icon-yt.svg');
}
.m-icon-email {
     background-image: url('../images/icon/icon-email.svg');
}
.m-icon-play {
     background-image: url('../images/icon/icon-play.svg');
}
.m-icon-facebook {
     background-image: url('../images/icon/icon-facebook.svg');
}
.m-icon-google {
     background-image: url('../images/icon/icon-google.svg');
}
.m-icon-zoom {
     background-image: url('../images/icon/icon-zoom.svg');
}
.m-icon-bedroom {
     background-image: url('../images/icon/icon-bedroom.svg');
}
.m-icon-bathroom {
     background-image: url('../images/icon/icon-bathroom.svg');
}
.m-icon-area {
     background-image: url('../images/icon/icon-area.svg');
}
.m-icon-floor {
     background-image: url('../images/icon/icon-floor.svg');
}
.m-icon-share-fb {
     background-image: url('../images/icon/icon-share-fb.svg');
}
.m-icon-share-line {
     background-image: url('../images/icon/icon-share-line.svg');
}
.m-icon-share-tw {
     background-image: url('../images/icon/icon-share-tw.svg');
}
.m-icon-upload {
     background-image: url('../images/icon/icon-upload.svg');
}
.m-icon-close-main {
     background-image: url('../images/icon/icon-close-main.svg');
}
.m-icon-arrow-prev {
     background-image: url('../images/icon/icon-arrow-prev.svg');
}
.m-icon-arrow-next {
     background-image: url('../images/icon/icon-arrow-next.svg');
}
.m-icon-filter {
     background-image: url('../images/icon/icon-filter.svg');
}
.m-icon-download {
     background-image: url('../images/icon/icon-download.svg');
}
.m-icon-phone {
     background-image: url('../images/icon/icon-phone.svg');
}