*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:#202020;font:16px/1.65 Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:#579544;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dcb347;outline-offset:3px}[hidden]{display:none!important}.cm-site{background:#fff;margin:auto}.cm-head{height:90px;max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:25px}.cm-logo img{width:210px;max-height:72px;object-fit:contain}.cm-auth{display:flex;gap:10px;flex-shrink:0}.cm-auth a{background:#cb312b;color:#fff;padding:9px 24px;border-radius:0 0 15px 15px;font-weight:bold;font-size:14px}.cm-menu{display:none}.cm-nav{height:58px;background:#41622e;display:flex;justify-content:center;align-items:center;gap:16px;padding:0 15px}.cm-nav a{font-weight:700;font-size:13px;color:#eee;text-transform:uppercase;white-space:nowrap}.cm-search{display:flex;flex:1;max-width:340px;background:#f4f4f4;border-radius:20px;overflow:hidden}.cm-search input{min-width:0;width:100%;border:0;background:transparent;padding:8px 12px}.cm-search button{border:0;background:transparent;padding:0 12px;font-size:25px}.cm-hero{position:relative;overflow:hidden;line-height:0}.cm-hero>img{width:100%;aspect-ratio:3.2;object-fit:cover}.cm-hero button{position:absolute;top:45%;border:0;color:white;background:#0003;font-size:35px;line-height:1;border-radius:50%;width:36px;height:36px}.cm-prev{left:12px}.cm-next{right:12px}.cm-dots{position:absolute;bottom:12px;left:0;right:0;text-align:center;display:flex;justify-content:center;gap:8px}.cm-dots button{position:static;width:9px;height:9px;background:#fff8;border:1px solid white}.cm-dots button.active{background:#fff}main{max-width:1080px;padding:0 16px;margin:auto}h1{font-size:28px;line-height:1.4;text-align:center;margin:28px 0 38px;color:#141414}h2{font-size:24px;line-height:1.4;margin:26px 0 18px}h3{font-size:18px;line-height:1.4}p{margin:0 0 22px}li{margin-bottom:6px}.cm-article-text{margin-bottom:30px}.cm-article-text img{margin:20px auto;max-width:850px;width:100%}.cm-article-text figure{margin:0}.cm-article-text table{border-collapse:collapse;width:100%;table-layout:fixed;margin:22px 0}.cm-article-text td,.cm-article-text th{border:1px solid #ddd;padding:10px;overflow-wrap:anywhere}.cm-faq-row{margin:20px 0 35px}.cm-faq h2,.cm-news>h2{text-align:center;font-size:24px}.cm-faq details{border-top:1px solid #ddd}.cm-faq summary{cursor:pointer;list-style:none;padding:15px 16px;font-weight:bold}.cm-faq summary:before{content:'⌄';margin-right:14px}.cm-faq details[open] summary:before{content:'⌃'}.cm-faq details p{padding:0 20px 16px;margin:0}.cm-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cm-card img{width:100%;aspect-ratio:2;object-fit:cover}.cm-card h3{text-align:center;margin:15px 0 10px}.cm-card h3 a{color:#252525}.cm-card p{text-align:center;font-size:14px}.cm-news{margin:35px 0 50px}footer{background:#315b23;color:#fff;padding:35px max(calc((100% - 1080px)/2),20px) 0;font-size:14px}footer a{color:white}footer .cm-logo img{max-width:180px}.cm-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.cm-footer-grid>div>a:not(.cm-logo){display:block;margin-bottom:10px}.cm-footer-grid h3{font-size:20px;color:#fff;margin:0 0 20px}.cm-footer-grid p{margin:12px 0}.cm-hashtag{padding:15px 0;margin:0;overflow-wrap:anywhere}.cm-copyright{text-align:center;padding:14px;border-top:1px solid #ffffff26}.cm-s8{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1000px,96vw);z-index:100;line-height:0}.cm-s8>div{display:flex}.cm-s8 a{width:50%}.cm-s8 img{width:100%}.cm-s8-close{position:absolute;bottom:100%;left:0;background:#c00000;border:0;color:white;font-size:11px;padding:6px 10px;line-height:1}.cm-s8-open{position:fixed;bottom:0;left:10px;background:#c00000;color:#fff;border:0;z-index:101}.cm-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:12px}.cm-categories img{width:100%}.cm-guides img{width:100%;margin-bottom:12px}.cm-drawer{background:#fff;padding:15px;box-shadow:0 3px 12px #0003}.cm-drawer a{display:block;padding:10px;border-bottom:1px solid #eee}.cm88-boxed{background:#224511;font-family:Georgia,'Times New Roman',serif}.cm88-boxed .cm-site{max-width:1150px}.cm88-boxed .cm-head{max-width:none;padding:0 50px}.cm88-boxed .cm-nav{background:#2b5e12;gap:22px;height:55px}.cm88-boxed .cm-nav a{font-size:16px}.cm88-boxed h1,.cm88-boxed h2{color:#395e29}.cm88-boxed h1{font-weight:normal;font-size:30px}.cm88-boxed .cm-auth a{text-transform:capitalize}.cm88-boxed .cm-article-text{font-size:18px;line-height:1.65}.cm88-boxed .cm-article-text>p:first-child{border:4px solid #82e55c;border-radius:15px;padding:25px 35px;font-style:italic;font-weight:bold}.cm88-boxed .cm-faq-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cm88-boxed .cm-faq h2{font-size:24px}.cm88-boxed .cm-news-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.cm88-boxed .cm-footer-grid{grid-template-columns:1.25fr 1fr 1fr 1.2fr}.cm88-boxed footer{padding:35px 30px 0;background:#254810}
@media(max-width:849px){.cm-head{height:72px;gap:15px;padding:0 15px}.cm-logo img{width:170px}.cm-auth a{padding:7px 14px;font-size:12px}.cm-search{display:none}.cm-nav{display:none}.cm-menu{display:block;background:transparent;border:0;font-size:24px;color:#345b21}.cm-hero>img{aspect-ratio:3.2;object-fit:cover}.cm-hero button{width:28px;height:28px;font-size:26px}.cm-dots{bottom:7px}.cm-dots button{width:7px;height:7px}main{padding:0 18px}h1{font-size:24px;margin:26px 0}h2{font-size:22px}.cm-news-grid{grid-template-columns:1fr}.cm-card img{max-height:280px}.cm-footer-grid{grid-template-columns:1fr;gap:28px}footer{padding:28px 20px 0}.cm88-boxed .cm-head{height:125px;padding:0 16px;position:relative;align-items:flex-start;justify-content:center}.cm88-boxed .cm-logo{margin-top:8px}.cm88-boxed .cm-logo img{width:220px;height:55px}.cm88-boxed .cm-auth{position:absolute;left:0;bottom:0;width:100%;background:#2b5e12;justify-content:center;padding:8px}.cm88-boxed .cm-auth a{font-size:14px;padding:8px 22px;border-radius:15px}.cm88-boxed .cm-menu{position:absolute;left:12px;top:20px}.cm88-boxed .cm-search{display:none}.cm88-boxed h1{font-size:27px}.cm88-boxed main{padding:0 16px}.cm88-boxed .cm-categories{grid-template-columns:repeat(2,minmax(0,1fr));margin:30px -16px 0}.cm88-boxed .cm-article-text{font-size:19px;padding:20px 14px}.cm88-boxed .cm-article-text>p:first-child{padding-left:18px}.cm88-boxed .cm-faq-row{display:block}.cm88-boxed .cm-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cm88-boxed .cm-card h3{font-size:15px}.cm88-boxed .cm-card p{font-size:13px}.cm88-boxed .cm-footer-grid{grid-template-columns:1fr}.cm88-boxed footer{padding:28px 20px 0}}
@media(max-width:480px){.cm88-wide .cm-head{justify-content:center;position:relative;height:110px;align-items:flex-start}.cm88-wide .cm-logo{margin-top:10px}.cm88-wide .cm-menu{position:absolute;left:12px;top:18px}.cm88-wide .cm-auth{position:absolute;bottom:8px}.cm88-wide .cm-auth a{border-radius:12px}.cm-article-text table{font-size:14px}.cm88-boxed h1{font-size:25px}.cm88-boxed .cm-article-text{font-size:17px}}

.cm-author-portrait{width:180px;max-height:230px;object-fit:cover;margin:0 auto 25px;border-radius:12px}#brand-home-article>p,#brand-home-article>ul{line-height:1.8}.cm88-boxed .cm-nav a:first-child{font-size:16px}.cm88-boxed .cm-nav a:first-child:before{content:"⌂";font-size:24px}

@media(max-width:480px){.cm88-wide .cm-head{height:128px}.cm88-wide .cm-logo img{width:200px;height:55px}.cm88-wide .cm-auth{left:0;bottom:0;width:100%;background:#41622e;justify-content:center;padding:8px}.cm88-wide .cm-auth a{font-size:14px;padding:9px 22px}.cm88-wide h1{font-size:23px}.cm88-boxed h1{font-size:26px}.cm88-boxed .cm-article-text{padding:0}.cm88-boxed .cm-article-text>p:first-child{padding:22px 16px}.cm88-boxed .cm-nav a:first-child:before{margin-right:6px}}

.cm-provider img{width:100%;height:auto;margin:16px 0}

@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/cm88-font-76fa9502aae6.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/cm88-font-8910f94da973.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/cm88-font-b37f6091b7f1.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/cm88-font-5e28c81d9214.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/cm88-font-64a1105e68fb.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/cm88-font-61803d7a813a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/cm88-font-2247e098c9b7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/cm88-font-76fa9502aae6.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/cm88-font-8910f94da973.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/cm88-font-b37f6091b7f1.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/cm88-font-5e28c81d9214.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/cm88-font-64a1105e68fb.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/cm88-font-61803d7a813a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/cm88-font-2247e098c9b7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.cm88-boxed{font-family:Literata,serif}
.cm88-boxed{background:#224511 url(https://cm88top1.com/wp-content/uploads/2026/10/cm88-nen-than-tai-debc35aa.webp) center top/cover fixed no-repeat}
/* Isolate approved banner controls from Flatsome button defaults. */
.cm-site button,.cm-s8 button,.cm-s8-open{min-height:0;min-width:0;margin:0;letter-spacing:normal;text-transform:none}.cm-hero button,.cm-menu{padding:0;line-height:1}.cm-dots button{font-size:0;line-height:0;flex-shrink:0}
