ผลิตภัณฑ์

S-26 organic progress

.content-area .article.page.full .article-page--inner { width: 100% !important; } @media (min-width: 768px) { .without-banner .content-area .pos-content-area { grid-column: 2 / 5 !important; } } .pos-content-area { padding: 0 !important; grid-column: 0 !important; } .article-page--inner { width: 100% !important; } .s26Omaga { font-family: 'Anuphan'; line-height: 1.5; max-width: 1600px; margin: 0 auto; padding: 0; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; font-weight: 500; } .s26Omaga * { box-sizing: border-box; } .s26Omaga .br-m { display: none; } @media (max-width: 767px) { .s26Omaga .br-m { display: block; } } .s26Omaga .br-d { display: block; } @media (max-width: 767px) { .s26Omaga .br-d { display: none; } } .s26Omaga .section-banner--omaga .banner { margin: 0; padding: 0; background: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-banner-desktop.jpg) no-repeat center center; background-size: contain; width: 100%; height: 1074.16666667px; position: relative; } @media (max-width: 1600px) { .s26Omaga .section-banner--omaga .banner { height: 67.13541667vw; } } @media (max-width: 767px) { .s26Omaga .section-banner--omaga .banner { background-image: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-banner-mobile.jpg); height: 160.02604167vw; } } .s26Omaga .section-banner--omaga .banner .text-bottom { padding-left: 15px; padding-right: 15px; position: absolute; bottom: 0px; left: 0; text-align: center; display: block; width: 100%; font-size: 18.33333333px; color: #818181; } @media (max-width: 1600px) { .s26Omaga .section-banner--omaga .banner .text-bottom { font-size: 1.14583333vw; } } @media (max-width: 767px) { .s26Omaga .section-banner--omaga .banner .text-bottom { font-size: 2.08333333vw; } } .s26Omaga .section-banner--omaga .banner .text-bottom .remark-desktop { display: block; } @media (max-width: 767px) { .s26Omaga .section-banner--omaga .banner .text-bottom .remark-desktop { display: none; } } .s26Omaga .section-banner--omaga .banner .text-bottom .remark-mobile { display: none; } @media (max-width: 767px) { .s26Omaga .section-banner--omaga .banner .text-bottom .remark-mobile { display: block; } } .s26Omaga .section-01--omaga .banner { margin: 0; padding: 0; background: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-s1bg-dektop.jpg) no-repeat center center; background-size: contain; width: 100%; height: 911.66666667px; position: relative; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner { height: 56.97916667vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner { background-image: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-s1bg-mobile.jpg); height: 124.34895833vw; } } .s26Omaga .section-01--omaga .banner .box-omage { position: absolute; top: 0; left: 0; width: 366.66666667px; height: 133.33333333px; font-size: 26.66666667px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage { width: 22.91666667vw; height: 8.33333333vw; font-size: 1.66666667vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage { font-size: 2.734375vw; height: 13.02083333vw; line-height: 1.2em; } } .s26Omaga .section-01--omaga .banner .box-omage.box01 { left: 395.83333333px; top: 79.16666667px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box01 { left: 24.73958333vw; top: 4.94791667vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box01 { width: 23.4375vw; left: 73.95833333vw; top: 3.90625vw; } } .s26Omaga .section-01--omaga .banner .box-omage.box02 { left: 341.66666667px; top: 220.83333333px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box02 { left: 21.35416667vw; top: 13.80208333vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box02 { width: 26.04166667vw; left: 65.75520833vw; top: 16.92708333vw; } } .s26Omaga .section-01--omaga .banner .box-omage.box03 { left: 341.66666667px; top: 366.66666667px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box03 { left: 21.35416667vw; top: 22.91666667vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box03 { width: 26.04166667vw; left: 59.375vw; top: 31.25vw; } } .s26Omaga .section-01--omaga .banner .box-omage.box04 { left: 366.66666667px; top: 500px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box04 { left: 22.91666667vw; top: 31.25vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box04 { width: 33.85416667vw; left: 56.640625vw; top: 45.3125vw; } } .s26Omaga .section-01--omaga .banner .box-omage.box05 { left: 1137.5px; top: 79.16666667px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box05 { left: 71.09375vw; top: 4.94791667vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box05 { width: 39.0625vw; left: 56.640625vw; top: 59.63541667vw; } } .s26Omaga .section-01--omaga .banner .box-omage.box06 { left: 1075px; top: 220.83333333px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box06 { left: 67.1875vw; top: 13.80208333vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box06 { width: 39.0625vw; left: 58.59375vw; top: 74.21875vw; } } .s26Omaga .section-01--omaga .banner .box-omage.box07 { left: 1075px; top: 366.66666667px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box07 { left: 67.1875vw; top: 22.91666667vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box07 { width: 33.85416667vw; left: 60.546875vw; top: 89.84375vw; } } .s26Omaga .section-01--omaga .banner .box-omage.box08 { left: 1091.66666667px; top: 500px; } @media (max-width: 1600px) { .s26Omaga .section-01--omaga .banner .box-omage.box08 { left: 68.22916667vw; top: 31.25vw; } } @media (max-width: 767px) { .s26Omaga .section-01--omaga .banner .box-omage.box08 { width: 33.85416667vw; left: 65.10416667vw; top: 105.46875vw; } } .s26Omaga .section-02--omaga .banner { margin: 0; padding: 0; background: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-s2bg-desktop.jpg) no-repeat center center; background-size: contain; width: 100%; height: 1567.5px; position: relative; } @media (max-width: 1600px) { .s26Omaga .section-02--omaga .banner { height: 97.96875vw; } } @media (max-width: 767px) { .s26Omaga .section-02--omaga .banner { background-image: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-s2bg-mobile.jpg); height: 132.94270833vw; } } .s26Omaga .section-02--omaga .banner .head { position: absolute; top: 33.33333333px; left: 0; font-size: 26.66666667px; color: #ffffff; text-align: center; width: 100%; } @media (max-width: 1600px) { .s26Omaga .section-02--omaga .banner .head { font-size: 1.66666667vw; top: 2.08333333vw; } } @media (max-width: 767px) { .s26Omaga .section-02--omaga .banner .head { font-size: 3.515625vw; top: 2.60416667vw; line-height: 1.2em; } } .s26Omaga .section-02--omaga .banner .head br { display: none; } @media (max-width: 767px) { .s26Omaga .section-02--omaga .banner .head br { display: block; } } .s26Omaga .section-02--omaga .banner .btnShoppee { width: 166.66666667px; height: 70.83333333px; background: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-btn-shop.png) no-repeat 0 0; background-size: 100%; display: block; text-indent: -99999px; position: absolute; top: 641.66666667px; left: 650px; } @media (max-width: 1600px) { .s26Omaga .section-02--omaga .banner .btnShoppee { width: 10.41666667vw; height: 4.42708333vw; top: 40.10416667vw; left: 40.625vw; } } @media (max-width: 767px) { .s26Omaga .section-02--omaga .banner .btnShoppee { width: 15.625vw; height: 6.640625vw; top: 59.89583333vw; left: 35.80729167vw; } } .s26Omaga .section-02--omaga .banner .btnShoppee:hover { background-position: 0 100%; } .s26Omaga .section-02--omaga .banner .btnLazada { width: 166.66666667px; height: 70.83333333px; background: url(https://www.s-momclub.com/sites/default/files/2021-01/omaga-btn-shop.png) no-repeat 0 0; background-size: 100%; display: block; text-indent: -99999px; position: absolute; top: 716.66666667px; left: 650px; } @media (max-width: 1600px) { .s26Omaga .section-02--omaga .banner .btnLazada { width: 10.41666667vw; height: 4.42708333vw; top: 44.79166667vw; left: 40.625vw; } } @media (max-width: 767px) { .s26Omaga .section-02--omaga .banner .btnLazada { width: 15.625vw; height: 6.640625vw; top: 67.70833333vw; left: 35.80729167vw; } } .s26Omaga .section-02--omaga .banner .btnLazada:hover { background-position: 0 100%; } .s26Omaga .section-02--omaga .banner .remark-desktop { position: absolute; top: 1350px; left: 1166.66666667px; font-size: 18.33333333px; color: #818181; } @media (max-width: 1600px) { .s26Omaga .section-02--omaga .banner .remark-desktop { font-size: 1.14583333vw; left: 72.91666667vw; top: 84.375vw; } } @media (max-width: 767px) { .s26Omaga .section-02--omaga .banner .remark-desktop { display: none; } } .s26Omaga .section-02--omaga .banner .remark-mobile { display: none; color: #818181; } @media (max-width: 767px) { .s26Omaga .section-02--omaga .banner .remark-mobile { position: absolute; left: 79.42708333vw; top: 127.60416667vw; font-size: 1.92307692vw; display: block; } } .s26Omaga .section-04--journey { background: #ee80aa; width: 100%; height: auto; padding-top: 145px; padding-bottom: 145px; padding-top: 6.29340278vw; padding-bottom: 6.29340278vw; } @media (max-width: 767px) { .s26Omaga .section-04--journey { padding-top: 14.64646465vw; padding-bottom: 14.64646465vw; } } .s26Omaga .section-04--journey .section-04--journey--head h3 { background: url('https://www.s-momclub.com/sites/default/files/2021-01/head-s4-o.png') no-repeat top center; background-size: cover; width: 340px; height: 100px; margin: 0 auto; padding: 0; width: 14.75694444vw; height: 4.34027778vw; text-indent: -9999px; } @media (max-width: 767px) { .s26Omaga .section-04--journey .section-04--journey--head h3 { width: 34.34343434vw; height: 10.1010101vw; } } .s26Omaga .section-04--journey .section-04--journey--body { max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; padding-top: 30px; max-width: 59.02777778vw; } @media (max-width: 767px) { .s26Omaga .section-04--journey .section-04--journey--body { max-width: 100%; } } .s26Omaga .section-04--journey .section-04--journey--body .row { margin-left: -15px; margin-right: -15px; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .s26Omaga .section-04--journey .section-04--journey--body div[class^='col-'] { max-width: 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } @media (max-width: 991px) { .s26Omaga .section-04--journey .section-04--journey--body div[class^='col-'] { padding-bottom: 4.04040404vw; max-width: 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media (max-width: 767px) { .s26Omaga .section-04--journey .section-04--journey--body div[class^='col-'] { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .s26Omaga .section-04--journey .section-04--journey--body a { display: block; text-decoration: none; text-align: center; } .s26Omaga .section-04--journey .section-04--journey--body a img { max-width: 100%; margin: auto; } @media (max-width: 767px) { .s26Omaga .section-04--journey .section-04--journey--body a img { max-width: 52.08333333vw; } } .s26Omaga .section-04--journey .section-04--journey--body a label { font-size: 32px; color: #1f2f63; cursor: pointer; padding-top: 0.2em; display: block; font-size: 1.38888889vw; } @media (max-width: 767px) { .s26Omaga .section-04--journey .section-04--journey--body a label { font-size: 4.84848485vw; } }

ref="https://www.s-momclub.com/organic-main-page" target="_blank">

 

 
sdfd