Enter Camp › บ้านหมายเลข 3 - บ้านโพไซดอน › [บ้านพักหมายเลข 3] บอร์ดรายชื่อสมาชิกภายในบ้าน

Dean โพสต์ 2024-3-2 20:16:08

[บ้านพักหมายเลข 3] บอร์ดรายชื่อสมาชิกภายในบ้าน

แก้ไขครั้งสุดท้ายโดย Dean เมื่อ 2026-1-10 17:36 <br /><br />

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



<style>
#boxposeidon01 {
    border-radius: 50px;
    border: 10px solid #003079;
    padding: 3px;
    box-shadow: inset #003079 0px 0px 2em;
    background-attachment:fixed;
    background-image: url("https://img5.pic.in.th/file/secure-sv1/252525.png");}

<style type="text/css">
    /* 1. เจาะจงเฉพาะโพสต์ ID 470 ให้โปร่งใสทะลุทุกเลเยอร์ */
    #post_470,
    #post_470 .plc,
    #post_470 .pls,
    #post_470 .t_f,
    #post_470 table,
    #post_470 td,
    #post_470 tr,
    #post_470 div,
    #post_470 section {
      background: transparent !important;
      background-color: transparent !important;
      background-image: none !important;
      border: none !important;
      box-shadow: none !important;
    }

    /* 2. ลบสีขาวที่พื้นหลังหลักของหน้านี้ (เฉพาะตอนที่โพสต์นี้ปรากฏ) */
    /* เพื่อให้เห็นพื้นหลัง GIF ของเว็บไซต์ */
    .wp, #ct, .mn, .bm, .bm_c, #postlist {
      background: transparent !important;
      background-color: transparent !important;
      border: none !important;
      box-shadow: none !important;
    }

   
</style>



<style type="text/css">BODY{background:url("https://img5.pic.in.th/file/secure-sv1/image5b1077f3a12f659e.png"); background-attachment:fixed; }

<style>
h1
{text-shadow: 0px 0px 10px #fff;}
</style>

<div id="boxposeidon01">
   <p><br></p><p><br></p><p><img src="https://img5.pic.in.th/file/secure-sv1/logo42314c3725d91299c.png" width="300" _height="297" border="0"></p>


<h1><span class="shadow" style=""><font style="font-family: Georgia; font-size: xx-large;" color="#3e5796">CAMP HALF-BLOOD</font></span><br><span class="shadow" style=""><font color="#508bc3"><font face="Georgia" style="font-size: x-large;">POSEIDON CABIN #</font><font face="EucrosiaUPC" style="" size="6">3</font></font></span><br><br></h1>



<div><img src="https://i.imgur.com/5Kg2nHm.png" width="500" _height="60" border="0"><br></div><div><br></div>




<div class="darkthoughts">
<input id="dt1" name="darkthoughts" type="radio" checked="">
<input id="dt2" name="darkthoughts" type="radio">
<input id="dt3" name="darkthoughts" type="radio">
<input id="dt4" name="darkthoughts" type="radio">
<input id="dt5" name="darkthoughts" type="radio">
<input id="dt6" name="darkthoughts" type="radio">

<div class="dtleft">
    <label for="dt1">
      <img src="https://img5.pic.in.th/file/secure-sv1/dean3.gif">
    </label>

    <label for="dt2">
      <img src="https://img2.pic.in.th/pic/ripley.gif">
    </label>

    <label for="dt3">
      <img src="https://img2.pic.in.th/pic/bright2.gif">
    </label>

    <label for="dt4">
      <img src="https://img2.pic.in.th/resha.gif">
    </label>

    <label for="dt5">
      <img src="https://img5.pic.in.th/file/secure-sv1/sanz.gif">
   </label>

    <label for="dt6">
      <img src="https://img5.pic.in.th/file/secure-sv1/ain.gif">
   
</label></div>

<div class="dtright">

    <div class="dtcont dtc1">
      <div class="dtheader">
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><img src="https://i.imgur.com/ftZ7dHt.png" width="17" _height="25" border="0"></strong>
      <strong style="text-align: center;"><br><font face="Google Sans" color="#60583e" size="4">#01: Cabin Counselor</font></strong>
      <strong style="text-align: center;"><span class="name-dean"><font color="#ff8c00" face="Sacramento" size="7">Dean Eilwyn Alvarez Neal</font></span></strong>
      <span>
          <em><a href="https://percyjackson.mooorp.com/thread/44/1/1" style=""><font size="3" style="" face="Itim">Biography</font></a></em>
          <em><a href="https://percyjackson.mooorp.com/home.php?mod=space&amp;uid=4&amp;do=index"><font size="3" face="Itim">Profile</font></a><br></em>
          <em><a href="https://percyjackson.mooorp.com/social_nectar/profile.php?user_id=2"><font size="3" face="Itim">Social Nectar</font></a><br></em>
      </span>
      </div>
      <div class="dttext" style="text-align: center;">

<div class="gradient-border">
<div class="circle">
<img src="https://percyjackson.mooorp.com/data/avatar/000/00/00/04_avatar_big.jpg">
</div></div>

</div><div class="dttext" style="text-align: center;"><span class="name-dean"></span></div><div class="dttext" style="text-align: center;"><span class="name-dean"><b style="font-size: x-large; font-family: Sriracha;">ดีน เอลวิน อัลวาเรซ นีล</b></span></div><div class="dttext" style="text-align: center;"><font size="2"><span style="font-family: &quot;Google Sans&quot;;">25.02.2001</span><span style="font-family: &quot;Google Sans&quot;;"><br>W 79 | H 184</span><span style="font-family: &quot;Google Sans&quot;;"><br>Mexican | American</span></font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;"><font size="2">- - - - - - - - - - - - - - - - - - - - - - - -</font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; font-size: x-large; text-align: center;"><iframe width="30" height="30" src="https://www.youtube.com/embed/PAzH-YAlFYc?autoplay=0&amp;loop=1&amp;playlist=PAzH-YAlFYc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div><div class="dttext" style="text-align: center;"><font color="#c0c0c0" face="Google Sans" size="1">DNCE - Cake By The Ocean</font></div>
    </div>

    <div class="dtcont dtc2">
      <div class="dtheader">
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br><img src="https://img2.pic.in.th/image-removebg-preview775dd3c7a3a79b0b.png" width="25" _height="25" border="0"></strong><strong style="text-align: center;"><br><font size="4" face="Google Sans" color="#60583e">#02: Cabin Member</font></strong>
      <strong style="text-align: center;"><span class="name-ripley"><font face="Sacramento" size="7" color="#008080">Ripley Swanson</font></span></strong>
      <span>
          <em><a href="https://percyjackson.mooorp.com/thread/43/1/1" style=""><font size="3" style="" face="Itim">Biography</font></a></em>
          <em><a href="https://percyjackson.mooorp.com/home.php?mod=space&amp;uid=9&amp;do=index"><font size="3" face="Itim">Profile</font></a><br></em>
          <em><a href="https://percyjackson.mooorp.com/social_nectar/profile.php?user_id=32"><font size="3" face="Itim">Social Nectar</font></a><br></em>
      </span>
      </div>
      <div class="dttext" style="text-align: center;">

<div class="gradient-border">
<div class="circle">
<img src="https://percyjackson.mooorp.com/data/avatar/000/00/00/09_avatar_big.jpg">
</div></div>

</div><div class="dttext" style="text-align: center;"><span class="name-dean"></span></div><div class="dttext" style="text-align: center;"><span class="name-ripley"><b style="font-size: x-large; font-family: Sriracha;"><font color="#008080">ริปลีย์ สวอนสัน</font></b></span></div><div class="dttext" style="text-align: center;"><font size="2"><span style="font-family: &quot;Google Sans&quot;;">17.06.2007</span><span style="font-family: &quot;Google Sans&quot;;"><br>W 50 | H 165</span><span style="font-family: &quot;Google Sans&quot;;"><br>Japanese | American</span></font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;"><font size="2">- - - - - - - - - - - - - - - - - - - - - - - -</font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; font-size: x-large; text-align: center;"><iframe width="30" height="30" src="https://www.youtube.com/embed/eNxb2wt11sM?autoplay=0&amp;loop=1&amp;playlist=eNxb2wt11sM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div><div class="dttext" style="text-align: center;"><font color="#c0c0c0" face="Google Sans" size="1">LE SSERAFIM - Swan Song</font></div>
    </div>

    <div class="dtcont dtc3">
      <div class="dtheader">
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong><strong style="text-align: center;"><img src="https://img2.pic.in.th/image-removebg-preview-109a92e359074e960.png" width="20" _height="25" border="0"></strong><strong style="text-align: center;"><font size="4" face="Google Sans" color="#60583e">#03: Cabin Member</font></strong>
      <strong style="text-align: center;"><span class="name-bright"><font face="Sacramento" size="7" color="#4169e1">Bright Ames</font></span></strong>
      <span>
          <em><a href="https://percyjackson.mooorp.com/forum.php?mod=viewthread&amp;tid=222" style=""><font size="3" style="" face="Itim">Biography</font></a></em>
          <em><a href="https://percyjackson.mooorp.com/home.php?mod=space&amp;uid=37&amp;do=index"><font size="3" face="Itim">Profile</font></a><br></em>
      </span>
      </div>
      <div class="dttext" style="text-align: center;">

<div class="gradient-border">
<div class="circle">
<img src="https://percyjackson.mooorp.com/data/avatar/000/00/00/37_avatar_big.jpg">
</div></div>

</div><div class="dttext" style="text-align: center;"><span class="name-dean"></span></div><div class="dttext" style="text-align: center;"><span class="name-bright"><b style="font-size: x-large; font-family: Sriracha;"><font color="#4169e1">ไบร์ท เอมส์</font></b></span></div><div class="dttext" style="text-align: center;"><font size="2"><span style="font-family: &quot;Google Sans&quot;;">25.12.2000</span><span style="font-family: &quot;Google Sans&quot;;"><br>H 186</span><span style="font-family: &quot;Google Sans&quot;;"><br>Chinese | American</span></font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;"><font size="2">- - - - - - - - - - - - - - - - - - - - - - - -</font></div>
    </div>

    <div class="dtcont dtc4">
      <div class="dtheader">
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br><img src="https://img2.pic.in.th/Untitled-242eeb81feb480847.png" width="22" _height="25" border="0"></strong><strong style="text-align: center;"><font size="4" face="Google Sans" color="#60583e">#04: Cabin Member (NPC)</font></strong>
      <strong style="text-align: center;"><span class="name-resha"><font face="Sacramento" size="7" color="#9acd32">Resha Campbell (Resh)</font></span></strong>
      <span>
          <em><a href="https://percyjackson.mooorp.com/social_nectar/profile.php?user_id=8"><font size="3" face="Itim">Social Nectar</font></a><br></em>
      </span>
      </div>
      <div class="dttext" style="text-align: center;">

<div class="gradient-border2">
<div class="circle">
<img src="https://img5.pic.in.th/file/secure-sv1/unnamed360f27e969a3f8f6.jpg">
</div></div>

</div>
<div class="dttext" style="text-align: center;"><span class="name-dean"></span></div><div class="dttext" style="text-align: center;"><span class="name-resha"><b style="font-size: x-large; font-family: Sriracha;"><font color="#9acd32">รีชา แคมพ์เบลล์ (รีช)</font></b></span></div><div class="dttext" style="text-align: center;"><font size="2"><span style="font-family: &quot;Google Sans&quot;;">05.08.2011</span><span style="font-family: &quot;Google Sans&quot;;"><br>W 36 | H 147</span><br><font face="Google Sans">Scottish | British</font></font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;"><font size="2">- - - - - - - - - - - - - - - - - - - - - - - -</font></div><div class="dttext" style="text-align: center;"><font face="Google Sans" size="2"><div class="dttext" style="text-align: left;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;เด็กหญิงผู้ใสซื่อไร้เดียงสา รักกลิ่นอายของธรรมชาติ สายน้ำ แสงแดด ดอกไม้ พื้นหญ้า รีชาเป็นเด็กขี้อ้อนและค่อนข้างติดคน เธอเป็นเด็กดีว่านอนสอนง่าย แต่กระนั้นก็มีมุมดื้อรั้นตามแบบฉบับคุณหนูตระกูลใหญ่ นอกจากการเก็บดอกไม้ถวายพ่อ เธอยังชอบวาดรูปอีกด้วย (เหมือนว่าช่วงนี้กำลังสนใจนิยาย BL แบบที่เด็กวัยนี้กำลังชอบกัน)&nbsp;</div><div class="dttext" style="text-align: left;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;รีชาเกิดในตระกูลเก่าแก่ของสก็อตแลนด์ เด็กหญิงได้รับการเลี้ยงดูมาอย่างดี แต่ค่อนข้างจะโดดเดี่ยวเพราะเรียนแบบโฮมสคูล เมื่อมีอายุได้ 12 ปี เธอมองเห็นสิ่งแปลกประหลาดเป็นครั้งแรก จึงถูกส่งมาที่ค่ายฮาล์ฟบลัดโดยที่ยังไม่เคยได้สัมผัสสถานการณ์เสี่ยงตายตามที่เจ้าสมุทรได้ฝากฝังเอาไว้กับมารดาของเธอ ครั้งแรกที่รู้สึกถึงภัยอันตรายคือตอนที่เธอสูญเสียเพื่อนในค่ายที่ชื่อว่า ‘ เรเชล ’&nbsp; &nbsp;ไป</div></font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;">
</div>
    </div>

    <div class="dtcont dtc5">
      <div class="dtheader">
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong><strong style="text-align: center;"><br></strong><strong style="text-align: center;"><br></strong><strong style="text-align: center;"><br><img src="https://img2.pic.in.th/golden-anchor-nautical-symbol-maritime-theme-luxury-gold-free-png.png" width="20" _height="25" border="0"></strong><strong style="text-align: center;"><font size="4" face="Google Sans" color="#60583e">#05: Cabin Member (NPC)</font></strong>
      <strong style="text-align: center;"><span class="name-sanz"><font face="Sacramento" size="7" color="#00bfff">Sanz Mádl Count</font></span></strong>
      <span>
          <em><a href="https://percyjackson.mooorp.com/social_nectar/profile.php?user_id=42"><font size="3" face="Itim">Social Nectar</font></a><br></em>
      </span>
      </div>
      <div class="dttext" style="text-align: center;">

<div class="gradient-border2">
<div class="circle">
<img src="https://img5.pic.in.th/file/secure-sv1/sanz-new.png">
</div></div>

</div>
<div class="dttext" style="text-align: center;"><span class="name-dean"></span></div><div class="dttext" style="text-align: center;"><span class="name-sanz"><b style="font-size: x-large; font-family: Sriracha;"><font color="#00bfff">ซันซ์ มาเดิล เคานต์</font></b></span></div><div class="dttext" style="text-align: center;"><font size="2"><span style="font-family: &quot;Google Sans&quot;;">20.08.2004</span><span style="font-family: &quot;Google Sans&quot;;"><br>W 70 | H 178</span><br><font face="Google Sans">Spanish&nbsp;|&nbsp;</font></font><font face="Google Sans" size="2">Brazilian</font></div><br><br><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;"><font size="2">- - - - - - - - - - - - - - - - - - - - - - - -</font></div><div class="dttext" style="text-align: center;"><div class="dttext" style="text-align: left;"><font face="Google Sans" size="2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</font>ชายหนุ่มลูกครึ่งสเปน-บราซิล ผิวสีแทน หน้าตกกระ ผู้มีนัยน์ตาสีบลูโอเชียน มีความเป็นกันเอง สามารถเข้ากับคนอื่นได้ง่าย และเป็นแรงบันดาลใจให้กับสมาชิกในปาร์ตี้ ในการเสียสละตนเองเพื่อช่วยเหลือผู้อื่น ทำให้เขาสร้างความประทับใจกับผู้คนมากมายในระหว่างการเดินทาง ซันซ์เป็นคนที่มีความกล้าหาญ ท้าทายอุปสรรคต่าง ๆ ด้วยความมุ่งมั่นว่าจะต้องผ่านไปได้ แต่ถึงอย่างนั้น เขาก็มีมุมหลงตัวเองอยู่บ้าง เขามักพูดว่าตนเองหล่อ เก็บงำความรู้สึกของตนเองเก่ง รูปร่างที่สมส่วนโชว์ให้เห็นกล้ามเนื้อส่วนบนด้วยการสวมเสื้อเปิดด้านหน้า บนลำคอแสดงให้เห็นรอยสัก ชื่อของเขา Sanz</div><div class="dttext" style="text-align: left;"><span style="font-family: &quot;Google Sans&quot;; font-size: small;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>ซันซ์ก็เหมือนกับเดมิก็อดคนอื่น ๆ ที่ยังไม่สนิทใจกับเทพผู้ให้กำเนิดในตอนแรก แต่ช่วงหลัง ๆ เขาได้พบเจอกับโพไซดอนบ่อยขึ้น ความสัมพันธ์กับพ่อจึงค่อย ๆ ดีขึ้นตามลำดับ แต่อาจจะไม่ได้สนิทใจเท่ากับพี่น้องคนอื่น</div></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;">
</div>
    </div>

    <div class="dtcont dtc6">
      <div class="dtheader">
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong>
      <strong style="text-align: center;"><br></strong><strong style="text-align: center;"><img src="https://img5.pic.in.th/file/secure-sv1/image-removebg-preview-3a17d00845f89b175.png" width="25" _height="25" border="0"></strong><strong style="text-align: center;"><font size="4" face="Google Sans" color="#60583e">#06: Cabin Member (NPC)</font></strong>
      <strong style="text-align: center;"><span class="name-ian"><font face="Sacramento" size="7" color="#483d8b">Ian Marlowe</font></span></strong>
      <span>
          <em><a href="https://percyjackson.mooorp.com/social_nectar"><font size="3" face="Itim">Social Nectar (Soon...)</font></a><br></em>
      </span>
      </div>
      <div class="dttext" style="text-align: center;">

<div class="gradient-border2">
<div class="circle">
<img src="https://img2.pic.in.th/unnamed-125f61d943b2a2189.jpg">
</div></div>

</div>
<div class="dttext" style="text-align: center;"><span class="name-dean"></span></div><div class="dttext" style="text-align: center;"><span class="name-ian"><b style="font-family: Sriracha; font-size: x-large;"><font color="#483d8b">เอียน มาร์โลว์</font></b></span></div><div class="dttext" style="text-align: center;"><font size="2"><span style="font-family: &quot;Google Sans&quot;;">03.03.2013</span><span style="font-family: &quot;Google Sans&quot;;"><br>W 40 | H 147</span><br><font face="Google Sans">Irish | American</font></font></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;"><font size="2">- - - - - - - - - - - - - - - - - - - - - - - -</font></div><div class="dttext" style="text-align: center;"><div class="dttext" style="text-align: left;"><font face="Google Sans" size="2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</font>เอียนเป็นเด็กชายที่มีจิตใจอ่อนโยน สุภาพ และช่างสังเกต&nbsp;รักธรรมชาติ โดยเฉพาะทะเลและฝน เป็นคนที่ทำให้คนรอบข้างรู้สึกสบายใจได้เสมอ ด้วยท่าทีเย็นสงบเหมือนสายน้ำ แม้จะไม่ได้เป็นผู้นำโดยธรรมชาติ แต่เขาคือแกนกลางทางอารมณ์ของกลุ่ม รู้จักไกล่เกลี่ย ปลอบโยน และช่วยให้เพื่อนผ่านช่วงวิกฤตไปได้อย่างมีสติ เขาเป็นคนขาดความมั่นใจในตัวเอง&nbsp;มักลังเลที่จะใช้พลังเพราะกลัวทำร้ายผู้อื่นโดยไม่ตั้งใจ&nbsp;</div><div class="dttext" style="text-align: left;"><span style="font-family: &quot;Google Sans&quot;; font-size: small;">&nbsp;</span><span style="font-family: &quot;Google Sans&quot;; font-size: small;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>เอียนเติบโตในสถานสงเคราะห์เดียวกับคาเซียและไคล์ ทั้งสามคนดูแลกันเหมือนครอบครัวมาตั้งแต่เด็ก เขามักรับบทเป็น "เสียงกลาง" ที่คอยไกล่เกลี่ยระหว่างเพื่อนรักทั้งสองที่มีนิสัยต่างกันสุดขั้ว ในเหตุการณ์ที่ถูกปีศาจไล่ล่า เอียนพยายามปกป้องเพื่อน แม้จะยังใช้พลังไม่ได้อย่างมั่นคง จนเมื่อริปลีย์ ลิเลียน่า และโค้ชเบย์มาถึง เขาเป็นคนแรกที่ยื่นมือให้โดยไม่ลังเล และยอมรับการช่วยเหลือด้วยความไว้วางใจ</div></div><div class="dttext" style="font-family: &quot;Noto Sans Thai&quot;; text-align: center;">
</div>
    </div>

</div></div>

<a href="http://necromancercoding.tumblr.com/" class="ncredit">NC<br><br><br></a>

<style>
.darkthoughts {
--accent: #003079;
--accent1: #003079;
--accent2: #497aad;
--bckg: rgba(255, 255, 255, 0.5);
--tbckg: rgba(255, 255, 255, 0.9);
--tbckg2: rgba(190, 227, 246, 0.9);
--border1: 1px solid var(--accent2);
--border2: 5px solid var(--accent1);
--border3: 1px solid #d1dfec;
--text: #60583e;
--title: #60583e;
--icons: 6;
--filter-img1: grayscale(0.7) brightness(1.15) contrast(0.9);
--filter-img2: grayscale(0) brightness(1) contrast(1);
--filter-bckg: blur(3px);

--bckg-img1: url('https://iili.io/fkqsD91.gif');
--bckg-img2: url('https://iili.io/fkqsD91.gif');
--bckg-img3: url('https://iili.io/fkqsD91.gif');
--bckg-img4: url('https://iili.io/fkqsD91.gif');
--bckg-img5: url('https://iili.io/fkqsD91.gif');
--bckg-img6: url('https://iili.io/fkqsD91.gif');

}
</style>


<link rel="stylesheet" href="//icons.cappuccicons.com/cpf.css">
<link rel="stylesheet" href="https://dl.dropbox.com/scl/fi/kxooe0ycfb4v5dumprxp4/members.css?rlkey=k5o1vo897chysmi6ed2mmqogt&amp;st=6czps37y&amp;dl=0"></div></div><font size="5" face="Noto Sans Thai">


<style>
.gradient-border {
width: 150px;
height: 150px;
padding: 5px;
border-radius: 50%;
background: linear-gradient(
    135deg,
    #b3ecff,
    #5dade2,
    #0077b6
);
filter: drop-shadow(0 0 3px rgba(93, 173, 226, 0.7));
transition: filter 0.35s ease, transform 0.35s ease;
}

.circle {
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
background: #000;
}

.circle img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
</style>

<style>
.gradient-border2 {
width: 110px;
height: 110px;
padding: 5px;
border-radius: 50%;
background: linear-gradient(
    135deg,
    #b3ecff,
    #5dade2,
    #0077b6
);
filter: drop-shadow(0 0 3px rgba(93, 173, 226, 0.7));
transition: filter 0.35s ease, transform 0.35s ease;
}
</style>

<style>
.name-dean {
text-shadow:
    0 0 3px rgba(244, 164, 96);
}
.name-ripley {
text-shadow:
    0 0 3px rgba(72, 209, 204);
}
.name-bright {
text-shadow:
    0 0 3px rgba(100,180,255);
}
.name-resha {
text-shadow:
    0 0 3px rgba(152, 251, 152);
}
.name-sanz {
text-shadow:
    0 0 3px rgba(100,180,255);
}
.name-ian {
text-shadow:
    0 0 3px rgba(216, 191, 216);
}
</style>


<style>
a:link {
    color: #003079; /* ลิงก์ปกติ */
    transition: color 0.4s ease; /* ใส่ transition */
text-decoration: none;
}
a:visited {
    color: #003079; /* ลิงก์ที่เคยกดแล้ว */
    transition: color 0.4s ease;
text-decoration: none;
}
a:hover {
    color: #497aad; /* สีตอนเมาส์วาง */
text-decoration: none;
}
</style>

<style>

/* ชั้นฟองอากาศ (อยู่ด้านหลังเนื้อหา) */
.bubbles {
position: fixed;
inset: 0;
pointer-events: none;
z-index: -1;
}

/* ฟองอากาศ */
.bubble {
position: absolute;
bottom: -100px;
width: 18px;
height: 18px;
background: rgba(255,255,255,0.70);
border-radius: 50%;
animation: rise 10s infinite ease-in;
}

@keyframes rise {
0% {
    transform: translateY(0) scale(0.7);
    opacity: 0;
}
20% { opacity: 0.6; }
100% {
    transform: translateY(-120vh) scale(1.1);
    opacity: 0;
}
}

/* ความหลากหลาย */
.bubble:nth-child(1){left:10%;animation-duration:8s;width:10px;height:10px;}
.bubble:nth-child(2){left:25%;animation-duration:11s;width:16px;height:16px;}
.bubble:nth-child(3){left:40%;animation-duration:9s;width:12px;height:12px;}
.bubble:nth-child(4){left:55%;animation-duration:13s;width:20px;height:20px;}
.bubble:nth-child(5){left:70%;animation-duration:10s;width:14px;height:14px;}
.bubble:nth-child(6){left:85%;animation-duration:7s;width:9px;height:9px;}
</style>

<!-- ฟองอากาศ -->
<div class="bubbles">
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>
</div>

<style type="text/css">
::-webkit-scrollbar{width:7px; height:7px; }
::-webkit-scrollbar-track-piece:decrement{background: linear-gradient(#dff6ff, #9fbad8)!important; }
::-webkit-scrollbar-track-piece:increment { background:linear-gradient( #4a7fb7, #003079)!important; }
::-webkit-scrollbar-button{ background:#fff!important; height: 00px!important; }
::-webkit-scrollbar-thumb{ background: linear-gradient(#dff6ff, #fff, #dff6ff);border-top:2px solid #3e5796; border-bottom:2px solid #3e5796; border-left:1px solid #3e5796; border-right:1px solid #3e5796; border-radius:5px;}
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(#7ec8e3, #fff, #7ec8e3);border-top:2px solid #dff6ff; border-bottom:2px solid #dff6ff; border-left:1px solid #dff6ff; border-right:1px solid #40ccf0; border-radius:5px;}</style>

</font>

ดูในรูปแบบกติ: [บ้านพักหมายเลข 3] บอร์ดรายชื่อสมาชิกภายในบ้าน