ค้นหา
Header search label
Logo
Cart
เข้าสู่ระบบ
/
สมัครสมาชิก
menu toggle
หนังสือ
หนังสือทั้งหมด
หนังสือออกใหม่ประจำเดือน
แนะนำโดย Luckpim
ลดราคาพิเศษ
สินค้าแลกแต้ม
เกี่ยวกับเรา
ติดต่อ
เข้าสู่ระบบ
/
สมัครสมาชิก
Home
Category list
<div class="slide flex flex_center" uk-scrollspy="target: .category_manga__wrapper; cls: uk-animation-fade-small; delay: 140;"> <div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div> </div>
หนังสือออกใหม่ประจำเดือน
ธ.ค. 2568
<span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span> <div class=home_section__button data-button="view all"> <a href=https://www.luckpim.com/product/list/new class="button stretch"> <div class=txt> ดูทั้งหมด </div> </a> </div>
<span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span>
<header class="section_heading__wrapper flex flex_h-center" data-align=horizontal data-type=topten> <div class=section_heading__graphic> <img data-src=https://www.luckpim.com/images/Layout/Category/img_top_ten.webp alt="new update" class="img img-lazy" loading=lazy> </div> <div class="section_heading__content flex flex_column"> <h2 class="section_heading_title f_bold">TOP 10 หนังสือยอดนิยม</h2> </div> </header> <span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span>
<span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span>
<header class="section_heading__wrapper flex flex_h-center have_description" data-align=horizontal data-type=recommend> <div class=section_heading__graphic> <img data-src=https://www.luckpim.com/images/Layout/Category/img_recommend.webp alt="new update" class="img img-lazy" loading=lazy> </div> <div class="section_heading__content flex flex_column"> <h2 class="section_heading_title f_bold">แนะนำโดย Luckpim</h2> <p class=section_heading_description>มัดรวมมาให้แบบจัดเต็ม </div> </header> <span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span> <div class=home_section__button data-button="view all"> <a href=https://www.luckpim.com/product/list/recommend class="button stretch"> <div class=txt> ดูทั้งหมด </div> </a> </div>
<header class="section_heading__wrapper flex flex_h-center" data-align=horizontal data-type=activity> <div class=section_heading__graphic> <img data-src=https://www.luckpim.com/images/Layout/Category/img_activity.webp alt="new update" class="img img-lazy" loading=lazy> </div> <div class="section_heading__content flex flex_column"> <h2 class="section_heading_title f_bold">ความเคลื่อนไหว</h2> </div> </header> <span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span> <div class=home_section__button data-button="view all"> <a href="https://www.luckpim.com/news/" class="button stretch"> <div class=txt> ดูทั้งหมด </div> </a> </div>
<header class="section_heading__wrapper flex flex_h-center" data-align=horizontal data-type=sale> <div class=section_heading__graphic> <img data-src=https://www.luckpim.com/images/Layout/Category/img_sale.webp alt="new update" class="img img-lazy" loading=lazy> </div> <div class="section_heading__content flex flex_column"> <h2 class="section_heading_title f_bold">ลดราคาพิเศษ</h2> </div> </header> <span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span> <div class=home_section__button data-button="view all"> <a href=https://www.luckpim.com/product/list/sale class="button stretch"> <div class=txt> ดูทั้งหมด </div> </a> </div>
<span class=placeholder_append_list><div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div></span>
<header class="section_heading__wrapper flex flex_h-center" data-align=horizontal data-type=redeemaward> <div class=section_heading__graphic> <img data-src=https://www.luckpim.com/images/Layout/Category/img_redeem_award.webp alt="new update" class="img img-lazy" loading=lazy> </div> <div class="section_heading__content flex flex_column"> <h2 class="section_heading_title f_bold">สินค้าแลกแต้ม</h2> </div> </header> <div class=list_redeem> <div class=_loader style=display:flex;position:absolute;transform:translate3d(-50%,-50%,0px);left:50%;top:50%;width:25px;height:25px> <svg width=200px height=200px xmlns=http://www.w3.org/2000/svg viewBox="0 0 100 100" preserveAspectRatio=xMidYMid class="uil-default spinner" style=width:fit-content;height:100%> <rect x=0 y=0 width=100 height=100 fill=none class=bk></rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(0 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0s repeatCount=indefinite></animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(45 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.0625 repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(90 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(135 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.1875s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(180 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.25s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(225 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.3125s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(270 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.375s repeatCount=indefinite> </animate> </rect> <rect x=46.5 y=40 width=15 height=15 rx=10 ry=10 fill=#464646 transform="rotate(315 50 50) translate(0 -30)"> <animate attributeName=opacity from=0 to=1 dur=0.5s begin=0.4375 repeatCount=indefinite> </animate> </rect> </svg></div> </div> <div class=redeem_wrap_seemore> <a href=https://www.luckpim.com/campaign target=_self class="button stretch"> <div class=txt> ดูทั้งหมด </div> </a> </div>
