Si la vitesse de chargement est importante, les casinos en ligne stake casino france privilégient une technologie stable. Les machines à sous se lancent sans problème et les jeux de table fonctionnent parfaitement.
.as-v5-container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.as-v5-hero { padding: 15px 0; background: #f8fafb; }
.as-v5-hero__frame { border-radius: 24px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); background: #fff; line-height: 0; }
@media (max-width: 768px) { .as-v5-container { padding: 0 10px; } .as-v5-hero__frame { border-radius: 18px; } }
AIS SIM SHOP – ศูนย์บริการซิมรายเดือน ซิมรายปี และโปรเน็ตเอไอเอส
รวม โปรซิมใหม่ AIS ทุกแบบล่าสุด
ซิมรายเดือน ซิมเติมเงิน
และ ซิมรายปี Marathon Max
ซื้อซิมใหม่ออนไลน์ พร้อมโปรพิเศษ สะดวก รวดเร็ว ผ่าน LINE Official
.as-v5-desc-premium {
padding: 20px 0;
background: #f8fafc;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
}
.as-v5-container-wide {
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.as-v5-seo-h2 {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
overflow: hidden; clip: rect(0,0,0,0); border: 0;
}
.as-v5-desc-card {
background: #ffffff;
border-radius: 20px;
padding: 24px 35px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
border: 1px solid #eef2f6;
position: relative;
overflow: hidden;
}
.as-v5-desc-card::before {
content: ”;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background: #7fc801;
}
.as-v5-desc__text {
font-size: 16px;
line-height: 1.8;
color: #475569;
margin: 0;
text-align: center;
}
.as-highlight { color: #7fc801; font-weight: 700; }
.as-bold { color: #1e293b; font-weight: 600; }
@media (max-width: 1024px) {
.as-v5-container-wide { max-width: 100%; }
.as-v5-desc-card { padding: 22px 25px; }
}
@media (max-width: 768px) {
.as-v5-desc-premium { padding: 15px 0; }
.as-v5-container-wide { padding: 0 15px; }
.as-v5-desc-card { border-radius: 16px; padding: 20px; }
.as-v5-desc__text {
font-size: 15px;
text-align: left;
line-height: 1.7;
}
}
:root {
–v4-bg: #f8fafc;
–v4-card-bg: #ffffff;
–v4-text-title: #1e293b;
–v4-text-body: #64748b;
–v4-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.03), 0 2px 4px -2px rgb(0 0 0 / 0.03);
–v4-shadow-hover: 0 15px 30px -5px rgb(0 0 0 / 0.08);
}
.ais-v4-root {
width: 100%;
padding: 50px 16px;
background-color: var(–v4-bg);
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
color: var(–v4-text-title);
box-sizing: border-box;
}
.ais-v4-container {
max-width: 1280px; /* ปรับตามที่คุณต้องการ */
margin: 0 auto;
}
.ais-v4-header {
text-align: center;
margin-bottom: 40px;
}
.ais-v4-header h2 {
font-size: clamp(24px, 4vw, 34px);
font-weight: 800;
margin: 0 0 12px;
letter-spacing: -0.02em;
color: #0f172a;
}
.ais-v4-header p {
font-size: clamp(16px, 1.5vw, 18px);
color: var(–v4-text-body);
margin: 0;
}
.ais-v4-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.ais-v4-card {
display: flex;
align-items: center;
padding: 24px;
background: var(–v4-card-bg);
text-decoration: none;
color: inherit;
border-radius: 24px;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: var(–v4-shadow);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ais-v4-icon-wrap {
width: 56px;
height: 56px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
background-color: color-mix(in srgb, var(–accent), white 92%);
color: var(–accent);
margin-right: 20px;
transition: 0.3s ease;
}
.ais-v4-icon-wrap svg { width: 28px; height: 28px; }
.ais-v4-content { flex-grow: 1; min-width: 0; }
.ais-v4-content h3 {
font-size: 19px;
font-weight: 800;
margin: 0 0 6px;
line-height: 1.3;
color: #111827;
white-space: normal;
}
.ais-v4-content p {
font-size: 15px;
color: var(–v4-text-body);
margin: 0;
line-height: 1.5;
}
.ais-v4-arrow {
margin-left: 12px;
color: #cbd5e1;
transition: 0.2s ease;
}
.ais-v4-arrow svg { width: 20px; height: 20px; }
@media (hover: hover) {
.ais-v4-card:hover {
transform: translateY(-5px);
box-shadow: var(–v4-shadow-hover);
border-color: var(–accent);
}
.ais-v4-card:hover .ais-v4-icon-wrap {
background-color: var(–accent);
color: white;
}
.ais-v4-card:hover .ais-v4-arrow {
transform: translateX(5px);
color: var(–accent);
}
}
@media (max-width: 850px) {
.ais-v4-grid { grid-template-columns: 1fr; gap: 12px; }
.ais-v4-card { padding: 18px; border-radius: 20px; }
.ais-v4-icon-wrap { width: 48px; height: 48px; margin-right: 14px; }
.ais-v4-icon-wrap svg { width: 24px; height: 24px; }
.ais-v4-content h3 { font-size: 17px; }
.ais-v4-content p { font-size: 14px; }
.ais-v4-root { padding: 30px 12px; }
}
.ais-v4-card:active {
transform: scale(0.97);
background-color: #f1f5f9;
}
