/* ===================================================================== PGSLOT static clone — ported theme styles + Bootstrap 5 component overrides Original design: pgslots.shop (WordPress "pgslot" theme). Rebuilt as static HTML + Bootstrap 5.3 with local WebP assets. Font: Prompt (Google Fonts). ===================================================================== */ @import url("https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500;600;700;900&display=swap"); /* ---------- ported theme layout ---------- */ @import url("https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500;600;700;900&display=swap");body,html{font-size:16px;font-family:"Prompt", sans-serif;background-image:url(../img/507bb9-bg.webp);background-size:100% 100%;background-attachment:fixed;background-repeat:no-repeat;background-position:center;height:100vw}a{color:#000}.clearfloat:after{display:table;content:"";clear:both}:where(p,a,span,h1,h2,h3,h4,h5,h6){font-weight:500}.header{border-bottom:2px solid #f9d876;background:#131e2f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;width:100%;z-index:99}.header .logo{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;text-align:center;width:100px;padding:5px}.header .menu-header-l{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:60%}.header .menu-header-l .hamburger{display:none}.header .menu-header-l .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;list-style:none;font-size:clamp(13px, 1.5vw, 16px)}.header .menu-header-l .menu a:hover{background:-webkit-gradient(linear, left top, left bottom, from(#ffa300), to(#db4300));background:-webkit-linear-gradient(top, #ffa300 0%, #db4300 100%);background:-o-linear-gradient(top, #ffa300 0%, #db4300 100%);background:linear-gradient(180deg, #ffa300 0%, #db4300 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header .auth-header-r{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:20%}.header .auth-header-r .line-mobile{display:none}.header .auth-header-r .auth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.popup{position:fixed;right:20px;bottom:20px;z-index:3;width:clamp(100px, 15vw, 230px);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.popup i{position:absolute;right:0;top:-20px;font-size:clamp(1rem, 2.5vw, 2rem);color:#fcaa0f;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.closee{-webkit-transform:translateX(150%);-ms-transform:translateX(150%);transform:translateX(150%);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}ul{margin:0;padding:0}p{margin:0}figure{margin:0}.thumb img{width:100%;height:auto}a{text-decoration:none!important}:where(.promotion,.slip,.game,.download,.content,.content-image){position:relative;margin-bottom:18rem}:where(.download-in-page,.guide-in-page,.promotion-in-page,.creditfree-in-page,.article-in-page,.coinfree-in-page,.entrance-in-page,.single-in-page){position:relative;margin-top:clamp(116px, 20vw, 256px);margin-bottom:11rem}:where(strong,h1,h2,h3,h4,h5,h6){font-size:clamp(20px, 2vw, 23px)}.text-header-guide .icon{width:20px;text-align:center}.text-header-guide .text{font-size:clamp(12px, 2vw, 15px)}.content{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.title{position:absolute;z-index:2;top:-10rem;left:0;right:0;margin:auto;width:clamp(200px, 30vw, 400px)}.banner{padding:8rem 0 2rem;margin-bottom:13rem;background-image:url(../img/bg-banner.png);background-size:105% 105%;background-repeat:no-repeat;background-position:bottom;position:relative}.banner .menu-banner{position:absolute;bottom:-140px;left:0;right:0;width:70%;margin:auto}.banner .menu-banner .bg-menu-banner{background-image:url(../img/c83944-bg-menu-banner.webp);background-size:100% 35%;background-repeat:no-repeat;background-position:center;width:100%}.banner .menu-banner .bg-menu-banner .auth{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:250px}.banner .menu-banner .bg-menu-banner .auth .login,.banner .menu-banner .bg-menu-banner .auth .register{width:clamp(100px, 30vw, 150px)}.banner .menu-banner .bg-menu-banner .auth .logo{width:clamp(90px, 20vw, 150px);margin:0 5%}.card-content{min-height:100px;background-image:url(../img/c9fec0-bg-center-content.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:0 5rem;position:relative;z-index:1;margin:5rem 0}.card-content:after{background-image:url(../img/f900b6-bg-header-content.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:100%;height:90px;position:absolute;top:-89px;left:0;content:"";z-index:-1}.card-content:before{background-image:url(../img/531b8b-bg-footer-content.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:100%;height:90px;position:absolute;bottom:-89px;left:0;content:"";z-index:-1}.promotion{margin-top:clamp(116px, 20vw, 256px)}.creditfree{position:relative;margin-bottom:10rem}.user-credit{background-color:#074854;border-radius:30px;padding:1.5rem;margin-top:2rem}.user-credit .title-user{width:clamp(120px, 15vw, 200px);margin:auto}.download a{width:30%;height:auto}.footer{background-color:#131e2f;padding:2rem 0}.footer .logo{width:100px}.footer .text{color:#ffffff}.footer .content-footer{font-size:clamp(14px, 1.5vw, 16px)}.footer .content-footer li{padding:10px 0;list-style:none}.menu-footer{position:fixed;bottom:0;width:100%;background-image:url(../img/79ad45-bg-menu-footer.webp);background-size:100% 50%;background-repeat:no-repeat;background-position:bottom;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:10px;padding:10px 5px}.menu-footer{display:none}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper-pagination{left:0;right:0;margin:1rem auto 0}.swiper-pagination-bullet{margin:0 4px}.swiper-pagination-bullet-active{background:-webkit-gradient(linear, left bottom, left top, from(#db4300), to(#ffa300))!important;background:-webkit-linear-gradient(bottom, #db4300 0%, #ffa300 100%)!important;background:-o-linear-gradient(bottom, #db4300 0%, #ffa300 100%)!important;background:linear-gradient(0deg, #db4300 0%, #ffa300 100%)!important}@media only screen and (max-width:1024px){.title{margin-top:2rem}.card-content{padding:0 4rem}.banner{margin-bottom:14rem}.banner .menu-banner{bottom:-110px}.banner .menu-banner .bg-menu-banner .auth{height:200px}:where(.promotion,.slip,.game,.download,.content,.content-image){margin-bottom:16rem}:where(.download-in-page,.guide-in-page,.promotion-in-page,.creditfree-in-page,.article-in-page,.coinfree-in-page,.entrance-in-page,.single-in-page){margin-bottom:9rem}}@media only screen and (max-width:1023px){.menu-footer{-ms-flex-pack:distribute;justify-content:space-around}.menu-footer .logo{width:120px}.menu-footer .auth{width:150px}.header .menu-header-l{width:65%}.header .menu-header-l .menu{font-size:12px}.header .auth-header-r{width:20%}.header .auth-header-r .auth{gap:5px}.card-content{padding:0 3rem}}@media only screen and (max-width:767px){.header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 1rem;height:60px}.header .menu-header-l{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:auto}.header .menu-header-l .menu{display:none}.header .menu-header-l .hamburger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2rem;color:#fff}.header .auth-header-r{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:auto}.header .auth-header-r .auth{display:none}.header .auth-header-r .line-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#131e2f;border-radius:0 0 10px 10px}.header .logo{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-bottom:-1.5rem}.title{top:-7rem}.banner{padding:5rem 0 2rem 0;margin-bottom:9rem}:where(.promotion,.slip,.game,.download,.content,.content-image,.creditfree){margin-bottom:9rem}:where(.download-in-page,.guide-in-page,.promotion-in-page,.creditfree-in-page,.article-in-page,.coinfree-in-page,.entrance-in-page,.single-in-page){margin-bottom:6rem}.card-content{padding:0 1.5rem}.card-content:before{height:50px;bottom:-45px}.card-content:after{height:50px;top:-45px}.swiper-pagination{margin:0.5rem auto 0}.footer{padding:2rem 0 6rem}.footer .logo{margin:auto}.footer .text{text-align:center}.footer .content-footer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}.footer .title-menu-footer{text-align:center}.footer .contact-footer{margin-top:10px;padding:0 1rem}.menu-footer{display:-webkit-box;display:-ms-flexbox;display:flex}.creditfree{margin-bottom:6rem}}@media screen and (max-width:690px){.banner .menu-banner{bottom:-70px;width:80%}.banner .menu-banner .bg-menu-banner{padding:20px}.banner .menu-banner .bg-menu-banner .auth{height:110px}.banner .menu-banner .bg-menu-banner .auth .logo{width:50px}.banner .menu-banner .bg-menu-banner .logo{width:100px}}@media screen and (max-width:600px){.banner .menu-banner{bottom:-70px}.banner .menu-banner .bg-menu-banner{padding:10px}.banner .menu-banner .bg-menu-banner .auth{height:110px}.banner .menu-banner .bg-menu-banner .auth .logo{width:50px}.banner .menu-banner .bg-menu-banner .logo{width:100px}.menu-footer .logo{width:350px}.menu-footer .auth{width:auto}}@media only screen and (min-width:1367px){.container{max-width:1344px;width:1344px}} /*# sourceMappingURL=style.min.css.map */ /* ---------- page custom (head) ---------- */ .accordion-content a, .accordion-content a:visited{ color: orange; } .title-h2{ font-size:1.5rem !important; } .faq-h3{ font-size:1.25rem !important; } @media (max-width: 768px) { .title-h2{ font-size: 1.2rem !important; /* ลดลงจาก 1.5rem */ } .faq-h3{ font-size: 1rem !important; /* ลดลงจาก 1.25rem */ } } .popup-left { position: fixed; left: 20px; bottom: 20px; z-index: 3; width: clamp(120px, 15vw, 300px); transform: translateX(0); } .popup-left i { position: absolute; left: 0; top: -20px; font-size: clamp(1rem, 2.5vw, 2rem); color: #fcaa0f; cursor: pointer; width: fit-content; } .closee-popup { transform: translateX(-150%); transition: all 0.5s ease; } .bg-mobile { display: none; position: fixed; width: 100%; z-index: -1; } .bg-mobile img { height: 100dvh !important; } .link-register-mobile{ display:none; } body, html { height:auto; } @media only screen and (max-width: 1366px) { .bg-mobile { display: block; } body, html { background-image:none !important; } } @media only screen and (max-width: 767px) { .link-register-mobile{ display:block; } .link-register-pc{ display:none; } .popup-left ,.popup{ display:none; } } /* ---------- page custom (footer) ---------- */ body,html{ background-image: url(../img/2de32a-upscale11-1.webp); } .banner { background-image: url(../img/752c75-Group-427320521-1.webp); } :where( .download-in-page, .guide-in-page, .promotion-in-page, .creditfree-in-page, .article-in-page, .coinfree-in-page, .entrance-in-page, .single-in-page ) { color:#000; } .header .menu-header-l .menu a ,.title-menu-footer,.footer .content-footer a{ color:#FFF; } :where(strong, h1, h2, h3, h4, h5, h6) { font-size:clamp(20px,2vw,23px) !important; } a{ color:#fff; } a:hover{ background: -webkit-gradient(linear, left top, left bottom, from(#ffa300), to(#db4300)); background: -webkit-linear-gradient(top, #ffa300 0%, #db4300 100%); background: -o-linear-gradient(top, #ffa300 0%, #db4300 100%); background: linear-gradient(180deg, #ffa300 0%, #db4300 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .entry-summary { display: -webkit-box; -webkit-line-clamp: 3; /* กำหนดให้แสดง 3 บรรทัด */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.6; /* ปรับความสูงของแต่ละบรรทัด */ height: 4.8em; /* 3 บรรทัด x 1.6em */ } .read ,.title-article{ background: -webkit-gradient(linear, left top, left bottom, from(#ffa300), to(#db4300)); background: -webkit-linear-gradient(top, #ffa300 0%, #db4300 100%); background: -o-linear-gradient(top, #ffa300 0%, #db4300 100%); background: linear-gradient(180deg, #ffa300 0%, #db4300 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .wp-pagenavi{ text-align:center; margin:1rem 0; font-size: clamp(12px, 1vw, 16px); display: flex; flex-wrap: wrap; justify-content: center; } .wp-pagenavi a, .wp-pagenavi span { border: 1px solid #ffa300 ; color: #8E8E8E; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #db4300; color: #db4300; } .img-single{ width:60%; margin: auto; } @media screen and (max-width: 690px) { .img-single{ width:100%; } } .list-upload-wrap{ display: flex; flex-wrap: wrap; margin: .8rem 0; justify-content: space-between; } .list-upload-wrap .user-wrap{ color:#fff; } .list-upload-wrap .user-wrap .text-pri{ font-weight:600; background: -webkit-gradient(linear, left top, left bottom, from(#ffa300), to(#db4300)); background: -webkit-linear-gradient(top, #ffa300 0%, #db4300 100%); background: -o-linear-gradient(top, #ffa300 0%, #db4300 100%); background: linear-gradient(180deg, #ffa300 0%, #db4300 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .list-upload-wrap .date-send{ color: #8E8E8E; } .frm_pagination_cont{ text-align:center; } .frm_pagination_cont .frm_pagination li { border: 1px solid #ffa300 ; padding:2px 5px; } .frm_pagination_cont .frm_pagination li a ,.frm_pagination_cont .frm_pagination .dots{ color:#8E8E8E; } .frm_pagination_cont .frm_pagination .active{ padding:2px 5px; } .frm_pagination_cont .frm_pagination .active a{ color: #db4300; } .form-pg-api{ background: #fff; padding: 2rem 1rem; border: 1px solid #FFA300; border-radius: 20px; margin:1rem 0; } .form-sub-mit-main{ display:none; } #frm_field_63_container ,#frm_field_68_container{ margin-bottom:0; } #file_names{ display:flex; overflow-x:auto; margin-bottom: 10px; } #file{ background:#F3F3F3; width:100%; padding:15px 5px; border-radius: 10px; } .warning-upload{ margin:10px 0; font-size:12px; } .bttn-point-wrap{ cursor:pointer; } .wp-block-search{ } .searchsubmit{ } .monitor-page .wp-block-search__input{ width:100%; } .monitor-page .wp-block-search{ display:flex; } .header{ top:0; } .header .auth-header-r .line-mobile{ width:40px; } .monitor-in-page{ padding-top: clamp(100px, 16vw, 130px); } .monitor-in-page .head-activity-wrap h3{ text-align:center; margin-bottom: 2rem; font-weight:600; background: -webkit-gradient(linear, left top, left bottom, from(#ffa300), to(#db4300)); background: -webkit-linear-gradient(top, #ffa300 0%, #db4300 100%); background: -o-linear-gradient(top, #ffa300 0%, #db4300 100%); background: linear-gradient(180deg, #ffa300 0%, #db4300 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .disable{ filter: grayscale(1); pointer-events: none; opacity: 0.6; } .frm_no_entries { color: #ffffff; font-weight: 600; text-align: center; margin-top: 1rem; } /* ---------- Base ---------- */ body{ -webkit-font-smoothing:antialiased; } .no-scroll{ overflow:hidden; } img{ max-width:100%; } /* ---------- Header hamburger (Bootstrap offcanvas toggler) ---------- */ .header .menu-header-l .hamburger{ background:transparent; border:0; padding:0; } /* ---------- Bootstrap offcanvas mobile menu (replaces theme .nav-mobile-box) ---------- */ .offcanvas.nav-mobile{ background-color:#000; width:70%; max-width:320px; } .offcanvas.nav-mobile .logo{ width:120px; margin:0 auto 1rem; } .offcanvas.nav-mobile .menu{ list-style:none; padding:0; margin:0; } .offcanvas.nav-mobile .menu li{ padding:10px 0; } .offcanvas.nav-mobile .menu a{ color:#fff; } .offcanvas.nav-mobile .btn-close{ filter:invert(1); } /* ---------- Bootstrap accordion styled like original FAQ ---------- */ .faq-accordion .accordion-item{ border:0; margin-bottom:1rem; background-color:transparent; border-radius:12px; overflow:hidden; } .faq-accordion .accordion-button{ background:linear-gradient(0deg,#3b0000 0%,#89000b 100%); color:#fff; font-size:clamp(16px,2vw,18px); font-weight:500; padding:15px; border-radius:12px; box-shadow:none; } .faq-accordion .accordion-button:not(.collapsed){ color:#fff; border-radius:12px 12px 0 0; } .faq-accordion .accordion-button::after{ filter:brightness(0) invert(1); } .faq-accordion .accordion-button:focus{ box-shadow:none; } .faq-accordion .accordion-body{ background:#89000b; color:#fff; border-radius:0 0 12px 12px; } .faq-accordion .accordion-body a{ color:orange; } /* ---------- Misc small helpers ---------- */ .popup-left figure,.popup figure,.nav-mobile figure{ margin:0; } /* ---------- block ผลบอลสด / ผลหวย ---------- partial กลาง (_football_page_block ฯลฯ) ใช้ตัวหนังสือสีขาวบนพื้นโปร่ง การ์ดเนื้อหา django พื้นสว่าง → ครอบพื้นน้ำเงินเข้มโทน header ให้อ่านออก */ .livescore-block, .lotto-block, .football-block, .lottopage-block{ background:linear-gradient(180deg, #1c2b45, #131e2f); border:1px solid rgba(249,216,118,.45); border-radius:16px; padding:18px 16px; box-shadow:0 10px 26px rgba(0,0,0,.35); } .livescore-block .b-color, .lotto-block .b-color, .football-block .b-color, .lottopage-block .b-color{ color:#f9d876; }