diff --git a/public/documents/chapter-12-user-retire.md b/public/documents/chapter-12-user-retire.md
index 3a7e2888..ebd86dc5 100644
--- a/public/documents/chapter-12-user-retire.md
+++ b/public/documents/chapter-12-user-retire.md
@@ -1,56 +1,102 @@
 # ระบบลาออก
 
-- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “ลาออก”
+- เมื่อเข้าสู่ระบบบริการเจ้าของข้อมูล ระบบแสดงหน้าเมนูหลัก ให้ผู้ยื่นขอลาออกทำการคลิกเลือกเมนูระบบ “ขอลาออก”
 
 ![รูปภาพที่ 12 – 1 เมนูลาออกในส่วนของผู้ใช้](images/user/chapter12/chapter12_1.png)
 
-> หมายเลข 1 เมนู “ลาออก”
+> หมายเลข 1 เมนูระบบ “ขอลาออก”
 
-- เมื่อเลือกเมนู “ลาออก” ระบบแสดงหน้าลาออก โดยสามารถคลิก ![close](images/button/plus-green.png) เพื่อทำการเพิ่มข้อมูลลาออก
+- เมื่อผู้ขอลาออกทำการคลิกเลือกเมนู “ลาออก” ระบบแสดงหน้า “ขอลาออก” โดยผู้ขอลาออกสามารถเพิ่มรายการขอลาออก แสดงรายละเอียดขอลาออก และสามารถกรอกข้อมูลเพื่อค้นหารายการขอลาออกได้
 
-![รูปภาพที่ 12 – 2 หน้าเรื่องขอโอน](images/user/chapter12/chapter12_2.png)
+![รูปภาพที่ 12 – 2 หน้ารายการลาออก](images/user/chapter12/chapter12_2.png)
 
-> หมายเลข 1 เพิ่มข้อมูลลาออก  
-> หมายเลข 2 รายการลาออก  
-> หมายเลข 3 ช่องค้นหา  
+> หมายเลข 1 ไอคอนสำหรับคลิกเพื่อเพิ่มข้อมูลรายการขอลาออก  
+> หมายเลข 2 ช่องสำหรับแสดงรายการขอลาออก  
+> หมายเลข 3 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการขอลาออก  
 > หมายเลข 4 ช่องคอลัมน์
 
-- จากรูปภาพที่ 11 - 2 เมื่อคลิกไอคอนในหมายเลข 1 ระบบแสดงหน้าเพิ่มเรื่องลาออก จำเป็นต้องกรอกข้อมูลให้ครบทุกช่อง และควรแนบเอกสารเพิ่มเติม
+- ผู้ขอลาออกสามารถเพิ่มรายการขอลาออกได้ โดยการใช้เมาส์คลิกที่ไอคอน ![add](images/button/plus-green.png) ระบบแสดงหน้า “เพิ่มเรื่องลาออก” ผู้ขอลาออกจำเป็นต้องกรอกข้อมูลให้ครบตามที่ระบบแนะนำ และหากผู้ขอลาออกได้ทำการกรอกข้อมูลครบเสร็จสิ้นเรียบร้อยแล้ว ให้ทำการคลิกปุ่ม ![add](images/button/retire/btn-request-retire.png) และยืนยันการยื่นเรื่องขอลาออก
 
 ![รูปภาพที่ 12 – 3 หน้าเพิ่มเรื่องลาออก](images/user/chapter12/chapter12_3.png)
 
-> หมายเลข 1 ช่องให้กรอกสถานที่ยื่นขอลาออกจากราชการ  
-> หมายเลข 2 ช่องแสดงวันที่ยื่นลาออกจากราชการ  
-> หมายเลข 3 ช่องแสดงวันที่ขอลาออกจากราชการ  
-> หมายเลข 4 ช่องให้กรอกเหตุผลที่ลาออกจากราชการ  
-> หมายเลข 5 แนบเอกสารเพิ่มเติม  
-> หมายเลข 6 ปุ่มยื่นเรื่องขอลาออก  
-> หมายเลข 7 ลบเอกสารเพิ่มเติม
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกข้อมูลสถานที่ยื่นขอลาออกจากราชการ  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกวันที่ขอลาออกจากราชการ  
+> หมายเลข 3 ช่องสำหรับคลิกเพื่อเลือกข้อมูลเหตุผลที่ลาออกจากราชการ  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อแนบไฟล์เอกสารเพิ่มเติมการขอลาออก  
+> หมายเลข 5 ปุ่มสำหรับคลิกเพื่อยื่นเรื่องขอลาออก
 
-- เมื่อกรอกข้อมูลในหน้าเพิ่มเรื่องลาออก และคลิกปุ่มยื่นเรื่องขอลาออก ระบบแสดงหน้าฟอร์มตอบแบบสอบถามจำนวน 10 ข้อ
+- หลังจากที่ผู้ขอลาออกได้ทำการยื่นขอลาออกเสร็จสิ้น ระบบจะแสดงหน้า “แบบสอบถาม” จำนวน 10 ข้อ เพื่อให้ผู้ขอลาออกได้ทำการตอบแบบสอบถามการลาออก และหากผู้ขอลาออกได้ทำการตอบแบบสอบถามเสร็จสิ้น ให้ทำการคลิก ![add](images/button/retire/btn-submit-questionnaire.png) และยืนยันการบันทึกข้อมูลตอบแบบสอบถาม (หากเมื่อผู้ขอลาออกได้ทำการคลิกปุ่ม ![add](images/button/retire/btn-back.png) โดยที่ยังไม่ได้ทำและบันทึกแบบสอบถาม ผู้ขอลาออกจะไม่สามารถทำแบบสอบถามในระบบนี้ได้อีก)
 
-![รูปภาพที่ 12 – 4 แบบสอบถามข้อที่ 1](images/user/chapter12/chapter12_4.png)
+![รูปภาพที่ 12 – 4 แบบสอบถาม (ข้อที่ 1 – ข้อที่ 2)](images/user/chapter12/chapter12_4.png)
 
-![รูปภาพที่ 12 – 5 แบบสอบถามข้อที่ 2 และ 3](images/user/chapter12/chapter12_5.png)
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 1  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 2  
+> หมายเลข 3 ไอคอนสำหรับคลิกเพื่อย้อนกลับไปยังหน้ารายการขอลาออก
 
-![รูปภาพที่ 12 – 6 แบบสอบถามข้อที่ 4](images/user/chapter12/chapter12_6.png)
+![รูปภาพที่ 12 – 5 แบบสอบถาม (ข้อที่ 3 – ข้อที่ 4)](images/user/chapter12/chapter12_5.png)
 
-![รูปภาพที่ 12 – 7 แบบสอบถามข้อที่ 5, 6, 7 และ ข้อที่ 8](images/user/chapter12/chapter12_7.png)
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 3  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 4
 
-![รูปภาพที่ 12 – 8 แบบสอบถามข้อที่ 9 และข้อที่ 10](images/user/chapter12/chapter12_8.png)
+![รูปภาพที่ 12 – 6 แบบสอบถาม (ข้อที่ 5 – ข้อที่ 10)](images/user/chapter12/chapter12_6.png)
 
-- ในรูปภาพที่ 11 - 2 เมื่อเลือกคลิกรายการในหมายเลข 2 ระบบแสดงหน้ารายละเอียดลาออก โดยสามารถดูรายละเอียด และสามารถยกเลิกการลาออกได้
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 5  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 6  
+> หมายเลข 3 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 7  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 8  
+> หมายเลข 5 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 9  
+> หมายเลข 6 ช่องสำหรับคลิกเพื่อตอบแบบสอบถามข้อที่ 10  
+> หมายเลข 7 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลตอบแบบสอบถามการขอลาออก
 
-![รูปภาพที่ 12 – 9 หน้ารายละเอียดเรื่องลาออก](images/user/chapter12/chapter12_9.png)
+- หลังจากที่ผู้ขอลาออกได้ทำการบันทึกแบบสอบถามเสร็จสิ้น ระบบจะทำการแสดงหน้า “รายละเอียดเรื่องลาออก” และส่งเรื่องการขอลาออกไปยังการเจ้าหน้าที่ทันที เพื่อให้การเจ้าหน้าที่ดำเนินการส่งเรื่องไปยังผู้บังคับบัญชา และผู้มีอำนาจ ให้พิจารณาการขอลาออกจากราชการ ทั้งนี้ผู้ขอลาออกสามารถคลิก ![add](images/button/retire/btn-request-cancel.png) เพื่อขอยกเลิกการขอลาออกจากราชการ ก่อนที่ผู้บังคับบัญชา และผู้มีอำนาจจะทำการพิจารณาได้
 
-> หมายเลข 1 ช่องแสดงสถานที่ยื่นขอลาออกจากราชการ  
-> หมายเลข 2 ช่องแสดงวันที่ยื่นลาออกจากราชการ  
-> หมายเลข 3 ช่องแสดงวันที่ขอลาออกจากราชการ  
-> หมายเลข 4 ช่องให้กรอกเหตุผลที่ลาออกจากราชการ  
-> หมายเลข 5 ช่องแสดงแนบเอกสารเพิ่มเติม
+![รูปภาพที่ 12 – 7 รายละเอียดเรื่องลาออก](images/user/chapter12/chapter12_7.png)
 
-![รูปภาพที่ 12 – 10 หน้ารายละเอียดเรื่องลาออก(ต่อ)](images/user/chapter12/chapter12_10.png)
+> หมายเลข 1 ช่องสำหรับแสดงรายละเอียดข้อมูลการยื่นขอลาออกจากราชการ  
+> หมายเลข 2 ช่องสำหรับแสดงข้อมูลผลการพิจารณาของผู้บังคับบัญชา  
+> หมายเลข 3 ช่องสำหรับแสดงข้อมูลผลการพิจารณาของผู้มีอำนาจ  
+> หมายเลข 4 ปุ่มสำหรับคลิกเพื่อยกเลิกการขอลาออกจากราชการ
 
-> หมายเลข 1 ช่องแสดงผลการพิจารณาของผู้บังคับบัญชา  
-> หมายเลข 2 ช่องแสดงผลการพิจารณาของผู้มีอำนาจ  
-> หมายเลข 3 ปุ่มยกเลิกลาออก เมื่อคลิกปุ่มนี้ ระบบแสดงป้ายยืนยันลาออก เมื่อคลิก “ตกลง” สถานะจะเปลี่ยนเป็น ยกเลิกการลาออก และหากคลิก “ยกเลิก” รายการลาออกจะยังไม่ถูกยกเลิก
+- ข้อควรระวัง หากผู้มีอำนาจสั่งบรรจุพิจารณาจนได้ข้อสรุปอนุมัติการลาออก ไปจนถึงออกรายงานคำสั่งขอลาออกจากราชการ และรายงานคำสั่งมีผล ผู้ยื่นขอลาออก จะไม่สามารถเข้าสู่ระบบบริการเจ้าของข้อมูลได้ เพราะข้อมูลชื่อ ตำแหน่ง และเลขที่ตำแหน่งของผู้ยื่นขอลาออกจะถูกลบออกจากระบบโครงสร้างอัตรากำลังทันที
+
+- เมื่อหากผู้มีอำนาจสั่งบรรจุพิจารณาได้ทำการอนุมัติการลาออก ผู้ยื่นขอลาออกจะสามารถเห็นผลการพิจารณาของผู้บังคับบัญชา และผลการพิจารณาของผู้มีอำนาจได้ แต่หากรายงานคำสั่งขอลาออกมีผล ผู้ยื่นขอลาออกจะไม่สามารถดูผลการพิจารณา และรายละเอียดได้ เพราะท่านจะไม่สามารถเข้าสู่ระบบบริการเจ้าของข้อมูลได้อีก
+
+![รูปภาพที่ 12 – 8 ปิดคำร้อง](images/user/chapter12/chapter12_8.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงผลการพิจารณาของผู้บังคับบัญชา  
+> หมายเลข 2 ช่องสำหรับแสดงผลการพิจารณาของผู้มีอำนาจ  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อยกเลิกการลาออกจากราชการ
+
+- การยกเลิกขอลาออกจากราชการ ให้ผู้ขอลาออกทำการใช้เมาส์คลิก ![add](images/button/retire/btn-request-cancel.png) ในหน้ารายละเอียดเรื่องขอลาออก ระบบจะทำการแสดงหน้า “ยื่นขอยกเลิกการลาออก” ให้ผู้ยื่นขอลาออกทำการกรอกข้อมูลเหตุผลที่ขอยกเลิกการลาออก จากกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![add](images/button/retire/btn-confrim.png) และยืนยันการบันทึกข้อมูล (กรณีขอยกเลิกการลาออก วันที่ต้องไม่เกินวันที่ที่ได้ทำการยื่นขอลาออก เพราะถ้าหากเกิน ผู้ยื่นขอลาออกจะไม่สามารถเข้าระบบบริการเจ้าของข้อมูลเพื่อทำเรื่องได้แล้ว)
+
+![รูปภาพที่ 12 – 9 ยื่นขอยกเลิกการลาออก](images/user/chapter12/chapter12_9.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกข้อมูลเหตุผลที่ขอยกเลิกการลาออก  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อยืนยันการยื่นขอยกเลิกการลาออก
+
+- หลังจากที่ผู้ขอลาออกได้ทำการคลิกยืนยันการขอยกเลิกการลาออกเสร็จสิ้น ระบบจะทำการแสดงเหตุผลการขอยกเลิกการลาออก และส่งรายการขอยกเลิกการลาออกจากราชการให้ผู้บังคับบัญชา และผู้มีอำนาจทำการพิจารณาการขอยกเลิก
+
+![รูปภาพที่ 12 – 10 ติดตามสถานะยกเลิกการขอลาออก](images/user/chapter12/chapter12_10.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงเหตุผลการขอยกเลิกการลาออก  
+> หมายเลข 2 ช่องสำหรับแสดงผลการพิจารณาการขอยกเลิกลาออกของผู้บังคับบัญชา  
+> หมายเลข 3 ช่องสำหรับแสดงผลการพิจารณาการขอยกเลิกลาออกของผู้มีอำนาจ
+
+- หากรายการขอลาออก รายการไหนได้ถูกยกเลิกการขอลาออก และยังอยู่ในขั้นตอนของการพิจารณาการขอยกเลิกลาออก ระบบจะทำการแสดงสถานะเป็น “กำลังดำเนินการยกเลิก”
+
+![รูปภาพที่ 12 – 11 สถานะยกเลิกการลาออก](images/user/chapter12/chapter12_11.png)
+
+> หมายเลข 1 รายการขอลาออกที่มีสถานะ “กำลังดำเนินการยกเลิก”
+
+- ข้อควรระวัง การขอยกเลิกการลาออก ผู้ขอลาออกต้องทำการขอยกเลิกการลาออกก่อนที่จะถึงวันที่ขอลาออกจากราชการ และก่อนวันที่ขอลาออกอย่างน้อย 2 วัน (เช่น ผู้ขอลาออกได้ทำการบันทึกวันที่ในระบบขอลาออก คือวันที่ 31 กรกฏาคม ผู้ขอลาออกจะสามารถขอยกเลิกการขอลาออกได้ถึงวันที่ 29 กรกฏาคม แต่หากวันที่จะทำการขอยกเลิกลาออกเป็นวันที่ 30 กรกฏาคมแล้ว ระบบจะไม่สามารถขอยกเลิกการลาออกได้)
+
+- เมื่อผู้บังคับบัญชา และผู้มีอำนาจได้ทำการพิจารณาการขอยกเลิกการลาออกจากราชการเสร็จสิ้น ระบบจะแสดงข้อมูลผลการพิจารณา ให้ผู้ขอลาออกรับทราบ รวมถึงสถานะรายการขอยกเลิกการลาออกจะแสดง “ยกเลิกการลาออกสำเร็จ”
+
+![รูปภาพที่ 12 – 12 ผลการพิจารณาการขอยกเลิกการลาออก](images/user/chapter12/chapter12_12.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงผลการพิจารณาการขอยกเลิกการลาออกของผู้บังคับบัญชา  
+> หมายเลข 2 ช่องสำหรับแสดงผลการพิจารณาการขอยกเลิกการลาออกของผู้มีอำนาจ
+
+![รูปภาพที่ 12 – 13 สถานะยกเลิกการลาออกสำเร็จ](images/user/chapter12/chapter12_13.png)
+
+> หมายเลข 1 รายการขอลาออกที่มีสถานะ “ยกเลิกการลาออกสำเร็จ”
diff --git a/public/images/button/retire/btn-back.png b/public/images/button/retire/btn-back.png
new file mode 100644
index 00000000..c2322868
Binary files /dev/null and b/public/images/button/retire/btn-back.png differ
diff --git a/public/images/button/retire/btn-confrim.png b/public/images/button/retire/btn-confrim.png
new file mode 100644
index 00000000..cda5caf8
Binary files /dev/null and b/public/images/button/retire/btn-confrim.png differ
diff --git a/public/images/button/retire/btn-request-cancel.png b/public/images/button/retire/btn-request-cancel.png
new file mode 100644
index 00000000..02f34c1a
Binary files /dev/null and b/public/images/button/retire/btn-request-cancel.png differ
diff --git a/public/images/button/retire/btn-request-retire.png b/public/images/button/retire/btn-request-retire.png
new file mode 100644
index 00000000..7a4e36f0
Binary files /dev/null and b/public/images/button/retire/btn-request-retire.png differ
diff --git a/public/images/button/retire/btn-submit-questionnaire.png b/public/images/button/retire/btn-submit-questionnaire.png
new file mode 100644
index 00000000..9fe4e6e0
Binary files /dev/null and b/public/images/button/retire/btn-submit-questionnaire.png differ
diff --git a/public/images/user/chapter12/chapter12_1.png b/public/images/user/chapter12/chapter12_1.png
index f1d5d2d2..4a0aecb0 100644
Binary files a/public/images/user/chapter12/chapter12_1.png and b/public/images/user/chapter12/chapter12_1.png differ
diff --git a/public/images/user/chapter12/chapter12_10.png b/public/images/user/chapter12/chapter12_10.png
index fe013f46..c398f02b 100644
Binary files a/public/images/user/chapter12/chapter12_10.png and b/public/images/user/chapter12/chapter12_10.png differ
diff --git a/public/images/user/chapter12/chapter12_11.png b/public/images/user/chapter12/chapter12_11.png
new file mode 100644
index 00000000..ae9bfab2
Binary files /dev/null and b/public/images/user/chapter12/chapter12_11.png differ
diff --git a/public/images/user/chapter12/chapter12_12.png b/public/images/user/chapter12/chapter12_12.png
new file mode 100644
index 00000000..b2930b22
Binary files /dev/null and b/public/images/user/chapter12/chapter12_12.png differ
diff --git a/public/images/user/chapter12/chapter12_13.png b/public/images/user/chapter12/chapter12_13.png
new file mode 100644
index 00000000..eb1172d7
Binary files /dev/null and b/public/images/user/chapter12/chapter12_13.png differ
diff --git a/public/images/user/chapter12/chapter12_2.png b/public/images/user/chapter12/chapter12_2.png
index d23125d6..be75e603 100644
Binary files a/public/images/user/chapter12/chapter12_2.png and b/public/images/user/chapter12/chapter12_2.png differ
diff --git a/public/images/user/chapter12/chapter12_3.png b/public/images/user/chapter12/chapter12_3.png
index 5613bd0c..3f7b5ae9 100644
Binary files a/public/images/user/chapter12/chapter12_3.png and b/public/images/user/chapter12/chapter12_3.png differ
diff --git a/public/images/user/chapter12/chapter12_4.png b/public/images/user/chapter12/chapter12_4.png
index 9cfce512..29f56429 100644
Binary files a/public/images/user/chapter12/chapter12_4.png and b/public/images/user/chapter12/chapter12_4.png differ
diff --git a/public/images/user/chapter12/chapter12_5.png b/public/images/user/chapter12/chapter12_5.png
index c34d26b6..eb63f3b0 100644
Binary files a/public/images/user/chapter12/chapter12_5.png and b/public/images/user/chapter12/chapter12_5.png differ
diff --git a/public/images/user/chapter12/chapter12_6.png b/public/images/user/chapter12/chapter12_6.png
index 5c769f72..2881a84c 100644
Binary files a/public/images/user/chapter12/chapter12_6.png and b/public/images/user/chapter12/chapter12_6.png differ
diff --git a/public/images/user/chapter12/chapter12_7.png b/public/images/user/chapter12/chapter12_7.png
index bde4d9c1..c24c72e2 100644
Binary files a/public/images/user/chapter12/chapter12_7.png and b/public/images/user/chapter12/chapter12_7.png differ
diff --git a/public/images/user/chapter12/chapter12_8.png b/public/images/user/chapter12/chapter12_8.png
index 2c2e2908..d1cc3237 100644
Binary files a/public/images/user/chapter12/chapter12_8.png and b/public/images/user/chapter12/chapter12_8.png differ
diff --git a/public/images/user/chapter12/chapter12_9.png b/public/images/user/chapter12/chapter12_9.png
index 5b44996e..e7066c8d 100644
Binary files a/public/images/user/chapter12/chapter12_9.png and b/public/images/user/chapter12/chapter12_9.png differ