Enter Camp › เขตหลักกองพันที่สิบสอง › [บอร์ดรายชื่อสมาชิกกองร้อยต่าง ๆ]

God โพสต์ 2024-12-25 14:26:17

[บอร์ดรายชื่อสมาชิกกองร้อยต่าง ๆ]

<style type="text/css">BODY{background:url("static/image/postbg/bg31.png"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>


<div align="center" style="list-style-type: none;">

<style>
#boxsystem01 {
    border-radius: 30px;
    border: 6px double #34267e;
    padding: 3px;
    box-shadow: #34267e0px 0px 3em;
background-image: url("https://i.imgur.com/Evmi3Wp.jpg");}
</style>

<style>
#boxsystem02 {
    width: 660px;
    border-radius: 20px;
    padding: 3px;
    box-shadow: #34267e 0px 0px 1em;
    background-image: url("https://i.imgur.com/tQCIqX6.png");}
</style>


<style>
#boxsystem03 {
    width: 520px;
    border-radius: 20px;
    border: 6px double #07a24c;
    padding: 3px;
    box-shadow: #07a24c 0px 0px 3em;
    background-image: url("https://i.imgur.com/UtFwcWD.png");}
</style>   


<div id="boxsystem01">
   <p><br></p>

<br>


<div id="boxsystem02">
   <p>


<font face="Kanit"><font size="3"><font color="black">
<br></font></font></font><img src="https://i.imgur.com/YlDfIG7.png" width="250" _height="250" border="0"><font face="Kanit"><font color="black" style=""><br></font></font></p><p><br></p><p><font face="Kanit" size="5">บอร์ดประกาศรายชื่อสมาชิกในกองร้อยทั้งห้าแห่งกองพันที่สิบสอง</font></p><p><font face="Kanit" size="5">โดยจะรวมถึง Member และ NPC ของแต่ละบ้านพัก</font></p><p><font face="Kanit"><font color="black" style="" size="4"><br></font></font></p><p><font face="Kanit"><font color="black" style="" size="5"><b style=""><u style="">กติกาการหยิบ NPC ไปโรลเพลย์</u></b></font></font></p><p><font face="Kanit"><font color="black" style="" size="4">1) สามารถหยิบรายชื่อ NPC กองร้อยต่าง ๆ ไปโรลเพลย์พบเจอภายในค่ายและทั่วนิวโรมได้</font></font></p><p><font face="Kanit"><font color="black" style="" size="4">โดยอิงจากลักษณะนิสัยบุคลิกภาพในคำบรรยายโปรยบนบอร์ด</font></font></p><p><font face="Kanit"><font color="black" style="" size="4">2) ห้ามหยิบ Member ไปโรลเพลย์ของตัวเองเด็ดขาด</font></font></p><p><font face="Kanit"><font color="black" style="" size="4">ให้ติดต่อเจ้าตัวเพื่อทำการต่อโรลเพลย์กัน 2-3 คนแล้วแต่ว่าท่านจะโรลกันกี่คน</font></font></p><p><font face="Kanit"><font color="black" style="" size="4">3) การโรลเพลย์ NPC แต่ละกองร้อยขอให้อิงตาม</font></font><span style="font-family: Kanit; font-size: large;">กองร้อย</span><font face="Kanit"><font color="black" style="" size="4">นั้น ๆ อาทิ กองร้อยที่ 1 ผู้รักในเกียรติยศและหยิ่งทะนง หรือ กองร้อยที่ 5 ที่โหล่ของค่าย(?)</font></font></p><p><font face="Kanit"><font color="black" style="" size="4">3) รายชื่อบอร์ดกองร้อยต่าง ๆ สามารถดูได้ด้านล่างต่อไปนี้จะเรียงลำดับจากกองร้อยที่ 1</font></font></p><p><font face="Kanit"><font color="black" style="" size="4"><br></font></font></p><p><font face="Kanit" size="4" color="#ff0000"><b>หมายเหตุ: บอร์ดสามารถแจ้งอัปเดทได้ โดยหากอัปเดทที่บอร์ดในกองร้อยแล้ว</b></font></p><p><font face="Kanit" size="4" color="#ff0000"><b>บอร์ดส่วนกลางจะอัปเดทตาม หากแจ้ง</b></font></p><p><br></p><p><img src="https://percyjackson.mooorp.com/static/image/hrline/30.png" border="0" alt=""><font face="Kanit"><font size="3"><b><br></b></font></font></p><p><font face="Kanit"><font size="3"><font color="black"><br></font></font></font></p></div><font face="Kanit">
<br>
</font></div></div><style type="text/css" name="editorpostbg">body{background-image:url("static/image/postbg/bg31.png");}</style>

God โพสต์ 2024-12-25 14:27:06

<style type="text/css">BODY{background:url("https://i.imgur.com/IRb3yp3.png"); background-attachment:fixed; }</style>
<style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>


<style>
#box01 {
border: 0px solid ;
padding: 10px;
box-shadow: #72676C 1px 1px 1em;
background-image: url("https://i.imgur.com/VHmecAW.png");}
</style>

<style>
#box02 {
    width: 600px;
    border: 4px solid #696969 ;
    padding: 15px;
    box-shadow: #72676C 2px 2px 1em;
    background-image: url("https://i.imgur.com/1VhFLiD.png");}
</style>


<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" />
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Playfair Display'); Pat {font-family : 'Playfair Display';}</style>


<div id="box01">
<div align="center">
<img src="https://i.imgur.com/SQZRSyH.png" width="700"border="0"><br>
<br>
<font size="8" color="#ffffff"><span style="text-shadow: rgb(146, 146, 146) 1px 4px 3px;"><pat>PRIDE OF FIRST COHORT</pat></span></font><br>
<br>

<div class="bettyj-busq" style="--accent: #a78dbd;--accent-op: #a78dbd7d;">
        <div style=" background-image: url('https://i.imgur.com/s00RAlu.png');">
                <div class="bettyjb-portada"><b>THE LOST</b><span>Denista<i class="fa-solid fa-chevron-right"></i> Nortara</span>
                        <div class="bettyjb-texto">
                                <div class="bettyjb-title"><img src="https://i.imgur.com/viEc8Wc.png"><b>Miss Reborn</b><span>Denista Nortara</span></div>
                                <div class="bettyjb-texarea"><font face="Kanit"><font size="2">
<b><font color="ffffff">Birthday : </b> </font>22 March 2005<br>
<b><font color="ffffff">Status : </b> </font>Alive<br>
<b><font color="ffffff">Relationship : </b> </font>โสด<br>
<b><font color="ffffff">Character Profile : : </b> </font><font color="#ffffff">DREAM</font><br>
<b><font color="fffffff">SNS Profile : </b> </font><font color="#ffffff">ON</font>

<br><br> <br><div align="center">" วุ่นวาย? .. ปกติของที่นี่นั่นแหละ<br>อย่ารีบตายล่ะ ต้องมีชีวิตรอดนะ : ) "</div>


                                        </font></font></div>
                        </div>
                </div>
        </div>
</div><a href="https://bettyleg.tumblr.com/" class="btcred-t" style="text-decoration:none; font-family:'general sans'">PRETTY</a>

<link href="https://api.fontshare.com/v2/css?f[]=general-sans@500,900&f[]=telma@900&display=swap" rel="stylesheet" />
<link href="https://bettyleg.github.io/B-squedas/WaffleHouse_night.css" rel="stylesheet" />

<br>
<img src="https://i.imgur.com/0BnH7P6.png" width="500"border="0"><br><br>
<font size="8" color="#ffffff"><span style="text-shadow: rgb(146, 146, 146) 1px 4px 3px;"><pat>FIRST COHORT NAME LIST</pat></span></font><br><br>


<div class="bettyj-busq" style="--accent: #a78dbd;--accent-op: #a78dbd7d;">
        <div style=" background-image: url('https://i.imgur.com/uu9fMSh.png');">
                <div class="bettyjb-portada"><b>THE NIGHT</b><span>Icilia <i class="fa-solid fa-chevron-right"></i> Dominicus </span>
                        <div class="bettyjb-texto">
                                <div class="bettyjb-title"><img src="https://i.imgur.com/uu9fMSh.png"><b>Pretty Savage</b><span>Icilia Dominicus</span></div>
                                <div class="bettyjb-texarea"><font face="Kanit"><font size="2">
<b><font color="000000">Birthday : </b> </font>13 December 2000<br>
<b><font color="000000">Race : </b> </font>Romanian<br>
<b><font color="000000">Status : </b> </font>Alive<br>
<b><font color="000000">Relationship : </b> </font>โสดตั้งแต่เกิด<br>
<b><font color="000000">Tattoo : </b> </font>แขนขวา<br>
<b><font color="000000">Height / Weight : </b> </font>151cm. / 41kg.<br>
<b><font color="000000">Bloodline : </b> </font>ลูกหลานชาวโรมัน - สืบทอดเชื้อสายเทพีนอกซ์

<br><br>
<p style="text-indent: 2.5em;">อิซิเลีย โดมินิคัส สาวน้อย(?)ชาวโรมาเนีย ผู้มาพร้อมกับร่างกายที่ไม่สมอายุเนื่องจากความผิดพลาดทางการทดลองจากอดีตสมาชิกกองร้อยสายเลือดไทรเวียที่ทำให้เธอติดอยู่ในร่างเด็ก 14 มาตลอด 6 ปี อิซิเลียเป็นสมาชิกประเภทลูกหลานของชาวโรมัน
<br><br>
<p style="text-indent: 2.5em;"> เธอถูกส่งมาเข้าร่วมกับค่ายจูปิเตอร์เมื่อตอนอายุ 15 (9 ปีก่อน) ผ่านการสนับสนุนของญาติที่ผลักดันให้เธอต้องพัฒนาตนเองจนได้มาค้นพบว่าสายเลือดที่เธอสืบทอดเป็นถึงสายเลือดของเทพีนอกซ์ ซึ่งถือว่าตรงกับความเชื่อของครอบครัวที่ทำงานเป็นนักแสดงรับจ้างสาธิตพิธีกรรมทางศาสตร์มืด
<br><br>
<b><font color="000000">PERSONALITY</b> </font><br>
<p style="text-indent: 2.5em;">อิซิเลียเป็นคนเย่อหยิ่ง เห็นได้จากบุคลิกไม่สนใจใครรวมไปถึงการที่เธอติดนิสัยประเมินผู้อื่นจากความสามารถ เนื่องมาจากเธอมีความเชื่อมั่นเป็นอย่างยิ่งในฐานะอัจฉริยะที่สภาพร่างกายอ่อนแอกว่าเกณฑ์ปกติแต่ก็ยังสามารถเข้าร่วมกับกองร้อยที่ 1 ได้ผ่านศักยภาพทางสติปัญญาที่ถือว่าเป็นเลิศจนได้รับคำชื่นชมมาตลอด 9 ปีภายในค่าย หลายคนบอกว่าเธอเป็นพวกไม่น่าคบหา (จริง) แต่ก็ไม่ใช่ทั้งหมด พื้นเพเธอเป็นเด็กที่ขาดความรัก ทำให้ค่อนข้างเอาแต่ใจรวมไปถึงอารมณ์แปรปรวน แต่เธอมีความจริงใจและซื่อสัตย์ต่อมิตรสหายค่อนข้างมาก
<br><br>
<b><font color="000000">APPEARANCE </font></b><br>
<p style="text-indent: 2.5em;">ร่างเล็กผอมบางผิวขาวปลอดราวกับคำพรรณาถึงสโนวไวท์ มักสวมชุดโกธิคโลลิต้าสีเข้ม พกหัวกะโหลกหนึ่งชิ้นห้อยไว้บริเวณเอวโดยตั้งชื่อไว้ว่า ' อลัน 'มันไม่ใช่หัวกะโหลกที่มีวิญญาณ แต่ถึงอย่างนั้นอิซิเลียก็ยังพกไว้สำหรับเป็นเครื่องมือใช้ในเวลาที่ต้องการว่าแซะผู้อื่น สีผมและสีตาของเธอเป็นสีเดียวกัน คือสีเทาประกายคล้ายน้ำแข็งซึ่งตรงข้ามกับพลังรัตติกาลตามสายเลือด

                                        </font></font></div>
                        </div>
                </div>
        </div>
</div><a href="https://bettyleg.tumblr.com/" class="btcred-t" style="text-decoration:none; font-family:'general sans'">SAVEGE</a>

<link href="https://api.fontshare.com/v2/css?f[]=general-sans@500,900&f[]=telma@900&display=swap" rel="stylesheet" />
<link href="https://bettyleg.github.io/B-squedas/WaffleHouse_night.css" rel="stylesheet" />

<div class="bettyj-busq" style="--accent: #a78dbd;--accent-op: #a78dbd7d;">
        <div style=" background-image: url('https://i.imgur.com/QMmIO16.png');">
                <div class="bettyjb-portada"><b>THE WIND</b><span>Taras <i class="fa-solid fa-chevron-right"></i> Thikonov</span>
                        <div class="bettyjb-texto">
                                <div class="bettyjb-title"><img src="https://i.imgur.com/2oagfn9.png"><b>Golden Boy</b><span>Taras Thikonov</span></div>
                                <div class="bettyjb-texarea"><font face="Kanit"><font size="2">
<b><font color="Black">Birthday : </b> </font>2 February 2008<br>
<b><font color="Black">Race : </b> </font>Russian<br>
<b><font color="Black">Status : </b> </font>Alive<br>
<b><font color="Black">Relationship : </b> </font>โสด<br>
<b><font color="Black">Tattoo : </b> </font>ต้นแขนขวา (สูงเหนือข้อศอก)<br>
<b><font color="Black">Height / Weight : </b> </font>184cm. / 78kg.<br>
<b><font color="Black">Bloodline : </b> </font>บุตรอควิลลอน

<br><br>
<p style="text-indent: 2.5em;">ทาราส ทิโคนอฟ เทพบุตรแสนเฉิดฉายที่ถูกเข้าใจผิดบ่อยครั้งว่าเป็นทายาทอะพอลโล่แต่ไม่เลย หนุ่มรัสเซียทรงเสน่ห์คนนี้เป็นบุตรชายของเทพอควิลลอนผู้บงการสายลมได้ดั่งใจนึก
<br><br>
<p style="text-indent: 2.5em;"> เขาเข้าร่วมกับค่ายจูปิเตอร์เมื่ออายุได้ 13 มีพื้นเพที่แตกต่างจากคนอื่นคือการที่เขาถูกลักพาตัวตั้งแต่ยังเด็กทั้งจากมนุษย์รวมไปถึงครึ่งเทพ ท้ายที่สุดเมื่อเขาอายุได้ 6 ปี ชายปริศนาที่ลักพาตัวเขามาจากคนที่ลักพาตัวเขาอีกที(?)ก็หย่อนเขาเอาไว้ที่บ้านหมาป่าจนได้กลายมาเป็นจุดเปลี่ยนสำคัญที่ทำให้เขาเติบโตขึ้นอย่างสมบูรณ์แบบ
<br><br>
<b><font color="Black">PERSONALITY</b> </font><br>
<p style="text-indent: 2.5em;">ทาราสเป็นผู้ชายตรงไปตรงมาจนถึงขั้นที่เรียกได้ว่าดุ เขาไม่ใช่พวกเจ้าชู้ผิดกับหน้าตาที่เอื้อต่อการหว่านเสน่ห์ ทาราสชอบความเรียบง่าย สงบและเป็นระเบียบ (ถูกเรียกลับหลังบ่อยครั้งว่าน้องระเบียบ) เขามักจะถูกผลักให้ขึ้นไปเป็นหัวหน้าภารกิจหลายครั้งทั้งที่อายุน้อยกว่าคนอื่นเนื่องจากความใจเย็นและมีสติ(มาก) คนอื่น ๆ นอกกองร้อยบอกกันว่าทาราส ทิโคนอฟถือเป็นความหวังใหม่ในการคุมประพฤตของสาว ๆ ที่เหลือในกองร้อยที่หนึ่งแม้ว่าเขาจะ.. ไปมาไร้ร่องรอยมากเกินไปหน่อยก็ตาม
<br><br>
<b><font color="Black">APPEARANCE </font></b><br>
<p style="text-indent: 2.5em;">ทายาทมาเฟียที่จับพลัดจับผลูมาเป็นครึ่งเทพ- หมายถึง.. คุณชายรัสเซียนฉบับที่ไม่ได้หนาบึกบึนเหมือนกับหมีคลั่ง แต่กลับเป็นชายรูปงามผิวสีขาวมันวาวที่ครอบครองเส้นผมแพลตตินั่มบลอนด์นุ่มละเอียดและดวงตาสีฟ้าน้ำแข็ง มักสวมเสื้อผ้าแบบ Old Money สีอ่อนดูคล้ายคุณชายเจ้าสำอางแต่กลับมีบาดแผลซึ่งเป็นหลักฐานของการเอาชีวิตรอดอยู่ทั่วร่างกาย

                                        </font></font></div>
                        </div>
                </div>
        </div>
</div><a href="https://bettyleg.tumblr.com/" class="btcred-t" style="text-decoration:none; font-family:'general sans'">GOLDENBOI</a>

<link href="https://api.fontshare.com/v2/css?f[]=general-sans@500,900&f[]=telma@900&display=swap" rel="stylesheet" />
<link href="https://bettyleg.github.io/B-squedas/WaffleHouse_night.css" rel="stylesheet" />


<div class="bettyj-busq" style="--accent: #a78dbd;--accent-op: #a78dbd7d;">
        <div style=" background-image: url('https://i.imgur.com/RkK7ymQ.png');">
                <div class="bettyjb-portada"><b>THE THIEF</b><span>Leticia<i class="fa-solid fa-chevron-right"></i> Alonso</span>
                        <div class="bettyjb-texto">
                                <div class="bettyjb-title"><img src="https://i.imgur.com/l8Amfy7.png"><b>Copy Cat</b><span>Leticia Alonso</span></div>
                                <div class="bettyjb-texarea"><font face="Kanit"><font size="2">
<b><font color="Black">Birthday : </b> </font>30 March 2000<br>
<b><font color="Black">Race : </b> </font>Spanish<br>
<b><font color="Black">Status : </b> </font>Alive<br>
<b><font color="Black">Relationship : </b> </font>เปลี่ยนคนรักทุก ๆ 3 วัน<br>
<b><font color="Black">Tattoo : </b> </font>แขนซ้าย<br>
<b><font color="Black">Height / Weight : </b> </font>171cm. / 48kg.<br>
<b><font color="Black">Bloodline : </b> </font>ธิดาเมอร์คิวรี่

<br><br>
<p style="text-indent: 2.5em;">เลธิเซีย อะลอนโซ่ คู่แค้นตัวฉกาจของอิซิเลีย ผู้อายุเท่ากัน เข้าค่ายมาพร้อมกัน มีประวัติใกล้เคียงกัน แต่ความรุ่งโรจน์ในชีวิตของเลธิเซียกลับยิ่งใหญ่เกินกว่าที่ร่างกายเล็ก ๆ ของอิซิเลียจะรับไหว เทพธิดานักขโมยผู้นี้โดดเด่นในเรื่องการเป็นหน่วยสนับสนุน ใกล้เคียงกับงานของนักฆ่าแต่ก็ไม่ได้เด็ดขาดเท่า
<br><br>
<p style="text-indent: 2.5em;"> เธอถูกส่งมาเข้าร่วมกับค่ายจูปิเตอร์เมื่ออายุได้ 15 ปี ก่อนที่จะเรียนคลาสภาษาละตินจบเนื่องจากลูปาทนกับลักษณะนิสัยสุดแสบของเธอไม่ไหว และยิ่งต่อมาในการเดินทางเพื่อเข้าร่วมค่ายจูปิเตอร์ เลธิเซียเป็นคนเดียวในรุ่นที่ใช้เวลาถึง 1 ปีในการเดินทาง .. ส่วนสาเหตุ? ปล่อยให้มันเป็นปริศนาไปเถอะ
<br><br>
<b><font color="Black">PERSONALITY</b> </font><br>
<p style="text-indent: 2.5em;">นักโจรกรรมแสนเจ้าเล่ห์ ผู้มีไหวพริบและรักในอิสระ ผู้หญิงจำพวกที่เปลี่ยนสีหน้าผ่านการกะพริบตา แมวขโมยผู้เลื่องชื่อเรื่องความมั่นใจรวมไปถึงเสน่ห์ดึงดูดที่อันตรายพอ ๆ กับสายเลือดวีนัส เธอชื่นชอบที่จะนิยามและปฏิบัติเสมือนว่าโลกทั้งใบคือละคร โดยมีเธอรับบทตัวร้ายในเรื่องราวชีวิตต่าง ๆ จนสมควรเรียกว่าเป็นตัวปัญหาที่อันตรายที่สุดเพราะเธอไม่เคยทำร้ายใครจนถึงชีวิต เธอแค่ขโมยหัวใจพวกเขา ของ ๆ พวกเขาอีกนิดหน่อย และปิดฉากความสัมพันธ์อย่างแยบคายด้วยเล่ห์กล
<br><br>
<b><font color="Black">APPEARANCE </font></b><br>
<p style="text-indent: 2.5em;">เลธิเซียเกิดมาเพื่อเป็นนางแมวขโมยโดยเฉพาะ เธอมีรูปร่างเพรียวบางจากการฝึกฝนที่ทำให้มีกล้ามเนื้อในแบบที่พอดี นอกจากหน้าตาที่สวยคมโดดเด่นยังมีแต้มต่อในเรื่องของความสูงและเรือนร่างอวบอิ่มที่ช่วยขับส่งให้ภาพลักษณ์สาวผมแดงตาม่วงอยู่เหนือเกินกว่าจินตนาการ

                                        </font></font></div>
                        </div>
                </div>
        </div>
</div><a href="https://bettyleg.tumblr.com/" class="btcred-t" style="text-decoration:none; font-family:'general sans'">COPYCAT</a>

<link href="https://api.fontshare.com/v2/css?f[]=general-sans@500,900&f[]=telma@900&display=swap" rel="stylesheet" />
<link href="https://bettyleg.github.io/B-squedas/WaffleHouse_night.css" rel="stylesheet" />


<div class="bettyj-busq" style="--accent: #a78dbd;--accent-op: #a78dbd7d;">
        <div style=" background-image: url('https://i.imgur.com/s7pRilR.png');">
                <div class="bettyjb-portada"><b>THE POET</b><span>Danilo <i class="fa-solid fa-chevron-right"></i> Coglianese</span>
                        <div class="bettyjb-texto">
                                <div class="bettyjb-title"><img src="https://i.imgur.com/GZi3o9K.png"><b>Wandering Poet</b><span>Danilo Coglianese</span></div>
                                <div class="bettyjb-texarea"><font face="Kanit"><font size="2">
<b><font color="Black">Birthday : </b> </font>26 June 2007<br>
<b><font color="Black">Race : </b> </font>Italian<br>
<b><font color="Black">Status : </b> </font>Alive<br>
<b><font color="Black">Relationship : </b> </font>โสด<br>
<b><font color="Black">Tattoo : </b> </font>แขนขวา<br>
<b><font color="Black">Height / Weight : </b> </font>178cm. / 70kg. (ยังโตได้อีก)<br>
<b><font color="Black">Bloodline : </b> </font>บุตรอะพอลโล่

<br><br>
<p style="text-indent: 2.5em;">ดานิโล โคเกลียเนเซ่ หนุ่มนักดนตรีผู้เสียอีกครึ่งของจิตวิญญาณ เขาไม่ใช่คนที่ฟ้าต้องการให้เข้าร่วมกับกองร้อยที่ 1 เดิมที่ตำแหน่งนี้ควรจะเป็นของดานิล่า น้องสาวฝาแฝดของเขา น่าเสียดายที่จากการเดินทางตามหาค่าย ดานิล่าเสียชีวิต เช่นเดียวกับดานิโลที่สูญเสียแสงสว่างในแววตาไปจนหมดสิ้น
<br><br>
<p style="text-indent: 2.5em;"> เขาเป็นชายที่ถูกลืม (เขาคิดว่าเป็นแบบนั้น) แต่ในขณะเดียวกันก็เป็นที่รัก หากคุณต้องการชายที่สามารถเยียวยาทั้งร่างกายและหัวใจของคุณได้ การมาหาเขา ถือเป็นตัวเลือกที่ฉลาดที่สุดแล้ว
<br><br>
<b><font color="Black">PERSONALITY</b> </font><br>
<p style="text-indent: 2.5em;">เขาเป็นผู้ชายเงียบ ๆ ที่ชอบอยู่ในพื้นที่สันโดษ ไม่ชอบการเป็นที่สนใจจนทำให้หลายครั้งตัดสินใจที่จะหลบหนีแต่ถึงอย่างนั้นเขาก็ยังรักการเดินทางและการตามหาสิ่งใหม่ ๆ แม้ว่าจะมีบรรยากาศเศร้าสร้อยคอยลอยฟุ้งรอบตัวก็ตาม หลายครั้งที่เขาดูเหมือนเหม่อลอยแต่การเหม่อลอยของเขาก็เป็นแค่เพียงภาพลวงตา
<br><br>
<b><font color="Black">APPEARANCE </font></b><br>
<p style="text-indent: 2.5em;">เขามีรูปร่างผอมบางจากการใช้ชีวิตอย่างเศร้าสร้อย ผิวของเขาเดิมเป็นสีเปลือกไข่แต่ตอนนี้กลับเริ่มซีดเซียวลงเขาชอบสวมเสื้อผ้าที่เรียบง่ายหรือผ่านการใช้งานอย่างสมบุกสมบัน เช่น เสื้อคลุมเก่า ๆหรืออะไรก็ตามที่สีเข้ม(แต่ก็ยังเก่า) เขามีดวงตาสีเทาหม่น เส้นผมยาวประบ่ายุ่งเหยิงตามสายลม บนใบหน้ามักมีรอยยิ้มที่มักจะมีแค่เลือนรางทำให้เขาดูเหมือนมีเรื่องราวมากมายที่ไม่ได้เล่าออกมา
                                        </font></font></div>
                        </div>
                </div>
        </div>
</div><a href="https://bettyleg.tumblr.com/" class="btcred-t" style="text-decoration:none; font-family:'general sans'">POET</a>

<link href="https://api.fontshare.com/v2/css?f[]=general-sans@500,900&f[]=telma@900&display=swap" rel="stylesheet" />
<link href="https://bettyleg.github.io/B-squedas/WaffleHouse_night.css" rel="stylesheet" />





<br><br></div>


<style>

        .bettyj-busq {
                font-family: 'General Sans';
                color: #fff;
                width: 500px;
                height: 500px;
                border: var(--border);
                margin: 0 auto;
                border-radius: 9px;
                background: var(--background-1);
                padding: 10px;
        }

        .bettyj-busq>div {
                border: var(--border);
                height: 100%;
                border-radius: 5px;
                overflow: hidden;
                box-sizing: border-box;
                background-image: url('https://thumbs.dreamstime.com/b/mountain-landscape-sunset-dawn-stock-vector-illustration-78751548.jpg');
                background-size: cover;
                background-position: center;
                background-color: #000;
                background-blend-mode: luminosity;
                position: relative;
        }

        .bettyjb-portada {
                background: var(--accent-op);
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                overflow: hidden;
                position: relative;
                z-index: 1;
                position: relative;
        }

        .bettyjb-portada:before {
                content: "";
                width: 100px;
                height: 95px;
                border-radius: 100%;
                position: absolute;
                z-index: -1;
                background: var(--accent);
                transition: .5s all;
                border: 5px solid #fff;
        }

        .bettyjb-portada>b {
                color: var(--accent);
                text-shadow: 1px 1px #fff, -1px 1px #fff, -1px -1px #fff, 1px -1px #fff;
                font-size: 30px;
                text-transform: uppercase;
                max-width: 510px;
                text-align: center;
                line-height: 30px;
                position: relative;
                letter-spacing: 1px;
                transition: .4s all;
                transition-delay: .5s;
                top: 0;
                z-index: 2;
        }

        .bettyjb-portada>span {
                background: var(--accent);
                border: 1px solid #fff;
                margin-top: 5px;
                line-height: 12px;
                border-radius: 3px;
                padding: 2px 5px;
                color: #fff;
                text-align: center;
                text-transform: uppercase;
                font-size: 10px;
                transition: .6s all;
                transition-delay: .5s;
                position: relative;
                top: 0;
                z-index: 2;
        }

        .bettyjb-portada>span>i {
                color: #fff;
                padding: 0 3px;
                font-size: 6px;
        }

        .bettyjb-portada:hover:before {
                width: 650px;
                height: 650px;
                background: var(--accent-op);
        }

        .bettyjb-portada:hover>b {
                top: -500px;
        }

        .bettyjb-portada:hover>span {
                top: 500px;
        }

        .bettyjb-portada:hover .bettyjb-texto {
                transform: scale(1);
                opacity: 1;
        }

        .bettyjb-portada>.bettyjb-texto>* {
                opacity: 0;
                transition: .1s all;
        }

        .bettyjb-portada:hover>.bettyjb-texto>* {
                opacity: 1;
        }

        .bettyjb-texto {
                height: 85%;
                width: 90%;
                position: absolute;
                transition: .3s all;
                transition-delay: .6s;
                z-index: 1;
                overflow: auto;
                opacity: 0;
                color: #fff;
                transform: scale(0);
                margin: 20px;
                box-sizing: border-box;
        }

        .bettyjb-title {
                position: relative;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column;
                padding-left: 115px;
                height: 90px;
        }

        .bettyjb-title>img {
                width: 80px;
                height: 80px;
                background: #fcfcfc;
                border-radius: 100%;
                padding: 5px;
                position: absolute;
                left: 0;
        }

        .bettyjb-title>b {
                font-family: telma;
                font-size: 25px;
                color: #fff;
        }

        .bettyjb-title>span {
                text-transform: uppercase;
                font-weight: 700;
                font-size: 10px;
                letter-spacing: 2px;
        }

        .bettyjb-texarea {
                width: 380px;
                margin: 0 auto;
                height: 300px;
                overflow: auto;
                padding: 10px;
                box-sizing: border-box;
                border-left: 2px solid #fff;
                margin-left: 45px;
                padding-left: 20px;
        }

        .bettyjb-texarea {
                text-align: justify;
                font-size: 12px;
                line-height: 16px;
        }

        .bettyj-busq {
                --background-1: #111;
                --border: 1px solid #444;
        }

        a.btcred-t {
                width: 400px;
                margin: 0 auto;
                text-align: center;
                display: block;
                margin-top: 5px;
                text-transform: uppercase;
                font-size: 10px;
                letter-spacing: 2px;
                font-weight: 600;
                color: #aaa;
        }

div::-webkit-scrollbar {
        width: 5px;
        height: 2px;
}
div::-webkit-scrollbar-button:start:decrement,
div::-webkit-scrollbar-button:end:increment {
        height: 10px;
        display: none;
        background: #a78dbd;
}
div::-webkit-scrollbar-track-piece {
        background: #ccc;
}
div::-webkit-scrollbar-thumb:vertical {
        height: 20px;
        background: #a78dbd;
        border: 1px solid #a78dbd;
}
div::-webkit-scrollbar-thumb:horizontal {
        height: 20px;
        background: #a78dbd;
        border: 1px solid #a78dbd;
}
</style>

God โพสต์ 2024-12-25 14:27:26

<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;900&amp;family=Noto+Sans+Thai:wght@300;400;600&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rye&amp;display=swap" rel="stylesheet">

<style>

/* (ตัวเลือก) ถ้าไม่อยากให้โลโก้/อีโมจิในการ์ดโดนเอฟเฟกต์ */
.my-post img.brand-logo,
.my-post img.emoji { box-shadow: none !important; transition: none !important; }


/* ==== Global wallpaper (safe) ==== */
html, body{
background: transparent !important;/* ล้างพื้นหลัง body/html เดิมเพื่อให้วอลเปเปอร์มองเห็น */
min-height: 100%;
}

:root{
--wallpaper-url: url("https://img5.pic.in.th/file/secure-sv1/a512b9a4b8c599b6072e04739d68b9dcc312e4162aee35-YbMKGO_fw1200.gif");
}

html::before{
content:"";
position: fixed;      /* ล็อกกับหน้าจอ */
inset: 0;               /* เต็มจอ */
z-index: -1;            /* ไปอยู่หลังทุกอย่าง */
pointer-events: none;

background-image: var(--wallpaper-url);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;

/* เผื่ออ่านง่าย ปรับได้ 0.6–1 */
opacity: 1;

/* สีสำรองตอนโหลดรูปไม่ได้ */
background-color: #0b0a0a;
}

/* ==== OVERRIDE: ทำให้คอลัมน์ซ้ายแคบลงจริง ๆ ==== */

/* เซนจูเรี่ยนคงเดิม */
.id-card .fields .row{
grid-template-columns: 140px 1fr !important;
}

/* ผู้เล่น + NPC/TGC ให้ซ้ายแคบลง (แก้ตัวเลขได้ตามชอบ) */
.id-card .fields .row{
grid-template-columns: 90px 1fr !important;/* ← อยากแคบ/กว้างขึ้น เปลี่ยน 86px */
}
.id-card .fields .row,
.id-card   .fields .row{
grid-template-columns: 75px 1fr !important;/* ← อยากแคบ/กว้างขึ้น เปลี่ยน 86px */
}

/* กัน label ยาวแล้วดันบรรทัด */
.fields dt{ white-space: nowrap; }

/* ให้ฝั่งขวารองรับข้อความยาว ๆ ได้ */
.fields dd{ overflow-wrap: anywhere; }

/* ===== Compact variant เฉพาะ Player + NPC/TGC (ต่อหลายใบต่อแถว) ===== */
/* วางบล็อกนี้ "ใต้สุด" ของ <style> เดิม เพื่อให้ค่าทับของเดิม */

.id-card,
.id-card{
/* ย่อการ์ดลงทั้งใบ */
--card-w: 260px;      /* กว้างการ์ด: ปรับ 240–280 ได้ */
--card-h: 500px;      /* สูงการ์ด */
--side-w: 28px;       /* ความกว้างแถบข้างแนวตั้ง */
--head-h: 84px;       /* สูงหัวการ์ด */
--photo-h: 180px;   /* สูงโซนรูป */
--photo-w: 210px;   /* กว้างกรอบรูป (ในโซน) */
}

/* หัวการ์ดให้เล็กลง */
.id-card .card-head,
.id-card   .card-head{
padding: 8px 10px;
grid-template-columns: 72px 1fr;
}
.id-card .brand,
.id-card   .brand{ width:62px; height:62px; border-radius:12px; }
.id-card .brand-logo,
.id-card   .brand-logo{ width:48px; height:48px; }
.id-card .position,
.id-card   .position{ font-size: clamp(16px, 2vw, 20px); line-height:1.1; }

/* แถบข้างแนวตั้ง + โซนรูป */
.id-card .card-side,
.id-card   .card-side{ font-size:10px; padding:4px 0; }

.id-card .card-photo,
.id-card   .card-photo{ padding: 8px 10px 6px; }
.id-card .frame,
.id-card   .frame{
width: min(100%, var(--photo-w));
height: 100%;
border-width: 2px;
border-radius: 10px;
}

/* เนื้อหา fields ให้กระชับ */
.id-card .card-info,
.id-card   .card-info{ padding: 6px 10px 10px; }

.id-card dl.fields,
.id-card   dl.fields{ padding: 6px 8px; line-height:1.12; }

.id-card .fields .row,
.id-card   .fields .row{
grid-template-columns: 100px 1fr;
gap:6px;
padding:3px 0;
}
.id-card .fields dt,
.id-card   .fields dt{ font-size:.82rem; }
.id-card .fields dd,
.id-card   .fields dd{ font-size:.9rem; }

/* ทำให้แถววางการ์ดแน่นขึ้นอีกนิด */
.id-grid{ gap: 12px !important; } /* ถ้าอยากชิดขึ้นอีกลอง 10px */

/* ===== ลดช่องว่างล่างของ Player + NPC/TGC (เซนจูเรี่ยนคงเดิม) ===== */

/* ยกเลิกความสูงบังคับ และไม่ยืดแถวล่างแล้ว */
.id-card,
.id-card{
height: auto !important;
grid-template-rows: var(--head-h) var(--photo-h) auto !important;
}

/* ลด padding ล่างของโซนข้อมูลส่วนตัวให้ชิดขอบ */
.id-card .card-info,
.id-card   .card-info{
padding: 9px 13px 9px;   /* ลดจากเดิม 8px 16px 16px */
}

/* กันระยะเผื่อของกล่องข้อมูล */
.id-card dl.fields,
.id-card   dl.fields{
margin: 0;
}

/* (ตัวเลือก) ถ้าต้องการให้ชิดกว่านี้อีกนิด */
.id-card .fields .row,
.id-card   .fields .row{
padding: 3px 0;
}


/* ==== Bookframe ที่ใช้รูปภาพ (แยกคลาส) ==== */
.bookframe{
--frame-url: url("https://img2.pic.in.th/pic/Gemini_Generated_Image_div9hxdiv9hxdiv9-1.png");
--frame-slice: 20;         /* จูน 180–280 ตามลายมุม */
--frame-width: 64px;          /* ความหนากรอบ */
--frame-radius: 26px;
--frame-padding: calc(var(--frame-width) + 22px);

position: relative;
isolation: isolate;
padding: var(--frame-padding);
border-radius: var(--frame-radius);
background: transparent !important;/* ให้เห็นเนื้อในจากรูป */
}
.bookframe::before{
content:"";
position:absolute; inset:0;
border-style: solid;
border-width: var(--frame-width);
border-image-source: var(--frame-url);
border-image-slice: var(--frame-slice) fill;   /* fill = ใช้ส่วนกลางรูปเป็นพื้น */
border-image-width: var(--frame-width);
border-image-repeat: stretch;
border-radius: var(--frame-radius);
z-index:0; pointer-events:none;
}
.bookframe > *{ position: relative; z-index: 1; } /* เนื้อหาลอยเหนือกรอบ */

/* ================== Layout (ปรับได้) ================== */
:root{
--gallery-max: 1100px;
--grid-min: 320px;   /* ความกว้างขั้นต่ำของการ์ด */
--gap: 16px;
--card-radius: 22px;
--card-shadow: 0 14px 36px rgba(0,0,0,.22);
--border: #1f1f1f;
--paper: #ffffff;
--ink: #1b1b1b;
--muted: #666;
}

/* กล่องรวม + หัวข้อใหญ่ */
.id-gallery{
font-family: "Noto Sans Thai", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
color: var(--ink);
max-width: var(--gallery-max);
margin: 0 auto;
}
.id-title{
font-family:"Cinzel",serif;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 900;
font-size: clamp(22px, 3vw, 30px);
margin: 8px 0 14px;
}

/* ==== Row: 2 ใบต่อแถว พอดีหน้ากลางพอดี ==== */
.id-row.twoper{
display:flex;
flex-wrap:wrap;               /* เกิน 2 ใบค่อยขึ้นบรรทัดใหม่ */
gap:var(--gap);
justify-content:center;         /* จัดกลางแนวนอน */
align-items:flex-start;
max-width: calc(2 * var(--card-w) + var(--gap)); /* กว้างเท่า 2 ใบ+ช่องว่าง */
margin-inline:auto;             /* กึ่งกลางทั้งบล็อก */
}
.id-row.twoper .id-card{
flex: 0 0 var(--card-w);      /* ใช้ความกว้างการ์ดที่ล็อกไว้ */
}


/* ========== Bookframe skin for .id-gallery (fix) ========== */
:root{
/* ใส่ลิงก์ภาพกรอบของคุณ (ต้องเป็น URL รูปจริงๆ) */
--frame-url: url("https://img2.pic.in.th/pic/Gemini_Generated_Image_yew1cwyew1cwyew1.png");

/* จูนขนาดกรอบ */
--frame-slice: 220;       /* 180–280 แล้วดูให้พอดีลายมุม */
--frame-width: 64px;      /* 48–88px กำลังสวย (200px ใหญ่มากไป) */
--frame-radius: 26px;
--frame-shadow: 0 18px 60px rgba(0,0,0,.55);
--frame-padding: calc(var(--frame-width) + 22px); /* เว้นที่ให้กรอบ */
}

/* ทำ .id-gallery เป็นผืนเฟรม */
.id-gallery{
position: relative;
isolation: isolate;            /* กัน z-index ชนของนอก */
padding: var(--frame-padding);   /* ให้เนื้อหาไม่ชนกรอบ */
border-radius: var(--frame-radius);
background: transparent !important; /* ให้เห็นพื้นจากรูปเฟรม */
}

/* วาดกรอบด้วย border-image + ใช้ส่วนกลางรูปเป็นพื้นด้านใน */
.id-gallery::before{
content: "";
position: absolute; inset: 0;
border-style: solid;
border-width: var(--frame-width);
border-image-source: var(--frame-url);
border-image-slice: var(--frame-slice) fill;/* fill = เอาส่วนกลางรูปมาเป็นพื้น */
border-image-width: var(--frame-width);
border-image-repeat: stretch;
border-radius: var(--frame-radius);
box-shadow: var(--frame-shadow);
z-index: 0;
pointer-events: none;
}

/* ให้ทุกอย่างใน .id-gallery ลอยอยู่เหนือเฟรม */
.id-gallery > *{ position: relative; z-index: 1; }

/* Fallback ถ้าเบราว์เซอร์ไม่รองรับ border-image fill */
@supports not (border-image-slice: 1 fill){
.id-gallery{
    background:
      radial-gradient(140% 120% at 0% 0%, #14382d 0%, transparent 60%),
      radial-gradient(140% 120% at 100% 100%, #14382d 0%, transparent 60%),
      linear-gradient(180deg, #0b0a0a, #070607) !important;
    padding: 26px !important;
    border: 10px solid #1a1a1a !important;
    border-radius: 26px !important;
    box-shadow: inset 0 0 70px rgba(0,0,0,.6) !important;
}
}

/* กริดการ์ด */
.id-grid{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--grid-min), 1fr));
gap: var(--gap);
}

/* ===== Fixed Card Size + Compact + Center (drop-in) ===== */

/* ขนาดเป้าหมายของการ์ด */
:root{
--card-w: 370px;   /* ความกว้างการ์ด */
--card-h: 600px;   /* ความสูงการ์ด */
--side-w: 40px;      /* ความกว้างแถบข้างแนวตั้ง */
--head-h: 112px;   /* ความสูงหัวการ์ด */
--photo-h: 248px;    /* ความสูงบล็อกรูป (ไม่รวม padding) */
--photo-w: 260px;    /* ความกว้างกรอบรูป (จูนได้) */
}

/* 1) กึ่งกลางทุกอย่างจริง ๆ */
.id-gallery{ max-width: var(--gallery-max); margin-inline: auto; }
.id-grid{
display: flex !important;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;      /* กึ่งกลางแนวนอน */
align-items: flex-start;
margin-inline: auto;
}

/* 2) ล็อกขนาดการ์ด */
.id-card{
width: var(--card-w) !important;
height: var(--card-h) !important;
grid-template-columns: var(--side-w) 1fr !important;
grid-template-rows: var(--head-h) var(--photo-h) 1fr !important;
overflow: hidden;         /* กันเนื้อหาทะลุกรอบ */
}

/* 3) ย่อส่วนประกอบให้สัมพันธ์กับการ์ด */
.card-head{
padding: 10px 12px;
grid-template-columns: 96px 1fr;/* ช่องโลโก้เล็กลง */
}
.brand{ width: 84px; height: 84px; border-radius: 14px; }
.brand-logo{ width: 64px; height: 64px; }

.card-side{
font-size: 11px; letter-spacing:.08em;
padding: 6px 0;
}

.card-photo{
padding: 8px 10px 6px;      /* รูปจะสูง = --photo-h - padding */
display: flex; justify-content: center; align-items: center;
min-height: 0;            /* ให้ child ใช้ 100% ได้จริง */
}
.frame{
width: min(100%, var(--photo-w));
height: 100%;               /* = พอดีกับแถวรูป */
border-width: 2px;
border-radius: 12px;
overflow: hidden;
}
.photo{
width: 100%; height: 100%;
object-fit: cover;          /* ถ้ารูปไม่พอดีจะครอปให้สวย */
object-position: center;
}

/* 4) ข้อมูลให้กระชับบรรทัด (การ์ดเตี้ยลง) */
.card-info{ padding: 6px 12px 10px; overflow: hidden; }
dl.fields{ padding: 8px 10px; line-height: 1.16; }
.fields .row{
grid-template-columns: 110px 1fr;
gap: 6px; padding: 3px 0;
}
.fields dt, .fields dd{ line-height: 1.10; font-size: .9rem; }
.position{ font-size: 22px; line-height: 1.15; }

/* (ตัวเลือก) ถ้าอยากล็อกขนาดรูปแบบ “100x200 เป๊ะ” ภายในการ์ด
   ให้ยกเลิกสองบรรทัดบนของ .frame แล้วใช้บล็อกนี้แทน: */
/*
.frame{ width: 200px; height: 100px; margin:auto; }// จูนค่าได้
.photo{ object-fit: cover; }
*/

/* —— Patch: เพิ่ม/ลดเรืองแสงกรอบ Bookframe —— */
:root{
/* เงาดำ + ฮาโลว์ทองนุ่ม ๆ รอบกรอบ */
--frame-shadow:
    0 22px 70px rgba(244,229,187,.55),      /* เงาหนักด้านนอก */
    0 0 36px 10px rgba(201,175,144,.28);/* ฮาโลว์สีทองรอบกรอบ */
}

/* (ตัวเลือก) ใส่เรืองแสงด้านในกรอบให้ภาพดูสว่างขอบ ๆ */
.id-gallery::after{
content:"";
position:absolute;
inset: calc(var(--frame-width) - 8px);         /* ชิดขอบด้านใน */
border-radius: calc(var(--frame-radius) - 10px);
pointer-events:none;
box-shadow: inset 0 0 42px 14px rgba(241,225,184,.18); /* glow ด้านใน */
}

/* ===== Compact & Center Patch ===== */

/* 1) ลดขนาดการ์ดและช่องว่างรวม */
:root{
--grid-min: 140px;   /* การ์ดขั้นต่ำเล็กลง (เดิม 320/280) */
--card-max: 240px;   /* การ์ดไม่เกินกว้างเท่านี้ */
--gap: 12px;         /* ช่องว่างระหว่างการ์ดลดลงหน่อย */
}

/* 2) จัดกึ่งกลางจริงด้วย Flex (แทน grid ที่มักลอยซ้าย) */
.id-grid{
display: flex !important;
flex-wrap: wrap;
gap: var(--gap);
justify-content: center;   /* กึ่งกลางแนวนอน */
align-items: stretch;
max-width: var(--gallery-max);
margin-inline: auto;       /* กึ่งกลางทั้งบล็อก */
}

/* 3) กระชับระยะภายในการ์ดให้เตี้ยลง (บรรทัดชิดขึ้น) */
.id-card{ border-radius: 18px; }
.card-head{
padding: 10px 12px;               /* เดิม 14px 16px */
grid-template-columns: 88px 1fr;    /* ช่องโลโก้เล็กลง */
}
.brand{ width: 72px; height: 72px; border-radius: 14px; }
.brand-logo{ width: 56px; height: 56px; }

.card-photo{ padding: 12px 12px 6px; } /* กรอบรูปชิดขึ้น */
.frame{
max-width: 260px;                   /* รูปเล็กลงตามการ์ด */
border-width: 2px;
border-radius: 14px;
}

.card-info{ padding: 6px 12px 12px; } /* เนื้อหาล่างชิดขึ้น */
dl.fields{
padding: 8px 10px;                  /* เดิม 10px 12px */
line-height: 1.18;                  /* บรรทัดรวมแน่นขึ้น */
}
.fields .row{
grid-template-columns: 120px 1fr;   /* คอลัมน์ label แคบลง */
gap: 6px;
padding: 4px 0;                     /* ลดระยะในแต่ละแถว */
border-bottom: 1px dashed #ded6d0;
}
.fields .row:last-child{ border-bottom: none; }
.fields dt, .fields dd{ line-height: 1.10; } /* บรรทัดชิด */
.fields dt{ font-size: .88rem; }
.fields dd{ font-weight: 700; }

/* ชื่อใหญ่กระชับขึ้นนิด ให้การ์ดเตี้ยลง */
.position{
font-size: clamp(18px, 2.2vw, 24px);
line-height: 1.15;
}

/* 4) เผื่อกรอบเฟรมใหญ่: จัดให้คอนเทนต์ทั้งก้อนอยู่กึ่งกลาง */
.id-gallery{ max-width: var(--gallery-max); margin-inline: auto; }


/* ================== Card ================== */
.id-card{
/* สีรายการ์ด (แก้ได้ต่อใบ) */
--accent: #4B0E14;   /* เบอร์กันดี้ */
--accent-2: #B37C5B; /* โทนรอง/เส้น */
--ink-invert: #fff;

display: grid;
grid-template-areas:
    "head head"
    "side photo"
    "side info";
grid-template-columns: 44px 1fr;
grid-template-rows: auto auto 1fr;

background: var(--paper);
border: 1px solid var(--border);
border-radius: var(--card-radius);
overflow: hidden;
box-shadow: var(--card-shadow);
}

/* แถบหัวสีกว้าง (ตำแหน่ง + โลโก้) */
.card-head{
grid-area: head;
display: grid;
grid-template-columns: 110px 1fr;
align-items: center;
gap: 12px;
padding: 14px 16px;
background:
    linear-gradient(180deg, color-mix(in srgb, var(--accent), #000 12%) 0%, var(--accent) 100%);
color: var(--ink-invert);
}

/* ช่องโลโก้กลม ๆ */
.brand{
display:flex; align-items:center; justify-content:center;
width: 92px; height: 92px;
background: color-mix(in srgb, var(--accent), #fff 20%);
border-radius: 18px;
border: 2px solid rgba(255,255,255,.5);
box-shadow: inset 0 0 0 3px rgba(0,0,0,.08);
}
.brand-logo{
width: 70px; height: 70px; object-fit: contain;
filter: drop-shadow(0 1px 1px rgba(0,0,0,.2));
}

/* ชื่อใหญ่ = ตำแหน่ง */
.position{
font-family:"Cinzel",serif;
text-transform: uppercase;
letter-spacing:.06em;
font-weight: 800;
font-size: clamp(20px, 2.6vw, 28px);
line-height: 1.1;
}

/* แถบซ้ายตัวหนังสือแนวตั้งแบบในตัวอย่าง */
.card-side{
grid-area: side;
background: #f6f3ef;
border-right: 1px solid #e6ded6;
color: #7a6e64;
display:flex; align-items:center; justify-content:center;
padding: 10px 0;
writing-mode: vertical-rl;
transform: rotate(180deg);
letter-spacing:.08em;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
}

/* กรอบรูป */
.card-photo{
grid-area: photo;
display:flex; justify-content:center; padding: 16px 16px 8px;
}
.frame{
width: 100%;
max-width: 320px;
aspect-ratio: 3/4;
border: 3px solid color-mix(in srgb, var(--accent-2), #000 20%);
border-radius: 16px;
background: #fff;
overflow: hidden;
box-shadow: 0 4px 0 0 rgba(0,0,0,.06) inset, 0 6px 14px rgba(0,0,0,.08);
}
.photo{
width:100%; height:100%; object-fit: cover; object-position: center;
}

/* ฟิลด์ข้อมูล */
.card-info{
grid-area: info;
padding: 8px 16px 16px;
}
dl.fields{
margin:0;
border: 2px solid color-mix(in srgb, var(--accent-2), #000 15%);
border-radius: 12px;
padding: 10px 12px;
background: linear-gradient(180deg, #fff, #faf7f5);
}
.fields .row{
display:grid;
grid-template-columns: 140px 1fr;
gap:8px;
align-items:center;
padding: 6px 0;
border-bottom: 1px dashed #ded6d0;
}
.fields .row:last-child{ border-bottom: none; }
.fields dt{
color:#7b7066;
font-weight:600;
font-size:.92rem;
}
.fields dd{
margin:0;
color:var(--ink);
font-weight:700;
letter-spacing:.02em;
}
.fields a{
color: var(--accent);
text-decoration: none;
border-bottom: 1px solid color-mix(in srgb, var(--accent), #000 15%);
}
.fields a:hover{ opacity:.9; border-bottom-style:dashed; }

/* hover นิดหน่อยให้พรีเมียม */
.id-card:hover{ transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0,0,0,.26); }

/* สีสำเร็จรูปตามหมวด (ไม่จำเป็นต้องใช้ ถ้าเซ็ต style เองบนการ์ด) */
.id-card{ --accent:#b53325; --accent-2:#D7AE8C; }
.id-card{    --accent:#e5a657; --accent-2:#B37C5B; }
.id-card{       --accent:#f4e2ce; --accent-2:#8F5C3C; }

/* responsive */
@media (max-width:520px){
.id-card{ grid-template-columns: 38px 1fr; }
.brand{ width:80px;height:80px; }
.brand-logo{ width:60px;height:60px; }
.fields .row{ grid-template-columns:120px 1fr; }
}

/* ========== WONDER-FRAME (ชื่อคลาส wg- ทั้งหมด ปลอดภัยจากของเดิม) ========== */
.wg-thread{
/* พาเลตตามที่ต้องการ */
--paper:#F7F2E4; --beige:#F0E5CA; --sand:#DDD2C6; --parch:#CBBBAC;
--gold:#C9AF90; --pale:#F1E1B8; --wheat:#ECDCA4;
--ink:#2b2620; --muted:#6f655b;

--max:1200px; --gap:22px; --slot-w:360px; --radius-xl:28px;

max-width:var(--max);
margin:24px auto;
padding:22px 22px 28px;
color:var(--ink);
font-family:"Noto Sans Thai",system-ui,sans-serif;
position:relative; border-radius:calc(var(--radius-xl) + 8px);
background:linear-gradient(180deg,#fffdf7,var(--paper));
box-shadow:0 10px 24px rgba(0,0,0,.06), inset 0 0 0 2px rgba(201,175,144,.25);
}
.wg-thread::before,
.wg-thread::after{
content:""; position:absolute; inset:10px; border-radius:var(--radius-xl); pointer-events:none;
}
.wg-thread::before{ box-shadow: inset 0 0 0 2px var(--sand), inset 0 0 0 8px rgba(255,255,255,.6); }
.wg-thread::after{ inset:22px; box-shadow: inset 0 0 0 2px var(--parch); }

/* Pills ด้านบน (ใช้อาหรือไม่ใช้ก็ได้) */
.wg-nav{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:6px 0 14px; }
.wg-pill{
display:inline-flex; align-items:center; justify-content:center;
min-width:140px; padding:10px 14px; font-weight:700; font-size:.95rem;
letter-spacing:.05em; text-transform:lowercase; color:#2b3530; text-decoration:none;
background:linear-gradient(180deg,var(--pale),var(--wheat));
border:1.5px solid color-mix(in srgb,var(--gold),#000 15%);
border-radius:12px; box-shadow:0 2px 0 rgba(0,0,0,.05), 0 8px 18px rgba(0,0,0,.06);
}
.wg-pill:hover{ filter:brightness(1.03); transform:translateY(-1px); }

/* หัวเรื่อง */
.wg-title{
font-family:"Cinzel",serif; text-align:center; text-transform:uppercase;
font-weight:900; letter-spacing:.08em; font-size:clamp(28px,4vw,44px);
margin:6px 0 4px;
}
.wg-sub{ text-align:center; color:var(--muted); margin-bottom:18px; letter-spacing:.05em; font-size:.95rem; }

/* แผงด้านในสำหรับวางการ์ด */
.wg-panel{
background:linear-gradient(180deg,#fffefb,var(--beige));
border-radius:var(--radius-xl); padding:28px 22px;
box-shadow: inset 0 0 0 2px var(--sand), inset 0 0 0 8px rgba(255,255,255,.6), inset 0 0 0 12px rgba(203,187,172,.25);
}

/* กริดวางการ์ด (ใช้ .id-card เดิมของคุณได้เลย) */
.wg-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:var(--gap); }

/* ช่องกรอบซ้อน (ถ้าอยากได้กรอบโค้งซ้อนแบบภาพตัวอย่าง) */
.wg-slot{
width:var(--slot-w); border-radius:22px; background:#fff; padding:14px;
box-shadow: inset 0 0 0 2px var(--sand), inset 0 0 0 8px rgba(247,242,228,.9),
            inset 0 0 0 12px rgba(203,187,172,.45), 0 10px 22px rgba(0,0,0,.06);
}
.wg-slot:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.08),
               inset 0 0 0 2px var(--sand), inset 0 0 0 8px rgba(247,242,228,.9),
               inset 0 0 0 12px rgba(203,187,172,.45); }
.wg-slot > *{ width:100%; }

/* ตัวเลือก: บังคับ “2 ใบพอดีหน้า” */
.wg-grid.two-up{ max-width: calc(2 * var(--card-w) + var(--gap)); margin-inline:auto; }
@media (max-width:820px){ .wg-grid.two-up{ max-width: var(--card-w); } }

/* === Centurion: ย่อทั้งใบแต่คงสัดส่วนเดิม (ยังใหญ่กว่า Player/NPC) === */
.id-card{
/* สเกลลงทั้งใบ */
--card-w: 320px;   /* เดิม 370 */
--card-h: 540px;   /* เดิม 600 */
--side-w: 36px;    /* เดิม 40 */
--head-h: 100px;   /* เดิม 112 */
--photo-h: 220px;/* เดิม 248 */
--photo-w: 235px;/* เดิม 260 */
}

/* หัวการ์ดย่อสัดส่วนตาม */
.id-card .card-head{
padding: 9px 12px;
grid-template-columns: 84px 1fr;   /* เดิม 96px 1fr */
}
.id-card .brand{ width:78px; height:78px; border-radius:14px; }
.id-card .brand-logo{ width:60px; height:60px; }
.id-card .position{
font-size: clamp(19px, 2.4vw, 26px);
line-height: 1.12;
}

/* แถบข้าง + โซนรูป */
.id-card .card-side{ font-size:10.5px; padding:6px 0; }
.id-card .card-photo{ padding: 8px 12px 6px; }
.id-card .frame{ border-width:2px; border-radius:12px; }

/* กล่องข้อมูล (ซ้ายแคบ/ขวากว้างขึ้นนิดหน่อย แต่ยังได้สัดส่วนเดิม ๆ) */
.id-card .card-info{ padding: 6px 12px 12px; }
.id-card dl.fields{ padding: 8px 10px; line-height:1.16; }
.id-card .fields .row{
grid-template-columns: 125px 1fr;   /* เดิม 140px 1fr */
gap: 6px;
padding: 4px 0;
}
.id-card .fields dt{ font-size:.9rem; }
.id-card .fields dd{ font-size:.95rem; }

/* ===== จัดการ์ดเซนจูเรี่ยนให้อยู่ข้างกัน (เฉพาะสองใบนี้) ===== */
.centurion-row {
display: flex;
flex-wrap: wrap;       /* ถ้าหน้าจอแคบจะลงบรรทัดเอง */
justify-content: center;
align-items: flex-start;
gap: 20px;             /* ระยะห่างระหว่างการ์ด ปรับได้ */
}
.centurion-row .id-grid {
flex: 1 1 360px;       /* กว้างยืดได้ */
max-width: 400px;      /* จำกัดขนาดสูงสุดต่อใบ */
}
</style>

<div class="wg-thread">
<div class="bookframe"><!-- <<<< ใส่ชั้นนี้ -->
    <!-- ทั้ง title, id-grid, การ์ด ฯลฯ วางไว้ข้างใน bookframe -->

<!-- ====== เฟรมกระทู้แบบ Wonder Gals (แยกจากของเดิม ไม่ชนกัน) ====== -->

<div align="center"><img width="277" _height="218" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_l3pgrdl3pgrdl3pg-removebg-preview-1-1.png" border="0" alt=""></div>

<div class="wg-thread"><div style="text-align: center;"><br></div><div style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/18_20250913023258.png" width="600" _height="50" border="0"></div><div style="text-align: center;"><br></div>

<div style="text-align: center;"><span style="background-color: rgba(0, 0, 0, 0); color: rgb(118, 92, 92); font-family: Rye, serif; font-size: clamp(28px, 4vw, 44px); letter-spacing: 0.08em;">Cohort II </span><span style="background-color: rgba(0, 0, 0, 0); color: rgb(118, 92, 92); font-family: Rye, serif; font-size: clamp(28px, 4vw, 44px); letter-spacing: 0.08em;">Profile</span></div>
<div class="wg-sub">Ambition. Rivalry. Perfection.</div>


<!-- ===== เซนจูเรี่ยน ===== -->
<div class="id-grid"><article class="id-card" data-role="centurion"><header class="card-head"><div class="brand"><img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Centurion</div>
      </header>
      <div class="card-side">Players Profile Card</div>
      <figure class="card-photo">
      <div class="frame">
          <img class="photo" src="https://i.imgur.com/TyhC8yk.gif" alt="Portrait">
      </div>
      </figure>
      <section class="card-info">
      <dl class="fields">
          <div class="row"><dt>Name</dt><dd>Moneka M. Blossom</dd></div>
          <div class="row"><dt>Birthday</dt><dd>21 Jul 2010</dd></div>
          <div class="row"><dt>Race</dt><dd>Russian</dd></div>
          <div class="row"><dt>Orientation</dt><dd>Bisexual</dd></div>
          <div class="row"><dt>Bloodline</dt><dd>Ceres-Janus</dd></div>
          <div class="row"><dt>Character</dt><dd><a href="https://percyjackson.mooorp.com/thread/1136/1/1"><font size="3">♞</font></a></dd></div>
      </dl>
      </section>
    </article>


    <article class="id-card" data-role="centurion">
      <header class="card-head">
      <div class="brand">
          <img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Centurion</div>
      </header>
      <div class="card-side">Profile Card</div>
      <figure class="card-photo">
      <div class="frame">
          <img class="photo" src="https://img2.pic.in.th/pic/Untitled-design-380fb00c33a279161.gif" alt="Portrait">
      </div>
      </figure>
      <section class="card-info">
      <dl class="fields">
          <div class="row"><dt>Name</dt><dd>Lucas Aquinas</dd></div>
          <div class="row"><dt>Birthday</dt><dd>12 Mar 2007</dd></div>
          <div class="row"><dt>Race</dt><dd>American</dd></div>
          <div class="row"><dt>Orientation</dt><dd>Straight</dd></div>
          <div class="row"><dt>Bloodline</dt><dd>Demigod, Mars</dd></div>
      <div class="row"><dt>Character</dt><dd><a href="https://percyjackson.mooorp.com/NPC.CJP.php?sort_in_camp=npc_type_custom"><font size="3">♞</font></a></dd></div>
      </dl>
      </section>
    </article>

</div>

<!-- ===== ผู้เล่น ===== -->
<h3 class="id-title" style="font-size:18px; letter-spacing:.06em;"><br></h3>
<div class="id-grid">
    <!-- ผู้เล่น 1 (ใช้สีเบอร์กันดี้) -->
    <article class="id-card" data-role="player" style="--accent:#e5a657; --accent-2:#B37C5B;">
      <header class="card-head">
      <div class="brand">
          <img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Ⅱ Cohort Member</div>
      </header>
      <div class="card-side">Players Profile Card</div>
      <figure class="card-photo">
      <div class="frame">
          <img class="photo" src="https://img5.pic.in.th/file/secure-sv1/ChatGPT-Image-13-..-2568-00_14_17.png" alt="Livia Seren">
      </div>
      </figure>
      <section class="card-info">
      <dl class="fields">
          <div class="row"><dt>Name</dt><dd><span style="font-weight: normal;">Coming soon</span></dd></div>
          <div class="row"><dt>Birthday</dt><dd><span style="font-weight: normal;">Coming soon</span></dd></div>
          <div class="row"><dt>Race</dt><dd><span style="font-weight: normal;">Coming soon</span></dd></div>
          <div class="row"><dt>Orientation</dt><dd><span style="font-weight: normal;">Coming soon</span></dd></div>
          <div class="row"><dt>Bloodline</dt><dd><span style="font-weight: normal;">Coming soon</span></dd></div>
          <div class="row"><dt>Character</dt><dd><a href="https://percyjackson.mooorp.com/"><font size="3">♞</font></a></dd></div>
      </dl>
      </section>
    </article>

</div>

<!-- ===== NPC / TGC ===== -->
<h3 class="id-title" style="font-size:18px; letter-spacing:.06em;"><br></h3>
<div class="id-grid">
<article class="id-card" data-role="npc" style="--accent:#dfbc94; --accent-2:#8F5C3C;">
    <header class="card-head">
      <div class="brand">
      <img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Ⅱ Cohort Member</div>
    </header>
    <div class="card-side">TGC Profile Card</div>
    <figure class="card-photo">
      <div class="frame">
      <img class="photo" src="https://s.imgz.io/2025/11/29/Untitled-design-4-1374943cf9ea5fa6e.gif" alt="Gaius Nerva">
      </div>
    </figure>
    <section class="card-info">
      <dl class="fields">
      <div class="row"><dt>Name</dt><dd><span style="font-weight: normal;">Selene Irina</span></dd></div>
      <div class="row"><dt>Birthday</dt><dd><span style="font-weight: normal;">21 Dec 2009</span></dd></div>
      <div class="row"><dt>Race</dt><dd><span style="font-weight: normal;">American</span></dd></div>
      <div class="row"><dt>Orientation</dt><dd><span style="font-weight: normal;">Straight</span></dd></div>
      <div class="row"><dt>Bloodline</dt><dd><span style="font-weight: normal;">Demigod, Pluto</span></dd></div>
      <div class="row"><dt>Character</dt><dd><a href="https://percyjackson.mooorp.com/NPC.CJP.php?sort_in_camp=npc_type_custom"><font size="3">♞</font></a></dd></div>
      </dl>
    </section>
</article>

<!-- ใบที่ 3 -->
<article class="id-card" data-role="npc" style="--accent:#dfbc94; --accent-2:#8F5C3C;">
    <header class="card-head">
      <div class="brand">
      <img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Ⅱ Cohort Member</div>
    </header>
    <div class="card-side">TGC Profile Card</div>
    <figure class="card-photo">
      <div class="frame">
      <img class="photo" src="https://img2.pic.in.th/pic/-261ab62b2248faa66.gif" alt="Gaius Nerva">
      </div>
    </figure>
    <section class="card-info">
      <dl class="fields">
      <div class="row"><dt>Name</dt><dd><span style="font-weight: normal;">Viviana Rosella</span></dd></div>
      <div class="row"><dt>Birthday</dt><dd><span style="font-weight: normal;">14 Feb 2010</span></dd></div>
      <div class="row"><dt>Race</dt><dd><span style="font-weight: normal;">American</span></dd></div>
      <div class="row"><dt>Orientation</dt><dd><span style="font-weight: normal;">Bisexual</span></dd></div>
      <div class="row"><dt>Bloodline</dt><dd><span style="font-weight: normal;">Demigod, Venus</span></dd></div>
      <div class="row"><dt>Character</dt><dd><a href="https://percyjackson.mooorp.com/NPC.CJP.php?sort_in_camp=npc_type_custom"><font size="3">♞</font></a></dd></div>
      </dl>
    </section>
</article>

<!-- ใบที่ 4 -->
<article class="id-card" data-role="npc" style="--accent:#dfbc94; --accent-2:#8F5C3C;">
    <header class="card-head">
      <div class="brand">
      <img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Ⅱ Cohort Member</div>
    </header>
    <div class="card-side">TGC Profile Card</div>
    <figure class="card-photo">
      <div class="frame">
      <img class="photo" src="https://img5.pic.in.th/file/secure-sv1/-1-1618c82884fb5a5cb.gif" alt="Gaius Nerva">
      </div>
    </figure>
    <section class="card-info">
      <dl class="fields">
      <div class="row"><dt>Name</dt><dd><span style="font-weight: normal;">Nicholas Delfino</span></dd></div>
      <div class="row"><dt>Birthday</dt><dd><span style="font-weight: normal;">14 Jul 2011</span></dd></div>
      <div class="row"><dt>Race</dt><dd><span style="font-weight: normal;">American</span></dd></div>
      <div class="row"><dt>Orientation</dt><dd><span style="font-weight: normal;">Homosexual</span></dd></div>
      <div class="row"><dt>Bloodline</dt><dd><span style="font-weight: normal;">Demigod, Apollo</span></dd></div>
      <div class="row"><dt>Character</dt><dd><a href="https://percyjackson.mooorp.com/NPC.CJP.php?sort_in_camp=npc_type_custom"><font size="3">♞</font></a></dd></div>
      </dl>
    </section>
</article>

<!-- ใบที่ 5 -->
<article class="id-card" data-role="npc" style="--accent:#dfbc94; --accent-2:#8F5C3C;">
    <header class="card-head">
      <div class="brand">
      <img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Ⅱ Cohort Member</div>
    </header>
    <div class="card-side">Profile Card</div>
    <figure class="card-photo">
      <div class="frame">
      <img class="photo" src="https://img5.pic.in.th/file/secure-sv1/ChatGPT-Image-13-..-2568-00_14_17.png" alt="Gaius Nerva">
      </div>
    </figure>
    <section class="card-info">
      <dl class="fields">
      <div class="row"><dt>Name</dt><dd>
Coming soon</dd></div>
      <div class="row"><dt>Birthday</dt><dd>-</dd></div>
      <div class="row"><dt>Race</dt><dd>Coming soon</dd></div>
      <div class="row"><dt>Orientation</dt><dd>
Coming soon</dd></div>
      <div class="row"><dt>Bloodline</dt><dd>
Coming soon</dd></div>
      <div class="row"><dt>Character</dt><dd><a href="#"><font size="3">♞</font></a></dd></div>
      </dl>
    </section>
</article>

<!-- ใบที่ 6 -->
<article class="id-card" data-role="npc" style="--accent:#dfbc94; --accent-2:#8F5C3C;">
    <header class="card-head">
      <div class="brand">
      <img class="brand-logo" src="https://img5.pic.in.th/file/secure-sv1/Gemini_Generated_Image_p9brxdp9brxdp9br-removebg-preview-1-1.png" alt="Emblem">
      </div>
      <div class="position">Ⅱ Cohort Member</div>
    </header>
    <div class="card-side">Profile Card</div>
    <figure class="card-photo">
      <div class="frame">
      <img class="photo" src="https://img5.pic.in.th/file/secure-sv1/ChatGPT-Image-13-..-2568-00_14_17.png" alt="Gaius Nerva">
      </div>
    </figure>
    <section class="card-info">
      <dl class="fields">
      <div class="row"><dt>Name</dt><dd>Coming soon</dd></div>
      <div class="row"><dt>Birthday</dt><dd>Coming soon</dd></div>
      <div class="row"><dt>Race</dt><dd>Coming soon</dd></div>
      <div class="row"><dt>Orientation</dt><dd>Coming soon</dd></div>
      <div class="row"><dt>Bloodline</dt><dd>Coming soon</dd></div>
      <div class="row"><dt>Character</dt><dd><a href="https://percyjackson.mooorp.com/NPC.CJP.php?sort_in_camp=npc_type_custom"><font size="3">♞</font></a></dd></div>
      </dl>
    </section>
</article>

</div>

<div style="left: 7px; position: fixed; top: 580px;"><div style="text-align: center;"><span style="font-family: Sarabun; font-size: small; text-align: center;">&nbsp;</span><font style="font-family: Sarabun; text-align: center;" color="#c0c0c0" size="2"><i style=""><img width="150" _height="73" src="https://img2.pic.in.th/pic/4740a09747a81cde5b957cbc1bf16596c93d5fff1293f-rprRQD_fw658webp-removebg-preview-1.png" border="0" alt=""></i></font></div>


      <!-- (ถ้าจอพอ จะเรียงสองใบต่อแถว; มือถือจะเหลือ 1 ใบอัตโนมัติ) -->
    </div>
    </div>
</div>

<style type="text/css"> img{ background:transparent: box-shadow:inset 0 0px 0px none; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; padding:5px; border:2px none; } img:hover{ box-shadow:inset 255px 0px 1px #E8C374,inset -255px 0px 1px #8A6F37;}</style>
</div>

God โพสต์ 2024-12-25 14:28:08

<style type="text/css">BODY{background:url("static/image/postbg/bg31.png"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>


<div align="center" style="list-style-type: none;">

<style>
#boxsystem01 {
    border-radius: 30px;
    border: 6px double #34267e;
    padding: 3px;
    box-shadow: #34267e0px 0px 3em;
background-image: url("https://i.imgur.com/Evmi3Wp.jpg");}
</style>

<style>
#boxsystem02 {
    width: 660px;
    border-radius: 20px;
    padding: 3px;
    box-shadow: #34267e 0px 0px 1em;
    background-image: url("https://i.imgur.com/tQCIqX6.png");}
</style>


<style>
#boxsystem03 {
    width: 520px;
    border-radius: 20px;
    border: 6px double #07a24c;
    padding: 3px;
    box-shadow: #07a24c 0px 0px 3em;
    background-image: url("https://i.imgur.com/UtFwcWD.png");}
</style>   


<div id="boxsystem01">
   <p><br></p>

<br>


<div id="boxsystem02">
   <p>


<font face="Kanit"><font size="3"><font color="black">
<br></font></font></font><img src="https://percyjackson.mooorp.com/static/image/hrline/30.png" border="0" alt=""><font face="Kanit"><font color="black" style=""></font></font></p><p><br></p><p><font face="Kanit" size="5">แบบร่างชั่วคราวกองร้อยที่ 3</font></p><p><font face="Kanit" size="5"><br></font></p><table cellspacing="0" cellpadding="0" style="width:50%" class="t_table"><tbody><tr>
<td style="text-align: center;">&nbsp;<img src="https://i.imgur.com/MzdDelK.png" width="200" _height="300" border="0"></td>
<td>&nbsp;<img src="https://img2.pic.in.th/pic/image10df38fb3b1605dc.png" width="200" _height="300" border="0"></td>
</tr>
<tr>
<td><div style="text-align: center;"><font face="Sarabun" size="3">&nbsp;ชื่อ NPC :&nbsp;นพมาศ เชี่ยววารี (มาร์ช)</font></div><div style="text-align: center;"><font face="Sarabun" size="3">วันเดือนปีเกิด :&nbsp;7 มีนาคม 2007</font></div><div style="text-align: center;"><font face="Sarabun" size="3">เชื้อชาติ : ไทย</font></div><div style="text-align: center;"><font face="Sarabun" size="3">[<a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&amp;goto=findpost&amp;ptid=385&amp;pid=4012">ดูข้อมูลเต็ม</a>]</font></div></td>
<td><div style="text-align: center;"><div><font face="Sarabun" size="3">&nbsp;ชื่อ NPC :&nbsp;มิเรว่า ลาเวลล็อง</font></div><div><font face="Sarabun" size="3">วันเดือนปีเกิด :&nbsp;23 เมษายน 1937</font></div><div><font face="Sarabun" size="3">เชื้อชาติ : ฝรั่งเศส</font></div><div><font face="Sarabun" size="3">[<a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&amp;goto=findpost&amp;ptid=385&amp;pid=6173">ดูข้อมูลเต็ม</a>]</font></div></div></td>
</tr>
</tbody></table><p><br></p><p><img src="https://percyjackson.mooorp.com/static/image/hrline/30.png" border="0" alt=""><font face="Kanit"><font size="3"><b><br></b></font></font></p><p><font face="Kanit"><font size="3"><font color="black"><br></font></font></font></p></div><font face="Kanit">
<br>
</font></div></div><style type="text/css" name="editorpostbg">body{background-image:url("static/image/postbg/bg31.png");}</style>

God โพสต์ 2024-12-25 14:28:18

<style type="text/css">BODY{background:url("static/image/postbg/bg31.png"); background-attachment:fixed; }</style><style type="text/css">.head1 {background-color:none ;}.head2 {background-color:none ;}</style>


<div align="center" style="list-style-type: none;">

<style>
#boxsystem01 {
    border-radius: 30px;
    border: 6px double #34267e;
    padding: 3px;
    box-shadow: #34267e0px 0px 3em;
background-image: url("https://i.imgur.com/Evmi3Wp.jpg");}
</style>

<style>
#boxsystem02 {
    width: 660px;
    border-radius: 20px;
    padding: 3px;
    box-shadow: #34267e 0px 0px 1em;
    background-image: url("https://i.imgur.com/tQCIqX6.png");}
</style>


<style>
#boxsystem03 {
    width: 520px;
    border-radius: 20px;
    border: 6px double #07a24c;
    padding: 3px;
    box-shadow: #07a24c 0px 0px 3em;
    background-image: url("https://i.imgur.com/UtFwcWD.png");}
</style>   


<div id="boxsystem01">
   <p><br></p>

<br>


<div id="boxsystem02">
   <p>


<font face="Kanit"><font size="3"><font color="black">
<br></font></font></font><img src="https://percyjackson.mooorp.com/static/image/hrline/30.png" border="0" alt=""><font face="Kanit"><font color="black" style=""></font></font></p><p><br></p><p><font face="Kanit" size="5">แบบร่างชั่วคราวกองร้อยที่ 4</font></p><p><font face="Kanit" size="5"><br></font></p><table cellspacing="0" cellpadding="0" style="width:50%" class="t_table"><tbody><tr>
<td style="text-align: center;">&nbsp;<img src="https://i.imgur.com/yEsTzSz.png" width="200" _height="200" border="0"></td>
<td>&nbsp;<img src="https://i.imgur.com/BhFZF8O.png" width="200" _height="200" border="0"></td>
</tr>
<tr>
<td><div style="text-align: center;"><font face="Sarabun" size="3">&nbsp;ชื่อ NPC :&nbsp;แองเจลิก้า ฮาร์ดี้&nbsp; (แองจี้)</font></div><div style="text-align: center;"><font face="Sarabun" size="3">วันเดือนปีเกิด :&nbsp;29 สิงหาคม 2006</font></div><div style="text-align: center;"><font face="Sarabun" size="3">เชื้อชาติ : อเมริกัน</font></div><div style="text-align: center;"><font face="Sarabun" size="3">[<a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&amp;goto=findpost&amp;ptid=385&amp;pid=2461">ดูข้อมูลเต็ม</a>]</font></div></td>
<td><div style="text-align: center;"><span style="font-family: Sarabun; font-size: medium;">&nbsp; ชื่อ NPC :&nbsp;วินเซนโซ เบอร์กาม็อตโต (วินซ์)</span></div><div style="text-align: center;"><font face="Sarabun" size="3">วันเดือนปีเกิด :&nbsp;30 มิถุนายน 2004</font></div><div style="text-align: center;"><font face="Sarabun" size="3">เชื้อชาติ : อิตาเลี่ยน</font></div><div style="text-align: center;"><font face="Sarabun" size="3">[<a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&amp;goto=findpost&amp;ptid=385&amp;pid=2462">ดูข้อมูลเต็ม</a>]</font></div></td>
</tr>
</tbody></table><p><br></p><p><img src="https://percyjackson.mooorp.com/static/image/hrline/30.png" border="0" alt=""><font face="Kanit"><font size="3"><b><br></b></font></font></p><p><font face="Kanit"><font size="3"><font color="black"><br></font></font></font></p></div><font face="Kanit">
<br>
</font></div></div><style type="text/css" name="editorpostbg">body{background-image:url("static/image/postbg/bg31.png");}</style>

God โพสต์ 2024-12-25 14:31:08

<style type="text/css">BODY{background:url("https://i.pinimg.com/736x/41/dc/3f/41dc3fa12dfe3e9870ed6f7aa88dcc5b.jpg"); background-attachment:fixed; }</style>


<style>
#boxfifth01 {
border: 0 px ;
border-radius: 48px 0;
padding: 0px;
box-shadow: 5px ;
background-image: url("https://i.pinimg.com/736x/4f/c3/a4/4fc3a4db6c4f400b49f353e045f3f8c9.jpg");}
</style>

<style>
#boxfifth02 {
width: 950px;
align: center;
border: 0px solid;
border-radius: 0px;
background-color: white;
}
</style>

<style>
      .geeks {
            background-image:
                linear-gradient(180deg,
                  rgba(193, 160, 130, 0),
                  rgba(193, 160, 130, 0.2),
                  rgba(255,255,255, 0.7),
                  rgba(255,255,255, 1)),
                      url(
'https://i.pinimg.com/originals/e4/f2/e7/e4f2e71c6c177bc6d504c821982aa29c.gif');
            width: 100%;
            height: 230px;
            background-repeat: no-repeat;
            background-size: cover;
      }
</style>

<center>
<div id="boxfifth01">
<center>
<div id="boxfifth02">

<div class="geeks">
      <h3></h3>
</div>
<center>

<img width="512" _height="288" src="https://i.imgur.com/MiFPchq.png" border="0" alt="">
<br>
<br>
<br>
<center><span style="color: #C1A082"><span style="text-shadow:#C0C0C0 2px 4px 0em;"><b><font size="10">𝖸𝖮𝖴𝖭𝖦 𝖱𝖮𝖮𝖪𝖨𝖤𝖲</font></b></span></span></center><font size="10"><br><br>
<div class="baul-b11">
<div class="portada-baulb11">
<div class="titulo-baulb11">
<b style="font-weight:900; -webkit-text-stroke-color:#C1A082">EUPHEMIA</b>
<span style="color:#C1A082">EUPHEMIA</span></div>

<div class="descripcion-baulb11">
<img src="https://i.pinimg.com/736x/88/25/26/8825264822b224dd342afaa090f398e2.jpg">



<div class="datos-baulb11">
<span style="color: #C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
<div><a href="https://percyjackson.mooorp.com/thread/92/1/1" target="blank"><i class="fas fa-fingerprint" style="color:#C1A082"></i></a></div>
<span style="color:#C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
</div></div></div></div>
<div class="cred"><a href="http://bettyleg.tumblr.com">EUPHEMIA LENNOX</a></div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="https://dl.dropbox.com/s/ggeuzhw4mfdi10u/portadamyself.css?dl=0">

<style>.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>


<img width="300" _height="200" src="https://i.pinimg.com/736x/1d/fa/49/1dfa49eb385a967c4edc02bbcd568380.jpg" border="0" alt="">

<br><table>
<caption><center><span style="color: #C1A082"><span style="text-shadow:#C0C0C0 2px 4px 0em;"><b><font size="10">𝖥𝖨𝖥𝖳𝖧 𝖢𝖮𝖧𝖮𝖱𝖳 𝖬𝖤𝖬𝖡𝖤𝖱𝖲</font></b></span></span></center><br><br></caption>

<tbody><tr>


<!-- ========== อาร์เธอร์ ========== -->
<th>
<div class="baul-b11">
<div class="portada-baulb11">
<div class="titulo-baulb11">
<b style="font-weight:900; -webkit-text-stroke-color:#C1A082">NPC01</b>
<span style="color:#C1A082">ARTHUR</span></div>

<div class="descripcion-baulb11">
<img src="https://i.imgur.com/32gcEZV.png">

<div class="datos-baulb11">
<span style="color: #C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
<div><a href="https://percyjackson.mooorp.com/forum.php?mod=redirect&amp;goto=findpost&amp;ptid=385&amp;pid=2449" target="blank"><i class="fas fa-fingerprint" style="color:#C1A082"></i></a></div>
<span style="color:#C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
</div></div></div></div>
<div class="cred"><a href="http://bettyleg.tumblr.com">ARTHUR MAVERICK</a></div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="https://dl.dropbox.com/s/ggeuzhw4mfdi10u/portadamyself.css?dl=0">

<style>.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>

</th>



<!-- ========== ฮารุโตะ ========== -->
<th>
<div class="baul-b11">
<div class="portada-baulb11">
<div class="titulo-baulb11">
<b style="font-weight:900; -webkit-text-stroke-color:#C1A082">NPC02</b>
<span style="color:#C1A082">HARUTO</span></div>

<div class="descripcion-baulb11">
<img src="https://i.imgur.com/DDj2of0.jpeg">

<div class="datos-baulb11">
<span style="color:#C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
<div><a href="https://docs.google.com/document/d/1g67uN7XrUDad-1P0nfKpyWNE4vlLeeXm4aUX0HwIk14/edit?usp=sharing" target="blank"><i class="fas fa-fingerprint" style="color:#C1A082"></i></a></div>
<span style="color:#C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
</div></div></div></div>
<div class="cred"><a href="http://bettyleg.tumblr.com">HIGA HARUTO</a></div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="https://dl.dropbox.com/s/ggeuzhw4mfdi10u/portadamyself.css?dl=0">

<style>.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>

</th>
</tr>
</tbody></table>


<!-- ========== ลักซ์ ========== -->
<div class="baul-b11">
<div class="portada-baulb11">
<div class="titulo-baulb11">
<b style="font-weight:900; -webkit-text-stroke-color:#C1A082">NPC03</b>
<span style="color:#C1A082">LUX</span></div>

<div class="descripcion-baulb11">
<img src="https://img5.pic.in.th/file/secure-sv1/lux.png">

<div class="datos-baulb11">
<span style="color:#C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
<div><a href="https://percyjackson.mooorp.com/dzs_npc-dzs_npc#188"><i class="fas fa-fingerprint" style="color:#C1A082"></i></a></div>
<span style="color:#C1A082"><font size="1">▰▱▰▱▰▱▰▱▰▱▰▱▰▱</font></span>
</div></div></div></div>
<div class="cred"><a href="http://bettyleg.tumblr.com">Lux Skyrider</a></div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link type="text/css" rel="stylesheet" href="https://dl.dropbox.com/s/ggeuzhw4mfdi10u/portadamyself.css?dl=0">

<style>.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>








<br><br>
<style>
      .geeks1 {
            background-image:
                linear-gradient(180deg,
                  rgba(255,255,255, 1),
                  rgba(255,255,255, 0.7),
                  rgba(193, 160, 130, 0.2),
                  rgba(193, 160, 130, 0)),
                      url(
'https://i.pinimg.com/originals/63/9c/dd/639cdd417e87d28681d2cb476e4a88b3.gif');
            width: 100%;
            height: 230px;
            background-repeat: no-repeat;
            background-size: cover;
      }
</style>

<div class="geeks1">
      <h3></h3>
</div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/7iBgBBDd3yQ?autoplay=1&amp;loop=1&amp;playlist=7iBgBBDd3yQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="">
</iframe>

ดูในรูปแบบกติ: [บอร์ดรายชื่อสมาชิกกองร้อยต่าง ๆ]