html, body { height: 100%; overflow: hidden !important; } body { margin: 0; } .noscript-overlay { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: clamp(2rem, 4vw, 3.5rem); font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--page-text, #e2e8f0); background: radial-gradient(circle at 20% -10%, rgba(56, 189, 248, 0.25), transparent 52%), radial-gradient(circle at 90% 10%, rgba(14, 165, 233, 0.22), transparent 55%), rgba(3, 7, 18, 0.98); } .noscript-overlay__card { position: relative; width: min(520px, 100%); padding: clamp(2rem, 4vw, 3rem); border-radius: 28px; background: linear-gradient(150deg, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.75)); border: 1px solid rgba(56, 189, 248, 0.18); box-shadow: 0 30px 70px rgba(8, 47, 73, 0.55); text-align: center; overflow: hidden; } .noscript-overlay__card::before { content: ""; position: absolute; inset: -35% 10% 65% -20%; background: radial-gradient(circle at 30% 50%, rgba(56, 189, 248, 0.36), transparent 68%); opacity: 0.85; pointer-events: none; } .noscript-overlay__icon { position: relative; margin: 0 auto clamp(1rem, 2.5vw, 1.5rem); width: clamp(72px, 15vw, 88px); height: clamp(72px, 15vw, 88px); border-radius: 24px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(248, 113, 113, 0.16), rgba(239, 68, 68, 0.38)); border: 1px solid rgba(248, 113, 113, 0.35); color: #fda4af; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18); } .noscript-overlay__icon svg { width: clamp(38px, 9vw, 48px); height: clamp(38px, 9vw, 48px); } .noscript-overlay__title { position: relative; font-size: clamp(1.35rem, 4.5vw, 1.85rem); font-weight: 700; margin-bottom: clamp(0.75rem, 2vw, 1rem); color: #f8fafc; line-height: 1.25; } .noscript-overlay__description { position: relative; font-size: clamp(0.9rem, 2.5vw, 1rem); line-height: 1.7; margin-bottom: clamp(1rem, 3vw, 1.5rem); color: rgba(226, 232, 240, 0.78); } .noscript-overlay__tips { position: relative; padding: 0; margin: 0 0 clamp(1.25rem, 3vw, 1.75rem); list-style: none; display: grid; gap: clamp(0.6rem, 2vw, 0.75rem); color: rgba(148, 163, 184, 0.85); text-align: left; font-size: clamp(0.875rem, 2.2vw, 0.95rem); } .noscript-overlay__tips li { display: flex; gap: clamp(0.6rem, 2vw, 0.75rem); align-items: flex-start; } .noscript-overlay__tips li::before { content: ""; width: 0.7rem; height: 0.7rem; border-radius: 50%; margin-top: 0.35rem; background: linear-gradient(135deg, rgba(56, 189, 248, 0.9), rgba(14, 165, 233, 0.75)); flex-shrink: 0; } .noscript-overlay__actions { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; } .noscript-overlay__btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: clamp(0.65rem, 2vw, 0.85rem) clamp(1.25rem, 4vw, 1.75rem); border-radius: 999px; font-weight: 600; font-size: clamp(0.875rem, 2.2vw, 0.95rem); text-decoration: none; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; border: 1px solid transparent; } .noscript-overlay__btn--primary { background: linear-gradient(135deg, #2563eb 0%, #22d3ee 100%); color: #f8fafc; box-shadow: 0 20px 40px rgba(14, 165, 233, 0.25); } .noscript-overlay__btn--primary:hover, .noscript-overlay__btn--primary:focus-visible { transform: translateY(-2px); box-shadow: 0 26px 50px rgba(14, 165, 233, 0.35); } .noscript-overlay__btn--ghost { border-color: rgba(148, 163, 184, 0.35); color: rgba(226, 232, 240, 0.85); background: rgba(15, 23, 42, 0.6); } .noscript-overlay__btn--ghost:hover, .noscript-overlay__btn--ghost:focus-visible { transform: translateY(-2px); background: rgba(148, 163, 184, 0.12); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.45); } .noscript-overlay__btn:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.3); } @media (max-width: 575.98px) { .noscript-overlay__card { padding: 1.75rem 1.5rem; } .noscript-overlay__tips { text-align: left; } .noscript-overlay__actions { flex-direction: column; gap: 0.65rem; } .noscript-overlay__btn { width: 100%; } }

MovieK cần JavaScript để hoạt động

Bạn đang xem phiên bản đã tắt JavaScript. Một số tính năng như đăng nhập, khám phá nội dung và trải nghiệm tương tác sẽ không sử dụng được.

Bật JavaScript trong phần Cài đặt hoặc Preferences của trình duyệt.
Làm mới trang sau khi bật để tiếp tục trải nghiệm đầy đủ trên MovieK.

Xem hướng dẫn bật JavaScript Quay lại trang chủ

Ảnh Chatchai Suban

Chatchai Suban

8 Tổng dự án

0.0912 Điểm hoạt động

The Year of the Everlasting Storm (2021) Dự án gần đây

Tiểu sử

Thông tin tiểu sử đang được cập nhật. Hãy quay lại sau.

Dấu ấn nổi bật

Những dự án giúp khán giả biết tới Chatchai Suban nhiều nhất.

Cập nhật theo dữ liệu TMDB

Poster The Year of the Everlasting Storm

Phim điện ảnh · 2021

The Year of the Everlasting Storm

Director of Photography

Poster Ten Years Thailand

Phim điện ảnh · 2018

Ten Years Thailand

Director of Photography

Poster Sakda (Rousseau)

Phim điện ảnh · 2012

Sakda (Rousseau)

Vai trò đang cập nhật

Poster Fever Room

Phim điện ảnh · 2015

Fever Room

Director of Photography

Poster ตะวันดับ

Phim điện ảnh · 2018

ตะวันดับ

Director of Photography

Poster หมอกแม่ริม

Phim điện ảnh · 2015

หมอกแม่ริม

Director of Photography

Poster แม่โขงโฮเต็ล

Phim điện ảnh · 2012

แม่โขงโฮเต็ล

Lịch sử sự nghiệp

Toàn bộ các dự án Chatchai Suban đã tham gia.

Tất cả Phim Tv Serices

2012

Sakda (Rousseau)

Phim điện ảnh · 2012

Sakda (Rousseau)

Vai trò đang cập nhật

แม่โขงโฮเต็ล

Phim điện ảnh · 2012

แม่โขงโฮเต็ล

Nameless Man

2021

The Year of the Everlasting Storm

Phim điện ảnh · 2021

The Year of the Everlasting Storm

Director of Photography

2018

Ten Years Thailand

Phim điện ảnh · 2018

Ten Years Thailand

Director of Photography

ตะวันดับ

Phim điện ảnh · 2018

ตะวันดับ

Director of Photography

2015

Fever Room

Phim điện ảnh · 2015

Fever Room

Director of Photography

หมอกแม่ริม

Phim điện ảnh · 2015

หมอกแม่ริม

Director of Photography

2015

หมอกแม่ริม

Phim điện ảnh · 2015

หมอกแม่ริม

Editor

Không tìm thấy kết quả phù hợp với bộ lọc.