ยูนิโอ ทาวน์ สุขสวัสดิ์ 30

พร้อมอยู่

3.7 กม. ถึงทางด่วนฉลองรัช

<div class="wrap-content">
                <h2 class="txt-head2 f_bold txt-black">ข้อมูลโครงการ</h2>
                <div class="over-flow-content">
                    <ul class="content-section flex wrap section-custom-animate">
                                                    <li class="list-box animate-list">
                                <div class="box-information flex v-center">
                                    <span class="ic icon-area"></span>
                                    <div class="desc">
                                        <div class="txt-title">พื้นที่โครงการ</div>
                                        <p class="txt-desc f_bold">11-3-73.3 ไร่</p>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-box animate-list">
                                <div class="box-information flex v-center">
                                    <span class="ic icon-Single_house"></span>
                                    <div class="desc">
                                        <div class="txt-title">ลักษณะโครงการ</div>
                                        <p class="txt-desc f_bold">ทาวน์โฮม 2 ชั้น </p>
                                    </div>
                                </div>
                            </li>
                                                    <li class="list-box animate-list">
                                <div class="box-information flex v-center">
                                    <span class="ic icon-Unit_in_Project"></span>
                                    <div class="desc">
                                        <div class="txt-title">จำนวนบ้าน</div>
                                        <p class="txt-desc f_bold">10 หลัง</p>
                                    </div>
                                </div>
                            </li>
                                            </ul>
                </div>
            </div>

<div class="wrap-content-detail" uk-scrollspy="cls:uk-animation-fade;">
                <div class="box-head ">
                    <h2 class="txt-head2 f_bold txt-white">รายละเอียดโครงการ</h2>     
                               
                </div>
                <div class="over-flow-detail">
                    <div id="id-full-detail" class="full-detail f_reg default_css">
                        <div class="intro-section">
<div class="intro-inner  animate top play">
<h2 class="-header inner-header -concept font-face-med animate top play" style="text-align: center;"><strong>แนวคิดโครงการ</strong></h2>
<div class="inner-title font-face-bold animate top play" style="text-align: center;">WHEEL OF LIFE</div>
<div class="inner-desc" style="text-align: center;">เพราะชีวิตเหมือนกับวงล้อที่เคลื่อนที่และหมุนไปตามกาลเวลาการเริ่มต้นก่อเกิดเรื่องราวของการใช้ชีวิตให้เกิดความสมดุลและความสมบูรณ์ครบในทุกด้านเหมือน UNiO TOWN ที่พร้อมสำหรับการเริ่มต้นชีวิตไปพร้อมๆกัน</div>
</div>
</div>
<div class="image-section animate top play"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://istore.ananda.co.th/stocks/project/o0x0/bt/mt/btmt7o16lci/Unio SUK30.jpg" alt="Unio SUK30.jpg" width="554" height="729" /></div>
<div class="property-section animate top play">
<div class="property-inner">
<div class="property-box left animate top play"><picture><source srcset="https://www.ananda.co.th/stocks/project/d360x360/re/bl/fel7reblsz/UNIO-TOWN-SSK30-CC3.jpg" /></picture><br />
<div class="property-desc animate top play">
<h2 class="-header font-face-med" style="text-align: center;"><strong>Design</strong></h2>
<h2 class="-title font-face-bold" style="text-align: center;">“Creativity Space”</h2>
<div class="-desc font-face" style="text-align: center;">แนวความคิดที่นำเอา Play Area ต่างๆ มาออกแบบสวนส่วนกลาง โดยนำเอาเส้นสายลวดลายที่ดึงดูดทุกเพศทุกวัย และทางเข้าที่โอ่อ่ามีความสมมาตรเป็นการเอาเอกลักษณ์มาลดทอนในรูปแบบโมเดิร์นคลาสสิคมาใช้ ทำให้ดูหรูหราเข้าถึงง่าย ด้วยการออกแบบที่เชื่อมต่อร้อยเรียงกัน The Great Lawn จึงเป็นพื้นที่สีเขียวใจกลางของโครงการ ที่มาพร้อมอาคารฟิตเนสที่เปิดมุมมอง เสมือนได้ออกกำลังกายท่ามกลางธรรมชาติ เป็นพื้นที่ส่วนกลางร่วมกันสำหรับสังคมครอบครัว<br /><br /></div>
</div>
<picture><source srcset="https://www.ananda.co.th/stocks/project/d360x360/re/bl/fel7reblsz/UNIO-TOWN-SSK30-CC3.jpg" /></picture></div>
<div class="property-box right animate top play"><picture><source srcset="https://www.ananda.co.th/stocks/project/d240x240/so/7h/fel7so7h47/UNIO-TOWN-SSK30-CC4.jpg" /></picture><img style="display: block; margin-left: auto; margin-right: auto;" src="https://istore.ananda.co.th/stocks/project/o0x0/1m/lj/1mljdif47tt/IMG_7323.jpg" alt="IMG_7323.jpg" width="603" height="402" /><br />
<div class="property-desc animate top play">
<h2 class="-title font-face-bold" style="text-align: center;"><strong>สิ่งอำนวยควมสะดวก</strong></h2>
<div class="-desc font-face" style="text-align: center;">- Club House<br />- สระว่ายน้ำระบบเกลือ (สระเด็กและสระผู้ใหญ่)<br />- สวนส่วนกลาง<br />- สนามเด็กเล่น พื้นปูยางสังเคราะห์ (EPDM)<br />- Fitness<br />- ป้อม รปภ.<br />- CCTV หน้าโครงการและบริเวณสวนส่วนกลาง<br /><br /></div>
</div>
<picture><source srcset="https://www.ananda.co.th/stocks/project/d240x240/so/7h/fel7so7h47/UNIO-TOWN-SSK30-CC4.jpg" /></picture></div>
<div class="property-box left animate top play"><picture><source srcset="https://www.ananda.co.th/stocks/project/d360x360/tt/th/fel7ttthzo/UNIO-TOWN-SSK30-CC5.jpg" /></picture><img style="display: block; margin-left: auto; margin-right: auto;" src="https://istore.ananda.co.th/stocks/project/o0x0/nx/ls/nxls9bcdmjq/UNIO TOWN สุขสวัสดิ์ 30-76.jpg" alt="UNIO TOWN สุขสวัสดิ์ 30-76.jpg" width="614" height="409" /><br />
<div class="property-desc animate top play">
<h2 class="-header font-face-med" style="text-align: center;"><strong>ทำเลที่ตั้ง<br /></strong></h2>
<h2 class="-title font-face-bold" style="text-align: center;">ทำเลศักยภาพ</h2>
<div class="-desc font-face" style="text-align: center;">- สถานีบางปะกอก 2.4 km.<br />- ทางพิเศษเฉลิมมหานคร 2.9 km.<br />- สถานีประชาอุทิศ 3.2 km.<br />- สถานีราชบูรณะ 3.6 km.</div>
</div>
</div>
</div>
</div>                    </div>
                    <div class="view-more">
                        <div class="btn-loadmore f_bold">แสดงข้อมูลเพิ่ม +</div>
                    </div>
                </div>
            </div>

<div class="wrap-content-facilities" uk-scrollspy="cls:uk-animation-fade;">
                <h2 class="width-1040 txt-head2 f_bold txt-white">สิ่งอำนวยความสะดวก</h2>
                <div class="box-slide-data" uk-slider="finite: true; draggable: false;">
                    <div class="section-slide-facilities">                    
                        <div class="facilities-section uk-slider-items section-custom-animate" uk-lightbox>
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/n5/wr/uepzn5wreqh/DJI_0899.JPG" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Club House">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/n5/wr/uepzn5wreqh/DJI_0899.JPG" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Club House</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/og/61/jeqeog61fgn/_DSC5033.JPG" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Swimming Pool">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/og/61/jeqeog61fgn/_DSC5033.JPG" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Swimming Pool</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/0b/ut/zoe50butigm/_DSC5037.JPG" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Fitness">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/0b/ut/zoe50butigm/_DSC5037.JPG" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Fitness</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                            <div class="facilities-items animate-list">
                                    <a class="thumb" href="https://istore.ananda.co.th/stocks/project_facility_child/o0x0/hw/pz/3woxhwpzcef/IMG_7325.jpg" data-type="" data-attrs="width: 1280; height: 720;" data-caption="Playground">
                                        <img class="img-gal img-lazy" width="245" height="320" data-src="https://istore.ananda.co.th/stocks/project_facility_child/c245x320/hw/pz/3woxhwpzcef/IMG_7325.jpg" alt="">                                        
                                                                                <div class="box-title">
                                            <h3 class="facilities-title f_bold">Playground</h3>
                                        </div>
                                        <div class="full-screen">
                                            <span class="icon icon-full-screen"></span>
                                        </div>
                                    </a>
                                </div>                           
                                                    </div>
                    </div>
                    <div class="slide-arrow prev hover-on-bg" uk-slider-item="previous">
                        <span class="icon icon-slide-arrow-left"></span>
                    </div>
                    <div class="slide-arrow next hover-on-bg" uk-slider-item="next">
                        <span class="icon icon-slide-arrow-right"></span>
                    </div>
                </div>
            </div>

<div class="map-content unlock-width" uk-scrollspy="cls:uk-animation-fade;">
                                <div class="map-frame">
                    <iframe id="google-map" src="https://www.google.com/maps?q=13.6638361,100.4947476&hl=th&z=16&amp;output=embed" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
                <div class="box-image-map" uk-scrollspy="cls:uk-animation-fade;delay: 100;">
                    <img src="https://istore.ananda.co.th/stocks/project/o0x0/hf/mp/5ms7hfmpiax/Map-UnioT-Suk30-950.jpg" alt="Map-UnioT-Suk30-950">
                    <div class="full-screen-map" uk-lightbox>
                        <a class="icon-full-screen" href="https://istore.ananda.co.th/stocks/project/o0x0/hf/mp/5ms7hfmpiax/Map-UnioT-Suk30-950.jpg"></a>
                    </div>
                </div>
                <div class="box-map-desc" uk-scrollspy="cls:uk-animation-fade;delay: 150;">
                    <div class="map-inner-content">
                        <h2 class="txt-head2 f_bold txt-white">สถานที่ตั้ง</h2>
                        <p class="address">ยูนิโอ ทาวน์ สุขสวัสดิ์ 30 ซอย สุขสวัสดิ์ 30 แขวง บางปะกอก เขตราษฎร์บูรณะ กรุงเทพมหานคร</p>
                        <div class="flex wrap">
                            <a class="btn-goto-map" href="https://www.google.com/maps/dir/?api=1&origin=My+Location&destination=%E0%B8%A2%E0%B8%B9%E0%B8%99%E0%B8%B4%E0%B9%82%E0%B8%AD+%E0%B8%97%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C+%E0%B8%AA%E0%B8%B8%E0%B8%82%E0%B8%AA%E0%B8%A7%E0%B8%B1%E0%B8%AA%E0%B8%94%E0%B8%B4%E0%B9%8C+30" target="_bank">
                                <span class="icon icon-rocket"></span>
                                <span class="txt-goto-map f_bold">ขอเส้นทาง</span>
                            </a>
                            <div class="btn-graphic-map">
                                <span class="txt-goto-map f_bold">แผนที่ภาพ</span>
                            </div>
                        </div>
                        <div class="list-location default_css">
                            <div class="ne-col">
<div class="ne-content">
<div class="-box">
<div class="icon-title font-face-bold"><strong>การเดินทาง</strong></div>
<div class="ne-list font-face">
<div class="-title">สถานีบางปะกอก     2.4 km.</div>
</div>
<div class="ne-list font-face">
<div class="-title">ทางพิเศษเฉลิมมหานคร     2.9 km.</div>
</div>
<div class="ne-list font-face">
<div class="-title">สถานีประชาอุทิศ     3.2 km.</div>
</div>
<div class="ne-list font-face">
<div class="-title">สถานีราชบูรณะ     3.6 km.</div>
</div>
</div>
</div>
</div>
<div class="ne-col">
<div class="ne-content">
<div class="-box">
<div class="ne-icon  shop">
<div class="project-sprite -after"> </div>
</div>
<div class="icon-title font-face-bold"><strong>ห้างสรรพสินค้า</strong></div>
<div class="ne-list font-face">
<div class="-title">Big C สุขสวัสดิ์     3.6 km.</div>
</div>
<div class="ne-list font-face">
<div class="-title">Big C บางปะกอก     3.9 km.</div>
</div>
<div class="ne-list font-face">
<div class="-title">Tesco Lotus บางปะกอก     4.5 km.</div>
</div>
<div class="ne-list font-face">
<div class="-title">Central พระราม 2     8.7 km.</div>
</div>
</div>
</div>
</div>                        
                        </div>
                    </div>
                </div>
            </div>

<div class="block-popup">
    <div id="line" class="-box-popup-footer" data-name="line">
        <div class="popup-footer">
            <div class="container-line">
                <h3 class="title f_bold">กรอกข้อมูลสักนิด<br>ก่อนแอดไลน์</h3>
                <div id="popup-footer-form-line" class="wrap-form-line common-form">
                    <div class="wrap-col-form flex wrap">
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="line-firstname" name="firstname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="กรุณากรอกชื่อ">
                                <label class="placeholder f_reg" for="line-firstname">ชื่อ</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="line-lastname" name="lastname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="กรุณากรอกนามสกุล">
                                <label class="placeholder f_reg" for="line-lastname">นามสกุล</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="line-email" name="email" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="กรุณากรอกอีเมล,รูปแบบอีเมลไม่ถูกต้อง">
                                <label class="placeholder f_reg" for="line-email">อีเมล</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text telephone merge-col " t-transition>
                                                                <div class="barrier pine-tel"></div>
                                <input id="line-tel" name="phone_dail" type="tel" class="input-type-text input-required f_med" required="" value="" maxlength="15" data-error="กรุณากรอกเบอร์โทรศัพท์,เบอร์โทรศัพท์ไม่ถูกต้อง">
                                <label class="placeholder telephone f_reg" for="line-tel">เบอร์โทรศัพท์</label>
                            </div>
                            <span class="label-example-tel">ไม่ต้องระบุเลข "0" ตัวอย่างเช่น 811234567</span>
                        </div>
                                                    <div class="col-form stretch">  
                                <div class="wrap-input-text dropdown-project">
                                    <div class="simple-dropdown f_reg show    not-set-position" id="simple_dropdown_project_id">
    <input type="hidden" name="project_id" value="1643708878326122" class="input-required input-value" data-error="กรุณาระบุโครงการที่สนใจ">
    <div class="dropdown-show-selected flex v-center h-justify"><span class="-text">&nbsp;</span> <span class="-icon icon-arrow-down"></span></div>
            <div class="dropdown-placeholder">โครงการที่สนใจ</div>
      
    <div class="dropdown-section hide-serch ">
                <ul>
                                    <li class="flex v-center h-justify " data-value="1679327436819405">
                    <span class="-text">อันดา ราชพฤกษ์ - แจ้งวัฒนะ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631762035145388">
                    <span class="-text">ยูนิโอ รามคำแหง-เสรีไทย</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631762056702823">
                    <span class="-text">ยูนิโอ เอช ติวานนท์</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1630347455638651">
                    <span class="-text">ยูนิโอ ทาวน์ ประชาอุทิศ 76</span>
                </li>
                            <li class="flex v-center h-justify " data-value="164394259665299">
                    <span class="-text">ยูนิโอ ทาวน์ ศรีนครินทร์ บางนา</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1679417454983352">
                    <span class="-text">ยูนิโอ ทาวน์ สวนหลวง - พัฒนาการ</span>
                </li>
                            <li class="flex v-center h-justify selected" data-value="1643708878326122">
                    <span class="-text">ยูนิโอ ทาวน์ สุขสวัสดิ์ 30</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631858186267371">
                    <span class="-text">อาร์เทล เอกมัย-รามอินทรา</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631254475602153">
                    <span class="-text">เอลลิโอ สาทร-วุฒากาศ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631788045796207">
                    <span class="-text">เอลลิโอ เดล เนสท์</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1630347576721752">
                    <span class="-text">เออร์บานิโอ วิภาวดี-แจ้งวัฒนะ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631870094896808">
                    <span class="-text">บาหลี บีช</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1631770225812559">
                    <span class="-text">แอชตัน สีลม</span>
                </li>
                            <li class="flex v-center h-justify " data-value="163281274659596">
                    <span class="-text">แอชตัน อโศก-พระราม 9</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1628652451768252">
                    <span class="-text">แอริ พระราม 2</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1679293431158739">
                    <span class="-text">แอริ แจ้งวัฒนะ</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1679329410366204">
                    <span class="-text">ไอดีโอ จรัญฯ70 - ริเวอร์วิว</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1644291297526392">
                    <span class="-text">ไอดีโอ รัชดา - สุทธิสาร</span>
                </li>
                            <li class="flex v-center h-justify " data-value="163172464513379">
                    <span class="-text">ไอดีโอ สาทร วงเวียนใหญ่</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632803116175914">
                    <span class="-text">คิว ประสานมิตร</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632803209666676">
                    <span class="-text">ไอดีโอ คิว วิคตอรี่</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1628482163581276">
                    <span class="-text">ไอดีโอ คิว สุขุมวิท 36</span>
                </li>
                            <li class="flex v-center h-justify " data-value="163280405382122">
                    <span class="-text">ไอดีโอ โมบิ สุขุมวิท 40</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632803828207915">
                    <span class="-text">ไอดีโอ โมบิ สุขุมวิท 66</span>
                </li>
                            <li class="flex v-center h-justify " data-value="1632896015791335">
                    <span class="-text">ไอดีโอ โมบิ สุขุมวิท อีสต์ พอยท์</span>
                </li>
                        
        </ul>
    </div>
</div>

</div>
                            </div>
                                            </div>
                                                            <div class="box-consent">
    <div class="consent-title f_bold">ข้าพเจ้าได้ศึกษาและรับทราบนโยบายความเป็นส่วนตัวที่บริษัทกำหนดแล้ว ยินยอมให้บริษัท เก็บรวบรวม ใช้ และเปิดเผย ข้อมูลส่วนบุคคลของข้าพเจ้า เช่น ชื่อนามสกุล ที่อยู่ เบอร์โทรศัพท์ อีเมล ข้อมูลการซื้อขายกับบริษัท ที่ได้ให้ไว้กับบริษัท หรือที่อยู่ในความครอบครองของบริษัท รวมถึงข้อมูลที่จะให้เพิ่มเติมแก่บริษัท ให้แก่บริษัทในเครือตามรายชื่อที่ระบุใน <a target="_blank" class="pdpa-link" href="https://www.ananda.co.th/th/privacy-policy">https://www.ananda.co.th/th/privacy-policy</a> หรือบุคคล นิติบุคคลอื่น สถาบันการเงินใดที่จำเป็นต่อการปฏิบัติตามสัญญาซึ่งข้าพเจ้าได้ทำไว้กับริษัท และเพื่อวัตถุประสงค์ดังต่อไปนี้</div>
    <div class="consent-detail">
        <ul class="consent-checkbox-ancestor">
            <li class="parent" data-consent="accept">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="accept_agreement" class="input-type-checkbox" value="Y"  autocomplete="off">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">ยอมรับ</div>
                    </div>
                </label>
                <ul class="consent-checkbox-parent">
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_content" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">บริษัทส่งมอบข้อมูลข่าวสารเกี่ยวกับกิจกรรม โปรโมชัน ผลิตภัณฑ์ บริการและสิทธิประโยชน์ต่างๆ ที่บริษัทคัดสรรมาเพื่อประโยชน์ของลูกค้าโดยเฉพาะ ผ่านช่องทางการสื่อสารทาง อีเมล ข้อความ SMS ไปรษณีย์ และด้วยวิธีการอื่นที่ข้าพเจ้าได้ให้ข้อมูลไว้แก่บริษัท</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_service" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">บริษัทนำข้อมูลไปวิจัยและพัฒนาผลิตภัณฑ์ บริการ ตลอดจนการขายและการตลาดของบริษัท เพื่อส่งมอบประสบการณ์ที่ดีให้ลูกค้าต่อไป</div>
                            </div>
                        </label>
                    </li>
                                    </ul>
            </li>
            <li class="parent" data-consent="decline">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="decline" class="input-type-checkbox" value="T">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">ปฏิเสธ</div>
                    </div>
                </label>
            </li>
        </ul>
    </div>
    <div class="box-consent-err hide">
        <div class="text-err">กรุณาทำเครื่องหมายถูกและคลิกปุ่ม เพื่อยอมรับการดำเนินธุรกรรมทางอิเล็กทรอนิกส์ก่อนลงทะเบียน</div>
    </div>
</div>
                    <div class="fixed-box ">
                        <div class="flex-box">
                            <div class="wrap-checkingbox">
                                <label class="wrap-input-checkbox flex center ">
                                    <input type="checkbox" name="accept_agreement" id="line-checkbox" class="input-type-checkbox checkbox-color input-required" value="T">
                                    <div class="checking-box"><span class="icon icon-Check icon-check"></span></div>
                                    <div class="checking-text f_reg">ยอมรับ</div>
                                </label>
                            </div>
                            <div class="block-btn-add-line mobile">
                                <div class="btn-add-line" data-actionId="1643708878326122" data-page="project">
                                    <div class="block-text">
                                        <span class="icon"><span class="icon-line"></span></span>
                                        <span class="text f_bold">แอดไลน์เลย!</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-btn-add-line hide-xs">
                    <div class="btn-add-line" data-actionId="1643708878326122" data-page="project">
                        <div class="block-text">
                            <span class="icon"><span class="icon-line"></span></span>
                            <span class="text f_bold">แอดไลน์เลย!</span>
                        </div>
                    </div>
                </div>
                <div id="line-captcha" class="g-recaptcha"></div>
            </div>
            <div class="container-qrcode">
                <div class="block-detail-qr">
                    <div class="block-left">
                        <div class="block-title">
                            <div class="title f_bold"> 
                                <div>สแกน QR เพื่อแอดไลน์</div>
                                <div>แล้วไปรับดีลพิเศษก่อนใคร</div>
                            </div>
                        </div>
                    </div>
                    <div class="block-right">
                        <div class="block-qrcode">
                            <img src="https://istore.ananda.co.th/" alt="">
                            <div class="title"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="appointment" class="-box-popup-footer" data-name="appointment">
        <div class="popup-footer">
            <div class="container-appointment">
                <h3 class="title f_bold">นัดหมายเยี่ยมชมโครงการ</h3>
                <div id="popup-footer-form-appointment" class="wrap-form-appointment common-form">
                    <div class="wrap-col-form flex wrap">
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="appointment-firstname" name="firstname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="กรุณากรอกชื่อ">
                                <label class="placeholder f_reg" for="appointment-firstname">ชื่อ</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="appointment-lastname" name="lastname" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="กรุณากรอกนามสกุล">
                                <label class="placeholder f_reg" for="appointment-lastname">นามสกุล</label>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text " t-transition>
                                <input id="appointment-email" name="email" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="กรุณากรอกอีเมล,รูปแบบอีเมลไม่ถูกต้อง">
                                <label class="placeholder f_reg" for="appointment-email">อีเมล</label>
                            </div>
                        </div>
                        <div class="col-form telephone">
                            <div class="wrap-input-text telephone merge-col " t-transition>
                                                                <div class="barrier pine-tel"></div>
                                <input id="appointment-tel" name="phone_dail" type="tel" class="input-type-text input-required f_med" required="" value="" maxlength="15" data-error="กรุณากรอกเบอร์โทรศัพท์,เบอร์โทรศัพท์ไม่ถูกต้อง">
                                <label class="placeholder telephone f_reg" for="appointment-tel">เบอร์โทรศัพท์</label>
                            </div>
                            <span class="label-example-tel">ไม่ต้องระบุเลข "0" ตัวอย่างเช่น 811234567</span>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text" t-transition>
                                <input id="appointment-date" name="appointment_date" type="text" class="input-type-text input-required f_med" required="" value="" maxlength="255" data-error="กรุณากรอกวันเข้าเยี่ยมชม">
                                <label class="placeholder f_reg" for="appointment-date">วันเข้าเยี่ยมชม</label>
                                <span class="icon-calendar"></span>
                            </div>
                        </div>
                        <div class="col-form">
                            <div class="wrap-input-text" id="test">
                                <div class="simple-dropdown f_reg show    not-set-position" id="simple_dropdown_appointment_time">
    <input type="hidden" name="appointment_time" value="" class="input-required input-value" data-error="กรุณาระบุเวลา">
    <div class="dropdown-show-selected flex v-center h-justify"><span class="-text">&nbsp;</span> <span class="-icon icon-arrow-down"></span></div>
            <div class="dropdown-placeholder">เวลา</div>
      
    <div class="dropdown-section hide-serch ">
                <ul>
                                    <li class="flex v-center h-justify " data-value="09:00">
                    <span class="-text">09:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="10:00">
                    <span class="-text">10:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="11:00">
                    <span class="-text">11:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="12:00">
                    <span class="-text">12:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="13:00">
                    <span class="-text">13:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="14:00">
                    <span class="-text">14:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="15:00">
                    <span class="-text">15:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="16:00">
                    <span class="-text">16:00</span>
                </li>
                            <li class="flex v-center h-justify " data-value="17:00">
                    <span class="-text">17:00</span>
                </li>
                        
        </ul>
    </div>
</div>

</div>
                        </div>
                        <div class="wrap-input-text text-area" t-transition>
                            <textarea id="appointment-detail" name="message" type="text" class="input-type-text input-required f_med text-area" required=""  value="" maxlength="1000" data-error="กรุณากรอกรายละเอียด"></textarea>
                            <label class="placeholder detail-textarea f_reg" for=appointment-detail">พิมพ์รายละเอียด</label>
                        </div>
                    </div>
                                                            <div class="box-consent">
    <div class="consent-title f_bold">ข้าพเจ้าได้ศึกษาและรับทราบนโยบายความเป็นส่วนตัวที่บริษัทกำหนดแล้ว ยินยอมให้บริษัท เก็บรวบรวม ใช้ และเปิดเผย ข้อมูลส่วนบุคคลของข้าพเจ้า เช่น ชื่อนามสกุล ที่อยู่ เบอร์โทรศัพท์ อีเมล ข้อมูลการซื้อขายกับบริษัท ที่ได้ให้ไว้กับบริษัท หรือที่อยู่ในความครอบครองของบริษัท รวมถึงข้อมูลที่จะให้เพิ่มเติมแก่บริษัท ให้แก่บริษัทในเครือตามรายชื่อที่ระบุใน <a target="_blank" class="pdpa-link" href="https://www.ananda.co.th/th/privacy-policy">https://www.ananda.co.th/th/privacy-policy</a> หรือบุคคล นิติบุคคลอื่น สถาบันการเงินใดที่จำเป็นต่อการปฏิบัติตามสัญญาซึ่งข้าพเจ้าได้ทำไว้กับริษัท และเพื่อวัตถุประสงค์ดังต่อไปนี้</div>
    <div class="consent-detail">
        <ul class="consent-checkbox-ancestor">
            <li class="parent" data-consent="accept">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="accept_agreement" class="input-type-checkbox" value="Y"  autocomplete="off">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">ยอมรับ</div>
                    </div>
                </label>
                <ul class="consent-checkbox-parent">
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_content" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">บริษัทส่งมอบข้อมูลข่าวสารเกี่ยวกับกิจกรรม โปรโมชัน ผลิตภัณฑ์ บริการและสิทธิประโยชน์ต่างๆ ที่บริษัทคัดสรรมาเพื่อประโยชน์ของลูกค้าโดยเฉพาะ ผ่านช่องทางการสื่อสารทาง อีเมล ข้อความ SMS ไปรษณีย์ และด้วยวิธีการอื่นที่ข้าพเจ้าได้ให้ข้อมูลไว้แก่บริษัท</div>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label class="wrap-input-checkbox flex ">
                            <input type="checkbox" name="accept_service" class="input-type-checkbox" value="Y"  autocomplete="off">
                            <div class="checking-box">
                                <span class="icon icon-Check icon-check"></span>
                            </div>
                            <div class="checking-text">
                                <div class="consent-desc">บริษัทนำข้อมูลไปวิจัยและพัฒนาผลิตภัณฑ์ บริการ ตลอดจนการขายและการตลาดของบริษัท เพื่อส่งมอบประสบการณ์ที่ดีให้ลูกค้าต่อไป</div>
                            </div>
                        </label>
                    </li>
                                    </ul>
            </li>
            <li class="parent" data-consent="decline">
                <label class="wrap-input-checkbox flex ">
                    <input type="checkbox" name="decline" class="input-type-checkbox" value="T">
                    <div class="checking-box">
                        <span class="icon icon-Check icon-check"></span>
                    </div>
                    <div class="checking-text">
                        <div class="consent-desc">ปฏิเสธ</div>
                    </div>
                </label>
            </li>
        </ul>
    </div>
    <div class="box-consent-err hide">
        <div class="text-err">กรุณาทำเครื่องหมายถูกและคลิกปุ่ม เพื่อยอมรับการดำเนินธุรกรรมทางอิเล็กทรอนิกส์ก่อนลงทะเบียน</div>
    </div>
</div>
                    <div class="fixed-box ">
                        <div class="flex-box">
                            <div class="wrap-checkingbox">
                                <label class="wrap-input-checkbox flex center ">
                                    <input type="checkbox" name="accept_agreement" id="appointment-checkbox" class="input-type-checkbox checkbox-color input-required" value="T">
                                    <div class="checking-box"><span class="icon icon-Check icon-check"></span></div>
                                    <div class="checking-text f_reg">ยอมรับ</div>
                                </label>
                            </div>
                            <div class="block-btn-add-appointment mobile">
                                <div class="btn-add-appointment" data-actionId="1643708878326122" data-page="project">
                                    <div class="block-text">
                                        <span class="text f_bold">ส่งข้อมูล</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="block-btn-add-appointment hide-xs">
                    <div class="btn-add-appointment" data-actionId="1643708878326122" data-page="project">
                        <div class="block-text">
                            <span class="text f_bold">ส่งข้อมูล</span>
                        </div>
                    </div>
                </div>
                <div id="appointment-captcha" class="g-recaptcha"></div>
            </div>
            <div class="container-submit">
                <div class="block-detail-submit">
                    <div class="block-title">
                        <div class="title f_bold"> 
                            <div>เราได้รับข้อมูลของคุณแล้ว</div>
                        </div>
                        <div class="subtitle f_reg">
                            <div>เจ้าหน้าที่จะติดต่อกลับในภายหลัง</div>
                        </div>
                    </div>
                    <div class="block-btn-close-appointment">
                    <div class="btn-close-appointment">
                        <div class="block-text">
                            <span class="text f_bold">ปิด</span>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>
            <div class="container-project-footer">
                <div class="show-mobile">
                                            <div class="block-title" style="display: none;"></div>
                                    </div>
                <div class="block-detail">
                    <div class="ct-btn">
                        <div class="block-btn-appointment">
                            <div class="btn-appointment f_bold">
                                <span class="icon icon-appointment"></span>
                                <div class="text">นัดหมาย</div>
                            </div>
                        </div>
                        <div class="block-btn-line">
                            <div class="btn-line f_bold">
                                <span class="icon icon-line"></span>
                                <div class="text hide-xs">แชทเลยตอนนี้!</div>
                                <div class="text show-xs">แชทเลย</div>
                            </div>
                        </div>
                    </div>
                    <div class="block-title uk-position-relative uk-visible-toggle uk-light " uk-slideshow="animation: fade; autoplay: true">
                        <ul class=" uk-slideshow-items detail f_bold">
                                                    </ul>
                    </div>
                         
                            <div class="block-btn-unit  no-unit">
                                <a href="#unit-section" uk-scroll="offset: 81">
                                    <div class="btn-unit f_bold">
                                        <div class="text">ยูนิตในโครงการ</div>
                                    </div>
                                </a>
                            </div>
                                        </div>
            </div>