diff --git a/public/css/main_page.css b/public/css/main_page.css
index b1d73b0246034ce42cfe7780d7869f3e152b9a68..fa2b6abdac57d2cec0aad1393e31c00f9abbd9af 100644
--- a/public/css/main_page.css
+++ b/public/css/main_page.css
@@ -8,7 +8,7 @@ .container {
     font-family: 'Kanit', sans-serif;
     width: 1000px;
     margin: auto;
-    background: #F8F7FA;
+    background: #E1E1E1;
 }
 nav {
     width: 1000px;
@@ -53,20 +53,51 @@ .bg {
     margin: 0 auto;
     object-fit:cover;
 }
-.section-list {
-    width: 200px;
+.memder-card-list {
+    width: 250px;
     height: 200px;
     background: white;
-    outline: auto;
+    border-radius: 5px;
+    box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 16px;
 }
-.section-list ul {
+.memder-card-list ul {
     list-style: none;
+    text-decoration: none;
+    color: black;
+    padding: 10px 20px;
 }
-.section-list ul li {
+.memder-card-list ul li {
     list-style: none;
 }
-.section-list ul {
+.memder-card-list span {
+    padding: 0px 21px ;
+    
+}
+.condition-card-list {
+    width: 250px;
+    height: 200px;
+    background: white;
+    border-radius: 5px;
+    box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 12px;
+}
+.condition-card-list ul {
+    list-style: none;
     text-decoration: none;
     color: black;
     padding: 10px 20px;
+}
+.condition-card-list ul li {
+    list-style: none;
+}
+.condition-card-list span {
+    padding: 0px 21px ;
+    
 }
\ No newline at end of file
diff --git a/resources/views/v_mainpage_user.blade.php b/resources/views/v_mainpage_user.blade.php
index 97b5c179a620bd9457bc6a779af51f00e31e6659..4f9c3ed8612fa870bd82c0c40a1c02bbeeab1a49 100644
--- a/resources/views/v_mainpage_user.blade.php
+++ b/resources/views/v_mainpage_user.blade.php
@@ -28,12 +28,25 @@
         <div >
             <img class="bg" src="image\cremation.jpg">
         </div>
-        <div class="section-list">
+        <div class="memder-card-list">
             <ul>
-                <li>จำนวนสมาชิก</li>
-                <li>สามัญ<span>1,000 ราย</span></li>
-                <li>สมทบ<span>800 ราย</span></li>
-                <li>รวม<span>1,800 ราย</span></li>
+                <h4><li>จำนวนสมาชิก</li></h4>
+                <hr>
+                <li>สามัญ&nbsp;<span>1,000 ราย</span></li>
+                <li>สมทบ&emsp;<span>800 ราย</span></li>
+                <li>รวม &nbsp;&emsp;<span>1,800 ราย</span></li>
+            </ul>
+        </div>
+        <br>
+        <div class="condition-card-list">
+        <ul>
+                <h2><li>เงื่อนไข</li></h2>
+                <hr>
+                <li>อัตราค่าสมัครสมาชิก&emsp;<span>100 บาท</span></li>
+                <li>อัตราเงินสงเคราะห์ต่อราย<span>20 บาท</span></li>
+                <li>ค่าบำรุงรักษา&emsp;&emsp;<span>50 บาท</span></li>
+                <li>เงินสงเคราะห์ล่วงหน้า<span>650 บาท</span></li>
+                <li>อัตราหักเงินสงเคราะห์<span>ร้อยละ 20</span></li>
             </ul>
         </div>
     </div>