<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ทีมงาน Best Net WiFi &#8211; fibernet-hispeed.com</title>
	<atom:link href="https://fibernet-hispeed.com/author/bestnetwifi/feed/" rel="self" type="application/rss+xml" />
	<link>https://fibernet-hispeed.com</link>
	<description>ตัวแทนติดตั้งเน็ตบ้านทรู TrueOnline อย่างเป็นทางการ</description>
	<lastBuildDate>Thu, 01 Oct 2026 08:42:51 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://fibernet-hispeed.com/wp-content/uploads/2026/08/cropped-logo-1x1-120011-32x32.jpg</url>
	<title>ทีมงาน Best Net WiFi &#8211; fibernet-hispeed.com</title>
	<link>https://fibernet-hispeed.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>วางเราเตอร์ไว้จุดไหนดี เน็ตแรงทั่วบ้าน</title>
		<link>https://fibernet-hispeed.com/wang-router-trong-nai-di/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Wed, 30 Sep 2026 10:33:16 +0000</pubDate>
				<category><![CDATA[บทความและเทคนิคให้ความรู้]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=6994</guid>

					<description><![CDATA[หลายคนอัปแพ็กเกจแล้วเน็ตยังช้าเหมือนเดิม ทั้งที่ความเร็วที่จ่ายเงินไปสูงกว่าเดิมจริง ปัญหาบ่อยกว่าที่คิดคือ ตำแหน่งวางเราเตอร์ เพราะความเร็วที่วิ่งมาถึงบ้านกับสัญญาณ WiFi ที่ไปถึงมือถือคุณ เป็นคนละเรื่องกัน บทความนี้รวมหลักการวางให้เน็ตแรงทั่วบ้าน โดยไม่ต้องจ่ายเพิ่มสักบาท เน็ตช้าอาจไม่ใช่เพราะแพ็กเกจ ลองเช็คว่าวางเราเตอร์ถูกจุดหรือยัง สรุป 5 หลักการวางเราเตอร์ให้สัญญาณกระจายทั่วบ้าน เข้าใจก่อน ทำไมตำแหน่งถึงสำคัญ สัญญาณ WiFi กระจายออกจากเราเตอร์เป็นทรงกลมรอบตัว [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6994" class="elementor elementor-6994" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-82cc1de e-flex e-con-boxed e-con e-parent" data-id="82cc1de" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element- elementor-widget elementor-widget-html" data-id="" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
.fnhs-art{font-family:'IBM Plex Sans Thai',sans-serif;max-width:860px;margin:0 auto;padding:44px 20px;color:#2D3748;font-size:16px;line-height:1.9}
.fnhs-art h2{font-size:clamp(20px,2.6vw,26px);font-weight:800;color:#0F1724;margin:40px 0 14px;line-height:1.4}
.fnhs-art h3{font-size:17.5px;font-weight:700;color:#0F1724;margin:26px 0 10px}
.fnhs-art p{margin:0 0 16px}
.fnhs-art .lead{font-size:17px;color:#4A5568}
.fnhs-art img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(15,23,36,.12);margin:8px 0 10px}
.fnhs-art figure{margin:26px 0}
.fnhs-art figcaption{font-size:13px;color:#718096;text-align:center}
.fnhs-art ul{margin:0 0 18px;padding-left:0;list-style:none}
.fnhs-art ul li{position:relative;padding-left:28px;margin-bottom:11px}
.fnhs-art ul li::before{content:"";position:absolute;left:0;top:10px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#00A3FF,#FF3366)}
.fnhs-art .steps{counter-reset:s;list-style:none;padding:0;margin:0 0 18px}
.fnhs-art .steps li{counter-increment:s;position:relative;padding-left:46px;margin-bottom:16px}
.fnhs-art .steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#00A3FF,#FF3366);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.fnhs-art table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.fnhs-art th,.fnhs-art td{border-bottom:1px solid #E2E8F0;padding:11px 12px;text-align:left}
.fnhs-art th{background:#F7FAFC;font-weight:700;color:#0F1724}
.fnhs-art td:last-child{text-align:right;white-space:nowrap;font-weight:700}
.fnhs-art .warn{background:#FFF5F5;border-left:4px solid #FF3366;border-radius:12px;padding:16px 18px;margin:0 0 20px;font-size:15px}
.fnhs-art .tip{background:#EBF8FF;border-left:4px solid #00A3FF;border-radius:12px;padding:16px 18px;margin:0 0 20px;font-size:15px}
.fnhs-art .cta{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:14px 28px;border-radius:999px;background:linear-gradient(90deg,#00A3FF,#FF3366);color:#fff;font-weight:700;font-size:15.5px;text-decoration:none;box-shadow:0 10px 26px rgba(0,163,255,.24)}
.fnhs-art .src{font-size:13px;color:#718096;border-top:1px solid #E2E8F0;padding-top:14px;margin-top:30px;line-height:1.8}
.fnhs-art .faq-wrap{margin-top:12px}
.fnhs-art details{border:1px solid #E2E8F0;border-radius:12px;padding:0;margin-bottom:10px;overflow:hidden}
.fnhs-art summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#0F1724;font-size:15.5px;list-style:none}
.fnhs-art summary::-webkit-details-marker{display:none}
.fnhs-art summary::after{content:"+";float:right;color:#00A3FF;font-size:20px;line-height:1}
.fnhs-art details[open] summary::after{content:"\2212"}
.fnhs-art details p{padding:0 16px 14px;margin:0;font-size:15px;color:#4A5568}
</style>
<div class="fnhs-art">
<p class="lead">หลายคนอัปแพ็กเกจแล้วเน็ตยังช้าเหมือนเดิม ทั้งที่ความเร็วที่จ่ายเงินไปสูงกว่าเดิมจริง ปัญหาบ่อยกว่าที่คิดคือ <strong>ตำแหน่งวางเราเตอร์</strong> เพราะความเร็วที่วิ่งมาถึงบ้านกับสัญญาณ WiFi ที่ไปถึงมือถือคุณ เป็นคนละเรื่องกัน บทความนี้รวมหลักการวางให้เน็ตแรงทั่วบ้าน โดยไม่ต้องจ่ายเพิ่มสักบาท</p>

<style>
.fnhs-vq{--fnhs-vq-w:320px;--fnhs-vq-ratio:9/16;margin:30px auto;max-width:100%;display:flex;flex-direction:column;align-items:center;font-family:'IBM Plex Sans Thai',sans-serif}
.fnhs-vq *,.fnhs-vq *::before,.fnhs-vq *::after{box-sizing:border-box}
.fnhs-vq__frame{position:relative;width:var(--fnhs-vq-w);max-width:100%;aspect-ratio:var(--fnhs-vq-ratio);border-radius:14px;overflow:hidden;background:#0d0d10;border:1px solid #EDEDED;box-shadow:0 8px 24px rgba(0,0,0,.12);cursor:pointer}
.fnhs-vq__frame img{width:100%;height:100%;object-fit:cover;display:block;border:0}
.fnhs-vq__frame img:not([src]){visibility:hidden}
.fnhs-vq__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fnhs-vq__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;padding:0;border:0;border-radius:50%;background:#E5231B;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 18px rgba(229,35,27,.45);transition:transform .25s ease,background .25s ease}
.fnhs-vq__play svg{width:22px;height:22px;margin-left:2px}
.fnhs-vq__frame:hover .fnhs-vq__play{transform:translate(-50%,-50%) scale(1.08);background:#B81A14}
.fnhs-vq__play:focus-visible{outline:3px solid #00A3FF;outline-offset:3px}
.fnhs-vq__frame.is-playing .fnhs-vq__play{display:none}
.fnhs-vq__cap{margin:10px 0 0;font-size:14px;line-height:1.6;color:#6B7280;text-align:center;max-width:var(--fnhs-vq-w)}
@media(max-width:380px){.fnhs-vq{--fnhs-vq-w:270px}}
@media(prefers-reduced-motion:reduce){.fnhs-vq *{transition:none!important}.fnhs-vq__frame:hover .fnhs-vq__play{transform:translate(-50%,-50%)}}
</style>
<figure class="fnhs-vq" data-yt="B1xuNN3AI2s">
  <div class="fnhs-vq__frame" role="button" tabindex="0" aria-label="เล่นวิดีโอ เน็ตช้า อาจวางเราเตอร์ผิดที่ วางตรงไหนถึงจะแรง">
    <img loading="lazy" class="skip-lazy" alt="คลิปแนะนำวางเราเตอร์ให้ถูกจุด เน็ตช้าอาจไม่ใช่เพราะแพ็กเกจ" loading="lazy" width="1080" height="1920">
    <button class="fnhs-vq__play" type="button" aria-label="เล่นวิดีโอ"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg></button>
  </div>
  <figcaption class="fnhs-vq__cap">เน็ตช้าอาจไม่ใช่เพราะแพ็กเกจ ลองเช็คว่าวางเราเตอร์ถูกจุดหรือยัง</figcaption>
</figure>
<script>
(function(){Array.prototype.forEach.call(document.querySelectorAll('.fnhs-vq'),function(fig){
var id=fig.getAttribute('data-yt');if(!id)return;
var ratio=fig.getAttribute('data-ratio');if(ratio){fig.style.setProperty('--fnhs-vq-ratio',ratio);if(ratio.indexOf('16')===0)fig.style.setProperty('--fnhs-vq-w','560px');}
var box=fig.querySelector('.fnhs-vq__frame'),img=fig.querySelector('img'),custom=fig.getAttribute('data-poster');
if(img&&!img.getAttribute('src')){img.src=custom||('https://i.ytimg.com/vi/'+id+'/maxresdefault.jpg');img.addEventListener('error',function(){if(!custom)img.src='https://i.ytimg.com/vi/'+id+'/hqdefault.jpg';},{once:true});}
function play(){if(box.classList.contains('is-playing'))return;var f=document.createElement('iframe');f.src='https://www.youtube-nocookie.com/embed/'+id+'?autoplay=1&rel=0&modestbranding=1&playsinline=1&hl=th';f.title=box.getAttribute('aria-label')||'วิดีโอ';f.allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';f.allowFullscreen=true;box.classList.add('is-playing');box.appendChild(f);box.removeAttribute('role');box.removeAttribute('tabindex');}
box.addEventListener('click',play);box.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();play();}});});})();
</script>

<figure>
<img loading="lazy" class="skip-lazy" src="https://fibernet-hispeed.com/wp-content/uploads/2026/10/wang-router-trong-nai-di-net-raeng-thua-baan.webp" width="1734" height="907" loading="lazy" decoding="async" alt="วางเราเตอร์ตรงไหนดี 5 จุดสำคัญ วางที่โล่ง วางกึ่งกลางบ้าน วางสูง 1-1.5 เมตร ห่างอุปกรณ์รบกวน และใกล้สายอินเทอร์เน็ต">
<figcaption>สรุป 5 หลักการวางเราเตอร์ให้สัญญาณกระจายทั่วบ้าน</figcaption>
</figure>

<h2>เข้าใจก่อน ทำไมตำแหน่งถึงสำคัญ</h2>
<p>สัญญาณ WiFi กระจายออกจากเราเตอร์เป็นทรงกลมรอบตัว ไม่ได้ยิงเป็นลำตรงไปทางใดทางหนึ่ง แปลว่าถ้าวางเราเตอร์ไว้มุมบ้าน สัญญาณเกือบครึ่งหนึ่งจะกระจายออกไปนอกบ้านโดยเปล่าประโยชน์ และสัญญาณยังอ่อนลงเรื่อย ๆ ทุกครั้งที่ต้องทะลุผนัง</p>
<div class="tip"><strong>หลักคิดง่าย ๆ 3 ข้อ:</strong> วางกลางบ้าน · วางสูง · วางโล่ง — จำแค่นี้ก็แก้ปัญหาได้เกินครึ่งแล้ว</div>

<h2>วางตรงไหนถึงจะดี</h2>
<h3>1. กลางบ้านมากที่สุดเท่าที่ทำได้</h3>
<p>ลองนึกภาพว่าเราเตอร์คือหลอดไฟ ถ้าอยากให้สว่างทั่วบ้านก็ต้องแขวนกลางบ้าน ไม่ใช่ตั้งไว้มุมห้องนอน ยิ่งวางกลางเท่าไหร่ ระยะจากเราเตอร์ถึงห้องที่ไกลที่สุดยิ่งสั้นลง</p>
<h3>2. ยกให้สูงจากพื้น</h3>
<p>วางบนชั้นวางหรือโต๊ะสูงประมาณระดับเอวขึ้นไป อย่าวางกับพื้นหรือใต้โต๊ะ เพราะสัญญาณกระจายลงด้านล่างได้ดีกว่าขึ้นด้านบน วางต่ำเกินไปสัญญาณจะไปกองอยู่ที่พื้น</p>
<h3>3. โล่ง ไม่มีอะไรบัง</h3>
<p>อย่ายัดเราเตอร์ไว้ในตู้ปิด หลังทีวี หรือในกล่องเก็บของ นอกจากสัญญาณจะโดนบังแล้ว ความร้อนยังสะสมจนอุปกรณ์อายุสั้นลงด้วย</p>

<h2>สิ่งที่บั่นทอนสัญญาณ เรียงจากหนักไปเบา</h2>
<table>
<thead><tr><th>สิ่งกีดขวาง</th><th>ผลกระทบ</th></tr></thead>
<tbody>
<tr><td>ผนังคอนกรีตเสริมเหล็ก</td><td>หนักมาก</td></tr>
<tr><td>ตู้เหล็ก ตู้เซฟ ตู้โลหะ</td><td>หนักมาก</td></tr>
<tr><td>ตู้ปลา ถังน้ำ</td><td>หนักมาก</td></tr>
<tr><td>กระจกหนา กระจกเงา</td><td>ปานกลาง</td></tr>
<tr><td>ผนังอิฐมอญ ผนังปูน</td><td>ปานกลาง</td></tr>
<tr><td>ผนังยิปซัม ผนังไม้</td><td>เบา</td></tr>
</tbody>
</table>
<p>ที่หลายคนไม่รู้คือ <strong>น้ำดูดซับสัญญาณ WiFi ได้ดีมาก</strong> ตู้ปลาใบใหญ่หรือถังเก็บน้ำที่ขวางทางจึงบั่นทอนสัญญาณพอ ๆ กับผนังปูน</p>

<h2>อุปกรณ์ที่รบกวนสัญญาณ</h2>
<ul>
<li><strong>ไมโครเวฟ</strong> — ทำงานที่ความถี่ใกล้เคียงกับ WiFi ย่าน 2.4GHz ตอนเปิดใช้จะรบกวนชัดเจน อย่าวางเราเตอร์ติดกัน</li>
<li><strong>โทรศัพท์บ้านไร้สาย</strong> รุ่นเก่าที่ใช้ย่าน 2.4GHz</li>
<li><strong>ลำโพงบลูทูธ อุปกรณ์ไร้สายอื่น ๆ</strong> ที่วางชิดเราเตอร์</li>
<li><strong>ทีวีและเครื่องใช้ไฟฟ้าขนาดใหญ่</strong> — ทั้งตัวเครื่องบังสัญญาณและมีสนามแม่เหล็กรบกวน</li>
</ul>

<h2>ข้อจำกัดที่คนมักลืม</h2>
<div class="warn"><strong>เราเตอร์ต้องอยู่ใกล้จุดที่สายไฟเบอร์เข้าบ้าน</strong> เพราะสายไฟเบอร์จากภายนอกจะเข้ามาจบที่จุดเดียว ถ้าอยากย้ายเราเตอร์ไปกลางบ้านแต่สายเข้าอยู่มุมบ้าน ต้องเดินสายเพิ่ม ซึ่งมีค่าใช้จ่ายและควรให้ช่างทำ ไม่ควรดึงสายไฟเบอร์เองเพราะหักงอแล้วสัญญาณหายได้</div>
<p>ทางออกที่ง่ายกว่าคือวางเราเตอร์ไว้ที่เดิม แล้วเพิ่มตัวกระจายสัญญาณไปยังจุดที่สัญญาณไปไม่ถึง</p>

<h2>บ้านแบบไหนที่เราเตอร์ตัวเดียวไม่พอ</h2>
<ul>
<li>บ้านสองชั้นขึ้นไป โดยเฉพาะพื้นคอนกรีตระหว่างชั้น</li>
<li>บ้านชั้นเดียวทรงยาว หรือมีหลายห้องเรียงกัน</li>
<li>บ้านหลายหลังในรั้วเดียวกัน</li>
<li>ตึกแถวที่มีผนังปูนหนากั้นทุกห้อง</li>
</ul>
<p>กรณีแบบนี้ต่อให้ย้ายเราเตอร์ไปวางตรงไหนก็ไม่ทั่ว เพราะข้อจำกัดอยู่ที่ตัวสัญญาณเอง ไม่ใช่ตำแหน่ง ทางแก้คือเพิ่ม <a href="https://fibernet-hispeed.com/true-mesh-wifi/">กล่องขยายสัญญาณ Mesh WiFi</a> ซึ่งจะสร้างจุดกระจายสัญญาณเพิ่มโดยใช้ชื่อ WiFi เดิม เดินไปห้องไหนก็ไม่ต้องสลับเครือข่าย</p>
<div class="tip"><strong>เช็คง่าย ๆ ว่าต้องเพิ่ม Mesh ไหม:</strong> ถือมือถือยืนในห้องที่รู้สึกว่าเน็ตช้า ถ้าสัญญาณ WiFi เหลือ 1-2 ขีด แต่พอเดินมาใกล้เราเตอร์แล้วเร็วขึ้นชัดเจน แปลว่าปัญหาคือสัญญาณไปไม่ถึง ไม่ใช่ความเร็วเน็ต</div>

<h2>2.4GHz กับ 5GHz ต่างกันยังไง</h2>
<p>เราเตอร์สมัยใหม่ปล่อยสัญญาณสองย่านพร้อมกัน แต่ละย่านเหมาะกับการใช้งานต่างกัน</p>
<table>
<thead><tr><th>ย่านความถี่</th><th>จุดเด่น</th></tr></thead>
<tbody>
<tr><td>2.4GHz</td><td>ไปได้ไกลกว่า ทะลุผนังดีกว่า แต่ความเร็วต่ำกว่าและมีสัญญาณรบกวนเยอะ</td></tr>
<tr><td>5GHz</td><td>เร็วกว่ามาก สัญญาณรบกวนน้อย แต่ระยะสั้นและทะลุผนังได้แย่กว่า</td></tr>
</tbody>
</table>
<p>ห้องที่อยู่ใกล้เราเตอร์ให้ต่อ 5GHz ส่วนห้องไกลหรือคนละชั้นให้ใช้ 2.4GHz จะเสถียรกว่า</p>

<h2>คำถามที่พบบ่อย</h2>
<div class="faq-wrap">
<details><summary>ย้ายเราเตอร์เองได้ไหม ต้องเรียกช่างหรือเปล่า</summary><p>ถ้าย้ายในระยะที่สายเดิมถึง เช่น ยกจากพื้นขึ้นชั้นวาง หรือหันเสาอากาศใหม่ ทำเองได้เลย แต่ถ้าต้องเดินสายไฟเบอร์ใหม่หรือย้ายข้ามห้อง แนะนำให้ช่างทำ เพราะสายไฟเบอร์หักงอแรง ๆ แล้วสัญญาณจะหายและซ่อมเองไม่ได้</p></details>
<details><summary>เสาอากาศควรตั้งตรงหรือเอียง</summary><p>บ้านชั้นเดียวให้ตั้งตรงขึ้นทั้งหมด สัญญาณจะกระจายออกด้านข้างได้กว้างที่สุด ส่วนบ้านสองชั้นลองตั้งตรงหนึ่งต้นและเอียงประมาณ 45 องศาอีกหนึ่งต้น จะช่วยให้สัญญาณกระจายทั้งชั้นเดียวกันและชั้นบนล่าง</p></details>
<details><summary>ปิดเราเตอร์ตอนกลางคืนดีไหม</summary><p>ไม่จำเป็นและไม่แนะนำ เพราะเราเตอร์กินไฟน้อยมาก และการปิดเปิดบ่อย ๆ ทำให้ต้องเชื่อมต่อใหม่ทุกครั้ง ถ้ามีกล้องวงจรปิดหรืออุปกรณ์ที่ต้องออนไลน์ตลอดก็จะใช้งานไม่ได้ช่วงที่ปิด</p></details>
<details><summary>ย้ายเราเตอร์แล้วยังช้าเหมือนเดิม ทำยังไงต่อ</summary><p>ลองเช็คว่าช้าทุกห้องหรือช้าเฉพาะบางห้อง ถ้าช้าทั้งบ้านแม้ยืนข้างเราเตอร์ ปัญหาน่าจะอยู่ที่สัญญาณขาเข้าหรือแพ็กเกจ แต่ถ้าช้าเฉพาะห้องไกล แปลว่าเป็นเรื่องการกระจายสัญญาณ ทักมาเล่าอาการให้เราฟังได้ เราช่วยดูให้ว่าควรแก้ตรงไหน</p></details>
<details><summary>ซื้อเราเตอร์แรง ๆ มาเองดีกว่าไหม</summary><p>ถ้าปัญหาคือสัญญาณไปไม่ถึงห้องไกล การเปลี่ยนเราเตอร์ตัวเดียวมักไม่ช่วยเท่าการเพิ่มจุดกระจายสัญญาณ แต่ถ้าอยากใช้เครื่องของตัวเอง ทรูมีโปร CYOD ให้นำเราเตอร์เดิมมาใช้ได้</p></details>
</div>

<p style="margin-top:26px">ลองย้ายแล้วยังไม่ดีขึ้น หรือไม่แน่ใจว่าบ้านแบบนี้ต้องเพิ่มอะไร ทักมาเล่าให้ฟังได้ ไม่มีค่าใช้จ่าย</p>
<a class="cta" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">ปรึกษาเรื่องสัญญาณ ฟรี &rarr;</a>
</div>
<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "FAQPage",
 "mainEntity": [
  {
   "@type": "Question",
   "name": "ย้ายเราเตอร์เองได้ไหม ต้องเรียกช่างหรือเปล่า",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ถ้าย้ายในระยะที่สายเดิมถึง เช่น ยกจากพื้นขึ้นชั้นวาง หรือหันเสาอากาศใหม่ ทำเองได้เลย แต่ถ้าต้องเดินสายไฟเบอร์ใหม่หรือย้ายข้ามห้อง แนะนำให้ช่างทำ เพราะสายไฟเบอร์หักงอแรง ๆ แล้วสัญญาณจะหายและซ่อมเองไม่ได้"
   }
  },
  {
   "@type": "Question",
   "name": "เสาอากาศควรตั้งตรงหรือเอียง",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "บ้านชั้นเดียวให้ตั้งตรงขึ้นทั้งหมด สัญญาณจะกระจายออกด้านข้างได้กว้างที่สุด ส่วนบ้านสองชั้นลองตั้งตรงหนึ่งต้นและเอียงประมาณ 45 องศาอีกหนึ่งต้น จะช่วยให้สัญญาณกระจายทั้งชั้นเดียวกันและชั้นบนล่าง"
   }
  },
  {
   "@type": "Question",
   "name": "ปิดเราเตอร์ตอนกลางคืนดีไหม",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ไม่จำเป็นและไม่แนะนำ เพราะเราเตอร์กินไฟน้อยมาก และการปิดเปิดบ่อย ๆ ทำให้ต้องเชื่อมต่อใหม่ทุกครั้ง ถ้ามีกล้องวงจรปิดหรืออุปกรณ์ที่ต้องออนไลน์ตลอดก็จะใช้งานไม่ได้ช่วงที่ปิด"
   }
  },
  {
   "@type": "Question",
   "name": "ย้ายเราเตอร์แล้วยังช้าเหมือนเดิม ทำยังไงต่อ",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ลองเช็คว่าช้าทุกห้องหรือช้าเฉพาะบางห้อง ถ้าช้าทั้งบ้านแม้ยืนข้างเราเตอร์ ปัญหาน่าจะอยู่ที่สัญญาณขาเข้าหรือแพ็กเกจ แต่ถ้าช้าเฉพาะห้องไกล แปลว่าเป็นเรื่องการกระจายสัญญาณ ทักมาเล่าอาการให้เราฟังได้ เราช่วยดูให้ว่าควรแก้ตรงไหน"
   }
  },
  {
   "@type": "Question",
   "name": "ซื้อเราเตอร์แรง ๆ มาเองดีกว่าไหม",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ถ้าปัญหาคือสัญญาณไปไม่ถึงห้องไกล การเปลี่ยนเราเตอร์ตัวเดียวมักไม่ช่วยเท่าการเพิ่มจุดกระจายสัญญาณ แต่ถ้าอยากใช้เครื่องของตัวเอง ทรูมีโปร CYOD ให้นำเราเตอร์เดิมมาใช้ได้"
   }
  }
 ]
}
</script>
<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "VideoObject",
 "name": "เน็ตช้า อาจวางเราเตอร์ผิดที่ | วางตรงไหนถึงจะแรง",
 "description": "คลิปแนะนำตำแหน่งวางเราเตอร์ให้สัญญาณ WiFi กระจายได้ทั่วบ้าน โดยทีมงาน Best Net WiFi ตัวแทนจำหน่าย TrueOnline อย่างเป็นทางการ",
 "thumbnailUrl": [
  "https://i.ytimg.com/vi/B1xuNN3AI2s/maxresdefault.jpg"
 ],
 "duration": "PT48S",
 "embedUrl": "https://www.youtube.com/embed/B1xuNN3AI2s",
 "contentUrl": "https://www.youtube.com/watch?v=B1xuNN3AI2s",
 "publisher": {
  "@type": "Organization",
  "name": "บริษัท เบสท์เน็ตไวไฟ จำกัด",
  "url": "https://fibernet-hispeed.com/"
 }
}
</script>				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ยกเลิกเน็ตบ้านทรู ต้องคืนอุปกรณ์อะไรบ้าง</title>
		<link>https://fibernet-hispeed.com/yok-lerk-net-baan-true-kuen-upakorn/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Wed, 30 Sep 2026 10:03:12 +0000</pubDate>
				<category><![CDATA[บทความและเทคนิคให้ความรู้]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=6987</guid>

					<description><![CDATA[ถ้าคุณกำลังจะยกเลิกเน็ตบ้านทรู สิ่งที่หลายคนไม่รู้คือต้องคืนอุปกรณ์ให้ครบทุกชิ้น ไม่ใช่แค่เราเตอร์ตัวเดียว และถ้าคืนไม่ครบหรืออุปกรณ์ชำรุด จะมีค่าปรับตามเงื่อนไขของบริษัท บทความนี้รวมให้ครบว่าต้องคืนอะไร ขั้นตอนทำยังไง และมีค่าใช้จ่ายอะไรรออยู่บ้าง อุปกรณ์ที่ต้องคืนเมื่อยกเลิกบริการเน็ตบ้านทรู ต้องคืนอุปกรณ์อะไรบ้าง หลักง่าย ๆ คือ อุปกรณ์ทุกชิ้นที่ได้รับมาจากทรูออนไลน์ตอนติดตั้ง ต้องคืนทั้งหมด ซึ่งมีบันทึกไว้ในใบติดตั้งอยู่แล้ว รายการที่พบบ่อยได้แก่ โมเด็ม / เราเตอร์ [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6987" class="elementor elementor-6987" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-c88876c e-flex e-con-boxed e-con e-parent" data-id="c88876c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element- elementor-widget elementor-widget-html" data-id="" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
.fnhs-art{font-family:'IBM Plex Sans Thai',sans-serif;max-width:860px;margin:0 auto;padding:44px 20px;color:#2D3748;font-size:16px;line-height:1.9}
.fnhs-art h2{font-size:clamp(20px,2.6vw,26px);font-weight:800;color:#0F1724;margin:40px 0 14px;line-height:1.4}
.fnhs-art h3{font-size:17.5px;font-weight:700;color:#0F1724;margin:26px 0 10px}
.fnhs-art p{margin:0 0 16px}
.fnhs-art .lead{font-size:17px;color:#4A5568}
.fnhs-art img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px rgba(15,23,36,.12);margin:8px 0 10px}
.fnhs-art figure{margin:26px 0}
.fnhs-art figcaption{font-size:13px;color:#718096;text-align:center}
.fnhs-art ul{margin:0 0 18px;padding-left:0;list-style:none}
.fnhs-art ul li{position:relative;padding-left:28px;margin-bottom:11px}
.fnhs-art ul li::before{content:"";position:absolute;left:0;top:10px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#00A3FF,#FF3366)}
.fnhs-art .steps{counter-reset:s;list-style:none;padding:0;margin:0 0 18px}
.fnhs-art .steps li{counter-increment:s;position:relative;padding-left:46px;margin-bottom:16px}
.fnhs-art .steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#00A3FF,#FF3366);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.fnhs-art table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.fnhs-art th,.fnhs-art td{border-bottom:1px solid #E2E8F0;padding:11px 12px;text-align:left}
.fnhs-art th{background:#F7FAFC;font-weight:700;color:#0F1724}
.fnhs-art td:last-child{text-align:right;white-space:nowrap;font-weight:700}
.fnhs-art .warn{background:#FFF5F5;border-left:4px solid #FF3366;border-radius:12px;padding:16px 18px;margin:0 0 20px;font-size:15px}
.fnhs-art .tip{background:#EBF8FF;border-left:4px solid #00A3FF;border-radius:12px;padding:16px 18px;margin:0 0 20px;font-size:15px}
.fnhs-art .cta{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:14px 28px;border-radius:999px;background:linear-gradient(90deg,#00A3FF,#FF3366);color:#fff;font-weight:700;font-size:15.5px;text-decoration:none;box-shadow:0 10px 26px rgba(0,163,255,.24)}
.fnhs-art .src{font-size:13px;color:#718096;border-top:1px solid #E2E8F0;padding-top:14px;margin-top:30px;line-height:1.8}
.fnhs-art .faq-wrap{margin-top:12px}
.fnhs-art details{border:1px solid #E2E8F0;border-radius:12px;padding:0;margin-bottom:10px;overflow:hidden}
.fnhs-art summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#0F1724;font-size:15.5px;list-style:none}
.fnhs-art summary::-webkit-details-marker{display:none}
.fnhs-art summary::after{content:"+";float:right;color:#00A3FF;font-size:20px;line-height:1}
.fnhs-art details[open] summary::after{content:"\2212"}
.fnhs-art details p{padding:0 16px 14px;margin:0;font-size:15px;color:#4A5568}

.fnhs-art .calcbox{background:#F7FAFC;border-radius:12px;padding:14px 18px;margin:0 0 20px;font-size:15px;line-height:1.9}
.fnhs-art .tabs{margin:0 0 14px}
.fnhs-art .tb-r{position:absolute;width:1px;height:1px;opacity:0}
.fnhs-art .tb-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.fnhs-art .tb-bar label{cursor:pointer;padding:10px 20px;border-radius:999px;border:1.5px solid #CBD5E0;color:#4A5568;font-weight:700;font-size:14.5px;transition:.18s}
.fnhs-art #fnhsT12:checked ~ .tb-bar label[for=fnhsT12],.fnhs-art #fnhsT24:checked ~ .tb-bar label[for=fnhsT24]{background:linear-gradient(90deg,#00A3FF,#FF3366);border-color:transparent;color:#fff}
.fnhs-art #fnhsT12:focus-visible ~ .tb-bar label[for=fnhsT12],.fnhs-art #fnhsT24:focus-visible ~ .tb-bar label[for=fnhsT24]{outline:3px solid rgba(0,163,255,.45);outline-offset:3px}
.fnhs-art .tb-p{display:none}
.fnhs-art #fnhsT12:checked ~ .p12,.fnhs-art #fnhsT24:checked ~ .p24{display:block}
.fnhs-art .tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid #E2E8F0}
.fnhs-art table.rate{width:100%;border-collapse:collapse;font-size:14.5px;margin:0;min-width:520px}
.fnhs-art table.rate th{background:#F7FAFC;font-weight:700;color:#0F1724;text-align:right;padding:10px 12px;border-bottom:1px solid #E2E8F0;font-size:13.5px;line-height:1.5}
.fnhs-art table.rate th:first-child{text-align:left}
.fnhs-art table.rate th span{font-weight:500;color:#718096;font-size:12px}
.fnhs-art table.rate td{padding:9px 12px;border-bottom:1px solid #EDF2F7;text-align:right;white-space:nowrap}
.fnhs-art table.rate td.m{text-align:left;font-weight:700;color:#0F1724}
.fnhs-art table.rate td.hi{font-weight:700;color:#0F1724}
.fnhs-art table.rate tr.z td{background:#F0FFF4;color:#276749}
.fnhs-art table.rate tr.z td.hi{color:#22863A}
.fnhs-art .mini{font-size:14px;color:#4A5568;line-height:1.85}
</style>
<div class="fnhs-art">
<p class="lead">ถ้าคุณกำลังจะยกเลิกเน็ตบ้านทรู สิ่งที่หลายคนไม่รู้คือต้องคืนอุปกรณ์ให้ครบทุกชิ้น ไม่ใช่แค่เราเตอร์ตัวเดียว และถ้าคืนไม่ครบหรืออุปกรณ์ชำรุด จะมีค่าปรับตามเงื่อนไขของบริษัท บทความนี้รวมให้ครบว่าต้องคืนอะไร ขั้นตอนทำยังไง และมีค่าใช้จ่ายอะไรรออยู่บ้าง</p>

<figure>
<img fetchpriority="high" src="https://fibernet-hispeed.com/wp-content/uploads/2026/09/yok-lerk-net-baan-true-tong-kuen-upakorn-arai-bang.webp" width="1734" height="907" loading="eager" decoding="async" alt="ยกเลิกเน็ตบ้านทรู ต้องคืนอุปกรณ์อะไรบ้าง รวมโมเด็ม เราเตอร์ กล่องทรูไอดีทีวี Mesh WiFi สายแลน และอะแดปเตอร์">
<figcaption>อุปกรณ์ที่ต้องคืนเมื่อยกเลิกบริการเน็ตบ้านทรู</figcaption>
</figure>

<h2>ต้องคืนอุปกรณ์อะไรบ้าง</h2>
<p>หลักง่าย ๆ คือ <strong>อุปกรณ์ทุกชิ้นที่ได้รับมาจากทรูออนไลน์ตอนติดตั้ง ต้องคืนทั้งหมด</strong> ซึ่งมีบันทึกไว้ในใบติดตั้งอยู่แล้ว รายการที่พบบ่อยได้แก่</p>
<ul>
<li>โมเด็ม / เราเตอร์ (Modem, Router)</li>
<li>กล่องทรูไอดีทีวี (True ID TV) พร้อมรีโมท</li>
<li>อุปกรณ์เสริมขยายสัญญาณ (Mesh WiFi)</li>
<li>กล่องรับสัญญาณทรูวิชั่นส์ พร้อมสมาร์ทการ์ดและรีโมท</li>
<li>สายแลน (LAN) และสายแปลงสัญญาณ (HDMI)</li>
<li>อะแดปเตอร์ (Adapter) ของอุปกรณ์แต่ละตัว</li>
<li>เสาอากาศ และอุปกรณ์เสริมอื่น ๆ ถ้ามี</li>
</ul>
<div class="tip"><strong>จุดที่คนลืมบ่อยที่สุดคือรีโมทกับอะแดปเตอร์</strong> เพราะมักเก็บแยกจากตัวกล่อง แนะนำให้เอาใบติดตั้งมากางแล้วเช็คทีละรายการก่อนไปทรูช็อป</div>

<h2>ขั้นตอนการคืนอุปกรณ์</h2>
<ol class="steps">
<li><strong>ตรวจสอบอุปกรณ์ที่ต้องนำส่งคืน</strong> — เทียบกับรายการในใบติดตั้งว่าได้รับอะไรไปบ้าง ให้ครบทุกชิ้น</li>
<li><strong>เตรียมเอกสาร</strong> — บุคคลธรรมดาใช้บัตรประชาชนตัวจริงที่ยังไม่หมดอายุ ส่วนนิติบุคคลหรือบริษัทต้องมีหนังสือมอบอำนาจตัวจริงที่ยังไม่หมดอายุ</li>
<li><strong>นำอุปกรณ์ไปคืนที่ทรูช็อป</strong> — อุปกรณ์ต้องอยู่ในสภาพสมบูรณ์ ไม่ดัดแปลง ไม่แกะแงะ ไม่ชำรุดหรือสูญหาย</li>
<li><strong>ชำระค่าบริการคงค้าง และค่าปรับอุปกรณ์ถ้ามี</strong> — กรณีอุปกรณ์ชำรุด เสียหาย หรือคืนไม่ครบ</li>
</ol>

<figure>
<img loading="lazy" src="https://fibernet-hispeed.com/wp-content/uploads/2026/09/kan-tonkuen-upakorn-true-shop-mua-yok-lerk-borikan.webp" width="1024" height="1536" loading="lazy" decoding="async" alt="ขั้นตอนการคืนอุปกรณ์ที่ทรูช็อปเมื่อยกเลิกบริการเน็ตบ้านทรู ตรวจสอบอุปกรณ์ เตรียมเอกสาร ติดต่อทรูช็อป และชำระค่าคงค้าง">
<figcaption>สรุปขั้นตอนการคืนอุปกรณ์ที่ทรูช็อป</figcaption>
</figure>

<h2>ถ้าไม่คืน คืนไม่ครบ หรืออุปกรณ์ชำรุด เสียเท่าไหร่</h2>
<p>ตามเงื่อนไขการใช้บริการ ถ้าไม่ส่งคืนอุปกรณ์ คืนไม่ครบถ้วน หรืออุปกรณ์ชำรุดเสียหาย ผู้ใช้บริการตกลงชำระค่าอุปกรณ์ตามอัตรานี้</p>
<table>
<thead><tr><th>อุปกรณ์</th><th>ค่าอุปกรณ์</th></tr></thead>
<tbody>
<tr><td>FTTB Router</td><td>1,500 บาท</td></tr>
<tr><td>FTTC Router</td><td>3,200 บาท</td></tr>
<tr><td>FTTH Router</td><td>6,975 บาท</td></tr>
<tr><td>อุปกรณ์อื่น ๆ</td><td>ตามมูลค่าอุปกรณ์</td></tr>
</tbody>
</table>

<h2>ยกเลิกก่อนครบสัญญา มีค่าใช้จ่ายอะไรอีก</h2>
<p>นอกจากเรื่องอุปกรณ์แล้ว ถ้ายกเลิกหรือถูกระงับบริการก่อนครบกำหนดตามสัญญา ยังมีอีก 3 รายการที่ต้องชำระ</p>
<ul>
<li><strong>ค่าธรรมเนียมแรกเข้าส่วนที่เคยได้รับการงดเว้น</strong> (2,000 บาท) คิดตามสัดส่วนจำนวนเดือนที่เหลือจนครบสัญญา</li>
<li><strong>ค่าติดตั้งอุปกรณ์และค่าเดินสาย</strong> (2,600 บาท) คิดตามสัดส่วนจำนวนเดือนที่เหลือเช่นกัน</li>
<li><strong>ค่าติดตั้งโทรศัพท์บ้าน 3,350 บาท</strong> เฉพาะกรณีที่มีการติดตั้งบริการโทรศัพท์บ้านเลขหมายใหม่</li>
</ul>
<div class="warn"><strong>อ่านให้ชัดตรงนี้:</strong> ยิ่งยกเลิกเร็วเท่าไหร่ ส่วนที่ต้องจ่ายคืนยิ่งมากเท่านั้น เพราะคิดตามจำนวนเดือนที่เหลือ ถ้าใช้ครบสัญญาแล้วค่อยยกเลิก ส่วนนี้จะไม่ถูกเรียกเก็บ</div>


<h2>ตารางค่าปรับยกเลิกก่อนครบสัญญา คิดยังไง</h2>
<p>ค่าธรรมเนียมแรกเข้าและค่าติดตั้งจะถูกเรียกเก็บคืน <strong>ตามสัดส่วนเดือนที่เหลือ</strong> ไม่ได้เก็บเต็มจำนวน ยิ่งใช้งานนานเท่าไหร่ ยอดที่ต้องจ่ายยิ่งลดลง และถ้าใช้ครบสัญญาแล้วยกเลิก จะไม่ถูกเก็บส่วนนี้เลย</p>
<div class="calcbox"><strong>สูตรคำนวณ</strong><br>ยอดที่ต้องจ่าย = ยอดเต็ม (4,922 บาทรวม VAT) × จำนวนเดือนที่เหลือ ÷ อายุสัญญา</div>
<div class="tabs">
 <input type="radio" name="fnhsTerm" id="fnhsT12" class="tb-r" checked>
 <input type="radio" name="fnhsTerm" id="fnhsT24" class="tb-r">
 <div class="tb-bar"><label for="fnhsT12">สัญญา 12 เดือน</label><label for="fnhsT24">สัญญา 24 เดือน</label></div>
 <div class="tb-p p12"><div class="tscroll"><table class="rate"><thead><tr><th>ยกเลิกเดือนที่</th><th>ค่าแรกเข้า<br><span>2,000</span></th><th>ค่าติดตั้ง<br><span>2,600</span></th><th>รวม<br><span>4,600</span></th><th>รวม + VAT 7%<br><span>4,922</span></th></tr></thead><tbody><tr><td class="m">1</td><td>1,833.33</td><td>2,383.33</td><td>4,216.67</td><td class="hi">4,511.83</td></tr><tr><td class="m">2</td><td>1,666.67</td><td>2,166.67</td><td>3,833.33</td><td class="hi">4,101.67</td></tr><tr><td class="m">3</td><td>1,500.00</td><td>1,950.00</td><td>3,450.00</td><td class="hi">3,691.50</td></tr><tr><td class="m">4</td><td>1,333.33</td><td>1,733.33</td><td>3,066.67</td><td class="hi">3,281.33</td></tr><tr><td class="m">5</td><td>1,166.67</td><td>1,516.67</td><td>2,683.33</td><td class="hi">2,871.17</td></tr><tr><td class="m">6</td><td>1,000.00</td><td>1,300.00</td><td>2,300.00</td><td class="hi">2,461.00</td></tr><tr><td class="m">7</td><td>833.33</td><td>1,083.33</td><td>1,916.67</td><td class="hi">2,050.83</td></tr><tr><td class="m">8</td><td>666.67</td><td>866.67</td><td>1,533.33</td><td class="hi">1,640.67</td></tr><tr><td class="m">9</td><td>500.00</td><td>650.00</td><td>1,150.00</td><td class="hi">1,230.50</td></tr><tr><td class="m">10</td><td>333.33</td><td>433.33</td><td>766.67</td><td class="hi">820.33</td></tr><tr><td class="m">11</td><td>166.67</td><td>216.67</td><td>383.33</td><td class="hi">410.17</td></tr><tr class="z"><td class="m">12</td><td>0.00</td><td>0.00</td><td>0.00</td><td class="hi">0.00</td></tr></tbody></table></div></div>
 <div class="tb-p p24"><div class="tscroll"><table class="rate"><thead><tr><th>ยกเลิกเดือนที่</th><th>ค่าแรกเข้า<br><span>2,000</span></th><th>ค่าติดตั้ง<br><span>2,600</span></th><th>รวม<br><span>4,600</span></th><th>รวม + VAT 7%<br><span>4,922</span></th></tr></thead><tbody><tr><td class="m">1</td><td>1,917</td><td>2,492</td><td>4,408</td><td class="hi">4,717</td></tr><tr><td class="m">2</td><td>1,833</td><td>2,383</td><td>4,217</td><td class="hi">4,512</td></tr><tr><td class="m">3</td><td>1,750</td><td>2,275</td><td>4,025</td><td class="hi">4,307</td></tr><tr><td class="m">4</td><td>1,667</td><td>2,167</td><td>3,833</td><td class="hi">4,102</td></tr><tr><td class="m">5</td><td>1,583</td><td>2,058</td><td>3,642</td><td class="hi">3,897</td></tr><tr><td class="m">6</td><td>1,500</td><td>1,950</td><td>3,450</td><td class="hi">3,692</td></tr><tr><td class="m">7</td><td>1,417</td><td>1,842</td><td>3,258</td><td class="hi">3,486</td></tr><tr><td class="m">8</td><td>1,333</td><td>1,733</td><td>3,067</td><td class="hi">3,281</td></tr><tr><td class="m">9</td><td>1,250</td><td>1,625</td><td>2,875</td><td class="hi">3,076</td></tr><tr><td class="m">10</td><td>1,167</td><td>1,517</td><td>2,683</td><td class="hi">2,871</td></tr><tr><td class="m">11</td><td>1,083</td><td>1,408</td><td>2,492</td><td class="hi">2,666</td></tr><tr><td class="m">12</td><td>1,000</td><td>1,300</td><td>2,300</td><td class="hi">2,461</td></tr><tr><td class="m">13</td><td>917</td><td>1,192</td><td>2,108</td><td class="hi">2,256</td></tr><tr><td class="m">14</td><td>833</td><td>1,083</td><td>1,917</td><td class="hi">2,051</td></tr><tr><td class="m">15</td><td>750</td><td>975</td><td>1,725</td><td class="hi">1,846</td></tr><tr><td class="m">16</td><td>667</td><td>867</td><td>1,533</td><td class="hi">1,641</td></tr><tr><td class="m">17</td><td>583</td><td>758</td><td>1,342</td><td class="hi">1,436</td></tr><tr><td class="m">18</td><td>500</td><td>650</td><td>1,150</td><td class="hi">1,231</td></tr><tr><td class="m">19</td><td>417</td><td>542</td><td>958</td><td class="hi">1,025</td></tr><tr><td class="m">20</td><td>333</td><td>433</td><td>767</td><td class="hi">820</td></tr><tr><td class="m">21</td><td>250</td><td>325</td><td>575</td><td class="hi">615</td></tr><tr><td class="m">22</td><td>167</td><td>217</td><td>383</td><td class="hi">410</td></tr><tr><td class="m">23</td><td>83</td><td>108</td><td>192</td><td class="hi">205</td></tr><tr class="z"><td class="m">24</td><td>0</td><td>0</td><td>0</td><td class="hi">0</td></tr></tbody></table></div></div>
</div>
<p class="mini">ตัวอย่าง: สัญญา 12 เดือน ยกเลิกในเดือนที่ 5 ต้องชำระ <strong>2,871.17 บาท</strong> (รวม VAT) ส่วนสัญญา 24 เดือน ยกเลิกเดือนที่ 5 ต้องชำระ <strong>3,897 บาท</strong> — ยอดนี้ยังไม่รวมค่าบริการคงค้าง ค่าอุปกรณ์กรณีคืนไม่ครบ และค่าติดตั้งโทรศัพท์บ้าน 3,350 บาท ถ้ามี</p>
<p class="mini">ใช้ได้กับทุกเทคโนโลยี XDSL, FCI และ FTTX</p>

<h2>คำถามที่พบบ่อย</h2>
<div class="faq-wrap">
<details><summary>ไม่มีใบติดตั้งแล้ว จะรู้ได้ยังไงว่าต้องคืนอะไรบ้าง</summary><p>อุปกรณ์ที่ได้รับไปมีบันทึกอยู่ในระบบตอนติดตั้ง สอบถามที่ทรูช็อปหรือคอลเซ็นเตอร์ได้ว่ามีรายการอะไรบ้าง หรือทักมาทางไลน์ เราช่วยประสานให้ได้</p></details>
<details><summary>อุปกรณ์เป็นรอยจากการใช้งานปกติ ถือว่าชำรุดไหม</summary><p>ร่องรอยจากการใช้งานตามปกติต่างจากการชำรุดเสียหาย แต่การตัดสินขึ้นอยู่กับการตรวจสภาพที่ทรูช็อป สิ่งที่ชัดเจนว่าเข้าข่ายคือการแกะ ดัดแปลง หรืออุปกรณ์ใช้งานไม่ได้</p></details>
<details><summary>คืนอุปกรณ์ทางไปรษณีย์ได้ไหม</summary><p>ขั้นตอนมาตรฐานคือนำไปคืนที่ทรูช็อป ถ้าติดปัญหาเรื่องการเดินทาง แนะนำให้สอบถามช่องทางอื่นกับทรูช็อปหรือคอลเซ็นเตอร์โดยตรงก่อน อย่าเพิ่งส่งไปเอง</p></details>
<details><summary>ยกเลิกแล้วแต่ยังไม่ได้คืนอุปกรณ์ จะเป็นยังไง</summary><p>ถ้าไม่ส่งคืนภายในเงื่อนไขที่บริษัทกำหนด จะถูกเรียกเก็บค่าอุปกรณ์ตามอัตราข้างต้น แนะนำให้รีบไปคืนให้เรียบร้อยเพื่อปิดเรื่องให้จบ</p></details>
<details><summary>ย้ายบ้านแต่ยังอยากใช้ต่อ ต้องยกเลิกแล้วสมัครใหม่ไหม</summary><p>ไม่ต้องครับ แจ้งย้ายที่อยู่ติดตั้งได้เลยโดยไม่ต้องยกเลิกสัญญา ทำให้ไม่เสียสิทธิ์ส่วนลดเดิมและไม่ต้องคืนอุปกรณ์ ทักมาทางไลน์ เราประสานให้ตั้งแต่ต้นจนช่างเข้าติดตั้ง</p></details>
</div>

<p style="margin-top:26px">ไม่แน่ใจว่าต้องคืนอะไร หรือกำลังลังเลระหว่างยกเลิกกับย้ายที่อยู่ ทักมาถามก่อนได้ ไม่มีค่าใช้จ่าย</p>
<a class="cta" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">สอบถามทางไลน์ ฟรี &rarr;</a>

<p class="src">ข้อมูลค่าอุปกรณ์และค่าใช้จ่ายกรณียกเลิกก่อนครบสัญญา อ้างอิงจาก <a href="https://fibernet-hispeed.com/true-internet-terms/">หน้าเงื่อนไขและสัญญาการใช้บริการ</a> ของเรา ซึ่งอาจมีการเปลี่ยนแปลงตามประกาศของผู้ให้บริการ กรุณาตรวจสอบกับทรูช็อปอีกครั้งก่อนดำเนินการ</p>
</div>
<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "HowTo",
 "name": "ขั้นตอนการคืนอุปกรณ์เมื่อยกเลิกเน็ตบ้านทรู",
 "description": "วิธีคืนอุปกรณ์ทรูออนไลน์ที่ทรูช็อปเมื่อยกเลิกบริการ ตั้งแต่ตรวจสอบอุปกรณ์ เตรียมเอกสาร จนถึงชำระค่าคงค้าง",
 "image": "https://fibernet-hispeed.com/wp-content/uploads/2026/09/kan-tonkuen-upakorn-true-shop-mua-yok-lerk-borikan.webp",
 "totalTime": "PT30M",
 "step": [
  {
   "@type": "HowToStep",
   "position": 1,
   "name": "ตรวจสอบอุปกรณ์ที่ต้องนำส่งคืน",
   "text": "ตรวจสอบอุปกรณ์ที่ต้องนำส่งคืน — เทียบกับรายการในใบติดตั้งว่าได้รับอะไรไปบ้าง ให้ครบทุกชิ้น"
  },
  {
   "@type": "HowToStep",
   "position": 2,
   "name": "เตรียมเอกสาร",
   "text": "เตรียมเอกสาร — บุคคลธรรมดาใช้บัตรประชาชนตัวจริงที่ยังไม่หมดอายุ ส่วนนิติบุคคลหรือบริษัทต้องมีหนังสือมอบอำนาจตัวจริงที่ยังไม่หมดอายุ"
  },
  {
   "@type": "HowToStep",
   "position": 3,
   "name": "นำอุปกรณ์ไปคืนที่ทรูช็อป",
   "text": "นำอุปกรณ์ไปคืนที่ทรูช็อป — อุปกรณ์ต้องอยู่ในสภาพสมบูรณ์ ไม่ดัดแปลง ไม่แกะแงะ ไม่ชำรุดหรือสูญหาย"
  },
  {
   "@type": "HowToStep",
   "position": 4,
   "name": "ชำระค่าบริการคงค้าง และค่าปรับอุปกรณ์ถ้ามี",
   "text": "ชำระค่าบริการคงค้าง และค่าปรับอุปกรณ์ถ้ามี — กรณีอุปกรณ์ชำรุด เสียหาย หรือคืนไม่ครบ"
  }
 ]
}
</script>
<script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "FAQPage",
 "mainEntity": [
  {
   "@type": "Question",
   "name": "ไม่มีใบติดตั้งแล้ว จะรู้ได้ยังไงว่าต้องคืนอะไรบ้าง",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "อุปกรณ์ที่ได้รับไปมีบันทึกอยู่ในระบบตอนติดตั้ง สอบถามที่ทรูช็อปหรือคอลเซ็นเตอร์ได้ว่ามีรายการอะไรบ้าง หรือทักมาทางไลน์ เราช่วยประสานให้ได้"
   }
  },
  {
   "@type": "Question",
   "name": "อุปกรณ์เป็นรอยจากการใช้งานปกติ ถือว่าชำรุดไหม",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ร่องรอยจากการใช้งานตามปกติต่างจากการชำรุดเสียหาย แต่การตัดสินขึ้นอยู่กับการตรวจสภาพที่ทรูช็อป สิ่งที่ชัดเจนว่าเข้าข่ายคือการแกะ ดัดแปลง หรืออุปกรณ์ใช้งานไม่ได้"
   }
  },
  {
   "@type": "Question",
   "name": "คืนอุปกรณ์ทางไปรษณีย์ได้ไหม",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ขั้นตอนมาตรฐานคือนำไปคืนที่ทรูช็อป ถ้าติดปัญหาเรื่องการเดินทาง แนะนำให้สอบถามช่องทางอื่นกับทรูช็อปหรือคอลเซ็นเตอร์โดยตรงก่อน อย่าเพิ่งส่งไปเอง"
   }
  },
  {
   "@type": "Question",
   "name": "ยกเลิกแล้วแต่ยังไม่ได้คืนอุปกรณ์ จะเป็นยังไง",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ถ้าไม่ส่งคืนภายในเงื่อนไขที่บริษัทกำหนด จะถูกเรียกเก็บค่าอุปกรณ์ตามอัตราข้างต้น แนะนำให้รีบไปคืนให้เรียบร้อยเพื่อปิดเรื่องให้จบ"
   }
  },
  {
   "@type": "Question",
   "name": "ย้ายบ้านแต่ยังอยากใช้ต่อ ต้องยกเลิกแล้วสมัครใหม่ไหม",
   "acceptedAnswer": {
    "@type": "Answer",
    "text": "ไม่ต้องครับ แจ้งย้ายที่อยู่ติดตั้งได้เลยโดยไม่ต้องยกเลิกสัญญา ทำให้ไม่เสียสิทธิ์ส่วนลดเดิมและไม่ต้องคืนอุปกรณ์ ทักมาทางไลน์ เราประสานให้ตั้งแต่ต้นจนช่างเข้าติดตั้ง"
   }
  }
 ]
}
</script>				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>วิธีการคำนวณบิลแรกทรูออนไลน์</title>
		<link>https://fibernet-hispeed.com/true-first-bill/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Sat, 05 Sep 2026 07:05:49 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=6259</guid>

					<description><![CDATA[คำถามที่พบบ่อยเรื่องบิล บิลใบแรก เน็ตบ้านทรูออนไลน์ คิดค่าบริการยังไง? บิลใบแรกมักดูสูงกว่าบิลปกติ เพราะวันเริ่มใช้งานไม่ตรงกับวันตัดรอบบิลพอดี ทรูจะคิดค่าบริการแบบเฉลี่ยตามสัดส่วนวันที่ใช้จริง (prorate) รวมกับค่าบริการเต็มเดือนของรอบถัดไปที่แจ้งล่วงหน้ามาในบิลเดียวกัน 💡 ไม่ต้องตกใจ: จากประสบการณ์ลูกค้าจริง ส่วนต่างที่เพิ่มมาในบิลใบแรกมักไม่เยอะ ปกติอยู่ที่ประมาณ 40-80 บาท เท่านั้น เพราะรอบบิลของทรูมักตัดใกล้เคียงกับวันติดตั้ง ทำให้จำนวนวันที่ต้องคำนวณเพิ่มมักอยู่ที่แค่ 5-7 [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6259" class="elementor elementor-6259" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-4cd07eb e-flex e-con-boxed e-con e-parent" data-id="4cd07eb" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3080690 elementor-widget elementor-widget-html" data-id="3080690" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  อธิบายวิธีคำนวณบิลใบแรกของเน็ตบ้านทรูออนไลน์ (TrueOnline)
  ข้อมูลอ้างอิงจากหน้าทางการของทรู:
  true.th/help/billing/check-bill/billing-howto-check-first-bill-true-online

  ออกแบบตามธีมเว็บ: ไล่สีฟ้า-ชมพู #00A3FF -> #FF3366, ฟอนต์ Kanit/IBM Plex
  Sans Thai, กล่องสูตรคำนวณ + การ์ดตัวอย่างคำนวณ + ปุ่ม CTA แบบเดียวกับ
  ไฟล์อื่นในเว็บ
========================================================= -->

<style>
.bfb-scope{
  --g1:#00A3FF; --g2:#FF3366; --grad:linear-gradient(90deg,var(--g1),var(--g2));
  --tint-bg:linear-gradient(135deg,#eaf4ff 0%,#fff0f5 100%);
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED;
  font-family:'IBM Plex Sans Thai',sans-serif;
  max-width:760px; margin:0 auto; padding:40px 20px;
  color:var(--ink);
}
.bfb-scope *{ box-sizing:border-box; }

.bfb-kicker{
  display:table; margin:0 auto 10px;
  font-family:'Kanit'; font-size:13px; font-weight:600; letter-spacing:.5px;
  color:#0B84C4; background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.bfb-title{
  font-family:'Kanit'; font-weight:700; font-size:clamp(21px,3.2vw,28px);
  text-align:center; margin:0 0 14px; line-height:1.35; color:var(--ink);
}
.bfb-intro{
  text-align:center; font-size:15px; color:#444; line-height:1.75;
  max-width:64ch; margin:0 auto 32px;
}

.bfb-formula{
  background:var(--tint-bg);
  border:1px solid #dfeaf7;
  border-radius:18px;
  padding:26px 24px;
  text-align:center;
  margin-bottom:24px;
}
.bfb-formula .lbl{
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--muted); margin-bottom:10px;
}
.bfb-formula .expr{
  font-family:'Kanit'; font-weight:700; font-size:clamp(15px,2.6vw,19px);
  color:var(--ink); line-height:1.6;
}
.bfb-formula .expr b{
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

.bfb-parts{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:28px; }
@media(max-width:600px){ .bfb-parts{ grid-template-columns:1fr; } }
.bfb-part{
  background:#fff; border:1px solid var(--line); border-radius:16px;
  padding:20px 18px; box-shadow:0 6px 18px rgba(0,0,0,0.05);
}
.bfb-part .num{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%; background:var(--grad);
  color:#fff; font-family:'Kanit'; font-weight:700; font-size:13px;
  margin-bottom:10px;
}
.bfb-part h3{ font-family:'Kanit'; font-weight:600; font-size:15px; margin:0 0 6px; }
.bfb-part p{ font-size:13.5px; color:var(--muted); line-height:1.65; margin:0; }

.bfb-example{
  background:#fff; border:1.5px solid transparent;
  background-image:linear-gradient(#fff,#fff), var(--grad);
  background-origin:border-box; background-clip:padding-box, border-box;
  border-radius:18px; padding:24px 22px; margin-bottom:28px;
  box-shadow:0 10px 26px rgba(0,0,0,0.06);
}
.bfb-example .tag{
  display:table; font-family:'Kanit'; font-size:12px; font-weight:700;
  color:#fff; background:var(--grad); padding:4px 14px; border-radius:999px;
  margin-bottom:14px;
}
.bfb-example table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.bfb-example td{ padding:7px 4px; border-bottom:1px dashed var(--line); color:#444; }
.bfb-example tr:last-child td{ border-bottom:none; }
.bfb-example td:last-child{ text-align:right; font-weight:600; color:var(--ink); }
.bfb-example .result td{ font-family:'Kanit'; font-weight:700; font-size:15px; color:var(--ink); padding-top:12px; }
.bfb-example .result td:last-child{
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

.bfb-note{
  font-size:12.5px; color:var(--muted); line-height:1.8; text-align:center;
  max-width:66ch; margin:0 auto 28px;
}
.bfb-note a{ color:var(--g2); font-weight:600; text-decoration:none; }
.bfb-note a:hover{ text-decoration:underline; }

.bfb-reassure{
  display:flex; align-items:flex-start; gap:12px;
  background:#F0FBF4; border:1px solid #BFE8CC; border-radius:16px;
  padding:18px 20px; margin-bottom:24px;
}
.bfb-reassure .ic{ font-size:22px; line-height:1; flex-shrink:0; }
.bfb-reassure p{ font-size:13.5px; color:#1E7A3D; line-height:1.7; margin:0; }
.bfb-reassure b{ font-weight:700; }

.bfb-cta{ text-align:center; }
.bfb-cta a{
  display:inline-flex; align-items:center; gap:6px;
  background:#06C755; color:#fff !important;
  font-family:'Kanit'; font-weight:600; font-size:15px;
  padding:13px 30px; border-radius:999px; text-decoration:none;
  box-shadow:0 8px 22px rgba(6,199,85,0.28);
}
.bfb-cta p{ font-size:12px; color:var(--muted); margin-top:10px; }
</style>

<div class="bfb-scope">
  <div class="bfb-kicker">คำถามที่พบบ่อยเรื่องบิล</div>
  <h2 class="bfb-title">บิลใบแรก เน็ตบ้านทรูออนไลน์ คิดค่าบริการยังไง?</h2>
  <p class="bfb-intro">บิลใบแรกมักดูสูงกว่าบิลปกติ เพราะวันเริ่มใช้งานไม่ตรงกับวันตัดรอบบิลพอดี ทรูจะคิดค่าบริการแบบเฉลี่ยตามสัดส่วนวันที่ใช้จริง (prorate) รวมกับค่าบริการเต็มเดือนของรอบถัดไปที่แจ้งล่วงหน้ามาในบิลเดียวกัน</p>

  <div class="bfb-reassure">
    <span class="ic">💡</span>
    <p><b>ไม่ต้องตกใจ:</b> จากประสบการณ์ลูกค้าจริง ส่วนต่างที่เพิ่มมาในบิลใบแรกมักไม่เยอะ ปกติอยู่ที่ประมาณ <b>40-80 บาท</b> เท่านั้น เพราะรอบบิลของทรูมักตัดใกล้เคียงกับวันติดตั้ง ทำให้จำนวนวันที่ต้องคำนวณเพิ่มมักอยู่ที่แค่ <b>5-7 วัน</b> ไม่ใช่เกือบทั้งเดือน</p>
  </div>

  <div class="bfb-formula">
    <div class="lbl">สูตรคำนวณค่าบริการเฉพาะส่วนที่ใช้จริง</div>
    <div class="expr">ค่าบริการ = <b>(จำนวนวันที่ใช้งานจริง × ค่าบริการรายเดือนเต็ม)</b> ÷ จำนวนวันทั้งหมดในรอบบิล</div>
  </div>

  <div class="bfb-parts">
    <div class="bfb-part">
      <div class="num">1</div>
      <h3>ค่าบริการตามสัดส่วนวัน</h3>
      <p>คิดเฉพาะจำนวนวันที่ใช้งานจริงของเดือนที่เริ่มติดตั้ง ตามสูตรด้านบน (ยังไม่รวม VAT)</p>
    </div>
    <div class="bfb-part">
      <div class="num">2</div>
      <h3>ค่าบริการเดือนถัดไป</h3>
      <p>ค่าบริการรายเดือนเต็มราคาแพ็กเกจของรอบบิลถัดไป ที่แจ้งล่วงหน้ามาในบิลใบเดียวกัน</p>
    </div>
  </div>

  <div class="bfb-example">
    <div class="tag">ตัวอย่างการคำนวณ (กรณีทั่วไป)</div>
    <table>
      <tr><td>แพ็กเกจ</td><td>499 บาท/เดือน</td></tr>
      <tr><td>รอบบิลตัดวันที่ 30 (เดือนนั้นมี 30 วัน)</td><td>30 วัน</td></tr>
      <tr><td>ติดตั้งเสร็จวันที่ 27 → ใช้งานจริง</td><td>3 วัน</td></tr>
      <tr><td>คำนวณ: (3 × 499) ÷ 30</td><td>≈ 50 บาท</td></tr>
      <tr class="result"><td>ค่าบริการงวดแรก (ยังไม่รวม VAT)</td><td>≈ 50 บาท</td></tr>
    </table>
  </div>

  <p class="bfb-note">
    บิลใบแรกจริงจะรวมค่าบริการตามสัดส่วนวัน (≈ 50 บาท ในตัวอย่างนี้) บวกกับค่าบริการเต็มเดือนของรอบถัดไป (499 บาท) และ VAT 7% เข้าด้วยกัน จึงดูเป็นยอดสูงกว่าบิลปกติในเดือนถัดๆ ไปเล็กน้อย แต่ส่วนที่เพิ่มมาจริงมักอยู่ที่ประมาณ 40-80 บาทเท่านั้น ไม่ใช่ยอดที่น่าตกใจ<br>
    ข้อมูลอ้างอิงจากหน้าทางการของทรู: <a href="https://www.true.th/help/billing/check-bill/billing-howto-check-first-bill-true-online" target="_blank" rel="noopener">true.th - วิธีดูบิลใบแรก TrueOnline</a>
  </p>

  <div class="bfb-cta">
    <a href="https://line.me/R/ti/p/@truebest" target="_blank" rel="noopener">แอดไลน์สอบถามเรื่องบิล @truebest</a>
    <p>ไม่แน่ใจว่าบิลใบแรกของคุณถูกต้องไหม ทักไลน์ให้เจ้าหน้าที่ช่วยตรวจสอบได้ฟรี</p>
  </div>
</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>โปรเน็ตบ้านทรู CYOD</title>
		<link>https://fibernet-hispeed.com/true-cyod-promo/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Wed, 02 Sep 2026 07:35:05 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=6203</guid>

					<description><![CDATA[โปรเน็ตบ้านทรู CYOD ใช้เราเตอร์ของตัวเอง เริ่ม 599 บาท/เดือน อิสระใหม่ของการเลือกเราเตอร์มาใช้งานได้เอง โปรเน็ตบ้าน CYOD (CYOD1) ราคา 599 บาท (รวมภาษี 640.93 บาท) ได้รับ กล่อง CYOD Converter [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6203" class="elementor elementor-6203" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5a8cf2e e-flex e-con-boxed e-con e-parent" data-id="5a8cf2e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-386241a elementor-widget elementor-widget-image" data-id="386241a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="893" height="1024" src="https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD-893x1024.webp" class="attachment-large size-large wp-image-6208" alt="โปรเน็ตบ้านทรู-CYOD" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD-893x1024.webp 893w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD-262x300.webp 262w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD-768x880.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD-1340x1536.webp 1340w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD-1787x2048.webp 1787w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD.webp 1920w" sizes="(max-width: 893px) 100vw, 893px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-0a31905 e-flex e-con-boxed e-con e-parent" data-id="0a31905" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-eaaf7d4 elementor-widget elementor-widget-html" data-id="eaaf7d4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดโปรโมชั่น TrueOnline เน็ตบ้านทรู CYOD (Choose Your Own Device)
  อิสระใหม่ของการเลือกเราเตอร์มาใช้งานได้เอง (CYOD1-CYOD2)
  ใช้โครงสร้าง/สไตล์เดียวกับ ami-howto-section.html / wifi7-howto-section.html
  ทุกจุด (ราคา/สปีด/ของแถม 2 คอลัมน์, ปุ่มสมัคร)

  ✅ ตรวจ VAT แล้ว ยืนยันกับผู้ใช้และแก้ให้ตรงกับราคาที่แจ้ง:
     CYOD1: 599×1.07=640.93 (ของเดิมพิมพ์ผิดเป็น 642.93)
     CYOD2: 999×1.07=1,068.93 (ของเดิมพิมพ์ผิดเป็น 642.93 ก็อปมาจาก CYOD1)
  (อัปเดต) เพิ่มปุ่ม "ดูภาพโปรเพิ่มเติม" แบบ lightbox ด้วยรูปที่ส่งมาเพิ่มแล้ว
========================================================= -->

<style>
.cy-howto{ font-family:'Prompt','IBM Plex Sans Thai',sans-serif; max-width:680px; margin:0 auto; padding:30px 26px; background:#fff; border-radius:16px; color:#333333; }
.cy-howto *{ box-sizing:border-box; }
.cy-howto-header{ text-align:center; margin-bottom:26px; }
.cy-howto-title{ font-size:28px; font-weight:700; margin:0 0 6px; color:#222222; line-height:1.4; }
.cy-howto-gradient{ background:linear-gradient(90deg,#00A3FF,#FF3366); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

.cy-block{ padding:26px 0; }
.cy-block:first-of-type{ padding-top:0; }

.cy-row{ display:flex; gap:26px; margin-bottom:16px; }
.cy-left{ flex:0 0 220px; }
.cy-right{ flex:1; min-width:0; }

.cy-head{ font-size:15.5px; font-weight:700; color:#222; margin:0 0 6px; line-height:1.5; }
.cy-price-line{ font-size:16px; font-weight:700; color:#222; margin:0 0 2px; }
.cy-price-line .cy-price{ color:#007bff; }
.cy-vat{ font-size:12.5px; color:#888; margin:0 0 12px; }
.cy-contract{ font-size:14px; color:#444; margin:0 0 4px; }

.cy-list{ list-style:none; padding:0; margin:0; }
.cy-list li{ font-size:14px; color:#444; position:relative; padding-left:16px; line-height:1.7; margin-bottom:8px; }
.cy-list li::before{ content:''; position:absolute; left:0; top:8px; width:6px; height:6px; background:#e60000; border-radius:50%; }
.cy-list li small{ display:block; font-size:12px; color:#888; margin-top:2px; }

.cy-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.cy-cta{ flex:1; min-width:150px; text-align:center; background:linear-gradient(90deg,#00A3FF,#FF3366); color:#ffffff !important; padding:12px; border-radius:50px; text-decoration:none; font-weight:600; font-size:14px; box-shadow:0 4px 10px rgba(255,51,102,0.3); transition:box-shadow .3s ease; }
.cy-cta:hover{ box-shadow:0 6px 15px rgba(255,51,102,0.5); }
.cy-view{ flex:1; min-width:150px; text-align:center; background:#F4F6F8; color:#444 !important; padding:12px; border-radius:50px; font-family:inherit; text-decoration:none; font-weight:600; font-size:14px; border:1px solid #e5e7eb; cursor:pointer; transition:background .2s ease; }
.cy-view:hover{ background:#eceef2; }

.cy-divider{ border:0; height:3px; background:linear-gradient(90deg,#00A3FF,#FF3366); opacity:.35; border-radius:3px; margin:0; }

.cy-lightbox{ position:fixed; inset:0; background:rgba(0,0,0,0.75); display:none; flex-direction:column; align-items:center; justify-content:center; padding:70px 16px 24px; z-index:999; touch-action:none; }
.cy-lightbox.open{ display:flex; }
.cy-lightbox img{ max-width:100%; max-height:100%; border-radius:12px; display:block; touch-action:pinch-zoom; }
.cy-lightbox #cyLightboxLink{ display:block; max-width:100%; max-height:100%; line-height:0; }
.cy-lightbox-close{ position:fixed; top:14px; right:14px; width:44px; height:44px; border-radius:50%; background:#fff; border:none; display:flex; align-items:center; justify-content:center; color:#333; font-size:20px; font-weight:700; line-height:1; cursor:pointer; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.3); touch-action:manipulation; }

.cy-note{ font-size:11.5px; color:#9ca3af; text-align:center; margin-top:22px; line-height:1.7; }

@media(max-width:600px){
  .cy-howto{ padding:20px 16px; }
  .cy-howto-title{ font-size:22px; }
  .cy-row{ flex-direction:column; gap:12px; }
  .cy-left{ flex:none; }

  .cy-lightbox{ padding:70px 24px 40px; }
  .cy-lightbox img{ max-width:88%; max-height:65vh; }
  .cy-lightbox-close{ top:56px; right:20px; }
}
</style>

<div class="cy-howto">

  <div class="cy-howto-header">
    <h1 class="cy-howto-title">โปรเน็ตบ้านทรู CYOD ใช้เราเตอร์ของตัวเอง เริ่ม 599 บาท/เดือน</h1>
    <p style="font-size:15px; color:#666; margin-top:6px;">อิสระใหม่ของการเลือกเราเตอร์มาใช้งานได้เอง</p>
  </div>

  <!-- CYOD1 -->
  <div class="cy-block">
    <div class="cy-row">
      <div class="cy-left">
        <p class="cy-head">โปรเน็ตบ้าน CYOD (CYOD1)</p>
        <p class="cy-price-line">ราคา <span class="cy-price">599</span> บาท</p>
        <p class="cy-vat">(รวมภาษี 640.93 บาท)</p>
      </div>
      <div class="cy-right">
        <ul class="cy-list">
          <li>ได้รับ กล่อง CYOD Converter Pro True Gigatex ความเร็ว 1000/500 Mbps ไม่จำกัด <small>รองรับการใช้งาน Bridge Mode</small></li>
          <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
        </ul>
      </div>
    </div>
    <p class="cy-contract">(สัญญา 2 ปี)</p>
    <div class="cy-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้าน CYOD (CYOD1)" target="_blank" rel="noopener" class="cy-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="cy-view" onclick="cyOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD1_0.webp','CYOD1')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>
  <hr class="cy-divider">

  <!-- CYOD2 -->
  <div class="cy-block">
    <div class="cy-row">
      <div class="cy-left">
        <p class="cy-head">โปรเน็ตบ้าน CYOD (CYOD2)</p>
        <p class="cy-price-line">ราคา <span class="cy-price">999</span> บาท</p>
        <p class="cy-vat">(รวมภาษี 1,068.93 บาท)</p>
      </div>
      <div class="cy-right">
        <ul class="cy-list">
          <li>ได้รับ กล่อง CYOD Converter Pro True Gigatex ความเร็ว 2000/500 Mbps ไม่จำกัด <small>รองรับการใช้งาน Bridge Mode</small></li>
          <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
        </ul>
      </div>
    </div>
    <p class="cy-contract">(สัญญา 2 ปี)</p>
    <div class="cy-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้าน CYOD (CYOD2)" target="_blank" rel="noopener" class="cy-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="cy-view" onclick="cyOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/09/โปรเน็ตบ้านทรู-CYOD2_0.webp','CYOD2')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>

  <p class="cy-note">CYOD (Choose Your Own Device) — กล่อง Converter Pro รองรับ Bridge Mode ให้ลูกค้านำเราเตอร์ของตัวเองมาต่อใช้งานได้อิสระ</p>

</div>

<div class="cy-lightbox" id="cyLightbox">
  <button type="button" class="cy-lightbox-close" aria-label="ปิด">✕</button>
  <a id="cyLightboxLink" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">
    <img decoding="async" id="cyLightboxImg" src="" alt="ภาพโปรโมชั่นเต็ม">
  </a>
</div>

<script>
function cyOpenLightbox(src, code){
  document.getElementById('cyLightboxImg').src = src;
  var link = document.getElementById('cyLightboxLink');
  link.href = code ? 'https://line.me/R/msg/text/?' + encodeURIComponent('สนใจสมัครโปร โปรเน็ตบ้าน CYOD (' + code + ')') : 'https://lin.ee/UtX10gR';
  document.getElementById('cyLightbox').classList.add('open');
}
function cyCloseLightbox(){
  document.getElementById('cyLightbox').classList.remove('open');
}
(function(){
  var box = document.getElementById('cyLightbox');
  box.addEventListener('click', function(e){
    if(e.target === box) cyCloseLightbox();
  });
  box.querySelector('.cy-lightbox-close').addEventListener('click', function(e){
    e.preventDefault();
    cyCloseLightbox();
  });
  document.addEventListener('keydown', function(e){ if(e.key === 'Escape') cyCloseLightbox(); });
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-38c14ba e-flex e-con-boxed e-con e-parent" data-id="38c14ba" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-985031d elementor-widget elementor-widget-image" data-id="985031d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="300" height="214" src="https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอนอุปกรณ์-CYOD_0-300x214.webp" class="attachment-medium size-medium wp-image-6405" alt="ไอคอนอุปกรณ์ CYOD_0" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอนอุปกรณ์-CYOD_0-300x214.webp 300w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอนอุปกรณ์-CYOD_0-768x547.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอนอุปกรณ์-CYOD_0.webp 888w" sizes="(max-width: 300px) 100vw, 300px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-03ac1ef e-flex e-con-boxed e-con e-parent" data-id="03ac1ef" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-460923c elementor-widget elementor-widget-image" data-id="460923c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="298" height="300" src="https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอน-อุปกรณ์-CYOD_0-298x300.webp" class="attachment-medium size-medium wp-image-6404" alt="ไอคอน อุปกรณ์ CYOD_0" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอน-อุปกรณ์-CYOD_0-298x300.webp 298w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอน-อุปกรณ์-CYOD_0-150x150.webp 150w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอน-อุปกรณ์-CYOD_0.webp 760w" sizes="(max-width: 298px) 100vw, 298px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-41c8c31 e-flex e-con-boxed e-con e-parent" data-id="41c8c31" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-68c23ca elementor-widget elementor-widget-image" data-id="68c23ca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="300" height="233" src="https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอนอุปกรณ์-CYOD-3_0-300x233.webp" class="attachment-medium size-medium wp-image-6406" alt="ไอคอนอุปกรณ์ CYOD 3_0" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอนอุปกรณ์-CYOD-3_0-300x233.webp 300w, https://fibernet-hispeed.com/wp-content/uploads/2026/09/ไอคอนอุปกรณ์-CYOD-3_0.webp 604w" sizes="(max-width: 300px) 100vw, 300px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-785f918 e-flex e-con-boxed e-con e-parent" data-id="785f918" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f3d9cd6 elementor-widget elementor-widget-html" data-id="f3d9cd6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  บล็อกอินโทร (ข้อความนำ + ปุ่ม LINE + ใครเหมาะกับโปรนี้) สำหรับหน้าโปร CYOD
  ใช้คู่กับ cyod-howto-section.html (การ์ด CYOD1-CYOD2) / cyod-compare-section.html
  โครงสร้าง/CSS/เอฟเฟกทั้งหมดคัดลอกจาก internet-only-tiers-section.html (sa-intro-card)
  ทุกจุดตามไฟล์ตัวอย่างที่ส่งมา เปลี่ยนแค่เนื้อหาให้อธิบาย CYOD และกลุ่มที่เหมาะ

  ราคา/สปีดอ้างอิงจาก cyod-howto-section.html ที่มีอยู่แล้ว:
   CYOD1 599 บาท (รวมภาษี 640.93) — 1000/500 Mbps · สัญญา 2 ปี
   CYOD2 999 บาท (รวมภาษี 1,068.93) — 2000/500 Mbps · สัญญา 2 ปี
   ทั้งสองราคาไม่มีโปรเดือนแรกลด (คนละแบบกับโปร SA1) จึงไม่ใส่ราคา "เดือนแรก" ในนี้

  ⚠️ กล่อง CYOD Converter Pro เป็นตัวแปลงสัญญาณรองรับ Bridge Mode เท่านั้น
     (ให้ลูกค้าต่อเราเตอร์ของตัวเองต่อ) จึงเน้นย้ำในข้อ 4 ว่าโปรนี้ไม่แถม Wi-Fi
     มาให้ในตัว ต้องมีเราเตอร์ของตัวเองอยู่แล้ว — ไม่มีข้อมูลอื่นในไฟล์ต้นทาง
     เพิ่มเติมเรื่องสเปกกล่อง จึงอิงตามคำอธิบาย Bridge Mode ที่มีอยู่แล้วเท่านั้น
========================================================= -->

<style>
    @keyframes cyiLineBtnPulse{
      0%,100%{ transform:scale(1); }
      50%{ transform:scale(1.06); }
    }
    .cyi-line-btn {
        display: inline-block;
        background-color: #06C755;
        color: #ffffff !important;
        padding: 14px 30px;
        border-radius: 30px;
        font-family: 'Prompt', sans-serif;
        font-weight: 600;
        font-size: 16px;
        text-decoration: none;
        box-shadow: 0 8px 22px rgba(6,199,85,0.28);
        transition: box-shadow 0.3s ease;
        animation: cyiLineBtnPulse 1.1s ease-in-out infinite;
    }
    .cyi-line-btn:hover {
        box-shadow: 0 10px 26px rgba(6,199,85,0.45);
    }
    @media (prefers-reduced-motion: reduce){
        .cyi-line-btn{ animation: none; }
    }

    .cyi-intro-card{ position:relative; overflow:hidden; }
    .cyi-intro-card::before{
        content:""; position:absolute; top:0; left:0; right:0; height:6px;
        background:linear-gradient(90deg,#00A3FF,#FF3366);
    }
    .cyi-gradient-text{
        background:linear-gradient(90deg,#00A3FF,#FF3366);
        -webkit-background-clip:text; background-clip:text;
        -webkit-text-fill-color:transparent; color:transparent;
    }
    .cyi-highlight-box{
        background:linear-gradient(135deg,#eaf4ff 0%,#fff0f5 100%);
        border-left:5px solid transparent;
        border-image:linear-gradient(180deg,#00A3FF,#FF3366) 1;
    }
    .cyi-num-badge{
        background:linear-gradient(135deg,#00A3FF,#FF3366);
        color:#ffffff;
    }
    .cyi-highlight-grid{
        display:grid;
        grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
        gap:20px;
    }

    @media(max-width:600px){
        .cyi-intro-card{ padding:26px 18px !important; margin:24px auto !important; }
        .cyi-highlight-box{ padding:18px !important; }
        .cyi-highlight-grid{ grid-template-columns:1fr; gap:16px; }
    }
</style>

<div class="cyi-intro-card" style="font-family: 'Prompt', sans-serif; max-width: 900px; margin: 40px auto; padding: 40px 30px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); color: #333333; line-height: 1.6;">

    <!-- ส่วนหัว (Header) -->
    <div style="text-align: center; margin-bottom: 30px;">
        <h1 class="cyi-gradient-text" style="font-size: 28px; font-weight: 700; margin-bottom: 10px; line-height: 1.4;">
            โปรเน็ตบ้านทรู CYOD
        </h1>
        <h2 style="color: #555555; font-size: 18px; font-weight: 600; margin-top: 0; line-height: 1.5;">
            เลือกเราเตอร์เอง อิสระเต็มที่ (Choose Your Own Device)<br>
            <span style="color: #e60000;">อัปเดตล่าสุด 2026 | ติดตั้งฟรี ทั่วประเทศ</span>
        </h2>
    </div>

    <!-- บทนำ (Intro) -->
    <p style="font-size: 16px; text-align: center; margin-bottom: 25px; color: #444444;">
        โปร CYOD (Choose Your Own Device) เหมาะกับคนที่<strong>มีเราเตอร์หรือระบบ Mesh WiFi ของตัวเองอยู่แล้ว และไม่อยากใช้เราเตอร์มาตรฐานที่แถมมากับแพ็กเกจทั่วไป</strong> ทรูออนไลน์จึงให้กล่อง CYOD Converter Pro ที่รองรับ <strong>Bridge Mode</strong> แปลงสัญญาณไฟเบอร์ให้ต่อเข้ากับเราเตอร์ส่วนตัวได้โดยตรง ไม่ต้องผ่านเราเตอร์ของทรูก่อน<br><br>
        เลือกได้ 2 ระดับความเร็ว เริ่มต้น <strong>599 บาท/เดือน (1000/500 Mbps)</strong> และ <strong>999 บาท/เดือน (2000/500 Mbps)</strong> สัญญา 2 ปี
    </p>

    <!-- ปุ่ม CTA (LINE) -->
    <div style="text-align: center; margin-bottom: 40px;">
        <a href="https://line.me/R/ti/p/@truebest" target="_blank" class="cyi-line-btn" rel="noopener">
            สนใจสมัครโปรนี้พร้อมรับส่วนลด
        </a>
    </div>

    <!-- Section 1: ใครเหมาะกับโปรนี้ -->
    <div class="cyi-highlight-box" style="padding: 25px; border-radius: 8px; margin-bottom: 0; box-shadow: 0 4px 15px rgba(0,0,0,0.02);">
        <h3 class="cyi-gradient-text" style="font-size: 20px; font-weight: 700; margin-top: 0; margin-bottom: 20px; text-align: center;">
            ✨ ใครเหมาะกับโปร CYOD บ้าง
        </h3>

        <div class="cyi-highlight-grid">

            <div style="display: flex; align-items: flex-start; gap: 15px;">
                <div class="cyi-num-badge" style="width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; font-size: 16px;">1</div>
                <div>
                    <strong style="color: #333333; font-size: 16px;">มีเราเตอร์หรือ Mesh WiFi ของตัวเองอยู่แล้ว:</strong><br>
                    <span style="font-size: 14px; color: #666666;">ไม่อยากเปลี่ยนไปใช้เราเตอร์มาตรฐาน อยากต่อเราเตอร์ที่ถูกใจหรือระบบ Mesh ที่มีอยู่แล้วเข้ากับเน็ตทรูโดยตรง</span>
                </div>
            </div>

            <div style="display: flex; align-items: flex-start; gap: 15px;">
                <div class="cyi-num-badge" style="width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; font-size: 16px;">2</div>
                <div>
                    <strong style="color: #333333; font-size: 16px;">สายไอที ต้องการตั้งค่าเครือข่ายเอง:</strong><br>
                    <span style="font-size: 14px; color: #666666;">ต้องการควบคุมการตั้งค่า Firewall, VPN หรือแบ่ง VLAN เองผ่านเราเตอร์ของตัวเอง ผ่านโหมด Bridge Mode ที่กล่อง CYOD รองรับ</span>
                </div>
            </div>

            <div style="display: flex; align-items: flex-start; gap: 15px;">
                <div class="cyi-num-badge" style="width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; font-size: 16px;">3</div>
                <div>
                    <strong style="color: #333333; font-size: 16px;">ไม่อยากเจอปัญหา Double NAT:</strong><br>
                    <span style="font-size: 14px; color: #666666;">ต่อเราเตอร์ส่วนตัวเข้ากับกล่อง Bridge Mode โดยตรง ไม่ต้องซ้อนเราเตอร์สองตัว ลดปัญหาเรื่องเกม เซิร์ฟเวอร์ หรือกล้องวงจรปิดมองไม่เห็นอุปกรณ์กัน</span>
                </div>
            </div>

            <div style="display: flex; align-items: flex-start; gap: 15px;">
                <div class="cyi-num-badge" style="width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; font-size: 16px;">4</div>
                <div>
                    <strong style="color: #333333; font-size: 16px;">ต้องมีเราเตอร์ของตัวเองพร้อมอยู่แล้ว:</strong><br>
                    <span style="font-size: 14px; color: #666666;">กล่อง CYOD Converter Pro ทำหน้าที่แปลงสัญญาณผ่าน Bridge Mode เท่านั้น ไม่ได้ปล่อย Wi-Fi ในตัว จึงเหมาะกับคนที่มีเราเตอร์ใช้งานอยู่แล้ว ไม่ใช่คนที่กำลังมองหาเราเตอร์ใหม่</span>
                </div>
            </div>

        </div>
    </div>

</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-de9b136 e-flex e-con-boxed e-con e-parent" data-id="de9b136" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7c61477 elementor-widget elementor-widget-html" data-id="7c61477" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
  @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

  .fnhs-offer{
    --red:#E5231B; --red-soft:#FFF1F0; --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED;
    font-family:'IBM Plex Sans Thai',sans-serif;
  }
  .fnhs-offer *{ box-sizing:border-box; }

  .fnhs-offer .fnh-special-offer-container{
    max-width:800px; margin:20px auto; padding:30px 20px; background:#ffffff;
    border-radius:24px; box-shadow:0 8px 25px rgba(0,0,0,0.08); border:1px solid var(--line);
    text-align:center;
  }
  .fnhs-offer .fnh-offer-header{
    font-family:'Kanit'; font-size:24px; color:var(--red); font-weight:700; margin-bottom:20px; line-height:1.4;
  }

  .fnhs-offer .fnh-benefits-wrapper{
    max-width:350px; margin:0 auto 20px; display:flex; flex-direction:column; gap:12px;
  }

  .fnhs-offer .fnh-benefit-item{
    display:flex; align-items:center; background:var(--red-soft); padding:12px 20px;
    border-radius:50px; font-size:16px; font-weight:600; color:var(--ink);
    border:1px solid #FFDAD6; opacity:0; transform:translateY(10px);
    animation:fnhsFadeInUp 0.5s ease forwards; cursor:pointer; width:100%;
    text-align:left; font-family:inherit; transition:background 0.15s ease, transform 0.15s ease;
  }
  .fnhs-offer .fnh-benefit-item:hover{ background:#FFE4E1; transform:translateY(-1px); }
  .fnhs-offer .fnh-benefit-item:active{ transform:translateY(0); }

  .fnhs-offer .fnh-benefit-item .info-hint{
    margin-left:auto; font-size:12px; color:var(--red); font-weight:700; flex-shrink:0; padding-left:8px;
  }
  .fnhs-offer .fnh-benefit-item:nth-child(1){ animation-delay:0.05s; }
  .fnhs-offer .fnh-benefit-item:nth-child(2){ animation-delay:0.15s; }
  .fnhs-offer .fnh-benefit-item:nth-child(3){ animation-delay:0.25s; }
  .fnhs-offer .fnh-benefit-item:nth-child(4){ animation-delay:0.35s; }

  @keyframes fnhsFadeInUp{ to{ opacity:1; transform:translateY(0); } }

  @media (prefers-reduced-motion: reduce){
    .fnhs-offer .fnh-benefit-item{ animation:none; opacity:1; transform:none; }
  }

  .fnhs-offer .fnh-plus-icon{
    display:flex; align-items:center; justify-content:center; width:24px; height:24px;
    background:var(--red); color:#fff; border-radius:50%; font-size:18px; font-weight:bold;
    margin-right:12px; flex-shrink:0;
  }

  .fnhs-offer .fnh-highlight-free{ color:var(--red); font-weight:800; margin-right:4px; }

  .fnhs-offer .fnh-condition-text{
    font-size:12.5px; color:var(--muted); margin-bottom:8px; line-height:1.6;
    max-width:460px; margin-left:auto; margin-right:auto;
  }
  /* เปลี่ยนสีเป็นไล่สีเดียวกับปุ่มการ์ดโปร (#00A3FF -> #FF3366)
     ตัวหนังสือใช้ background-clip:text ให้เป็นไล่สีจริง
     เส้นใต้ตอนชี้ใช้ border-image (เส้นตรงธรรมดา ไม่มีปัญหาโค้งมนแบบปุ่ม) */
  .fnhs-offer .fnh-condition-link{
    display:inline-block; font-size:12.5px; font-weight:600;
    text-decoration:none; margin-bottom:25px;
    color:#0B84C4;
    background:linear-gradient(90deg,#00A3FF,#FF3366);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    border-bottom:1px solid transparent;
  }
  .fnhs-offer .fnh-condition-link:hover{
    border-image:linear-gradient(90deg,#00A3FF,#FF3366) 1;
  }
  .fnhs-offer .fnh-contact-intro{ font-size:15px; color:var(--muted); margin-bottom:15px; }

  .fnhs-offer .fnh-contact-actions{
    display:flex; flex-direction:column; gap:15px; align-items:center; flex-wrap:wrap;
  }
  .fnhs-offer .fnh-btn-contact{
    display:flex; align-items:center; justify-content:center; width:100%; max-width:320px;
    padding:15px 25px; border-radius:50px; font-family:'Kanit'; font-size:16px; font-weight:600;
    text-decoration:none; color:#ffffff; box-shadow:0 4px 10px rgba(0,0,0,0.15); border:none;
  }

  .fnhs-offer .fnh-btn-line-app{
    background:linear-gradient(135deg,#06C755,#05a346);
    animation:fnhsPulseOffer 2s infinite ease-in-out;
  }

  .fnhs-offer .fnh-btn-call-app{ background:linear-gradient(135deg,var(--red),#B81A14); }

  .fnhs-offer .fnh-btn-repair-app{
    background:#ffffff; color:#f57c00; border:2px solid #f57c00; box-shadow:none;
  }

  @keyframes fnhsPulseOffer{ 0%{ transform:scale(1); } 50%{ transform:scale(1.03); } 100%{ transform:scale(1); } }
  @media (prefers-reduced-motion: reduce){ .fnhs-offer .fnh-btn-line-app{ animation:none; } }

  @media (min-width:768px){
    .fnhs-offer .fnh-btn-contact{ width:auto; min-width:250px; }
    .fnhs-offer .fnh-contact-actions{ flex-direction:row; justify-content:center; }
  }
/* ป๊อปอัพรายละเอียดสิทธิ์ */
  .fnhs-offer .fnh-benefit-modal-overlay{
    display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:1000;
    align-items:center; justify-content:center; padding:20px;
  }
  .fnhs-offer .fnh-benefit-modal-overlay.open{ display:flex; animation:fnhsOverlayFade 0.2s ease; }
  @keyframes fnhsOverlayFade{ from{ opacity:0; } to{ opacity:1; } }

  .fnhs-offer .fnh-benefit-modal{
    background:#ffffff; border-radius:20px; max-width:360px; width:100%; padding:28px 24px;
    text-align:left; font-family:'IBM Plex Sans Thai',sans-serif; position:relative;
    box-shadow:0 15px 40px rgba(0,0,0,0.25); animation:fnhsModalPop 0.2s ease;
  }
  @keyframes fnhsModalPop{ from{ transform:scale(0.92); opacity:0; } to{ transform:scale(1); opacity:1; } }

  .fnhs-offer .fnh-benefit-modal h3{ font-family:'Kanit'; color:var(--red); font-size:19px; margin:0 0 10px; }
  .fnhs-offer .fnh-benefit-modal p{ font-size:14px; color:var(--muted); line-height:1.6; margin:0; }

  .fnhs-offer .fnh-benefit-modal-close{
    position:absolute; top:14px; right:14px; width:28px; height:28px; border-radius:50%;
    background:#F2F2F2; border:none; font-size:16px; color:var(--muted); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
</style>
<div class="fnhs-offer">
  <div class="fnh-special-offer-container">
    <div class="fnh-offer-header">พิเศษ! สมัครเน็ตบ้านทรู<br>วันนี้ รับสิทธิสุดคุ้ม</div>

    <div class="fnh-benefits-wrapper">
      <button type="button" class="fnh-benefit-item" data-benefit="install">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าติดตั้ง
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="registration">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรกเข้า
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="cable">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าสาย
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="labor">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรงช่าง
      </button>
    </div>

    <div class="fnh-condition-text">
      สิทธิ์ฟรีค่าติดตั้ง ค่าเดินสาย และค่าแรงช่าง มีให้ทุกการติดตั้งตามมาตรฐาน ·
      ส่วนค่าแรกเข้ายกเว้นให้เมื่อที่อยู่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าสาธารณูปโภค (ชื่อไม่จำเป็นต้องตรงกัน)
    </div>
    <a class="fnh-condition-link" href="https://fibernet-hispeed.com/true-fee-waiver-promo/">ดูเงื่อนไขฟรีค่าแรกเข้าแบบละเอียด →</a>

    <div class="fnh-contact-intro">พร้อมดูแลและให้คำปรึกษาฟรี ได้ที่</div>

    <div class="fnh-contact-actions">
      <a href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" class="fnh-btn-contact fnh-btn-line-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-line.webp" alt="LINE" style="width:24px;height:24px;margin-right:10px;">
        <span>Add : LINE สมัครรับส่วนลด!</span>
      </a>

      <a href="tel:0909035115" class="fnh-btn-contact fnh-btn-call-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-tel.webp" alt="Phone" style="width:24px;height:24px;margin-right:10px;">
        <span>โทร 090-903-5115 (Sales)</span>
      </a>

      <a href="https://fibernet-hispeed.com/true-home-internet-support/" class="fnh-btn-contact fnh-btn-repair-app">
        <svg viewBox="0 0 24 24" fill="none" stroke="#f57c00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:24px;height:24px;margin-right:10px;">
          <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
        </svg>
        <span>แจ้งซ่อม / เน็ตเสีย</span>
      </a>
    </div>
  </div>

  <!-- ป๊อปอัพรายละเอียดสิทธิ์ -->
  <div class="fnh-benefit-modal-overlay" id="fnhBenefitModalOverlay">
    <div class="fnh-benefit-modal">
      <button type="button" class="fnh-benefit-modal-close" id="fnhBenefitModalClose">✕</button>
      <h3 id="fnhBenefitModalTitle"></h3>
      <p id="fnhBenefitModalText"></p>
    </div>
  </div>
</div>

<script>
    (function () {
  var modalContent = {
    install: {
      title: "ฟรีค่าติดตั้ง",
      text: "ไม่มีค่าใช้จ่ายในการติดตั้งอุปกรณ์หน้างาน มีให้ทุกการติดตั้งตามมาตรฐาน ไม่มีเงื่อนไขพิเศษ"
    },
    registration: {
      title: "ฟรีค่าแรกเข้า",
      text: "ยกเว้นค่าธรรมเนียมแรกเข้า เมื่อที่อยู่ที่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าน้ำ/ค่าไฟ อย่างใดอย่างหนึ่ง โดยชื่อบนเอกสารไม่จำเป็นต้องตรงกับผู้สมัคร ดูรายละเอียดเพิ่มเติมได้ที่หน้าเงื่อนไขฟรีค่าแรกเข้า"
    },
    cable: {
      title: "ฟรีค่าสาย",
      text: "ไม่คิดค่าสายไฟเบอร์ตามระยะทางมาตรฐานการติดตั้ง หากหน้างานต้องเดินสายเกินระยะมาตรฐานมาก เจ้าหน้าที่จะแจ้งให้ทราบก่อนเสมอ ไม่มีการเก็บเพิ่มโดยไม่บอกล่วงหน้า"
    },
    labor: {
      title: "ฟรีค่าแรงช่าง",
      text: "ไม่มีค่าแรงช่างในการเข้าติดตั้ง ช่างมืออาชีพเดินสาย ติดตั้ง และทดสอบสัญญาณให้จนเสถียร โดยไม่มีค่าใช้จ่ายเพิ่ม"
    }
  };

  var overlay = document.getElementById('fnhBenefitModalOverlay');
  var titleEl = document.getElementById('fnhBenefitModalTitle');
  var textEl = document.getElementById('fnhBenefitModalText');
  var closeBtn = document.getElementById('fnhBenefitModalClose');

  document.querySelectorAll('.fnh-benefit-item').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var key = btn.getAttribute('data-benefit');
      var data = modalContent[key];
      if (!data) return;
      titleEl.textContent = data.title;
      textEl.textContent = data.text;
      overlay.classList.add('open');
    });
  });

  function closeModal() { overlay.classList.remove('open'); }

  closeBtn.addEventListener('click', closeModal);
  overlay.addEventListener('click', function (e) {
    if (e.target === overlay) closeModal();
  });
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') closeModal();
  });
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ee52e4e e-flex e-con-boxed e-con e-parent" data-id="ee52e4e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-39128bb elementor-widget elementor-widget-html" data-id="39128bb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ขั้นตอนการสมัครเน็ตบ้าน TrueOnline — วางทับของเดิมได้เลย

  🐞 บั๊กและจุดอ่อนที่แก้

  1. เบอร์โทรกับไลน์เป็นข้อความเปล่า กดไม่ได้
     -> ทำเป็นลิงก์ tel: และ lin.ee
        จุดนี้สำคัญที่สุดในไฟล์นี้ เพราะ section นี้คือจังหวะ
        ที่ลูกค้าพร้อมลงมือแล้ว แต่ต้องมาพิมพ์เบอร์เอง

  2. .text-blue ถูกกำหนดเป็นสีแดง #e60000
     ชื่อ class กับสีไม่ตรงกัน วันหลังแก้จะงง -> ลบทิ้ง

  3. ป้ายขั้นตอนฝั่งขวาใช้ float:right + clear:both
     เป็นเทคนิคเก่าที่พังง่ายเมื่อเนื้อหาเปลี่ยน
     -> เปลี่ยนเป็น flex justify-content:flex-end

  4. รูปมี inline style background:#ddd; min-height:100px
     เป็นค่าที่ค้างมาจากตอนทำ placeholder ทำให้เห็นกล่องเทา
     ตอนรูปยังโหลดไม่เสร็จ -> ย้ายไปคุมด้วย CSS แทน

  5. class ชื่อสามัญ (.step-card .step-list .text-red ฯลฯ)
     เสี่ยงชนกับธีมและบล็อกอื่น -> ใส่ prefix .fnhs-step

  ✅ ปรับให้เข้ากับเว็บ
   • #ff0000 / #e60000 / #009cf0 -> #E5231B ชุดเดียวกับทั้งเว็บ
     (คงสีเขียวไลน์ #06C755 ไว้ เพราะเป็นสีแบรนด์ LINE)
   • Prompt -> Kanit + IBM Plex Sans Thai
   • หัวข้อเป็น kicker แดง + h2 เหมือน section อื่น
   • ตัวหนังสือมือถือ 12px -> 13.5px อ่านง่ายขึ้น

  🎨 สี: เปลี่ยน kicker "ขั้นตอนการสมัคร" เป็นไล่สีเดียวกับปุ่มการ์ดโปร
     (#00A3FF -> #FF3366) ด้วย background-clip:text เหมือนไฟล์อื่นๆ ก่อนหน้า
     ส่วนอื่น (เลขขั้นตอน, จุดหน้าข้อความ, ลิงก์โทร) ไม่ได้ขอเปลี่ยน คงสีแดง/เขียวไลน์เดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-step{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --line-green:#06C755;
  max-width:900px; margin:0 auto; padding:20px;
  font-family:'IBM Plex Sans Thai',sans-serif; color:#3B3D44;
}
.fnhs-step *{ box-sizing:border-box; }

/* ---------- หัวข้อ ---------- */
.fnhs-step .step-head{ text-align:center; margin-bottom:42px; }
.fnhs-step .step-kicker{
  display:table; margin:0 auto 8px;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px;
  color:#0B84C4;
  background:linear-gradient(90deg,#00A3FF,#FF3366);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.fnhs-step .step-title{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(21px,3.4vw,30px); color:var(--ink);
  margin:0 0 8px; line-height:1.35;
}
.fnhs-step .step-title .t-true{ color:var(--red); }
.fnhs-step .step-title .t-online{ color:#007bff; }
.fnhs-step .step-sub{ font-size:15px; color:var(--muted); margin:0; }

/* ---------- การ์ดแต่ละขั้นตอน ---------- */
.fnhs-step .step-card{
  display:flex; align-items:center; gap:36px;
  margin-bottom:44px;
}
.fnhs-step .step-card.reverse{ flex-direction:row-reverse; }

.fnhs-step .step-visual{ flex:1; min-width:0; }

/* แถวป้าย — ใช้ flex แทน float ที่พังง่าย */
.fnhs-step .badge-row{ display:flex; }
.fnhs-step .step-card.reverse .badge-row{ justify-content:flex-end; }

.fnhs-step .step-badge{
  display:inline-flex; align-items:center;
  background:#fff;
  border:2px solid var(--line); border-bottom:none;
  padding:9px 18px;
  border-radius:16px 16px 0 0;
  font-family:'Kanit'; font-size:17px; font-weight:600; color:var(--ink);
  position:relative; z-index:2; margin-bottom:-2px;
  white-space:nowrap;
}
.fnhs-step .step-badge .num{
  font-family:'Kanit'; font-size:24px; font-weight:700;
  color:var(--red); margin-right:9px; line-height:1;
}

.fnhs-step .step-image-box{
  border:2px solid var(--line);
  border-radius:0 16px 16px 16px;
  overflow:hidden; background:var(--panel);
  min-height:180px;
  display:flex; align-items:center; justify-content:center;
}
.fnhs-step .step-card.reverse .step-image-box{ border-radius:16px 0 16px 16px; }
.fnhs-step .step-image-box img{
  width:100%; height:auto; display:block; object-fit:cover;
}

/* ---------- ฝั่งข้อความ ---------- */
.fnhs-step .step-details{ flex:1; min-width:0; }
.fnhs-step .step-list{ list-style:none; padding:0; margin:0; }
.fnhs-step .step-list li{
  font-size:17px; color:#3B3D44; line-height:1.65;
  position:relative; padding-left:24px;
}
.fnhs-step .step-list li + li{ margin-top:12px; }
.fnhs-step .step-list li::before{
  content:''; position:absolute; left:0; top:11px;
  width:8px; height:8px; background:var(--red); border-radius:50%;
}

.fnhs-step .t-line{
  color:var(--line-green); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-line:hover{ border-bottom-color:var(--line-green); }
.fnhs-step .t-tel{
  color:var(--red); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-tel:hover{ border-bottom-color:var(--red); }
.fnhs-step .t-red{ color:var(--red); font-weight:600; }

/* ---------- มือถือ ---------- */
@media (max-width:768px){
  .fnhs-step{ padding:10px; }
  .fnhs-step .step-head{ margin-bottom:28px; }
  .fnhs-step .step-sub{ font-size:13.5px; }

  .fnhs-step .step-card{ gap:14px; margin-bottom:28px; }

  .fnhs-step .step-badge{
    font-size:13px; padding:5px 11px; border-width:1px;
  }
  .fnhs-step .step-badge .num{ font-size:17px; margin-right:6px; }

  .fnhs-step .step-image-box{ min-height:90px; border-width:1px; }

  .fnhs-step .step-list li{
    font-size:13.5px; padding-left:16px; line-height:1.6;
  }
  .fnhs-step .step-list li + li{ margin-top:9px; }
  .fnhs-step .step-list li::before{ top:7px; width:6px; height:6px; }
}

@media (prefers-reduced-motion: reduce){
  .fnhs-step .t-line, .fnhs-step .t-tel{ transition:none; }
}
</style>


<div class="fnhs-step">

  <div class="step-head">
    <div class="step-kicker">ขั้นตอนการสมัคร</div>
    <h2 class="step-title">สมัครเน็ตบ้าน <span class="t-true">True</span><span class="t-online">Online</span></h2>
    <p class="step-sub">4 ขั้นตอนง่ายๆ เริ่มได้เลยวันนี้ ไม่ต้องเดินทางไปศูนย์</p>
  </div>

  <!-- ขั้นที่ 1 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">1.</span> แอดไลน์ @truebest</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-1.webp" alt="แอดไลน์ @truebest เพื่อสมัครเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>
          แอดไลน์ <a class="t-line" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">@truebest</a>
          เพื่อเริ่มต้นการสมัคร หรือโทร
          <a class="t-tel" href="tel:0909035115">090-903-5115</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 2 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">2.</span> ตรวจสอบพื้นที่</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-2.webp" alt="ตรวจสอบพื้นที่ให้บริการเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>ส่ง <span class="t-red">Location</span> และพิมพ์รายละเอียดที่อยู่ เพื่อตรวจสอบพื้นที่ติดตั้ง</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 3 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">3.</span> เลือกโปรโมชั่น</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-3.webp" alt="เลือกโปรโมชั่นเน็ตบ้านทรูที่เหมาะกับบ้าน">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกแพ็กเกจที่ต้องการ หรือแจ้งลักษณะการใช้งาน เพื่อให้เจ้าหน้าที่แนะนำแพ็กเกจที่เหมาะสม</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 4 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">4.</span> ส่งเอกสาร</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-4.webp" alt="ส่งเอกสารยืนยันตัวตนและนัดหมายวันติดตั้ง">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกวันและเวลานัดหมาย เพื่อให้ทีมช่างเข้าติดตั้ง</li>
        <li>ส่งเอกสารยืนยันตัวตน พร้อมแจ้งเบอร์ติดต่อ</li>
      </ul>
    </div>
  </div>

</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-560d905 e-flex e-con-boxed e-con e-parent" data-id="560d905" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b6af3fe elementor-widget elementor-widget-html" data-id="b6af3fe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    .banner-container {
        border-radius: 20px; /* ปรับความมน */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* เงาสวย */
        overflow: hidden; /* ทำให้รูปโค้งตามขอบ */
        display: block;
        transition: transform 0.3s ease;
    }
    
    .banner-container img {
        width: 100%;
        height: auto;
        display: block;
    }

    .banner-container:hover {
        transform: translateY(-5px); /* ยกตัวขึ้นเมื่อเอาเมาส์ชี้ */
    }
</style>

<a href="https://lin.ee/UtX10gR" class="banner-container" target="_blank" rel="noopener">
    <picture>
      <source media="(max-width: 767px)" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp">
      
      <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp" 
           alt="ติดต่อเจ้าหน้าที่ติดตั้งเน็ตบ้านทรู พร้อมดูแลคุณ ปรึกษาฟรี" 
           loading="lazy">
    </picture>
</a>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-97b43b2 e-flex e-con-boxed e-con e-parent" data-id="97b43b2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1d042f5 elementor-widget elementor-widget-html" data-id="1d042f5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script>
(function(){
  function setup(el){
    var down = false, startX = 0, startScroll = 0, moved = 0;

    el.addEventListener('mousedown', function(e){
      if(e.button !== 0) return;
      down = true; moved = 0;
      startX = e.pageX;
      startScroll = el.scrollLeft;
    });

    window.addEventListener('mousemove', function(e){
      if(!down) return;
      var dist = e.pageX - startX;
      moved = Math.abs(dist);
      if(moved > 4) el.classList.add('is-dragging');
      el.scrollLeft = startScroll - dist;
    });

    window.addEventListener('mouseup', function(){
      if(!down) return;
      down = false;
      setTimeout(function(){ el.classList.remove('is-dragging'); }, 0);
    });

    // หมุนล้อเมาส์แนวตั้ง = เลื่อนการ์ดแนวนอน (เฉพาะตอนยังเลื่อนไม่สุด)
    el.addEventListener('wheel', function(e){
      if(Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
      var max = el.scrollWidth - el.clientWidth;
      if(max <= 0) return;
      var atStart = el.scrollLeft <= 0 && e.deltaY < 0;
      var atEnd   = el.scrollLeft >= max - 1 && e.deltaY > 0;
      if(atStart || atEnd) return;      // สุดแล้วปล่อยให้หน้าเว็บเลื่อนต่อตามปกติ
      e.preventDefault();
      el.scrollLeft += e.deltaY;
    }, { passive:false });
  }

  function init(){
    if(window.matchMedia('(min-width:1025px)').matches){
      document.querySelectorAll('.custom-carousel').forEach(setup);
    }
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1c5153a e-flex e-con-boxed e-con e-parent" data-id="1c5153a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-229f615 elementor-widget elementor-widget-html" data-id="229f615" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ปุ่มลอยข้าง (LINE ซ้าย / โทร ขวา) — ลอยติดขอบจอ ค้างอยู่ตลอดตอนเลื่อนหน้า
  ใช้ไอคอน v2 ที่ทำมาเอง พื้นหลังโปร่งใส เป็นรูปทรงยาว 1500x680px (อัตราส่วน ~2.2:1)
  ต่างจากเวอร์ชันแรกที่เป็นสี่เหลี่ยมจัตุรัส เลยเปลี่ยนกล่องจากสี่เหลี่ยมจัตุรัส
  เป็นทรงยาวตามอัตราส่วนภาพจริง (aspect-ratio:1500/680) แทน:
    - ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v2_0.webp   -> ลอยขอบซ้าย
    - ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp        -> ลอยขอบขวา

  ตั้งความกว้างไว้ที่ 130px บนคอม/แท็บเล็ต และ 110px บนมือถือ (สูงคำนวณตามสัดส่วนภาพ)

  แก้จากรอบก่อน: เดิมตั้งให้ซ่อนบนมือถือ (คิดว่าจะซ้ำกับ quick-action-bar.html
  ที่มี LINE/โทร อยู่แล้ว) ตอนนี้เปลี่ยนใจให้โชว์ทุกขนาดจอตามที่ขอ

  ลิงก์ LINE/เบอร์โทร ใช้ค่าเดียวกับ quick-action-bar.html
========================================================= -->

<style>
  .fnhs-float-side a{
    position:fixed; bottom:24px; z-index:9997;
    display:block; width:130px; height:auto; aspect-ratio:1500/680;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,0.3));
    transition:transform .2s ease, filter .2s ease;
  }
  .fnhs-float-side a:hover{
    transform:translateY(-3px) scale(1.05);
    filter:drop-shadow(0 8px 16px rgba(0,0,0,0.35));
  }
  .fnhs-float-side a img{
    width:100%; height:100%; object-fit:contain; display:block;
  }

  .fnhs-float-side .side-line{ left:18px; }
  .fnhs-float-side .side-call{ right:18px; }

  /* จังหวะเด้งเบาๆ ดึงสายตา ไม่ถี่เกินไปจนรำคาญ */
  .fnhs-float-side a.pulse{ animation:fnhsFloatPulse 2.6s ease-in-out infinite; }
  @keyframes fnhsFloatPulse{
    0%, 100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
  }

  @media (max-width:480px){
    .fnhs-float-side a{ width:110px; bottom:16px; }
    .fnhs-float-side .side-line{ left:12px; }
    .fnhs-float-side .side-call{ right:12px; }
  }

  @media (prefers-reduced-motion: reduce){
    .fnhs-float-side a{ transition:none; }
    .fnhs-float-side a.pulse{ animation:none; }
  }
</style>

<div class="fnhs-float-side">
  <a class="side-line pulse" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" aria-label="แอดไลน์รับส่วนลด">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v3.webp" alt="แอดไลน์รับส่วนลด">
  </a>
  <a class="side-call pulse" href="tel:0909035115" aria-label="โทรปรึกษาฟรี">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp" alt="โทรปรึกษาฟรี">
  </a>
</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-be25d51 e-flex e-con-boxed e-con e-parent" data-id="be25d51" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6b6736d elementor-widget elementor-widget-html" data-id="6b6736d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script>
(function(){
  function setup(el){
    var down = false, startX = 0, startScroll = 0, moved = 0;

    el.addEventListener('mousedown', function(e){
      if(e.button !== 0) return;
      down = true; moved = 0;
      startX = e.pageX;
      startScroll = el.scrollLeft;
    });

    window.addEventListener('mousemove', function(e){
      if(!down) return;
      var dist = e.pageX - startX;
      moved = Math.abs(dist);
      if(moved > 4) el.classList.add('is-dragging');
      el.scrollLeft = startScroll - dist;
    });

    window.addEventListener('mouseup', function(){
      if(!down) return;
      down = false;
      setTimeout(function(){ el.classList.remove('is-dragging'); }, 0);
    });

    // หมุนล้อเมาส์แนวตั้ง = เลื่อนการ์ดแนวนอน (เฉพาะตอนยังเลื่อนไม่สุด)
    el.addEventListener('wheel', function(e){
      if(Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
      var max = el.scrollWidth - el.clientWidth;
      if(max <= 0) return;
      var atStart = el.scrollLeft <= 0 && e.deltaY < 0;
      var atEnd   = el.scrollLeft >= max - 1 && e.deltaY > 0;
      if(atStart || atEnd) return;      // สุดแล้วปล่อยให้หน้าเว็บเลื่อนต่อตามปกติ
      e.preventDefault();
      el.scrollLeft += e.deltaY;
    }, { passive:false });
  }

  function init(){
    if(window.matchMedia('(min-width:1025px)').matches){
      document.querySelectorAll('.custom-carousel').forEach(setup);
    }
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-08cb2e4 e-flex e-con-boxed e-con e-parent" data-id="08cb2e4" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a153346 elementor-widget elementor-widget-html" data-id="a153346" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  คำถามที่พบบ่อย (FAQ) — โปรเน็ตบ้านทรู CYOD (Choose Your Own Device)
  แยกไฟล์จาก cyod-intro-section.html / cyod-howto-section.html
  ปรับรูปแบบให้เหมือนกับ install-prep-faq-section.html / wifi7-faq-section.html /
  ami-faq-section.html ทุกจุด (ไล่สีฟ้า-ชมพู #00A3FF -> #FF3366, ไอคอน +/− ตอนเปิด,
  hover ยกลอยเบาๆ)
========================================================= -->

<style>
    .faq-container {
        --g1:#00A3FF; --g2:#FF3366; --grad:linear-gradient(90deg,var(--g1),var(--g2));
        max-width: 800px;
        margin: 40px auto;
        padding: 0 20px;
        font-family: 'Kanit','IBM Plex Sans Thai', sans-serif;
    }

    /* หัวข้อหลัก FAQ */
    .faq-header {
        font-size: 24px;
        font-weight: 700;
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
        margin-bottom: 20px;
        border-bottom: 3px solid transparent;
        border-image: var(--grad) 1;
        padding-bottom: 10px;
        display: inline-block;
    }

    /* สไตล์ของกล่องคำถามแต่ละข้อ */
    .faq-item {
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 14px;
        margin-bottom: 15px;
        transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
        overflow: hidden;
    }

    .faq-item:hover {
        box-shadow: 0 10px 22px rgba(255,51,102,.12);
        border-color: #ffd7e2;
        transform: translateY(-2px);
    }

    /* ส่วนแถบคำถาม (กดได้) */
    .faq-question {
        padding: 18px 20px;
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
        outline: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .faq-question::-webkit-details-marker {
        display: none;
    }

    .faq-question::after {
        content: '+';
        font-size: 24px;
        font-weight: 400;
        color: #888888;
        transition: transform 0.3s ease, color 0.3s ease;
        margin-left: 15px;
    }

    .faq-question:hover {
        background-color: #fcfcfc;
        color: var(--g2);
    }

    details[open].faq-item {
        border-color: transparent;
        border-image: var(--grad) 1;
    }

    details[open] .faq-question {
        color: var(--g2);
        border-bottom: 1px dashed #e0e0e0;
    }

    details[open] .faq-question::after {
        content: '−';
        color: var(--g2);
        transform: rotate(180deg);
    }

    .faq-answer {
        padding: 20px;
        font-size: 15px;
        color: #555555;
        line-height: 1.6;
        background-color: #fdfdfd;
    }
    .faq-answer strong{
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
    }

    @media (max-width: 768px) {
        .faq-header { font-size: 20px; }
        .faq-question { font-size: 15px; padding: 15px; }
        .faq-answer { font-size: 14px; padding: 15px; }
    }
    @media (prefers-reduced-motion: reduce){
        .faq-item{ transition: none; }
        .faq-item:hover{ transform: none; }
    }
</style>

<div class="faq-container">
    <h2 class="faq-header">คำถามที่พบบ่อย (FAQ) - โปรเน็ตบ้านทรู CYOD</h2>

    <!-- ข้อที่ 1 -->
    <details class="faq-item">
        <summary class="faq-question">1. โปร CYOD คืออะไร ต่างจากโปรเน็ตบ้านทั่วไปยังไง?</summary>
        <div class="faq-answer">
            CYOD ย่อมาจาก <strong>Choose Your Own Device</strong> คือโปรที่ให้กล่อง <strong>CYOD Converter Pro</strong> ซึ่งทำหน้าที่แปลงสัญญาณไฟเบอร์ผ่านโหมด <strong>Bridge Mode</strong> เท่านั้น ไม่ได้ปล่อย Wi-Fi ในตัวเหมือนเราเตอร์มาตรฐานทั่วไป ลูกค้าจึงนำเราเตอร์หรือระบบ Mesh WiFi ของตัวเองมาต่อใช้งานได้อิสระเต็มที่
        </div>
    </details>

    <!-- ข้อที่ 2 -->
    <details class="faq-item">
        <summary class="faq-question">2. โปร CYOD1 กับ CYOD2 ต่างกันตรงไหน?</summary>
        <div class="faq-answer">
            ต่างกันที่ราคาและความเร็ว <strong>CYOD1 ราคา 599 บาท/เดือน</strong> ความเร็ว 1000/500 Mbps ส่วน <strong>CYOD2 ราคา 999 บาท/เดือน</strong> ความเร็ว 2000/500 Mbps ทั้งสองโปรเป็นกล่อง Converter Pro รุ่นเดียวกัน สัญญา 2 ปีเท่ากัน และแถมแอปทรูไอดีรับชม 34 ช่องเหมือนกัน
        </div>
    </details>

    <!-- ข้อที่ 3 -->
    <details class="faq-item">
        <summary class="faq-question">3. จำเป็นต้องมีเราเตอร์ของตัวเองก่อนสมัครไหม?</summary>
        <div class="faq-answer">
            <strong>จำเป็นครับ</strong> เพราะกล่อง CYOD Converter Pro ทำหน้าที่แปลงสัญญาณผ่าน Bridge Mode เท่านั้น ไม่มี Wi-Fi ในตัว หากยังไม่มีเราเตอร์เป็นของตัวเอง แนะนำให้เลือกโปรที่แถมเราเตอร์มาตรฐานแทน เพื่อให้ใช้งาน Wi-Fi ได้ทันทีหลังติดตั้ง
        </div>
    </details>

    <!-- ข้อที่ 4 -->
    <details class="faq-item">
        <summary class="faq-question">4. ใช้เราเตอร์ยี่ห้อไหนก็ได้ไหม มีข้อจำกัดหรือเปล่า?</summary>
        <div class="faq-answer">
            โดยทั่วไปใช้ได้กับเราเตอร์ที่มีพอร์ต WAN มาตรฐานและรองรับการเชื่อมต่อผ่าน Bridge Mode แนะนำให้แจ้งรุ่นเราเตอร์ที่มีอยู่กับเจ้าหน้าที่ก่อนสมัคร เพื่อให้ช่างตรวจสอบความเข้ากันได้ให้แน่ใจก่อนวันติดตั้ง
        </div>
    </details>

    <!-- ข้อที่ 5 -->
    <details class="faq-item">
        <summary class="faq-question">5. สัญญากี่ปี ได้ของแถมอะไรบ้าง?</summary>
        <div class="faq-answer">
            ทั้ง CYOD1 และ CYOD2 เป็นสัญญา <strong>2 ปี</strong> เท่ากัน และแถมฟรี <strong>แอปทรูไอดี รับชมรายการ 34 ช่อง</strong> ผ่านมือถือเหมือนกันทั้งสองโปร
        </div>
    </details>

    <!-- ข้อที่ 6 -->
    <details class="faq-item">
        <summary class="faq-question">6. ติดตั้งฟรีไหม มีค่าแรกเข้าหรือเปล่า?</summary>
        <div class="faq-answer">
            <strong>ติดตั้งฟรีทั่วประเทศ</strong> ส่วนค่าแรกเข้าขึ้นอยู่กับเงื่อนไขพื้นที่ติดตั้งในแต่ละกรณี แนะนำให้สอบถามเจ้าหน้าที่ให้ชัดเจนก่อนสมัคร เพื่อยืนยันว่าที่อยู่ของคุณเข้าเงื่อนไขยกเว้นค่าแรกเข้าหรือไม่
        </div>
    </details>

</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b518f4d e-flex e-con-boxed e-con e-parent" data-id="b518f4d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6a9439c elementor-widget elementor-widget-html" data-id="6a9439c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  เมนูลิงก์หน้าอื่น — ปรับให้เข้ากับสไตล์เว็บแล้ว

  แก้ 3 เรื่อง:

  1. สีไม่เข้ากับเว็บ
     เดิม: พื้นหลังไล่สีน้ำเงิน→ม่วง ซึ่งไม่มีอยู่ในดีไซน์เว็บเลย
     ใหม่: พื้นเทาอ่อน การ์ดขาว ขอบซ้ายแดง ไอคอนในกรอบแดงอ่อน
           ใช้ตัวแปรสีและฟอนต์ชุดเดียวกับ section อื่น

  2. ชื่อ class เสี่ยงชนกับธีม
     เดิม: .icon-box .text-box .arrow-icon .title .subtitle
           เป็นชื่อสามัญมาก ธีม Astra และปลั๊กอินหลายตัวใช้ชื่อพวกนี้
           ถ้าชนกันจะเพี้ยนแบบหาสาเหตุยาก
     ใหม่: ใส่ prefix .fnhs-nav- ทุกตัว

  3. ปุ่ม "หน้าแรก"
     ถ้าเอาบล็อกนี้ไปวางในหน้าแรก ปุ่มนี้จะลิงก์กลับมาที่ตัวเอง
     -> คอมเมนต์ไว้ให้แล้ว ใช้เฉพาะตอนวางในหน้าย่อย

  ⚠️ ระวังซ้ำซ้อน: บล็อกนี้กับแถบ "เลือกสิ่งที่คุณต้องการ" (pkg-tabs)
  มีปุ่ม "ย้ายค่าย" กับ "นิติบุคคล" ซ้ำกัน 2 อัน
  -> แนะนำใช้อย่างใดอย่างหนึ่งต่อ 1 หน้า ไม่ใช้ทั้งคู่
     pkg-tabs = เลือกตามอุปกรณ์ที่อยากได้  (เหมาะกับหน้าแรก)
     บล็อกนี้ = เลือกตามประเภทลูกค้า        (เหมาะกับหน้าย่อย)

  🎨 สี: เปลี่ยนให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366) 2 จุด:
   1) kicker "เลือกตามประเภทที่อยู่อาศัย" — ตัวหนังสือไล่สีจริง
   2) การ์ดลิงก์ .fnhs-nav-btn ทั้งหมด — ขอบซ้าย + กรอบไอคอน + เส้นขอบตอนชี้ + ลูกศร
      ขอบซ้าย 4px ใส่ gradient ตรงๆ ไม่ได้ (border-left รับได้แค่สีเดียว)
      เลยเปลี่ยนไปใช้ ::before เป็นแท่งไล่สีแทน
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-nav{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  background:var(--panel);
  border-radius:20px;
  padding:32px 20px;
  width:100%;
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.fnhs-nav *{ box-sizing:border-box; }

.fnhs-nav-head{
  text-align:center; margin-bottom:22px;
}
.fnhs-nav-kicker{
  display:table; margin:0 auto 6px;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.fnhs-nav-title{
  font-family:'Kanit'; font-weight:600; font-size:clamp(18px,2.6vw,22px);
  color:var(--ink); margin:0;
}

.fnhs-nav-grid{
  width:100%; max-width:900px; margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:14px;
}
@media (min-width:768px){
  .fnhs-nav-grid{ grid-template-columns:repeat(2,1fr); }
}

.fnhs-nav-btn{
  position:relative; overflow:hidden;
  display:flex; align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px 16px 22px;
  text-decoration:none !important;
  color:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
/* แท่งไล่สีฝั่งซ้าย แทน border-left (border รับ gradient ตรงๆ ไม่ได้)
   ใช้ 180deg (บน->ล่าง) ไม่ใช่ 90deg เหมือนที่อื่น เพราะแท่งนี้กว้างแค่ 4px
   ถ้าใช้ไล่สีแนวนอน (90deg) สีจะบีบอัดจนเบลอมั่วภายใน 4px เดียว ไม่เห็นไล่สีจริง */
.fnhs-nav-btn::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,#00A3FF,#FF3366);
  transition:opacity .25s ease;
}
.fnhs-nav-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,0.10);
  border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
/* ตอนชี้ ขอบทั้งกรอบเป็นไล่สีอยู่แล้ว ซ่อนแท่งซ้ายไปเลย
   กันไม่ให้ไล่สี 2 ก้อนซ้อนทับกันตรงมุมซ้ายจนสีมั่ว */
.fnhs-nav-btn:hover::before{ opacity:0; }

.fnhs-nav-ic{
  width:44px; height:44px; flex-shrink:0;
  margin-right:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,163,255,0.12), rgba(255,51,102,0.12));
  border-radius:12px;
}
.fnhs-nav-ic svg{
  width:24px; height:24px;
  stroke:#0B84C4; stroke-width:1.8;
  fill:none; stroke-linecap:round; stroke-linejoin:round;
}

.fnhs-nav-txt{ flex:1; min-width:0; }
.fnhs-nav-txt .fnhs-nav-t{
  font-family:'Kanit'; font-size:15px; font-weight:600;
  color:var(--ink); margin:0 0 2px; line-height:1.35;
}
.fnhs-nav-txt .fnhs-nav-s{
  font-size:12.5px; color:var(--muted); margin:0; line-height:1.45;
}

.fnhs-nav-arrow{
  font-size:22px; font-weight:400;
  margin-left:10px; flex-shrink:0; line-height:1;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (prefers-reduced-motion: reduce){
  .fnhs-nav-btn{ transition:none; }
}

/* ซ่อนปุ่ม "หน้าแรก" อัตโนมัติเมื่ออยู่ในหน้าแรก
   WordPress ใส่ class .home ที่ <body> ให้เองเมื่ออยู่หน้าแรก
   -> วางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน
   ถ้าธีมไม่ได้ใส่ .home ให้ ก็ลบปุ่มนั้นด้วยมือเฉพาะหน้าแรก */
body.home .fnhs-nav-home{ display:none; }
</style>

<div class="fnhs-nav">

  <div class="fnhs-nav-head">
    <div class="fnhs-nav-kicker">เลือกตามประเภทที่อยู่อาศัย</div>
    <h2 class="fnhs-nav-title">ยังไม่เจอโปรที่ใช่?</h2>
  </div>

  <div class="fnhs-nav-grid">

    <!-- 1. เน็ตบ้าน ลูกค้าทั่วไป -->
    <a href="https://fibernet-hispeed.com/true-home-internet/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <path d="M8 12.5a5.5 5.5 0 0 1 8 0"></path>
          <path d="M10 15.5a2.5 2.5 0 0 1 4 0"></path>
          <path d="M12 19h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ลูกค้าทั่วไป</p>
        <p class="fnhs-nav-s">เน็ตไฟเบอร์แรง เสถียร ครอบคลุมทั่วบ้าน</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 2. คอนโด -->
    <a href="https://fibernet-hispeed.com/true-internet-condo/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M4 21V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14"></path>
          <path d="M4 21h16"></path>
          <path d="M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4"></path>
          <path d="M10 9h.01"></path><path d="M14 9h.01"></path>
          <path d="M10 13h.01"></path><path d="M14 13h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู คอนโด</p>
        <p class="fnhs-nav-s">เน็ตแรงทะลุจอ ครบทุกไลฟ์สไตล์</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 3. นิติบุคคล / บริษัท -->
    <a href="https://fibernet-hispeed.com/true-internet-business/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู นิติบุคคล/บริษัท</p>
        <p class="fnhs-nav-s">โซลูชันอินเทอร์เน็ตสำหรับองค์กร</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 4. ย้ายค่าย -->
    <a href="https://fibernet-hispeed.com/true-internet-chang-come-true/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M16 3h5v5"></path>
          <path d="M4 20L21 3"></path>
          <path d="M21 16v5h-5"></path>
          <path d="M15 15l6 6"></path>
          <path d="M4 4l5 5"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ย้ายค่ายมาทรู</p>
        <p class="fnhs-nav-s">รับสิทธิพิเศษและส่วนลดสูงสุด</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 5. หน้าแรก
         CSS ด้านบนจะซ่อนปุ่มนี้ให้อัตโนมัติเมื่ออยู่ในหน้าแรก
         จึงวางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน -->
    <a href="https://fibernet-hispeed.com/" class="fnhs-nav-btn fnhs-nav-home">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <polyline points="9 22 9 12 15 12 15 22"></polyline>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">หน้าแรก</p>
        <p class="fnhs-nav-s">กลับสู่หน้าหลักบริการทรู</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

  </div>
</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>โปรเน็ตบ้านทรู พร้อม เราเตอร์ WiFi7 เร็วแรงสุดๆ 2Gbps</title>
		<link>https://fibernet-hispeed.com/true-wifi7-promo/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Fri, 28 Aug 2026 03:28:42 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=6025</guid>

					<description><![CDATA[โปรเน็ตบ้านทรู WiFi7 เราเตอร์คู่ Mesh เริ่ม 799 บาท/เดือน โปรเน็ตบ้านทรู WiFi7 (WI1) ราคา 799 บาท (รวมภาษี 854.93 บาท) ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6025" class="elementor elementor-6025" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-1119c99 e-flex e-con-boxed e-con e-parent" data-id="1119c99" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-cd6407f elementor-widget elementor-widget-image" data-id="cd6407f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1404" height="2560" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7_0-scaled.webp" class="attachment-full size-full wp-image-6030" alt="โปรเน็ตบ้านทรู-WI-FI7_0" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7_0-scaled.webp 1404w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7_0-165x300.webp 165w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7_0-562x1024.webp 562w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7_0-768x1400.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7_0-843x1536.webp 843w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7_0-1123x2048.webp 1123w" sizes="(max-width: 1404px) 100vw, 1404px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3708612 e-flex e-con-boxed e-con e-parent" data-id="3708612" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-60173a4 elementor-widget elementor-widget-html" data-id="60173a4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดโปรโมชั่น TrueOnline เน็ตบ้านทรู แรงสุดๆ WiFi7 แรงสูงสุด 2Gbps
  (WI1-WI3)
  ใช้โครงสร้าง/สไตล์เดียวกับ mesh-howto-section.html / dtac-howto-section.html
  ทุกจุด (เราเตอร์ 2 ตัว แบบ Mesh, ปุ่ม lightbox)

  ✅ ตรวจ VAT ทุกโปรแล้ว ตรงกับราคาที่แจ้ง (799×1.07=854.93, 1299×1.07=1389.93,
  1399×1.07=1496.93) ไม่มีจุดผิด
  🐞 แก้บั๊กจากโค้ดที่ส่งมา: WI3 พิมพ์รุ่นเราเตอร์ผิดเป็น "WiFi6" ทั้งที่ควรเป็น
  WiFi7 เหมือน WI1/WI2 (ยืนยันกับผู้ใช้แล้วว่าเป็นการพิมพ์ผิด) -> แก้เป็น WiFi7
========================================================= -->

<style>
.wi-howto{ font-family:'Prompt','IBM Plex Sans Thai',sans-serif; max-width:680px; margin:0 auto; padding:30px 26px; background:#fff; border-radius:16px; color:#333333; }
.wi-howto *{ box-sizing:border-box; }
.wi-howto-header{ text-align:center; margin-bottom:26px; }
.wi-howto-title{ font-size:28px; font-weight:700; margin:0 0 6px; color:#222222; line-height:1.4; }
.wi-howto-gradient{ background:linear-gradient(90deg,#00A3FF,#FF3366); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

.wi-block{ padding:26px 0; }
.wi-block:first-of-type{ padding-top:0; }

.wi-row{ display:flex; gap:26px; margin-bottom:16px; }
.wi-left{ flex:0 0 220px; }
.wi-right{ flex:1; min-width:0; }

.wi-head{ font-size:15.5px; font-weight:700; color:#222; margin:0 0 6px; line-height:1.5; }
.wi-price-line{ font-size:16px; font-weight:700; color:#222; margin:0 0 2px; }
.wi-price-line .wi-price{ color:#007bff; }
.wi-vat{ font-size:12.5px; color:#888; margin:0 0 12px; }
.wi-contract{ font-size:14px; color:#444; margin:0 0 4px; }

.wi-list{ list-style:none; padding:0; margin:0; }
.wi-list li{ font-size:14px; color:#444; position:relative; padding-left:16px; line-height:1.7; margin-bottom:8px; }
.wi-list li::before{ content:''; position:absolute; left:0; top:8px; width:6px; height:6px; background:#e60000; border-radius:50%; }
.wi-list li small{ display:block; font-size:12px; color:#9ca3af; margin-top:2px; }

.wi-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.wi-cta{ flex:1; min-width:150px; text-align:center; background:linear-gradient(90deg,#00A3FF,#FF3366); color:#ffffff !important; padding:12px; border-radius:50px; text-decoration:none; font-weight:600; font-size:14px; box-shadow:0 4px 10px rgba(255,51,102,0.3); transition:box-shadow .3s ease; }
.wi-cta:hover{ box-shadow:0 6px 15px rgba(255,51,102,0.5); }
.wi-view{ flex:1; min-width:150px; text-align:center; background:#F4F6F8; color:#444 !important; padding:12px; border-radius:50px; font-family:inherit; text-decoration:none; font-weight:600; font-size:14px; border:1px solid #e5e7eb; cursor:pointer; transition:background .2s ease; }
.wi-view:hover{ background:#eceef2; }

.wi-divider{ border:0; height:3px; background:linear-gradient(90deg,#00A3FF,#FF3366); opacity:.35; border-radius:3px; margin:0; }

.wi-lightbox{ position:fixed; inset:0; background:rgba(0,0,0,0.75); display:none; flex-direction:column; align-items:center; justify-content:center; padding:70px 16px 24px; z-index:999; touch-action:none; }
.wi-lightbox.open{ display:flex; }
.wi-lightbox img{ max-width:100%; max-height:100%; border-radius:12px; display:block; touch-action:pinch-zoom; }
.wi-lightbox #wiLightboxLink{ display:block; max-width:100%; max-height:100%; line-height:0; }
.wi-lightbox-close{ position:fixed; top:14px; right:14px; width:44px; height:44px; border-radius:50%; background:#fff; border:none; display:flex; align-items:center; justify-content:center; color:#333; font-size:20px; font-weight:700; line-height:1; cursor:pointer; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.3); touch-action:manipulation; }

@media(max-width:600px){
  .wi-howto{ padding:20px 16px; }
  .wi-howto-title{ font-size:22px; }
  .wi-row{ flex-direction:column; gap:12px; }
  .wi-left{ flex:none; }

  .wi-lightbox{ padding:70px 24px 40px; }
  .wi-lightbox img{ max-width:88%; max-height:65vh; }
  .wi-lightbox-close{ top:56px; right:20px; }
}
</style>

<div class="wi-howto">

  <div class="wi-howto-header">
    <h1 class="wi-howto-title">โปรเน็ตบ้านทรู WiFi7 เราเตอร์คู่ Mesh เริ่ม 799 บาท/เดือน</h1>
  </div>

  <!-- WI1 -->
  <div class="wi-block">
    <div class="wi-row">
      <div class="wi-left">
        <p class="wi-head">โปรเน็ตบ้านทรู WiFi7 (WI1)</p>
        <p class="wi-price-line">ราคา <span class="wi-price">799</span> บาท</p>
        <p class="wi-vat">(รวมภาษี 854.93 บาท)</p>
      </div>
      <div class="wi-right">
        <ul class="wi-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi7 จำนวน 2 ตัว ความเร็ว 1000/1000 Mbps (1Gbps/1Gbps) ไม่จำกัด<br><small>(ตัวแรกทำหน้าที่เป็น Router ตัวที่สองทำหน้าที่เพิ่มการกระจายสัญญาณ)</small></li>
          <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
        </ul>
      </div>
    </div>
    <p class="wi-contract">(สัญญา 2 ปี)</p>
    <div class="wi-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้านทรู WiFi7 (WI1)" target="_blank" rel="noopener" class="wi-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="wi-view" onclick="wiOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7-WI1_0.webp','WI1')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>
  <hr class="wi-divider">

  <!-- WI2 -->
  <div class="wi-block">
    <div class="wi-row">
      <div class="wi-left">
        <p class="wi-head">โปรเน็ตบ้านทรู WiFi7 (WI2)</p>
        <p class="wi-price-line">ราคา <span class="wi-price">1,299</span> บาท</p>
        <p class="wi-vat">(รวมภาษี 1,389.93 บาท)</p>
      </div>
      <div class="wi-right">
        <ul class="wi-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi7 จำนวน 2 ตัว ความเร็ว 1500/1000 Mbps (1.5Gbps/1Gbps) ไม่จำกัด<br><small>(ตัวแรกทำหน้าที่เป็น Router ตัวที่สองทำหน้าที่เพิ่มการกระจายสัญญาณ)</small></li>
          <li>ได้รับ ซิมโทรศัพท์รายเดือนทรู ให้เล่นเน็ตไม่อั้น 30 GB โทรฟรี 100 นาที ต่อเดือน หลังใช้ครบ 12 เดือน ซิมจะปรับความเร็วเป็น 20 GB ไม่มีโทรฟรี</li>
          <li>ได้รับ กล่องทีวี TrueID TV Gen3 รับชมรายการ 60 ช่อง</li>
          <li>แถมฟรี รับชม VIU Premium นาน 24 เดือน</li>
          <li>แถมฟรี รับชม iQIYI นาน 24 เดือน</li>
          <li>แถมฟรี แอป AI Fitness &amp; Game แอปออกกำลังกาย และ เกมส์</li>
        </ul>
      </div>
    </div>
    <p class="wi-contract">(สัญญา 2 ปี)</p>
    <div class="wi-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้านทรู WiFi7 (WI2)" target="_blank" rel="noopener" class="wi-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="wi-view" onclick="wiOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7-WI2_0.webp','WI2')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>
  <hr class="wi-divider">

  <!-- WI3 -->
  <div class="wi-block">
    <div class="wi-row">
      <div class="wi-left">
        <p class="wi-head">โปรเน็ตบ้านทรู WiFi7 (WI3)</p>
        <p class="wi-price-line">ราคา <span class="wi-price">1,399</span> บาท</p>
        <p class="wi-vat">(รวมภาษี 1,496.93 บาท)</p>
      </div>
      <div class="wi-right">
        <ul class="wi-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi7 จำนวน 2 ตัว ความเร็ว 2000/1000 Mbps (2Gbps/1Gbps) ไม่จำกัด<br><small>(ตัวแรกทำหน้าที่เป็น Router ตัวที่สองทำหน้าที่เพิ่มการกระจายสัญญาณ)</small></li>
          <li>ได้รับ ซิมโทรศัพท์รายเดือนทรู ให้เล่นเน็ตไม่อั้น 30 GB โทรฟรี 100 นาที ต่อเดือน หลังใช้ครบ 12 เดือน ซิมจะปรับความเร็วเป็น 20 GB ไม่มีโทรฟรี</li>
          <li>ได้รับ กล่องทีวี TrueID TV Gen3 รับชมรายการ 60 ช่อง</li>
          <li>แถมฟรี รับชม TrueVisions Now ENT นาน 24 เดือน</li>
          <li>แถมฟรี รับชม VIU Premium นาน 24 เดือน</li>
          <li>แถมฟรี รับชม iQIYI นาน 24 เดือน</li>
          <li>แถมฟรี แอป AI Fitness &amp; Game แอปออกกำลังกาย และ เกมส์</li>
        </ul>
      </div>
    </div>
    <p class="wi-contract">(สัญญา 2 ปี)</p>
    <div class="wi-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้านทรู WiFi7 (WI3)" target="_blank" rel="noopener" class="wi-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="wi-view" onclick="wiOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-WI-FI7-WI3_0.webp','WI3')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>

</div>

<div class="wi-lightbox" id="wiLightbox">
  <button type="button" class="wi-lightbox-close" aria-label="ปิด">✕</button>
  <a id="wiLightboxLink" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">
    <img decoding="async" id="wiLightboxImg" src="" alt="ภาพโปรโมชั่นเต็ม">
  </a>
</div>

<script>
function wiOpenLightbox(src, code){
  document.getElementById('wiLightboxImg').src = src;
  var link = document.getElementById('wiLightboxLink');
  link.href = code ? 'https://line.me/R/msg/text/?' + encodeURIComponent('สนใจสมัครโปร โปรเน็ตบ้านทรู WiFi7 (' + code + ')') : 'https://lin.ee/UtX10gR';
  document.getElementById('wiLightbox').classList.add('open');
}
function wiCloseLightbox(){
  document.getElementById('wiLightbox').classList.remove('open');
}
(function(){
  var box = document.getElementById('wiLightbox');
  box.addEventListener('click', function(e){
    if(e.target === box) wiCloseLightbox();
  });
  box.querySelector('.wi-lightbox-close').addEventListener('click', function(e){
    e.preventDefault();
    wiCloseLightbox();
  });
  document.addEventListener('keydown', function(e){ if(e.key === 'Escape') wiCloseLightbox(); });
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1f26f7e e-flex e-con-boxed e-con e-parent" data-id="1f26f7e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b646ef0 elementor-widget elementor-widget-html" data-id="b646ef0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดอุปกรณ์ — เวอร์ชัน WiFi7 (สำหรับหน้าเว็บที่ได้เราเตอร์ WiFi7)
  แยกไฟล์ต่างหากจาก device-details-section.html ตามที่ขอ (ไม่แก้ไฟล์เดิม
  เพราะไฟล์เดิมยังใช้กับหน้าที่ได้เราเตอร์ WiFi6 อยู่)

  ต่างจากไฟล์เดิมแค่ 2 จุด:
   1) การ์ด "เราเตอร์ (Router)" -> ไอคอน WiFi7 + ลิงก์ true-router-wifi-7
   2) การ์ด "อุปกรณ์กระจายสัญญาณ (Mesh WiFi)" -> ไอคอน WiFi7 + ลิงก์เดียวกัน
  ส่วนอื่น (CCTV/TV Gen2/TV Gen3/ซิม/สไตล์/สคริปต์) เหมือนไฟล์เดิมทุกจุด

  🐞 บั๊กที่เจอในโค้ดเดิม 5 จุด (แก้แล้วในไฟล์นี้เหมือน device-details-section.html)

  1. <div> ปิดไม่ครบ 2 ตัว
     การ์ดใบที่ 6 (Mesh WiFi) ไม่ได้ปิด .device-slide
     และ .device-container ก็ไม่ได้ปิด
     -> ทำให้แถบจุดไข่ปลาไปอยู่ "ข้างใน" ตัวสไลด์
        จุดเลยเลื่อนหนีตามการ์ดเวลาปัด

  2. จุดไข่ปลามี 10 จุด แต่การ์ดมีแค่ 6
     -> 4 จุดท้ายกดแล้วไม่ไปไหน
     -> แก้เป็นสร้างจุดอัตโนมัติตามจำนวนการ์ด
        เพิ่ม/ลดการ์ดทีหลังไม่ต้องมาแก้จุดอีก

  3. class .dot ไม่มี prefix
     ชนกับ .dot ของคาร์รูเซลแพ็กเกจและบล็อกอื่นในหน้าเดียวกัน
     -> เปลี่ยนเป็น .dev-dot

  4. สะกดผิด 2 จุด
     "ดเพิ่มเติม" -> "ดูเพิ่มเติม"
     "อปกรณ์กระจายสัญญาณ" -> "อุปกรณ์กระจายสัญญาณ"

  5. รูป Mesh WiFi ใช้ไฟล์เดียวกับ Router (icon-Router-WiFi7_0.webp)
     -> ยังคงไว้ตามเดิม แต่ถ้ามีรูป Mesh แยก แนะนำเปลี่ยน
        ไม่งั้นสองใบนี้ดูเหมือนของชิ้นเดียวกัน

  ✅ ที่ปรับให้เข้ากับเว็บ
   • สี #cc0000 -> #E5231B (แดงชุดเดียวกับทั้งเว็บ)
   • ฟอนต์ Prompt -> Kanit + IBM Plex Sans Thai
   • หัวข้อใช้ kicker แดง + h2 เหมือน section อื่น
   • การ์ดขอบ 1px radius 18px เงาอ่อน แบบเดียวกับ .bcard
   • เพิ่มลิงก์ "ดูอุปกรณ์ทั้งหมด →" มุมขวาบน

  🎨 สี: เปลี่ยน 2 จุดให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366)
     เหมือนที่ทำใน promo-special-section.html:
      1) หัวข้อ "รายละเอียดอุปกรณ์" (.dev-kicker) — ตัวหนังสือไล่สีจริง
      2) ขอบการ์ดตอนเอาเมาส์ไปชี้ (.device-item:hover) — ขอบไล่สี
         ด้วยเทคนิค double-background (padding-box + border-box)
     ปุ่ม "ดูเพิ่มเติม" / "ดูอุปกรณ์ทั้งหมด" / จุดไข่ปลา ไม่ได้ขอเปลี่ยน คงสีแดงเดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.device-wrapper{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --gutter:20px;
  max-width:1180px; margin:40px auto;
  padding:0 var(--gutter);
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.device-wrapper *{ box-sizing:border-box; }

/* ---------- หัวข้อ + ลิงก์มุมขวาบน ---------- */
.device-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom:20px;
}
.device-header .dev-kicker{
  display:table;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px; margin-bottom:6px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.device-header h2{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(19px,2.8vw,25px); color:var(--ink);
  margin:0; line-height:1.35;
}
.device-header .dev-sub{
  font-size:13px; color:var(--muted); margin:4px 0 0;
}
.dev-all-link{
  flex-shrink:0; white-space:nowrap;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); text-decoration:none;
  border:1.5px solid var(--red); border-radius:999px;
  padding:8px 16px;
  transition:background .2s ease, color .2s ease;
}
.dev-all-link:hover{ background:var(--red); color:#fff; }

@media (max-width:600px){
  .device-header{ flex-direction:column; align-items:stretch; }
  .dev-all-link{ align-self:flex-start; }
}

/* ---------- สไลด์ ---------- */
.device-container{
  display:flex; gap:18px;
  align-items:stretch;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scroll-padding-left:var(--gutter);
  margin:0 calc(var(--gutter) * -1);
  padding:6px var(--gutter) 22px;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.device-container::-webkit-scrollbar{ display:none; }

.device-slide{
  flex:0 0 72%;
  scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center;
  min-width:0;
}
@media (min-width:768px){ .device-slide{ flex:0 0 44%; } }

/* คอม: ยังเป็นสไลด์ แต่โชว์แถบเลื่อนให้เห็นว่าเลื่อนได้
   หมายเหตุ: Chrome 121+ จะไม่สนใจ ::-webkit-scrollbar
   ถ้ามีการตั้ง scrollbar-width หรือ scrollbar-color เป็นค่าอื่นที่ไม่ใช่ auto
   จึงต้องตั้งกลับเป็น auto ก่อน แถบถึงจะโผล่ */
@media (min-width:1025px){
  .device-slide{ flex:0 0 31%; }

  .device-container{
    scrollbar-width:auto !important;
    scrollbar-color:auto !important;
    overflow-x:scroll !important;   /* scroll ไม่ใช่ auto = แถบโผล่ตลอด */
    padding-bottom:14px;
    cursor:grab;
  }
  .device-container:active{ cursor:grabbing; }

  .device-container::-webkit-scrollbar{
    display:block !important;
    -webkit-appearance:none !important;
    height:8px !important;
  }
  .device-container::-webkit-scrollbar-track{
    background:#eef0f4 !important; border-radius:99px;
  }
  .device-container::-webkit-scrollbar-thumb{
    background:#c7ccd6 !important; border-radius:99px;
    transition:background .2s ease;
  }
  .device-container::-webkit-scrollbar-thumb:hover{ background:var(--red) !important; }
}

.device-item{
  width:100%; flex:1;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.device-item:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(0,0,0,0.12);
  border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
.device-item img{
  width:104px; height:104px; object-fit:contain;
  margin-bottom:16px; pointer-events:none;
}
.device-item h4{
  font-family:'Kanit'; font-weight:600; font-size:16px;
  color:var(--ink); margin:0 0 8px; line-height:1.4;
}
.device-item p{ font-size:12.5px; color:var(--muted); margin:0; }

.device-slide .btn-more{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff !important;
  font-family:'Kanit'; font-weight:600; font-size:13px;
  padding:10px 24px; border-radius:999px;
  text-decoration:none; border:none;
  box-shadow:0 6px 16px rgba(229,35,27,0.25);
  transition:transform .2s ease, background .2s ease;
  margin-top:14px;
}
.device-slide .btn-more:hover{ transform:scale(1.05); background:var(--red-deep); }

/* ---------- จุดไข่ปลา (เปลี่ยนชื่อ class กันชนกับบล็อกอื่น) ---------- */
.device-dots{
  display:flex; justify-content:center; gap:8px;
  margin-top:2px; flex-wrap:wrap;
}
.device-dots .dev-dot{
  width:10px; height:10px; background:#ccc; border-radius:50%;
  cursor:pointer; transition:all .25s ease; border:none; padding:0;
}
.device-dots .dev-dot.active{ background:var(--red); width:22px; border-radius:10px; }

.dev-foot{
  text-align:center; font-size:11.5px; color:var(--muted);
  margin:6px 0 0; line-height:1.7;
}

@media (prefers-reduced-motion: reduce){
  .device-container{ scroll-behavior:auto; }
  .device-item, .device-slide .btn-more{ transition:none; }
}
</style>


<div class="device-wrapper">

  <div class="device-header">
    <div>
      <div class="dev-kicker">รายละเอียดอุปกรณ์</div>
      <h2>อุปกรณ์ที่ลูกค้าได้รับในวันติดตั้ง</h2>
      <p class="dev-sub">ได้รับชิ้นไหนบ้างขึ้นกับแพ็กเกจที่สมัคร</p>
    </div>
    <a class="dev-all-link" href="https://fibernet-hispeed.com/true-device-all/">ดูอุปกรณ์ทั้งหมด →</a>
  </div>

  <div class="device-container">

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-Router-WiFi7_0.webp" alt="เราเตอร์ไวไฟทรู WiFi7">
        <h4>เราเตอร์ (Router)</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-router-wifi-7" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-CCTV-by-best.webp" alt="กล้องวงจรปิด CCTV ทรู">
        <h4>กล้อง CCTV</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-camera-cctv-ai/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-TrueID-TV-G3-by-best.webp" alt="กล่องทรูไอดีทีวี Gen3">
        <h4>กล่องทรูไอดี ทีวี Gen3</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-trueid-tv-gen3/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/TrueID-TV-Box-G.2.webp" alt="กล่องทรูไอดีทีวี Gen2">
        <h4>กล่องทรูไอดี ทีวี Gen2</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-trueid-tv-gen2/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Simtrue-best.webp" alt="ซิมทรูที่แถมพร้อมเน็ตบ้าน">
        <h4>ซิมทรู</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-sim/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-Router-WiFi7_0.webp" alt="อุปกรณ์กระจายสัญญาณ Mesh WiFi7 ใช้เราเตอร์รุ่นเดียวกับตัวหลัก">
        <h4>อุปกรณ์กระจายสัญญาณ<br>(Mesh WiFi)</h4>
        <p>เราเตอร์ตัวเดียวกัน เพิ่มอีก 1 จุด*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-router-wifi-7" class="btn-more">ดูเพิ่มเติม</a>
    </div>

  </div>

  <div class="device-dots" id="deviceDots"></div>

  <p class="dev-foot">* อุปกรณ์ที่ได้รับขึ้นอยู่กับแพ็กเกจและพื้นที่ให้บริการ · เจ้าหน้าที่แจ้งรายละเอียดก่อนสมัครทุกครั้ง</p>

</div>


<script>
(function(){
  function init(){
    document.querySelectorAll('.device-wrapper').forEach(function(wrapper){
      var container = wrapper.querySelector('.device-container');
      var dotsBox   = wrapper.querySelector('.device-dots');
      if(!container || !dotsBox) return;

      var items = [].slice.call(container.querySelectorAll('.device-slide'));

      /* สร้างจุดตามจำนวนการ์ดอัตโนมัติ — เพิ่ม/ลดการ์ดไม่ต้องแก้จุด */
      dotsBox.innerHTML = '';
      items.forEach(function(item, i){
        var d = document.createElement('button');
        d.type = 'button';
        d.className = 'dev-dot' + (i === 0 ? ' active' : '');
        d.setAttribute('aria-label', 'ไปอุปกรณ์ชิ้นที่ ' + (i + 1));
        d.addEventListener('click', function(){
          item.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' });
        });
        dotsBox.appendChild(d);
      });

      var dots = [].slice.call(dotsBox.querySelectorAll('.dev-dot'));
      var ticking = false;

      function updateActiveDot(){
        var center = container.scrollLeft + container.offsetWidth / 2;
        var idx = 0, best = Infinity;
        items.forEach(function(item, i){
          var mid = item.offsetLeft + item.offsetWidth / 2;
          var diff = Math.abs(mid - center);
          if(diff < best){ best = diff; idx = i; }
        });
        dots.forEach(function(d, i){ d.classList.toggle('active', i === idx); });
      }

      container.addEventListener('scroll', function(){
        if(ticking) return;
        ticking = true;
        window.requestAnimationFrame(function(){
          ticking = false;
          updateActiveDot();
        });
      }, { passive:true });

      window.addEventListener('resize', updateActiveDot);
      updateActiveDot();

      /* ลากด้วยเมาส์บนคอม */
      var down = false, startX = 0, startScroll = 0, moved = 0;

      container.addEventListener('mousedown', function(e){
        if(e.button !== 0) return;
        down = true; moved = 0;
        startX = e.pageX;
        startScroll = container.scrollLeft;
        container.style.scrollSnapType = 'none';
      });

      window.addEventListener('mousemove', function(e){
        if(!down) return;
        var dx = e.pageX - startX;
        moved = Math.abs(dx);
        container.scrollLeft = startScroll - dx;
      });

      function endDrag(){
        if(!down) return;
        down = false;
        container.style.scrollSnapType = 'x proximity';
      }
      window.addEventListener('mouseup', endDrag);
      container.addEventListener('mouseleave', endDrag);

      /* กันเผลอกดลิงก์ตอนลาก */
      container.addEventListener('click', function(e){
        if(moved > 5){ e.preventDefault(); e.stopPropagation(); moved = 0; }
      }, true);
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-8eb80df e-flex e-con-boxed e-con e-parent" data-id="8eb80df" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-ef31ab0 elementor-widget elementor-widget-html" data-id="ef31ab0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดสิทธิพิเศษ และคอนเทนต์ — วางทับของเดิมได้เลย
  โครงสร้าง/สไตล์อ้างอิงจาก device-wrapper (คาร์รูเซล + จุดไข่ปลา + แถบเลื่อนบนคอม)
  เปลี่ยน prefix เป็น .content- / .cont- ทั้งหมด กันชนกับ .device- ที่อยู่หน้าเดียวกัน

  ⚠️ หมายเหตุเรื่องลิงก์: เช็คเว็บ fibernet-hispeed.com แล้วไม่พบหน้าแยกรายคอนเทนต์
  (ไม่มีหน้าเฉพาะของ iQIYI / VIU / NOW ENT / App TrueID / AI Game)
  มีแต่หน้ารวมสิทธิพิเศษหน้าเดียวคือ /true-internet-promotion-all/
  ซึ่งมีการ์ด "รับแอปดูซีรีส์ Viu / iQIYI / WeTV" และพูดถึง Now ENT ในนั้น
  จึงใส่ลิงก์ "ดูเพิ่มเติม" ของทุกใบชี้ไปหน้านี้ก่อน ถ้ามีหน้าคอนเทนต์แยกทีหลัง ค่อยเปลี่ยนทีละใบ

  🎨 สี: เปลี่ยน 2 จุดให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366)
     เหมือนที่ทำใน promo-special-section.html / device-details-section.html:
      1) หัวข้อ "รายละเอียดสิทธิพิเศษ" (.cont-kicker) — ตัวหนังสือไล่สีจริง
      2) ขอบการ์ดตอนเอาเมาส์ไปชี้ (.content-item:hover) — ขอบไล่สี
         ด้วยเทคนิค double-background (padding-box + border-box)
     ปุ่ม "ดูเพิ่มเติม" / "ดูสิทธิพิเศษทั้งหมด" / จุดไข่ปลา ไม่ได้ขอเปลี่ยน คงสีแดงเดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.content-wrapper{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --gutter:20px;
  max-width:1180px; margin:40px auto;
  padding:0 var(--gutter);
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.content-wrapper *{ box-sizing:border-box; }

/* ---------- หัวข้อ + ลิงก์มุมขวาบน ---------- */
.content-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom:20px;
}
.content-header .cont-kicker{
  display:table;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px; margin-bottom:6px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.content-header h2{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(19px,2.8vw,25px); color:var(--ink);
  margin:0; line-height:1.35;
}
.content-header .cont-sub{
  font-size:13px; color:var(--muted); margin:4px 0 0;
}
.cont-all-link{
  flex-shrink:0; white-space:nowrap;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); text-decoration:none;
  border:1.5px solid var(--red); border-radius:999px;
  padding:8px 16px;
  transition:background .2s ease, color .2s ease;
}
.cont-all-link:hover{ background:var(--red); color:#fff; }

@media (max-width:600px){
  .content-header{ flex-direction:column; align-items:stretch; }
  .cont-all-link{ align-self:flex-start; }
}

/* ---------- สไลด์ ---------- */
.content-container{
  display:flex; gap:18px;
  align-items:stretch;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scroll-padding-left:var(--gutter);
  margin:0 calc(var(--gutter) * -1);
  padding:6px var(--gutter) 22px;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.content-container::-webkit-scrollbar{ display:none; }

.content-slide{
  flex:0 0 72%;
  scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center;
  min-width:0;
}
@media (min-width:768px){ .content-slide{ flex:0 0 44%; } }

/* คอม: ยังเป็นสไลด์ แต่โชว์แถบเลื่อนให้เห็นว่าเลื่อนได้
   หมายเหตุ: Chrome 121+ จะไม่สนใจ ::-webkit-scrollbar
   ถ้ามีการตั้ง scrollbar-width หรือ scrollbar-color เป็นค่าอื่นที่ไม่ใช่ auto
   จึงต้องตั้งกลับเป็น auto ก่อน แถบถึงจะโผล่ */
@media (min-width:1025px){
  .content-slide{ flex:0 0 31%; }

  .content-container{
    scrollbar-width:auto !important;
    scrollbar-color:auto !important;
    overflow-x:scroll !important;   /* scroll ไม่ใช่ auto = แถบโผล่ตลอด */
    padding-bottom:14px;
    cursor:grab;
  }
  .content-container:active{ cursor:grabbing; }

  .content-container::-webkit-scrollbar{
    display:block !important;
    -webkit-appearance:none !important;
    height:8px !important;
  }
  .content-container::-webkit-scrollbar-track{
    background:#eef0f4 !important; border-radius:99px;
  }
  .content-container::-webkit-scrollbar-thumb{
    background:#c7ccd6 !important; border-radius:99px;
    transition:background .2s ease;
  }
  .content-container::-webkit-scrollbar-thumb:hover{ background:var(--red) !important; }
}

.content-item{
  width:100%; flex:1;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.content-item:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(0,0,0,0.12);
  border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
.content-item img{
  width:104px; height:104px; object-fit:contain;
  margin-bottom:16px; pointer-events:none;
}
.content-item h4{
  font-family:'Kanit'; font-weight:600; font-size:16px;
  color:var(--ink); margin:0 0 8px; line-height:1.4;
}
.content-item p{ font-size:12.5px; color:var(--muted); margin:0; }

.content-slide .cont-btn-more{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff !important;
  font-family:'Kanit'; font-weight:600; font-size:13px;
  padding:10px 24px; border-radius:999px;
  text-decoration:none; border:none;
  box-shadow:0 6px 16px rgba(229,35,27,0.25);
  transition:transform .2s ease, background .2s ease;
  margin-top:14px;
}
.content-slide .cont-btn-more:hover{ transform:scale(1.05); background:var(--red-deep); }

/* ---------- จุดไข่ปลา ---------- */
.content-dots{
  display:flex; justify-content:center; gap:8px;
  margin-top:2px; flex-wrap:wrap;
}
.content-dots .cont-dot{
  width:10px; height:10px; background:#ccc; border-radius:50%;
  cursor:pointer; transition:all .25s ease; border:none; padding:0;
}
.content-dots .cont-dot.active{ background:var(--red); width:22px; border-radius:10px; }

.cont-foot{
  text-align:center; font-size:11.5px; color:var(--muted);
  margin:6px 0 0; line-height:1.7;
}

@media (prefers-reduced-motion: reduce){
  .content-container{ scroll-behavior:auto; }
  .content-item, .content-slide .cont-btn-more{ transition:none; }
}
</style>


<div class="content-wrapper">

  <div class="content-header">
    <div>
      <div class="cont-kicker">รายละเอียดสิทธิพิเศษ</div>
      <h2>สิทธิพิเศษ และคอนเทนต์ ที่ลูกค้าได้รับวันที่ติดตั้ง</h2>
      <p class="cont-sub">สิทธิพิเศษ และคอนเทนต์ ได้รับตามแพ็กเกจที่เลือก</p>
    </div>
    <a class="cont-all-link" href="https://fibernet-hispeed.com/true-internet-promotion-all/">ดูสิทธิพิเศษทั้งหมด →</a>
  </div>

  <div class="content-container">

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ไอคอร-iQiYi_0.webp" alt="สิทธิพิเศษแอปดูซีรีส์ iQIYI">
        <h4>iQIYI</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ไอคอน-VIU_0.webp" alt="สิทธิพิเศษแอปดูซีรีส์ VIU">
        <h4>VIU</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ไอคอน-TrueIDTV_0.webp" alt="สิทธิพิเศษดูทีวีฟรีในแอปทรูไอดี TrueID TV">
        <h4>แอปทรูไอดี พลัส</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-now-ent-by-best.webp" alt="สิทธิพิเศษแอปดูหนังซีรีส์ Now ENT">
        <h4>NOW ENT</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Apptrueid-best.webp" alt="สิทธิพิเศษในแอปทรูไอดี ทรูพอยท์และสิทธิ์ตามระดับการ์ด">
        <h4>แอปทรูไอดี</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Ai-Game-fitnet-best.webp" alt="สิทธิพิเศษ AI Game">
        <h4>AI Game</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

  </div>

  <div class="content-dots" id="contentDots"></div>

  <p class="cont-foot">* สิทธิพิเศษและคอนเทนต์ที่ได้รับขึ้นอยู่กับแพ็กเกจและรอบโปรโมชัน · เจ้าหน้าที่แจ้งรายละเอียดก่อนสมัครทุกครั้ง</p>

</div>


<script>
(function(){
  function init(){
    document.querySelectorAll('.content-wrapper').forEach(function(wrapper){
      var container = wrapper.querySelector('.content-container');
      var dotsBox   = wrapper.querySelector('.content-dots');
      if(!container || !dotsBox) return;

      var items = [].slice.call(container.querySelectorAll('.content-slide'));

      /* สร้างจุดตามจำนวนการ์ดอัตโนมัติ — เพิ่ม/ลดการ์ดไม่ต้องแก้จุด */
      dotsBox.innerHTML = '';
      items.forEach(function(item, i){
        var d = document.createElement('button');
        d.type = 'button';
        d.className = 'cont-dot' + (i === 0 ? ' active' : '');
        d.setAttribute('aria-label', 'ไปสิทธิพิเศษที่ ' + (i + 1));
        d.addEventListener('click', function(){
          item.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' });
        });
        dotsBox.appendChild(d);
      });

      var dots = [].slice.call(dotsBox.querySelectorAll('.cont-dot'));
      var ticking = false;

      function updateActiveDot(){
        var center = container.scrollLeft + container.offsetWidth / 2;
        var idx = 0, best = Infinity;
        items.forEach(function(item, i){
          var mid = item.offsetLeft + item.offsetWidth / 2;
          var diff = Math.abs(mid - center);
          if(diff < best){ best = diff; idx = i; }
        });
        dots.forEach(function(d, i){ d.classList.toggle('active', i === idx); });
      }

      container.addEventListener('scroll', function(){
        if(ticking) return;
        ticking = true;
        window.requestAnimationFrame(function(){
          ticking = false;
          updateActiveDot();
        });
      }, { passive:true });

      window.addEventListener('resize', updateActiveDot);
      updateActiveDot();

      /* ลากด้วยเมาส์บนคอม */
      var down = false, startX = 0, startScroll = 0, moved = 0;

      container.addEventListener('mousedown', function(e){
        if(e.button !== 0) return;
        down = true; moved = 0;
        startX = e.pageX;
        startScroll = container.scrollLeft;
        container.style.scrollSnapType = 'none';
      });

      window.addEventListener('mousemove', function(e){
        if(!down) return;
        var dx = e.pageX - startX;
        moved = Math.abs(dx);
        container.scrollLeft = startScroll - dx;
      });

      function endDrag(){
        if(!down) return;
        down = false;
        container.style.scrollSnapType = 'x proximity';
      }
      window.addEventListener('mouseup', endDrag);
      container.addEventListener('mouseleave', endDrag);

      /* กันเผลอกดลิงก์ตอนลาก */
      container.addEventListener('click', function(e){
        if(moved > 5){ e.preventDefault(); e.stopPropagation(); moved = 0; }
      }, true);
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-61c8706 e-flex e-con-boxed e-con e-parent" data-id="61c8706" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-dbf1715 elementor-widget elementor-widget-html" data-id="dbf1715" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
  @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

  .fnhs-offer{
    --red:#E5231B; --red-soft:#FFF1F0; --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED;
    font-family:'IBM Plex Sans Thai',sans-serif;
  }
  .fnhs-offer *{ box-sizing:border-box; }

  .fnhs-offer .fnh-special-offer-container{
    max-width:800px; margin:20px auto; padding:30px 20px; background:#ffffff;
    border-radius:24px; box-shadow:0 8px 25px rgba(0,0,0,0.08); border:1px solid var(--line);
    text-align:center;
  }
  .fnhs-offer .fnh-offer-header{
    font-family:'Kanit'; font-size:24px; color:var(--red); font-weight:700; margin-bottom:20px; line-height:1.4;
  }

  .fnhs-offer .fnh-benefits-wrapper{
    max-width:350px; margin:0 auto 20px; display:flex; flex-direction:column; gap:12px;
  }

  .fnhs-offer .fnh-benefit-item{
    display:flex; align-items:center; background:var(--red-soft); padding:12px 20px;
    border-radius:50px; font-size:16px; font-weight:600; color:var(--ink);
    border:1px solid #FFDAD6; opacity:0; transform:translateY(10px);
    animation:fnhsFadeInUp 0.5s ease forwards; cursor:pointer; width:100%;
    text-align:left; font-family:inherit; transition:background 0.15s ease, transform 0.15s ease;
  }
  .fnhs-offer .fnh-benefit-item:hover{ background:#FFE4E1; transform:translateY(-1px); }
  .fnhs-offer .fnh-benefit-item:active{ transform:translateY(0); }

  .fnhs-offer .fnh-benefit-item .info-hint{
    margin-left:auto; font-size:12px; color:var(--red); font-weight:700; flex-shrink:0; padding-left:8px;
  }
  .fnhs-offer .fnh-benefit-item:nth-child(1){ animation-delay:0.05s; }
  .fnhs-offer .fnh-benefit-item:nth-child(2){ animation-delay:0.15s; }
  .fnhs-offer .fnh-benefit-item:nth-child(3){ animation-delay:0.25s; }
  .fnhs-offer .fnh-benefit-item:nth-child(4){ animation-delay:0.35s; }

  @keyframes fnhsFadeInUp{ to{ opacity:1; transform:translateY(0); } }

  @media (prefers-reduced-motion: reduce){
    .fnhs-offer .fnh-benefit-item{ animation:none; opacity:1; transform:none; }
  }

  .fnhs-offer .fnh-plus-icon{
    display:flex; align-items:center; justify-content:center; width:24px; height:24px;
    background:var(--red); color:#fff; border-radius:50%; font-size:18px; font-weight:bold;
    margin-right:12px; flex-shrink:0;
  }

  .fnhs-offer .fnh-highlight-free{ color:var(--red); font-weight:800; margin-right:4px; }

  .fnhs-offer .fnh-condition-text{
    font-size:12.5px; color:var(--muted); margin-bottom:8px; line-height:1.6;
    max-width:460px; margin-left:auto; margin-right:auto;
  }
  /* เปลี่ยนสีเป็นไล่สีเดียวกับปุ่มการ์ดโปร (#00A3FF -> #FF3366)
     ตัวหนังสือใช้ background-clip:text ให้เป็นไล่สีจริง
     เส้นใต้ตอนชี้ใช้ border-image (เส้นตรงธรรมดา ไม่มีปัญหาโค้งมนแบบปุ่ม) */
  .fnhs-offer .fnh-condition-link{
    display:inline-block; font-size:12.5px; font-weight:600;
    text-decoration:none; margin-bottom:25px;
    color:#0B84C4;
    background:linear-gradient(90deg,#00A3FF,#FF3366);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    border-bottom:1px solid transparent;
  }
  .fnhs-offer .fnh-condition-link:hover{
    border-image:linear-gradient(90deg,#00A3FF,#FF3366) 1;
  }
  .fnhs-offer .fnh-contact-intro{ font-size:15px; color:var(--muted); margin-bottom:15px; }

  .fnhs-offer .fnh-contact-actions{
    display:flex; flex-direction:column; gap:15px; align-items:center; flex-wrap:wrap;
  }
  .fnhs-offer .fnh-btn-contact{
    display:flex; align-items:center; justify-content:center; width:100%; max-width:320px;
    padding:15px 25px; border-radius:50px; font-family:'Kanit'; font-size:16px; font-weight:600;
    text-decoration:none; color:#ffffff; box-shadow:0 4px 10px rgba(0,0,0,0.15); border:none;
  }

  .fnhs-offer .fnh-btn-line-app{
    background:linear-gradient(135deg,#06C755,#05a346);
    animation:fnhsPulseOffer 2s infinite ease-in-out;
  }

  .fnhs-offer .fnh-btn-call-app{ background:linear-gradient(135deg,var(--red),#B81A14); }

  .fnhs-offer .fnh-btn-repair-app{
    background:#ffffff; color:#f57c00; border:2px solid #f57c00; box-shadow:none;
  }

  @keyframes fnhsPulseOffer{ 0%{ transform:scale(1); } 50%{ transform:scale(1.03); } 100%{ transform:scale(1); } }
  @media (prefers-reduced-motion: reduce){ .fnhs-offer .fnh-btn-line-app{ animation:none; } }

  @media (min-width:768px){
    .fnhs-offer .fnh-btn-contact{ width:auto; min-width:250px; }
    .fnhs-offer .fnh-contact-actions{ flex-direction:row; justify-content:center; }
  }
/* ป๊อปอัพรายละเอียดสิทธิ์ */
  .fnhs-offer .fnh-benefit-modal-overlay{
    display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:1000;
    align-items:center; justify-content:center; padding:20px;
  }
  .fnhs-offer .fnh-benefit-modal-overlay.open{ display:flex; animation:fnhsOverlayFade 0.2s ease; }
  @keyframes fnhsOverlayFade{ from{ opacity:0; } to{ opacity:1; } }

  .fnhs-offer .fnh-benefit-modal{
    background:#ffffff; border-radius:20px; max-width:360px; width:100%; padding:28px 24px;
    text-align:left; font-family:'IBM Plex Sans Thai',sans-serif; position:relative;
    box-shadow:0 15px 40px rgba(0,0,0,0.25); animation:fnhsModalPop 0.2s ease;
  }
  @keyframes fnhsModalPop{ from{ transform:scale(0.92); opacity:0; } to{ transform:scale(1); opacity:1; } }

  .fnhs-offer .fnh-benefit-modal h3{ font-family:'Kanit'; color:var(--red); font-size:19px; margin:0 0 10px; }
  .fnhs-offer .fnh-benefit-modal p{ font-size:14px; color:var(--muted); line-height:1.6; margin:0; }

  .fnhs-offer .fnh-benefit-modal-close{
    position:absolute; top:14px; right:14px; width:28px; height:28px; border-radius:50%;
    background:#F2F2F2; border:none; font-size:16px; color:var(--muted); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
</style>
<div class="fnhs-offer">
  <div class="fnh-special-offer-container">
    <div class="fnh-offer-header">พิเศษ! สมัครเน็ตบ้านทรู<br>วันนี้ รับสิทธิสุดคุ้ม</div>

    <div class="fnh-benefits-wrapper">
      <button type="button" class="fnh-benefit-item" data-benefit="install">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าติดตั้ง
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="registration">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรกเข้า
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="cable">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าสาย
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="labor">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรงช่าง
      </button>
    </div>

    <div class="fnh-condition-text">
      สิทธิ์ฟรีค่าติดตั้ง ค่าเดินสาย และค่าแรงช่าง มีให้ทุกการติดตั้งตามมาตรฐาน ·
      ส่วนค่าแรกเข้ายกเว้นให้เมื่อที่อยู่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าสาธารณูปโภค (ชื่อไม่จำเป็นต้องตรงกัน)
    </div>
    <a class="fnh-condition-link" href="https://fibernet-hispeed.com/true-fee-waiver-promo/">ดูเงื่อนไขฟรีค่าแรกเข้าแบบละเอียด →</a>

    <div class="fnh-contact-intro">พร้อมดูแลและให้คำปรึกษาฟรี ได้ที่</div>

    <div class="fnh-contact-actions">
      <a href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" class="fnh-btn-contact fnh-btn-line-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-line.webp" alt="LINE" style="width:24px;height:24px;margin-right:10px;">
        <span>Add : LINE สมัครรับส่วนลด!</span>
      </a>

      <a href="tel:0909035115" class="fnh-btn-contact fnh-btn-call-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-tel.webp" alt="Phone" style="width:24px;height:24px;margin-right:10px;">
        <span>โทร 090-903-5115 (Sales)</span>
      </a>

      <a href="https://fibernet-hispeed.com/true-home-internet-support/" class="fnh-btn-contact fnh-btn-repair-app">
        <svg viewBox="0 0 24 24" fill="none" stroke="#f57c00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:24px;height:24px;margin-right:10px;">
          <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
        </svg>
        <span>แจ้งซ่อม / เน็ตเสีย</span>
      </a>
    </div>
  </div>

  <!-- ป๊อปอัพรายละเอียดสิทธิ์ -->
  <div class="fnh-benefit-modal-overlay" id="fnhBenefitModalOverlay">
    <div class="fnh-benefit-modal">
      <button type="button" class="fnh-benefit-modal-close" id="fnhBenefitModalClose">✕</button>
      <h3 id="fnhBenefitModalTitle"></h3>
      <p id="fnhBenefitModalText"></p>
    </div>
  </div>
</div>

<script>
    (function () {
  var modalContent = {
    install: {
      title: "ฟรีค่าติดตั้ง",
      text: "ไม่มีค่าใช้จ่ายในการติดตั้งอุปกรณ์หน้างาน มีให้ทุกการติดตั้งตามมาตรฐาน ไม่มีเงื่อนไขพิเศษ"
    },
    registration: {
      title: "ฟรีค่าแรกเข้า",
      text: "ยกเว้นค่าธรรมเนียมแรกเข้า เมื่อที่อยู่ที่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าน้ำ/ค่าไฟ อย่างใดอย่างหนึ่ง โดยชื่อบนเอกสารไม่จำเป็นต้องตรงกับผู้สมัคร ดูรายละเอียดเพิ่มเติมได้ที่หน้าเงื่อนไขฟรีค่าแรกเข้า"
    },
    cable: {
      title: "ฟรีค่าสาย",
      text: "ไม่คิดค่าสายไฟเบอร์ตามระยะทางมาตรฐานการติดตั้ง หากหน้างานต้องเดินสายเกินระยะมาตรฐานมาก เจ้าหน้าที่จะแจ้งให้ทราบก่อนเสมอ ไม่มีการเก็บเพิ่มโดยไม่บอกล่วงหน้า"
    },
    labor: {
      title: "ฟรีค่าแรงช่าง",
      text: "ไม่มีค่าแรงช่างในการเข้าติดตั้ง ช่างมืออาชีพเดินสาย ติดตั้ง และทดสอบสัญญาณให้จนเสถียร โดยไม่มีค่าใช้จ่ายเพิ่ม"
    }
  };

  var overlay = document.getElementById('fnhBenefitModalOverlay');
  var titleEl = document.getElementById('fnhBenefitModalTitle');
  var textEl = document.getElementById('fnhBenefitModalText');
  var closeBtn = document.getElementById('fnhBenefitModalClose');

  document.querySelectorAll('.fnh-benefit-item').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var key = btn.getAttribute('data-benefit');
      var data = modalContent[key];
      if (!data) return;
      titleEl.textContent = data.title;
      textEl.textContent = data.text;
      overlay.classList.add('open');
    });
  });

  function closeModal() { overlay.classList.remove('open'); }

  closeBtn.addEventListener('click', closeModal);
  overlay.addEventListener('click', function (e) {
    if (e.target === overlay) closeModal();
  });
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') closeModal();
  });
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3be76b6 e-flex e-con-boxed e-con e-parent" data-id="3be76b6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-35dc2a8 elementor-widget elementor-widget-html" data-id="35dc2a8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ขั้นตอนการสมัครเน็ตบ้าน TrueOnline — วางทับของเดิมได้เลย

  🐞 บั๊กและจุดอ่อนที่แก้

  1. เบอร์โทรกับไลน์เป็นข้อความเปล่า กดไม่ได้
     -> ทำเป็นลิงก์ tel: และ lin.ee
        จุดนี้สำคัญที่สุดในไฟล์นี้ เพราะ section นี้คือจังหวะ
        ที่ลูกค้าพร้อมลงมือแล้ว แต่ต้องมาพิมพ์เบอร์เอง

  2. .text-blue ถูกกำหนดเป็นสีแดง #e60000
     ชื่อ class กับสีไม่ตรงกัน วันหลังแก้จะงง -> ลบทิ้ง

  3. ป้ายขั้นตอนฝั่งขวาใช้ float:right + clear:both
     เป็นเทคนิคเก่าที่พังง่ายเมื่อเนื้อหาเปลี่ยน
     -> เปลี่ยนเป็น flex justify-content:flex-end

  4. รูปมี inline style background:#ddd; min-height:100px
     เป็นค่าที่ค้างมาจากตอนทำ placeholder ทำให้เห็นกล่องเทา
     ตอนรูปยังโหลดไม่เสร็จ -> ย้ายไปคุมด้วย CSS แทน

  5. class ชื่อสามัญ (.step-card .step-list .text-red ฯลฯ)
     เสี่ยงชนกับธีมและบล็อกอื่น -> ใส่ prefix .fnhs-step

  ✅ ปรับให้เข้ากับเว็บ
   • #ff0000 / #e60000 / #009cf0 -> #E5231B ชุดเดียวกับทั้งเว็บ
     (คงสีเขียวไลน์ #06C755 ไว้ เพราะเป็นสีแบรนด์ LINE)
   • Prompt -> Kanit + IBM Plex Sans Thai
   • หัวข้อเป็น kicker แดง + h2 เหมือน section อื่น
   • ตัวหนังสือมือถือ 12px -> 13.5px อ่านง่ายขึ้น

  🎨 สี: เปลี่ยน kicker "ขั้นตอนการสมัคร" เป็นไล่สีเดียวกับปุ่มการ์ดโปร
     (#00A3FF -> #FF3366) ด้วย background-clip:text เหมือนไฟล์อื่นๆ ก่อนหน้า
     ส่วนอื่น (เลขขั้นตอน, จุดหน้าข้อความ, ลิงก์โทร) ไม่ได้ขอเปลี่ยน คงสีแดง/เขียวไลน์เดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-step{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --line-green:#06C755;
  max-width:900px; margin:0 auto; padding:20px;
  font-family:'IBM Plex Sans Thai',sans-serif; color:#3B3D44;
}
.fnhs-step *{ box-sizing:border-box; }

/* ---------- หัวข้อ ---------- */
.fnhs-step .step-head{ text-align:center; margin-bottom:42px; }
.fnhs-step .step-kicker{
  display:table; margin:0 auto 8px;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px;
  color:#0B84C4;
  background:linear-gradient(90deg,#00A3FF,#FF3366);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.fnhs-step .step-title{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(21px,3.4vw,30px); color:var(--ink);
  margin:0 0 8px; line-height:1.35;
}
.fnhs-step .step-title .t-true{ color:var(--red); }
.fnhs-step .step-title .t-online{ color:#007bff; }
.fnhs-step .step-sub{ font-size:15px; color:var(--muted); margin:0; }

/* ---------- การ์ดแต่ละขั้นตอน ---------- */
.fnhs-step .step-card{
  display:flex; align-items:center; gap:36px;
  margin-bottom:44px;
}
.fnhs-step .step-card.reverse{ flex-direction:row-reverse; }

.fnhs-step .step-visual{ flex:1; min-width:0; }

/* แถวป้าย — ใช้ flex แทน float ที่พังง่าย */
.fnhs-step .badge-row{ display:flex; }
.fnhs-step .step-card.reverse .badge-row{ justify-content:flex-end; }

.fnhs-step .step-badge{
  display:inline-flex; align-items:center;
  background:#fff;
  border:2px solid var(--line); border-bottom:none;
  padding:9px 18px;
  border-radius:16px 16px 0 0;
  font-family:'Kanit'; font-size:17px; font-weight:600; color:var(--ink);
  position:relative; z-index:2; margin-bottom:-2px;
  white-space:nowrap;
}
.fnhs-step .step-badge .num{
  font-family:'Kanit'; font-size:24px; font-weight:700;
  color:var(--red); margin-right:9px; line-height:1;
}

.fnhs-step .step-image-box{
  border:2px solid var(--line);
  border-radius:0 16px 16px 16px;
  overflow:hidden; background:var(--panel);
  min-height:180px;
  display:flex; align-items:center; justify-content:center;
}
.fnhs-step .step-card.reverse .step-image-box{ border-radius:16px 0 16px 16px; }
.fnhs-step .step-image-box img{
  width:100%; height:auto; display:block; object-fit:cover;
}

/* ---------- ฝั่งข้อความ ---------- */
.fnhs-step .step-details{ flex:1; min-width:0; }
.fnhs-step .step-list{ list-style:none; padding:0; margin:0; }
.fnhs-step .step-list li{
  font-size:17px; color:#3B3D44; line-height:1.65;
  position:relative; padding-left:24px;
}
.fnhs-step .step-list li + li{ margin-top:12px; }
.fnhs-step .step-list li::before{
  content:''; position:absolute; left:0; top:11px;
  width:8px; height:8px; background:var(--red); border-radius:50%;
}

.fnhs-step .t-line{
  color:var(--line-green); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-line:hover{ border-bottom-color:var(--line-green); }
.fnhs-step .t-tel{
  color:var(--red); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-tel:hover{ border-bottom-color:var(--red); }
.fnhs-step .t-red{ color:var(--red); font-weight:600; }

/* ---------- มือถือ ---------- */
@media (max-width:768px){
  .fnhs-step{ padding:10px; }
  .fnhs-step .step-head{ margin-bottom:28px; }
  .fnhs-step .step-sub{ font-size:13.5px; }

  .fnhs-step .step-card{ gap:14px; margin-bottom:28px; }

  .fnhs-step .step-badge{
    font-size:13px; padding:5px 11px; border-width:1px;
  }
  .fnhs-step .step-badge .num{ font-size:17px; margin-right:6px; }

  .fnhs-step .step-image-box{ min-height:90px; border-width:1px; }

  .fnhs-step .step-list li{
    font-size:13.5px; padding-left:16px; line-height:1.6;
  }
  .fnhs-step .step-list li + li{ margin-top:9px; }
  .fnhs-step .step-list li::before{ top:7px; width:6px; height:6px; }
}

@media (prefers-reduced-motion: reduce){
  .fnhs-step .t-line, .fnhs-step .t-tel{ transition:none; }
}
</style>


<div class="fnhs-step">

  <div class="step-head">
    <div class="step-kicker">ขั้นตอนการสมัคร</div>
    <h2 class="step-title">สมัครเน็ตบ้าน <span class="t-true">True</span><span class="t-online">Online</span></h2>
    <p class="step-sub">4 ขั้นตอนง่ายๆ เริ่มได้เลยวันนี้ ไม่ต้องเดินทางไปศูนย์</p>
  </div>

  <!-- ขั้นที่ 1 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">1.</span> แอดไลน์ @truebest</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-1.webp" alt="แอดไลน์ @truebest เพื่อสมัครเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>
          แอดไลน์ <a class="t-line" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">@truebest</a>
          เพื่อเริ่มต้นการสมัคร หรือโทร
          <a class="t-tel" href="tel:0909035115">090-903-5115</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 2 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">2.</span> ตรวจสอบพื้นที่</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-2.webp" alt="ตรวจสอบพื้นที่ให้บริการเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>ส่ง <span class="t-red">Location</span> และพิมพ์รายละเอียดที่อยู่ เพื่อตรวจสอบพื้นที่ติดตั้ง</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 3 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">3.</span> เลือกโปรโมชั่น</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-3.webp" alt="เลือกโปรโมชั่นเน็ตบ้านทรูที่เหมาะกับบ้าน">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกแพ็กเกจที่ต้องการ หรือแจ้งลักษณะการใช้งาน เพื่อให้เจ้าหน้าที่แนะนำแพ็กเกจที่เหมาะสม</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 4 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">4.</span> ส่งเอกสาร</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-4.webp" alt="ส่งเอกสารยืนยันตัวตนและนัดหมายวันติดตั้ง">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกวันและเวลานัดหมาย เพื่อให้ทีมช่างเข้าติดตั้ง</li>
        <li>ส่งเอกสารยืนยันตัวตน พร้อมแจ้งเบอร์ติดต่อ</li>
      </ul>
    </div>
  </div>

</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-41410ce e-flex e-con-boxed e-con e-parent" data-id="41410ce" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-11322e4 elementor-widget elementor-widget-html" data-id="11322e4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  Human Touch — แยกออกมาเป็นไฟล์เดี่ยว (ตัดออกมาจาก fnhs-closing-section.html
  ส่วน .human เดิม ตั้งแต่ "ติดตั้งเน็ตบ้านทรู ที่นี่..." จนถึง "...อย่างเป็นทางการ"
  เนื้อหา/สไตล์เหมือนเดิมทุกจุด แค่ปรับ class prefix ให้ใช้แยกไฟล์ได้เอง
  โดยไม่ต้องพึ่ง .fnhs-closing ครอบ)
========================================================= -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.human-touch-sec{
  font-family:'IBM Plex Sans Thai',sans-serif; line-height:1.65;
  padding:52px 0; background:#fff;
}
.human-touch-sec *{ box-sizing:border-box; }
.human-touch-wrap{ max-width:980px; margin:0 auto; padding:0 22px; }

.human-touch-box{
  background:linear-gradient(135deg, rgba(0,163,255,0.12), rgba(255,51,102,0.12));
  border-radius:24px; padding:32px; text-align:center; max-width:720px; margin:0 auto;
}
.human-touch-box p{ font-size:15px; color:#3B3D44; margin:0; }
.human-touch-box .sign{
  font-family:'Kanit'; font-weight:600; margin-top:14px; font-size:14px; color:#1B1D22;
}
</style>

<section class="human-touch-sec">
  <div class="human-touch-wrap">
    <div class="human-touch-box">
      <p>"ติดตั้งเน็ตบ้านทรู ที่นี่ ติดตั้งง่าย ตามงานทุกขั้นตอน จนกว่าคุณจะติดตั้งเสร็จ พร้อมทีมดูแลหลังการขายตลอดการใช้งาน"</p>
      <div class="sign">— ทีมงาน Best Net WiFi ตัวแทนติดตั้งเน็ตบ้านทรู TrueOnline อย่างเป็นทางการ</div>
    </div>
  </div>
</section>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-289144d e-flex e-con-boxed e-con e-parent" data-id="289144d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-adc3510 elementor-widget elementor-widget-html" data-id="adc3510" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    .banner-container {
        border-radius: 20px; /* ปรับความมน */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* เงาสวย */
        overflow: hidden; /* ทำให้รูปโค้งตามขอบ */
        display: block;
        transition: transform 0.3s ease;
    }
    
    .banner-container img {
        width: 100%;
        height: auto;
        display: block;
    }

    .banner-container:hover {
        transform: translateY(-5px); /* ยกตัวขึ้นเมื่อเอาเมาส์ชี้ */
    }
</style>

<a href="https://lin.ee/UtX10gR" class="banner-container" target="_blank" rel="noopener">
    <picture>
      <source media="(max-width: 767px)" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp">
      
      <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp" 
           alt="ติดต่อเจ้าหน้าที่ติดตั้งเน็ตบ้านทรู พร้อมดูแลคุณ ปรึกษาฟรี" 
           loading="lazy">
    </picture>
</a>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-47a2d89 e-flex e-con-boxed e-con e-parent" data-id="47a2d89" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-205b6ba elementor-widget elementor-widget-html" data-id="205b6ba" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ปุ่มลอยข้าง (LINE ซ้าย / โทร ขวา) — ลอยติดขอบจอ ค้างอยู่ตลอดตอนเลื่อนหน้า
  ใช้ไอคอน v2 ที่ทำมาเอง พื้นหลังโปร่งใส เป็นรูปทรงยาว 1500x680px (อัตราส่วน ~2.2:1)
  ต่างจากเวอร์ชันแรกที่เป็นสี่เหลี่ยมจัตุรัส เลยเปลี่ยนกล่องจากสี่เหลี่ยมจัตุรัส
  เป็นทรงยาวตามอัตราส่วนภาพจริง (aspect-ratio:1500/680) แทน:
    - ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v2_0.webp   -> ลอยขอบซ้าย
    - ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp        -> ลอยขอบขวา

  ตั้งความกว้างไว้ที่ 130px บนคอม/แท็บเล็ต และ 110px บนมือถือ (สูงคำนวณตามสัดส่วนภาพ)

  แก้จากรอบก่อน: เดิมตั้งให้ซ่อนบนมือถือ (คิดว่าจะซ้ำกับ quick-action-bar.html
  ที่มี LINE/โทร อยู่แล้ว) ตอนนี้เปลี่ยนใจให้โชว์ทุกขนาดจอตามที่ขอ

  ลิงก์ LINE/เบอร์โทร ใช้ค่าเดียวกับ quick-action-bar.html
========================================================= -->

<style>
  .fnhs-float-side a{
    position:fixed; bottom:24px; z-index:9997;
    display:block; width:130px; height:auto; aspect-ratio:1500/680;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,0.3));
    transition:transform .2s ease, filter .2s ease;
  }
  .fnhs-float-side a:hover{
    transform:translateY(-3px) scale(1.05);
    filter:drop-shadow(0 8px 16px rgba(0,0,0,0.35));
  }
  .fnhs-float-side a img{
    width:100%; height:100%; object-fit:contain; display:block;
  }

  .fnhs-float-side .side-line{ left:18px; }
  .fnhs-float-side .side-call{ right:18px; }

  /* จังหวะเด้งเบาๆ ดึงสายตา ไม่ถี่เกินไปจนรำคาญ */
  .fnhs-float-side a.pulse{ animation:fnhsFloatPulse 2.6s ease-in-out infinite; }
  @keyframes fnhsFloatPulse{
    0%, 100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
  }

  @media (max-width:480px){
    .fnhs-float-side a{ width:110px; bottom:16px; }
    .fnhs-float-side .side-line{ left:12px; }
    .fnhs-float-side .side-call{ right:12px; }
  }

  @media (prefers-reduced-motion: reduce){
    .fnhs-float-side a{ transition:none; }
    .fnhs-float-side a.pulse{ animation:none; }
  }
</style>

<div class="fnhs-float-side">
  <a class="side-line pulse" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" aria-label="แอดไลน์รับส่วนลด">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v3.webp" alt="แอดไลน์รับส่วนลด">
  </a>
  <a class="side-call pulse" href="tel:0909035115" aria-label="โทรปรึกษาฟรี">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp" alt="โทรปรึกษาฟรี">
  </a>
</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-893ab71 e-flex e-con-boxed e-con e-parent" data-id="893ab71" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81fd089 elementor-widget elementor-widget-html" data-id="81fd089" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ปุ่มลอยข้าง (LINE ซ้าย / โทร ขวา) — ลอยติดขอบจอ ค้างอยู่ตลอดตอนเลื่อนหน้า
  ใช้ไอคอน v2 ที่ทำมาเอง พื้นหลังโปร่งใส เป็นรูปทรงยาว 1500x680px (อัตราส่วน ~2.2:1)
  ต่างจากเวอร์ชันแรกที่เป็นสี่เหลี่ยมจัตุรัส เลยเปลี่ยนกล่องจากสี่เหลี่ยมจัตุรัส
  เป็นทรงยาวตามอัตราส่วนภาพจริง (aspect-ratio:1500/680) แทน:
    - ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v2_0.webp   -> ลอยขอบซ้าย
    - ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp        -> ลอยขอบขวา

  ตั้งความกว้างไว้ที่ 130px บนคอม/แท็บเล็ต และ 110px บนมือถือ (สูงคำนวณตามสัดส่วนภาพ)

  แก้จากรอบก่อน: เดิมตั้งให้ซ่อนบนมือถือ (คิดว่าจะซ้ำกับ quick-action-bar.html
  ที่มี LINE/โทร อยู่แล้ว) ตอนนี้เปลี่ยนใจให้โชว์ทุกขนาดจอตามที่ขอ

  ลิงก์ LINE/เบอร์โทร ใช้ค่าเดียวกับ quick-action-bar.html
========================================================= -->

<style>
  .fnhs-float-side a{
    position:fixed; bottom:24px; z-index:9997;
    display:block; width:130px; height:auto; aspect-ratio:1500/680;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,0.3));
    transition:transform .2s ease, filter .2s ease;
  }
  .fnhs-float-side a:hover{
    transform:translateY(-3px) scale(1.05);
    filter:drop-shadow(0 8px 16px rgba(0,0,0,0.35));
  }
  .fnhs-float-side a img{
    width:100%; height:100%; object-fit:contain; display:block;
  }

  .fnhs-float-side .side-line{ left:18px; }
  .fnhs-float-side .side-call{ right:18px; }

  /* จังหวะเด้งเบาๆ ดึงสายตา ไม่ถี่เกินไปจนรำคาญ */
  .fnhs-float-side a.pulse{ animation:fnhsFloatPulse 2.6s ease-in-out infinite; }
  @keyframes fnhsFloatPulse{
    0%, 100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
  }

  @media (max-width:480px){
    .fnhs-float-side a{ width:110px; bottom:16px; }
    .fnhs-float-side .side-line{ left:12px; }
    .fnhs-float-side .side-call{ right:12px; }
  }

  @media (prefers-reduced-motion: reduce){
    .fnhs-float-side a{ transition:none; }
    .fnhs-float-side a.pulse{ animation:none; }
  }
</style>

<div class="fnhs-float-side">
  <a class="side-line pulse" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" aria-label="แอดไลน์รับส่วนลด">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v3.webp" alt="แอดไลน์รับส่วนลด">
  </a>
  <a class="side-call pulse" href="tel:0909035115" aria-label="โทรปรึกษาฟรี">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp" alt="โทรปรึกษาฟรี">
  </a>
</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-67bb20f e-flex e-con-boxed e-con e-parent" data-id="67bb20f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2c79514 elementor-widget elementor-widget-html" data-id="2c79514" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  แถบลอยด้านบนจอ (พื้นขาว) — โลโก้ทรูฝั่งซ้าย / ปุ่มหน้าแรกฝั่งขวา
  ไม่โผล่ตั้งแต่โหลดหน้า จะโผล่มาก็ต่อเมื่อลูกค้าเลื่อนหน้าลง
  แล้วถ้าเลื่อนกลับขึ้นไปจนสุดด้านบนอีกครั้ง แถบนี้จะหายไป
  (ใช้ scrollY เป็นตัวเช็ค ต่างจาก floating-top-bar.html ที่เช็คจาก hero)

  ปุ่มฝั่งขวาเป็นไอคอนบ้าน (หน้าแรก) กดแล้วพาไปหน้าแรกของเว็บตรงๆ
  ไม่ใช่เมนูแบบเดิมแล้ว (เอาส่วนกางเมนูออก ไม่ใช้แล้ว)
========================================================= -->

<style>
  .fnhs-logobar{
    position:fixed; top:0; left:0; right:0;
    z-index:100000;
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    font-family:'Kanit','IBM Plex Sans Thai',sans-serif;
    transform:translateY(-100%);
    opacity:0;
    transition:transform .3s ease, opacity .3s ease;
    pointer-events:none;
  }
  .fnhs-logobar.is-visible{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  @media (prefers-reduced-motion: reduce){
    .fnhs-logobar{ transition:none; }
  }

  .fnhs-logobar-inner{
    max-width:1180px; margin:0 auto;
    display:flex; align-items:center; justify-content:space-between;
    padding:8px 16px;
  }
  .fnhs-logobar-logo{
    display:flex; align-items:center;
  }
  .fnhs-logobar-logo img{
    height:38px; width:auto; display:block;
  }

  .fnhs-logobar-homebtn{
    display:flex; align-items:center; gap:6px;
    text-decoration:none;
    background:#F2F2F3; cursor:pointer;
    padding:8px 14px; border-radius:999px;
    font-family:inherit; font-size:13px; font-weight:600; color:#1B1D22;
    transition:background .2s ease;
  }
  .fnhs-logobar-homebtn:hover{ background:#E8E8EA; }
  .fnhs-logobar-homebtn svg{ width:18px; height:18px; flex-shrink:0; }

  @media (max-width:480px){
    .fnhs-logobar-inner{ padding:7px 12px; }
    .fnhs-logobar-logo img{ height:32px; }
    .fnhs-logobar-homebtn{ padding:7px 11px; font-size:12px; }
  }
</style>

<div class="fnhs-logobar" id="fnhsLogobar">
  <div class="fnhs-logobar-inner">
    <a class="fnhs-logobar-logo" href="https://fibernet-hispeed.com/" aria-label="กลับหน้าแรก">
      <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/logo-best-true-1.webp" alt="True Online">
    </a>
    <a class="fnhs-logobar-homebtn" href="https://fibernet-hispeed.com/" aria-label="กลับหน้าแรก">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11.5 12 4l9 7.5"></path><path d="M5 10v10a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1V10"></path></svg>
      <span>หน้าแรก</span>
    </a>
  </div>
</div>

<script>
(function(){
  function init(){
    var bar = document.getElementById('fnhsLogobar');
    if(!bar) return;

    var THRESHOLD = 80;
    var visible = false;

    function update(){
      var shouldShow = window.scrollY > THRESHOLD;
      if(shouldShow && !visible){
        visible = true;
        bar.classList.add('is-visible');
      } else if(!shouldShow && visible){
        visible = false;
        bar.classList.remove('is-visible');
      }
    }

    window.addEventListener('scroll', update, { passive:true });
    update();
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-19fa044 e-flex e-con-boxed e-con e-parent" data-id="19fa044" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a64d47c elementor-widget elementor-widget-html" data-id="a64d47c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  คำถามที่พบบ่อย (FAQ) — เน็ตบ้านทรู แรงสุดๆ WiFi7 แรงสูงสุด 2Gbps (WI1-WI3)
  ปรับรูปแบบให้เหมือนกับ fullset-faq-section.html / dtac-faq-section.html /
  ami-faq-section.html ทุกจุด
  (ไล่สีฟ้า-ชมพู #00A3FF -> #FF3366, ไอคอน +/− ตอนเปิด, hover ยกลอยเบาๆ)
========================================================= -->

<style>
    .faq-container {
        --g1:#00A3FF; --g2:#FF3366; --grad:linear-gradient(90deg,var(--g1),var(--g2));
        max-width: 800px;
        margin: 40px auto;
        padding: 0 20px;
        font-family: 'Kanit','IBM Plex Sans Thai', sans-serif;
    }

    /* หัวข้อหลัก FAQ */
    .faq-header {
        font-size: 24px;
        font-weight: 700;
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
        margin-bottom: 20px;
        border-bottom: 3px solid transparent;
        border-image: var(--grad) 1;
        padding-bottom: 10px;
        display: inline-block;
    }

    /* สไตล์ของกล่องคำถามแต่ละข้อ */
    .faq-item {
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 14px;
        margin-bottom: 15px;
        transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
        overflow: hidden;
    }

    .faq-item:hover {
        box-shadow: 0 10px 22px rgba(255,51,102,.12);
        border-color: #ffd7e2;
        transform: translateY(-2px);
    }

    /* ส่วนแถบคำถาม (กดได้) */
    .faq-question {
        padding: 18px 20px;
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none; /* ซ่อนลูกศร default ของบราวเซอร์ */
        outline: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* ซ่อนลูกศร default ของ Safari/Chrome */
    .faq-question::-webkit-details-marker {
        display: none;
    }

    /* สร้างไอคอน + ด้านขวามือ */
    .faq-question::after {
        content: '+';
        font-size: 24px;
        font-weight: 400;
        color: #888888;
        transition: transform 0.3s ease, color 0.3s ease;
        margin-left: 15px;
    }

    /* เมื่อนำเมาส์ชี้แถบคำถาม */
    .faq-question:hover {
        background-color: #fcfcfc;
        color: var(--g2);
    }

    /* =========================================
       สไตล์เมื่อกล่องคำถาม "ถูกเปิดออก (Open)"
       ========================================= */
    details[open].faq-item {
        border-color: transparent;
        border-image: var(--grad) 1;
    }

    details[open] .faq-question {
        color: var(--g2);
        border-bottom: 1px dashed #e0e0e0;
    }

    /* เปลี่ยนไอคอน + เป็น - และหมุน */
    details[open] .faq-question::after {
        content: '−'; /* ใช้เครื่องหมายลบ */
        color: var(--g2);
        transform: rotate(180deg);
    }

    /* ส่วนของคำตอบ */
    .faq-answer {
        padding: 20px;
        font-size: 15px;
        color: #555555;
        line-height: 1.6;
        background-color: #fdfdfd;
    }
    .faq-answer strong{
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
    }

    /* สำหรับหน้าจอมือถือ */
    @media (max-width: 768px) {
        .faq-header { font-size: 20px; }
        .faq-question { font-size: 15px; padding: 15px; }
        .faq-answer { font-size: 14px; padding: 15px; }
    }
    @media (prefers-reduced-motion: reduce){
        .faq-item{ transition: none; }
        .faq-item:hover{ transform: none; }
    }
</style>

<div class="faq-container">
    <h2 class="faq-header">คำถามที่พบบ่อย (FAQ) - เน็ตบ้านทรู แรงสุดๆ WiFi7 แรงสูงสุด 2Gbps</h2>

    <!-- ข้อที่ 1 -->
    <details class="faq-item">
        <summary class="faq-question">1. โปร WiFi7 มีกี่แบบ ราคาเท่าไหร่ ต่างกันอย่างไร?</summary>
        <div class="faq-answer">
            มีให้เลือก <strong>3 แพ็กเกจ</strong> สัญญา 2 ปี ทุกโปรได้รับเราเตอร์ WiFi7 จำนวน 2 ตัวแบบ Mesh:
            <ul style="margin:8px 0 0; padding-left:20px;">
                <li><strong>WI1 – 799 บาท/เดือน</strong> : ความเร็ว 1000/1000 Mbps (1Gbps/1Gbps) + แอปทรูไอดี</li>
                <li><strong>WI2 – 1,299 บาท/เดือน</strong> : ความเร็ว 1500/1000 Mbps (1.5Gbps/1Gbps) + ซิมทรู 30GB + กล่องทีวี Gen3 + คอนเทนต์ VIU/iQIYI</li>
                <li><strong>WI3 – 1,399 บาท/เดือน</strong> : ความเร็วสูงสุด 2000/1000 Mbps (2Gbps/1Gbps) + ซิมทรู 30GB + กล่องทีวี Gen3 + คอนเทนต์ครบชุด (Now ENT/VIU/iQIYI)</li>
            </ul>
        </div>
    </details>

    <!-- ข้อที่ 2 -->
    <details class="faq-item">
        <summary class="faq-question">2. WiFi7 ต่างจาก WiFi6 อย่างไร?</summary>
        <div class="faq-answer">
            WiFi7 เป็นมาตรฐานใหม่ล่าสุดที่รองรับ<strong>ความเร็วสูงสุด</strong>และ<strong>ความหน่วงต่ำ</strong>กว่า WiFi6 อย่างชัดเจน รองรับอุปกรณ์เชื่อมต่อพร้อมกันจำนวนมากได้ดีขึ้น เหมาะกับบ้านที่มีอุปกรณ์ Smart Home เยอะ เล่นเกมออนไลน์ หรือสตรีมวิดีโอความละเอียดสูงหลายจอพร้อมกัน
        </div>
    </details>

    <!-- ข้อที่ 3 -->
    <details class="faq-item">
        <summary class="faq-question">3. เราเตอร์ 2 ตัวที่ได้รับทำงานร่วมกันอย่างไร?</summary>
        <div class="faq-answer">
            ตัวแรกทำหน้าที่เป็น <strong>Router หลัก</strong> เชื่อมต่อสายไฟเบอร์เข้าบ้าน ส่วนตัวที่สองทำหน้าที่เป็น<strong>ตัวกระจายสัญญาณ (Mesh)</strong> ช่วยขยายพื้นที่ครอบคลุม WiFi ให้ทั่วบ้าน ลดจุดอับสัญญาณ โดยทั้งสองตัวทำงานเป็นเครือข่ายเดียวกัน ไม่ต้องสลับ WiFi เองเวลาเดินไปมาในบ้าน
        </div>
    </details>

    <!-- ข้อที่ 4 -->
    <details class="faq-item">
        <summary class="faq-question">4. อยากได้ความเร็วเต็มสปีด 2Gbps ต้องใช้งานยังไง?</summary>
        <div class="faq-answer">
            ความเร็วสูงสุดที่ทดสอบได้เต็มที่มักต้องเชื่อมต่อผ่าน<strong>สาย LAN</strong> เข้ากับอุปกรณ์ที่รองรับพอร์ตความเร็วสูง (เช่น พอร์ต 2.5G/10G) ส่วนการเชื่อมต่อผ่าน WiFi ความเร็วที่ได้จริงจะขึ้นอยู่กับอุปกรณ์ปลายทาง (มือถือ/โน้ตบุ๊ก) ว่ารองรับมาตรฐาน WiFi7 หรือไม่ และระยะห่างจากเราเตอร์ด้วย
        </div>
    </details>

    <!-- ข้อที่ 5 -->
    <details class="faq-item">
        <summary class="faq-question">5. มีค่าใช้จ่ายในวันติดตั้งหรือไม่?</summary>
        <div class="faq-answer">
            ไม่มีค่าใช้จ่ายในวันติดตั้ง (ฟรีค่าช่าง ฟรีค่าเดินสาย และยืมอุปกรณ์เราเตอร์ทั้ง 2 ตัวฟรี) ลูกค้าจะเริ่มชำระค่าบริการรอบบิลแรกในเดือนถัดไปตามปกติ
        </div>
    </details>
</div>


<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"โปร WiFi7 มีกี่แบบ ราคาเท่าไหร่ ต่างกันอย่างไร?","acceptedAnswer":{"@type":"Answer","text":"มีให้เลือก 3 แพ็กเกจ สัญญา 2 ปี ทุกโปรได้รับเราเตอร์ WiFi7 จำนวน 2 ตัวแบบ Mesh: WI1 – 799 บาท/เดือน : ความเร็ว 1000/1000 Mbps (1Gbps/1Gbps) + แอปทรูไอดี WI2 – 1,299 บาท/เดือน : ความเร็ว 1500/1000 Mbps (1.5Gbps/1Gbps) + ซิมทรู 30GB + กล่องทีวี Gen3 + คอนเทนต์ VIU/iQIYI WI3 – 1,399 บาท/เดือน : ความเร็วสูงสุด 2000/1000 Mbps (2Gbps/1Gbps) + ซิมทรู 30GB + กล่องทีวี Gen3 + คอนเทนต์ครบชุด (Now ENT/VIU/iQIYI)"}},{"@type":"Question","name":"WiFi7 ต่างจาก WiFi6 อย่างไร?","acceptedAnswer":{"@type":"Answer","text":"WiFi7 เป็นมาตรฐานใหม่ล่าสุดที่รองรับความเร็วสูงสุดและความหน่วงต่ำกว่า WiFi6 อย่างชัดเจน รองรับอุปกรณ์เชื่อมต่อพร้อมกันจำนวนมากได้ดีขึ้น เหมาะกับบ้านที่มีอุปกรณ์ Smart Home เยอะ เล่นเกมออนไลน์ หรือสตรีมวิดีโอความละเอียดสูงหลายจอพร้อมกัน"}},{"@type":"Question","name":"เราเตอร์ 2 ตัวที่ได้รับทำงานร่วมกันอย่างไร?","acceptedAnswer":{"@type":"Answer","text":"ตัวแรกทำหน้าที่เป็น Router หลัก เชื่อมต่อสายไฟเบอร์เข้าบ้าน ส่วนตัวที่สองทำหน้าที่เป็นตัวกระจายสัญญาณ (Mesh) ช่วยขยายพื้นที่ครอบคลุม WiFi ให้ทั่วบ้าน ลดจุดอับสัญญาณ โดยทั้งสองตัวทำงานเป็นเครือข่ายเดียวกัน ไม่ต้องสลับ WiFi เองเวลาเดินไปมาในบ้าน"}},{"@type":"Question","name":"อยากได้ความเร็วเต็มสปีด 2Gbps ต้องใช้งานยังไง?","acceptedAnswer":{"@type":"Answer","text":"ความเร็วสูงสุดที่ทดสอบได้เต็มที่มักต้องเชื่อมต่อผ่านสาย LAN เข้ากับอุปกรณ์ที่รองรับพอร์ตความเร็วสูง (เช่น พอร์ต 2.5G/10G) ส่วนการเชื่อมต่อผ่าน WiFi ความเร็วที่ได้จริงจะขึ้นอยู่กับอุปกรณ์ปลายทาง (มือถือ/โน้ตบุ๊ก) ว่ารองรับมาตรฐาน WiFi7 หรือไม่ และระยะห่างจากเราเตอร์ด้วย"}},{"@type":"Question","name":"มีค่าใช้จ่ายในวันติดตั้งหรือไม่?","acceptedAnswer":{"@type":"Answer","text":"ไม่มีค่าใช้จ่ายในวันติดตั้ง (ฟรีค่าช่าง ฟรีค่าเดินสาย และยืมอุปกรณ์เราเตอร์ทั้ง 2 ตัวฟรี) ลูกค้าจะเริ่มชำระค่าบริการรอบบิลแรกในเดือนถัดไปตามปกติ"}}]}</script>				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>โปรเน็ตบ้านทรู พร้อมAmi ผู้ช่วยอัจฉริยะ</title>
		<link>https://fibernet-hispeed.com/true-ami-promo/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Fri, 28 Aug 2026 03:05:20 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=6004</guid>

					<description><![CDATA[โปรเน็ตบ้านทรู พร้อมกล่อง Ami ผู้ช่วยอัจฉริยะ เริ่ม 618 บาท/เดือน โปรเน็ตบ้าน พร้อมกล่อง Ami (AM1) ราคา 618 บาท (รวมภาษี 661.26 บาท) ได้รับ กล่องเราเตอร์ไวไฟ รุ่น [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6004" class="elementor elementor-6004" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5eac5c5 e-flex e-con-boxed e-con e-parent" data-id="5eac5c5" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-39126ec elementor-widget elementor-widget-image" data-id="39126ec" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="608" height="1024" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM-608x1024.webp" class="attachment-large size-large wp-image-6186" alt="โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM-608x1024.webp 608w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM-178x300.webp 178w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM-768x1293.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM-912x1536.webp 912w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM-1217x2048.webp 1217w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรูพร้อมกล่องเอมี่-AM-scaled.webp 1521w" sizes="(max-width: 608px) 100vw, 608px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-f088ad4 e-flex e-con-boxed e-con e-parent" data-id="f088ad4" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f85d53c elementor-widget elementor-widget-html" data-id="f85d53c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดโปรโมชั่น TrueOnline เน็ตบ้าน พร้อมกล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ
  (AM1-AM3)
  ใช้โครงสร้าง/สไตล์เดียวกับ dtac-howto-section.html / fullset-howto-section.html
  / mesh-howto-section.html ทุกจุด (ราคาขีดฆ่า/ปุ่ม lightbox/โปร 1 ปีแบบ modal)

  ✅ ตรวจ VAT ทุกโปรแล้ว ตรงกับราคาที่แจ้ง (618×1.07=661.26, 698×1.07=746.86,
  719×1.07=769.33) ไม่มีจุดผิด
  หมายเหตุ: ข้อมูลที่ส่งมามีเฉพาะโปร 1 ปี AM1.1 เท่านั้น (ไม่มี AM2.1/AM3.1)
  จึงยังไม่ใส่ในไฟล์นี้ ถ้ามีข้อมูลเพิ่มเติมส่งมาได้เลย
========================================================= -->

<style>
.am-howto{ font-family:'Prompt','IBM Plex Sans Thai',sans-serif; max-width:680px; margin:0 auto; padding:30px 26px; background:#fff; border-radius:16px; color:#333333; }
.am-howto *{ box-sizing:border-box; }
.am-howto-header{ text-align:center; margin-bottom:26px; }
.am-howto-title{ font-size:28px; font-weight:700; margin:0 0 6px; color:#222222; line-height:1.4; }
.am-howto-gradient{ background:linear-gradient(90deg,#00A3FF,#FF3366); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

.am-block{ padding:26px 0; }
.am-block:first-of-type{ padding-top:0; }

.am-row{ display:flex; gap:26px; margin-bottom:16px; }
.am-left{ flex:0 0 220px; }
.am-right{ flex:1; min-width:0; }

.am-head{ font-size:15.5px; font-weight:700; color:#222; margin:0 0 6px; line-height:1.5; }
.am-price-line{ font-size:16px; font-weight:700; color:#222; margin:0 0 2px; }
.am-price-line .am-price{ color:#007bff; }
.am-vat{ font-size:12.5px; color:#888; margin:0 0 12px; }
.am-contract{ font-size:14px; color:#444; margin:0 0 4px; }

.am-list{ list-style:none; padding:0; margin:0; }
.am-list li{ font-size:14px; color:#444; position:relative; padding-left:16px; line-height:1.7; margin-bottom:8px; }
.am-list li::before{ content:''; position:absolute; left:0; top:8px; width:6px; height:6px; background:#e60000; border-radius:50%; }

.am-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.am-cta{ flex:1; min-width:150px; text-align:center; background:linear-gradient(90deg,#00A3FF,#FF3366); color:#ffffff !important; padding:12px; border-radius:50px; text-decoration:none; font-weight:600; font-size:14px; box-shadow:0 4px 10px rgba(255,51,102,0.3); transition:box-shadow .3s ease; }
.am-cta:hover{ box-shadow:0 6px 15px rgba(255,51,102,0.5); }
.am-view{ flex:1; min-width:150px; text-align:center; background:#F4F6F8; color:#444 !important; padding:12px; border-radius:50px; font-family:inherit; text-decoration:none; font-weight:600; font-size:14px; border:1px solid #e5e7eb; cursor:pointer; transition:background .2s ease; }
.am-view:hover{ background:#eceef2; }

.am-divider{ border:0; height:3px; background:linear-gradient(90deg,#00A3FF,#FF3366); opacity:.35; border-radius:3px; margin:0; }

.am-lightbox{ position:fixed; inset:0; background:rgba(0,0,0,0.75); display:none; flex-direction:column; align-items:center; justify-content:center; padding:70px 16px 24px; z-index:999; touch-action:none; }
.am-lightbox.open{ display:flex; }
.am-lightbox img{ max-width:100%; max-height:100%; border-radius:12px; display:block; touch-action:pinch-zoom; }
.am-lightbox #amLightboxLink{ display:block; max-width:100%; max-height:100%; line-height:0; }
.am-lightbox-close{ position:fixed; top:14px; right:14px; width:44px; height:44px; border-radius:50%; background:#fff; border:none; display:flex; align-items:center; justify-content:center; color:#333; font-size:20px; font-weight:700; line-height:1; cursor:pointer; z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,0.3); touch-action:manipulation; }

.am-year1-overlay{ position:fixed; inset:0; background:rgba(0,0,0,0.6); display:none; align-items:center; justify-content:center; padding:20px; z-index:998; }
.am-year1-overlay.open{ display:flex; }
.am-year1-modal{ background:#fff; border-radius:20px; max-width:560px; width:100%; max-height:85vh; overflow-y:auto; position:relative; padding:28px 24px; font-family:'Prompt','IBM Plex Sans Thai',sans-serif; -webkit-overflow-scrolling:touch; }
.am-year1-close{ position:sticky; top:0; float:right; margin-top:-8px; margin-right:-8px; width:36px; height:36px; border-radius:50%; background:#F4F6F8; border:none; display:flex; align-items:center; justify-content:center; color:#333; font-size:18px; font-weight:700; cursor:pointer; z-index:2; }
.am-year1-title{ font-size:19px; font-weight:700; margin:0 0 4px; color:#222; line-height:1.4; clear:both; }
.am-year1-sub{ font-size:13px; color:#888; margin:0 0 20px; }

.am-year1-item{ padding:16px 0; border-top:1px dashed #e5e7eb; }
.am-year1-item:first-of-type{ border-top:none; padding-top:4px; }
.am-year1-head{ font-size:15px; font-weight:700; color:#222; margin:0 0 2px; }
.am-year1-price{ font-size:15px; font-weight:700; color:#007bff; margin:0 0 2px; }
.am-year1-vat{ font-size:12px; color:#888; margin:0 0 8px; }
.am-year1-list{ list-style:none; padding:0; margin:0 0 6px; }
.am-year1-list li{ font-size:13.5px; color:#444; position:relative; padding-left:14px; line-height:1.65; margin-bottom:4px; }
.am-year1-list li::before{ content:''; position:absolute; left:0; top:7px; width:5px; height:5px; background:#e60000; border-radius:50%; }
.am-year1-contract{ font-size:12.5px; color:#666; }

.am-year1-cta{ display:block; text-align:center; margin-top:20px; background:linear-gradient(90deg,#00A3FF,#FF3366); color:#fff !important; padding:12px; border-radius:50px; text-decoration:none; font-weight:600; font-size:14px; box-shadow:0 4px 10px rgba(255,51,102,0.3); }

@media(max-width:600px){
  .am-howto{ padding:20px 16px; }
  .am-howto-title{ font-size:22px; }
  .am-row{ flex-direction:column; gap:12px; }
  .am-left{ flex:none; }

  .am-lightbox{ padding:70px 24px 40px; }
  .am-lightbox img{ max-width:88%; max-height:65vh; }
  .am-lightbox-close{ top:56px; right:20px; }

  .am-year1-modal{ padding:22px 18px; max-height:80vh; }
  .am-year1-title{ font-size:17px; }
}
</style>

<div class="am-howto">

  <div class="am-howto-header">
    <h1 class="am-howto-title">โปรเน็ตบ้านทรู พร้อมกล่อง Ami ผู้ช่วยอัจฉริยะ เริ่ม 618 บาท/เดือน</h1>
  </div>

  <!-- AM1 -->
  <div class="am-block">
    <div class="am-row">
      <div class="am-left">
        <p class="am-head">โปรเน็ตบ้าน พร้อมกล่อง Ami (AM1)</p>
        <p class="am-price-line">ราคา <span class="am-price">618</span> บาท</p>
        <p class="am-vat">(รวมภาษี 661.26 บาท)</p>
      </div>
      <div class="am-right">
        <ul class="am-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi6 ความเร็ว 500/500 Mbps ไม่จำกัด หลังติดตั้ง สามารถปรับความเร็วได้ฟรี เป็น 1000/300 Mbps</li>
          <li>ได้รับ กล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ</li>
          <li>แถมฟรี หลอดไฟ Light Bulb อัจฉริยะ</li>
          <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
        </ul>
      </div>
    </div>
    <p class="am-contract">(สัญญา 2 ปี มีแบบสัญญา 1 ปี)</p>
    <div class="am-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้าน พร้อมกล่อง Ami (AM1)" target="_blank" rel="noopener" class="am-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="am-view" onclick="amOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-พร้อมกล่องเอมี่-AM1.webp','AM1')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>
  <hr class="am-divider">

  <!-- AM2 -->
  <div class="am-block">
    <div class="am-row">
      <div class="am-left">
        <p class="am-head">โปรเน็ตบ้าน พร้อมกล่อง Ami (AM2)</p>
        <p class="am-price-line">ราคา <span class="am-price">698</span> บาท</p>
        <p class="am-vat">(รวมภาษี 746.86 บาท)</p>
      </div>
      <div class="am-right">
        <ul class="am-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi6 ความเร็ว 500/500 Mbps ไม่จำกัด</li>
          <li>ได้รับ กล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ</li>
          <li>ได้รับ กล้องวงจรปิด CCTV แถมฟรี ระบบ Cloud ดูภาพย้อนหลังได้ 7 วัน</li>
          <li>แถมฟรี ปุ่มกดฉุกเฉินอัจฉริยะ (TrueX Smart SOS Button 2 Zigbee)</li>
          <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
        </ul>
      </div>
    </div>
    <p class="am-contract">(สัญญา 2 ปี)</p>
    <div class="am-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้าน พร้อมกล่อง Ami (AM2)" target="_blank" rel="noopener" class="am-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="am-view" onclick="amOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-พร้อมกล่องAmi-AM2_0.webp','AM2')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>
  <hr class="am-divider">

  <!-- AM3 -->
  <div class="am-block">
    <div class="am-row">
      <div class="am-left">
        <p class="am-head">โปรเน็ตบ้าน พร้อมกล่อง Ami (AM3)</p>
        <p class="am-price-line">ราคา <span class="am-price">719</span> บาท</p>
        <p class="am-vat">(รวมภาษี 769.33 บาท)</p>
      </div>
      <div class="am-right">
        <ul class="am-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi6 ความเร็ว 500/500 Mbps ไม่จำกัด</li>
          <li>ได้รับ กล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ</li>
          <li>ได้รับ กล่องทีวี TrueID TV Gen2 รับชมรายการ 60 ช่อง</li>
          <li>แถม คอนเทนต์ เลือกรับ 2 ใน 3 ฟรีคอนเทนต์ iQIYI, VIU, Wetv นาน 24 เดือน</li>
        </ul>
      </div>
    </div>
    <p class="am-contract">(สัญญา 2 ปี)</p>
    <div class="am-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้าน พร้อมกล่อง Ami (AM3)" target="_blank" rel="noopener" class="am-cta">สนใจสมัครโปรนี้ คลิก</a>
      <button type="button" class="am-view" onclick="amOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-พร้อมกล่องAmi-AM3_0.webp','AM3')">ดูภาพโปรเพิ่มเติม</button>
    </div>
  </div>

  <div style="text-align:center; margin-top:6px;">
    <button type="button" class="am-cta" style="display:inline-block; max-width:320px; border:none; cursor:pointer;" onclick="amOpenYear1Modal()">ดูโปรแบบสัญญา 1 ปี เพิ่มเติม</button>
  </div>

</div>

<div class="am-year1-overlay" id="amYear1Overlay">
  <div class="am-year1-modal">
    <button type="button" class="am-year1-close" id="amYear1Close" aria-label="ปิด">✕</button>
    <h3 class="am-year1-title">โปรโมชั่นพิเศษ แบบ 1 ปี</h3>
    <p class="am-year1-sub">ได้รับ กล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ</p>

    <div class="am-year1-item">
      <p class="am-year1-head">โปร AM1.1</p>
      <p class="am-year1-price">618 บาท <span class="am-year1-vat">(รวมภาษี 661.26 บาท)</span></p>
      <ul class="am-year1-list">
        <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi6 ความเร็ว 300/300 Mbps ไม่จำกัด หลังติดตั้ง สามารถปรับความเร็วได้ฟรี เป็น 1000/300 Mbps</li>
        <li>ได้รับ กล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ</li>
        <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
      </ul>
      <p class="am-year1-contract">(สัญญา 1 ปี)</p>
      <div class="am-actions" style="margin-top:10px;">
        <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้าน พร้อมกล่อง Ami (AM1.1)" target="_blank" rel="noopener" class="am-cta">สนใจสมัครโปรนี้ คลิก</a>
        <button type="button" class="am-view" onclick="amOpenLightbox('https://fibernet-hispeed.com/wp-content/uploads/2026/08/โปรเน็ตบ้านทรู-พร้อมกล่องAmi-AM1.1_0.webp','AM1.1')">ดูภาพโปรเพิ่มเติม</button>
      </div>
    </div>

    <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้าน พร้อมกล่อง Ami สัญญา 1 ปี" target="_blank" rel="noopener" class="am-year1-cta">สนใจสมัครโปรสัญญา 1 ปี ทักไลน์รับส่วนลด</a>
  </div>
</div>

<div class="am-lightbox" id="amLightbox">
  <button type="button" class="am-lightbox-close" aria-label="ปิด">✕</button>
  <a id="amLightboxLink" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">
    <img decoding="async" id="amLightboxImg" src="" alt="ภาพโปรโมชั่นเต็ม">
  </a>
</div>

<script>
function amOpenLightbox(src, code){
  document.getElementById('amLightboxImg').src = src;
  var link = document.getElementById('amLightboxLink');
  link.href = code ? 'https://line.me/R/msg/text/?' + encodeURIComponent('สนใจสมัครโปร โปรเน็ตบ้าน พร้อมกล่อง Ami (' + code + ')') : 'https://lin.ee/UtX10gR';
  document.getElementById('amLightbox').classList.add('open');
}
function amCloseLightbox(){
  document.getElementById('amLightbox').classList.remove('open');
}
(function(){
  var box = document.getElementById('amLightbox');
  box.addEventListener('click', function(e){
    if(e.target === box) amCloseLightbox();
  });
  box.querySelector('.am-lightbox-close').addEventListener('click', function(e){
    e.preventDefault();
    amCloseLightbox();
  });
  document.addEventListener('keydown', function(e){ if(e.key === 'Escape') amCloseLightbox(); });
})();

function amOpenYear1Modal(){
  document.getElementById('amYear1Overlay').classList.add('open');
}
function amCloseYear1Modal(){
  document.getElementById('amYear1Overlay').classList.remove('open');
}
(function(){
  var overlay = document.getElementById('amYear1Overlay');
  overlay.addEventListener('click', function(e){
    if(e.target === overlay) amCloseYear1Modal();
  });
  document.getElementById('amYear1Close').addEventListener('click', function(e){
    e.preventDefault();
    amCloseYear1Modal();
  });
  document.addEventListener('keydown', function(e){ if(e.key === 'Escape') amCloseYear1Modal(); });
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-f86d149 e-flex e-con-boxed e-con e-parent" data-id="f86d149" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1def4d8 elementor-widget elementor-widget-html" data-id="1def4d8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ตารางเปรียบเทียบโปร AM1-AM3 (โปรเน็ตบ้านทรู พร้อมกล่อง Ami อุปกรณ์ผู้ช่วย
  อัจฉริยะ) ไฟล์แยกจาก ami-howto-section.html ใช้โครงสร้าง/CSS เดียวกับ
  sim-compare-section.html / fullset-compare-section.html ทุกจุด:
  table-layout:fixed + กำหนดความกว้างคอลัมน์เป็น % ให้ข้อความตัดบรรทัดเอง
  ภายในช่อง เพื่อให้เห็นทั้งตารางในจอมือถือโดยไม่ต้องเลื่อนซ้าย-ขวา
  รวมทั้งโปรสัญญา 2 ปี (AM1-AM3) และ 1 ปี (AM1.1)
========================================================= -->

<style>
.am-compare-section{ font-family:'Kanit','IBM Plex Sans Thai',sans-serif; max-width:680px; margin:0 auto; padding:20px 0; color:#333333; }
.am-compare-section *{ box-sizing:border-box; }
.am-compare-title{ font-size:20px; font-weight:700; margin:0 0 16px; color:#222222; text-align:center; }
.am-compare-title span{ background:linear-gradient(90deg,#00A3FF,#FF3366); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

.am-compare-wrap{ border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; }
.am-compare{ width:100%; border-collapse:collapse; table-layout:fixed; }
.am-compare th, .am-compare td{ padding:12px 10px; text-align:left; font-size:12.5px; border-bottom:1px solid #e5e7eb; word-break:break-word; overflow-wrap:break-word; }
.am-compare th{ background:#e60000; color:#fff; font-weight:600; font-size:12px; }
.am-compare td:first-child{ font-weight:700; color:#222; }
.am-compare tr:last-child td{ border-bottom:none; }
.am-compare td .am-compare-price{ color:#007bff; font-weight:700; }
.am-compare td small{ display:block; font-size:11px; color:#9ca3af; font-weight:400; margin-top:2px; }
.am-compare-note{ font-size:11.5px; color:#9ca3af; margin:10px 2px 0; }

/* คอลัมน์: โปร / ราคา / ความเร็ว / อุปกรณ์ / ของแถม / สัญญา */
.am-compare col.c-promo{ width:9%; }
.am-compare col.c-price{ width:17%; }
.am-compare col.c-speed{ width:16%; }
.am-compare col.c-device{ width:26%; }
.am-compare col.c-bonus{ width:20%; }
.am-compare col.c-term{ width:12%; }

@media(max-width:600px){
  .am-compare-section{ padding:16px 0; }
  .am-compare-title{ font-size:16px; }
  .am-compare th, .am-compare td{ padding:6px 4px; font-size:9px; line-height:1.35; }
  .am-compare th{ font-size:9px; }
  .am-compare td small{ font-size:7.5px; margin-top:1px; }
}
@media(max-width:380px){
  .am-compare th, .am-compare td{ padding:5px 3px; font-size:8px; }
  .am-compare th{ font-size:8px; }
  .am-compare td small{ font-size:6.5px; }
}
</style>

<div class="am-compare-section">
  <h2 class="am-compare-title">ตารางเปรียบเทียบโปร <span>เน็ตบ้านทรู พร้อมกล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ</span></h2>

  <div class="am-compare-wrap">
    <table class="am-compare">
      <colgroup>
        <col class="c-promo"><col class="c-price"><col class="c-speed"><col class="c-device"><col class="c-bonus"><col class="c-term">
      </colgroup>
      <thead>
        <tr>
          <th>โปร</th>
          <th>ราคา/เดือน</th>
          <th>ความเร็ว</th>
          <th>อุปกรณ์ที่ได้รับ</th>
          <th>ของแถม</th>
          <th>สัญญา</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>AM1</td>
          <td><span class="am-compare-price">618</span> บาท<br><small>(รวมภาษี 661.26 บาท)</small></td>
          <td>500/500 Mbps<br><small>ปรับฟรีเป็น 1,000/300</small></td>
          <td>เราเตอร์ WiFi6<br>กล่อง Ami<br>หลอดไฟอัจฉริยะ</td>
          <td>แอปทรูไอดี 34 ช่อง</td>
          <td>2 ปี</td>
        </tr>
        <tr>
          <td>AM2</td>
          <td><span class="am-compare-price">698</span> บาท<br><small>(รวมภาษี 746.86 บาท)</small></td>
          <td>500/500 Mbps</td>
          <td>เราเตอร์ WiFi6<br>กล่อง Ami<br>กล้อง CCTV (Cloud)</td>
          <td>ปุ่ม SOS อัจฉริยะ<br>แอปทรูไอดี 34 ช่อง</td>
          <td>2 ปี</td>
        </tr>
        <tr>
          <td>AM3</td>
          <td><span class="am-compare-price">719</span> บาท<br><small>(รวมภาษี 769.33 บาท)</small></td>
          <td>500/500 Mbps</td>
          <td>เราเตอร์ WiFi6<br>กล่อง Ami<br>กล่องทีวี Gen2</td>
          <td>เลือก 2 จาก 3: iQIYI, VIU, WeTV</td>
          <td>2 ปี</td>
        </tr>
        <tr>
          <td>AM1.1</td>
          <td><span class="am-compare-price">618</span> บาท<br><small>(รวมภาษี 661.26 บาท)</small></td>
          <td>300/300 Mbps<br><small>ปรับฟรีเป็น 1,000/300</small></td>
          <td>เราเตอร์ WiFi6<br>กล่อง Ami</td>
          <td>แอปทรูไอดี 34 ช่อง</td>
          <td>1 ปี</td>
        </tr>
      </tbody>
    </table>
  </div>
  <p class="am-compare-note">* เราเตอร์ที่ได้รับเป็นรุ่น True Gigatex Fiber WiFi6 ทุกโปร</p>
</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-67ea7fa e-flex e-con-boxed e-con e-parent" data-id="67ea7fa" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7958a16 elementor-widget elementor-widget-image" data-id="7958a16" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="722" height="1024" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-04_0-722x1024.webp" class="attachment-large size-large wp-image-6018" alt="" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-04_0-722x1024.webp 722w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-04_0-211x300.webp 211w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-04_0-768x1090.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-04_0-1083x1536.webp 1083w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-04_0-1444x2048.webp 1444w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-04_0.webp 1748w" sizes="(max-width: 722px) 100vw, 722px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6765466 e-flex e-con-boxed e-con e-parent" data-id="6765466" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b8e3212 elementor-widget elementor-widget-image" data-id="b8e3212" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="724" height="1024" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/TOL_Leaflet_AMI_2026_05_0-724x1024.webp" class="attachment-large size-large wp-image-6017" alt="โปรเน็ตบ้านทรู พร้อมAmi ผู้ช้วยอัจฉริยะ บาย เบสท์เน็ตไวไฟ" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/08/TOL_Leaflet_AMI_2026_05_0-724x1024.webp 724w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/TOL_Leaflet_AMI_2026_05_0-212x300.webp 212w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/TOL_Leaflet_AMI_2026_05_0-768x1086.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/TOL_Leaflet_AMI_2026_05_0-1086x1536.webp 1086w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/TOL_Leaflet_AMI_2026_05_0-1448x2048.webp 1448w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/TOL_Leaflet_AMI_2026_05_0.webp 1754w" sizes="(max-width: 724px) 100vw, 724px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a3e6943 e-flex e-con-boxed e-con e-parent" data-id="a3e6943" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e93de3d elementor-widget elementor-widget-image" data-id="e93de3d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="722" height="1024" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-03_0-722x1024.webp" class="attachment-large size-large wp-image-6009" alt="โปรเน็ตบ้านทรู พร้อมAmi ผู้ช้วยอัจฉริยะ บาย เบสท์เน็ตไวไฟ" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-03_0-722x1024.webp 722w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-03_0-211x300.webp 211w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-03_0-768x1090.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-03_0-1083x1536.webp 1083w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-03_0-1444x2048.webp 1444w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-03_0.webp 1748w" sizes="(max-width: 722px) 100vw, 722px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-06fbf2b e-flex e-con-boxed e-con e-parent" data-id="06fbf2b" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d141e96 elementor-widget elementor-widget-image" data-id="d141e96" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="722" height="1024" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-01_0-722x1024.webp" class="attachment-large size-large wp-image-6008" alt="โปรเน็ตบ้านทรู พร้อมAmi ผู้ช้วยอัจฉริยะ บาย เบสท์เน็ตไวไฟ" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-01_0-722x1024.webp 722w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-01_0-211x300.webp 211w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-01_0-768x1090.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-01_0-1083x1536.webp 1083w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-01_0-1444x2048.webp 1444w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/ami_leaflet-01_0.webp 1748w" sizes="(max-width: 722px) 100vw, 722px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-40ee703 e-flex e-con-boxed e-con e-parent" data-id="40ee703" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d1bf59a elementor-widget elementor-widget-html" data-id="d1bf59a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดอุปกรณ์ — วางทับของเดิมได้เลย

  🐞 บั๊กที่เจอในโค้ดเดิม 5 จุด

  1. <div> ปิดไม่ครบ 2 ตัว
     การ์ดใบที่ 6 (Mesh WiFi) ไม่ได้ปิด .device-slide
     และ .device-container ก็ไม่ได้ปิด
     -> ทำให้แถบจุดไข่ปลาไปอยู่ "ข้างใน" ตัวสไลด์
        จุดเลยเลื่อนหนีตามการ์ดเวลาปัด

  2. จุดไข่ปลามี 10 จุด แต่การ์ดมีแค่ 6
     -> 4 จุดท้ายกดแล้วไม่ไปไหน
     -> แก้เป็นสร้างจุดอัตโนมัติตามจำนวนการ์ด
        เพิ่ม/ลดการ์ดทีหลังไม่ต้องมาแก้จุดอีก

  3. class .dot ไม่มี prefix
     ชนกับ .dot ของคาร์รูเซลแพ็กเกจและบล็อกอื่นในหน้าเดียวกัน
     -> เปลี่ยนเป็น .dev-dot

  4. สะกดผิด 2 จุด
     "ดเพิ่มเติม" -> "ดูเพิ่มเติม"
     "อปกรณ์กระจายสัญญาณ" -> "อุปกรณ์กระจายสัญญาณ"

  5. รูป Mesh WiFi ใช้ไฟล์เดียวกับ Router (icon-Router-WiFi6_0.webp)
     -> ยังคงไว้ตามเดิม แต่ถ้ามีรูป Mesh แยก แนะนำเปลี่ยน
        ไม่งั้นสองใบนี้ดูเหมือนของชิ้นเดียวกัน

  ✅ ที่ปรับให้เข้ากับเว็บ
   • สี #cc0000 -> #E5231B (แดงชุดเดียวกับทั้งเว็บ)
   • ฟอนต์ Prompt -> Kanit + IBM Plex Sans Thai
   • หัวข้อใช้ kicker แดง + h2 เหมือน section อื่น
   • การ์ดขอบ 1px radius 18px เงาอ่อน แบบเดียวกับ .bcard
   • เพิ่มลิงก์ "ดูอุปกรณ์ทั้งหมด →" มุมขวาบน

  ⚠️ ต้องแก้ก่อนใช้: ใส่ URL หน้ารวมอุปกรณ์
     แทนที่ ใส่-URL-หน้ารวมอุปกรณ์ ในลิงก์มุมขวาบน

  🎨 สี: เปลี่ยน 2 จุดให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366)
     เหมือนที่ทำใน promo-special-section.html:
      1) หัวข้อ "รายละเอียดอุปกรณ์" (.dev-kicker) — ตัวหนังสือไล่สีจริง
      2) ขอบการ์ดตอนเอาเมาส์ไปชี้ (.device-item:hover) — ขอบไล่สี
         ด้วยเทคนิค double-background (padding-box + border-box)
     ปุ่ม "ดูเพิ่มเติม" / "ดูอุปกรณ์ทั้งหมด" / จุดไข่ปลา ไม่ได้ขอเปลี่ยน คงสีแดงเดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.device-wrapper{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --gutter:20px;
  max-width:1180px; margin:40px auto;
  padding:0 var(--gutter);
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.device-wrapper *{ box-sizing:border-box; }

/* ---------- หัวข้อ + ลิงก์มุมขวาบน ---------- */
.device-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom:20px;
}
.device-header .dev-kicker{
  display:table;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px; margin-bottom:6px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.device-header h2{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(19px,2.8vw,25px); color:var(--ink);
  margin:0; line-height:1.35;
}
.device-header .dev-sub{
  font-size:13px; color:var(--muted); margin:4px 0 0;
}
.dev-all-link{
  flex-shrink:0; white-space:nowrap;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); text-decoration:none;
  border:1.5px solid var(--red); border-radius:999px;
  padding:8px 16px;
  transition:background .2s ease, color .2s ease;
}
.dev-all-link:hover{ background:var(--red); color:#fff; }

@media (max-width:600px){
  .device-header{ flex-direction:column; align-items:stretch; }
  .dev-all-link{ align-self:flex-start; }
}

/* ---------- สไลด์ ---------- */
.device-container{
  display:flex; gap:18px;
  align-items:stretch;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scroll-padding-left:var(--gutter);
  margin:0 calc(var(--gutter) * -1);
  padding:6px var(--gutter) 22px;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.device-container::-webkit-scrollbar{ display:none; }

.device-slide{
  flex:0 0 72%;
  scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center;
  min-width:0;
}
@media (min-width:768px){ .device-slide{ flex:0 0 44%; } }

/* คอม: ยังเป็นสไลด์ แต่โชว์แถบเลื่อนให้เห็นว่าเลื่อนได้
   หมายเหตุ: Chrome 121+ จะไม่สนใจ ::-webkit-scrollbar
   ถ้ามีการตั้ง scrollbar-width หรือ scrollbar-color เป็นค่าอื่นที่ไม่ใช่ auto
   จึงต้องตั้งกลับเป็น auto ก่อน แถบถึงจะโผล่ */
@media (min-width:1025px){
  .device-slide{ flex:0 0 31%; }

  .device-container{
    scrollbar-width:auto !important;
    scrollbar-color:auto !important;
    overflow-x:scroll !important;   /* scroll ไม่ใช่ auto = แถบโผล่ตลอด */
    padding-bottom:14px;
    cursor:grab;
  }
  .device-container:active{ cursor:grabbing; }

  .device-container::-webkit-scrollbar{
    display:block !important;
    -webkit-appearance:none !important;
    height:8px !important;
  }
  .device-container::-webkit-scrollbar-track{
    background:#eef0f4 !important; border-radius:99px;
  }
  .device-container::-webkit-scrollbar-thumb{
    background:#c7ccd6 !important; border-radius:99px;
    transition:background .2s ease;
  }
  .device-container::-webkit-scrollbar-thumb:hover{ background:var(--red) !important; }
}

.device-item{
  width:100%; flex:1;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.device-item:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(0,0,0,0.12);
  border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
.device-item img{
  width:104px; height:104px; object-fit:contain;
  margin-bottom:16px; pointer-events:none;
}
.device-item h4{
  font-family:'Kanit'; font-weight:600; font-size:16px;
  color:var(--ink); margin:0 0 8px; line-height:1.4;
}
.device-item p{ font-size:12.5px; color:var(--muted); margin:0; }

.device-slide .btn-more{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff !important;
  font-family:'Kanit'; font-weight:600; font-size:13px;
  padding:10px 24px; border-radius:999px;
  text-decoration:none; border:none;
  box-shadow:0 6px 16px rgba(229,35,27,0.25);
  transition:transform .2s ease, background .2s ease;
  margin-top:14px;
}
.device-slide .btn-more:hover{ transform:scale(1.05); background:var(--red-deep); }

/* ---------- จุดไข่ปลา (เปลี่ยนชื่อ class กันชนกับบล็อกอื่น) ---------- */
.device-dots{
  display:flex; justify-content:center; gap:8px;
  margin-top:2px; flex-wrap:wrap;
}
.device-dots .dev-dot{
  width:10px; height:10px; background:#ccc; border-radius:50%;
  cursor:pointer; transition:all .25s ease; border:none; padding:0;
}
.device-dots .dev-dot.active{ background:var(--red); width:22px; border-radius:10px; }

.dev-foot{
  text-align:center; font-size:11.5px; color:var(--muted);
  margin:6px 0 0; line-height:1.7;
}

@media (prefers-reduced-motion: reduce){
  .device-container{ scroll-behavior:auto; }
  .device-item, .device-slide .btn-more{ transition:none; }
}
</style>


<div class="device-wrapper">

  <div class="device-header">
    <div>
      <div class="dev-kicker">รายละเอียดอุปกรณ์</div>
      <h2>อุปกรณ์ที่ลูกค้าได้รับในวันติดตั้ง</h2>
      <p class="dev-sub">ได้รับชิ้นไหนบ้างขึ้นกับแพ็กเกจที่สมัคร</p>
    </div>
    <a class="dev-all-link" href="https://fibernet-hispeed.com/true-device-all/">ดูอุปกรณ์ทั้งหมด →</a>
  </div>

  <div class="device-container">

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-Router-WiFi6_0.webp" alt="เราเตอร์ไวไฟทรู">
        <h4>เราเตอร์ (Router)</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-router-gigatax-fiber-pro-wifi6/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-CCTV-by-best.webp" alt="กล้องวงจรปิด CCTV ทรู">
        <h4>กล้อง CCTV</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-camera-cctv-ai/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-TrueID-TV-G3-by-best.webp" alt="กล่องทรูไอดีทีวี Gen3">
        <h4>กล่องทรูไอดี ทีวี Gen3</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-trueid-tv-gen3/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/TrueID-TV-Box-G.2.webp" alt="กล่องทรูไอดีทีวี Gen2">
        <h4>กล่องทรูไอดี ทีวี Gen2</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-trueid-tv-gen2/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Simtrue-best.webp" alt="ซิมทรูที่แถมพร้อมเน็ตบ้าน">
        <h4>ซิมทรู</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-sim/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-Router-WiFi6_0.webp" alt="อุปกรณ์กระจายสัญญาณ Mesh WiFi ใช้เราเตอร์รุ่นเดียวกับตัวหลัก">
        <h4>อุปกรณ์กระจายสัญญาณ<br>(Mesh WiFi)</h4>
        <p>เราเตอร์ตัวเดียวกัน เพิ่มอีก 1 จุด*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-mesh-wifi/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

  </div>

  <div class="device-dots" id="deviceDots"></div>

  <p class="dev-foot">* อุปกรณ์ที่ได้รับขึ้นอยู่กับแพ็กเกจและพื้นที่ให้บริการ · เจ้าหน้าที่แจ้งรายละเอียดก่อนสมัครทุกครั้ง</p>

</div>


<script>
(function(){
  function init(){
    document.querySelectorAll('.device-wrapper').forEach(function(wrapper){
      var container = wrapper.querySelector('.device-container');
      var dotsBox   = wrapper.querySelector('.device-dots');
      if(!container || !dotsBox) return;

      var items = [].slice.call(container.querySelectorAll('.device-slide'));

      /* สร้างจุดตามจำนวนการ์ดอัตโนมัติ — เพิ่ม/ลดการ์ดไม่ต้องแก้จุด */
      dotsBox.innerHTML = '';
      items.forEach(function(item, i){
        var d = document.createElement('button');
        d.type = 'button';
        d.className = 'dev-dot' + (i === 0 ? ' active' : '');
        d.setAttribute('aria-label', 'ไปอุปกรณ์ชิ้นที่ ' + (i + 1));
        d.addEventListener('click', function(){
          item.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' });
        });
        dotsBox.appendChild(d);
      });

      var dots = [].slice.call(dotsBox.querySelectorAll('.dev-dot'));
      var ticking = false;

      function updateActiveDot(){
        var center = container.scrollLeft + container.offsetWidth / 2;
        var idx = 0, best = Infinity;
        items.forEach(function(item, i){
          var mid = item.offsetLeft + item.offsetWidth / 2;
          var diff = Math.abs(mid - center);
          if(diff < best){ best = diff; idx = i; }
        });
        dots.forEach(function(d, i){ d.classList.toggle('active', i === idx); });
      }

      container.addEventListener('scroll', function(){
        if(ticking) return;
        ticking = true;
        window.requestAnimationFrame(function(){
          ticking = false;
          updateActiveDot();
        });
      }, { passive:true });

      window.addEventListener('resize', updateActiveDot);
      updateActiveDot();

      /* ลากด้วยเมาส์บนคอม */
      var down = false, startX = 0, startScroll = 0, moved = 0;

      container.addEventListener('mousedown', function(e){
        if(e.button !== 0) return;
        down = true; moved = 0;
        startX = e.pageX;
        startScroll = container.scrollLeft;
        container.style.scrollSnapType = 'none';
      });

      window.addEventListener('mousemove', function(e){
        if(!down) return;
        var dx = e.pageX - startX;
        moved = Math.abs(dx);
        container.scrollLeft = startScroll - dx;
      });

      function endDrag(){
        if(!down) return;
        down = false;
        container.style.scrollSnapType = 'x proximity';
      }
      window.addEventListener('mouseup', endDrag);
      container.addEventListener('mouseleave', endDrag);

      /* กันเผลอกดลิงก์ตอนลาก */
      container.addEventListener('click', function(e){
        if(moved > 5){ e.preventDefault(); e.stopPropagation(); moved = 0; }
      }, true);
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b4e58d8 e-flex e-con-boxed e-con e-parent" data-id="b4e58d8" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7279938 elementor-widget elementor-widget-html" data-id="7279938" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดสิทธิพิเศษ และคอนเทนต์ — วางทับของเดิมได้เลย
  โครงสร้าง/สไตล์อ้างอิงจาก device-wrapper (คาร์รูเซล + จุดไข่ปลา + แถบเลื่อนบนคอม)
  เปลี่ยน prefix เป็น .content- / .cont- ทั้งหมด กันชนกับ .device- ที่อยู่หน้าเดียวกัน

  ⚠️ หมายเหตุเรื่องลิงก์: เช็คเว็บ fibernet-hispeed.com แล้วไม่พบหน้าแยกรายคอนเทนต์
  (ไม่มีหน้าเฉพาะของ iQIYI / VIU / NOW ENT / App TrueID / AI Game)
  มีแต่หน้ารวมสิทธิพิเศษหน้าเดียวคือ /true-internet-promotion-all/
  ซึ่งมีการ์ด "รับแอปดูซีรีส์ Viu / iQIYI / WeTV" และพูดถึง Now ENT ในนั้น
  จึงใส่ลิงก์ "ดูเพิ่มเติม" ของทุกใบชี้ไปหน้านี้ก่อน ถ้ามีหน้าคอนเทนต์แยกทีหลัง ค่อยเปลี่ยนทีละใบ

  🎨 สี: เปลี่ยน 2 จุดให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366)
     เหมือนที่ทำใน promo-special-section.html / device-details-section.html:
      1) หัวข้อ "รายละเอียดสิทธิพิเศษ" (.cont-kicker) — ตัวหนังสือไล่สีจริง
      2) ขอบการ์ดตอนเอาเมาส์ไปชี้ (.content-item:hover) — ขอบไล่สี
         ด้วยเทคนิค double-background (padding-box + border-box)
     ปุ่ม "ดูเพิ่มเติม" / "ดูสิทธิพิเศษทั้งหมด" / จุดไข่ปลา ไม่ได้ขอเปลี่ยน คงสีแดงเดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.content-wrapper{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --gutter:20px;
  max-width:1180px; margin:40px auto;
  padding:0 var(--gutter);
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.content-wrapper *{ box-sizing:border-box; }

/* ---------- หัวข้อ + ลิงก์มุมขวาบน ---------- */
.content-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom:20px;
}
.content-header .cont-kicker{
  display:table;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px; margin-bottom:6px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.content-header h2{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(19px,2.8vw,25px); color:var(--ink);
  margin:0; line-height:1.35;
}
.content-header .cont-sub{
  font-size:13px; color:var(--muted); margin:4px 0 0;
}
.cont-all-link{
  flex-shrink:0; white-space:nowrap;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); text-decoration:none;
  border:1.5px solid var(--red); border-radius:999px;
  padding:8px 16px;
  transition:background .2s ease, color .2s ease;
}
.cont-all-link:hover{ background:var(--red); color:#fff; }

@media (max-width:600px){
  .content-header{ flex-direction:column; align-items:stretch; }
  .cont-all-link{ align-self:flex-start; }
}

/* ---------- สไลด์ ---------- */
.content-container{
  display:flex; gap:18px;
  align-items:stretch;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scroll-padding-left:var(--gutter);
  margin:0 calc(var(--gutter) * -1);
  padding:6px var(--gutter) 22px;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.content-container::-webkit-scrollbar{ display:none; }

.content-slide{
  flex:0 0 72%;
  scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center;
  min-width:0;
}
@media (min-width:768px){ .content-slide{ flex:0 0 44%; } }

/* คอม: ยังเป็นสไลด์ แต่โชว์แถบเลื่อนให้เห็นว่าเลื่อนได้
   หมายเหตุ: Chrome 121+ จะไม่สนใจ ::-webkit-scrollbar
   ถ้ามีการตั้ง scrollbar-width หรือ scrollbar-color เป็นค่าอื่นที่ไม่ใช่ auto
   จึงต้องตั้งกลับเป็น auto ก่อน แถบถึงจะโผล่ */
@media (min-width:1025px){
  .content-slide{ flex:0 0 31%; }

  .content-container{
    scrollbar-width:auto !important;
    scrollbar-color:auto !important;
    overflow-x:scroll !important;   /* scroll ไม่ใช่ auto = แถบโผล่ตลอด */
    padding-bottom:14px;
    cursor:grab;
  }
  .content-container:active{ cursor:grabbing; }

  .content-container::-webkit-scrollbar{
    display:block !important;
    -webkit-appearance:none !important;
    height:8px !important;
  }
  .content-container::-webkit-scrollbar-track{
    background:#eef0f4 !important; border-radius:99px;
  }
  .content-container::-webkit-scrollbar-thumb{
    background:#c7ccd6 !important; border-radius:99px;
    transition:background .2s ease;
  }
  .content-container::-webkit-scrollbar-thumb:hover{ background:var(--red) !important; }
}

.content-item{
  width:100%; flex:1;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.content-item:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(0,0,0,0.12);
  border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
.content-item img{
  width:104px; height:104px; object-fit:contain;
  margin-bottom:16px; pointer-events:none;
}
.content-item h4{
  font-family:'Kanit'; font-weight:600; font-size:16px;
  color:var(--ink); margin:0 0 8px; line-height:1.4;
}
.content-item p{ font-size:12.5px; color:var(--muted); margin:0; }

.content-slide .cont-btn-more{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff !important;
  font-family:'Kanit'; font-weight:600; font-size:13px;
  padding:10px 24px; border-radius:999px;
  text-decoration:none; border:none;
  box-shadow:0 6px 16px rgba(229,35,27,0.25);
  transition:transform .2s ease, background .2s ease;
  margin-top:14px;
}
.content-slide .cont-btn-more:hover{ transform:scale(1.05); background:var(--red-deep); }

/* ---------- จุดไข่ปลา ---------- */
.content-dots{
  display:flex; justify-content:center; gap:8px;
  margin-top:2px; flex-wrap:wrap;
}
.content-dots .cont-dot{
  width:10px; height:10px; background:#ccc; border-radius:50%;
  cursor:pointer; transition:all .25s ease; border:none; padding:0;
}
.content-dots .cont-dot.active{ background:var(--red); width:22px; border-radius:10px; }

.cont-foot{
  text-align:center; font-size:11.5px; color:var(--muted);
  margin:6px 0 0; line-height:1.7;
}

@media (prefers-reduced-motion: reduce){
  .content-container{ scroll-behavior:auto; }
  .content-item, .content-slide .cont-btn-more{ transition:none; }
}
</style>


<div class="content-wrapper">

  <div class="content-header">
    <div>
      <div class="cont-kicker">รายละเอียดสิทธิพิเศษ</div>
      <h2>สิทธิพิเศษ และคอนเทนต์ ที่ลูกค้าได้รับวันที่ติดตั้ง</h2>
      <p class="cont-sub">สิทธิพิเศษ และคอนเทนต์ ได้รับตามแพ็กเกจที่เลือก</p>
    </div>
    <a class="cont-all-link" href="https://fibernet-hispeed.com/true-internet-promotion-all/">ดูสิทธิพิเศษทั้งหมด →</a>
  </div>

  <div class="content-container">

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ไอคอร-iQiYi_0.webp" alt="สิทธิพิเศษแอปดูซีรีส์ iQIYI">
        <h4>iQIYI</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ไอคอน-VIU_0.webp" alt="สิทธิพิเศษแอปดูซีรีส์ VIU">
        <h4>VIU</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ไอคอน-TrueIDTV_0.webp" alt="สิทธิพิเศษดูทีวีฟรีในแอปทรูไอดี TrueID TV">
        <h4>แอปทรูไอดี พลัส</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-now-ent-by-best.webp" alt="สิทธิพิเศษแอปดูหนังซีรีส์ Now ENT">
        <h4>NOW ENT</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Apptrueid-best.webp" alt="สิทธิพิเศษในแอปทรูไอดี ทรูพอยท์และสิทธิ์ตามระดับการ์ด">
        <h4>แอปทรูไอดี</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Ai-Game-fitnet-best.webp" alt="สิทธิพิเศษ AI Game">
        <h4>AI Game</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>

  </div>

  <div class="content-dots" id="contentDots"></div>

  <p class="cont-foot">* สิทธิพิเศษและคอนเทนต์ที่ได้รับขึ้นอยู่กับแพ็กเกจและรอบโปรโมชัน · เจ้าหน้าที่แจ้งรายละเอียดก่อนสมัครทุกครั้ง</p>

</div>


<script>
(function(){
  function init(){
    document.querySelectorAll('.content-wrapper').forEach(function(wrapper){
      var container = wrapper.querySelector('.content-container');
      var dotsBox   = wrapper.querySelector('.content-dots');
      if(!container || !dotsBox) return;

      var items = [].slice.call(container.querySelectorAll('.content-slide'));

      /* สร้างจุดตามจำนวนการ์ดอัตโนมัติ — เพิ่ม/ลดการ์ดไม่ต้องแก้จุด */
      dotsBox.innerHTML = '';
      items.forEach(function(item, i){
        var d = document.createElement('button');
        d.type = 'button';
        d.className = 'cont-dot' + (i === 0 ? ' active' : '');
        d.setAttribute('aria-label', 'ไปสิทธิพิเศษที่ ' + (i + 1));
        d.addEventListener('click', function(){
          item.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' });
        });
        dotsBox.appendChild(d);
      });

      var dots = [].slice.call(dotsBox.querySelectorAll('.cont-dot'));
      var ticking = false;

      function updateActiveDot(){
        var center = container.scrollLeft + container.offsetWidth / 2;
        var idx = 0, best = Infinity;
        items.forEach(function(item, i){
          var mid = item.offsetLeft + item.offsetWidth / 2;
          var diff = Math.abs(mid - center);
          if(diff < best){ best = diff; idx = i; }
        });
        dots.forEach(function(d, i){ d.classList.toggle('active', i === idx); });
      }

      container.addEventListener('scroll', function(){
        if(ticking) return;
        ticking = true;
        window.requestAnimationFrame(function(){
          ticking = false;
          updateActiveDot();
        });
      }, { passive:true });

      window.addEventListener('resize', updateActiveDot);
      updateActiveDot();

      /* ลากด้วยเมาส์บนคอม */
      var down = false, startX = 0, startScroll = 0, moved = 0;

      container.addEventListener('mousedown', function(e){
        if(e.button !== 0) return;
        down = true; moved = 0;
        startX = e.pageX;
        startScroll = container.scrollLeft;
        container.style.scrollSnapType = 'none';
      });

      window.addEventListener('mousemove', function(e){
        if(!down) return;
        var dx = e.pageX - startX;
        moved = Math.abs(dx);
        container.scrollLeft = startScroll - dx;
      });

      function endDrag(){
        if(!down) return;
        down = false;
        container.style.scrollSnapType = 'x proximity';
      }
      window.addEventListener('mouseup', endDrag);
      container.addEventListener('mouseleave', endDrag);

      /* กันเผลอกดลิงก์ตอนลาก */
      container.addEventListener('click', function(e){
        if(moved > 5){ e.preventDefault(); e.stopPropagation(); moved = 0; }
      }, true);
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-9a38143 e-flex e-con-boxed e-con e-parent" data-id="9a38143" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7635d32 elementor-widget elementor-widget-html" data-id="7635d32" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
  @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

  .fnhs-offer{
    --red:#E5231B; --red-soft:#FFF1F0; --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED;
    font-family:'IBM Plex Sans Thai',sans-serif;
  }
  .fnhs-offer *{ box-sizing:border-box; }

  .fnhs-offer .fnh-special-offer-container{
    max-width:800px; margin:20px auto; padding:30px 20px; background:#ffffff;
    border-radius:24px; box-shadow:0 8px 25px rgba(0,0,0,0.08); border:1px solid var(--line);
    text-align:center;
  }
  .fnhs-offer .fnh-offer-header{
    font-family:'Kanit'; font-size:24px; color:var(--red); font-weight:700; margin-bottom:20px; line-height:1.4;
  }

  .fnhs-offer .fnh-benefits-wrapper{
    max-width:350px; margin:0 auto 20px; display:flex; flex-direction:column; gap:12px;
  }

  .fnhs-offer .fnh-benefit-item{
    display:flex; align-items:center; background:var(--red-soft); padding:12px 20px;
    border-radius:50px; font-size:16px; font-weight:600; color:var(--ink);
    border:1px solid #FFDAD6; opacity:0; transform:translateY(10px);
    animation:fnhsFadeInUp 0.5s ease forwards; cursor:pointer; width:100%;
    text-align:left; font-family:inherit; transition:background 0.15s ease, transform 0.15s ease;
  }
  .fnhs-offer .fnh-benefit-item:hover{ background:#FFE4E1; transform:translateY(-1px); }
  .fnhs-offer .fnh-benefit-item:active{ transform:translateY(0); }

  .fnhs-offer .fnh-benefit-item .info-hint{
    margin-left:auto; font-size:12px; color:var(--red); font-weight:700; flex-shrink:0; padding-left:8px;
  }
  .fnhs-offer .fnh-benefit-item:nth-child(1){ animation-delay:0.05s; }
  .fnhs-offer .fnh-benefit-item:nth-child(2){ animation-delay:0.15s; }
  .fnhs-offer .fnh-benefit-item:nth-child(3){ animation-delay:0.25s; }
  .fnhs-offer .fnh-benefit-item:nth-child(4){ animation-delay:0.35s; }

  @keyframes fnhsFadeInUp{ to{ opacity:1; transform:translateY(0); } }

  @media (prefers-reduced-motion: reduce){
    .fnhs-offer .fnh-benefit-item{ animation:none; opacity:1; transform:none; }
  }

  .fnhs-offer .fnh-plus-icon{
    display:flex; align-items:center; justify-content:center; width:24px; height:24px;
    background:var(--red); color:#fff; border-radius:50%; font-size:18px; font-weight:bold;
    margin-right:12px; flex-shrink:0;
  }

  .fnhs-offer .fnh-highlight-free{ color:var(--red); font-weight:800; margin-right:4px; }

  .fnhs-offer .fnh-condition-text{
    font-size:12.5px; color:var(--muted); margin-bottom:8px; line-height:1.6;
    max-width:460px; margin-left:auto; margin-right:auto;
  }
  /* เปลี่ยนสีเป็นไล่สีเดียวกับปุ่มการ์ดโปร (#00A3FF -> #FF3366)
     ตัวหนังสือใช้ background-clip:text ให้เป็นไล่สีจริง
     เส้นใต้ตอนชี้ใช้ border-image (เส้นตรงธรรมดา ไม่มีปัญหาโค้งมนแบบปุ่ม) */
  .fnhs-offer .fnh-condition-link{
    display:inline-block; font-size:12.5px; font-weight:600;
    text-decoration:none; margin-bottom:25px;
    color:#0B84C4;
    background:linear-gradient(90deg,#00A3FF,#FF3366);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    border-bottom:1px solid transparent;
  }
  .fnhs-offer .fnh-condition-link:hover{
    border-image:linear-gradient(90deg,#00A3FF,#FF3366) 1;
  }
  .fnhs-offer .fnh-contact-intro{ font-size:15px; color:var(--muted); margin-bottom:15px; }

  .fnhs-offer .fnh-contact-actions{
    display:flex; flex-direction:column; gap:15px; align-items:center; flex-wrap:wrap;
  }
  .fnhs-offer .fnh-btn-contact{
    display:flex; align-items:center; justify-content:center; width:100%; max-width:320px;
    padding:15px 25px; border-radius:50px; font-family:'Kanit'; font-size:16px; font-weight:600;
    text-decoration:none; color:#ffffff; box-shadow:0 4px 10px rgba(0,0,0,0.15); border:none;
  }

  .fnhs-offer .fnh-btn-line-app{
    background:linear-gradient(135deg,#06C755,#05a346);
    animation:fnhsPulseOffer 2s infinite ease-in-out;
  }

  .fnhs-offer .fnh-btn-call-app{ background:linear-gradient(135deg,var(--red),#B81A14); }

  .fnhs-offer .fnh-btn-repair-app{
    background:#ffffff; color:#f57c00; border:2px solid #f57c00; box-shadow:none;
  }

  @keyframes fnhsPulseOffer{ 0%{ transform:scale(1); } 50%{ transform:scale(1.03); } 100%{ transform:scale(1); } }
  @media (prefers-reduced-motion: reduce){ .fnhs-offer .fnh-btn-line-app{ animation:none; } }

  @media (min-width:768px){
    .fnhs-offer .fnh-btn-contact{ width:auto; min-width:250px; }
    .fnhs-offer .fnh-contact-actions{ flex-direction:row; justify-content:center; }
  }
/* ป๊อปอัพรายละเอียดสิทธิ์ */
  .fnhs-offer .fnh-benefit-modal-overlay{
    display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:1000;
    align-items:center; justify-content:center; padding:20px;
  }
  .fnhs-offer .fnh-benefit-modal-overlay.open{ display:flex; animation:fnhsOverlayFade 0.2s ease; }
  @keyframes fnhsOverlayFade{ from{ opacity:0; } to{ opacity:1; } }

  .fnhs-offer .fnh-benefit-modal{
    background:#ffffff; border-radius:20px; max-width:360px; width:100%; padding:28px 24px;
    text-align:left; font-family:'IBM Plex Sans Thai',sans-serif; position:relative;
    box-shadow:0 15px 40px rgba(0,0,0,0.25); animation:fnhsModalPop 0.2s ease;
  }
  @keyframes fnhsModalPop{ from{ transform:scale(0.92); opacity:0; } to{ transform:scale(1); opacity:1; } }

  .fnhs-offer .fnh-benefit-modal h3{ font-family:'Kanit'; color:var(--red); font-size:19px; margin:0 0 10px; }
  .fnhs-offer .fnh-benefit-modal p{ font-size:14px; color:var(--muted); line-height:1.6; margin:0; }

  .fnhs-offer .fnh-benefit-modal-close{
    position:absolute; top:14px; right:14px; width:28px; height:28px; border-radius:50%;
    background:#F2F2F2; border:none; font-size:16px; color:var(--muted); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
</style>
<div class="fnhs-offer">
  <div class="fnh-special-offer-container">
    <div class="fnh-offer-header">พิเศษ! สมัครเน็ตบ้านทรู<br>วันนี้ รับสิทธิสุดคุ้ม</div>

    <div class="fnh-benefits-wrapper">
      <button type="button" class="fnh-benefit-item" data-benefit="install">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าติดตั้ง
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="registration">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรกเข้า
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="cable">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าสาย
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="labor">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรงช่าง
      </button>
    </div>

    <div class="fnh-condition-text">
      สิทธิ์ฟรีค่าติดตั้ง ค่าเดินสาย และค่าแรงช่าง มีให้ทุกการติดตั้งตามมาตรฐาน ·
      ส่วนค่าแรกเข้ายกเว้นให้เมื่อที่อยู่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าสาธารณูปโภค (ชื่อไม่จำเป็นต้องตรงกัน)
    </div>
    <a class="fnh-condition-link" href="https://fibernet-hispeed.com/true-fee-waiver-promo/">ดูเงื่อนไขฟรีค่าแรกเข้าแบบละเอียด →</a>

    <div class="fnh-contact-intro">พร้อมดูแลและให้คำปรึกษาฟรี ได้ที่</div>

    <div class="fnh-contact-actions">
      <a href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" class="fnh-btn-contact fnh-btn-line-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-line.webp" alt="LINE" style="width:24px;height:24px;margin-right:10px;">
        <span>Add : LINE สมัครรับส่วนลด!</span>
      </a>

      <a href="tel:0909035115" class="fnh-btn-contact fnh-btn-call-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-tel.webp" alt="Phone" style="width:24px;height:24px;margin-right:10px;">
        <span>โทร 090-903-5115 (Sales)</span>
      </a>

      <a href="https://fibernet-hispeed.com/true-home-internet-support/" class="fnh-btn-contact fnh-btn-repair-app">
        <svg viewBox="0 0 24 24" fill="none" stroke="#f57c00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:24px;height:24px;margin-right:10px;">
          <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
        </svg>
        <span>แจ้งซ่อม / เน็ตเสีย</span>
      </a>
    </div>
  </div>

  <!-- ป๊อปอัพรายละเอียดสิทธิ์ -->
  <div class="fnh-benefit-modal-overlay" id="fnhBenefitModalOverlay">
    <div class="fnh-benefit-modal">
      <button type="button" class="fnh-benefit-modal-close" id="fnhBenefitModalClose">✕</button>
      <h3 id="fnhBenefitModalTitle"></h3>
      <p id="fnhBenefitModalText"></p>
    </div>
  </div>
</div>

<script>
    (function () {
  var modalContent = {
    install: {
      title: "ฟรีค่าติดตั้ง",
      text: "ไม่มีค่าใช้จ่ายในการติดตั้งอุปกรณ์หน้างาน มีให้ทุกการติดตั้งตามมาตรฐาน ไม่มีเงื่อนไขพิเศษ"
    },
    registration: {
      title: "ฟรีค่าแรกเข้า",
      text: "ยกเว้นค่าธรรมเนียมแรกเข้า เมื่อที่อยู่ที่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าน้ำ/ค่าไฟ อย่างใดอย่างหนึ่ง โดยชื่อบนเอกสารไม่จำเป็นต้องตรงกับผู้สมัคร ดูรายละเอียดเพิ่มเติมได้ที่หน้าเงื่อนไขฟรีค่าแรกเข้า"
    },
    cable: {
      title: "ฟรีค่าสาย",
      text: "ไม่คิดค่าสายไฟเบอร์ตามระยะทางมาตรฐานการติดตั้ง หากหน้างานต้องเดินสายเกินระยะมาตรฐานมาก เจ้าหน้าที่จะแจ้งให้ทราบก่อนเสมอ ไม่มีการเก็บเพิ่มโดยไม่บอกล่วงหน้า"
    },
    labor: {
      title: "ฟรีค่าแรงช่าง",
      text: "ไม่มีค่าแรงช่างในการเข้าติดตั้ง ช่างมืออาชีพเดินสาย ติดตั้ง และทดสอบสัญญาณให้จนเสถียร โดยไม่มีค่าใช้จ่ายเพิ่ม"
    }
  };

  var overlay = document.getElementById('fnhBenefitModalOverlay');
  var titleEl = document.getElementById('fnhBenefitModalTitle');
  var textEl = document.getElementById('fnhBenefitModalText');
  var closeBtn = document.getElementById('fnhBenefitModalClose');

  document.querySelectorAll('.fnh-benefit-item').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var key = btn.getAttribute('data-benefit');
      var data = modalContent[key];
      if (!data) return;
      titleEl.textContent = data.title;
      textEl.textContent = data.text;
      overlay.classList.add('open');
    });
  });

  function closeModal() { overlay.classList.remove('open'); }

  closeBtn.addEventListener('click', closeModal);
  overlay.addEventListener('click', function (e) {
    if (e.target === overlay) closeModal();
  });
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') closeModal();
  });
})();
</script>
				</div>
				<div class="elementor-element elementor-element-f09b20b elementor-widget elementor-widget-html" data-id="f09b20b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ขั้นตอนการสมัครเน็ตบ้าน TrueOnline — วางทับของเดิมได้เลย

  🐞 บั๊กและจุดอ่อนที่แก้

  1. เบอร์โทรกับไลน์เป็นข้อความเปล่า กดไม่ได้
     -> ทำเป็นลิงก์ tel: และ lin.ee
        จุดนี้สำคัญที่สุดในไฟล์นี้ เพราะ section นี้คือจังหวะ
        ที่ลูกค้าพร้อมลงมือแล้ว แต่ต้องมาพิมพ์เบอร์เอง

  2. .text-blue ถูกกำหนดเป็นสีแดง #e60000
     ชื่อ class กับสีไม่ตรงกัน วันหลังแก้จะงง -> ลบทิ้ง

  3. ป้ายขั้นตอนฝั่งขวาใช้ float:right + clear:both
     เป็นเทคนิคเก่าที่พังง่ายเมื่อเนื้อหาเปลี่ยน
     -> เปลี่ยนเป็น flex justify-content:flex-end

  4. รูปมี inline style background:#ddd; min-height:100px
     เป็นค่าที่ค้างมาจากตอนทำ placeholder ทำให้เห็นกล่องเทา
     ตอนรูปยังโหลดไม่เสร็จ -> ย้ายไปคุมด้วย CSS แทน

  5. class ชื่อสามัญ (.step-card .step-list .text-red ฯลฯ)
     เสี่ยงชนกับธีมและบล็อกอื่น -> ใส่ prefix .fnhs-step

  ✅ ปรับให้เข้ากับเว็บ
   • #ff0000 / #e60000 / #009cf0 -> #E5231B ชุดเดียวกับทั้งเว็บ
     (คงสีเขียวไลน์ #06C755 ไว้ เพราะเป็นสีแบรนด์ LINE)
   • Prompt -> Kanit + IBM Plex Sans Thai
   • หัวข้อเป็น kicker แดง + h2 เหมือน section อื่น
   • ตัวหนังสือมือถือ 12px -> 13.5px อ่านง่ายขึ้น
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-step{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --line-green:#06C755;
  max-width:900px; margin:0 auto; padding:20px;
  font-family:'IBM Plex Sans Thai',sans-serif; color:#3B3D44;
}
.fnhs-step *{ box-sizing:border-box; }

/* ---------- หัวข้อ ---------- */
.fnhs-step .step-head{ text-align:center; margin-bottom:42px; }
.fnhs-step .step-kicker{
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); letter-spacing:.5px; margin-bottom:8px;
}
.fnhs-step .step-title{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(21px,3.4vw,30px); color:var(--ink);
  margin:0 0 8px; line-height:1.35;
}
.fnhs-step .step-title .t-true{ color:var(--red); }
.fnhs-step .step-title .t-online{ color:#007bff; }
.fnhs-step .step-sub{ font-size:15px; color:var(--muted); margin:0; }

/* ---------- การ์ดแต่ละขั้นตอน ---------- */
.fnhs-step .step-card{
  display:flex; align-items:center; gap:36px;
  margin-bottom:44px;
}
.fnhs-step .step-card.reverse{ flex-direction:row-reverse; }

.fnhs-step .step-visual{ flex:1; min-width:0; }

/* แถวป้าย — ใช้ flex แทน float ที่พังง่าย */
.fnhs-step .badge-row{ display:flex; }
.fnhs-step .step-card.reverse .badge-row{ justify-content:flex-end; }

.fnhs-step .step-badge{
  display:inline-flex; align-items:center;
  background:#fff;
  border:2px solid var(--line); border-bottom:none;
  padding:9px 18px;
  border-radius:16px 16px 0 0;
  font-family:'Kanit'; font-size:17px; font-weight:600; color:var(--ink);
  position:relative; z-index:2; margin-bottom:-2px;
  white-space:nowrap;
}
.fnhs-step .step-badge .num{
  font-family:'Kanit'; font-size:24px; font-weight:700;
  color:var(--red); margin-right:9px; line-height:1;
}

.fnhs-step .step-image-box{
  border:2px solid var(--line);
  border-radius:0 16px 16px 16px;
  overflow:hidden; background:var(--panel);
  min-height:180px;
  display:flex; align-items:center; justify-content:center;
}
.fnhs-step .step-card.reverse .step-image-box{ border-radius:16px 0 16px 16px; }
.fnhs-step .step-image-box img{
  width:100%; height:auto; display:block; object-fit:cover;
}

/* ---------- ฝั่งข้อความ ---------- */
.fnhs-step .step-details{ flex:1; min-width:0; }
.fnhs-step .step-list{ list-style:none; padding:0; margin:0; }
.fnhs-step .step-list li{
  font-size:17px; color:#3B3D44; line-height:1.65;
  position:relative; padding-left:24px;
}
.fnhs-step .step-list li + li{ margin-top:12px; }
.fnhs-step .step-list li::before{
  content:''; position:absolute; left:0; top:11px;
  width:8px; height:8px; background:var(--red); border-radius:50%;
}

.fnhs-step .t-line{
  color:var(--line-green); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-line:hover{ border-bottom-color:var(--line-green); }
.fnhs-step .t-tel{
  color:var(--red); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-tel:hover{ border-bottom-color:var(--red); }
.fnhs-step .t-red{ color:var(--red); font-weight:600; }

/* ---------- มือถือ ---------- */
@media (max-width:768px){
  .fnhs-step{ padding:10px; }
  .fnhs-step .step-head{ margin-bottom:28px; }
  .fnhs-step .step-sub{ font-size:13.5px; }

  .fnhs-step .step-card{ gap:14px; margin-bottom:28px; }

  .fnhs-step .step-badge{
    font-size:13px; padding:5px 11px; border-width:1px;
  }
  .fnhs-step .step-badge .num{ font-size:17px; margin-right:6px; }

  .fnhs-step .step-image-box{ min-height:90px; border-width:1px; }

  .fnhs-step .step-list li{
    font-size:13.5px; padding-left:16px; line-height:1.6;
  }
  .fnhs-step .step-list li + li{ margin-top:9px; }
  .fnhs-step .step-list li::before{ top:7px; width:6px; height:6px; }
}

@media (prefers-reduced-motion: reduce){
  .fnhs-step .t-line, .fnhs-step .t-tel{ transition:none; }
}
</style>


<div class="fnhs-step">

  <div class="step-head">
    <div class="step-kicker">ขั้นตอนการสมัคร</div>
    <h2 class="step-title">สมัครเน็ตบ้าน <span class="t-true">True</span><span class="t-online">Online</span></h2>
    <p class="step-sub">4 ขั้นตอนง่ายๆ เริ่มได้เลยวันนี้ ไม่ต้องเดินทางไปศูนย์</p>
  </div>

  <!-- ขั้นที่ 1 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">1.</span> แอดไลน์ @truebest</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-1.webp" alt="แอดไลน์ @truebest เพื่อสมัครเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>
          แอดไลน์ <a class="t-line" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">@truebest</a>
          เพื่อเริ่มต้นการสมัคร หรือโทร
          <a class="t-tel" href="tel:0909035115">090-903-5115</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 2 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">2.</span> ตรวจสอบพื้นที่</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-2.webp" alt="ตรวจสอบพื้นที่ให้บริการเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>ส่ง <span class="t-red">Location</span> และพิมพ์รายละเอียดที่อยู่ เพื่อตรวจสอบพื้นที่ติดตั้ง</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 3 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">3.</span> เลือกโปรโมชั่น</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-3.webp" alt="เลือกโปรโมชั่นเน็ตบ้านทรูที่เหมาะกับบ้าน">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกแพ็กเกจที่ต้องการ หรือแจ้งลักษณะการใช้งาน เพื่อให้เจ้าหน้าที่แนะนำแพ็กเกจที่เหมาะสม</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 4 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">4.</span> ส่งเอกสาร</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-4.webp" alt="ส่งเอกสารยืนยันตัวตนและนัดหมายวันติดตั้ง">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกวันและเวลานัดหมาย เพื่อให้ทีมช่างเข้าติดตั้ง</li>
        <li>ส่งเอกสารยืนยันตัวตน พร้อมแจ้งเบอร์ติดต่อ</li>
      </ul>
    </div>
  </div>

</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ad20437 e-flex e-con-boxed e-con e-parent" data-id="ad20437" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-0a62fbe elementor-widget elementor-widget-html" data-id="0a62fbe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    .banner-container {
        border-radius: 20px; /* ปรับความมน */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* เงาสวย */
        overflow: hidden; /* ทำให้รูปโค้งตามขอบ */
        display: block;
        transition: transform 0.3s ease;
    }
    
    .banner-container img {
        width: 100%;
        height: auto;
        display: block;
    }

    .banner-container:hover {
        transform: translateY(-5px); /* ยกตัวขึ้นเมื่อเอาเมาส์ชี้ */
    }
</style>

<a href="https://lin.ee/UtX10gR" class="banner-container" target="_blank" rel="noopener">
    <picture>
      <source media="(max-width: 767px)" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp">
      
      <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp" 
           alt="ติดต่อเจ้าหน้าที่ติดตั้งเน็ตบ้านทรู พร้อมดูแลคุณ ปรึกษาฟรี" 
           loading="lazy">
    </picture>
</a>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a1801a1 e-flex e-con-boxed e-con e-parent" data-id="a1801a1" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a7e73fd elementor-widget elementor-widget-html" data-id="a7e73fd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script>
(function(){
  function setup(el){
    var down = false, startX = 0, startScroll = 0, moved = 0;

    el.addEventListener('mousedown', function(e){
      if(e.button !== 0) return;
      down = true; moved = 0;
      startX = e.pageX;
      startScroll = el.scrollLeft;
    });

    window.addEventListener('mousemove', function(e){
      if(!down) return;
      var dist = e.pageX - startX;
      moved = Math.abs(dist);
      if(moved > 4) el.classList.add('is-dragging');
      el.scrollLeft = startScroll - dist;
    });

    window.addEventListener('mouseup', function(){
      if(!down) return;
      down = false;
      setTimeout(function(){ el.classList.remove('is-dragging'); }, 0);
    });

    // หมุนล้อเมาส์แนวตั้ง = เลื่อนการ์ดแนวนอน (เฉพาะตอนยังเลื่อนไม่สุด)
    el.addEventListener('wheel', function(e){
      if(Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
      var max = el.scrollWidth - el.clientWidth;
      if(max <= 0) return;
      var atStart = el.scrollLeft <= 0 && e.deltaY < 0;
      var atEnd   = el.scrollLeft >= max - 1 && e.deltaY > 0;
      if(atStart || atEnd) return;      // สุดแล้วปล่อยให้หน้าเว็บเลื่อนต่อตามปกติ
      e.preventDefault();
      el.scrollLeft += e.deltaY;
    }, { passive:false });
  }

  function init(){
    if(window.matchMedia('(min-width:1025px)').matches){
      document.querySelectorAll('.custom-carousel').forEach(setup);
    }
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-2a46abc e-flex e-con-boxed e-con e-parent" data-id="2a46abc" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-805309c elementor-widget elementor-widget-html" data-id="805309c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ปุ่มลอยข้าง (LINE ซ้าย / โทร ขวา) — ลอยติดขอบจอ ค้างอยู่ตลอดตอนเลื่อนหน้า
  ใช้ไอคอน v2 ที่ทำมาเอง พื้นหลังโปร่งใส เป็นรูปทรงยาว 1500x680px (อัตราส่วน ~2.2:1)
  ต่างจากเวอร์ชันแรกที่เป็นสี่เหลี่ยมจัตุรัส เลยเปลี่ยนกล่องจากสี่เหลี่ยมจัตุรัส
  เป็นทรงยาวตามอัตราส่วนภาพจริง (aspect-ratio:1500/680) แทน:
    - ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v2_0.webp   -> ลอยขอบซ้าย
    - ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp        -> ลอยขอบขวา

  ตั้งความกว้างไว้ที่ 130px บนคอม/แท็บเล็ต และ 110px บนมือถือ (สูงคำนวณตามสัดส่วนภาพ)

  แก้จากรอบก่อน: เดิมตั้งให้ซ่อนบนมือถือ (คิดว่าจะซ้ำกับ quick-action-bar.html
  ที่มี LINE/โทร อยู่แล้ว) ตอนนี้เปลี่ยนใจให้โชว์ทุกขนาดจอตามที่ขอ

  ลิงก์ LINE/เบอร์โทร ใช้ค่าเดียวกับ quick-action-bar.html
========================================================= -->

<style>
  .fnhs-float-side a{
    position:fixed; bottom:24px; z-index:9997;
    display:block; width:130px; height:auto; aspect-ratio:1500/680;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,0.3));
    transition:transform .2s ease, filter .2s ease;
  }
  .fnhs-float-side a:hover{
    transform:translateY(-3px) scale(1.05);
    filter:drop-shadow(0 8px 16px rgba(0,0,0,0.35));
  }
  .fnhs-float-side a img{
    width:100%; height:100%; object-fit:contain; display:block;
  }

  .fnhs-float-side .side-line{ left:18px; }
  .fnhs-float-side .side-call{ right:18px; }

  /* จังหวะเด้งเบาๆ ดึงสายตา ไม่ถี่เกินไปจนรำคาญ */
  .fnhs-float-side a.pulse{ animation:fnhsFloatPulse 2.6s ease-in-out infinite; }
  @keyframes fnhsFloatPulse{
    0%, 100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
  }

  @media (max-width:480px){
    .fnhs-float-side a{ width:110px; bottom:16px; }
    .fnhs-float-side .side-line{ left:12px; }
    .fnhs-float-side .side-call{ right:12px; }
  }

  @media (prefers-reduced-motion: reduce){
    .fnhs-float-side a{ transition:none; }
    .fnhs-float-side a.pulse{ animation:none; }
  }
</style>

<div class="fnhs-float-side">
  <a class="side-line pulse" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" aria-label="แอดไลน์รับส่วนลด">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v3.webp" alt="แอดไลน์รับส่วนลด">
  </a>
  <a class="side-call pulse" href="tel:0909035115" aria-label="โทรปรึกษาฟรี">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp" alt="โทรปรึกษาฟรี">
  </a>
</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-76407e7 e-flex e-con-boxed e-con e-parent" data-id="76407e7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-161d56c elementor-widget elementor-widget-html" data-id="161d56c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script>
(function(){
  function setup(el){
    var down = false, startX = 0, startScroll = 0, moved = 0;

    el.addEventListener('mousedown', function(e){
      if(e.button !== 0) return;
      down = true; moved = 0;
      startX = e.pageX;
      startScroll = el.scrollLeft;
    });

    window.addEventListener('mousemove', function(e){
      if(!down) return;
      var dist = e.pageX - startX;
      moved = Math.abs(dist);
      if(moved > 4) el.classList.add('is-dragging');
      el.scrollLeft = startScroll - dist;
    });

    window.addEventListener('mouseup', function(){
      if(!down) return;
      down = false;
      setTimeout(function(){ el.classList.remove('is-dragging'); }, 0);
    });

    // หมุนล้อเมาส์แนวตั้ง = เลื่อนการ์ดแนวนอน (เฉพาะตอนยังเลื่อนไม่สุด)
    el.addEventListener('wheel', function(e){
      if(Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
      var max = el.scrollWidth - el.clientWidth;
      if(max <= 0) return;
      var atStart = el.scrollLeft <= 0 && e.deltaY < 0;
      var atEnd   = el.scrollLeft >= max - 1 && e.deltaY > 0;
      if(atStart || atEnd) return;      // สุดแล้วปล่อยให้หน้าเว็บเลื่อนต่อตามปกติ
      e.preventDefault();
      el.scrollLeft += e.deltaY;
    }, { passive:false });
  }

  function init(){
    if(window.matchMedia('(min-width:1025px)').matches){
      document.querySelectorAll('.custom-carousel').forEach(setup);
    }
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-13ab6fa e-flex e-con-boxed e-con e-parent" data-id="13ab6fa" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-18e9ea9 elementor-widget elementor-widget-html" data-id="18e9ea9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  คำถามที่พบบ่อย (FAQ) — โปรเน็ตบ้านทรู พร้อมกล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ (AM1-AM3)
  ปรับรูปแบบให้เหมือนกับ fullset-faq-section.html / dtac-faq-section.html /
  student-faq-section.html ทุกจุด
  (ไล่สีฟ้า-ชมพู #00A3FF -> #FF3366, ไอคอน +/− ตอนเปิด, hover ยกลอยเบาๆ)

  ข้อมูล "กล่อง Ami คืออะไร" (Q1) ค้นจากข่าวเปิดตัวทางการของ TrueOnline/True 5G
  Store — กล่อง Ami คือ TrueX Home Hub ลำโพงอัจฉริยะที่มี AI ผู้ช่วย "เอมี่"
  สั่งงานด้วยเสียงภาษาไทย 100% เชื่อมต่ออุปกรณ์ Smart Home ผ่านแอป TrueX
  (อ้างอิง store.true.th/smart-living, true.th/true-online/home-next)
========================================================= -->

<style>
    .faq-container {
        --g1:#00A3FF; --g2:#FF3366; --grad:linear-gradient(90deg,var(--g1),var(--g2));
        max-width: 800px;
        margin: 40px auto;
        padding: 0 20px;
        font-family: 'Kanit','IBM Plex Sans Thai', sans-serif;
    }

    /* หัวข้อหลัก FAQ */
    .faq-header {
        font-size: 24px;
        font-weight: 700;
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
        margin-bottom: 20px;
        border-bottom: 3px solid transparent;
        border-image: var(--grad) 1;
        padding-bottom: 10px;
        display: inline-block;
    }

    /* สไตล์ของกล่องคำถามแต่ละข้อ */
    .faq-item {
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 14px;
        margin-bottom: 15px;
        transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
        overflow: hidden;
    }

    .faq-item:hover {
        box-shadow: 0 10px 22px rgba(255,51,102,.12);
        border-color: #ffd7e2;
        transform: translateY(-2px);
    }

    /* ส่วนแถบคำถาม (กดได้) */
    .faq-question {
        padding: 18px 20px;
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none; /* ซ่อนลูกศร default ของบราวเซอร์ */
        outline: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* ซ่อนลูกศร default ของ Safari/Chrome */
    .faq-question::-webkit-details-marker {
        display: none;
    }

    /* สร้างไอคอน + ด้านขวามือ */
    .faq-question::after {
        content: '+';
        font-size: 24px;
        font-weight: 400;
        color: #888888;
        transition: transform 0.3s ease, color 0.3s ease;
        margin-left: 15px;
    }

    /* เมื่อนำเมาส์ชี้แถบคำถาม */
    .faq-question:hover {
        background-color: #fcfcfc;
        color: var(--g2);
    }

    /* =========================================
       สไตล์เมื่อกล่องคำถาม "ถูกเปิดออก (Open)"
       ========================================= */
    details[open].faq-item {
        border-color: transparent;
        border-image: var(--grad) 1;
    }

    details[open] .faq-question {
        color: var(--g2);
        border-bottom: 1px dashed #e0e0e0;
    }

    /* เปลี่ยนไอคอน + เป็น - และหมุน */
    details[open] .faq-question::after {
        content: '−'; /* ใช้เครื่องหมายลบ */
        color: var(--g2);
        transform: rotate(180deg);
    }

    /* ส่วนของคำตอบ */
    .faq-answer {
        padding: 20px;
        font-size: 15px;
        color: #555555;
        line-height: 1.6;
        background-color: #fdfdfd;
    }
    .faq-answer strong{
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
    }

    /* สำหรับหน้าจอมือถือ */
    @media (max-width: 768px) {
        .faq-header { font-size: 20px; }
        .faq-question { font-size: 15px; padding: 15px; }
        .faq-answer { font-size: 14px; padding: 15px; }
    }
    @media (prefers-reduced-motion: reduce){
        .faq-item{ transition: none; }
        .faq-item:hover{ transform: none; }
    }
</style>

<div class="faq-container">
    <h2 class="faq-header">คำถามที่พบบ่อย (FAQ) - โปรเน็ตบ้านทรู พร้อมกล่อง Ami อุปกรณ์ผู้ช่วยอัจฉริยะ</h2>

    <!-- ข้อที่ 1 -->
    <details class="faq-item">
        <summary class="faq-question">1. กล่อง Ami คืออะไร ทำอะไรได้บ้าง?</summary>
        <div class="faq-answer">
            กล่อง Ami คือ <strong>TrueX Home Hub</strong> ลำโพงอัจฉริยะที่มาพร้อม AI ผู้ช่วย "เอมี่" (Ami) สั่งงานด้วย<strong>เสียงภาษาไทย 100%</strong> ฟังเพลง ตอบคำถามทั่วไป และเชื่อมต่อควบคุมอุปกรณ์ Smart Home ผ่านแอป TrueX ได้ (รองรับทั้ง iOS และ Android) เช่น กล้องวงจรปิด หลอดไฟอัจฉริยะ ปลั๊กอัจฉริยะ และหุ่นยนต์ดูดฝุ่น
        </div>
    </details>

    <!-- ข้อที่ 2 -->
    <details class="faq-item">
        <summary class="faq-question">2. โปร Ami มีกี่แบบ ราคาเท่าไหร่ ต่างกันอย่างไร?</summary>
        <div class="faq-answer">
            มีให้เลือก <strong>3 แพ็กเกจหลัก</strong> ความเร็ว 500/500 Mbps สัญญา 2 ปี:
            <ul style="margin:8px 0 0; padding-left:20px;">
                <li><strong>AM1 – 618 บาท/เดือน</strong> : Router WiFi 6 (ปรับสปีดฟรีเป็น 1000/300 ได้) + กล่อง Ami + แอปทรูไอดี</li>
                <li><strong>AM2 – 698 บาท/เดือน</strong> : เพิ่มกล้อง CCTV (Cloud 7 วัน) และปุ่มกดฉุกเฉินอัจฉริยะ TrueX Smart SOS</li>
                <li><strong>AM3 – 719 บาท/เดือน</strong> : เพิ่มกล่องทีวี TrueID TV Gen2 และคอนเทนต์เลือกรับ 2 ใน 3 (iQIYI/VIU/Wetv)</li>
            </ul>
            <span style="display:block; margin-top:8px;">นอกจากนี้ยังมีแบบสัญญา 1 ปี (AM1.1) ราคา 618 บาท/เดือนเช่นกัน</span>
        </div>
    </details>

    <!-- ข้อที่ 3 -->
    <details class="faq-item">
        <summary class="faq-question">3. สั่งงาน Ami ต้องพูดภาษาอังกฤษไหม?</summary>
        <div class="faq-answer">
            ไม่ต้องครับ Ami รองรับคำสั่งเสียง<strong>ภาษาไทย 100%</strong> พูดคุยหรือสั่งงานเป็นภาษาไทยได้ตามปกติ
        </div>
    </details>

    <!-- ข้อที่ 4 -->
    <details class="faq-item">
        <summary class="faq-question">4. ต้องติดตั้งแอปเพิ่มไหมถึงจะใช้งาน Ami ได้?</summary>
        <div class="faq-answer">
            ใช้งานหลักผ่านลำโพง Ami ได้ทันทีโดยไม่ต้องพึ่งแอป แต่หากต้องการเชื่อมต่อและควบคุมอุปกรณ์ Smart Home อื่นๆ เพิ่มเติม แนะนำให้ติดตั้ง<strong>แอป TrueX</strong> (รองรับ iOS และ Android) เพื่อตั้งค่าและสั่งงานผ่านแอปได้ด้วย
        </div>
    </details>

    <!-- ข้อที่ 5 -->
    <details class="faq-item">
        <summary class="faq-question">5. มีค่าใช้จ่ายในวันติดตั้งหรือไม่?</summary>
        <div class="faq-answer">
            ไม่มีค่าใช้จ่ายในวันติดตั้ง (ฟรีค่าช่าง ฟรีค่าเดินสาย และยืมอุปกรณ์เราเตอร์ฟรี) ลูกค้าจะเริ่มชำระค่าบริการรอบบิลแรกในเดือนถัดไปตามปกติ
        </div>
    </details>
</div>


<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"กล่อง Ami คืออะไร ทำอะไรได้บ้าง?","acceptedAnswer":{"@type":"Answer","text":"กล่อง Ami คือ TrueX Home Hub ลำโพงอัจฉริยะที่มาพร้อม AI ผู้ช่วย \"เอมี่\" (Ami) สั่งงานด้วยเสียงภาษาไทย 100% ฟังเพลง ตอบคำถามทั่วไป และเชื่อมต่อควบคุมอุปกรณ์ Smart Home ผ่านแอป TrueX ได้ (รองรับทั้ง iOS และ Android) เช่น กล้องวงจรปิด หลอดไฟอัจฉริยะ ปลั๊กอัจฉริยะ และหุ่นยนต์ดูดฝุ่น"}},{"@type":"Question","name":"โปร Ami มีกี่แบบ ราคาเท่าไหร่ ต่างกันอย่างไร?","acceptedAnswer":{"@type":"Answer","text":"มีให้เลือก 3 แพ็กเกจหลัก ความเร็ว 500/500 Mbps สัญญา 2 ปี: AM1 – 618 บาท/เดือน : Router WiFi 6 (ปรับสปีดฟรีเป็น 1000/300 ได้) + กล่อง Ami + แอปทรูไอดี AM2 – 698 บาท/เดือน : เพิ่มกล้อง CCTV (Cloud 7 วัน) และปุ่มกดฉุกเฉินอัจฉริยะ TrueX Smart SOS AM3 – 719 บาท/เดือน : เพิ่มกล่องทีวี TrueID TV Gen2 และคอนเทนต์เลือกรับ 2 ใน 3 (iQIYI/VIU/Wetv) นอกจากนี้ยังมีแบบสัญญา 1 ปี (AM1.1) ราคา 618 บาท/เดือนเช่นกัน"}},{"@type":"Question","name":"สั่งงาน Ami ต้องพูดภาษาอังกฤษไหม?","acceptedAnswer":{"@type":"Answer","text":"ไม่ต้องครับ Ami รองรับคำสั่งเสียงภาษาไทย 100% พูดคุยหรือสั่งงานเป็นภาษาไทยได้ตามปกติ"}},{"@type":"Question","name":"ต้องติดตั้งแอปเพิ่มไหมถึงจะใช้งาน Ami ได้?","acceptedAnswer":{"@type":"Answer","text":"ใช้งานหลักผ่านลำโพง Ami ได้ทันทีโดยไม่ต้องพึ่งแอป แต่หากต้องการเชื่อมต่อและควบคุมอุปกรณ์ Smart Home อื่นๆ เพิ่มเติม แนะนำให้ติดตั้งแอป TrueX (รองรับ iOS และ Android) เพื่อตั้งค่าและสั่งงานผ่านแอปได้ด้วย"}},{"@type":"Question","name":"มีค่าใช้จ่ายในวันติดตั้งหรือไม่?","acceptedAnswer":{"@type":"Answer","text":"ไม่มีค่าใช้จ่ายในวันติดตั้ง (ฟรีค่าช่าง ฟรีค่าเดินสาย และยืมอุปกรณ์เราเตอร์ฟรี) ลูกค้าจะเริ่มชำระค่าบริการรอบบิลแรกในเดือนถัดไปตามปกติ"}}]}</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7e12174 e-flex e-con-boxed e-con e-parent" data-id="7e12174" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d852d30 elementor-widget elementor-widget-html" data-id="d852d30" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  เมนูลิงก์หน้าอื่น — ปรับให้เข้ากับสไตล์เว็บแล้ว

  แก้ 3 เรื่อง:

  1. สีไม่เข้ากับเว็บ
     เดิม: พื้นหลังไล่สีน้ำเงิน→ม่วง ซึ่งไม่มีอยู่ในดีไซน์เว็บเลย
     ใหม่: พื้นเทาอ่อน การ์ดขาว ขอบซ้ายแดง ไอคอนในกรอบแดงอ่อน
           ใช้ตัวแปรสีและฟอนต์ชุดเดียวกับ section อื่น

  2. ชื่อ class เสี่ยงชนกับธีม
     เดิม: .icon-box .text-box .arrow-icon .title .subtitle
           เป็นชื่อสามัญมาก ธีม Astra และปลั๊กอินหลายตัวใช้ชื่อพวกนี้
           ถ้าชนกันจะเพี้ยนแบบหาสาเหตุยาก
     ใหม่: ใส่ prefix .fnhs-nav- ทุกตัว

  3. ปุ่ม "หน้าแรก"
     ถ้าเอาบล็อกนี้ไปวางในหน้าแรก ปุ่มนี้จะลิงก์กลับมาที่ตัวเอง
     -> คอมเมนต์ไว้ให้แล้ว ใช้เฉพาะตอนวางในหน้าย่อย

  ⚠️ ระวังซ้ำซ้อน: บล็อกนี้กับแถบ "เลือกสิ่งที่คุณต้องการ" (pkg-tabs)
  มีปุ่ม "ย้ายค่าย" กับ "นิติบุคคล" ซ้ำกัน 2 อัน
  -> แนะนำใช้อย่างใดอย่างหนึ่งต่อ 1 หน้า ไม่ใช้ทั้งคู่
     pkg-tabs = เลือกตามอุปกรณ์ที่อยากได้  (เหมาะกับหน้าแรก)
     บล็อกนี้ = เลือกตามประเภทลูกค้า        (เหมาะกับหน้าย่อย)

  🎨 สี: เปลี่ยนให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366) 2 จุด:
   1) kicker "เลือกตามประเภทที่อยู่อาศัย" — ตัวหนังสือไล่สีจริง
   2) การ์ดลิงก์ .fnhs-nav-btn ทั้งหมด — ขอบซ้าย + กรอบไอคอน + เส้นขอบตอนชี้ + ลูกศร
      ขอบซ้าย 4px ใส่ gradient ตรงๆ ไม่ได้ (border-left รับได้แค่สีเดียว)
      เลยเปลี่ยนไปใช้ ::before เป็นแท่งไล่สีแทน
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-nav{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  background:var(--panel);
  border-radius:20px;
  padding:32px 20px;
  width:100%;
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.fnhs-nav *{ box-sizing:border-box; }

.fnhs-nav-head{
  text-align:center; margin-bottom:22px;
}
.fnhs-nav-kicker{
  display:table; margin:0 auto 6px;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.fnhs-nav-title{
  font-family:'Kanit'; font-weight:600; font-size:clamp(18px,2.6vw,22px);
  color:var(--ink); margin:0;
}

.fnhs-nav-grid{
  width:100%; max-width:900px; margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:14px;
}
@media (min-width:768px){
  .fnhs-nav-grid{ grid-template-columns:repeat(2,1fr); }
}

.fnhs-nav-btn{
  position:relative; overflow:hidden;
  display:flex; align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px 16px 22px;
  text-decoration:none !important;
  color:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
/* แท่งไล่สีฝั่งซ้าย แทน border-left (border รับ gradient ตรงๆ ไม่ได้)
   ใช้ 180deg (บน->ล่าง) ไม่ใช่ 90deg เหมือนที่อื่น เพราะแท่งนี้กว้างแค่ 4px
   ถ้าใช้ไล่สีแนวนอน (90deg) สีจะบีบอัดจนเบลอมั่วภายใน 4px เดียว ไม่เห็นไล่สีจริง */
.fnhs-nav-btn::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,#00A3FF,#FF3366);
  transition:opacity .25s ease;
}
.fnhs-nav-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,0.10);
  border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
/* ตอนชี้ ขอบทั้งกรอบเป็นไล่สีอยู่แล้ว ซ่อนแท่งซ้ายไปเลย
   กันไม่ให้ไล่สี 2 ก้อนซ้อนทับกันตรงมุมซ้ายจนสีมั่ว */
.fnhs-nav-btn:hover::before{ opacity:0; }

.fnhs-nav-ic{
  width:44px; height:44px; flex-shrink:0;
  margin-right:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,163,255,0.12), rgba(255,51,102,0.12));
  border-radius:12px;
}
.fnhs-nav-ic svg{
  width:24px; height:24px;
  stroke:#0B84C4; stroke-width:1.8;
  fill:none; stroke-linecap:round; stroke-linejoin:round;
}

.fnhs-nav-txt{ flex:1; min-width:0; }
.fnhs-nav-txt .fnhs-nav-t{
  font-family:'Kanit'; font-size:15px; font-weight:600;
  color:var(--ink); margin:0 0 2px; line-height:1.35;
}
.fnhs-nav-txt .fnhs-nav-s{
  font-size:12.5px; color:var(--muted); margin:0; line-height:1.45;
}

.fnhs-nav-arrow{
  font-size:22px; font-weight:400;
  margin-left:10px; flex-shrink:0; line-height:1;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (prefers-reduced-motion: reduce){
  .fnhs-nav-btn{ transition:none; }
}

/* ซ่อนปุ่ม "หน้าแรก" อัตโนมัติเมื่ออยู่ในหน้าแรก
   WordPress ใส่ class .home ที่ <body> ให้เองเมื่ออยู่หน้าแรก
   -> วางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน
   ถ้าธีมไม่ได้ใส่ .home ให้ ก็ลบปุ่มนั้นด้วยมือเฉพาะหน้าแรก */
body.home .fnhs-nav-home{ display:none; }
</style>

<div class="fnhs-nav">

  <div class="fnhs-nav-head">
    <div class="fnhs-nav-kicker">เลือกตามประเภทที่อยู่อาศัย</div>
    <h2 class="fnhs-nav-title">ยังไม่เจอโปรที่ใช่?</h2>
  </div>

  <div class="fnhs-nav-grid">

    <!-- 1. เน็ตบ้าน ลูกค้าทั่วไป -->
    <a href="https://fibernet-hispeed.com/true-home-internet/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <path d="M8 12.5a5.5 5.5 0 0 1 8 0"></path>
          <path d="M10 15.5a2.5 2.5 0 0 1 4 0"></path>
          <path d="M12 19h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ลูกค้าทั่วไป</p>
        <p class="fnhs-nav-s">เน็ตไฟเบอร์แรง เสถียร ครอบคลุมทั่วบ้าน</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 2. คอนโด -->
    <a href="https://fibernet-hispeed.com/true-internet-condo/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M4 21V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14"></path>
          <path d="M4 21h16"></path>
          <path d="M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4"></path>
          <path d="M10 9h.01"></path><path d="M14 9h.01"></path>
          <path d="M10 13h.01"></path><path d="M14 13h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู คอนโด</p>
        <p class="fnhs-nav-s">เน็ตแรงทะลุจอ ครบทุกไลฟ์สไตล์</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 3. นิติบุคคล / บริษัท -->
    <a href="https://fibernet-hispeed.com/true-internet-business/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู นิติบุคคล/บริษัท</p>
        <p class="fnhs-nav-s">โซลูชันอินเทอร์เน็ตสำหรับองค์กร</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 4. ย้ายค่าย -->
    <a href="https://fibernet-hispeed.com/true-internet-chang-come-true/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M16 3h5v5"></path>
          <path d="M4 20L21 3"></path>
          <path d="M21 16v5h-5"></path>
          <path d="M15 15l6 6"></path>
          <path d="M4 4l5 5"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ย้ายค่ายมาทรู</p>
        <p class="fnhs-nav-s">รับสิทธิพิเศษและส่วนลดสูงสุด</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 5. หน้าแรก
         CSS ด้านบนจะซ่อนปุ่มนี้ให้อัตโนมัติเมื่ออยู่ในหน้าแรก
         จึงวางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน -->
    <a href="https://fibernet-hispeed.com/" class="fnhs-nav-btn fnhs-nav-home">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <polyline points="9 22 9 12 15 12 15 22"></polyline>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">หน้าแรก</p>
        <p class="fnhs-nav-s">กลับสู่หน้าหลักบริการทรู</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

  </div>
</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>โปรพิเศษสำหรับนักศึกษา</title>
		<link>https://fibernet-hispeed.com/true-student-promo/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Mon, 24 Aug 2026 06:37:11 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=5947</guid>

					<description><![CDATA[โปรเน็ตบ้านทรู สำหรับนักศึกษา 499 บาท/เดือน ลดพิเศษสุดคุ้ม จากราคาปกติ 759 บาท เหลือ 499 บาท/เดือน โปรเน็ตบ้านทรู สำหรับนักศึกษา (SC1) ราคาปกติ 759 บาทลดเหลือ 499 บาท/เดือน (รวมภาษี [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5947" class="elementor elementor-5947" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-3aaafca e-flex e-con-boxed e-con e-parent" data-id="3aaafca" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-390e166 elementor-widget elementor-widget-image" data-id="390e166" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/โปรเน็ตบ้านทรู-สำหรับ-นักเรียน-นักศึกษา-ที่อายุ-18-24-ปี.webp" class="attachment-large size-large wp-image-4404" alt="โปรเน็ตบ้านทรู สำหรับ นักเรียน นักศึกษา ที่อายุ 18-24 ปี" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/07/โปรเน็ตบ้านทรู-สำหรับ-นักเรียน-นักศึกษา-ที่อายุ-18-24-ปี.webp 1024w, https://fibernet-hispeed.com/wp-content/uploads/2026/07/โปรเน็ตบ้านทรู-สำหรับ-นักเรียน-นักศึกษา-ที่อายุ-18-24-ปี-300x300.webp 300w, https://fibernet-hispeed.com/wp-content/uploads/2026/07/โปรเน็ตบ้านทรู-สำหรับ-นักเรียน-นักศึกษา-ที่อายุ-18-24-ปี-150x150.webp 150w, https://fibernet-hispeed.com/wp-content/uploads/2026/07/โปรเน็ตบ้านทรู-สำหรับ-นักเรียน-นักศึกษา-ที่อายุ-18-24-ปี-768x768.webp 768w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-5697c0a e-flex e-con-boxed e-con e-parent" data-id="5697c0a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3457256 elementor-widget elementor-widget-html" data-id="3457256" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดโปรโมชั่น TrueOnline โปรพิเศษสำหรับนักศึกษา (SC1-SC2)
  ปรับโครงสร้าง/สไตล์ให้เหมือนกับ dtac-howto-section.html / fullset-howto
  -section.html ทุกจุด ยกเว้นส่วนรูปภาพ/ปุ่ม "ดูภาพโปรเพิ่มเติม" (lightbox)
  ที่ตัดออกชั่วคราว เพราะยังไม่มีรูปโปรส่งมาให้ — เพิ่มกลับได้ทันทีเมื่อมีรูป
  โดยใช้โครงสร้างเดียวกับไฟล์ td-howto/ha-howto (ดูตัวอย่าง onclick
  tdOpenLightbox/haOpenLightbox)

  SC1 กับ SC2 ต่างกันแค่ระยะสัญญา (1 ปี / 2 ปี) ราคา/สปีด/ของแถมเหมือนกันทุกจุด
========================================================= -->

<style>
.sc-howto{ font-family:'Prompt','IBM Plex Sans Thai',sans-serif; max-width:680px; margin:0 auto; padding:30px 26px; background:#fff; border-radius:16px; color:#333333; }
.sc-howto *{ box-sizing:border-box; }
.sc-howto-header{ text-align:center; margin-bottom:26px; }
.sc-howto-title{ font-size:28px; font-weight:700; margin:0 0 6px; color:#222222; line-height:1.4; }
.sc-howto-gradient{ background:linear-gradient(90deg,#00A3FF,#FF3366); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

.sc-block{ padding:26px 0; }
.sc-block:first-of-type{ padding-top:0; }

.sc-row{ display:flex; gap:26px; margin-bottom:16px; }
.sc-left{ flex:0 0 220px; }
.sc-right{ flex:1; min-width:0; }

.sc-head{ font-size:15.5px; font-weight:700; color:#222; margin:0 0 10px; line-height:1.5; }
.sc-price-line{ font-size:14px; font-weight:600; color:#9ca3af; margin:0 0 2px; }
.sc-price-old{ text-decoration:line-through; color:#9ca3af; }
.sc-price-line .sc-price-new{ display:block; font-size:20px; font-weight:700; color:#FF3366; margin-top:2px; }
.sc-vat{ font-size:12.5px; color:#888; margin:0 0 12px; }
.sc-contract{ font-size:14px; color:#444; margin:0 0 4px; }

.sc-list{ list-style:none; padding:0; margin:0; }
.sc-list li{ font-size:14px; color:#444; position:relative; padding-left:16px; line-height:1.7; margin-bottom:8px; }
.sc-list li::before{ content:''; position:absolute; left:0; top:8px; width:6px; height:6px; background:#e60000; border-radius:50%; }

.sc-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.sc-cta{ flex:1; min-width:150px; text-align:center; background:linear-gradient(90deg,#00A3FF,#FF3366); color:#ffffff !important; padding:12px; border-radius:50px; text-decoration:none; font-weight:600; font-size:14px; box-shadow:0 4px 10px rgba(255,51,102,0.3); transition:box-shadow .3s ease; }
.sc-cta:hover{ box-shadow:0 6px 15px rgba(255,51,102,0.5); }

.sc-divider{ border:0; height:3px; background:linear-gradient(90deg,#00A3FF,#FF3366); opacity:.35; border-radius:3px; margin:0; }

.sc-note{ font-size:11.5px; color:#9ca3af; text-align:center; margin-top:22px; line-height:1.7; }

@media(max-width:600px){
  .sc-howto{ padding:20px 16px; }
  .sc-howto-title{ font-size:22px; }
  .sc-row{ flex-direction:column; gap:12px; }
  .sc-left{ flex:none; }
}
</style>

<div class="sc-howto">

  <div class="sc-howto-header">
    <h1 class="sc-howto-title">โปรเน็ตบ้านทรู สำหรับนักศึกษา 499 บาท/เดือน</h1>
    <p style="font-size:15px; color:#666; margin-top:6px;">ลดพิเศษสุดคุ้ม จากราคาปกติ 759 บาท เหลือ 499 บาท/เดือน</p>
  </div>

  <!-- SC1 -->
  <div class="sc-block">
    <div class="sc-row">
      <div class="sc-left">
        <p class="sc-head">โปรเน็ตบ้านทรู สำหรับนักศึกษา (SC1)</p>
        <p class="sc-price-line">ราคาปกติ <span class="sc-price-old">759</span> บาท<span class="sc-price-new">ลดเหลือ 499 บาท/เดือน</span></p>
        <p class="sc-vat">(รวมภาษี 533.93 บาท)</p>
      </div>
      <div class="sc-right">
        <ul class="sc-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi6 ความเร็ว 1000/1000 Mbps ไม่จำกัด</li>
          <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
        </ul>
      </div>
    </div>
    <p class="sc-contract">(สัญญา 1 ปี)</p>
    <div class="sc-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้านทรู สำหรับนักศึกษา (SC1)" target="_blank" rel="noopener" class="sc-cta">สนใจสมัครโปรนี้ คลิก</a>
    </div>
  </div>
  <hr class="sc-divider">

  <!-- SC2 -->
  <div class="sc-block">
    <div class="sc-row">
      <div class="sc-left">
        <p class="sc-head">โปรเน็ตบ้านทรู สำหรับนักศึกษา (SC2)</p>
        <p class="sc-price-line">ราคาปกติ <span class="sc-price-old">759</span> บาท<span class="sc-price-new">ลดเหลือ 499 บาท/เดือน</span></p>
        <p class="sc-vat">(รวมภาษี 533.93 บาท)</p>
      </div>
      <div class="sc-right">
        <ul class="sc-list">
          <li>ได้รับ กล่องเราเตอร์ไวไฟ รุ่น True Gigatex Fiber WiFi6 ความเร็ว 1000/1000 Mbps ไม่จำกัด</li>
          <li>แถมฟรี แอปทรูไอดี รับชมรายการ 34 ช่อง ผ่านมือถือ</li>
        </ul>
      </div>
    </div>
    <p class="sc-contract">(สัญญา 2 ปี)</p>
    <div class="sc-actions">
      <a href="https://line.me/R/msg/text/?สนใจสมัครโปร โปรเน็ตบ้านทรู สำหรับนักศึกษา (SC2)" target="_blank" rel="noopener" class="sc-cta">สนใจสมัครโปรนี้ คลิก</a>
    </div>
  </div>

  <p class="sc-note">SC1 และ SC2 ราคา สปีด และของแถมเหมือนกันทุกจุด ต่างกันเพียงระยะสัญญา (1 ปี / 2 ปี)</p>

</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-cd9e10f e-flex e-con-boxed e-con e-parent" data-id="cd9e10f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fc81860 elementor-widget elementor-widget-image" data-id="fc81860" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="474" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/เงือนไขโปร-เน็ตบ้านสำหรับนักศึกษา-1024x474.webp" class="attachment-large size-large wp-image-5963" alt="" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/08/เงือนไขโปร-เน็ตบ้านสำหรับนักศึกษา-1024x474.webp 1024w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/เงือนไขโปร-เน็ตบ้านสำหรับนักศึกษา-300x139.webp 300w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/เงือนไขโปร-เน็ตบ้านสำหรับนักศึกษา-768x355.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/08/เงือนไขโปร-เน็ตบ้านสำหรับนักศึกษา.webp 1154w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-0885da2 e-flex e-con-boxed e-con e-parent" data-id="0885da2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d1c5c03 elementor-widget elementor-widget-html" data-id="d1c5c03" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดอุปกรณ์ — วางทับของเดิมได้เลย

  🐞 บั๊กที่เจอในโค้ดเดิม 5 จุด

  1. <div> ปิดไม่ครบ 2 ตัว
     การ์ดใบที่ 6 (Mesh WiFi) ไม่ได้ปิด .device-slide
     และ .device-container ก็ไม่ได้ปิด
     -> ทำให้แถบจุดไข่ปลาไปอยู่ "ข้างใน" ตัวสไลด์
        จุดเลยเลื่อนหนีตามการ์ดเวลาปัด

  2. จุดไข่ปลามี 10 จุด แต่การ์ดมีแค่ 6
     -> 4 จุดท้ายกดแล้วไม่ไปไหน
     -> แก้เป็นสร้างจุดอัตโนมัติตามจำนวนการ์ด
        เพิ่ม/ลดการ์ดทีหลังไม่ต้องมาแก้จุดอีก

  3. class .dot ไม่มี prefix
     ชนกับ .dot ของคาร์รูเซลแพ็กเกจและบล็อกอื่นในหน้าเดียวกัน
     -> เปลี่ยนเป็น .dev-dot

  4. สะกดผิด 2 จุด
     "ดเพิ่มเติม" -> "ดูเพิ่มเติม"
     "อปกรณ์กระจายสัญญาณ" -> "อุปกรณ์กระจายสัญญาณ"

  5. รูป Mesh WiFi ใช้ไฟล์เดียวกับ Router (icon-Router-WiFi6_0.webp)
     -> ยังคงไว้ตามเดิม แต่ถ้ามีรูป Mesh แยก แนะนำเปลี่ยน
        ไม่งั้นสองใบนี้ดูเหมือนของชิ้นเดียวกัน

  ✅ ที่ปรับให้เข้ากับเว็บ
   • สี #cc0000 -> #E5231B (แดงชุดเดียวกับทั้งเว็บ)
   • ฟอนต์ Prompt -> Kanit + IBM Plex Sans Thai
   • หัวข้อใช้ kicker แดง + h2 เหมือน section อื่น
   • การ์ดขอบ 1px radius 18px เงาอ่อน แบบเดียวกับ .bcard
   • เพิ่มลิงก์ "ดูอุปกรณ์ทั้งหมด →" มุมขวาบน

  ⚠️ ต้องแก้ก่อนใช้: ใส่ URL หน้ารวมอุปกรณ์
     แทนที่ ใส่-URL-หน้ารวมอุปกรณ์ ในลิงก์มุมขวาบน

  🎨 สี: เปลี่ยน 2 จุดให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366)
     เหมือนที่ทำใน promo-special-section.html:
      1) หัวข้อ "รายละเอียดอุปกรณ์" (.dev-kicker) — ตัวหนังสือไล่สีจริง
      2) ขอบการ์ดตอนเอาเมาส์ไปชี้ (.device-item:hover) — ขอบไล่สี
         ด้วยเทคนิค double-background (padding-box + border-box)
     ปุ่ม "ดูเพิ่มเติม" / "ดูอุปกรณ์ทั้งหมด" / จุดไข่ปลา ไม่ได้ขอเปลี่ยน คงสีแดงเดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.device-wrapper{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --gutter:20px;
  max-width:1180px; margin:40px auto;
  padding:0 var(--gutter);
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.device-wrapper *{ box-sizing:border-box; }

/* ---------- หัวข้อ + ลิงก์มุมขวาบน ---------- */
.device-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom:20px;
}
.device-header .dev-kicker{
  display:table;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px; margin-bottom:6px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.device-header h2{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(19px,2.8vw,25px); color:var(--ink);
  margin:0; line-height:1.35;
}
.device-header .dev-sub{
  font-size:13px; color:var(--muted); margin:4px 0 0;
}
.dev-all-link{
  flex-shrink:0; white-space:nowrap;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); text-decoration:none;
  border:1.5px solid var(--red); border-radius:999px;
  padding:8px 16px;
  transition:background .2s ease, color .2s ease;
}
.dev-all-link:hover{ background:var(--red); color:#fff; }

@media (max-width:600px){
  .device-header{ flex-direction:column; align-items:stretch; }
  .dev-all-link{ align-self:flex-start; }
}

/* ---------- สไลด์ ---------- */
.device-container{
  display:flex; gap:18px;
  align-items:stretch;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scroll-padding-left:var(--gutter);
  margin:0 calc(var(--gutter) * -1);
  padding:6px var(--gutter) 22px;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.device-container::-webkit-scrollbar{ display:none; }

.device-slide{
  flex:0 0 72%;
  scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center;
  min-width:0;
}
@media (min-width:768px){ .device-slide{ flex:0 0 44%; } }

/* คอม: ยังเป็นสไลด์ แต่โชว์แถบเลื่อนให้เห็นว่าเลื่อนได้
   หมายเหตุ: Chrome 121+ จะไม่สนใจ ::-webkit-scrollbar
   ถ้ามีการตั้ง scrollbar-width หรือ scrollbar-color เป็นค่าอื่นที่ไม่ใช่ auto
   จึงต้องตั้งกลับเป็น auto ก่อน แถบถึงจะโผล่ */
@media (min-width:1025px){
  .device-slide{ flex:0 0 31%; }

  .device-container{
    scrollbar-width:auto !important;
    scrollbar-color:auto !important;
    overflow-x:scroll !important;   /* scroll ไม่ใช่ auto = แถบโผล่ตลอด */
    padding-bottom:14px;
    cursor:grab;
  }
  .device-container:active{ cursor:grabbing; }

  .device-container::-webkit-scrollbar{
    display:block !important;
    -webkit-appearance:none !important;
    height:8px !important;
  }
  .device-container::-webkit-scrollbar-track{
    background:#eef0f4 !important; border-radius:99px;
  }
  .device-container::-webkit-scrollbar-thumb{
    background:#c7ccd6 !important; border-radius:99px;
    transition:background .2s ease;
  }
  .device-container::-webkit-scrollbar-thumb:hover{ background:var(--red) !important; }
}

.device-item{
  width:100%; flex:1;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.device-item:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(0,0,0,0.12);
  border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
.device-item img{
  width:104px; height:104px; object-fit:contain;
  margin-bottom:16px; pointer-events:none;
}
.device-item h4{
  font-family:'Kanit'; font-weight:600; font-size:16px;
  color:var(--ink); margin:0 0 8px; line-height:1.4;
}
.device-item p{ font-size:12.5px; color:var(--muted); margin:0; }

.device-slide .btn-more{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff !important;
  font-family:'Kanit'; font-weight:600; font-size:13px;
  padding:10px 24px; border-radius:999px;
  text-decoration:none; border:none;
  box-shadow:0 6px 16px rgba(229,35,27,0.25);
  transition:transform .2s ease, background .2s ease;
  margin-top:14px;
}
.device-slide .btn-more:hover{ transform:scale(1.05); background:var(--red-deep); }

/* ---------- จุดไข่ปลา (เปลี่ยนชื่อ class กันชนกับบล็อกอื่น) ---------- */
.device-dots{
  display:flex; justify-content:center; gap:8px;
  margin-top:2px; flex-wrap:wrap;
}
.device-dots .dev-dot{
  width:10px; height:10px; background:#ccc; border-radius:50%;
  cursor:pointer; transition:all .25s ease; border:none; padding:0;
}
.device-dots .dev-dot.active{ background:var(--red); width:22px; border-radius:10px; }

.dev-foot{
  text-align:center; font-size:11.5px; color:var(--muted);
  margin:6px 0 0; line-height:1.7;
}

@media (prefers-reduced-motion: reduce){
  .device-container{ scroll-behavior:auto; }
  .device-item, .device-slide .btn-more{ transition:none; }
}
</style>


<div class="device-wrapper">

  <div class="device-header">
    <div>
      <div class="dev-kicker">รายละเอียดอุปกรณ์</div>
      <h2>อุปกรณ์ที่ลูกค้าได้รับในวันติดตั้ง</h2>
      <p class="dev-sub">ได้รับชิ้นไหนบ้างขึ้นกับแพ็กเกจที่สมัคร</p>
    </div>
    <a class="dev-all-link" href="https://fibernet-hispeed.com/true-device-all/">ดูอุปกรณ์ทั้งหมด →</a>
  </div>

  <div class="device-container">

    <div class="device-slide">
      <div class="device-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-Router-WiFi6_0.webp" alt="เราเตอร์ไวไฟทรู">
        <h4>เราเตอร์ (Router)</h4>
        <p>ได้รับตามแพ็กเกจที่สมัคร*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-router-gigatax-fiber-pro-wifi6/" class="btn-more">ดูเพิ่มเติม</a>
    </div>

 
  </div>

  <div class="device-dots" id="deviceDots"></div>

  <p class="dev-foot">* อุปกรณ์ที่ได้รับขึ้นอยู่กับแพ็กเกจและพื้นที่ให้บริการ · เจ้าหน้าที่แจ้งรายละเอียดก่อนสมัครทุกครั้ง</p>

</div>


<script>
(function(){
  function init(){
    document.querySelectorAll('.device-wrapper').forEach(function(wrapper){
      var container = wrapper.querySelector('.device-container');
      var dotsBox   = wrapper.querySelector('.device-dots');
      if(!container || !dotsBox) return;

      var items = [].slice.call(container.querySelectorAll('.device-slide'));

      /* สร้างจุดตามจำนวนการ์ดอัตโนมัติ — เพิ่ม/ลดการ์ดไม่ต้องแก้จุด */
      dotsBox.innerHTML = '';
      items.forEach(function(item, i){
        var d = document.createElement('button');
        d.type = 'button';
        d.className = 'dev-dot' + (i === 0 ? ' active' : '');
        d.setAttribute('aria-label', 'ไปอุปกรณ์ชิ้นที่ ' + (i + 1));
        d.addEventListener('click', function(){
          item.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' });
        });
        dotsBox.appendChild(d);
      });

      var dots = [].slice.call(dotsBox.querySelectorAll('.dev-dot'));
      var ticking = false;

      function updateActiveDot(){
        var center = container.scrollLeft + container.offsetWidth / 2;
        var idx = 0, best = Infinity;
        items.forEach(function(item, i){
          var mid = item.offsetLeft + item.offsetWidth / 2;
          var diff = Math.abs(mid - center);
          if(diff < best){ best = diff; idx = i; }
        });
        dots.forEach(function(d, i){ d.classList.toggle('active', i === idx); });
      }

      container.addEventListener('scroll', function(){
        if(ticking) return;
        ticking = true;
        window.requestAnimationFrame(function(){
          ticking = false;
          updateActiveDot();
        });
      }, { passive:true });

      window.addEventListener('resize', updateActiveDot);
      updateActiveDot();

      /* ลากด้วยเมาส์บนคอม */
      var down = false, startX = 0, startScroll = 0, moved = 0;

      container.addEventListener('mousedown', function(e){
        if(e.button !== 0) return;
        down = true; moved = 0;
        startX = e.pageX;
        startScroll = container.scrollLeft;
        container.style.scrollSnapType = 'none';
      });

      window.addEventListener('mousemove', function(e){
        if(!down) return;
        var dx = e.pageX - startX;
        moved = Math.abs(dx);
        container.scrollLeft = startScroll - dx;
      });

      function endDrag(){
        if(!down) return;
        down = false;
        container.style.scrollSnapType = 'x proximity';
      }
      window.addEventListener('mouseup', endDrag);
      container.addEventListener('mouseleave', endDrag);

      /* กันเผลอกดลิงก์ตอนลาก */
      container.addEventListener('click', function(e){
        if(moved > 5){ e.preventDefault(); e.stopPropagation(); moved = 0; }
      }, true);
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b8ee188 e-flex e-con-boxed e-con e-parent" data-id="b8ee188" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-400e75a elementor-widget elementor-widget-html" data-id="400e75a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  รายละเอียดสิทธิพิเศษ และคอนเทนต์ — วางทับของเดิมได้เลย
  โครงสร้าง/สไตล์อ้างอิงจาก device-wrapper (คาร์รูเซล + จุดไข่ปลา + แถบเลื่อนบนคอม)
  เปลี่ยน prefix เป็น .content- / .cont- ทั้งหมด กันชนกับ .device- ที่อยู่หน้าเดียวกัน

  ⚠️ หมายเหตุเรื่องลิงก์: เช็คเว็บ fibernet-hispeed.com แล้วไม่พบหน้าแยกรายคอนเทนต์
  (ไม่มีหน้าเฉพาะของ iQIYI / VIU / NOW ENT / App TrueID / AI Game)
  มีแต่หน้ารวมสิทธิพิเศษหน้าเดียวคือ /true-internet-promotion-all/
  ซึ่งมีการ์ด "รับแอปดูซีรีส์ Viu / iQIYI / WeTV" และพูดถึง Now ENT ในนั้น
  จึงใส่ลิงก์ "ดูเพิ่มเติม" ของทุกใบชี้ไปหน้านี้ก่อน ถ้ามีหน้าคอนเทนต์แยกทีหลัง ค่อยเปลี่ยนทีละใบ

  🎨 สี: เปลี่ยน 2 จุดให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366)
     เหมือนที่ทำใน promo-special-section.html / device-details-section.html:
      1) หัวข้อ "รายละเอียดสิทธิพิเศษ" (.cont-kicker) — ตัวหนังสือไล่สีจริง
      2) ขอบการ์ดตอนเอาเมาส์ไปชี้ (.content-item:hover) — ขอบไล่สี
         ด้วยเทคนิค double-background (padding-box + border-box)
     ปุ่ม "ดูเพิ่มเติม" / "ดูสิทธิพิเศษทั้งหมด" / จุดไข่ปลา ไม่ได้ขอเปลี่ยน คงสีแดงเดิมไว้
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.content-wrapper{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --gutter:20px;
  max-width:1180px; margin:40px auto;
  padding:0 var(--gutter);
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.content-wrapper *{ box-sizing:border-box; }

/* ---------- หัวข้อ + ลิงก์มุมขวาบน ---------- */
.content-header{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom:20px;
}
.content-header .cont-kicker{
  display:table;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px; margin-bottom:6px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.content-header h2{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(19px,2.8vw,25px); color:var(--ink);
  margin:0; line-height:1.35;
}
.content-header .cont-sub{
  font-size:13px; color:var(--muted); margin:4px 0 0;
}
.cont-all-link{
  flex-shrink:0; white-space:nowrap;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); text-decoration:none;
  border:1.5px solid var(--red); border-radius:999px;
  padding:8px 16px;
  transition:background .2s ease, color .2s ease;
}
.cont-all-link:hover{ background:var(--red); color:#fff; }

@media (max-width:600px){
  .content-header{ flex-direction:column; align-items:stretch; }
  .cont-all-link{ align-self:flex-start; }
}

/* ---------- สไลด์ ---------- */
.content-container{
  display:flex; gap:18px;
  align-items:stretch;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  scroll-padding-left:var(--gutter);
  margin:0 calc(var(--gutter) * -1);
  padding:6px var(--gutter) 22px;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.content-container::-webkit-scrollbar{ display:none; }

.content-slide{
  flex:0 0 72%;
  scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center;
  min-width:0;
}
@media (min-width:768px){ .content-slide{ flex:0 0 44%; } }

/* คอม: ยังเป็นสไลด์ แต่โชว์แถบเลื่อนให้เห็นว่าเลื่อนได้
   หมายเหตุ: Chrome 121+ จะไม่สนใจ ::-webkit-scrollbar
   ถ้ามีการตั้ง scrollbar-width หรือ scrollbar-color เป็นค่าอื่นที่ไม่ใช่ auto
   จึงต้องตั้งกลับเป็น auto ก่อน แถบถึงจะโผล่ */
@media (min-width:1025px){
  .content-slide{ flex:0 0 31%; }

  .content-container{
    scrollbar-width:auto !important;
    scrollbar-color:auto !important;
    overflow-x:scroll !important;   /* scroll ไม่ใช่ auto = แถบโผล่ตลอด */
    padding-bottom:14px;
    cursor:grab;
  }
  .content-container:active{ cursor:grabbing; }

  .content-container::-webkit-scrollbar{
    display:block !important;
    -webkit-appearance:none !important;
    height:8px !important;
  }
  .content-container::-webkit-scrollbar-track{
    background:#eef0f4 !important; border-radius:99px;
  }
  .content-container::-webkit-scrollbar-thumb{
    background:#c7ccd6 !important; border-radius:99px;
    transition:background .2s ease;
  }
  .content-container::-webkit-scrollbar-thumb:hover{ background:var(--red) !important; }
}

.content-item{
  width:100%; flex:1;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,0.05);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.content-item:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(0,0,0,0.12);
  border:1.5px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
.content-item img{
  width:104px; height:104px; object-fit:contain;
  margin-bottom:16px; pointer-events:none;
}
.content-item h4{
  font-family:'Kanit'; font-weight:600; font-size:16px;
  color:var(--ink); margin:0 0 8px; line-height:1.4;
}
.content-item p{ font-size:12.5px; color:var(--muted); margin:0; }

.content-slide .cont-btn-more{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff !important;
  font-family:'Kanit'; font-weight:600; font-size:13px;
  padding:10px 24px; border-radius:999px;
  text-decoration:none; border:none;
  box-shadow:0 6px 16px rgba(229,35,27,0.25);
  transition:transform .2s ease, background .2s ease;
  margin-top:14px;
}
.content-slide .cont-btn-more:hover{ transform:scale(1.05); background:var(--red-deep); }

/* ---------- จุดไข่ปลา ---------- */
.content-dots{
  display:flex; justify-content:center; gap:8px;
  margin-top:2px; flex-wrap:wrap;
}
.content-dots .cont-dot{
  width:10px; height:10px; background:#ccc; border-radius:50%;
  cursor:pointer; transition:all .25s ease; border:none; padding:0;
}
.content-dots .cont-dot.active{ background:var(--red); width:22px; border-radius:10px; }

.cont-foot{
  text-align:center; font-size:11.5px; color:var(--muted);
  margin:6px 0 0; line-height:1.7;
}

@media (prefers-reduced-motion: reduce){
  .content-container{ scroll-behavior:auto; }
  .content-item, .content-slide .cont-btn-more{ transition:none; }
}
</style>


<div class="content-wrapper">

  <div class="content-header">
    <div>
      <div class="cont-kicker">รายละเอียดสิทธิพิเศษ</div>
      <h2>สิทธิพิเศษ และคอนเทนต์ ที่ลูกค้าได้รับวันที่ติดตั้ง</h2>
      <p class="cont-sub">สิทธิพิเศษ และคอนเทนต์ ได้รับตามแพ็กเกจที่เลือก</p>
    </div>
    <a class="cont-all-link" href="https://fibernet-hispeed.com/true-internet-promotion-all/">ดูสิทธิพิเศษทั้งหมด →</a>
  </div>

  <div class="content-container">

    <div class="content-slide">
      <div class="content-item">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Apptrueid-best.webp" alt="สิทธิพิเศษในแอปทรูไอดี ทรูพอยท์และสิทธิ์ตามระดับการ์ด">
        <h4>แอปทรูไอดี</h4>
        <p>ได้รับตามแพ็กเกจที่เลือก*</p>
      </div>
      <a href="https://fibernet-hispeed.com/true-internet-promotion-all/" class="cont-btn-more">ดูเพิ่มเติม</a>
    </div>


  </div>

  <div class="content-dots" id="contentDots"></div>

  <p class="cont-foot">* สิทธิพิเศษและคอนเทนต์ที่ได้รับขึ้นอยู่กับแพ็กเกจและรอบโปรโมชัน · เจ้าหน้าที่แจ้งรายละเอียดก่อนสมัครทุกครั้ง</p>

</div>


<script>
(function(){
  function init(){
    document.querySelectorAll('.content-wrapper').forEach(function(wrapper){
      var container = wrapper.querySelector('.content-container');
      var dotsBox   = wrapper.querySelector('.content-dots');
      if(!container || !dotsBox) return;

      var items = [].slice.call(container.querySelectorAll('.content-slide'));

      /* สร้างจุดตามจำนวนการ์ดอัตโนมัติ — เพิ่ม/ลดการ์ดไม่ต้องแก้จุด */
      dotsBox.innerHTML = '';
      items.forEach(function(item, i){
        var d = document.createElement('button');
        d.type = 'button';
        d.className = 'cont-dot' + (i === 0 ? ' active' : '');
        d.setAttribute('aria-label', 'ไปสิทธิพิเศษที่ ' + (i + 1));
        d.addEventListener('click', function(){
          item.scrollIntoView({ behavior:'smooth', inline:'center', block:'nearest' });
        });
        dotsBox.appendChild(d);
      });

      var dots = [].slice.call(dotsBox.querySelectorAll('.cont-dot'));
      var ticking = false;

      function updateActiveDot(){
        var center = container.scrollLeft + container.offsetWidth / 2;
        var idx = 0, best = Infinity;
        items.forEach(function(item, i){
          var mid = item.offsetLeft + item.offsetWidth / 2;
          var diff = Math.abs(mid - center);
          if(diff < best){ best = diff; idx = i; }
        });
        dots.forEach(function(d, i){ d.classList.toggle('active', i === idx); });
      }

      container.addEventListener('scroll', function(){
        if(ticking) return;
        ticking = true;
        window.requestAnimationFrame(function(){
          ticking = false;
          updateActiveDot();
        });
      }, { passive:true });

      window.addEventListener('resize', updateActiveDot);
      updateActiveDot();

      /* ลากด้วยเมาส์บนคอม */
      var down = false, startX = 0, startScroll = 0, moved = 0;

      container.addEventListener('mousedown', function(e){
        if(e.button !== 0) return;
        down = true; moved = 0;
        startX = e.pageX;
        startScroll = container.scrollLeft;
        container.style.scrollSnapType = 'none';
      });

      window.addEventListener('mousemove', function(e){
        if(!down) return;
        var dx = e.pageX - startX;
        moved = Math.abs(dx);
        container.scrollLeft = startScroll - dx;
      });

      function endDrag(){
        if(!down) return;
        down = false;
        container.style.scrollSnapType = 'x proximity';
      }
      window.addEventListener('mouseup', endDrag);
      container.addEventListener('mouseleave', endDrag);

      /* กันเผลอกดลิงก์ตอนลาก */
      container.addEventListener('click', function(e){
        if(moved > 5){ e.preventDefault(); e.stopPropagation(); moved = 0; }
      }, true);
    });
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-befccac e-flex e-con-boxed e-con e-parent" data-id="befccac" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-30c51bc elementor-widget elementor-widget-html" data-id="30c51bc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
  @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

  .fnhs-offer{
    --red:#E5231B; --red-soft:#FFF1F0; --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED;
    font-family:'IBM Plex Sans Thai',sans-serif;
  }
  .fnhs-offer *{ box-sizing:border-box; }

  .fnhs-offer .fnh-special-offer-container{
    max-width:800px; margin:20px auto; padding:30px 20px; background:#ffffff;
    border-radius:24px; box-shadow:0 8px 25px rgba(0,0,0,0.08); border:1px solid var(--line);
    text-align:center;
  }
  .fnhs-offer .fnh-offer-header{
    font-family:'Kanit'; font-size:24px; color:var(--red); font-weight:700; margin-bottom:20px; line-height:1.4;
  }

  .fnhs-offer .fnh-benefits-wrapper{
    max-width:350px; margin:0 auto 20px; display:flex; flex-direction:column; gap:12px;
  }

  .fnhs-offer .fnh-benefit-item{
    display:flex; align-items:center; background:var(--red-soft); padding:12px 20px;
    border-radius:50px; font-size:16px; font-weight:600; color:var(--ink);
    border:1px solid #FFDAD6; opacity:0; transform:translateY(10px);
    animation:fnhsFadeInUp 0.5s ease forwards; cursor:pointer; width:100%;
    text-align:left; font-family:inherit; transition:background 0.15s ease, transform 0.15s ease;
  }
  .fnhs-offer .fnh-benefit-item:hover{ background:#FFE4E1; transform:translateY(-1px); }
  .fnhs-offer .fnh-benefit-item:active{ transform:translateY(0); }

  .fnhs-offer .fnh-benefit-item .info-hint{
    margin-left:auto; font-size:12px; color:var(--red); font-weight:700; flex-shrink:0; padding-left:8px;
  }
  .fnhs-offer .fnh-benefit-item:nth-child(1){ animation-delay:0.05s; }
  .fnhs-offer .fnh-benefit-item:nth-child(2){ animation-delay:0.15s; }
  .fnhs-offer .fnh-benefit-item:nth-child(3){ animation-delay:0.25s; }
  .fnhs-offer .fnh-benefit-item:nth-child(4){ animation-delay:0.35s; }

  @keyframes fnhsFadeInUp{ to{ opacity:1; transform:translateY(0); } }

  @media (prefers-reduced-motion: reduce){
    .fnhs-offer .fnh-benefit-item{ animation:none; opacity:1; transform:none; }
  }

  .fnhs-offer .fnh-plus-icon{
    display:flex; align-items:center; justify-content:center; width:24px; height:24px;
    background:var(--red); color:#fff; border-radius:50%; font-size:18px; font-weight:bold;
    margin-right:12px; flex-shrink:0;
  }

  .fnhs-offer .fnh-highlight-free{ color:var(--red); font-weight:800; margin-right:4px; }

  .fnhs-offer .fnh-condition-text{
    font-size:12.5px; color:var(--muted); margin-bottom:8px; line-height:1.6;
    max-width:460px; margin-left:auto; margin-right:auto;
  }
  /* เปลี่ยนสีเป็นไล่สีเดียวกับปุ่มการ์ดโปร (#00A3FF -> #FF3366)
     ตัวหนังสือใช้ background-clip:text ให้เป็นไล่สีจริง
     เส้นใต้ตอนชี้ใช้ border-image (เส้นตรงธรรมดา ไม่มีปัญหาโค้งมนแบบปุ่ม) */
  .fnhs-offer .fnh-condition-link{
    display:inline-block; font-size:12.5px; font-weight:600;
    text-decoration:none; margin-bottom:25px;
    color:#0B84C4;
    background:linear-gradient(90deg,#00A3FF,#FF3366);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
    border-bottom:1px solid transparent;
  }
  .fnhs-offer .fnh-condition-link:hover{
    border-image:linear-gradient(90deg,#00A3FF,#FF3366) 1;
  }
  .fnhs-offer .fnh-contact-intro{ font-size:15px; color:var(--muted); margin-bottom:15px; }

  .fnhs-offer .fnh-contact-actions{
    display:flex; flex-direction:column; gap:15px; align-items:center; flex-wrap:wrap;
  }
  .fnhs-offer .fnh-btn-contact{
    display:flex; align-items:center; justify-content:center; width:100%; max-width:320px;
    padding:15px 25px; border-radius:50px; font-family:'Kanit'; font-size:16px; font-weight:600;
    text-decoration:none; color:#ffffff; box-shadow:0 4px 10px rgba(0,0,0,0.15); border:none;
  }

  .fnhs-offer .fnh-btn-line-app{
    background:linear-gradient(135deg,#06C755,#05a346);
    animation:fnhsPulseOffer 2s infinite ease-in-out;
  }

  .fnhs-offer .fnh-btn-call-app{ background:linear-gradient(135deg,var(--red),#B81A14); }

  .fnhs-offer .fnh-btn-repair-app{
    background:#ffffff; color:#f57c00; border:2px solid #f57c00; box-shadow:none;
  }

  @keyframes fnhsPulseOffer{ 0%{ transform:scale(1); } 50%{ transform:scale(1.03); } 100%{ transform:scale(1); } }
  @media (prefers-reduced-motion: reduce){ .fnhs-offer .fnh-btn-line-app{ animation:none; } }

  @media (min-width:768px){
    .fnhs-offer .fnh-btn-contact{ width:auto; min-width:250px; }
    .fnhs-offer .fnh-contact-actions{ flex-direction:row; justify-content:center; }
  }
/* ป๊อปอัพรายละเอียดสิทธิ์ */
  .fnhs-offer .fnh-benefit-modal-overlay{
    display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:1000;
    align-items:center; justify-content:center; padding:20px;
  }
  .fnhs-offer .fnh-benefit-modal-overlay.open{ display:flex; animation:fnhsOverlayFade 0.2s ease; }
  @keyframes fnhsOverlayFade{ from{ opacity:0; } to{ opacity:1; } }

  .fnhs-offer .fnh-benefit-modal{
    background:#ffffff; border-radius:20px; max-width:360px; width:100%; padding:28px 24px;
    text-align:left; font-family:'IBM Plex Sans Thai',sans-serif; position:relative;
    box-shadow:0 15px 40px rgba(0,0,0,0.25); animation:fnhsModalPop 0.2s ease;
  }
  @keyframes fnhsModalPop{ from{ transform:scale(0.92); opacity:0; } to{ transform:scale(1); opacity:1; } }

  .fnhs-offer .fnh-benefit-modal h3{ font-family:'Kanit'; color:var(--red); font-size:19px; margin:0 0 10px; }
  .fnhs-offer .fnh-benefit-modal p{ font-size:14px; color:var(--muted); line-height:1.6; margin:0; }

  .fnhs-offer .fnh-benefit-modal-close{
    position:absolute; top:14px; right:14px; width:28px; height:28px; border-radius:50%;
    background:#F2F2F2; border:none; font-size:16px; color:var(--muted); cursor:pointer;
    display:flex; align-items:center; justify-content:center;
  }
</style>
<div class="fnhs-offer">
  <div class="fnh-special-offer-container">
    <div class="fnh-offer-header">พิเศษ! สมัครเน็ตบ้านทรู<br>วันนี้ รับสิทธิสุดคุ้ม</div>

    <div class="fnh-benefits-wrapper">
      <button type="button" class="fnh-benefit-item" data-benefit="install">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าติดตั้ง
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="registration">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรกเข้า
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="cable">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าสาย
      </button>
      <button type="button" class="fnh-benefit-item" data-benefit="labor">
        <div class="fnh-plus-icon">+</div> <span class="fnh-highlight-free">ฟรี</span>ค่าแรงช่าง
      </button>
    </div>

    <div class="fnh-condition-text">
      สิทธิ์ฟรีค่าติดตั้ง ค่าเดินสาย และค่าแรงช่าง มีให้ทุกการติดตั้งตามมาตรฐาน ·
      ส่วนค่าแรกเข้ายกเว้นให้เมื่อที่อยู่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าสาธารณูปโภค (ชื่อไม่จำเป็นต้องตรงกัน)
    </div>
    <a class="fnh-condition-link" href="https://fibernet-hispeed.com/true-fee-waiver-promo/">ดูเงื่อนไขฟรีค่าแรกเข้าแบบละเอียด →</a>

    <div class="fnh-contact-intro">พร้อมดูแลและให้คำปรึกษาฟรี ได้ที่</div>

    <div class="fnh-contact-actions">
      <a href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" class="fnh-btn-contact fnh-btn-line-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-line.webp" alt="LINE" style="width:24px;height:24px;margin-right:10px;">
        <span>Add : LINE สมัครรับส่วนลด!</span>
      </a>

      <a href="tel:0909035115" class="fnh-btn-contact fnh-btn-call-app">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-tel.webp" alt="Phone" style="width:24px;height:24px;margin-right:10px;">
        <span>โทร 090-903-5115 (Sales)</span>
      </a>

      <a href="https://fibernet-hispeed.com/true-home-internet-support/" class="fnh-btn-contact fnh-btn-repair-app">
        <svg viewBox="0 0 24 24" fill="none" stroke="#f57c00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:24px;height:24px;margin-right:10px;">
          <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
        </svg>
        <span>แจ้งซ่อม / เน็ตเสีย</span>
      </a>
    </div>
  </div>

  <!-- ป๊อปอัพรายละเอียดสิทธิ์ -->
  <div class="fnh-benefit-modal-overlay" id="fnhBenefitModalOverlay">
    <div class="fnh-benefit-modal">
      <button type="button" class="fnh-benefit-modal-close" id="fnhBenefitModalClose">✕</button>
      <h3 id="fnhBenefitModalTitle"></h3>
      <p id="fnhBenefitModalText"></p>
    </div>
  </div>
</div>

<script>
    (function () {
  var modalContent = {
    install: {
      title: "ฟรีค่าติดตั้ง",
      text: "ไม่มีค่าใช้จ่ายในการติดตั้งอุปกรณ์หน้างาน มีให้ทุกการติดตั้งตามมาตรฐาน ไม่มีเงื่อนไขพิเศษ"
    },
    registration: {
      title: "ฟรีค่าแรกเข้า",
      text: "ยกเว้นค่าธรรมเนียมแรกเข้า เมื่อที่อยู่ที่ติดตั้งตรงกับบัตรประชาชน ทะเบียนบ้าน หรือบิลค่าน้ำ/ค่าไฟ อย่างใดอย่างหนึ่ง โดยชื่อบนเอกสารไม่จำเป็นต้องตรงกับผู้สมัคร ดูรายละเอียดเพิ่มเติมได้ที่หน้าเงื่อนไขฟรีค่าแรกเข้า"
    },
    cable: {
      title: "ฟรีค่าสาย",
      text: "ไม่คิดค่าสายไฟเบอร์ตามระยะทางมาตรฐานการติดตั้ง หากหน้างานต้องเดินสายเกินระยะมาตรฐานมาก เจ้าหน้าที่จะแจ้งให้ทราบก่อนเสมอ ไม่มีการเก็บเพิ่มโดยไม่บอกล่วงหน้า"
    },
    labor: {
      title: "ฟรีค่าแรงช่าง",
      text: "ไม่มีค่าแรงช่างในการเข้าติดตั้ง ช่างมืออาชีพเดินสาย ติดตั้ง และทดสอบสัญญาณให้จนเสถียร โดยไม่มีค่าใช้จ่ายเพิ่ม"
    }
  };

  var overlay = document.getElementById('fnhBenefitModalOverlay');
  var titleEl = document.getElementById('fnhBenefitModalTitle');
  var textEl = document.getElementById('fnhBenefitModalText');
  var closeBtn = document.getElementById('fnhBenefitModalClose');

  document.querySelectorAll('.fnh-benefit-item').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var key = btn.getAttribute('data-benefit');
      var data = modalContent[key];
      if (!data) return;
      titleEl.textContent = data.title;
      textEl.textContent = data.text;
      overlay.classList.add('open');
    });
  });

  function closeModal() { overlay.classList.remove('open'); }

  closeBtn.addEventListener('click', closeModal);
  overlay.addEventListener('click', function (e) {
    if (e.target === overlay) closeModal();
  });
  document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') closeModal();
  });
})();
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-0b12419 e-flex e-con-boxed e-con e-parent" data-id="0b12419" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-beef77f elementor-widget elementor-widget-html" data-id="beef77f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ขั้นตอนการสมัครเน็ตบ้าน TrueOnline — วางทับของเดิมได้เลย

  🐞 บั๊กและจุดอ่อนที่แก้

  1. เบอร์โทรกับไลน์เป็นข้อความเปล่า กดไม่ได้
     -> ทำเป็นลิงก์ tel: และ lin.ee
        จุดนี้สำคัญที่สุดในไฟล์นี้ เพราะ section นี้คือจังหวะ
        ที่ลูกค้าพร้อมลงมือแล้ว แต่ต้องมาพิมพ์เบอร์เอง

  2. .text-blue ถูกกำหนดเป็นสีแดง #e60000
     ชื่อ class กับสีไม่ตรงกัน วันหลังแก้จะงง -> ลบทิ้ง

  3. ป้ายขั้นตอนฝั่งขวาใช้ float:right + clear:both
     เป็นเทคนิคเก่าที่พังง่ายเมื่อเนื้อหาเปลี่ยน
     -> เปลี่ยนเป็น flex justify-content:flex-end

  4. รูปมี inline style background:#ddd; min-height:100px
     เป็นค่าที่ค้างมาจากตอนทำ placeholder ทำให้เห็นกล่องเทา
     ตอนรูปยังโหลดไม่เสร็จ -> ย้ายไปคุมด้วย CSS แทน

  5. class ชื่อสามัญ (.step-card .step-list .text-red ฯลฯ)
     เสี่ยงชนกับธีมและบล็อกอื่น -> ใส่ prefix .fnhs-step

  ✅ ปรับให้เข้ากับเว็บ
   • #ff0000 / #e60000 / #009cf0 -> #E5231B ชุดเดียวกับทั้งเว็บ
     (คงสีเขียวไลน์ #06C755 ไว้ เพราะเป็นสีแบรนด์ LINE)
   • Prompt -> Kanit + IBM Plex Sans Thai
   • หัวข้อเป็น kicker แดง + h2 เหมือน section อื่น
   • ตัวหนังสือมือถือ 12px -> 13.5px อ่านง่ายขึ้น
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-step{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --line-green:#06C755;
  max-width:900px; margin:0 auto; padding:20px;
  font-family:'IBM Plex Sans Thai',sans-serif; color:#3B3D44;
}
.fnhs-step *{ box-sizing:border-box; }

/* ---------- หัวข้อ ---------- */
.fnhs-step .step-head{ text-align:center; margin-bottom:42px; }
.fnhs-step .step-kicker{
  font-family:'Kanit'; font-size:13px; font-weight:600;
  color:var(--red); letter-spacing:.5px; margin-bottom:8px;
}
.fnhs-step .step-title{
  font-family:'Kanit'; font-weight:600;
  font-size:clamp(21px,3.4vw,30px); color:var(--ink);
  margin:0 0 8px; line-height:1.35;
}
.fnhs-step .step-title .t-true{ color:var(--red); }
.fnhs-step .step-title .t-online{ color:#007bff; }
.fnhs-step .step-sub{ font-size:15px; color:var(--muted); margin:0; }

/* ---------- การ์ดแต่ละขั้นตอน ---------- */
.fnhs-step .step-card{
  display:flex; align-items:center; gap:36px;
  margin-bottom:44px;
}
.fnhs-step .step-card.reverse{ flex-direction:row-reverse; }

.fnhs-step .step-visual{ flex:1; min-width:0; }

/* แถวป้าย — ใช้ flex แทน float ที่พังง่าย */
.fnhs-step .badge-row{ display:flex; }
.fnhs-step .step-card.reverse .badge-row{ justify-content:flex-end; }

.fnhs-step .step-badge{
  display:inline-flex; align-items:center;
  background:#fff;
  border:2px solid var(--line); border-bottom:none;
  padding:9px 18px;
  border-radius:16px 16px 0 0;
  font-family:'Kanit'; font-size:17px; font-weight:600; color:var(--ink);
  position:relative; z-index:2; margin-bottom:-2px;
  white-space:nowrap;
}
.fnhs-step .step-badge .num{
  font-family:'Kanit'; font-size:24px; font-weight:700;
  color:var(--red); margin-right:9px; line-height:1;
}

.fnhs-step .step-image-box{
  border:2px solid var(--line);
  border-radius:0 16px 16px 16px;
  overflow:hidden; background:var(--panel);
  min-height:180px;
  display:flex; align-items:center; justify-content:center;
}
.fnhs-step .step-card.reverse .step-image-box{ border-radius:16px 0 16px 16px; }
.fnhs-step .step-image-box img{
  width:100%; height:auto; display:block; object-fit:cover;
}

/* ---------- ฝั่งข้อความ ---------- */
.fnhs-step .step-details{ flex:1; min-width:0; }
.fnhs-step .step-list{ list-style:none; padding:0; margin:0; }
.fnhs-step .step-list li{
  font-size:17px; color:#3B3D44; line-height:1.65;
  position:relative; padding-left:24px;
}
.fnhs-step .step-list li + li{ margin-top:12px; }
.fnhs-step .step-list li::before{
  content:''; position:absolute; left:0; top:11px;
  width:8px; height:8px; background:var(--red); border-radius:50%;
}

.fnhs-step .t-line{
  color:var(--line-green); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-line:hover{ border-bottom-color:var(--line-green); }
.fnhs-step .t-tel{
  color:var(--red); font-weight:600; text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.fnhs-step .t-tel:hover{ border-bottom-color:var(--red); }
.fnhs-step .t-red{ color:var(--red); font-weight:600; }

/* ---------- มือถือ ---------- */
@media (max-width:768px){
  .fnhs-step{ padding:10px; }
  .fnhs-step .step-head{ margin-bottom:28px; }
  .fnhs-step .step-sub{ font-size:13.5px; }

  .fnhs-step .step-card{ gap:14px; margin-bottom:28px; }

  .fnhs-step .step-badge{
    font-size:13px; padding:5px 11px; border-width:1px;
  }
  .fnhs-step .step-badge .num{ font-size:17px; margin-right:6px; }

  .fnhs-step .step-image-box{ min-height:90px; border-width:1px; }

  .fnhs-step .step-list li{
    font-size:13.5px; padding-left:16px; line-height:1.6;
  }
  .fnhs-step .step-list li + li{ margin-top:9px; }
  .fnhs-step .step-list li::before{ top:7px; width:6px; height:6px; }
}

@media (prefers-reduced-motion: reduce){
  .fnhs-step .t-line, .fnhs-step .t-tel{ transition:none; }
}
</style>


<div class="fnhs-step">

  <div class="step-head">
    <div class="step-kicker">ขั้นตอนการสมัคร</div>
    <h2 class="step-title">สมัครเน็ตบ้าน <span class="t-true">True</span><span class="t-online">Online</span></h2>
    <p class="step-sub">4 ขั้นตอนง่ายๆ เริ่มได้เลยวันนี้ ไม่ต้องเดินทางไปศูนย์</p>
  </div>

  <!-- ขั้นที่ 1 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">1.</span> แอดไลน์ @truebest</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-1.webp" alt="แอดไลน์ @truebest เพื่อสมัครเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>
          แอดไลน์ <a class="t-line" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">@truebest</a>
          เพื่อเริ่มต้นการสมัคร หรือโทร
          <a class="t-tel" href="tel:0909035115">090-903-5115</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 2 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">2.</span> ตรวจสอบพื้นที่</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-2.webp" alt="ตรวจสอบพื้นที่ให้บริการเน็ตบ้านทรู">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>ส่ง <span class="t-red">Location</span> และพิมพ์รายละเอียดที่อยู่ เพื่อตรวจสอบพื้นที่ติดตั้ง</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 3 -->
  <div class="step-card">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">3.</span> เลือกโปรโมชั่น</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-3.webp" alt="เลือกโปรโมชั่นเน็ตบ้านทรูที่เหมาะกับบ้าน">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกแพ็กเกจที่ต้องการ หรือแจ้งลักษณะการใช้งาน เพื่อให้เจ้าหน้าที่แนะนำแพ็กเกจที่เหมาะสม</li>
      </ul>
    </div>
  </div>

  <!-- ขั้นที่ 4 -->
  <div class="step-card reverse">
    <div class="step-visual">
      <div class="badge-row">
        <div class="step-badge"><span class="num">4.</span> ส่งเอกสาร</div>
      </div>
      <div class="step-image-box">
        <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ขั้นตอนการสมัครเน็ตบ้านทรู-ของเบสท์เน็ตไวไฟ-4.webp" alt="ส่งเอกสารยืนยันตัวตนและนัดหมายวันติดตั้ง">
      </div>
    </div>
    <div class="step-details">
      <ul class="step-list">
        <li>เลือกวันและเวลานัดหมาย เพื่อให้ทีมช่างเข้าติดตั้ง</li>
        <li>ส่งเอกสารยืนยันตัวตน พร้อมแจ้งเบอร์ติดต่อ</li>
      </ul>
    </div>
  </div>

</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6a75b3a e-flex e-con-boxed e-con e-parent" data-id="6a75b3a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-96ae232 elementor-widget elementor-widget-html" data-id="96ae232" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  Human Touch — แยกออกมาเป็นไฟล์เดี่ยว (ตัดออกมาจาก fnhs-closing-section.html
  ส่วน .human เดิม ตั้งแต่ "ติดตั้งเน็ตบ้านทรู ที่นี่..." จนถึง "...อย่างเป็นทางการ"
  เนื้อหา/สไตล์เหมือนเดิมทุกจุด แค่ปรับ class prefix ให้ใช้แยกไฟล์ได้เอง
  โดยไม่ต้องพึ่ง .fnhs-closing ครอบ)
========================================================= -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.human-touch-sec{
  font-family:'IBM Plex Sans Thai',sans-serif; line-height:1.65;
  padding:52px 0; background:#fff;
}
.human-touch-sec *{ box-sizing:border-box; }
.human-touch-wrap{ max-width:980px; margin:0 auto; padding:0 22px; }

.human-touch-box{
  background:linear-gradient(135deg, rgba(0,163,255,0.12), rgba(255,51,102,0.12));
  border-radius:24px; padding:32px; text-align:center; max-width:720px; margin:0 auto;
}
.human-touch-box p{ font-size:15px; color:#3B3D44; margin:0; }
.human-touch-box .sign{
  font-family:'Kanit'; font-weight:600; margin-top:14px; font-size:14px; color:#1B1D22;
}
</style>

<section class="human-touch-sec">
  <div class="human-touch-wrap">
    <div class="human-touch-box">
      <p>"ติดตั้งเน็ตบ้านทรู ที่นี่ ติดตั้งง่าย ตามงานทุกขั้นตอน จนกว่าคุณจะติดตั้งเสร็จ พร้อมทีมดูแลหลังการขายตลอดการใช้งาน"</p>
      <div class="sign">— ทีมงาน Best Net WiFi ตัวแทนติดตั้งเน็ตบ้านทรู TrueOnline อย่างเป็นทางการ</div>
    </div>
  </div>
</section>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1589f7d e-flex e-con-boxed e-con e-parent" data-id="1589f7d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-17f5da5 elementor-widget elementor-widget-html" data-id="17f5da5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    .banner-container {
        border-radius: 20px; /* ปรับความมน */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* เงาสวย */
        overflow: hidden; /* ทำให้รูปโค้งตามขอบ */
        display: block;
        transition: transform 0.3s ease;
    }
    
    .banner-container img {
        width: 100%;
        height: auto;
        display: block;
    }

    .banner-container:hover {
        transform: translateY(-5px); /* ยกตัวขึ้นเมื่อเอาเมาส์ชี้ */
    }
</style>

<a href="https://lin.ee/UtX10gR" class="banner-container" target="_blank" rel="noopener">
    <picture>
      <source media="(max-width: 767px)" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp">
      
      <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp" 
           alt="ติดต่อเจ้าหน้าที่ติดตั้งเน็ตบ้านทรู พร้อมดูแลคุณ ปรึกษาฟรี" 
           loading="lazy">
    </picture>
</a>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c47c674 e-flex e-con-boxed e-con e-parent" data-id="c47c674" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c89e404 elementor-widget elementor-widget-html" data-id="c89e404" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script>
(function(){
  function setup(el){
    var down = false, startX = 0, startScroll = 0, moved = 0;

    el.addEventListener('mousedown', function(e){
      if(e.button !== 0) return;
      down = true; moved = 0;
      startX = e.pageX;
      startScroll = el.scrollLeft;
    });

    window.addEventListener('mousemove', function(e){
      if(!down) return;
      var dist = e.pageX - startX;
      moved = Math.abs(dist);
      if(moved > 4) el.classList.add('is-dragging');
      el.scrollLeft = startScroll - dist;
    });

    window.addEventListener('mouseup', function(){
      if(!down) return;
      down = false;
      setTimeout(function(){ el.classList.remove('is-dragging'); }, 0);
    });

    // หมุนล้อเมาส์แนวตั้ง = เลื่อนการ์ดแนวนอน (เฉพาะตอนยังเลื่อนไม่สุด)
    el.addEventListener('wheel', function(e){
      if(Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
      var max = el.scrollWidth - el.clientWidth;
      if(max <= 0) return;
      var atStart = el.scrollLeft <= 0 && e.deltaY < 0;
      var atEnd   = el.scrollLeft >= max - 1 && e.deltaY > 0;
      if(atStart || atEnd) return;      // สุดแล้วปล่อยให้หน้าเว็บเลื่อนต่อตามปกติ
      e.preventDefault();
      el.scrollLeft += e.deltaY;
    }, { passive:false });
  }

  function init(){
    if(window.matchMedia('(min-width:1025px)').matches){
      document.querySelectorAll('.custom-carousel').forEach(setup);
    }
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-acbf5f2 e-flex e-con-boxed e-con e-parent" data-id="acbf5f2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c5b86bd elementor-widget elementor-widget-html" data-id="c5b86bd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  ปุ่มลอยข้าง (LINE ซ้าย / โทร ขวา) — ลอยติดขอบจอ ค้างอยู่ตลอดตอนเลื่อนหน้า
  ใช้ไอคอน v2 ที่ทำมาเอง พื้นหลังโปร่งใส เป็นรูปทรงยาว 1500x680px (อัตราส่วน ~2.2:1)
  ต่างจากเวอร์ชันแรกที่เป็นสี่เหลี่ยมจัตุรัส เลยเปลี่ยนกล่องจากสี่เหลี่ยมจัตุรัส
  เป็นทรงยาวตามอัตราส่วนภาพจริง (aspect-ratio:1500/680) แทน:
    - ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v2_0.webp   -> ลอยขอบซ้าย
    - ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp        -> ลอยขอบขวา

  ตั้งความกว้างไว้ที่ 130px บนคอม/แท็บเล็ต และ 110px บนมือถือ (สูงคำนวณตามสัดส่วนภาพ)

  แก้จากรอบก่อน: เดิมตั้งให้ซ่อนบนมือถือ (คิดว่าจะซ้ำกับ quick-action-bar.html
  ที่มี LINE/โทร อยู่แล้ว) ตอนนี้เปลี่ยนใจให้โชว์ทุกขนาดจอตามที่ขอ

  ลิงก์ LINE/เบอร์โทร ใช้ค่าเดียวกับ quick-action-bar.html
========================================================= -->

<style>
  .fnhs-float-side a{
    position:fixed; bottom:24px; z-index:9997;
    display:block; width:130px; height:auto; aspect-ratio:1500/680;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,0.3));
    transition:transform .2s ease, filter .2s ease;
  }
  .fnhs-float-side a:hover{
    transform:translateY(-3px) scale(1.05);
    filter:drop-shadow(0 8px 16px rgba(0,0,0,0.35));
  }
  .fnhs-float-side a img{
    width:100%; height:100%; object-fit:contain; display:block;
  }

  .fnhs-float-side .side-line{ left:18px; }
  .fnhs-float-side .side-call{ right:18px; }

  /* จังหวะเด้งเบาๆ ดึงสายตา ไม่ถี่เกินไปจนรำคาญ */
  .fnhs-float-side a.pulse{ animation:fnhsFloatPulse 2.6s ease-in-out infinite; }
  @keyframes fnhsFloatPulse{
    0%, 100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
  }

  @media (max-width:480px){
    .fnhs-float-side a{ width:110px; bottom:16px; }
    .fnhs-float-side .side-line{ left:12px; }
    .fnhs-float-side .side-call{ right:12px; }
  }

  @media (prefers-reduced-motion: reduce){
    .fnhs-float-side a{ transition:none; }
    .fnhs-float-side a.pulse{ animation:none; }
  }
</style>

<div class="fnhs-float-side">
  <a class="side-line pulse" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener" aria-label="แอดไลน์รับส่วนลด">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-แอดไลน์รับส่วนลด-v3.webp" alt="แอดไลน์รับส่วนลด">
  </a>
  <a class="side-call pulse" href="tel:0909035115" aria-label="โทรปรึกษาฟรี">
    <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/08/ไอคอนปุ่มลอย-โทรปรึกษาฟรีv2.webp" alt="โทรปรึกษาฟรี">
  </a>
</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6dd43a6 e-flex e-con-boxed e-con e-parent" data-id="6dd43a6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9593635 elementor-widget elementor-widget-html" data-id="9593635" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<script>
(function(){
  function setup(el){
    var down = false, startX = 0, startScroll = 0, moved = 0;

    el.addEventListener('mousedown', function(e){
      if(e.button !== 0) return;
      down = true; moved = 0;
      startX = e.pageX;
      startScroll = el.scrollLeft;
    });

    window.addEventListener('mousemove', function(e){
      if(!down) return;
      var dist = e.pageX - startX;
      moved = Math.abs(dist);
      if(moved > 4) el.classList.add('is-dragging');
      el.scrollLeft = startScroll - dist;
    });

    window.addEventListener('mouseup', function(){
      if(!down) return;
      down = false;
      setTimeout(function(){ el.classList.remove('is-dragging'); }, 0);
    });

    // หมุนล้อเมาส์แนวตั้ง = เลื่อนการ์ดแนวนอน (เฉพาะตอนยังเลื่อนไม่สุด)
    el.addEventListener('wheel', function(e){
      if(Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
      var max = el.scrollWidth - el.clientWidth;
      if(max <= 0) return;
      var atStart = el.scrollLeft <= 0 && e.deltaY < 0;
      var atEnd   = el.scrollLeft >= max - 1 && e.deltaY > 0;
      if(atStart || atEnd) return;      // สุดแล้วปล่อยให้หน้าเว็บเลื่อนต่อตามปกติ
      e.preventDefault();
      el.scrollLeft += e.deltaY;
    }, { passive:false });
  }

  function init(){
    if(window.matchMedia('(min-width:1025px)').matches){
      document.querySelectorAll('.custom-carousel').forEach(setup);
    }
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', init);
  } else { init(); }
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-e396871 e-flex e-con-boxed e-con e-parent" data-id="e396871" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-acac737 elementor-widget elementor-widget-html" data-id="acac737" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  คำถามที่พบบ่อย (FAQ) — โปรพิเศษสำหรับนักศึกษา (SC1-SC2)
  ปรับรูปแบบให้เหมือนกับ fullset-faq-section.html / dtac-faq-section.html /
  internet-only-faq-section.html ทุกจุด
  (ไล่สีฟ้า-ชมพู #00A3FF -> #FF3366, ไอคอน +/− ตอนเปิด, hover ยกลอยเบาๆ)

  เงื่อนไขสิทธิ์นักศึกษา (Q2-Q3) อ้างอิงจากภาพโปรโมชั่นทรูออนไลน์ทางการ
  "สิทธิพิเศษทรูออนไลน์ เฉพาะนักศึกษา" อัปเดต 11 ส.ค. 2569 ที่ผู้ใช้ส่งให้ยืนยัน
========================================================= -->

<style>
    .faq-container {
        --g1:#00A3FF; --g2:#FF3366; --grad:linear-gradient(90deg,var(--g1),var(--g2));
        max-width: 800px;
        margin: 40px auto;
        padding: 0 20px;
        font-family: 'Kanit','IBM Plex Sans Thai', sans-serif;
    }

    /* หัวข้อหลัก FAQ */
    .faq-header {
        font-size: 24px;
        font-weight: 700;
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
        margin-bottom: 20px;
        border-bottom: 3px solid transparent;
        border-image: var(--grad) 1;
        padding-bottom: 10px;
        display: inline-block;
    }

    /* สไตล์ของกล่องคำถามแต่ละข้อ */
    .faq-item {
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 14px;
        margin-bottom: 15px;
        transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
        overflow: hidden;
    }

    .faq-item:hover {
        box-shadow: 0 10px 22px rgba(255,51,102,.12);
        border-color: #ffd7e2;
        transform: translateY(-2px);
    }

    /* ส่วนแถบคำถาม (กดได้) */
    .faq-question {
        padding: 18px 20px;
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none; /* ซ่อนลูกศร default ของบราวเซอร์ */
        outline: none;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* ซ่อนลูกศร default ของ Safari/Chrome */
    .faq-question::-webkit-details-marker {
        display: none;
    }

    /* สร้างไอคอน + ด้านขวามือ */
    .faq-question::after {
        content: '+';
        font-size: 24px;
        font-weight: 400;
        color: #888888;
        transition: transform 0.3s ease, color 0.3s ease;
        margin-left: 15px;
    }

    /* เมื่อนำเมาส์ชี้แถบคำถาม */
    .faq-question:hover {
        background-color: #fcfcfc;
        color: var(--g2);
    }

    /* =========================================
       สไตล์เมื่อกล่องคำถาม "ถูกเปิดออก (Open)"
       ========================================= */
    details[open].faq-item {
        border-color: transparent;
        border-image: var(--grad) 1;
    }

    details[open] .faq-question {
        color: var(--g2);
        border-bottom: 1px dashed #e0e0e0;
    }

    /* เปลี่ยนไอคอน + เป็น - และหมุน */
    details[open] .faq-question::after {
        content: '−'; /* ใช้เครื่องหมายลบ */
        color: var(--g2);
        transform: rotate(180deg);
    }

    /* ส่วนของคำตอบ */
    .faq-answer {
        padding: 20px;
        font-size: 15px;
        color: #555555;
        line-height: 1.6;
        background-color: #fdfdfd;
    }
    .faq-answer strong{
        background: var(--grad);
        -webkit-background-clip: text; background-clip: text;
        -webkit-text-fill-color: transparent; color: transparent;
    }

    /* สำหรับหน้าจอมือถือ */
    @media (max-width: 768px) {
        .faq-header { font-size: 20px; }
        .faq-question { font-size: 15px; padding: 15px; }
        .faq-answer { font-size: 14px; padding: 15px; }
    }
    @media (prefers-reduced-motion: reduce){
        .faq-item{ transition: none; }
        .faq-item:hover{ transform: none; }
    }
</style>

<div class="faq-container">
    <h2 class="faq-header">คำถามที่พบบ่อย (FAQ) - โปรพิเศษสำหรับนักศึกษา</h2>

    <!-- ข้อที่ 1 -->
    <details class="faq-item">
        <summary class="faq-question">1. โปรนักศึกษาราคาเท่าไหร่? SC1 กับ SC2 ต่างกันอย่างไร?</summary>
        <div class="faq-answer">
            ราคา <strong>499 บาท/เดือน</strong> (รวมภาษี 533.93 บาท) ลดจากราคาปกติ 759 บาท ทั้ง 2 โปร ได้รับ Router True Gigatex Fiber WiFi6 ความเร็ว 1000/1000 Mbps ไม่จำกัด และแอปทรูไอดี 34 ช่อง เหมือนกันทุกจุด <strong>ต่างกันเพียงระยะสัญญา</strong> — SC1 สัญญา 1 ปี ส่วน SC2 สัญญา 2 ปี
        </div>
    </details>

    <!-- ข้อที่ 2 -->
    <details class="faq-item">
        <summary class="faq-question">2. ต้องใช้เอกสารอะไรยืนยันสิทธิ์นักศึกษาบ้าง?</summary>
        <div class="faq-answer">
            ต้องแนบหลักฐาน<strong>บัตรนักศึกษา</strong>จากสถาบันการศึกษาที่ถูกต้องตามกฎหมาย และยังไม่หมดอายุขณะสมัครบริการ (หากยังไม่มีบัตรนักศึกษา สามารถใช้หลักฐานการศึกษาบนหน้าเว็บไซต์ของมหาวิทยาลัยแทนได้) หรือ<strong>ใบเสร็จค่าเทอม</strong>ที่แสดงชื่อนักศึกษา — เลือกใช้อย่างใดอย่างหนึ่งได้
        </div>
    </details>

    <!-- ข้อที่ 3 -->
    <details class="faq-item">
        <summary class="faq-question">3. อายุนักศึกษาที่ใช้สิทธิ์ได้ต้องอยู่ในช่วงไหน?</summary>
        <div class="faq-answer">
            เฉพาะนักศึกษาที่มีอายุระหว่าง <strong>18-24 ปีบริบูรณ์</strong> เท่านั้น และต้องใช้ชื่อนักศึกษาเองในการสมัครบริการทรูออนไลน์เท่านั้น (ให้ผู้อื่นสมัครแทนไม่ได้)
        </div>
    </details>

    <!-- ข้อที่ 4 -->
    <details class="faq-item">
        <summary class="faq-question">4. มีค่าใช้จ่ายในวันติดตั้งหรือไม่?</summary>
        <div class="faq-answer">
            ไม่มีค่าใช้จ่ายในวันติดตั้ง (ฟรีค่าช่าง ฟรีค่าเดินสาย และยืมอุปกรณ์เราเตอร์ฟรี) ลูกค้าจะเริ่มชำระค่าบริการรอบบิลแรกในเดือนถัดไปตามปกติ
        </div>
    </details>

    <!-- ข้อที่ 5 -->
    <details class="faq-item">
        <summary class="faq-question">5. ความเร็วที่ได้รับเป็นเท่าไหร่ เหมาะกับใช้งานแบบไหน?</summary>
        <div class="faq-answer">
            ความเร็ว <strong>1000/1000 Mbps</strong> (อัปโหลด/ดาวน์โหลดเท่ากัน) ไม่จำกัดปริมาณการใช้งาน เหมาะกับนักศึกษาที่ต้องเรียนออนไลน์ ประชุมผ่านวิดีโอ ดาวน์โหลดไฟล์งาน หรือเล่นเกมพร้อมกันหลายคนในหอ/บ้านเช่า
        </div>
    </details>
</div>


<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"โปรนักศึกษาราคาเท่าไหร่? SC1 กับ SC2 ต่างกันอย่างไร?","acceptedAnswer":{"@type":"Answer","text":"ราคา 499 บาท/เดือน (รวมภาษี 533.93 บาท) ลดจากราคาปกติ 759 บาท ทั้ง 2 โปร ได้รับ Router True Gigatex Fiber WiFi6 ความเร็ว 1000/1000 Mbps ไม่จำกัด และแอปทรูไอดี 34 ช่อง เหมือนกันทุกจุด ต่างกันเพียงระยะสัญญา — SC1 สัญญา 1 ปี ส่วน SC2 สัญญา 2 ปี"}},{"@type":"Question","name":"ต้องใช้เอกสารอะไรยืนยันสิทธิ์นักศึกษาบ้าง?","acceptedAnswer":{"@type":"Answer","text":"ต้องแนบหลักฐานบัตรนักศึกษาจากสถาบันการศึกษาที่ถูกต้องตามกฎหมาย และยังไม่หมดอายุขณะสมัครบริการ (หากยังไม่มีบัตรนักศึกษา สามารถใช้หลักฐานการศึกษาบนหน้าเว็บไซต์ของมหาวิทยาลัยแทนได้) หรือใบเสร็จค่าเทอมที่แสดงชื่อนักศึกษา — เลือกใช้อย่างใดอย่างหนึ่งได้"}},{"@type":"Question","name":"อายุนักศึกษาที่ใช้สิทธิ์ได้ต้องอยู่ในช่วงไหน?","acceptedAnswer":{"@type":"Answer","text":"เฉพาะนักศึกษาที่มีอายุระหว่าง 18-24 ปีบริบูรณ์ เท่านั้น และต้องใช้ชื่อนักศึกษาเองในการสมัครบริการทรูออนไลน์เท่านั้น (ให้ผู้อื่นสมัครแทนไม่ได้)"}},{"@type":"Question","name":"มีค่าใช้จ่ายในวันติดตั้งหรือไม่?","acceptedAnswer":{"@type":"Answer","text":"ไม่มีค่าใช้จ่ายในวันติดตั้ง (ฟรีค่าช่าง ฟรีค่าเดินสาย และยืมอุปกรณ์เราเตอร์ฟรี) ลูกค้าจะเริ่มชำระค่าบริการรอบบิลแรกในเดือนถัดไปตามปกติ"}},{"@type":"Question","name":"ความเร็วที่ได้รับเป็นเท่าไหร่ เหมาะกับใช้งานแบบไหน?","acceptedAnswer":{"@type":"Answer","text":"ความเร็ว 1000/1000 Mbps (อัปโหลด/ดาวน์โหลดเท่ากัน) ไม่จำกัดปริมาณการใช้งาน เหมาะกับนักศึกษาที่ต้องเรียนออนไลน์ ประชุมผ่านวิดีโอ ดาวน์โหลดไฟล์งาน หรือเล่นเกมพร้อมกันหลายคนในหอ/บ้านเช่า"}}]}</script>				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>รวมสิทธิพิเศษมากมายได้ง่าย เน็ตบ้านทรูออนไลน์</title>
		<link>https://fibernet-hispeed.com/true-internet-promotion-all/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Thu, 30 Jul 2026 04:37:57 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=4039</guid>

					<description><![CDATA[คู่มือรับสิทธิ์ · อัปเดต กรกฎาคม 2569 รวมวิธีรับสิทธิพิเศษของทรู ครบทุกช่องทาง สิทธิ์หลายอย่างของเน็ตบ้านทรูไม่ได้มาให้อัตโนมัติ ต้องกดรับเองในแอป ในเว็บ หรือแจ้งกับเจ้าหน้าที่ หน้านี้รวมไว้ว่าแต่ละสิทธิ์กดที่ไหน ต้องเตรียมอะไร และใช้เวลาเท่าไหร่ ดูวิธีรับสิทธิ์ทั้งหมด ถามเจ้าหน้าที่ทาง LINE 13 วิธี ครบทุกช่องทาง [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4039" class="elementor elementor-4039" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-b2de66b e-flex e-con-boxed e-con e-parent" data-id="b2de66b" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7f0b060 elementor-widget elementor-widget-image" data-id="7f0b060" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="582" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/รับสิทธิพิเศษมากมาย-เน็ตบ้านทรู-1024x582.webp" class="attachment-large size-large wp-image-3340" alt="รับสิทธิพิเศษมากมาย เน็ตบ้านทรู" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/07/รับสิทธิพิเศษมากมาย-เน็ตบ้านทรู-1024x582.webp 1024w, https://fibernet-hispeed.com/wp-content/uploads/2026/07/รับสิทธิพิเศษมากมาย-เน็ตบ้านทรู-300x170.webp 300w, https://fibernet-hispeed.com/wp-content/uploads/2026/07/รับสิทธิพิเศษมากมาย-เน็ตบ้านทรู-768x436.webp 768w, https://fibernet-hispeed.com/wp-content/uploads/2026/07/รับสิทธิพิเศษมากมาย-เน็ตบ้านทรู.webp 1128w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-e96a55c e-flex e-con-boxed e-con e-parent" data-id="e96a55c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-cc68946 elementor-widget elementor-widget-html" data-id="cc68946" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- วางบล็อกนี้ใน Custom HTML ของ WordPress -->
<!-- ไม่มี topbar / footer / ปุ่มลอย ใช้ header-footer ของธีมเดิม -->

<!-- =========================================================
  รวมวิธีรับสิทธิพิเศษของทรู — ปรับให้เข้าชุดเดียวกับทั้งเว็บ

  แก้จากโค้ดที่ส่งมา:
   1. โทนแดงล้วน #E01B24 -> ไล่สีฟ้า-ชมพู #00A3FF -> #FF3366 ทุกจุด
      (หัวข้อ, eyebrow, ปุ่ม, วงกลมเลข/ไอคอน, เส้นบนการ์ด, ป้าย chip)
      ปุ่มที่ลิงก์ไป LINE (lin.ee/UtX10gR) เปลี่ยนเป็นเขียว LINE #06C755
      แทนไล่สี ให้ตรงกับธีมปุ่มติดต่อ LINE ทั้งเว็บ
   2. ฟอนต์ตัวเนื้อหา Kanit ล้วน -> Kanit เฉพาะหัวข้อ + IBM Plex Sans Thai
      สำหรับเนื้อหาทั่วไป (แบบเดียวกับทุกไฟล์ในเว็บนี้)
   3. เติมสคริปต์ให้ "อัปเดต กรกฎาคม 2569" ใน eyebrow รันเดือน/ปี พ.ศ.
      ปัจจุบันอัตโนมัติจากวันที่เครื่องผู้ชม ไม่ต้องแก้มือทุกเดือน (เหมือนกับ
      ที่ทำไว้ใน condo-plan-section.html / popular-plan-section.html)

  ⚠️ พบรูปภาพที่ไม่มี URL (src ว่าง) 6 จุด ยังไม่ได้ใส่รูปให้ เพราะไม่มีไฟล์
  รูปส่งมา (ไม่กล้าเดาใส่ให้เอง) — ใส่พื้นหลังไล่สีอ่อนๆ กันดูเป็นไอคอนแตก
  ไปพลางๆ ก่อน จุดที่ยังขาดรูป:
   1. การ์ด "รับสิทธิ์ยกเว้นค่าแรกเข้า" (guide 11)
   2. การ์ด "ใช้สิทธิ์เปลี่ยนอุปกรณ์ฟรีและแจ้งซ่อม" (guide 12)
   3-6. รูปประกอบขั้นตอนที่ 1-4 ในหัวข้อ "ให้เราช่วยก็ได้"
  ส่งรูปมาได้เลยครับ จะใส่ให้ทันที
========================================================= -->

<style>
:root{
  --g1:#00A3FF; --g2:#FF3366; --grad:linear-gradient(90deg,var(--g1),var(--g2));
  --tint-bg:linear-gradient(135deg,#eaf4ff 0%,#fff0f5 100%);
  --red:#E5231B;         /* แดงหลัก (สีทรู) เก็บไว้เฉพาะจุดที่ตั้งใจให้เป็นแดง เช่น ปุ่มโทร */
  --red-deep:#B81A14;
  --line:#EDEDED;
  --line-soft:#ffd7e2;
  --white:#FFFFFF;
  --text:#1B1D22;
  --text-soft:#6B7280;
  --rule:#ECE7E7;
  --green:#06C755;

  --fh:"Kanit","Noto Sans Thai","Segoe UI",Tahoma,sans-serif;
  --f:"IBM Plex Sans Thai","Noto Sans Thai","Segoe UI",Tahoma,sans-serif;
  --wrap:1120px;
  --r:16px;
  --shadow:0 14px 34px -22px rgba(0,80,160,.28);
}

.rights-scope,.rights-scope *{box-sizing:border-box}
.rights-scope{
  background:var(--white);color:var(--text);
  font-family:var(--f);font-weight:400;font-size:16px;line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
.rights-scope img{max-width:100%;display:block}
.rights-scope a{color:inherit}
.rights-scope .wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}

.rights-scope h1,.rights-scope h2,.rights-scope h3{font-family:var(--fh);font-weight:600;line-height:1.35;margin:0}
.rights-scope h1{font-size:clamp(26px,5.4vw,46px)}
.rights-scope h2{
  font-size:clamp(22px,4.2vw,34px);
  background:var(--grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.rights-scope h3{font-size:18px;font-weight:600;color:var(--text)}
.rights-scope p{margin:0}

.rights-scope .eyebrow{
  display:table;font-weight:600;font-size:13px;
  color:#0B84C4; background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  border:1px solid var(--line-soft);
  padding:4px 14px;border-radius:999px;
  font-family:var(--fh);
}
.rights-scope .lead{color:var(--text-soft);font-size:clamp(15px,2.1vw,18px);font-weight:400}
.rights-scope .tiny{font-size:12.5px;line-height:1.7;color:var(--text-soft)}
.rights-scope .hl{color:var(--red);font-weight:600}

/* ---------- ปุ่ม ---------- */
.rights-scope .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--fh);font-weight:600;font-size:15.5px;padding:13px 26px;border-radius:999px;
  text-decoration:none;border:2px solid transparent;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
.rights-scope .btn:hover{transform:translateY(-2px)}
.rights-scope .btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 24px -10px rgba(255,51,102,.5)}
.rights-scope .btn-grad:hover{box-shadow:0 14px 28px -10px rgba(255,51,102,.65)}
.rights-scope .btn-line{background:var(--green);color:#fff;box-shadow:0 10px 24px -10px rgba(6,199,85,.55)}
.rights-scope .btn-line:hover{background:#05b34c}
.rights-scope .btn-out{border-color:var(--g2);color:var(--g2);background:#fff}
.rights-scope .btn-out:hover{background:var(--grad);color:#fff;border-color:transparent}
.rights-scope .btn-white{background:#fff;color:var(--g2)}
.rights-scope .btn-wout{border-color:#fff;color:#fff}
.rights-scope .btn-wout:hover{background:#fff;color:var(--g2)}
.rights-scope a:focus-visible,.rights-scope button:focus-visible,.rights-scope summary:focus-visible{outline:3px solid var(--g2);outline-offset:3px}

/* ---------- HERO ---------- */
.rights-scope .hero{padding:26px 0 44px;background:var(--tint-bg)}
.rights-scope .hero__cover{border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);box-shadow:var(--shadow);margin-bottom:28px}
.rights-scope .hero__cover img{width:100%;height:auto}
.rights-scope .hero__text{max-width:820px}
.rights-scope .hero h1{margin:14px 0 14px}
.rights-scope .hero h1 span{color:var(--red)}
.rights-scope .hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}
.rights-scope .pills{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--red-deep);font-weight:500}
.rights-scope .pills span::before{content:"✓ ";font-weight:700}

/* ---------- แถบเตรียมตัว 3 อย่าง ---------- */
.rights-scope .sec{padding:54px 0}
.rights-scope .sec--tint{background:var(--tint-bg);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.rights-scope .sec__head{max-width:680px;margin-bottom:28px}
.rights-scope .sec__head h2{margin:14px 0 10px}

.rights-scope .prep{display:grid;gap:16px}
@media(min-width:820px){.rights-scope .prep{grid-template-columns:repeat(3,1fr)}}
.rights-scope .prep__item{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);padding:24px 22px;text-align:center}
.rights-scope .prep__n{
  width:46px;height:46px;margin:0 auto 14px;border-radius:14px;
  background:var(--grad);color:#fff;font-family:var(--fh);font-weight:700;font-size:19px;
  display:flex;align-items:center;justify-content:center;
}
.rights-scope .prep__item h3{margin-bottom:6px}
.rights-scope .prep__item p{font-size:14px;color:var(--text-soft)}

/* ---------- ตัวกรองช่องทาง ---------- */
.rights-scope .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.rights-scope .fbtn{
  font-family:var(--fh);font-weight:500;font-size:14.5px;cursor:pointer;
  padding:10px 20px;border:1px solid var(--line-soft);border-radius:999px;background:#fff;color:var(--text);
  transition:all .15s ease;
}
.rights-scope .fbtn:hover{border-color:var(--g2);color:var(--g2)}
.rights-scope .fbtn[aria-pressed="true"]{background:var(--grad);border-color:transparent;color:#fff;font-weight:600}
.rights-scope #fcount{margin:14px 0 24px}

/* ---------- การ์ดวิธีรับสิทธิ์ ---------- */
.rights-scope .guides{display:grid;gap:20px}
@media(min-width:800px){.rights-scope .guides{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.rights-scope .guides{grid-template-columns:repeat(3,1fr)}}
.rights-scope .guide{
  background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .18s ease,box-shadow .18s ease;
}
.rights-scope .guide:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.rights-scope .guide.is-hidden{display:none}

.rights-scope .guide__fig{position:relative;background:var(--tint-bg);border-bottom:1px solid var(--line-soft);padding:18px}
.rights-scope .guide__fig img{width:100%;height:150px;object-fit:contain}
.rights-scope .guide__fig--photo{padding:0}
.rights-scope .guide__fig--photo img{height:180px;object-fit:cover}
.rights-scope .guide__fig--photo img:not([src]),
.rights-scope .guide__fig--photo img[src=""]{ height:180px; background:var(--tint-bg); }
.rights-scope .guide__ch{
  position:absolute;top:12px;left:12px;background:var(--grad);color:#fff;
  font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:999px;
}
.rights-scope .guide__tag{
  position:absolute;top:12px;right:12px;background:#fff;color:var(--g2);
  border:1px solid var(--line-soft);font-size:11.5px;font-weight:500;padding:4px 11px;border-radius:999px;
}

.rights-scope .guide__body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.rights-scope .guide__body h3{margin-bottom:7px}
.rights-scope .guide__sum{font-size:14px;color:var(--text-soft);line-height:1.75}

.rights-scope .need{
  margin:16px 0 2px;padding:12px 14px;border-radius:11px;
  background:var(--tint-bg);border:1px dashed var(--line-soft);font-size:13px;line-height:1.7;
}
.rights-scope .need b{display:block;font-size:11.5px;font-weight:700;color:var(--g2);letter-spacing:.04em;margin-bottom:2px}

.rights-scope .route{list-style:none;margin:16px 0 0;padding:0 0 0 26px;position:relative}
.rights-scope .route::before{
  content:"";position:absolute;left:6px;top:12px;bottom:14px;width:2px;
  background:repeating-linear-gradient(var(--line-soft) 0 4px,transparent 4px 9px);
}
.rights-scope .route li{position:relative;font-size:14px;line-height:1.8;padding:0 0 10px}
.rights-scope .route li::before{
  content:"";position:absolute;left:-26px;top:10px;width:12px;height:12px;
  border:2px solid var(--g2);background:#fff;border-radius:50%;
}
.rights-scope .route li:last-child{padding-bottom:0}
.rights-scope .route li:last-child::before{background:var(--red);border-color:transparent}

.rights-scope .note{margin-top:auto;padding-top:14px;border-top:1px solid var(--rule);font-size:12.5px;line-height:1.7;color:var(--text-soft)}
.rights-scope .note b{color:var(--g2);font-weight:600}

/* ---------- ตารางสรุป ---------- */
.rights-scope .tablescroll{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--r);background:#fff}
.rights-scope table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
.rights-scope th,.rights-scope td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;font-weight:400}
.rights-scope thead th{background:#e60000;color:#fff;font-weight:600;font-size:13.5px;white-space:nowrap;border-bottom:0}
.rights-scope tbody th{font-weight:600;color:var(--text)}
.rights-scope tbody tr:nth-child(even){background:#FAFCFF}
.rights-scope tbody tr:last-child th,.rights-scope tbody tr:last-child td{border-bottom:0}

/* ---------- สาเหตุที่กดไม่สำเร็จ ---------- */
.rights-scope .fixes{display:grid;gap:16px}
@media(min-width:760px){.rights-scope .fixes{grid-template-columns:1fr 1fr}}
.rights-scope .fix{background:#fff;border:1px solid var(--line-soft);border-left:5px solid transparent;border-image:var(--grad) 1;border-radius:12px;padding:20px}
.rights-scope .fix h3{font-size:16.5px;margin-bottom:5px}
.rights-scope .fix p{font-size:14px;color:var(--text-soft)}

/* ---------- ขั้นตอน 1-4 ---------- */
.rights-scope .steps{display:grid;gap:18px}
@media(min-width:800px){.rights-scope .steps{grid-template-columns:repeat(4,1fr)}}
.rights-scope .step{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;text-align:center}
.rights-scope .step__icon{height:150px;display:flex;align-items:center;justify-content:center;background:var(--tint-bg);border-bottom:1px solid var(--line-soft)}
.rights-scope .step__icon svg{width:56px;height:56px}
.rights-scope .step__in{padding:18px 16px 22px}
.rights-scope .step__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;background:var(--grad);color:#fff;
  font-family:var(--fh);font-weight:700;font-size:15px;margin-bottom:10px;
}
.rights-scope .step h3{font-size:16.5px;margin-bottom:5px}
.rights-scope .step p{font-size:13.5px;color:var(--text-soft)}

/* ---------- FAQ ---------- */
.rights-scope details{background:#fff;border:1px solid var(--line-soft);border-radius:12px;padding:0 20px;margin-bottom:11px;transition:border-color .2s ease}
.rights-scope details[open]{border-color:transparent;border-image:var(--grad) 1;}
.rights-scope summary{
  cursor:pointer;list-style:none;padding:17px 0;font-family:var(--fh);font-weight:600;font-size:15.5px;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.rights-scope summary::-webkit-details-marker{display:none}
.rights-scope summary::after{content:"+";font-size:23px;color:var(--g2);line-height:1;flex:0 0 auto}
.rights-scope details[open] summary::after{content:"–"}
.rights-scope details[open] summary{color:var(--g2)}
.rights-scope details p{padding:14px 0 20px;font-size:14.5px;color:var(--text-soft);border-top:1px dashed var(--line-soft)}

/* ---------- แถบปิดท้าย ---------- */
.rights-scope .close{background:var(--grad);color:#fff;padding:56px 0;text-align:center}
.rights-scope .close h2{
  background:none; -webkit-text-fill-color:#fff; color:#fff;
}
.rights-scope .close p{color:rgba(255,255,255,.9);margin:14px auto 26px;max-width:560px;font-weight:400}
.rights-scope .close .tiny{color:rgba(255,255,255,.78)}

/* ---------- อนิเมชัน ---------- */
.rights-scope .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.rights-scope .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rights-scope .reveal{opacity:1;transform:none;transition:none}
  .rights-scope .btn:hover,.rights-scope .guide:hover{transform:none}
}
</style>

<div class="rights-scope">

<!-- ================= HERO ================= -->
<section class="hero">
  <div class="wrap">

    <div class="hero__text">
      <span class="eyebrow">คู่มือรับสิทธิ์ · อัปเดต <span id="rightsMonthLabel">กรกฎาคม 2569</span></span>
      <h1>รวมวิธีรับสิทธิพิเศษของทรู <span>ครบทุกช่องทาง</span></h1>
      <p class="lead">สิทธิ์หลายอย่างของเน็ตบ้านทรูไม่ได้มาให้อัตโนมัติ ต้องกดรับเองในแอป ในเว็บ หรือแจ้งกับเจ้าหน้าที่ หน้านี้รวมไว้ว่าแต่ละสิทธิ์กดที่ไหน ต้องเตรียมอะไร และใช้เวลาเท่าไหร่</p>

      <div class="hero__cta">
        <a class="btn btn-grad" href="#guides">ดูวิธีรับสิทธิ์ทั้งหมด</a>
        <a class="btn btn-line" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">ถามเจ้าหน้าที่ทาง LINE</a>
      </div>

      <div class="pills">
        <span>13 วิธี ครบทุกช่องทาง</span>
        <span>บอกโควตาและเงื่อนไขจริง</span>
        <span>ปรึกษาฟรี ไม่ผูกมัด</span>
      </div>
      <p class="tiny" style="margin-top:14px">เงื่อนไข โควตา และหน้าตาเมนูในแอปเปลี่ยนได้ตามรอบโปรโมชัน แนะนำเช็คในแอปหรือถามเจ้าหน้าที่ก่อนกดรับทุกครั้ง</p>
    </div>
  </div>
</section>

<!-- ================= เตรียมก่อนเริ่ม ================= -->
<section class="sec sec--tint">
  <div class="wrap">
    <div class="sec__head">
      <span class="eyebrow">เตรียมก่อนเริ่ม</span>
      <h2>3 อย่างนี้ใช้ได้เกือบทุกสิทธิ์</h2>
      <p class="lead">ถ้าเตรียมสามอย่างนี้ไว้ ขั้นตอนที่เหลือในหน้านี้จะเร็วขึ้นมาก</p>
    </div>

    <div class="prep">
      <div class="prep__item reveal">
        <div class="prep__n">1</div>
        <h3>เบอร์มือถือที่ใช้สมัครเน็ตบ้าน</h3>
        <p>ระบบผูกสิทธิ์กับเบอร์นี้ ถ้าล็อกอินด้วยเบอร์อื่น สิทธิ์จะไม่ขึ้นให้เห็น</p>
      </div>
      <div class="prep__item reveal">
        <div class="prep__n">2</div>
        <h3>เลขที่ผู้ใช้บริการ หรือใบแจ้งค่าบริการ</h3>
        <p>ใช้ยืนยันตัวตนตอนปรับสปีดเอง หรือตอนแจ้งเปลี่ยนแพ็กเกจ</p>
      </div>
      <div class="prep__item reveal">
        <div class="prep__n">3</div>
        <h3>แอปทรูไอดี บนมือถือ</h3>
        <p>เป็นศูนย์กลางของสิทธิ์ ทั้งดูทีวีฟรี ทรูพอยท์ และสิทธิ์ตามระดับการ์ด</p>
      </div>
    </div>
  </div>
</section>

<!-- ================= การ์ดวิธีรับสิทธิ์ ================= -->
<section class="sec" id="guides">
  <div class="wrap">
    <div class="sec__head">
      <span class="eyebrow">วิธีรับสิทธิ์</span>
      <h2>เลือกดูตามช่องทางที่ต้องไปกด</h2>
      <p class="lead">กดปุ่มเพื่อกรองเฉพาะสิทธิ์ที่รับได้ในช่องทางนั้น</p>
    </div>

    <div class="filters" role="group" aria-label="กรองตามช่องทาง">
      <button class="fbtn" type="button" data-filter="all" aria-pressed="true">ทั้งหมด</button>
      <button class="fbtn" type="button" data-filter="app" aria-pressed="false">แอปทรูไอดี</button>
      <button class="fbtn" type="button" data-filter="web" aria-pressed="false">เว็บทรูออนไลน์</button>
      <button class="fbtn" type="button" data-filter="device" aria-pressed="false">อุปกรณ์ที่บ้าน</button>
      <button class="fbtn" type="button" data-filter="agent" aria-pressed="false">แจ้งกับเจ้าหน้าที่</button>
    </div>
    <p class="tiny" id="fcount" aria-live="polite">แสดงทั้งหมด 13 วิธี</p>

    <div class="guides">

      <!-- 1 -->
      <article class="guide reveal" data-ch="app">
        <figure class="guide__fig">
          <span class="guide__ch">แอปทรูไอดี</span><span class="guide__tag">ได้ทุกแพ็กเกจ</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Apptrueid-best.webp" alt="แอปทรูไอดีทีวี ดูช่องฟรีสำหรับลูกค้าเน็ตบ้านทรู">
        </figure>
        <div class="guide__body">
          <h3>ดูทีวีฟรี 34 ช่องในแอปทรูไอดี</h3>
          <p class="guide__sum">สิทธิ์ที่ติดมากับเน็ตบ้านทุกแพ็กเกจ ไม่ต้องมีกล่องทีวีก็ดูได้บนมือถือและสมาร์ททีวี</p>
          <div class="need"><b>ต้องมีก่อน</b>เบอร์มือถือที่แจ้งไว้ตอนสมัครเน็ตบ้าน</div>
          <ol class="route">
            <li>ติดตั้งแอปทรูไอดีจาก App Store หรือ Google Play</li>
            <li>สมัครหรือเข้าสู่ระบบด้วยเบอร์ที่ใช้สมัครเน็ตบ้าน</li>
            <li>เข้าเมนูทีวี ช่องที่อยู่ในสิทธิ์จะปลดล็อกให้เอง</li>
          </ol>
          <p class="note"><b>เจอบ่อย:</b> ช่องไม่ปลดล็อกเพราะล็อกอินด้วยเบอร์ที่ไม่ตรงกับใบสมัคร ให้ออกจากระบบแล้วเข้าใหม่ด้วยเบอร์ที่ถูกต้อง</p>
        </div>
      </article>

      <!-- 2 -->
      <article class="guide reveal" data-ch="web">
        <figure class="guide__fig">
          <span class="guide__ch">เว็บทรูออนไลน์</span><span class="guide__tag">ไม่มีค่าใช้จ่าย</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/สปีดอัพ-1000-300-mbps-โปร-SA1-by-best.webp" alt="ปรับสปีดเน็ตบ้านทรูด้วยบริการ Speed Shuffle">
        </figure>
        <div class="guide__body">
          <h3>ปรับสปีดเน็ตเองด้วย Speed Shuffle</h3>
          <p class="guide__sum">เกลี่ยความเร็วดาวน์โหลดและอัปโหลดให้ตรงกับกิจกรรมที่ใช้จริง เช่น เล่นเกม ดูสตรีมมิ่ง หรือประชุมออนไลน์ ปรับแล้วมีผลทันที</p>
          <div class="need"><b>ต้องมีก่อน</b>แพ็กเกจความเร็ว 200 Mbps ขึ้นไป และติดตั้งเสร็จมาแล้วประมาณ 24 ชั่วโมง</div>
          <ol class="route">
            <li>เข้าหน้า Speed Shuffle ที่ true.th/trueonline/site/speedshuffle</li>
            <li>ยืนยันตัวตนด้วยข้อมูลผู้ใช้บริการเน็ตบ้าน</li>
            <li>เลือกรูปแบบการใช้งานที่ต้องการเน้น มีให้เลือกสูงสุด 5 แบบตามแพ็กเกจ</li>
            <li>กดยืนยัน ใช้ความเร็วชุดใหม่ได้ทันที ไม่ต้องติดอุปกรณ์เพิ่ม</li>
          </ol>
          <p class="note"><b>โควตา:</b> ปรับได้ครั้งละประมาณ 30 ชั่วโมง สูงสุดราว 10 ครั้งต่อเดือน หลังครบกำหนดระบบจะกลับไปใช้ค่าเดิมของแพ็กเกจ</p>
        </div>
      </article>

      <!-- 3 -->
      <article class="guide reveal" data-ch="app">
        <figure class="guide__fig">
          <span class="guide__ch">แอปทรูไอดี</span><span class="guide__tag">มีเงื่อนไข</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-Router-WiFi7_0.webp" alt="สิทธิ์เพิ่มความเร็วเน็ตบ้านทรูตามระดับการ์ด">
        </figure>
        <div class="guide__body">
          <h3>กดรับสิทธิ์เพิ่มสปีดตามระดับการ์ด</h3>
          <p class="guide__sum">ลูกค้าที่ถือ True Card ระดับสูงมีสิทธิ์กดเพิ่มความเร็วเน็ตบ้านเป็นรอบ โดยไม่เสียค่าบริการเพิ่ม</p>
          <div class="need"><b>ต้องมีก่อน</b>เบอร์ทรูมูฟ เอช รายเดือนสถานะปกติ ไม่มียอดค้างชำระ · แพ็กเกจเน็ตบ้านตามที่กำหนด · ที่อยู่อยู่ในพื้นที่ไฟเบอร์</div>
          <ol class="route">
            <li>เข้าสู่ระบบแอปทรูไอดีด้วยเบอร์ทรูมูฟ เอช ของคุณ</li>
            <li>เข้าเมนูสิทธิพิเศษ แล้วมองหาหมวดสิทธิ์เน็ตบ้าน</li>
            <li>เลือกสิทธิ์เพิ่มความเร็วเน็ตบ้าน แล้วอ่านเงื่อนไขในหน้านั้น</li>
            <li>กดรับสิทธิ์ แล้วรอระบบปรับความเร็วให้</li>
          </ol>
          <p class="note"><b>ข้อจำกัด:</b> ปกติจำกัด 1 สิทธิ์ต่อเดือน ถ้าพื้นที่หรือแพ็กเกจไม่รองรับ ทรูอาจให้ทรูพอยท์ทดแทน · ระดับการ์ดและเงื่อนไขเปลี่ยนได้ตามรอบ</p>
        </div>
      </article>

      <!-- 4 -->
      <article class="guide reveal" data-ch="agent">
        <figure class="guide__fig">
          <span class="guide__ch">แจ้งกับเจ้าหน้าที่</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-Router-WiFi6_0.webp" alt="อัพสปีดเน็ตบ้านทรูแบบถาวรด้วยการเปลี่ยนแพ็กเกจ">
        </figure>
        <div class="guide__body">
          <h3>อัพสปีดถาวรด้วยการเปลี่ยนแพ็กเกจ</h3>
          <p class="guide__sum">ต่างจาก Speed Shuffle ที่เป็นการเกลี่ยชั่วคราว วิธีนี้คือขยับไปใช้แพ็กเกจความเร็วสูงกว่าเดิมแบบถาวร</p>
          <div class="need"><b>ต้องมีก่อน</b>เบอร์และที่อยู่ติดตั้งปัจจุบัน เพื่อเช็คว่าคู่สายในพื้นที่รองรับความเร็วใหม่ไหม</div>
          <ol class="route">
            <li>ทักไลน์ @truebest แจ้งว่าต้องการอัพสปีด พร้อมส่งเบอร์และที่อยู่ติดตั้ง</li>
            <li>เจ้าหน้าที่เช็คว่าพื้นที่รองรับความเร็วสูงสุดเท่าไหร่</li>
            <li>เทียบค่าบริการใหม่กับของเดิม และดูอายุสัญญาที่เหลือ</li>
            <li>ยืนยันเปลี่ยนแพ็กเกจ กรณีทั่วไปปรับผ่านระบบได้เลย ไม่ต้องเดินสายใหม่</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> การเปลี่ยนแพ็กเกจอาจมีเงื่อนไขเรื่องอายุสัญญาคงเหลือ หรือต้องเริ่มนับสัญญาใหม่ ให้ถามยอดรวมและระยะสัญญาให้ชัดก่อนตกลง</p>
        </div>
      </article>

      <!-- 5 -->
      <article class="guide reveal" data-ch="device">
        <figure class="guide__fig">
          <span class="guide__ch">อุปกรณ์ที่บ้าน</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/TrueID-TV-Box-G.2.webp" alt="กล่องทีวี TrueID TV ที่แถมมากับแพ็กเกจเน็ตบ้านทรู">
        </figure>
        <div class="guide__body">
          <h3>เปิดใช้กล่อง TrueID TV ให้ดูได้ 60 ช่อง</h3>
          <p class="guide__sum">กล่องที่แถมมากับแพ็กเกจกลุ่มทีวี ต้องผูกกับบัญชีให้ถูกต้องก่อน ช่องในสิทธิ์จึงจะขึ้นครบ</p>
          <div class="need"><b>ต้องมีก่อน</b>กล่องที่ช่างติดตั้งไว้ · Wi-Fi ที่บ้าน · บัญชีทรูไอดีเบอร์เดียวกับที่สมัครเน็ตบ้าน</div>
          <ol class="route">
            <li>เปิดกล่อง ต่อ HDMI เข้าทีวี แล้วเชื่อม Wi-Fi ที่บ้าน</li>
            <li>เข้าสู่ระบบด้วยบัญชีทรูไอดีเบอร์เดียวกับที่ใช้สมัครเน็ตบ้าน</li>
            <li>ปล่อยให้กล่องอัปเดตซอฟต์แวร์ให้เสร็จก่อนใช้งาน</li>
            <li>เข้าเมนูช่องทีวี ช่องในสิทธิ์จะขึ้นให้ครบ</li>
          </ol>
          <p class="note"><b>เจอบ่อย:</b> ผูกกล่องด้วยบัญชีคนละเบอร์กับใบสมัคร ทำให้ได้แค่ช่องพื้นฐาน แก้ได้โดยออกจากระบบในกล่องแล้วเข้าใหม่</p>
        </div>
      </article>

      <!-- 6 -->
      <article class="guide reveal" data-ch="app">
        <figure class="guide__fig">
          <span class="guide__ch">แอปทรูไอดี</span><span class="guide__tag">ตามแพ็กเกจ</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/คอนเทนต์-v-q-w-.webp" alt="แอปดูซีรีส์ Viu iQIYI WeTV ที่แถมกับเน็ตบ้านทรู">
        </figure>
        <div class="guide__body">
          <h3>รับแอปดูซีรีส์ Viu / iQIYI / WeTV</h3>
          <p class="guide__sum">แพ็กเกจกลุ่มกล่องทีวีบางตัวให้เลือกรับคอนเทนต์ได้ 2 รายการ บางแพ็กเกจแถม Now ENT มาด้วย</p>
          <div class="need"><b>ต้องมีก่อน</b>แพ็กเกจที่ระบุว่ามีสิทธิ์คอนเทนต์ และแจ้งรายการที่เลือกไว้ตอนสมัคร</div>
          <ol class="route">
            <li>แจ้งเจ้าหน้าที่ตอนสมัครว่าเลือกคอนเทนต์รายการไหน</li>
            <li>รอสิทธิ์เข้าระบบหลังติดตั้งเสร็จ ปกติภายในไม่กี่วัน</li>
            <li>เข้าแอปทรูไอดีด้วยเบอร์ที่สมัคร แล้วเข้าหมวดคอนเทนต์เพื่อดูสิทธิ์ที่ได้รับ</li>
            <li>ดูผ่านแอปทรูไอดี หรือรับรหัสไปเปิดใช้ในแอปของผู้ให้บริการนั้น ตามที่ระบบแจ้ง</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> รายการคอนเทนต์ที่ให้เลือกเปลี่ยนตามรอบโปรโมชัน ถ้าอยากได้รายการใดเป็นพิเศษ ให้ถามก่อนเซ็นสมัคร</p>
        </div>
      </article>

      <!-- 7 -->
      <article class="guide reveal" data-ch="device">
        <figure class="guide__fig">
          <span class="guide__ch">อุปกรณ์ที่บ้าน</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-Simtrue-best.webp" alt="ซิมทรู 5G ที่แถมมากับแพ็กเกจเน็ตบ้านทรู">
        </figure>
        <div class="guide__body">
          <h3>เปิดใช้ซิมทรู 5G ที่แถมในแพ็กเกจ</h3>
          <p class="guide__sum">ซิมที่แถมมากับแพ็กเกจกลุ่มที่มีซิม ต้องลงทะเบียนก่อนจึงจะใช้เน็ตและนาทีโทรในสิทธิ์ได้</p>
          <div class="need"><b>ต้องมีก่อน</b>ซิมที่ได้รับ · บัตรประชาชนของผู้ลงทะเบียน · เครื่องที่รองรับซิมนั้น</div>
          <ol class="route">
            <li>ใส่ซิมในเครื่อง แล้วเปิดเครื่องรอสัญญาณ</li>
            <li>ลงทะเบียนซิมให้เรียบร้อยตามช่องทางที่ทรูกำหนด หรือให้เจ้าหน้าที่แนะนำ</li>
            <li>ตรวจสอบในแอปทรูไอดีว่าเน็ตและนาทีโทรเข้าครบตามสิทธิ์</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> สิทธิ์ในซิมที่แถมมักผูกกับอายุสัญญาเน็ตบ้าน ถ้ายกเลิกเน็ตบ้านก่อนกำหนด สิทธิ์ส่วนนี้จะหายไปด้วย</p>
        </div>
      </article>

      <!-- 8 -->
      <article class="guide reveal" data-ch="device">
        <figure class="guide__fig">
          <span class="guide__ch">อุปกรณ์ที่บ้าน</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-CCTV-by-best.webp" alt="กล้องวงจรปิด CCTV พร้อมคลาวด์ดูภาพย้อนหลัง 7 วัน">
        </figure>
        <div class="guide__body">
          <h3>ดูกล้อง CCTV และภาพย้อนหลัง 7 วัน</h3>
          <p class="guide__sum">กล้องที่แถมมาพร้อมพื้นที่คลาวด์ ทำให้ย้อนดูภาพได้ 7 วัน แต่ต้องผูกกล้องเข้าบัญชีก่อน</p>
          <div class="need"><b>ต้องมีก่อน</b>กล้องที่ช่างติดตั้งแล้ว · Wi-Fi ที่บ้าน · แอปดูกล้องที่ช่างแนะนำ</div>
          <ol class="route">
            <li>ให้ช่างผูกกล้องเข้าบัญชีของคุณตอนติดตั้ง แล้วลองดูภาพสดพร้อมกัน</li>
            <li>ติดตั้งแอปดูกล้องบนมือถือ แล้วเข้าสู่ระบบด้วยบัญชีเดียวกัน</li>
            <li>เปิดการแจ้งเตือนความเคลื่อนไหว และทดสอบเรียกดูภาพย้อนหลัง</li>
          </ol>
          <p class="note"><b>เจอบ่อย:</b> ย้ายเราเตอร์หรือเปลี่ยนรหัส Wi-Fi แล้วกล้องหลุด ต้องตั้งค่าเชื่อมต่อใหม่ แจ้งเจ้าหน้าที่ให้ช่วยได้</p>
        </div>
      </article>

      <!-- 9 -->
      <article class="guide reveal" data-ch="agent">
        <figure class="guide__fig">
          <span class="guide__ch">แจ้งกับเจ้าหน้าที่</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/ico-routerrouter.webp" alt="ตัวขยายสัญญาณ Mesh WiFi สำหรับเน็ตบ้านทรู">
        </figure>
        <div class="guide__body">
          <h3>ขอเพิ่มจุดกระจายสัญญาณ Mesh WiFi</h3>
          <p class="guide__sum">บ้านสองชั้นหรือบ้านที่มีมุมอับ ขอเพิ่มจุด Mesh ได้ ทั้งแบบที่รวมมาในแพ็กเกจและแบบขอเพิ่มทีหลัง</p>
          <div class="need"><b>ต้องมีก่อน</b>ข้อมูลว่าจุดไหนในบ้านสัญญาณอ่อน และบ้านมีกี่ชั้น</div>
          <ol class="route">
            <li>ทักไลน์แจ้งลักษณะบ้าน จำนวนชั้น และจุดที่สัญญาณไม่ถึง</li>
            <li>เจ้าหน้าที่เช็คว่าแพ็กเกจปัจจุบันรวมจุด Mesh ไว้แล้วหรือไม่</li>
            <li>ถ้าไม่รวม จะแจ้งทางเลือกให้ ทั้งเปลี่ยนแพ็กเกจหรือเพิ่มอุปกรณ์</li>
            <li>นัดช่างเข้าติดตั้งและวางจุดให้สัญญาณครอบคลุม</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> จุด Mesh ที่แถมในแพ็กเกจมักเป็นเราเตอร์รุ่นเดียวกับตัวหลัก ยืมใช้ตลอดสัญญาและต้องคืนเมื่อยกเลิกบริการ</p>
        </div>
      </article>

      <!-- 10 -->
      <article class="guide reveal" data-ch="app">
        <figure class="guide__fig">
          <span class="guide__ch">แอปทรูไอดี</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/06/icon-now-ent-by-best.webp" alt="สะสมและใช้ทรูพอยท์แลกสิทธิพิเศษในแอปทรูไอดี">
        </figure>
        <div class="guide__body">
          <h3>สะสมและใช้ทรูพอยท์แลกสิทธิ์</h3>
          <p class="guide__sum">ค่าบริการที่จ่ายทุกเดือนสะสมเป็นแต้มได้ นำไปแลกส่วนลด ของกิน หรือดีลจากร้านที่ร่วมรายการ</p>
          <div class="need"><b>ต้องมีก่อน</b>บัญชีทรูไอดีที่ผูกกับเบอร์และเลขที่ผู้ใช้บริการของคุณ</div>
          <ol class="route">
            <li>เข้าแอปทรูไอดี ดูยอดแต้มคงเหลือในหน้าโปรไฟล์หรือหมวดสิทธิพิเศษ</li>
            <li>เลือกดีลที่ต้องการ อ่านวันหมดอายุและเงื่อนไขร้านที่ร่วมรายการ</li>
            <li>กดแลก แล้วแสดงโค้ดหรือคิวอาร์ที่ร้านภายในเวลาที่กำหนด</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> แต้มมีวันหมดอายุ และดีลบางรายการมีจำนวนจำกัดต่อรอบ ควรเช็คในแอปเป็นระยะ</p>
        </div>
      </article>

      <!-- 11 -->
      <article class="guide reveal" data-ch="agent">
        <figure class="guide__fig guide__fig--photo">
          <span class="guide__ch">แจ้งกับเจ้าหน้าที่</span><span class="guide__tag">ทำก่อนสมัคร</span>
          <img alt="ส่งเอกสารยืนยันที่อยู่เพื่อรับสิทธิ์ยกเว้นค่าแรกเข้า">
        </figure>
        <div class="guide__body">
          <h3>รับสิทธิ์ยกเว้นค่าแรกเข้า</h3>
          <p class="guide__sum">สิทธิ์นี้ต้องตรวจเอกสารก่อนสมัคร ถ้าสมัครไปแล้วค่อยขอทีหลัง มักทำไม่ได้</p>
          <div class="need"><b>ต้องมีก่อน</b>เอกสารที่แสดงที่อยู่ติดตั้ง เช่น บัตรประชาชน ทะเบียนบ้าน หรือบิลค่าสาธารณูปโภค</div>
          <ol class="route">
            <li>ถ่ายเอกสารที่มีที่อยู่ติดตั้ง ส่งให้เจ้าหน้าที่ทางไลน์</li>
            <li>เจ้าหน้าที่ตรวจว่าที่อยู่ตรงกับจุดติดตั้งหรือไม่ ชื่อบนเอกสารไม่จำเป็นต้องตรงกัน</li>
            <li>ได้รับการยืนยันสิทธิ์ก่อน แล้วจึงดำเนินการสมัคร</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> เงื่อนไขค่าแรกเข้าต่างกันตามพื้นที่และรอบโปรโมชัน ให้ยืนยันเป็นข้อความไว้ก่อนวันติดตั้ง</p>
        </div>
      </article>

      <!-- 12 -->
      <article class="guide reveal" data-ch="agent">
        <figure class="guide__fig guide__fig--photo">
          <span class="guide__ch">แจ้งกับเจ้าหน้าที่</span>
          <img alt="ช่างเข้าเปลี่ยนอุปกรณ์และแก้ปัญหาเน็ตบ้านทรูที่บ้านลูกค้า">
        </figure>
        <div class="guide__body">
          <h3>ใช้สิทธิ์เปลี่ยนอุปกรณ์ฟรีและแจ้งซ่อม</h3>
          <p class="guide__sum">เราเตอร์ กล่องทีวี หรือกล้องมีปัญหาจากการใช้งานปกติ เปลี่ยนให้ใหม่โดยไม่มีค่าใช้จ่าย</p>
          <div class="need"><b>ต้องมีก่อน</b>อาการที่เจอ เวลาที่เริ่มเป็น และรูปหรือคลิปไฟสถานะบนอุปกรณ์</div>
          <ol class="route">
            <li>ลองปิดเปิดอุปกรณ์ และเช็คว่าปัญหาเกิดกับทุกเครื่องหรือเครื่องเดียว</li>
            <li>ทักไลน์แจ้งอาการ พร้อมส่งรูปไฟสถานะบนเราเตอร์</li>
            <li>เจ้าหน้าที่ช่วยเช็คเบื้องต้น ถ้าแก้ระยะไกลไม่ได้จะเปิดงานช่างให้</li>
            <li>นัดวันเวลาที่สะดวก ช่างเข้าเปลี่ยนอุปกรณ์หรือแก้สายให้</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> ความเสียหายจากอุบัติเหตุ น้ำท่วม หรือสัตว์กัดแทะ อาจไม่อยู่ในเงื่อนไขเปลี่ยนฟรี ให้ถามก่อนเปิดงาน</p>
        </div>
      </article>

      <!-- 13 -->
      <article class="guide reveal" data-ch="agent">
        <figure class="guide__fig">
          <span class="guide__ch">แจ้งกับเจ้าหน้าที่</span><span class="guide__tag">ทำก่อนสมัคร</span>
          <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/SIM-True-Dtac-by-best1.webp" alt="ส่วนลดเน็ตบ้านทรูสำหรับลูกค้าซิมรายเดือนทรูและดีแทค">
        </figure>
        <div class="guide__body">
          <h3>ขอส่วนลดตามสถานะลูกค้า</h3>
          <p class="guide__sum">ใช้ซิมรายเดือนทรูหรือดีแทค ย้ายค่ายมาจากผู้ให้บริการอื่น หรือสมัครในชื่อนิติบุคคล มีราคาคนละชุดกัน</p>
          <div class="need"><b>ต้องมีก่อน</b>เบอร์ซิมรายเดือนที่ใช้อยู่ หรือบิลค่าเน็ตของค่ายเดิม หรือเอกสารบริษัท</div>
          <ol class="route">
            <li>แจ้งสถานะของคุณให้เจ้าหน้าที่ทราบก่อนเลือกแพ็กเกจ</li>
            <li>ส่งหลักฐานที่เกี่ยวข้อง เช่น เบอร์รายเดือนหรือบิลค่าเน็ตเดิม</li>
            <li>เจ้าหน้าที่เทียบราคาชุดปกติกับราคาที่ได้ส่วนลด แล้วแจ้งยอดจริงต่อเดือน</li>
            <li>เลือกแพ็กเกจที่คุ้มที่สุด แล้วดำเนินการสมัคร</li>
          </ol>
          <p class="note"><b>ควรรู้:</b> ส่วนลดกลุ่มนี้ผูกกับสถานะที่ยังใช้งานอยู่ ถ้ายกเลิกซิมรายเดือนภายหลัง ส่วนลดอาจถูกยกเลิกตามเงื่อนไข</p>
        </div>
      </article>

    </div>
  </div>
</section>

<!-- ================= ตารางสรุป ================= -->
<section class="sec sec--tint">
  <div class="wrap">
    <div class="sec__head">
      <span class="eyebrow">สรุปให้ดูเร็ว</span>
      <h2>สิทธิ์ไหน กดที่ไหน ใช้เวลาเท่าไหร่</h2>
      <p class="lead">เลื่อนตารางไปทางขวาเพื่อดูคอลัมน์เพิ่ม</p>
    </div>

    <div class="tablescroll">
      <table>
        <thead>
          <tr>
            <th scope="col">สิทธิ์</th>
            <th scope="col">กดที่ไหน</th>
            <th scope="col">เวลาที่ใช้</th>
            <th scope="col">ทำได้บ่อยแค่ไหน</th>
          </tr>
        </thead>
        <tbody>
          <tr><th scope="row">ทีวีฟรี 34 ช่อง</th><td>แอปทรูไอดี</td><td>ไม่กี่นาที</td><td>ครั้งเดียวตอนเริ่มใช้</td></tr>
          <tr><th scope="row">ปรับสปีด Speed Shuffle</th><td>เว็บทรูออนไลน์</td><td>ทันทีที่กดยืนยัน</td><td>ครั้งละราว 30 ชม. สูงสุดราว 10 ครั้งต่อเดือน</td></tr>
          <tr><th scope="row">เพิ่มสปีดตามระดับการ์ด</th><td>แอปทรูไอดี</td><td>รอระบบปรับให้</td><td>ปกติ 1 ครั้งต่อเดือน</td></tr>
          <tr><th scope="row">อัพสปีดถาวร</th><td>แจ้งเจ้าหน้าที่</td><td>1–3 วันทำการโดยประมาณ</td><td>ตามเงื่อนไขสัญญา</td></tr>
          <tr><th scope="row">กล่อง TrueID TV</th><td>ที่ตัวกล่อง</td><td>10–20 นาที รวมอัปเดต</td><td>ครั้งเดียวตอนติดตั้ง</td></tr>
          <tr><th scope="row">แอปดูซีรีส์</th><td>แจ้งตอนสมัคร แล้วดูในแอป</td><td>ไม่กี่วันหลังติดตั้ง</td><td>ตามรอบโปรโมชัน</td></tr>
          <tr><th scope="row">ทรูพอยท์</th><td>แอปทรูไอดี</td><td>ทันที</td><td>ตามแต้มและดีลที่มี</td></tr>
          <tr><th scope="row">ยกเว้นค่าแรกเข้า</th><td>แจ้งเจ้าหน้าที่</td><td>ตรวจเอกสารไม่กี่นาที</td><td>ทำก่อนสมัครเท่านั้น</td></tr>
          <tr><th scope="row">เปลี่ยนอุปกรณ์ฟรี</th><td>แจ้งเจ้าหน้าที่</td><td>ตามคิวช่างในพื้นที่</td><td>เมื่อมีปัญหา</td></tr>
        </tbody>
      </table>
    </div>
    <p class="tiny" style="margin-top:14px">ระยะเวลาข้างต้นเป็นค่าประมาณจากงานจริง อาจต่างกันตามพื้นที่ คิวช่าง และรอบการทำงานของระบบ</p>
  </div>
</section>

<!-- ================= สาเหตุที่กดไม่สำเร็จ ================= -->
<section class="sec">
  <div class="wrap">
    <div class="sec__head">
      <span class="eyebrow">แก้ก่อนโทรถาม</span>
      <h2>4 สาเหตุที่กดรับสิทธิ์ไม่สำเร็จ</h2>
      <p class="lead">เกือบทุกเคสที่ลูกค้าทักมา มาจากข้อใดข้อหนึ่งในนี้</p>
    </div>

    <div class="fixes">
      <div class="fix reveal"><h3>ล็อกอินผิดเบอร์</h3><p>สิทธิ์ผูกกับเบอร์ที่ใช้สมัครเน็ตบ้าน ถ้าเข้าแอปด้วยเบอร์อื่น สิทธิ์จะไม่ขึ้นให้เห็นเลย</p></div>
      <div class="fix reveal"><h3>กดเร็วเกินไปหลังติดตั้ง</h3><p>บางสิทธิ์ต้องรอระบบอัปเดตข้อมูลผู้ใช้บริการก่อน เช่น Speed Shuffle ที่ต้องรอราว 24 ชั่วโมง</p></div>
      <div class="fix reveal"><h3>มียอดค้างชำระ</h3><p>สิทธิ์หลายรายการกำหนดว่าบัญชีต้องอยู่ในสถานะปกติ ถ้ามีบิลค้าง ระบบจะไม่ให้กดรับ</p></div>
      <div class="fix reveal"><h3>แพ็กเกจหรือพื้นที่ไม่รองรับ</h3><p>สิทธิ์บางอย่างกำหนดความเร็วขั้นต่ำหรือต้องอยู่ในพื้นที่ไฟเบอร์ ถ้าไม่เข้าเงื่อนไขจะกดไม่ได้</p></div>
    </div>
  </div>
</section>

<!-- ================= ให้เราช่วยรับสิทธิ์ 4 ขั้นตอน ================= -->
<section class="sec sec--tint">
  <div class="wrap">
    <div class="sec__head">
      <span class="eyebrow">ให้เราช่วยก็ได้</span>
      <h2>ไม่อยากกดเอง แจ้งเรา 4 ขั้นตอน</h2>
      <p class="lead">เราไล่ให้ทีละขั้นว่าคุณเข้าเงื่อนไขสิทธิ์ไหน และต้องกดที่หน้าไหน</p>
    </div>

    <div class="steps">
      <div class="step reveal">
        <div class="step__icon" aria-hidden="true">
          <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M8 12C8 9.79 9.79 8 12 8H36C38.21 8 40 9.79 40 12V28C40 30.21 38.21 32 36 32H18L10 39V32H12C9.79 32 8 30.21 8 28V12Z" stroke="url(#stepg1)" stroke-width="2.5" stroke-linejoin="round"/>
            <circle cx="17" cy="20" r="2" fill="url(#stepg1)"/><circle cx="24" cy="20" r="2" fill="url(#stepg1)"/><circle cx="31" cy="20" r="2" fill="url(#stepg1)"/>
            <defs><linearGradient id="stepg1" x1="8" y1="8" x2="40" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#00A3FF"/><stop offset="1" stop-color="#FF3366"/></linearGradient></defs>
          </svg>
        </div>
        <div class="step__in"><div class="step__n">1</div><h3>แอดไลน์ @truebest</h3><p>ทักมาบอกว่าอยากได้สิทธิ์อะไร หรือโทร 090-903-5115</p></div>
      </div>
      <div class="step reveal">
        <div class="step__icon" aria-hidden="true">
          <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M42 6L4 21.5L20 26L24.5 42L42 6Z" stroke="url(#stepg2)" stroke-width="2.5" stroke-linejoin="round" stroke-linecap="round"/>
            <path d="M42 6L20 26" stroke="url(#stepg2)" stroke-width="2.5" stroke-linecap="round"/>
            <defs><linearGradient id="stepg2" x1="4" y1="6" x2="42" y2="42" gradientUnits="userSpaceOnUse"><stop stop-color="#00A3FF"/><stop offset="1" stop-color="#FF3366"/></linearGradient></defs>
          </svg>
        </div>
        <div class="step__in"><div class="step__n">2</div><h3>ส่งเบอร์และที่อยู่</h3><p>เราเช็คแพ็กเกจปัจจุบันและพื้นที่ให้บริการของคุณ</p></div>
      </div>
      <div class="step reveal">
        <div class="step__icon" aria-hidden="true">
          <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="10" y="8" width="28" height="34" rx="4" stroke="url(#stepg3)" stroke-width="2.5"/>
            <path d="M18 8C18 6.34 19.34 5 21 5H27C28.66 5 30 6.34 30 8V10H18V8Z" stroke="url(#stepg3)" stroke-width="2.5" stroke-linejoin="round"/>
            <path d="M16 24L21 29L32 18" stroke="url(#stepg3)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
            <defs><linearGradient id="stepg3" x1="10" y1="5" x2="38" y2="42" gradientUnits="userSpaceOnUse"><stop stop-color="#00A3FF"/><stop offset="1" stop-color="#FF3366"/></linearGradient></defs>
          </svg>
        </div>
        <div class="step__in"><div class="step__n">3</div><h3>รู้ว่าได้สิทธิ์ไหน</h3><p>เจ้าหน้าที่แจ้งรายการที่คุณเข้าเงื่อนไข พร้อมเงื่อนไขจริง</p></div>
      </div>
      <div class="step reveal">
        <div class="step__icon" aria-hidden="true">
          <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M14 6L14 34L21 27.5L25.5 38L30 36L25.5 25.5L35 25.5L14 6Z" stroke="url(#stepg4)" stroke-width="2.5" stroke-linejoin="round" fill="url(#stepg4)" fill-opacity="0.12"/>
            <defs><linearGradient id="stepg4" x1="14" y1="6" x2="35" y2="38" gradientUnits="userSpaceOnUse"><stop stop-color="#00A3FF"/><stop offset="1" stop-color="#FF3366"/></linearGradient></defs>
          </svg>
        </div>
        <div class="step__in"><div class="step__n">4</div><h3>กดรับตามที่แนะนำ</h3><p>เราไล่ให้ทีละหน้าจอ ถ้าติดขั้นตอนไหนส่งภาพหน้าจอมาถามได้</p></div>
      </div>
    </div>
  </div>
</section>

<!-- ================= FAQ ================= -->
<section class="sec">
  <div class="wrap">
    <div class="sec__head">
      <span class="eyebrow">คำถามที่พบบ่อย</span>
      <h2>เรื่องที่ลูกค้าถามเยอะที่สุด</h2>
    </div>

    <details>
      <summary>Speed Shuffle กับการอัพสปีดแพ็กเกจ ต่างกันยังไง</summary>
      <p>Speed Shuffle คือการเกลี่ยความเร็วที่มีอยู่ในแพ็กเกจเดิมให้เหมาะกับกิจกรรม เป็นการปรับชั่วคราวและกลับค่าเดิมเมื่อครบเวลา ไม่มีค่าใช้จ่าย ส่วนการอัพสปีดแพ็กเกจคือเปลี่ยนไปใช้ความเร็วสูงกว่าแบบถาวร ซึ่งค่าบริการรายเดือนจะเปลี่ยนตามแพ็กเกจใหม่</p>
    </details>

    <details>
      <summary>ไม่มีกล่องทีวี ดูช่องฟรีได้ไหม</summary>
      <p>ได้ครับ สิทธิ์ดูช่องผ่านแอปทรูไอดีติดมากับเน็ตบ้านทุกแพ็กเกจ ใช้มือถือหรือสมาร์ททีวีดูได้เลย ส่วนกล่องทีวีจะได้ช่องมากกว่า ต้องอยู่ในแพ็กเกจกลุ่มที่มีกล่อง</p>
    </details>

    <details>
      <summary>สิทธิ์ในแอปหายไป ต้องเช็คอะไรก่อน</summary>
      <p>เช็คสามอย่างตามลำดับ คือเบอร์ที่ล็อกอินตรงกับใบสมัครหรือไม่ บัญชีมียอดค้างชำระหรือไม่ และแพ็กเกจปัจจุบันยังเข้าเงื่อนไขสิทธิ์นั้นอยู่หรือไม่ ถ้าครบสามข้อแล้วยังไม่ขึ้น ส่งภาพหน้าจอมาทางไลน์ให้เจ้าหน้าที่ช่วยเช็คในระบบได้</p>
    </details>

    <details>
      <summary>ต้องกดรับสิทธิ์ทุกเดือนไหม</summary>
      <p>แล้วแต่ประเภทครับ สิทธิ์ที่ติดมากับแพ็กเกจ เช่น เราเตอร์หรือช่องทีวี ตั้งค่าครั้งเดียวใช้ได้ตลอด แต่สิทธิ์แบบกดรับเป็นรอบ เช่น สิทธิ์เพิ่มสปีดตามระดับการ์ดและดีลทรูพอยท์ ถ้าไม่กดในรอบนั้นถือว่าสละสิทธิ์ ไม่ทบไปรอบถัดไป</p>
    </details>

    <details>
      <summary>ให้เจ้าหน้าที่กดรับสิทธิ์แทนได้ไหม</summary>
      <p>สิทธิ์ที่ต้องกดในบัญชีส่วนตัว เช่น ทรูพอยท์และสิทธิ์ในแอป ต้องกดด้วยบัญชีของคุณเอง เจ้าหน้าที่แนะนำขั้นตอนทีละหน้าจอให้ได้ แต่ไม่ควรให้ใครขอรหัส OTP หรือรหัสผ่านของคุณไปในทุกกรณี</p>
    </details>
  </div>
</section>

<!-- ================= ปิดท้าย ================= -->
<section class="close">
  <div class="wrap">
    <h2>ติดขั้นตอนไหน ส่งภาพหน้าจอมาถามได้</h2>
    <p>บอกมาว่าอยากได้สิทธิ์อะไร ใช้แพ็กเกจไหนอยู่ เราเช็คให้ว่าคุณเข้าเงื่อนไขหรือยัง และต้องกดที่หน้าไหน</p>
    <div style="display:flex;gap:12px;flex-wrap:wrap;justify-content:center">
      <a class="btn btn-white" href="https://lin.ee/UtX10gR" target="_blank" rel="noopener">แอดไลน์ @truebest</a>
      <a class="btn btn-wout" href="tel:0909035115">โทร 090-903-5115</a>
    </div>
    <p class="tiny" style="margin-top:28px;max-width:720px;margin-left:auto;margin-right:auto">ข้อมูลในหน้านี้เป็นแนวทางของรอบเดือนปัจจุบัน เงื่อนไข โควตา ชื่อเมนูในแอป และรายการคอนเทนต์ เป็นไปตามประกาศของผู้ให้บริการและเปลี่ยนแปลงได้ตลอด กรุณาตรวจสอบเงื่อนไขในหน้าสิทธิ์นั้นก่อนกดรับทุกครั้ง</p>
  </div>
</section>

</div><!-- /.rights-scope -->

<script>
/* ---- ป้ายเดือนอัตโนมัติ — ไม่ต้องมาแก้มือทุกเดือน ---- */
(function(){
  var monthLabel = document.getElementById('rightsMonthLabel');
  if(!monthLabel) return;
  var thMonths = ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
                   'กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'];
  var now = new Date();
  var beYear = now.getFullYear() + 543;
  monthLabel.textContent = thMonths[now.getMonth()] + ' ' + beYear;
})();

/* ---- ตัวกรองช่องทาง ---- */
(function(){
  var btns  = document.querySelectorAll('.rights-scope .fbtn');
  var cards = document.querySelectorAll('.rights-scope .guide');
  var out   = document.getElementById('fcount');
  var names = {all:'ทั้งหมด', app:'แอปทรูไอดี', web:'เว็บทรูออนไลน์', device:'อุปกรณ์ที่บ้าน', agent:'แจ้งกับเจ้าหน้าที่'};

  function apply(key){
    var n = 0;
    cards.forEach(function(c){
      var show = (key === 'all' || c.getAttribute('data-ch') === key);
      c.classList.toggle('is-hidden', !show);
      if (show) n++;
    });
    btns.forEach(function(b){
      b.setAttribute('aria-pressed', b.getAttribute('data-filter') === key ? 'true' : 'false');
    });
    out.textContent = (key === 'all')
      ? 'แสดงทั้งหมด ' + n + ' วิธี'
      : 'ช่องทาง ' + names[key] + ' · ' + n + ' วิธี';
  }

  btns.forEach(function(b){
    b.addEventListener('click', function(){ apply(b.getAttribute('data-filter')); });
  });
  apply('all');
})();

/* ---- แสดงเนื้อหาแบบค่อยๆ ปรากฏ ---- */
(function(){
  var items = document.querySelectorAll('.rights-scope .reveal');
  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
  if (reduce || !('IntersectionObserver' in window)) {
    items.forEach(function(el){ el.classList.add('in'); });
    return;
  }
  var io = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }
    });
  }, { rootMargin:'0px 0px -8% 0px', threshold:0.08 });
  items.forEach(function(el){ io.observe(el); });
})();
</script>


<script type="application/ld+json">{"@context":"https://schema.org","@type":"HowTo","name":"วิธีให้เจ้าหน้าที่ช่วยกดรับสิทธิพิเศษ เน็ตบ้านทรู","description":"ขั้นตอนแจ้งเจ้าหน้าที่ผ่านไลน์ เพื่อให้ช่วยตรวจสอบและแนะนำการกดรับสิทธิพิเศษของเน็ตบ้านทรู","totalTime":"PT10M","step":[{"@type":"HowToStep","position":1,"name":"แอดไลน์ @truebest","text":"ทักมาบอกว่าอยากได้สิทธิ์อะไร หรือโทร 090-903-5115"},{"@type":"HowToStep","position":2,"name":"ส่งเบอร์และที่อยู่","text":"เราเช็คแพ็กเกจปัจจุบันและพื้นที่ให้บริการของคุณ"},{"@type":"HowToStep","position":3,"name":"รู้ว่าได้สิทธิ์ไหน","text":"เจ้าหน้าที่แจ้งรายการที่คุณเข้าเงื่อนไข พร้อมเงื่อนไขจริง"},{"@type":"HowToStep","position":4,"name":"กดรับตามที่แนะนำ","text":"เราไล่ให้ทีละหน้าจอ ถ้าติดขั้นตอนไหนส่งภาพหน้าจอมาถามได้"}]}</script>

<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Speed Shuffle กับการอัพสปีดแพ็กเกจ ต่างกันยังไง","acceptedAnswer":{"@type":"Answer","text":"Speed Shuffle คือการเกลี่ยความเร็วที่มีอยู่ในแพ็กเกจเดิมให้เหมาะกับกิจกรรม เป็นการปรับชั่วคราวและกลับค่าเดิมเมื่อครบเวลา ไม่มีค่าใช้จ่าย ส่วนการอัพสปีดแพ็กเกจคือเปลี่ยนไปใช้ความเร็วสูงกว่าแบบถาวร ซึ่งค่าบริการรายเดือนจะเปลี่ยนตามแพ็กเกจใหม่"}},{"@type":"Question","name":"ไม่มีกล่องทีวี ดูช่องฟรีได้ไหม","acceptedAnswer":{"@type":"Answer","text":"ได้ครับ สิทธิ์ดูช่องผ่านแอปทรูไอดีติดมากับเน็ตบ้านทุกแพ็กเกจ ใช้มือถือหรือสมาร์ททีวีดูได้เลย ส่วนกล่องทีวีจะได้ช่องมากกว่า ต้องอยู่ในแพ็กเกจกลุ่มที่มีกล่อง"}},{"@type":"Question","name":"สิทธิ์ในแอปหายไป ต้องเช็คอะไรก่อน","acceptedAnswer":{"@type":"Answer","text":"เช็คสามอย่างตามลำดับ คือเบอร์ที่ล็อกอินตรงกับใบสมัครหรือไม่ บัญชีมียอดค้างชำระหรือไม่ และแพ็กเกจปัจจุบันยังเข้าเงื่อนไขสิทธิ์นั้นอยู่หรือไม่ ถ้าครบสามข้อแล้วยังไม่ขึ้น ส่งภาพหน้าจอมาทางไลน์ให้เจ้าหน้าที่ช่วยเช็คในระบบได้"}},{"@type":"Question","name":"ต้องกดรับสิทธิ์ทุกเดือนไหม","acceptedAnswer":{"@type":"Answer","text":"แล้วแต่ประเภทครับ สิทธิ์ที่ติดมากับแพ็กเกจ เช่น เราเตอร์หรือช่องทีวี ตั้งค่าครั้งเดียวใช้ได้ตลอด แต่สิทธิ์แบบกดรับเป็นรอบ เช่น สิทธิ์เพิ่มสปีดตามระดับการ์ดและดีลทรูพอยท์ ถ้าไม่กดในรอบนั้นถือว่าสละสิทธิ์ ไม่ทบไปรอบถัดไป"}},{"@type":"Question","name":"ให้เจ้าหน้าที่กดรับสิทธิ์แทนได้ไหม","acceptedAnswer":{"@type":"Answer","text":"สิทธิ์ที่ต้องกดในบัญชีส่วนตัว เช่น ทรูพอยท์และสิทธิ์ในแอป ต้องกดด้วยบัญชีของคุณเอง เจ้าหน้าที่แนะนำขั้นตอนทีละหน้าจอให้ได้ แต่ไม่ควรให้ใครขอรหัส OTP หรือรหัสผ่านของคุณไปในทุกกรณี"}}]}</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ea056be e-flex e-con-boxed e-con e-parent" data-id="ea056be" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-0405efb e-con-full e-flex e-con e-child" data-id="0405efb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-112a8f7 elementor-widget elementor-widget-html" data-id="112a8f7" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    .banner-container {
        border-radius: 20px; /* ปรับความมน */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); /* เงาสวย */
        overflow: hidden; /* ทำให้รูปโค้งตามขอบ */
        display: block;
        transition: transform 0.3s ease;
    }
    
    .banner-container img {
        width: 100%;
        height: auto;
        display: block;
    }

    .banner-container:hover {
        transform: translateY(-5px); /* ยกตัวขึ้นเมื่อเอาเมาส์ชี้ */
    }
</style>

<a href="https://lin.ee/UtX10gR" class="banner-container" target="_blank" rel="noopener">
    <picture>
      <source media="(max-width: 767px)" srcset="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp">
      
      <img decoding="async" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/หน้าติดต่อเจ้าหน้าที่-เบสท์เน็ตไวไฟ-.webp" 
           alt="ติดต่อเจ้าหน้าที่ติดตั้งเน็ตบ้านทรู พร้อมดูแลคุณ ปรึกษาฟรี" 
           loading="lazy">
    </picture>
</a>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-26457c3 e-flex e-con-boxed e-con e-parent" data-id="26457c3" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-ef452fa e-con-full e-flex e-con e-child" data-id="ef452fa" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0a399d8 elementor-widget elementor-widget-html" data-id="0a399d8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  เมนูลิงก์หน้าอื่น — ปรับให้เข้ากับสไตล์เว็บแล้ว

  แก้ 3 เรื่อง:

  1. สีไม่เข้ากับเว็บ
     เดิม: พื้นหลังไล่สีน้ำเงิน→ม่วง ซึ่งไม่มีอยู่ในดีไซน์เว็บเลย
     ใหม่: พื้นเทาอ่อน การ์ดขาว ขอบซ้ายแดง ไอคอนในกรอบแดงอ่อน
           ใช้ตัวแปรสีและฟอนต์ชุดเดียวกับ section อื่น

  2. ชื่อ class เสี่ยงชนกับธีม
     เดิม: .icon-box .text-box .arrow-icon .title .subtitle
           เป็นชื่อสามัญมาก ธีม Astra และปลั๊กอินหลายตัวใช้ชื่อพวกนี้
           ถ้าชนกันจะเพี้ยนแบบหาสาเหตุยาก
     ใหม่: ใส่ prefix .fnhs-nav- ทุกตัว

  3. ปุ่ม "หน้าแรก"
     ถ้าเอาบล็อกนี้ไปวางในหน้าแรก ปุ่มนี้จะลิงก์กลับมาที่ตัวเอง
     -> คอมเมนต์ไว้ให้แล้ว ใช้เฉพาะตอนวางในหน้าย่อย

  ⚠️ ระวังซ้ำซ้อน: บล็อกนี้กับแถบ "เลือกสิ่งที่คุณต้องการ" (pkg-tabs)
  มีปุ่ม "ย้ายค่าย" กับ "นิติบุคคล" ซ้ำกัน 2 อัน
  -> แนะนำใช้อย่างใดอย่างหนึ่งต่อ 1 หน้า ไม่ใช้ทั้งคู่
     pkg-tabs = เลือกตามอุปกรณ์ที่อยากได้  (เหมาะกับหน้าแรก)
     บล็อกนี้ = เลือกตามประเภทลูกค้า        (เหมาะกับหน้าย่อย)

  🎨 สี: เปลี่ยนให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366) 2 จุด:
   1) kicker "เลือกตามประเภทที่อยู่อาศัย" — ตัวหนังสือไล่สีจริง
   2) การ์ดลิงก์ .fnhs-nav-btn ทั้งหมด — ขอบซ้าย + กรอบไอคอน + เส้นขอบตอนชี้ + ลูกศร
      ขอบซ้าย 4px ใส่ gradient ตรงๆ ไม่ได้ (border-left รับได้แค่สีเดียว)
      เลยเปลี่ยนไปใช้ ::before เป็นแท่งไล่สีแทน
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-nav{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  background:var(--panel);
  border-radius:20px;
  padding:32px 20px;
  width:100%;
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.fnhs-nav *{ box-sizing:border-box; }

.fnhs-nav-head{
  text-align:center; margin-bottom:22px;
}
.fnhs-nav-kicker{
  display:table; margin:0 auto 6px;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.fnhs-nav-title{
  font-family:'Kanit'; font-weight:600; font-size:clamp(18px,2.6vw,22px);
  color:var(--ink); margin:0;
}

.fnhs-nav-grid{
  width:100%; max-width:900px; margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:14px;
}
@media (min-width:768px){
  .fnhs-nav-grid{ grid-template-columns:repeat(2,1fr); }
}

.fnhs-nav-btn{
  position:relative; overflow:hidden;
  display:flex; align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px 16px 22px;
  text-decoration:none !important;
  color:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
/* แท่งไล่สีฝั่งซ้าย แทน border-left (border รับ gradient ตรงๆ ไม่ได้)
   ใช้ 180deg (บน->ล่าง) ไม่ใช่ 90deg เหมือนที่อื่น เพราะแท่งนี้กว้างแค่ 4px
   ถ้าใช้ไล่สีแนวนอน (90deg) สีจะบีบอัดจนเบลอมั่วภายใน 4px เดียว ไม่เห็นไล่สีจริง */
.fnhs-nav-btn::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,#00A3FF,#FF3366);
  transition:opacity .25s ease;
}
.fnhs-nav-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,0.10);
  border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
/* ตอนชี้ ขอบทั้งกรอบเป็นไล่สีอยู่แล้ว ซ่อนแท่งซ้ายไปเลย
   กันไม่ให้ไล่สี 2 ก้อนซ้อนทับกันตรงมุมซ้ายจนสีมั่ว */
.fnhs-nav-btn:hover::before{ opacity:0; }

.fnhs-nav-ic{
  width:44px; height:44px; flex-shrink:0;
  margin-right:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,163,255,0.12), rgba(255,51,102,0.12));
  border-radius:12px;
}
.fnhs-nav-ic svg{
  width:24px; height:24px;
  stroke:#0B84C4; stroke-width:1.8;
  fill:none; stroke-linecap:round; stroke-linejoin:round;
}

.fnhs-nav-txt{ flex:1; min-width:0; }
.fnhs-nav-txt .fnhs-nav-t{
  font-family:'Kanit'; font-size:15px; font-weight:600;
  color:var(--ink); margin:0 0 2px; line-height:1.35;
}
.fnhs-nav-txt .fnhs-nav-s{
  font-size:12.5px; color:var(--muted); margin:0; line-height:1.45;
}

.fnhs-nav-arrow{
  font-size:22px; font-weight:400;
  margin-left:10px; flex-shrink:0; line-height:1;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (prefers-reduced-motion: reduce){
  .fnhs-nav-btn{ transition:none; }
}

/* ซ่อนปุ่ม "หน้าแรก" อัตโนมัติเมื่ออยู่ในหน้าแรก
   WordPress ใส่ class .home ที่ <body> ให้เองเมื่ออยู่หน้าแรก
   -> วางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน
   ถ้าธีมไม่ได้ใส่ .home ให้ ก็ลบปุ่มนั้นด้วยมือเฉพาะหน้าแรก */
body.home .fnhs-nav-home{ display:none; }
</style>

<div class="fnhs-nav">

  <div class="fnhs-nav-head">
    <div class="fnhs-nav-kicker">เลือกตามประเภทที่อยู่อาศัย</div>
    <h2 class="fnhs-nav-title">ยังไม่เจอโปรที่ใช่?</h2>
  </div>

  <div class="fnhs-nav-grid">

    <!-- 1. เน็ตบ้าน ลูกค้าทั่วไป -->
    <a href="https://fibernet-hispeed.com/true-home-internet/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <path d="M8 12.5a5.5 5.5 0 0 1 8 0"></path>
          <path d="M10 15.5a2.5 2.5 0 0 1 4 0"></path>
          <path d="M12 19h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ลูกค้าทั่วไป</p>
        <p class="fnhs-nav-s">เน็ตไฟเบอร์แรง เสถียร ครอบคลุมทั่วบ้าน</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 2. คอนโด -->
    <a href="https://fibernet-hispeed.com/true-internet-condo/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M4 21V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14"></path>
          <path d="M4 21h16"></path>
          <path d="M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4"></path>
          <path d="M10 9h.01"></path><path d="M14 9h.01"></path>
          <path d="M10 13h.01"></path><path d="M14 13h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู คอนโด</p>
        <p class="fnhs-nav-s">เน็ตแรงทะลุจอ ครบทุกไลฟ์สไตล์</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 3. นิติบุคคล / บริษัท -->
    <a href="https://fibernet-hispeed.com/true-internet-business/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู นิติบุคคล/บริษัท</p>
        <p class="fnhs-nav-s">โซลูชันอินเทอร์เน็ตสำหรับองค์กร</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 4. ย้ายค่าย -->
    <a href="https://fibernet-hispeed.com/true-internet-chang-come-true/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M16 3h5v5"></path>
          <path d="M4 20L21 3"></path>
          <path d="M21 16v5h-5"></path>
          <path d="M15 15l6 6"></path>
          <path d="M4 4l5 5"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ย้ายค่ายมาทรู</p>
        <p class="fnhs-nav-s">รับสิทธิพิเศษและส่วนลดสูงสุด</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 5. หน้าแรก
         CSS ด้านบนจะซ่อนปุ่มนี้ให้อัตโนมัติเมื่ออยู่ในหน้าแรก
         จึงวางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน -->
    <a href="https://fibernet-hispeed.com/" class="fnhs-nav-btn fnhs-nav-home">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <polyline points="9 22 9 12 15 12 15 22"></polyline>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">หน้าแรก</p>
        <p class="fnhs-nav-s">กลับสู่หน้าหลักบริการทรู</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

  </div>
</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>รายละเอียด เราเตอร์ไวไฟ ไฮบริด (Router Hybrid)</title>
		<link>https://fibernet-hispeed.com/true-router-hybrid-dongle/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Sun, 19 Jul 2026 07:56:56 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=3317</guid>

					<description><![CDATA[รายละเอียด เราเตอร์ไวไฟ ไฮบริด (Router Hybrid) เราเตอร์ 2 ระบบ · รายแรกในไทย TrueOnline Dongle (Hybrid Router) เน็ตไม่มีวันหลุดด้วยเราเตอร์ 2 ระบบ TrueOnline Dongle เราเตอร์ไฮบริดรายแรกและรายเดียวในไทย [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3317" class="elementor elementor-3317" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-36ffcdda e-flex e-con-boxed e-con e-parent" data-id="36ffcdda" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-28a5ac0d elementor-widget elementor-widget-text-editor" data-id="28a5ac0d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									
<p class="wp-block-paragraph">รายละเอียด เราเตอร์ไวไฟ ไฮบริด (Router Hybrid)</p>
								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-bb0c175 e-flex e-con-boxed e-con e-parent" data-id="bb0c175" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-ea63f39 elementor-widget elementor-widget-html" data-id="ea63f39" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
  .hybrid-scope{
    --bg:#FFFFFF;
    --panel:#FFFFFF;
    --ink:#1A1A1E;
    --g1:#00A3FF;
    --g2:#FF3366;
    --grad:linear-gradient(90deg,var(--g1),var(--g2));
    --tint:linear-gradient(135deg,#eaf4ff 0%,#fff0f5 100%);
    --muted:#767A82;
    --line:#EFE4E4;
    --green:#1FA958;
    --blue:#1E7FE0;
    --amber:#D98A11;
    --shadow: 0 10px 26px -14px rgba(20,20,25,0.18);
    background:var(--bg);
    color:var(--ink);
    font-family:'IBM Plex Sans Thai',sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  .hybrid-scope *{box-sizing:border-box;}
  .hybrid-scope h1,.hybrid-scope h2,.hybrid-scope h3{font-family:'Kanit','IBM Plex Sans Thai',sans-serif;margin:0;}
  .hybrid-scope p{margin:0;}
  .hybrid-scope a{color:inherit;text-decoration:none;}
  .hybrid-scope .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

  /* HERO */
  .hybrid-scope .hero{position:relative;padding:56px 0 64px;overflow:hidden;background:#fff;}
  .hybrid-scope .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;}
  .hybrid-scope .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;color:#0B84C4;
    border:1px solid rgba(255,51,102,0.25);background:var(--tint);
    padding:6px 12px;border-radius:100px;margin-bottom:20px;
  }
  .hybrid-scope .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--g2);position:relative;}
  .hybrid-scope .pulse-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--g2);animation:hyPulseDot 2s ease-out infinite;}
  @keyframes hyPulseDot{0%{transform:scale(0.6);opacity:1;}100%{transform:scale(2.2);opacity:0;}}

  .hybrid-scope .model-tag{font-family:'IBM Plex Sans Thai',sans-serif;font-size:13px;color:var(--muted);margin-bottom:10px;}
  .hybrid-scope .hero h1{font-size:clamp(30px,3.8vw,46px);font-weight:700;line-height:1.14;letter-spacing:-0.5px;margin-bottom:16px;color:var(--ink);}
  .hybrid-scope .hero h1 .accent{
    background:var(--grad); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
  .hybrid-scope .hero p.desc{color:var(--muted);font-size:16px;max-width:480px;margin-bottom:32px;}
  .hybrid-scope .btn-row{display:flex;gap:12px;flex-wrap:wrap;}
  .hybrid-scope .btn{padding:13px 24px;border-radius:8px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;transition:transform .15s ease, filter .2s ease, box-shadow .2s ease;}
  .hybrid-scope .btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 22px -10px rgba(255,51,102,0.5);}
  .hybrid-scope .btn-primary:hover{filter:brightness(.94);transform:translateY(-1px);}
  .hybrid-scope .btn-ghost{background:#fff;color:var(--ink);border:1px solid #E3E3E3;box-shadow:var(--shadow);}
  .hybrid-scope .btn-ghost:hover{border-color:var(--g2);color:var(--g2);}
/* Device visual (illustration placeholder — swap for real photo) */
  .hybrid-scope .device-stage{position:relative;height:380px;display:flex;align-items:center;justify-content:center;}
  .hybrid-scope .ring{position:absolute;z-index:1;border-radius:50%;border:1px solid rgba(255,51,102,0.28);animation:hyRingOut 3.2s ease-out infinite;}
  .hybrid-scope .ring.r1{width:120px;height:120px;}
  .hybrid-scope .ring.r2{width:120px;height:120px;animation-delay:1.05s;}
  .hybrid-scope .ring.r3{width:120px;height:120px;animation-delay:2.1s;}
  @keyframes hyRingOut{0%{width:100px;height:100px;opacity:0.7;border-color:rgba(255,51,102,0.45);}100%{width:420px;height:420px;opacity:0;border-color:rgba(255,51,102,0);}}
  .hybrid-scope .device-photo{position:relative;z-index:2;width:100%;max-width:340px;display:block;filter:drop-shadow(0 26px 34px rgba(20,20,25,0.16));}
  .hybrid-scope .device-illustration{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;}
  .hybrid-scope .router-unit{width:190px;height:140px;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f4f4f5 100%);border:1px solid #E7E7EA;box-shadow:0 20px 30px -14px rgba(20,20,25,0.2);position:relative;display:flex;align-items:center;justify-content:center;gap:14px;}
  .hybrid-scope .router-unit .sim-slot{width:26px;height:18px;border-radius:3px;background:linear-gradient(135deg,#E8B14A,#C98F2E);}
  .hybrid-scope .router-unit .led-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);}
  .hybrid-scope .device-caption{font-family:'IBM Plex Sans Thai',sans-serif;font-size:11.5px;color:var(--muted);text-align:center;max-width:240px;}

  /* KEY SPECS STRIP */
  .hybrid-scope .specs-strip{padding:48px 0;}
  .hybrid-scope .specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .hybrid-scope .spec-cell{background:var(--panel);padding:24px 20px;border-radius:14px;box-shadow:var(--shadow);}
  .hybrid-scope .spec-cell .num{
    font-family:'Kanit',sans-serif;font-size:26px;font-weight:600;line-height:1;
    background:var(--grad); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
  .hybrid-scope .spec-cell .unit{font-size:13px;color:var(--muted);margin-left:4px;}
  .hybrid-scope .spec-cell .label{font-size:13px;color:var(--muted);margin-top:8px;}

  /* SECTION HEADERS */
  .hybrid-scope .section{padding:64px 0;}
  .hybrid-scope .section-head{margin-bottom:36px;max-width:600px;}
  .hybrid-scope .section-tag{
    font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:block;
    background:var(--grad); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
  .hybrid-scope .section h2{font-size:28px;font-weight:600;margin-bottom:8px;color:var(--ink);}
  .hybrid-scope .section p.sub{color:var(--muted);font-size:15px;}

  /* FEATURE CARDS */
  .hybrid-scope .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .hybrid-scope .feature-card{background:var(--panel);border-radius:14px;padding:26px;box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease;}
  .hybrid-scope .feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -16px rgba(255,51,102,0.28);}
  .hybrid-scope .feature-icon{width:38px;height:38px;border-radius:10px;background:var(--tint);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:18px;}
  .hybrid-scope .feature-card h3{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--ink);}
  .hybrid-scope .feature-card p{font-size:13.5px;color:var(--muted);}

  /* SWITCHOVER FLOW */
  .hybrid-scope .flow-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;}
  .hybrid-scope .flow-card{background:var(--panel);border-radius:16px;padding:28px 24px;box-shadow:var(--shadow);text-align:center;}
  .hybrid-scope .flow-card .flow-label{font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
  .hybrid-scope .flow-card .flow-icon{width:40px;height:40px;margin:0 auto 12px;color:var(--g2);}
  .hybrid-scope .flow-card h3{font-size:15px;font-weight:600;}
  .hybrid-scope .flow-arrow{font-size:26px;color:var(--g2);font-weight:700;}

  /* ACCORDION (FAQ) */
  .hybrid-scope .accordion{border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);}
  .hybrid-scope .acc-item{border-bottom:1px solid var(--line);}
  .hybrid-scope .acc-item:last-child{border-bottom:none;}
  .hybrid-scope .acc-head{width:100%;background:none;border:none;color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-family:'IBM Plex Sans Thai',sans-serif;font-size:15px;font-weight:600;text-align:left;}
  .hybrid-scope .acc-head .plus{font-family:'IBM Plex Sans Thai',sans-serif;color:var(--muted);font-size:18px;transition:transform .2s ease;flex-shrink:0;margin-left:12px;}
  .hybrid-scope .acc-item.open .acc-head .plus{transform:rotate(45deg);color:var(--g2);}
  .hybrid-scope .acc-item.open .acc-head{color:var(--g2);}
  .hybrid-scope .acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease;}
  .hybrid-scope .acc-item.open .acc-body{max-height:600px;}
  .hybrid-scope .acc-body-inner{padding:0 24px 22px;color:var(--muted);font-size:14px;}

  /* NOTICE */
  .hybrid-scope .notice{display:flex;gap:16px;align-items:flex-start;background:var(--tint);border-radius:12px;padding:20px 22px;margin-top:24px;}
  .hybrid-scope .notice .n-icon{font-size:18px;flex-shrink:0;}
  .hybrid-scope .notice p{font-size:13.5px;color:var(--ink);}
  .hybrid-scope .notice strong{color:var(--g2);}

  /* WHO ITS FOR */
  .hybrid-scope .who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .hybrid-scope .who-card{background:var(--panel);border-radius:14px;padding:24px;box-shadow:var(--shadow);text-align:center;}
  .hybrid-scope .who-icon{width:40px;height:40px;margin:0 auto 14px;color:var(--g2);}
  .hybrid-scope .who-card h3{font-size:14.5px;font-weight:600;margin-bottom:6px;}
  .hybrid-scope .who-card p{font-size:13px;color:var(--muted);}

  /* BOX CONTENTS */
  .hybrid-scope .box-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .hybrid-scope .box-item{background:var(--panel);border-radius:12px;padding:20px;text-align:center;box-shadow:var(--shadow);}
  .hybrid-scope .box-thumb{width:100%;height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .hybrid-scope .box-thumb svg{width:52px;height:52px;color:var(--g2);}
  .hybrid-scope .box-item p{font-size:13px;color:var(--muted);}

  @media (max-width:820px){
    .hybrid-scope .hero-grid{grid-template-columns:1fr;}
    .hybrid-scope .device-stage{height:260px;order:-1;}
    .hybrid-scope .specs-grid{grid-template-columns:repeat(2,1fr);}
    .hybrid-scope .feature-grid{grid-template-columns:1fr 1fr;}
    .hybrid-scope .who-grid{grid-template-columns:1fr;}
    .hybrid-scope .box-grid{grid-template-columns:repeat(2,1fr);}
    .hybrid-scope .flow-grid{grid-template-columns:1fr;}
    .hybrid-scope .flow-arrow{transform:rotate(90deg);}
  }
  @media (max-width:520px){
    .hybrid-scope .feature-grid{grid-template-columns:1fr;}
  }
  .hybrid-scope :focus-visible{outline:2px solid var(--g2);outline-offset:2px;}
  @media (prefers-reduced-motion: reduce){
    .hybrid-scope .ring,.hybrid-scope .pulse-dot::after{animation:none;}
  }
</style><div class="hybrid-scope">

  <section class="hero">
    <div class="wrap hero-grid">
      <div>
        <div class="eyebrow"><span class="pulse-dot"></span>เราเตอร์ 2 ระบบ · รายแรกในไทย</div>
        <div class="model-tag">TrueOnline Dongle (Hybrid Router)</div>
        <h1>เน็ตไม่มีวันหลุด<br>ด้วยเราเตอร์<span class="accent"> 2 ระบบ</span></h1>
        <p class="desc">TrueOnline Dongle เราเตอร์ไฮบริดรายแรกและรายเดียวในไทย ใช้งานอินเทอร์เน็ตได้ทั้งระบบสายไฟเบอร์และสัญญาณเน็ตมือถือ 4G ในเครื่องเดียว เมื่อไฟเบอร์มีปัญหา เราเตอร์จะสลับไปใช้เน็ตมือถือให้อัตโนมัติทันที ไม่ต้องตั้งค่า Wi-Fi ใหม่ ไม่ต้องติดตั้งอุปกรณ์เพิ่ม และไม่มีค่าใช้จ่ายเพิ่มเติม</p>
        <div class="btn-row">
          <a class="btn btn-primary" href="https://true.co.th/package-page-url-here" target="_blank" rel="noopener">ดูแพ็กเกจที่รองรับ</a>
        </div>
      </div>
      <div class="device-stage">
        <div class="ring r1"></div>
        <div class="ring r2"></div>
        <div class="ring r3"></div>
      <img decoding="async" class="device-photo" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-routerhi1.webp" alt="True Gigatex Router Hybrid Wi-Fi">

      </div>
    </div>
  </section>

  <section class="specs-strip">
    <div class="wrap specs-grid">
      <div class="spec-cell"><div class="num">2<span class="unit">ระบบ</span></div><div class="label">ไฟเบอร์ + เน็ตมือถือ 4G ในเครื่องเดียว</div></div>
      <div class="spec-cell"><div class="num">0<span class="unit">บาท</span></div><div class="label">ไม่มีค่าใช้จ่ายเพิ่มเติม</div></div>
      <div class="spec-cell"><div class="num">77<span class="unit">จังหวัด</span></div><div class="label">ครอบคลุมทั่วประเทศ</div></div>
      <div class="spec-cell"><div class="num">0<span class="unit">วินาที</span></div><div class="label">สลับระบบอัตโนมัติ ไม่ต้องตั้งค่าใหม่</div></div>
    </div>
  </section>

  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">จุดเด่นที่ลูกค้าจะได้รับ</span>
        <h2>ฟีเจอร์เด่นของ Hybrid Router</h2>
        <p class="sub">ออนไลน์ต่อเนื่องไม่สะดุด แม้ในสถานการณ์ฉุกเฉินที่เน็ตไฟเบอร์มีปัญหา</p>
      </div>
      <div class="feature-grid">
        <div class="feature-card">
          <div class="feature-icon">🔄</div>
          <h3>สลับระบบอัตโนมัติ</h3>
          <p>เมื่อเน็ตไฟเบอร์มีปัญหา เราเตอร์เปลี่ยนไปใช้สัญญาณเน็ตมือถือให้ทันทีโดยไม่ต้องทำอะไรเอง</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">📶</div>
          <h3>ไม่ต้องตั้งค่าใหม่</h3>
          <p>ชื่อ Wi-Fi และรหัสผ่านเดิมยังใช้งานได้ต่อเนื่อง อุปกรณ์ในบ้านไม่หลุดการเชื่อมต่อ</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">🧰</div>
          <h3>ไม่ต้องติดตั้งเพิ่ม</h3>
          <p>ไม่ต้องซื้อหรือติดตั้งอุปกรณ์สำรองแยกต่างหาก ทุกอย่างทำงานในเราเตอร์เครื่องเดียว</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">💸</div>
          <h3>ไม่มีค่าใช้จ่ายเพิ่ม</h3>
          <p>ฟีเจอร์เราเตอร์ 2 ระบบรวมอยู่ในแพ็กเกจที่สมัคร ไม่มีการเรียกเก็บเงินเพิ่มเติม</p>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">ทำงานอย่างไร</span>
        <h2>เมื่อไฟเบอร์มีปัญหา เราเตอร์ทำอะไร</h2>
        <p class="sub">ระบบตรวจจับปัญหาการเชื่อมต่อและสลับแหล่งสัญญาณให้อัตโนมัติ</p>
      </div>
      <div class="flow-grid">
        <div class="flow-card">
          <div class="flow-label">ปกติ</div>
          <svg class="flow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6"></path><path d="M12 14v5"></path></svg>
          <h3>ใช้งานผ่านไฟเบอร์</h3>
        </div>
        <div class="flow-arrow">→</div>
        <div class="flow-card">
          <div class="flow-label">เมื่อไฟเบอร์ขัดข้อง</div>
          <svg class="flow-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6"></path><path d="M12 14v5"></path><path d="M5 20l14-16"></path></svg>
          <h3>สลับไปใช้เน็ตมือถือ 4G อัตโนมัติ</h3>
        </div>
      </div>
      <div class="notice">
        <div class="n-icon">💡</div>
        <p><strong>หมายเหตุ:</strong> เมื่อไฟเบอร์กลับมาใช้งานได้ปกติ เราเตอร์จะสลับกลับไปใช้ไฟเบอร์โดยอัตโนมัติเช่นกัน เพื่อความเร็วและความเสถียรสูงสุด</p>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">เหมาะกับใคร</span>
        <h2>ใครควรใช้ Hybrid Router</h2>
      </div>
      <div class="who-grid">
        <div class="who-card">
          <svg class="who-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="14" height="10" rx="2"></rect><path d="M16 10l6-3v10l-6-3z"></path></svg>
          <h3>สายไลฟ์สด / อินฟลูเอนเซอร์</h3>
          <p>ไลฟ์ขายของหรือคอนเทนต์ต่อเนื่องไม่สะดุด แม้เน็ตไฟเบอร์มีปัญหากะทันหัน</p>
        </div>
        <div class="who-card">
          <svg class="who-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"></rect><path d="M8 2v4M16 2v4M3 10h18"></path></svg>
          <h3>แม่ค้าออนไลน์ / เจ้าของร้าน</h3>
          <p>รับออเดอร์และตอบแชทลูกค้าได้ตลอดเวลา ไม่พลาดยอดขายแม้ในช่วงเน็ตขัดข้อง</p>
        </div>
        <div class="who-card">
          <svg class="who-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l9 4.5v6c0 5-3.8 8.4-9 9.5-5.2-1.1-9-4.5-9-9.5v-6L12 2z"></path></svg>
          <h3>ครอบครัวที่ต้องการความมั่นใจ</h3>
          <p>รองรับงานสำคัญที่บ้าน เช่น ประชุมออนไลน์หรือเรียนออนไลน์ ให้ต่อเนื่องไม่สะดุด</p>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">ในกล่องมีอะไรบ้าง</span>
        <h2>อุปกรณ์ที่ได้รับ</h2>
      </div>
      <div class="box-grid">
        <div class="box-item">
          <div class="box-thumb">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <rect x="3" y="8" width="18" height="9" rx="2"></rect>
              <path d="M7 8V6a1 1 0 0 1 1-1h1"></path>
              <path d="M12 8V5"></path>
              <path d="M16 8V6a1 1 0 0 0-1-1h-1"></path>
            </svg>
          </div>
          <p>TrueOnline Dongle (เราเตอร์ 2 ระบบ)</p>
        </div>
        <div class="box-item">
          <div class="box-thumb">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <rect x="7" y="2" width="10" height="15" rx="2"></rect>
              <path d="M9 21h6"></path>
              <path d="M12 17v4"></path>
              <path d="M10 6h1"></path>
              <path d="M13 6h1"></path>
            </svg>
          </div>
          <p>อะแดปเตอร์ไฟ</p>
        </div>
        <div class="box-item">
          <div class="box-thumb">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M4 6v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6"></path>
              <path d="M4 6h2v3H4z"></path>
              <path d="M7 6h1v3H7z"></path>
              <path d="M17 6h2v3h-2z"></path>
              <path d="M16 6h1v3h-1z"></path>
              <path d="M12 14v5"></path>
            </svg>
          </div>
          <p>สาย LAN</p>
        </div>
        <div class="box-item">
          <div class="box-thumb">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8z"></path>
              <path d="M14 3v5h5"></path>
              <path d="M9 12h6"></path>
              <path d="M9 16h6"></path>
            </svg>
          </div>
          <p>คู่มือเริ่มต้นใช้งาน</p>
        </div>
      </div>
    </div>
  </section>  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">คำถามที่พบบ่อย</span>
        <h2>ยังมีข้อสงสัย?</h2>
      </div>
      <div class="accordion" id="hybrid-faq-accordion">
        <div class="acc-item">
          <button class="acc-head">ต้องเสียค่าบริการเพิ่มสำหรับฟีเจอร์ 2 ระบบไหม? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">ไม่ต้อง ฟีเจอร์เราเตอร์ 2 ระบบรวมอยู่ในแพ็กเกจที่สมัครแล้ว ไม่มีการเรียกเก็บค่าบริการเพิ่มเติม</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">ตอนสลับไปใช้เน็ตมือถือ ต้องตั้งค่า Wi-Fi ใหม่ไหม? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">ไม่ต้อง ชื่อ Wi-Fi (SSID) และรหัสผ่านเดิมยังใช้งานได้ต่อเนื่อง อุปกรณ์ที่เชื่อมต่ออยู่แล้วจะไม่หลุดการเชื่อมต่อ</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">ความเร็วตอนใช้เน็ตมือถือสำรองเท่าเดิมไหม? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">ความเร็วขณะใช้สัญญาณเน็ตมือถือสำรองอาจต่ำกว่าช่วงที่ใช้ไฟเบอร์ปกติ ขึ้นอยู่กับความแรงของสัญญาณมือถือในพื้นที่นั้นๆ ณ ขณะนั้น</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">ต้องมีซิมการ์ดของตัวเองใส่เพิ่มไหม? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">ไม่ต้อง อุปกรณ์มาพร้อมความสามารถเชื่อมต่อเน็ตมือถือสำรองในตัว ไม่ต้องซื้อซิมหรือติดตั้งอุปกรณ์เสริมแยกต่างหาก</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">พื้นที่ไหนใช้งานฟีเจอร์นี้ได้บ้าง? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">รองรับการใช้งานครอบคลุม 77 จังหวัดทั่วประเทศไทย ตามพื้นที่ให้บริการเครือข่ายเน็ตมือถือของทรู</div></div>
        </div>
      </div>
    </div>
  </section>

</div>

<script>
  document.querySelectorAll('.hybrid-scope .accordion').forEach(function(acc){
    acc.querySelectorAll('.acc-head').forEach(function(head){
      head.addEventListener('click', function(){
        var item = head.parentElement;
        var wasOpen = item.classList.contains('open');
        acc.querySelectorAll('.acc-item').forEach(function(i){ i.classList.remove('open'); });
        if(!wasOpen) item.classList.add('open');
      });
    });
  });
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ecdc9a0 e-flex e-con-boxed e-con e-parent" data-id="ecdc9a0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-fcd957e elementor-widget elementor-widget-html" data-id="fcd957e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  เมนูลิงก์หน้าอื่น — ปรับให้เข้ากับสไตล์เว็บแล้ว

  แก้ 3 เรื่อง:

  1. สีไม่เข้ากับเว็บ
     เดิม: พื้นหลังไล่สีน้ำเงิน→ม่วง ซึ่งไม่มีอยู่ในดีไซน์เว็บเลย
     ใหม่: พื้นเทาอ่อน การ์ดขาว ขอบซ้ายแดง ไอคอนในกรอบแดงอ่อน
           ใช้ตัวแปรสีและฟอนต์ชุดเดียวกับ section อื่น

  2. ชื่อ class เสี่ยงชนกับธีม
     เดิม: .icon-box .text-box .arrow-icon .title .subtitle
           เป็นชื่อสามัญมาก ธีม Astra และปลั๊กอินหลายตัวใช้ชื่อพวกนี้
           ถ้าชนกันจะเพี้ยนแบบหาสาเหตุยาก
     ใหม่: ใส่ prefix .fnhs-nav- ทุกตัว

  3. ปุ่ม "หน้าแรก"
     ถ้าเอาบล็อกนี้ไปวางในหน้าแรก ปุ่มนี้จะลิงก์กลับมาที่ตัวเอง
     -> คอมเมนต์ไว้ให้แล้ว ใช้เฉพาะตอนวางในหน้าย่อย

  ⚠️ ระวังซ้ำซ้อน: บล็อกนี้กับแถบ "เลือกสิ่งที่คุณต้องการ" (pkg-tabs)
  มีปุ่ม "ย้ายค่าย" กับ "นิติบุคคล" ซ้ำกัน 2 อัน
  -> แนะนำใช้อย่างใดอย่างหนึ่งต่อ 1 หน้า ไม่ใช้ทั้งคู่
     pkg-tabs = เลือกตามอุปกรณ์ที่อยากได้  (เหมาะกับหน้าแรก)
     บล็อกนี้ = เลือกตามประเภทลูกค้า        (เหมาะกับหน้าย่อย)

  🎨 สี: เปลี่ยนให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366) 2 จุด:
   1) kicker "เลือกตามประเภทที่อยู่อาศัย" — ตัวหนังสือไล่สีจริง
   2) การ์ดลิงก์ .fnhs-nav-btn ทั้งหมด — ขอบซ้าย + กรอบไอคอน + เส้นขอบตอนชี้ + ลูกศร
      ขอบซ้าย 4px ใส่ gradient ตรงๆ ไม่ได้ (border-left รับได้แค่สีเดียว)
      เลยเปลี่ยนไปใช้ ::before เป็นแท่งไล่สีแทน
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-nav{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  background:var(--panel);
  border-radius:20px;
  padding:32px 20px;
  width:100%;
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.fnhs-nav *{ box-sizing:border-box; }

.fnhs-nav-head{
  text-align:center; margin-bottom:22px;
}
.fnhs-nav-kicker{
  display:table; margin:0 auto 6px;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.fnhs-nav-title{
  font-family:'Kanit'; font-weight:600; font-size:clamp(18px,2.6vw,22px);
  color:var(--ink); margin:0;
}

.fnhs-nav-grid{
  width:100%; max-width:900px; margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:14px;
}
@media (min-width:768px){
  .fnhs-nav-grid{ grid-template-columns:repeat(2,1fr); }
}

.fnhs-nav-btn{
  position:relative; overflow:hidden;
  display:flex; align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px 16px 22px;
  text-decoration:none !important;
  color:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
/* แท่งไล่สีฝั่งซ้าย แทน border-left (border รับ gradient ตรงๆ ไม่ได้)
   ใช้ 180deg (บน->ล่าง) ไม่ใช่ 90deg เหมือนที่อื่น เพราะแท่งนี้กว้างแค่ 4px
   ถ้าใช้ไล่สีแนวนอน (90deg) สีจะบีบอัดจนเบลอมั่วภายใน 4px เดียว ไม่เห็นไล่สีจริง */
.fnhs-nav-btn::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,#00A3FF,#FF3366);
  transition:opacity .25s ease;
}
.fnhs-nav-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,0.10);
  border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
/* ตอนชี้ ขอบทั้งกรอบเป็นไล่สีอยู่แล้ว ซ่อนแท่งซ้ายไปเลย
   กันไม่ให้ไล่สี 2 ก้อนซ้อนทับกันตรงมุมซ้ายจนสีมั่ว */
.fnhs-nav-btn:hover::before{ opacity:0; }

.fnhs-nav-ic{
  width:44px; height:44px; flex-shrink:0;
  margin-right:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,163,255,0.12), rgba(255,51,102,0.12));
  border-radius:12px;
}
.fnhs-nav-ic svg{
  width:24px; height:24px;
  stroke:#0B84C4; stroke-width:1.8;
  fill:none; stroke-linecap:round; stroke-linejoin:round;
}

.fnhs-nav-txt{ flex:1; min-width:0; }
.fnhs-nav-txt .fnhs-nav-t{
  font-family:'Kanit'; font-size:15px; font-weight:600;
  color:var(--ink); margin:0 0 2px; line-height:1.35;
}
.fnhs-nav-txt .fnhs-nav-s{
  font-size:12.5px; color:var(--muted); margin:0; line-height:1.45;
}

.fnhs-nav-arrow{
  font-size:22px; font-weight:400;
  margin-left:10px; flex-shrink:0; line-height:1;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (prefers-reduced-motion: reduce){
  .fnhs-nav-btn{ transition:none; }
}

/* ซ่อนปุ่ม "หน้าแรก" อัตโนมัติเมื่ออยู่ในหน้าแรก
   WordPress ใส่ class .home ที่ <body> ให้เองเมื่ออยู่หน้าแรก
   -> วางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน
   ถ้าธีมไม่ได้ใส่ .home ให้ ก็ลบปุ่มนั้นด้วยมือเฉพาะหน้าแรก */
body.home .fnhs-nav-home{ display:none; }
</style>

<div class="fnhs-nav">

  <div class="fnhs-nav-head">
    <div class="fnhs-nav-kicker">เลือกตามประเภทที่อยู่อาศัย</div>
    <h2 class="fnhs-nav-title">ยังไม่เจอโปรที่ใช่?</h2>
  </div>

  <div class="fnhs-nav-grid">

    <!-- 1. เน็ตบ้าน ลูกค้าทั่วไป -->
    <a href="https://fibernet-hispeed.com/true-home-internet/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <path d="M8 12.5a5.5 5.5 0 0 1 8 0"></path>
          <path d="M10 15.5a2.5 2.5 0 0 1 4 0"></path>
          <path d="M12 19h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ลูกค้าทั่วไป</p>
        <p class="fnhs-nav-s">เน็ตไฟเบอร์แรง เสถียร ครอบคลุมทั่วบ้าน</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 2. คอนโด -->
    <a href="https://fibernet-hispeed.com/true-internet-condo/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M4 21V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14"></path>
          <path d="M4 21h16"></path>
          <path d="M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4"></path>
          <path d="M10 9h.01"></path><path d="M14 9h.01"></path>
          <path d="M10 13h.01"></path><path d="M14 13h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู คอนโด</p>
        <p class="fnhs-nav-s">เน็ตแรงทะลุจอ ครบทุกไลฟ์สไตล์</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 3. นิติบุคคล / บริษัท -->
    <a href="https://fibernet-hispeed.com/true-internet-business/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู นิติบุคคล/บริษัท</p>
        <p class="fnhs-nav-s">โซลูชันอินเทอร์เน็ตสำหรับองค์กร</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 4. ย้ายค่าย -->
    <a href="https://fibernet-hispeed.com/true-internet-chang-come-true/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M16 3h5v5"></path>
          <path d="M4 20L21 3"></path>
          <path d="M21 16v5h-5"></path>
          <path d="M15 15l6 6"></path>
          <path d="M4 4l5 5"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ย้ายค่ายมาทรู</p>
        <p class="fnhs-nav-s">รับสิทธิพิเศษและส่วนลดสูงสุด</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 5. หน้าแรก
         CSS ด้านบนจะซ่อนปุ่มนี้ให้อัตโนมัติเมื่ออยู่ในหน้าแรก
         จึงวางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน -->
    <a href="https://fibernet-hispeed.com/" class="fnhs-nav-btn fnhs-nav-home">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <polyline points="9 22 9 12 15 12 15 22"></polyline>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">หน้าแรก</p>
        <p class="fnhs-nav-s">กลับสู่หน้าหลักบริการทรู</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

  </div>
</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>รายละเอียด Iot Smart Home</title>
		<link>https://fibernet-hispeed.com/true-iot-smart-home/</link>
		
		<dc:creator><![CDATA[ทีมงาน Best Net WiFi]]></dc:creator>
		<pubDate>Sun, 19 Jul 2026 07:43:31 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://fibernet-hispeed.com/?p=3305</guid>

					<description><![CDATA[PACKAGE X HOME · 5 อุปกรณ์ IoT TrueX IoT Smart Home เปลี่ยนบ้านธรรมดาให้เป็น สมาร์ทโฮม แพ็กเกจ X HOME ผู้ช่วยอัจฉริยะดูแลบ้าน มาพร้อมอุปกรณ์ IoT ครบชุด [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3305" class="elementor elementor-3305" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-b778e57 e-flex e-con-boxed e-con e-parent" data-id="b778e57" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1c0727f elementor-widget elementor-widget-html" data-id="1c0727f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
  .iot-scope{
    --bg:#FFFFFF;
    --panel:#FFFFFF;
    --ink:#1A1A1E;
    --g1:#00A3FF;
    --g2:#FF3366;
    --grad:linear-gradient(90deg,var(--g1),var(--g2));
    --tint:linear-gradient(135deg,#eaf4ff 0%,#fff0f5 100%);
    --muted:#767A82;
    --line:#EFE4E4;
    --green:#1FA958;
    --amber:#D98A11;
    --shadow: 0 10px 26px -14px rgba(20,20,25,0.18);
    background:var(--bg);
    color:var(--ink);
    font-family:'IBM Plex Sans Thai',sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  .iot-scope *{box-sizing:border-box;}
  .iot-scope h1,.iot-scope h2,.iot-scope h3{font-family:'Kanit','IBM Plex Sans Thai',sans-serif;margin:0;}
  .iot-scope p{margin:0;}
  .iot-scope a{color:inherit;text-decoration:none;}
  .iot-scope .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

  /* HERO */
  .iot-scope .hero{position:relative;padding:56px 0 64px;overflow:hidden;background:#fff;}
  .iot-scope .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;}
  .iot-scope .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;color:#0B84C4;
    border:1px solid rgba(255,51,102,0.25);background:var(--tint);
    padding:6px 12px;border-radius:100px;margin-bottom:20px;
  }
  .iot-scope .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--g2);position:relative;}
  .iot-scope .pulse-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--g2);animation:iotPulseDot 2s ease-out infinite;}
  @keyframes iotPulseDot{0%{transform:scale(0.6);opacity:1;}100%{transform:scale(2.2);opacity:0;}}

  .iot-scope .model-tag{font-family:'IBM Plex Sans Thai',sans-serif;font-size:13px;color:var(--muted);margin-bottom:10px;}
  .iot-scope .hero h1{font-size:clamp(30px,3.8vw,46px);font-weight:700;line-height:1.14;letter-spacing:-0.5px;margin-bottom:16px;color:var(--ink);}
  .iot-scope .hero h1 .accent{
    background:var(--grad); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
  .iot-scope .hero p.desc{color:var(--muted);font-size:16px;max-width:480px;margin-bottom:32px;}
  .iot-scope .btn-row{display:flex;gap:12px;flex-wrap:wrap;}
  .iot-scope .btn{padding:13px 24px;border-radius:8px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:none;transition:transform .15s ease, filter .2s ease, box-shadow .2s ease;}
  .iot-scope .btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 22px -10px rgba(255,51,102,0.5);}
  .iot-scope .btn-primary:hover{filter:brightness(.94);transform:translateY(-1px);}
  .iot-scope .btn-ghost{background:#fff;color:var(--ink);border:1px solid #E3E3E3;box-shadow:var(--shadow);}
  .iot-scope .btn-ghost:hover{border-color:var(--g2);color:var(--g2);}

  /* Device visual (illustration placeholder — swap for real photo) */
  .iot-scope .device-stage{position:relative;height:380px;display:flex;align-items:center;justify-content:center;}
  .iot-scope .ring{position:absolute;z-index:1;border-radius:50%;border:1px solid rgba(255,51,102,0.28);animation:iotRingOut 3.2s ease-out infinite;}
  .iot-scope .ring.r1{width:120px;height:120px;}
  .iot-scope .ring.r2{width:120px;height:120px;animation-delay:1.05s;}
  .iot-scope .ring.r3{width:120px;height:120px;animation-delay:2.1s;}
  @keyframes iotRingOut{0%{width:100px;height:100px;opacity:0.7;border-color:rgba(255,51,102,0.45);}100%{width:420px;height:420px;opacity:0;border-color:rgba(255,51,102,0);}}
  .iot-scope .device-photo{position:relative;z-index:2;width:100%;max-width:340px;display:block;filter:drop-shadow(0 26px 34px rgba(20,20,25,0.16));}
  .iot-scope .device-cluster{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;}
  .iot-scope .cluster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
  .iot-scope .cluster-item{width:64px;height:64px;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f4f4f5 100%);border:1px solid #E7E7EA;box-shadow:0 14px 20px -10px rgba(20,20,25,0.2);display:flex;align-items:center;justify-content:center;color:var(--g2);}
  .iot-scope .cluster-item svg{width:28px;height:28px;}
  .iot-scope .device-caption{font-family:'IBM Plex Sans Thai',sans-serif;font-size:11.5px;color:var(--muted);text-align:center;max-width:240px;margin-top:6px;}

  /* KEY SPECS STRIP */
  .iot-scope .specs-strip{padding:48px 0;}
  .iot-scope .specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .iot-scope .spec-cell{background:var(--panel);padding:24px 20px;border-radius:14px;box-shadow:var(--shadow);}
  .iot-scope .spec-cell .num{
    font-family:'Kanit',sans-serif;font-size:26px;font-weight:600;line-height:1;
    background:var(--grad); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
  .iot-scope .spec-cell .unit{font-size:13px;color:var(--muted);margin-left:4px;}
  .iot-scope .spec-cell .label{font-size:13px;color:var(--muted);margin-top:8px;}

  /* SECTION HEADERS */
  .iot-scope .section{padding:64px 0;}
  .iot-scope .section-head{margin-bottom:36px;max-width:600px;}
  .iot-scope .section-tag{
    font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:block;
    background:var(--grad); -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
  }
  .iot-scope .section h2{font-size:28px;font-weight:600;margin-bottom:8px;color:var(--ink);}
  .iot-scope .section p.sub{color:var(--muted);font-size:15px;}

  /* DEVICE SET CARDS */
  .iot-scope .device-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
  .iot-scope .device-card{background:var(--panel);border-radius:14px;padding:22px 18px;box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease;text-align:center;}
  .iot-scope .device-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -16px rgba(255,51,102,0.28);}
  .iot-scope .device-icon{width:42px;height:42px;margin:0 auto 14px;color:var(--g2);}
  .iot-scope .device-card h3{font-size:14px;font-weight:600;margin-bottom:6px;}
  .iot-scope .device-card p{font-size:12.5px;color:var(--muted);}

  /* FEATURE CARDS */
  .iot-scope .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .iot-scope .feature-card{background:var(--panel);border-radius:14px;padding:26px;box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease;}
  .iot-scope .feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px -16px rgba(255,51,102,0.28);}
  .iot-scope .feature-icon{width:38px;height:38px;border-radius:10px;background:var(--tint);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:18px;}
  .iot-scope .feature-card h3{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--ink);}
  .iot-scope .feature-card p{font-size:13.5px;color:var(--muted);}
/* ACCORDION (FAQ) */
  .iot-scope .accordion{border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);}
  .iot-scope .acc-item{border-bottom:1px solid var(--line);}
  .iot-scope .acc-item:last-child{border-bottom:none;}
  .iot-scope .acc-head{width:100%;background:none;border:none;color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-family:'IBM Plex Sans Thai',sans-serif;font-size:15px;font-weight:600;text-align:left;}
  .iot-scope .acc-head .plus{font-family:'IBM Plex Sans Thai',sans-serif;color:var(--muted);font-size:18px;transition:transform .2s ease;flex-shrink:0;margin-left:12px;}
  .iot-scope .acc-item.open .acc-head .plus{transform:rotate(45deg);color:var(--g2);}
  .iot-scope .acc-item.open .acc-head{color:var(--g2);}
  .iot-scope .acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease;}
  .iot-scope .acc-item.open .acc-body{max-height:600px;}
  .iot-scope .acc-body-inner{padding:0 24px 22px;color:var(--muted);font-size:14px;}

  /* SETUP STEPS */
  .iot-scope .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .iot-scope .step-card{background:var(--panel);border-radius:14px;padding:24px;box-shadow:var(--shadow);position:relative;}
  .iot-scope .step-num{font-family:'IBM Plex Sans Thai',sans-serif;font-size:13px;color:var(--g2);font-weight:600;margin-bottom:10px;}
  .iot-scope .step-card h3{font-size:14.5px;font-weight:600;margin-bottom:6px;}
  .iot-scope .step-card p{font-size:13px;color:var(--muted);}

  /* NOTICE */
  .iot-scope .notice{display:flex;gap:16px;align-items:flex-start;background:var(--tint);border-radius:12px;padding:20px 22px;margin-top:24px;}
  .iot-scope .notice .n-icon{font-size:18px;flex-shrink:0;}
  .iot-scope .notice p{font-size:13.5px;color:var(--ink);}
  .iot-scope .notice strong{color:var(--g2);}

  @media (max-width:820px){
    .iot-scope .hero-grid{grid-template-columns:1fr;}
    .iot-scope .device-stage{height:260px;order:-1;}
    .iot-scope .specs-grid{grid-template-columns:repeat(2,1fr);}
    .iot-scope .device-grid{grid-template-columns:repeat(3,1fr);}
    .iot-scope .feature-grid{grid-template-columns:1fr 1fr;}
    .iot-scope .steps-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:520px){
    .iot-scope .device-grid{grid-template-columns:1fr 1fr;}
    .iot-scope .feature-grid{grid-template-columns:1fr;}
    .iot-scope .steps-grid{grid-template-columns:1fr;}
  }
  .iot-scope :focus-visible{outline:2px solid var(--g2);outline-offset:2px;}
  @media (prefers-reduced-motion: reduce){
    .iot-scope .ring,.iot-scope .pulse-dot::after{animation:none;}
  }
</style>

<div class="iot-scope">

  <section class="hero">
    <div class="wrap hero-grid">
      <div>
        <div class="eyebrow"><span class="pulse-dot"></span>PACKAGE X HOME · 5 อุปกรณ์ IoT</div>
        <div class="model-tag">TrueX IoT Smart Home</div>
        <h1>เปลี่ยนบ้านธรรมดา<br>ให้เป็น<span class="accent"> สมาร์ทโฮม</span></h1>
        <p class="desc">แพ็กเกจ X HOME ผู้ช่วยอัจฉริยะดูแลบ้าน มาพร้อมอุปกรณ์ IoT ครบชุด 5 ชิ้น ทั้งกล้องวงจรปิด เซนเซอร์ตรวจจับควัน เซนเซอร์ประตู-หน้าต่าง หลอดไฟอัจฉริยะ และ Zigbee Mini Hub ควบคุมทุกอุปกรณ์แบบเรียลไทม์ผ่านแอป TrueX เพียงแอปเดียว</p>
        <div class="btn-row">
          <a class="btn btn-primary" href="https://true.co.th/package-page-url-here" target="_blank" rel="noopener">ดูแพ็กเกจ X HOME</a>
        </div>
      </div>
      <div class="device-stage">
        <div class="ring r1"></div>
        <div class="ring r2"></div>
        <div class="ring r3"></div>
        <div class="device-cluster">
          <img decoding="async" class="device-photo" src="https://fibernet-hispeed.com/wp-content/uploads/2026/07/icon-iot-samrtsulotion.webp" alt="True Gigatex Mesh Wi-Fi">
</div>
      </div>
    </div>
  </section>
  <section class="specs-strip">
    <div class="wrap specs-grid">
      <div class="spec-cell"><div class="num">5<span class="unit">ชิ้น</span></div><div class="label">อุปกรณ์ IoT ในเซ็ต</div></div>
      <div class="spec-cell"><div class="num">32<span class="unit">อุปกรณ์</span></div><div class="label">เชื่อมต่อผ่าน Zigbee Gateway สูงสุด</div></div>
      <div class="spec-cell"><div class="num">1<span class="unit">แอป</span></div><div class="label">ควบคุมทุกอุปกรณ์ผ่าน TrueX</div></div>
      <div class="spec-cell"><div class="num">24<span class="unit">ชม.</span></div><div class="label">ตรวจสอบและแจ้งเตือนแบบเรียลไทม์</div></div>
    </div>
  </section>

  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">ในเซ็ตมีอะไรบ้าง</span>
        <h2>อุปกรณ์ IoT ทั้ง 5 ชิ้น</h2>
        <p class="sub">ครบทุกด้าน ทั้งความปลอดภัย แสงสว่าง และการเชื่อมต่อ ในเซ็ตเดียว</p>
      </div>
      <div class="device-grid">
        <div class="device-card">
          <svg class="device-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="14" height="10" rx="2"></rect><path d="M16 10l6-3v10l-6-3z"></path></svg>
          <h3>Smart CCTV Camera</h3>
          <p>กล้องวงจรปิดอัจฉริยะ ดูภาพเรียลไทม์ผ่านแอปได้ตลอด 24 ชั่วโมง</p>
        </div>
        <div class="device-card">
          <svg class="device-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><circle cx="12" cy="12" r="3"></circle></svg>
          <h3>Zigbee Mini Hub</h3>
          <p>เกตเวย์ตัวกลางเชื่อมต่ออุปกรณ์ IoT ในบ้าน สร้างเครือข่ายสมาร์ทโฮม</p>
        </div>
        <div class="device-card">
          <svg class="device-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a5 5 0 0 1 5 5c0 3-2 4-2 7H9c0-3-2-4-2-7a5 5 0 0 1 5-5z"></path><path d="M9 18h6"></path><path d="M10 21h4"></path></svg>
          <h3>Smoke Sensor</h3>
          <p>เซนเซอร์ตรวจจับควัน แจ้งเตือนทันทีผ่านแอปพร้อมเสียงและไฟที่ตัวเครื่อง</p>
        </div>
        <div class="device-card">
          <svg class="device-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="3" width="16" height="14" rx="2"></rect><path d="M9 21h6"></path><path d="M8 8l3 3-3 3"></path></svg>
          <h3>Door/Window Sensor</h3>
          <p>เซนเซอร์ตรวจจับการเปิด-ปิดประตูหรือหน้าต่าง แจ้งเตือนผู้บุกรุก</p>
        </div>
        <div class="device-card">
          <svg class="device-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v3M12 19v3M4.2 4.2l2 2M17.8 17.8l2 2M2 12h3M19 12h3M4.2 19.8l2-2M17.8 6.2l2-2"></path></svg>
          <h3>Smart Light Bulb</h3>
          <p>หลอดไฟอัจฉริยะ ปรับสีและความสว่างได้ตามต้องการผ่านแอป</p>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">จุดเด่นที่ลูกค้าจะได้รับ</span>
        <h2>ทำไมต้องเลือก TrueX IoT Smart Home</h2>
        <p class="sub">ควบคุมบ้านอัจฉริยะได้ง่ายๆ ผ่านมือถือเครื่องเดียว ไม่ว่าจะอยู่ที่ไหน</p>
      </div>
      <div class="feature-grid">
        <div class="feature-card">
          <div class="feature-icon">📱</div>
          <h3>ควบคุมผ่านแอปเดียว</h3>
          <p>จัดการอุปกรณ์ IoT ทุกชิ้นผ่านแอป TrueX ไม่ต้องสลับใช้หลายแอปจากหลายแบรนด์</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">🔔</div>
          <h3>แจ้งเตือนเรียลไทม์</h3>
          <p>รับการแจ้งเตือนทันทีเมื่อมีเหตุการณ์ผิดปกติ เช่น ประตูเปิดหรือตรวจพบควัน</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">🔗</div>
          <h3>เชื่อมต่อผ่าน Zigbee</h3>
          <p>ใช้เทคโนโลยี Zigbee ที่เสถียรและประหยัดพลังงาน เชื่อมต่ออุปกรณ์ได้ไร้รอยต่อ</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">🌍</div>
          <h3>ควบคุมจากที่ไหนก็ได้</h3>
          <p>เปิด-ปิดหรือตรวจสอบสถานะอุปกรณ์ในบ้านได้จากทุกที่ที่มีอินเทอร์เน็ต</p>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">เริ่มใช้งานง่ายๆ</span>
        <h2>ขั้นตอนติดตั้งชุดอุปกรณ์ IoT</h2>
      </div>
      <div class="steps-grid">
        <div class="step-card">
          <div class="step-num">ขั้นตอน 1</div>
          <h3>ติดตั้ง Zigbee Mini Hub</h3>
          <p>เสียบปลั๊กไฟและวาง Zigbee Mini Hub ในตำแหน่งกึ่งกลางบ้านเพื่อรับสัญญาณได้ทั่วถึง</p>
        </div>
        <div class="step-card">
          <div class="step-num">ขั้นตอน 2</div>
          <h3>ดาวน์โหลดแอป TrueX</h3>
          <p>ติดตั้งแอป TrueX แล้วสมัครหรือเข้าสู่ระบบด้วยบัญชีของคุณ</p>
        </div>
        <div class="step-card">
          <div class="step-num">ขั้นตอน 3</div>
          <h3>เพิ่มอุปกรณ์ทีละชิ้น</h3>
          <p>สแกน QR code บนอุปกรณ์แต่ละชิ้นเพื่อจับคู่เข้ากับ Zigbee Mini Hub ผ่านแอป</p>
        </div>
        <div class="step-card">
          <div class="step-num">ขั้นตอน 4</div>
          <h3>ตั้งค่าการแจ้งเตือน</h3>
          <p>เปิดใช้งานการแจ้งเตือนสำหรับแต่ละเซนเซอร์ เพื่อรับข้อความทันทีเมื่อมีเหตุการณ์</p>
        </div>
      </div>
      <div class="notice">
        <div class="n-icon">💡</div>
        <p><strong>คำแนะนำ:</strong> ควรวาง Zigbee Mini Hub ในตำแหน่งที่ไม่มีสิ่งกีดขวางมากเกินไป เพื่อให้สัญญาณ Zigbee ครอบคลุมอุปกรณ์เสริมทุกชิ้นในบ้านได้อย่างมีประสิทธิภาพ</p>
      </div>
    </div>
  </section>
  <section class="section">
    <div class="wrap">
      <div class="section-head">
        <span class="section-tag">คำถามที่พบบ่อย</span>
        <h2>ยังมีข้อสงสัย?</h2>
      </div>
      <div class="accordion" id="iot-faq-accordion">
        <div class="acc-item">
          <button class="acc-head">ต้องมีเน็ตบ้านทรูถึงจะใช้ชุด IoT นี้ได้ไหม? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">อุปกรณ์ทำงานผ่าน Zigbee Mini Hub ที่เชื่อมต่ออินเทอร์เน็ตในบ้าน จึงควรมีเครือข่ายอินเทอร์เน็ตในบ้านที่เสถียรเพื่อให้แจ้งเตือนและควบคุมผ่านแอปได้ต่อเนื่อง</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">เพิ่มอุปกรณ์ IoT อื่นนอกจาก 5 ชิ้นในเซ็ตได้ไหม? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">ได้ Zigbee Mini Hub รองรับการเชื่อมต่ออุปกรณ์เสริมได้สูงสุด 32 เครื่อง สามารถซื้ออุปกรณ์ IoT ที่รองรับ Zigbee เพิ่มเติมและจับคู่ผ่านแอป TrueX ได้ภายหลัง</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">Smoke Sensor แจ้งเตือนอย่างไรเมื่อพบควัน? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">เมื่อตรวจพบควัน อุปกรณ์จะส่งเสียงเตือนดังพร้อมไฟสัญญาณที่ตัวเครื่อง และส่งการแจ้งเตือนไปยังแอป TrueX บนมือถือทันที</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">ควบคุมอุปกรณ์ได้จากนอกบ้านหรือไม่? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">ได้ สามารถเปิด-ปิดหรือตรวจสอบสถานะอุปกรณ์ทุกชิ้นผ่านแอป TrueX จากที่ไหนก็ได้ที่มีสัญญาณอินเทอร์เน็ต</div></div>
        </div>
        <div class="acc-item">
          <button class="acc-head">Smart Light Bulb ปรับแสงและสีได้กี่แบบ? <span class="plus">+</span></button>
          <div class="acc-body"><div class="acc-body-inner">ปรับความสว่างและโทนสีของหลอดไฟได้ตามต้องการผ่านแอป รวมถึงตั้งเวลาเปิด-ปิดอัตโนมัติได้เช่นกัน</div></div>
        </div>
      </div>
    </div>
  </section>

</div>

<script>
  document.querySelectorAll('.iot-scope .accordion').forEach(function(acc){
    acc.querySelectorAll('.acc-head').forEach(function(head){
      head.addEventListener('click', function(){
        var item = head.parentElement;
        var wasOpen = item.classList.contains('open');
        acc.querySelectorAll('.acc-item').forEach(function(i){ i.classList.remove('open'); });
        if(!wasOpen) item.classList.add('open');
      });
    });
  });
</script>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4dbc586 e-flex e-con-boxed e-con e-parent" data-id="4dbc586" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9ccc9ce elementor-widget elementor-widget-html" data-id="9ccc9ce" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =========================================================
  เมนูลิงก์หน้าอื่น — ปรับให้เข้ากับสไตล์เว็บแล้ว

  แก้ 3 เรื่อง:

  1. สีไม่เข้ากับเว็บ
     เดิม: พื้นหลังไล่สีน้ำเงิน→ม่วง ซึ่งไม่มีอยู่ในดีไซน์เว็บเลย
     ใหม่: พื้นเทาอ่อน การ์ดขาว ขอบซ้ายแดง ไอคอนในกรอบแดงอ่อน
           ใช้ตัวแปรสีและฟอนต์ชุดเดียวกับ section อื่น

  2. ชื่อ class เสี่ยงชนกับธีม
     เดิม: .icon-box .text-box .arrow-icon .title .subtitle
           เป็นชื่อสามัญมาก ธีม Astra และปลั๊กอินหลายตัวใช้ชื่อพวกนี้
           ถ้าชนกันจะเพี้ยนแบบหาสาเหตุยาก
     ใหม่: ใส่ prefix .fnhs-nav- ทุกตัว

  3. ปุ่ม "หน้าแรก"
     ถ้าเอาบล็อกนี้ไปวางในหน้าแรก ปุ่มนี้จะลิงก์กลับมาที่ตัวเอง
     -> คอมเมนต์ไว้ให้แล้ว ใช้เฉพาะตอนวางในหน้าย่อย

  ⚠️ ระวังซ้ำซ้อน: บล็อกนี้กับแถบ "เลือกสิ่งที่คุณต้องการ" (pkg-tabs)
  มีปุ่ม "ย้ายค่าย" กับ "นิติบุคคล" ซ้ำกัน 2 อัน
  -> แนะนำใช้อย่างใดอย่างหนึ่งต่อ 1 หน้า ไม่ใช้ทั้งคู่
     pkg-tabs = เลือกตามอุปกรณ์ที่อยากได้  (เหมาะกับหน้าแรก)
     บล็อกนี้ = เลือกตามประเภทลูกค้า        (เหมาะกับหน้าย่อย)

  🎨 สี: เปลี่ยนให้ตรงกับปุ่มการ์ดโปร (ไล่สี #00A3FF -> #FF3366) 2 จุด:
   1) kicker "เลือกตามประเภทที่อยู่อาศัย" — ตัวหนังสือไล่สีจริง
   2) การ์ดลิงก์ .fnhs-nav-btn ทั้งหมด — ขอบซ้าย + กรอบไอคอน + เส้นขอบตอนชี้ + ลูกศร
      ขอบซ้าย 4px ใส่ gradient ตรงๆ ไม่ได้ (border-left รับได้แค่สีเดียว)
      เลยเปลี่ยนไปใช้ ::before เป็นแท่งไล่สีแทน
========================================================= -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.fnhs-nav{
  --red:#E5231B; --red-soft:#FFF1F0; --red-deep:#B81A14;
  --ink:#1B1D22; --muted:#6B7280; --line:#EDEDED; --panel:#F9F9FA;
  --grad:linear-gradient(90deg,#00A3FF,#FF3366);
  background:var(--panel);
  border-radius:20px;
  padding:32px 20px;
  width:100%;
  font-family:'IBM Plex Sans Thai',sans-serif;
}
.fnhs-nav *{ box-sizing:border-box; }

.fnhs-nav-head{
  text-align:center; margin-bottom:22px;
}
.fnhs-nav-kicker{
  display:table; margin:0 auto 6px;
  font-family:'Kanit'; font-size:13px; font-weight:600;
  letter-spacing:.5px;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}
.fnhs-nav-title{
  font-family:'Kanit'; font-weight:600; font-size:clamp(18px,2.6vw,22px);
  color:var(--ink); margin:0;
}

.fnhs-nav-grid{
  width:100%; max-width:900px; margin:0 auto;
  display:grid; grid-template-columns:1fr; gap:14px;
}
@media (min-width:768px){
  .fnhs-nav-grid{ grid-template-columns:repeat(2,1fr); }
}

.fnhs-nav-btn{
  position:relative; overflow:hidden;
  display:flex; align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px 16px 22px;
  text-decoration:none !important;
  color:var(--ink);
  box-shadow:0 4px 14px rgba(0,0,0,0.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
/* แท่งไล่สีฝั่งซ้าย แทน border-left (border รับ gradient ตรงๆ ไม่ได้)
   ใช้ 180deg (บน->ล่าง) ไม่ใช่ 90deg เหมือนที่อื่น เพราะแท่งนี้กว้างแค่ 4px
   ถ้าใช้ไล่สีแนวนอน (90deg) สีจะบีบอัดจนเบลอมั่วภายใน 4px เดียว ไม่เห็นไล่สีจริง */
.fnhs-nav-btn::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,#00A3FF,#FF3366);
  transition:opacity .25s ease;
}
.fnhs-nav-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,0.10);
  border:1px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--grad) border-box;
}
/* ตอนชี้ ขอบทั้งกรอบเป็นไล่สีอยู่แล้ว ซ่อนแท่งซ้ายไปเลย
   กันไม่ให้ไล่สี 2 ก้อนซ้อนทับกันตรงมุมซ้ายจนสีมั่ว */
.fnhs-nav-btn:hover::before{ opacity:0; }

.fnhs-nav-ic{
  width:44px; height:44px; flex-shrink:0;
  margin-right:14px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,163,255,0.12), rgba(255,51,102,0.12));
  border-radius:12px;
}
.fnhs-nav-ic svg{
  width:24px; height:24px;
  stroke:#0B84C4; stroke-width:1.8;
  fill:none; stroke-linecap:round; stroke-linejoin:round;
}

.fnhs-nav-txt{ flex:1; min-width:0; }
.fnhs-nav-txt .fnhs-nav-t{
  font-family:'Kanit'; font-size:15px; font-weight:600;
  color:var(--ink); margin:0 0 2px; line-height:1.35;
}
.fnhs-nav-txt .fnhs-nav-s{
  font-size:12.5px; color:var(--muted); margin:0; line-height:1.45;
}

.fnhs-nav-arrow{
  font-size:22px; font-weight:400;
  margin-left:10px; flex-shrink:0; line-height:1;
  color:#0B84C4;
  background:var(--grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
}

@media (prefers-reduced-motion: reduce){
  .fnhs-nav-btn{ transition:none; }
}

/* ซ่อนปุ่ม "หน้าแรก" อัตโนมัติเมื่ออยู่ในหน้าแรก
   WordPress ใส่ class .home ที่ <body> ให้เองเมื่ออยู่หน้าแรก
   -> วางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน
   ถ้าธีมไม่ได้ใส่ .home ให้ ก็ลบปุ่มนั้นด้วยมือเฉพาะหน้าแรก */
body.home .fnhs-nav-home{ display:none; }
</style>

<div class="fnhs-nav">

  <div class="fnhs-nav-head">
    <div class="fnhs-nav-kicker">เลือกตามประเภทที่อยู่อาศัย</div>
    <h2 class="fnhs-nav-title">ยังไม่เจอโปรที่ใช่?</h2>
  </div>

  <div class="fnhs-nav-grid">

    <!-- 1. เน็ตบ้าน ลูกค้าทั่วไป -->
    <a href="https://fibernet-hispeed.com/true-home-internet/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <path d="M8 12.5a5.5 5.5 0 0 1 8 0"></path>
          <path d="M10 15.5a2.5 2.5 0 0 1 4 0"></path>
          <path d="M12 19h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ลูกค้าทั่วไป</p>
        <p class="fnhs-nav-s">เน็ตไฟเบอร์แรง เสถียร ครอบคลุมทั่วบ้าน</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 2. คอนโด -->
    <a href="https://fibernet-hispeed.com/true-internet-condo/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M4 21V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14"></path>
          <path d="M4 21h16"></path>
          <path d="M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4"></path>
          <path d="M10 9h.01"></path><path d="M14 9h.01"></path>
          <path d="M10 13h.01"></path><path d="M14 13h.01"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู คอนโด</p>
        <p class="fnhs-nav-s">เน็ตแรงทะลุจอ ครบทุกไลฟ์สไตล์</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 3. นิติบุคคล / บริษัท -->
    <a href="https://fibernet-hispeed.com/true-internet-business/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู นิติบุคคล/บริษัท</p>
        <p class="fnhs-nav-s">โซลูชันอินเทอร์เน็ตสำหรับองค์กร</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 4. ย้ายค่าย -->
    <a href="https://fibernet-hispeed.com/true-internet-chang-come-true/" class="fnhs-nav-btn">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M16 3h5v5"></path>
          <path d="M4 20L21 3"></path>
          <path d="M21 16v5h-5"></path>
          <path d="M15 15l6 6"></path>
          <path d="M4 4l5 5"></path>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">โปรเน็ตบ้านทรู ย้ายค่ายมาทรู</p>
        <p class="fnhs-nav-s">รับสิทธิพิเศษและส่วนลดสูงสุด</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

    <!-- 5. หน้าแรก
         CSS ด้านบนจะซ่อนปุ่มนี้ให้อัตโนมัติเมื่ออยู่ในหน้าแรก
         จึงวางโค้ดชุดเดียวกันได้ทุกหน้า ไม่ต้องแยกเวอร์ชัน -->
    <a href="https://fibernet-hispeed.com/" class="fnhs-nav-btn fnhs-nav-home">
      <div class="fnhs-nav-ic">
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
          <polyline points="9 22 9 12 15 12 15 22"></polyline>
        </svg>
      </div>
      <div class="fnhs-nav-txt">
        <p class="fnhs-nav-t">หน้าแรก</p>
        <p class="fnhs-nav-s">กลับสู่หน้าหลักบริการทรู</p>
      </div>
      <div class="fnhs-nav-arrow">›</div>
    </a>

  </div>
</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
