View difference between Paste ID: 6nNR6iYQ and 5WPfWyzG

 <link href="https://savant777.github.io/zoecode/apartment/apartment.css" rel="stylesheet">
-<div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="klick-thread" class="klk-box">
+<div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="apt-thread" class="apt-box" data-group="1">
-<div class="klk-app">
+<input type="radio" name="npc-1" data-npc="npc1" id="npc1-1" checked />
-<div class="klk-name">Klick</div>
+<input type="radio" name="npc-1" data-npc="npc2" id="npc2-1" />
-<div class="klk-input"><i class="fa-solid fa-user"></i>username</div>
+<input type="radio" name="npc-1" data-npc="npc3" id="npc3-1" />
-<div><div class="klk-input"><i class="fa-solid fa-lock"></i>password</div>
+<input type="radio" name="npc-1" data-npc="npc4" id="npc4-1" />
-<div class="klk-forget">Forget password?</div></div>
+<input type="radio" name="npc-1" data-npc="npc5" id="npc5-1" />
-<br>
+<input type="radio" name="npc-1" data-npc="npc6" id="npc6-1" />
-<div class="klk-divide"><hr>or<hr></div>
+<input type="radio" name="npc-1" data-npc="npc7" id="npc7-1" />
-<br>
+<input type="radio" name="npc-1" data-npc="npc8" id="npc8-1" />
-[align=center]Don't have an account? [color=#888888][u]Sign up[/u][/color][/align]
+<input type="radio" name="npc-1" data-npc="npc9" id="npc9-1" />
-</div>
+<input type="radio" name="npc-1" data-npc="npc10" id="npc10-1" />
-<div class="klk-desc"><i class="fa-solid fa-xmark"></i><k>Klick</k> คือแอปพลิเคชันโซเชียลจำลองภายในกิจกรรม ออกแบบมาเพื่อให้ผู้เล่นใช้โพสต์ภาพ ไลฟ์สไตล์ และแบ่งปันเรื่องราวประจำวัน โดยทั้งหมดถูกปรับให้เข้ากับธีมของกิจกรรม</div>
+<input type="radio" name="npc-1" data-npc="npc11" id="npc11-1" />
-</div></div>
+<input type="radio" name="npc-1" data-npc="npc12" id="npc12-1" />
 <input type="radio" name="npc-1" data-npc="npc13" id="npc13-1" />
 <input type="radio" name="npc-1" data-npc="npc14" id="npc14-1" />
 <input type="radio" name="npc-1" data-npc="npc15" id="npc15-1" />
 <input type="radio" name="npc-1" data-npc="npc16" id="npc16-1" />
 <input type="radio" name="npc-1" data-npc="npc17" id="npc17-1" />
 <input type="radio" name="npc-1" data-npc="npc18" id="npc18-1" />
 <input type="radio" name="npc-1" data-npc="npc19" id="npc19-1" />
 <input type="radio" name="npc-1" data-npc="npc20" id="npc20-1" />
 <input type="radio" name="npc-1" data-npc="npc21" id="npc21-1" />
 <input type="radio" name="npc-1" data-npc="npc22" id="npc22-1" />
 <input type="radio" name="npc-1" data-npc="npc23" id="npc23-1" />
 <input type="radio" name="npc-1" data-npc="npc24" id="npc24-1" />
 <input type="radio" name="npc-1" data-npc="npc25" id="npc25-1" />
 <div class="apt-header"><div>Life at Riverside Heights</div><div><i class="fa-solid fa-gear"></i></div></div>
 <div class="apt-tabs"><div><i class="fa-solid fa-bars"></i>|<div>NPC Profiles</div><div class="sm">(Click image to view info)</div></div>
 <div><i class="fa-solid fa-bag-shopping fa-sm"></i><i class="fa-solid fa-user fa-sm"></i><i class="fa-solid fa-heart fa-sm"></i><i class="fa-solid fa-circle-xmark fa-sm"></i></div></div>
 <div class="apt-npc-flex"><div class="apt-npc-l">
 <div class="apt-npc-list">
 <label for="npc1-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSSOut.png);"></label>
 <label for="npc2-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSSewX.png);"></label>
 <label for="npc3-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KgiW5MX.png);"></label>
 <label for="npc4-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KgiW7Pn.png);"></label>
 <label for="npc5-1" class="apt-npc" style="--apt-pic: url(https://iili.io/K4oZzG4.png);"></label>
 <label for="npc6-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KgiWccG.png);"></label>
 <label for="npc7-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSUWxe.png);"></label>
 <label for="npc8-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KgiW194.png);"></label>
 <label for="npc9-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSS6S2.png);"></label>
 <label for="npc10-1" class="apt-npc" style="--apt-pic: url(https://iili.io/K4oZYue.png);"></label>
 <label for="npc11-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSStou.png);"></label>
 <label for="npc12-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSUJHB.png);"></label>
 <label for="npc13-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSU3DF.png);"></label>
 <label for="npc14-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSUzHN.png);"></label>
 <label for="npc15-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSUuDX.png);"></label>
 <label for="npc16-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSUlUl.png);"></label>
 <label for="npc17-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KgiWMtS.png);"></label>
 <label for="npc18-1" class="apt-npc" style="--apt-pic: url(https://iili.io/K4oZ799.png);"></label>
 <label for="npc19-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KgiWNcb.png);"></label>
 <label for="npc20-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KSSUGO7.png);"></label>
 <label for="npc21-1" class="apt-npc" style="--apt-pic: url(https://iili.io/KgiWkHx.png);"></label>
 </div></div>
 <div class="apt-npc-r">
 <div npc="npc1" class="apt-npc-grid">
 <div class="apt-name">Adrian Crawford</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSSktn.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">IG: simoakasert</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">1/1/1997</div>
 <div class="apt-q">Age</div><div class="apt-a">28</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">185</div>
 <div class="apt-q">Career</div><div class="apt-a lg">ว่างงาน</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>เอเดรียนเป็นชายหนุ่มที่หน้าตาหล่อเหลาราวกับพระเจ้าปั้นเอง รูปร่างสูงโปร่ง รูปหน้าสวยหมือนหลุดออกมาจากแม็กกาซีน เขามักบอกกับทุกคนว่า [b]"ถ้าเกิดมาเป็นผม คุณก็คงจะหลงตัวเองเหมือนกัน"[/b] และแน่นอนว่าเขาหมายความตามนั้นจริง ๆ หรือจะเถียง ?</p>
 <p>เขาไม่มีงานประจำที่แน่นอน ใช้ชีวิต (เหมือน) เป็นคนดัง แม้จะอยู่เฉย ๆ ไม่ได้ทำอะไรมากมายในเมืองนี้ เป็นคนพูดตรงไม่แคร์ใครไม่ว่าจะเป็นการติคาเฟ่ที่กาแฟขมเกินไป (ก็สั่งกาแฟดำ) หรือบ่นว่าห้องซักผ้ามีกลิ่นน้ำยาซักผ้าที่ไม่หรูพอสำหรับเสื้อผ้าของเขา เพื่อนบ้านบางคนรำคาญแต่ก็ปฏิเสธไม่ได้ว่าเขามีเสน่ห์แปลก ๆ ที่ทำให้คนเผลอมองตามเสมอ</p>
 <p>คนที่หล่อเวอร์วังอลังการขนาดนี้เป็นของคุณนะ (ของใคร ?)</p>
 </div></div>
 <div npc="npc2" class="apt-npc-grid">
 <div class="apt-name">Aster Hart</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSSN9I.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Camille Yolaine</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">20/9/1994</div>
 <div class="apt-q">Age</div><div class="apt-a">31</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">168</div>
 <div class="apt-q">Career</div><div class="apt-a lg">พนักงานร้าน River & Rose</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>ด้วยรอยยิ้มอันอบอุ่นและบุคลิกที่อ่อนโยน ทำให้แอสเทอร์ ฮาร์ท เป็นคนที่มีเสน่ห์เฉพาะตัวและใคร ๆ ก็เข้าหาได้ง่าย เธอคือฟันเฟืองสำคัญของร้าน River & Rose โดยรับหน้าที่เป็นผู้อยู่เบื้องหลังงานอีเวนต์ทั้งหมด ซึ่งทำให้เธอต้องเดินทางไปไหนมาไหนในเมืองอยู่เสมอ</p>
 <p>ด้านนิสัยส่วนตัวเธอเป็นคนใจเย็น มองโลกในแง่บวกและเป็นผู้ฟังชั้นดี ที่พร้อมจะรับฟังเรื่องราวของทุกคนด้วยความเข้าใจ และเพื่อเติมเต็มความสุขในวันธรรมดา เวลาว่างจึงเป็นช่วงที่เธอชอบเดินเล่นแถวตลาดนัดริมแม่น้ำ เพื่อซื้อชากลิ่นโปรดหรือหาของเล็ก ๆ น้อย ๆ กลับบ้าน</p>
 </div></div>
 <div npc="npc3" class="apt-npc-grid">
 <div class="apt-name">Berlin Carter</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KgiW8NV.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Ouyang Nana</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">10/4/2000</div>
 <div class="apt-q">Age</div><div class="apt-a">25</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">158</div>
 <div class="apt-q">Career</div><div class="apt-a lg">ผู้จัดการอพาร์ตเมนต์</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>สวัสดีนี่ฉันเอง เบอร์ลิน คาร์เตอร์ ผู้จัดการอพาร์ตเมนต์ที่มักจะทะเลาะกับเสียงในหัวตัวเองเป็นประจำ บางทีก็รู้สึกว่าตัวเองทำอะไรไม่ค่อยจะเป็นเรื่องเป็นราวเท่าไหร่หรอก ฮ่า ๆ อยากจะช่วยทุกคนนะ แต่สุดท้ายผลลัพธ์มันก็ชอบออกมาตรงกันข้ามทุกที แต่ถึงอย่างนั้นฉันก็ยังนั่งยิ้มรับเรื่องวุ่นวายอยู่หลังเคาน์เตอร์เสมอแหละ</p>
 <p>ในเวลาว่างเมื่อเสียงในหัวเริ่มดังเกินไป ก็จะลากสมุดสเก็ตช์ออกมา เปิดเพลงดัง ๆ กลบความฟุ้งซ่านของตัวเอง เพลย์ลิสต์ของฉันน่ะมันมั่วสุด ๆ ตั้งแต่ Arctic Monkeys ยันเพลงอนิเมะที่ไม่กล้าบอกใครเลยนะ... แต่ตอนนี้ดันบอกไปแล้วล่ะ</p>
 <p>จริงสิ ยังมีอีกอย่าง คือไม่ค่อยชอบกฎเกณฑ์อะไรตายตัวเท่าไหร่หรอก แต่ถ้าเป็นเรื่องทำตามความรู้สึกแล้วล่ะก็ ฉันจริงจังสุด ๆ ไปเลยถ้ารู้สึกว่ามันใช่ ฉันก็จะลุยให้สุด ใช้หัวใจเป็นเข็มทิศแล้วปล่อยให้ชีวิตมันนำพาไปเองนั่นแหละ</p>
 </div></div>
 <div npc="npc4" class="apt-npc-grid">
 <div class="apt-name">Brent Haggard</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KgiWTwN.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Giorgi Bedoshvili</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">3/7/1992</div>
 <div class="apt-q">Age</div><div class="apt-a">33</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">192</div>
 <div class="apt-q">Career</div><div class="apt-a lg">เจ้าของบริษัทบอดี้การ์ดเอกชน</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>เบรนท์ แฮ็กการ์ด — ไม่ทันได้แนะนำตัว ใครต่อใครก็อยากจะวิ่งหนีออกห่างจากเขาเสียแล้ว ชายหนุ่มหน้านิ่ง ท่าทีดุดัน ฝีเท้าหนักแน่น หากใครได้ยินก็ระบุได้ว่าใครเป็นเจ้าของเสียงเท้า เขาดูน่ากลัวอย่างน่าประหลาดและไม่ค่อยมีใครกล้าทำความรู้จักนัก ทำให้ไร้คนรู้จักนิสัยที่แท้จริงของพ่อหมีตัวโตคนนี้ ยกเว้นก็แต่คุณผู้ดูแลหอและคุณเจ้าของ</p>
 </div></div>
 <div npc="npc5" class="apt-npc-grid">
 <div class="apt-name">Callum Pierce</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/K4IcMAb.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Aaron Taylor-Johnson</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">7/9/1991</div>
 <div class="apt-q">Age</div><div class="apt-a">34</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">180</div>
 <div class="apt-q">Career</div><div class="apt-a lg">N/A</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>ยินดีที่ได้รู้จัก แต่ตอนนี้ยังไม่ถึงเวลาเจอฉันหรอกนะ [i]ขยิบตา[/i]</p>
 </div></div>
 <div npc="npc6" class="apt-npc-grid">
 <div class="apt-name">Chris McLennon</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KgiWutI.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Erin J. Monaghan</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">15/3/1997</div>
 <div class="apt-q">Age</div><div class="apt-a">28</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">172</div>
 <div class="apt-q">Career</div><div class="apt-a lg">พนักงานธุรการประจำคลินิก Greenfield Health & Pharmacy</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>[b]"ถ้ามีเรื่องอะไรจะปรึกษา โทรมาได้นะคะ"[/b] นั่นเป็นประโยคติดปากของพนักงานสาวประจำคลินิกใกล้อพาร์ตเมนต์ เจ้าของเรือนผมสีจินเจอร์ ผู้มาพร้อมกับนัยน์ตาสีฟ้าใสราวกับครองท้องนภาเอาไว้ เธอจะพูดมันพร้อมรอยยิ้มอ่อนโยนให้ความรู้สึกอุ่นวาบ และน่าไว้วางใจตามแบบฉบับของผู้ที่ต้องปฏิสัมพันธ์กับผู้คนตลอดเวลา</p>
 <p>หญิงสาวมักอยู่ในชุดสีสว่างสะอาดสะอ้าน มีรอยยิ้มเต็มไปด้วยจริตเย้าบนใบหน้า เสียงนุ่มหวานมาพร้อมความสุภาพที่เปี่ยมล้น เมื่อได้รู้จักคงจะสัมผัสได้ถึงความใจดีและน่าเข้าหาของคริส ทว่าในตัวตนอีกด้านนั้นก็คงจะสุดรู้ตัวว่าเธอซ่อนเรื่องราวอะไรไว้บ้าง เพียงแต่ที่ทุกคนคงรู้แน่ ๆ คือห้องของเธอมักจะมีเสียงเพลงดังลอดออกมาตลอดเวลาราวกับอยู่ในคลับ</p>
 </div></div>
 <div npc="npc7" class="apt-npc-grid">
 <div class="apt-name">Daisy Hart</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSUMb9.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Shay Rudolph</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">15/11/2005</div>
 <div class="apt-q">Age</div><div class="apt-a">20</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">160</div>
 <div class="apt-q">Career</div><div class="apt-a lg">Flea Market Vendor</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>เดซี่ ฮาร์ท เป็นคนที่ดูมีชีวิตชีวาอยู่เสมอไม่ว่าจะอยู่ตรงไหนมักจะดึงบรรยากาศให้ดูมีสีสันขึ้นมาได้อย่างง่ายดาย เธอคือเจ้าของร้าน [b][i]เดซี่มีอาราย[/i][/b] ที่ตั้งอยู่ในมุมหนึ่งของตลาดนัดริมน้ำ ร้านเล็ก ๆ ที่ขายทุกอย่างตั้งแต่โปสการ์ดวาดมือ กระเป๋าผ้าลายหมาแมวไปจนถึงของมือสองที่เธอหยิบมาจัดใหม่ตามอารมณ์ในแต่ละวัน</p>
 <p>เดซี่เป็นน้องสาวของแอสเทอร์ ฮาร์ท ในเวลาว่างซิดนีย์มักจะทำของจุกจิกหรือขี่จักรยานไปแถวแม่น้ำเธอไม่ใช่คนเรียบร้อยนักแต่ก็ไม่ได้วุ่นวายขนาดนั้น</p>
 </div></div>
 <div npc="npc8" class="apt-npc-grid">
 <div class="apt-name">David Barnes</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KgiWlSf.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Drew Starkey</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">3/8/1991</div>
 <div class="apt-q">Age</div><div class="apt-a">34</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">188</div>
 <div class="apt-q">Career</div><div class="apt-a lg">ตำรวจสายสืบ</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>ตำรวจสายสืบเจ้าของฉายา 'หมาบ้า' ชื่อเสียงเรียงนามลือกระฉ่อนทั่ว สำนักงานตำรวจ PPB ว่าเป็นตำรวจขาโหด  กัดไม่ปล่อย และสุดโต่งเรื่องวิธีจัดการคนร้าย เขามีสายตาเฉียบคม เก่งสืบสวนเสียก็แต่อารมณ์ร้อน จึงถูกตักเตือนเรื่องการใช้กำลังเข้าจับกุมเกินกว่าเหตุอยู่บ่อยครั้ง</p>
 <p>บรรยากาศรอบตัวมักตกอยู่ในความกดดันเมื่อเขาเดินผ่าน ด้วยสีหน้าและท่าทางดุดันหากไม่หยิบตราตำรวจขึ้นมาโชว์ ใครต่อใครก็คงคิดว่าเขาเป็นอัธพาลเจ้าถิ่น รู้อย่างนี้แลัวระวังการกระทำของพวกคุณดี ๆ ล่ะ</p>
 </div></div>
 <div npc="npc9" class="apt-npc-grid">
 <div class="apt-name">Dean Winston</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSS4cl.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Paul Bohme</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">17/7/1999</div>
 <div class="apt-q">Age</div><div class="apt-a">26</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">187</div>
 <div class="apt-q">Career</div><div class="apt-a lg">บาริสตาร้าน Maple & Bean Roastery</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>หากต้องการเติมความสดใสระหว่างวันขอแนะนำให้แวะเวียนไปยัง Maple & Bean Roastery ถ้ามาถูกเวลานอกจากจะได้นั่งดื่มเครื่องดื่มรสเลิศ หรือไม่ก็อาจจะได้เจอกับความสดใสของที่นี่อย่างดีน บาริสตาหนุ่มผู้มีรอยยิ้มราวกับพระอาทิตย์ในยามเที่ยงวัน เขาถูกผู้จัดการเรียกว่า [i]'โกลเด้น รีทรีฟเวอร์'[/i] อยู่บ่อยครั้ง ด้วยอุปนิสัยของเจ้าตัวที่เข้ากันได้ดีไม่ว่ากับใครก็ตาม</p>
 <p>บางวันหรือบางช่วงเวลาก็อาจจะเจอเขาที่ยิมหรือพื้นที่อื่น ๆ ที่เหมาะสำหรับการออกกำลังกาย นอกจากจะหลงใหลในการทำเครื่องดื่มเขายังรักในการออกกำลังกายด้วยเช่นกัน</p>
 <p>[b]"กินของที่อยากกินเถอะ ค่อยไปออกกำลังกายทีหลังก็ได้ - สนใจเพิ่มวิปครีมหน่อยมั้ยล่ะ?"[/b]</p>
 </div></div>
 <div npc="npc10" class="apt-npc-grid">
 <div class="apt-name">Eli Page</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/K4oZxnf.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Désiré Mia</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">16/3/2003</div>
 <div class="apt-q">Age</div><div class="apt-a">22</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">191</div>
 <div class="apt-q">Career</div><div class="apt-a lg">นักศึกษาปีสุดท้าย</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>อีไล เพจ นักศึกษาปีสุดท้ายที่ทุ่มเทชีวิตให้กับการเป็นนักกีฬาว่ายน้ำอาชีพ มีบุคลิกสุขุม นิ่งเงียบ แต่ไม่ได้เข้าถึงยาก ค่อนข้างเป็นมิตรและอัธยาศัยดี ปกติแล้วเป็นคนพูดน้อยและไม่ค่อยเล่าเรื่องส่วนตัวเท่าไรนัก เขาชอบที่จะเป็นผู้ฟังที่ดีที่พร้อมรับฟังเรื่องราวของคนอื่นด้วยความเงียบและเข้าใจ</p>
 </div></div>
 <div npc="npc11" class="apt-npc-grid">
 <div class="apt-name">Eva Collins</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSSLN9.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Sydney Sweeney</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">11/6/1996</div>
 <div class="apt-q">Age</div><div class="apt-a">29</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">165</div>
 <div class="apt-q">Career</div><div class="apt-a lg">ครูสอนศิลปะ</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>เอวาคือหญิงสาวที่ใครต่อใครมักมองว่าเป็นนางฟ้า (?) ธออ่อนโยน ใจดี และมองโลกในแง่บวกเสมอ เด็ก ๆ ชอบเธอเพราะความสดใส และเพื่อนบ้านก็รู้สึกผ่อนคลายเมื่อได้คุยด้วย แต่มีอีกด้านหนึ่งที่ทำให้หลายคนประหลาดใจ เอวา ดื่มเหล้าเก่งอย่างไม่น่าเชื่อ ถ้ามีปาร์ตี้เธอมักจะเป็นคนสุดท้ายที่ยังยืนอยู่บนโต๊ะสนทนาได้แบบสบาย ๆ และไปทำงานในตอนเช้าด้วยความสดใสเสมอ</p>
 </div></div>
 <div npc="npc12" class="apt-npc-grid">
 <div class="apt-name">Gabriel Morgan</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSSDMb.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Valentijn Dijkman</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">14/2/1990</div>
 <div class="apt-q">Age</div><div class="apt-a">35</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">183</div>
 <div class="apt-q">Career</div><div class="apt-a lg">ศาสนาจารย์ (?)</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>[b]"สันติภาพของพระเจ้าจงอยู่กับท่าน"[/b] กาเบรียลย้ายเข้ามาในเมืองนี้หลังจากศาสนจักรย่านนี้มอบหมายให้เขาดูแลกิจกรรมชุมชนและช่วยเหลือผู้คนในเมือง เขาทำงานใกล้ชิดกับศาสนจักรในฐานะศาสนาจารย์ รวมทั้งการจัดกิจกรรมสาธารณะและการช่วยเหลือผู้ไร้บ้าน</p>
 <p>แม้จะเป็นอย่างนั้นแต่ก็ไม่มีรู้เรื่องราวเกี่ยวกับตัวเขามากมายนัก หน้าที่ศาสนาจารย์ที่โบสถ์เก่าในรัฐอื่นจบลงอย่างกะทันหันและไม่มีใครรู้เหตุผลที่แท้จริงว่าทำไมเขาถึงถูกย้ายมาที่พอร์ตแลนด์ บางคนก็ลือไปว่าเขาอาจเกี่ยวข้องกับเครือข่ายลับของศาสนจักรที่ไม่ได้เปิดเผยต่อสาธารณะ</p>
 </div></div>
 <div npc="npc13" class="apt-npc-grid">
 <div class="apt-name">Johan Harlow</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSUKog.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Silas Johnson</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">22/10/1996</div>
 <div class="apt-q">Age</div><div class="apt-a">29</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">185</div>
 <div class="apt-q">Career</div><div class="apt-a lg">N/A</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>คนอื่นชอบบอกว่าผมดูเข้าถึงง่ายนะ แค่ยิ้มให้พวกเขาก็ดูจะสบายใจแล้ว ซึ่งก็ไม่ได้ปฏิเสธหรอก (ยิ้มแห้ง) แต่ความจริงก็คือค่อนข้างเป็นคนโลกส่วนตัวสูงมาก ๆ ใช้เวลาส่วนใหญ่เป็นนักสังเกตการณ์ ชอบมองดูผู้คนและเรื่องราวต่าง ๆ ที่ผ่านไปเรื่อย ๆ อืม... ในสายตาคนอื่นอาจจะดูแปลก ๆ ไปบ้าง ที่มัวเอาแต่จ้องมองคนอื่น (หัวเราะ)</p>
 <p>อ่า.. จริง ๆ แล้วชอบที่จะอยู่คนเดียวมากกว่าการใช้เวลาในวงสังคมใหญ่ ๆ ทุกคำพูดที่ใช้ผ่านการคิดมาแล้วทั้งเพื่อรักษามารยาทและเพื่อรักษาระยะห่างที่เป็นส่วนตัวไว้ บ่อยครั้งที่ต้องหายตัวไปอย่างเงียบ ๆ เพื่อให้ตัวเองได้ปลีกวิเวกไปจัดระเบียบความคิดในหัว มันเป็นวิธีเดียวที่ทำให้ได้พักจากทุกสิ่ง... และได้อยู่กับตัวเอง มันก็แค่นั้น (ทำหน้าเหนื่อย)</p>
 </div></div>
 <div npc="npc14" class="apt-npc-grid">
 <div class="apt-name">Julien Moreau</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSUqiJ.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Hugh Laughton-Scott</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">21/8/2003</div>
 <div class="apt-q">Age</div><div class="apt-a">22</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">186</div>
 <div class="apt-q">Career</div><div class="apt-a lg">นักศึกษาปีสุดท้าย</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>หนุ่มฝรั่งเศสเชื้อสายผสมที่ย้ายมาเรียนต่อด้านศิลปะภาพถ่าย อาจดูเข้าถึงยากในตอนแรกแต่เมื่อสนิทแล้วจะเห็นว่าเป็นคนใจดี อ่อนโยนและมีอารมณ์ขัน เขาเป็นคนที่ช่างสังเกตและรับรู้รายละเอียดเล็ก ๆ ที่หลายคนมองข้าม คนที่แสดงความรู้สึกผ่านการกระทำมากกว่าคำพูดเสมอ บางครั้งดูเพี้ยน ๆ ติสท์ ๆ คนเขาบอกมาแบบนั้น</p>
 </div></div>
 <div npc="npc15" class="apt-npc-grid">
 <div class="apt-name">Kevin Maxwell</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSUTNt.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">IG: tsokkur</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">23/12/2001</div>
 <div class="apt-q">Age</div><div class="apt-a">23</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">188</div>
 <div class="apt-q">Career</div><div class="apt-a lg">ช่างภาพอิสระ & พนักงานร้าน Cozy Cat Café</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>เควินชายหนุ่มผู้หลงรักในการถ่ายภาพเป็นชีวิตจิตใจ เขาทำมันได้ดีเยี่ยมเลยทีเดียว เวลาส่วนใหญ่ของเขาทุ่มเทไปให้กับการถ่ายภาพ นั่นทำให้เป็นพวกเข้าสังคมไม่เก่งนักเพราะเวลาส่วนใหญ่มักใช้ไปกับตัวเองเสียมากกว่า หากเพิ่งรู้จักกันจะรู้ว่าเควินคุยไม่เก่งเอาเสียเลย และดูค่อนข้างจะขี้อาย</p>
 <p>เพราะแบบนั้นทำให้เขาตัดสินใจเลือกทำงานที่คาเฟ่แมว เควินคิดว่าการมาทำงานบริการคงจะทำให้ตนเองนั้นเขาสังคมเก่งมากขึ้น สามารถพูดคุยกับคนที่เพิ่งรู้จักกันได้แบบสบายๆ  แม้ว่าจะยากสำหรับเขาไปสักหน่อยแต่อย่างน้อยก็ได้อยู่ท่ามกลางพวกขนฟูเยอะ ๆ ในทุกวัน</p>
 <p>ลองสนิทกับเควินดูสิ หากสนิทมากพอคุณคงจะแปลกใจกับนิสัยอีกมุมของเจ้าตัว</p>
 </div></div>
 <div npc="npc16" class="apt-npc-grid">
 <div class="apt-name">Matthew Brooks</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSUaff.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Victor Perez</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">9/4/1997</div>
 <div class="apt-q">Age</div><div class="apt-a">28</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">190</div>
 <div class="apt-q">Career</div><div class="apt-a lg">นักดนตรีร้าน Aurora Rooftop Bar</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>ขอแนะนำว่าหากไม่มีธุระสำคัญกับแมทธิวอย่าเข้าไปทักเขาเสียจะดีกว่า เพราะสิ่งที่ได้รับกลับมาอาจจะไม่ได้เป็นไปอย่างที่คิดเอาไว้ แมทธิวมีอุปนิสัยที่ค่อนข้างจะเถรตรงมากจนเกินไป ภายนอกมักจะแสดงหน้าตาไม่รับแขกอยู่เสมอ ๆ คำพูดส่วนใหญ่มักจะเป็นคำพูดห้วน ๆ ไม่ได้ใส่ใจคนฟังนักว่าอีกฝ่ายต้องการการตอบกลับแบบไหน ก็แค่ส่วนใหญ่เท่านั้นแหละ คนเราก็ต้องมีบางวันที่อารมณ์ดีเป็นพิเศษกันทั้งนั้น</p>
 <p>ถ้าให้แมทธิวเป็นสัตว์สักตัวเขาคงจะเหมือนกับค้างคาว เวลาในการใช้ชีวิตส่วนใหญ่ของแมทธิวนั้นจะเป็นช่วงเวลากลางคืนเป็นหลัก การจะเจอเขานอกห้องในช่วงกลางวันนับว่าเป็นเรื่องที่ไม่มีทางเกิดขึ้นได้บ่อย ๆ</p>
 </div></div>
 <div npc="npc17" class="apt-npc-grid">
 <div class="apt-name">Maxine Adams</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KgiWEAl.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Sophie Thatcher</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">N/A</div>
 <div class="apt-q">Age</div><div class="apt-a">N/A</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">165</div>
 <div class="apt-q">Career</div><div class="apt-a lg">พนักงานกะกลางวัน Riverside Mart</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>'คนเพี้ยน' เป็นคำจำกัดความแม็กซีนได้ดีที่สุด เธอร่าเริงแต่บางครั้งก็ดูเศร้าซึม เพ้อรำพึง และเหม่อลอย เวลาสนทนากับแม็กซีนอย่าหาเอาสาระสำคัญ ปล่อยใจให้สบายและตามน้ำไป ถือเสียว่ากำลังคุยกับเอเลี่ยนในร่างมนุษย์ก็ได้ (หรือจริง ๆ เธอไม่ใช่มนุษย์กันนะ?)</p>
 <p>บางวันเธออาจมาขอให้ช่วยติดตั้งเสาสัญญาณรับคลื่น และบางวันเธอก็อาจจะทำพิธีประหลาดบนดาดฟ้า ถ้าหากวันไหนเธอเดินเข้ามาคุยด้วยคุณควรให้ความร่วมมือดีกว่า เตือนแล้วนะ...</p>
 </div></div>
 <div npc="npc18" class="apt-npc-grid">
 <div class="apt-name">Meadow White</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/K4oZR87.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Mikey Madison</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">27/6/1996</div>
 <div class="apt-q">Age</div><div class="apt-a">29</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">161</div>
 <div class="apt-q">Career</div><div class="apt-a lg">แพทย์หญิงประจำคลินิก Greenfield Health & Pharmacy</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>เมโดว์ ไวท์ แพทย์หญิงประจำคลินิก Greenfield Health & Pharmacy ถูกคนไข้และเพื่อนร่วมงานมองว่าเข้าถึงยากและคุยเล่นด้วยไม่ค่อยได้ เธอมักจะพูดเท่าที่จำเป็นและแสดงออกถึงความขี้รำคาญตลอดเวลา</p>
 <p>ใบหน้าหงุดหงิดขี้รำคาญที่แสดงออกนั้นมาจากการหมดพลังงานไปกับการดูแลคนไข้ตลอดทั้งวัน มักจะชอบบ่นว่าอยากลาออก อยากเกษียณ อยากนอนอยู่บ้านเล่นกับแมวไปวัน ๆ แต่เมื่อเกิดเหตุฉุกเฉินหรือมีคนป่วยจะรีบเข้าช่วยเหลือและตรวจอาการด้วยความเป็นมืออาชีพทันที</p>
 </div></div>
 <div npc="npc19" class="apt-npc-grid">
 <div class="apt-name">Oliver Belmont</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KgiWWo7.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Oliver Brynnum</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">18/6/2003</div>
 <div class="apt-q">Age</div><div class="apt-a">22</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">186</div>
 <div class="apt-q">Career</div><div class="apt-a lg">นักศึกษาปริญญาโท</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>ไม่มีอะไรให้อ่าน อยากรู้เรื่องราวของฉันหรือไง ?</p>
 </div></div>
 <div npc="npc20" class="apt-npc-grid">
 <div class="apt-name">Peyton Brown</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KSSU1J2.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Arianna Abdul</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">N/A</div>
 <div class="apt-q">Age</div><div class="apt-a">N/A</div>
 <div class="apt-q">Gender</div><div class="apt-a">Female</div>
 <div class="apt-q">Height</div><div class="apt-a">175</div>
 <div class="apt-q">Career</div><div class="apt-a lg">N/A</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>ไง… กำลังอ่านอะไรอยู่น่ะ [i]ถอนหายใจ[/i]</p>
 </div></div>
 <div npc="npc21" class="apt-npc-grid">
 <div class="apt-name">Roy Park</div>
 <div class="apt-pic" style="--apt-pic: url(https://iili.io/KgiWOSj.png);"></div>
 <div class="apt-q">Faceclaim</div><div class="apt-a lg">Noh Sang Hyun</div>
 <div class="apt-q">Birth Date</div><div class="apt-a">9/9/1993</div>
 <div class="apt-q">Age</div><div class="apt-a">32</div>
 <div class="apt-q">Gender</div><div class="apt-a">Male</div>
 <div class="apt-q">Height</div><div class="apt-a">185</div>
 <div class="apt-q">Career</div><div class="apt-a lg">N/A</div>
 <div class="apt-q">About Me</div>
 <div class="apt-a about">
 <p>สิ่งที่บิดเบี้ยวต้องถูกแก้ไข สิ่งที่แตกหักต้องถูกซ่อมแซม ความสมบูรณ์แบบคือมาตรฐานของรอย ปาร์ค บุคลิกเงียบขรึมและพูดน้อยทำให้ชายหนุ่มดูลึกลับในสายตาคนรอบข้าง มีคนเคยเห็นเขาลากกระเป๋าใบใหญ่ที่ดูหนักออกมาจากห้องตอนเช้ามืด และทุกที่ที่เขาเดินผ่านจะมีกลิ่นน้ำยาฆ่าเชื้อลอยฟุ้งเสมอ ซึ่งบางคนก็พูดติดตลก ว่ากลิ่นนั้นทำให้นึกถึงห้องเก็บศพ</p>
 <p>เขาไม่ชอบเสียงดัง ไม่ชอบความสกปรก และไม่ชอบสิ่งที่อยู่นอกเหนือแบบแผน ทุกอย่างควรถูกจัดเรียงในที่ที่ถูกต้อง ไม่มากไม่น้อยเกินไป บางทีถ้าคุณดูยุ่งเหยิงจนขัดตารอย ปาร์คเข้า เขาก็อาจไปเคาะห้องคุณเพื่อจัดระเบียบให้ถึงที่ก็ได้นะ</p>
 </div></div>
 </div></div></div></div>