diff --git a/public/documents/chapter-1-user-organization-chart.md b/public/documents/chapter-1-user-organization-chart.md
index bc952338..d5bbaaec 100644
--- a/public/documents/chapter-1-user-organization-chart.md
+++ b/public/documents/chapter-1-user-organization-chart.md
@@ -7,14 +7,14 @@
 > หมายเลข 1 เมนูประเมินบุคคล
 
 - เมื่อเลือกเมนู “แผนผังองค์กร” ระบบแสดงหน้าแผนผังองค์กร โดยสามารถเลือกดาวน์โหลด
-แผนผังองค์ในรูปแบบ .PDF หรือ .PNG รวมทั้งสามารถคลิกรายการผังองค์กร เพื่อดูข้อมูลได้
+  แผนผังองค์ในรูปแบบ .PDF หรือ .PNG รวมทั้งสามารถคลิกรายการผังองค์กร เพื่อดูข้อมูลได้
 
 ![รูปภาพที่ 2 – 2 หน้าแผนผังองค์กร](../images/user/chapter1/chapter1_2.png)
 
 > หมายเลข 1 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PNG  
 > หมายเลข 2 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PDF  
 > หมายเลข 3 รายการการเข้าถึง  
-> หมายเลข 4 ผังโครงสร้างของสำนักงานทั้งหมด  
+> หมายเลข 4 ผังโครงสร้างของสำนักงานทั้งหมด
 
 - เมื่อคลิกที่สำนักเพื่อดูข้อมูลผังองค์กร ระบบแสดงหน้าผังองค์กรของสำนักที่เลือก สามารถคลิกเพื่อเข้าดูข้อมูลผังองค์กรของทั้งสถาบัน/กอง ฝ่าย/ส่วน และกลุ่มงาน ของสำนักงานที่เลือกได้
 
@@ -23,20 +23,19 @@
 > หมายเลข 1 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PNG  
 > หมายเลข 2 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PDF  
 > หมายเลข 3 รายการการเข้าถึง  
-> หมายเลข 4 ผังโครงสร้างของสำนักงาน  
+> หมายเลข 4 ผังโครงสร้างของสำนักงาน
 
 ![รูปภาพที่ 2 – 4 หน้าแผนผังองค์กรของสถาบัน/กอง](../images/user/chapter1/chapter1_4.png)
 
 > หมายเลข 1 รายการการเข้าถึง  
-> หมายเลข 2 ผังองค์กรของสถาบัน/กอง  
+> หมายเลข 2 ผังองค์กรของสถาบัน/กอง
 
 ![รูปภาพที่ 2 – 5 หน้าแผนผังองค์กรของฝ่าย/ส่วน](../images/user/chapter1/chapter1_5.png)
 
 > หมายเลข 1 รายการการเข้าถึง  
-> หมายเลข 2 ผังองค์กรของฝ่าย/ส่วน  
+> หมายเลข 2 ผังองค์กรของฝ่าย/ส่วน
 
 ![รูปภาพที่ 2 – 6 หน้าแผนผังองค์กรของกลุ่มงาน](../images/user/chapter1/chapter1_6.png)
 
 > หมายเลข 1 รายการการเข้าถึง  
-> หมายเลข 2 ผังองค์กรของกลุ่มงาน  
-
+> หมายเลข 2 ผังองค์กรของกลุ่มงาน
diff --git a/public/documents/chapter-13-user-worktimerecord.docx b/public/documents/chapter-13-user-worktimerecord.docx
new file mode 100644
index 00000000..eb4a7766
Binary files /dev/null and b/public/documents/chapter-13-user-worktimerecord.docx differ
diff --git a/public/documents/chapter-13-user-worktimerecord.md b/public/documents/chapter-13-user-worktimerecord.md
new file mode 100644
index 00000000..402e4cd6
--- /dev/null
+++ b/public/documents/chapter-13-user-worktimerecord.md
@@ -0,0 +1,116 @@
+# ระบบบันทึกการลงเวลาปฏิบัติงาน
+
+- การเข้าสู่ระบบบันทึกการลงเวลาปฏิบัติงาน ให้ทำการกรอกข้อมูลผู้ใช้งานและรหัสผ่าน หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการใช้เมาส์คลิก ![close](images/button/login.png)ระบบแสดงหน้าลงเวลาเข้า - ออกปฏิบัติงาน
+
+![รูปภาพที่ 13 – 1 การเข้าใช้งานระบบ](../images/user/chapter13/chapter13_1.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกข้อมูลชื่อผู้ใช้งาน  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกข้อมูลรหัสผ่าน  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อเข้าสู่ระบบบันทึกการลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่อง Check Box สำหรับคลิกเพื่อล็อคอินค้างระบบ  
+> หมายเลข 5 ปุ่มสำหรับคลิกสำหรับในกรณีหากลืมรหัสผ่านเข้าสู่ระบบ
+
+- หากลืมรหัสผ่านผู้ใช้งาน ให้ทำการใช้เมาส์คลิก![close](images/button/forget.png) จากนั้นระบบแสดงหน้า ให้ทำการกรอกชื่อผู้ใช้งานหรือที่อยู่อีเมลของผู้ใช้งานลงไป จากนั้นทำการคลิก ![close](images/button/cf.png)ระบบจะทำการรีเซ็ตรหัสผ่านใหม่ให้โดยการส่งคำแนะนำไปทางอีเมลของผู้ใช้งาน
+
+![รูปภาพที่ 13 – 2 ลืมรหัสผ่าน](../images/user/chapter13/chapter13_2.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกชื่อผู้ใช้งาน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อยืนยันการส่งเรื่องการลืมรหัสผ่านให้ผู้เกี่ยวข้อง  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อกลับเข้าสู่ระบบในกรณีได้รับการรีเซ็ตรหัสผ่านแล้ว
+
+- การลงเวลาปฏิบัติงาน ระบบแสดงพิกัดการลงเวลาปฏิบัติงานอัตโนมัติ ผู้ใช้งานทำการถ่ายรูปยืนยันการลงเวลาปฏิบัติงานเพราะระบบจะไม่สามารถเลือกรูปภาพจากคอมพิวเตอร์หรือโทรศัพท์มือถือได้ จากนั้นทำการคลิกเลือกสถานที่ปฏิบัติงาน หากทำการกรอกข้อมูลเสร็จสิ้นแล้ว ผู้ใช้งานทำการตรวจสอบความถูกต้องของข้อมูลก่อนการบันทึกเวลาเข้างาน เพราะหากทำการคลิกบันทึกเวลาเข้างานระบบจะทำการบันทึกข้อมูลทันที
+
+![รูปภาพที่ 13 – 3 การลงเวลาปฏิบัติงาน](../images/user/chapter13/chapter13_3.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงลงเวลาปฏิบัติงาน/เข้างาน (ระบบแสดงสีเขียว)  
+> หมายเลข 2 ช่องสำหรับแสดงเวลาการลงเวลาเข้างาน  
+> หมายเลข 3 ช่องสำหรับแสดงพิกัดสถานที่ลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อทำการถ่ายรูปตัวเองก่อนเพื่อยืนยันสถานที่ปฏิบัติงาน  
+> หมายเลข 5 ช่องสำหรับคลิกเลือกสถานที่ปฏิบัติงาน (ในสถานที่/นอกสถานที่) ในกรณีเลือก  
+> หมายเลข 6 ช่องสำหรับกรอกข้อมูลหมายเหตุการลงเวลาปฏิบัติงาน  
+> หมายเลข 7 ปุ่มสำหรับคลิกเพื่อลงเวลาปฏิบัติงาน (เข้างาน)
+
+- หากทำการคลิกปุ่ม “ลงเวลาเข้างาน” ระบบแสดงพิกัดและเวลาการลงเวลาปฏิบัติงานให้ผู้ใช้งานทราบ หากตรวจสอบเสร็จสิ้น ให้ทำการคลิก ![close](images/button/btcf.png)ระบบทำการปิดหน้าต่างลงเวลาเข้างานของคุณทันที
+
+![รูปภาพที่ 13 – 4 สรุปเวลาและพิกัดเข้างาน](../images/user/chapter13/chapter13_4.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงวันที่และเวลาการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 2 ช่องสำหรับแสดงพิกัดการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อปิดหน้าต่างลงเวลาเข้างานของคุณ
+
+- หากทำการบันทึกลงเวลาปฏิบัติงานเสร็จสิ้นแล้ว ระบบแสดงลงเวลาออกงานทันที (สีแดง)
+
+![รูปภาพที่ 13 – 5 ลงเวลาออกงาน](../images/user/chapter13/chapter13_5.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงลงเวลาปฏิบัติงาน/ออกงาน (ระบบแสดงสีแดง)  
+> หมายเลข 2 ช่องสำหรับแสดงเวลาการลงเวลาออกงาน  
+> หมายเลข 3 ช่องสำหรับแสดงพิกัดสถานที่ลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อทำการถ่ายรูปตัวเองก่อนเพื่อยืนยันสถานที่ปฏิบัติงาน  
+> หมายเลข 5 ช่องสำหรับคลิกเลือกสถานที่ปฏิบัติงาน (ในสถานที่/นอกสถานที่)ในกรณีเลือกปฏิบัติงานนอกสถานที่ต้องทำการระบุสถานที่ปฏิบัติงานด้วย  
+> หมายเลข 6 ช่องสำหรับกรอกข้อมูลหมายเหตุการลงเวลาปฏิบัติงาน  
+> หมายเลข 7 ปุ่มสำหรับคลิกเพื่อลงเวลาปฏิบัติงาน (ออกงาน)
+
+- หากทำการคลิกปุ่ม “ลงเวลาเข้างาน” ระบบแสดงพิกัดและเวลาการลงเวลาปฏิบัติงานให้ผู้ใช้งานทราบ หากตรวจสอบเสร็จสิ้น ให้ทำการคลิก ระบบทำการปิดหน้าต่างลงเวลาออกงานของคุณทันที
+
+![รูปภาพที่ 13 – 6 สรุปเวลาและพิกัดออกงาน](../images/user/chapter13/chapter13_6.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงวันที่และเวลาการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 2 ช่องสำหรับแสดงพิกัดการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อปิดหน้าต่างลงเวลาออกงานของคุณ
+
+- แสดงประวัติการลงเวลา ให้ทำการใช้เมาส์คลิก ![close](images/button/clock.png) ระบบแสดงหน้า “ประวัติการลงเวลา” ระบบแสดงรายการการลงเวลาทั้งหมดพร้อมแสดงสถานะการลงเวลาปฏิบัติงานทั้งเวลาเข้างานและเวลาออกงาน หากรายการลงเวลาปฏิบัติงานรายการใดมีสถานะ “สาย” หรือ “ขาดราชการ” ระบบแสดงปุ่ม “ขอแก้ไข” เพื่อให้ผู้ใช้งานขอแก้ไขเวลาลงปฏิบัติงาน หากต้องการยกเลิกแสดงประวัติการลงเวลาให้ทำการคลิก ![close](images/button/leftarrow.png)
+  ระบบย้อนกลับแสดงหน้าลงเวลาปฏิบัติงาน
+
+![รูปภาพที่ 13 – 7 ประวัติการลงเวลาปฏิบัติงาน](../images/user/chapter13/chapter13_7.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงเมนู ประวัติการลงเวลา  
+> หมายเลข 2 ช่องสำหรับแสดงเมนู รายการลงเวลากรณีพิเศษ  
+> หมายเลข 3 ช่องสำหรับคลิกเลือกปีงบประมาณเพื่อแสดงรายการลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่องสำหรับแสดงรายการลงเวลาปฏิบัติงานทั้งหมด  
+> หมายเลข 5 ช่องสำหรับแสดงสถานะการลงเวลาปฏิบัติงาน สถานะปกติ  
+> หมายเลข 6 ช่องสำหรับแสดงสถานะการลงเวลาปฏิบัติงาน สถานะสาย  
+> หมายเลข 7 ช่องสำหรับแสดงสถานการณ์ลงเวลาปฏิบัติงาน สถานะขาดราชการ  
+> หมายเลข 8 ปุ่มสำหรับคลิกเพื่อขอแก้ไขการลงเวลาปฏิบัติงาน  
+> หมายเลข 9 ไอคอนสำหรับคลิกเพื่อยกเลิกการแสดงประวัติการลงเวลาปฏิบัติ  
+> หมายเลข 10 ปุ่มสำหรับคลิกเพื่อเพิ่มรายการการขอลงเวลากรณีพิเศษ
+
+- การขอแก้ไขการลงเวลาปฏิบัติงาน ให้ทำการใช้เมาส์คลิกปุ่ม ![close](images/button/edit1.png)ระบบแสดงหน้า “แก้ไขลงเวลา” ทำการคลิกขอแก้ไขเวลาเข้างานหรือคลิกขอแก้ไขเวลาออกงาน หรือผู้ใช้งานสามารถคลิก
+  ![close](images/button/correct-green.png)
+  ขอแก้ไขเวลาเข้างานและออกงานพร้อมกันได้พร้อมกรอกเหตุผลการขอแก้ไขลงเวลาปฏิบัติงาน หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/btn.png)และยืนยันการบันทึกข้อมูล รายการคำขอจะถูกส่งให้ผู้รับผิดชอบอนุมัติหรือไม่อนุมัติในขั้นตอนถัดไป หากรายการคำขอได้รับการอนุมัติ เวลาปฏิบัติงานจะแสดงตามรอบการปฏิบัติงานที่กำหนดและหากต้องการยกเลิกการขอแก้ลงเวลาปฏิบัติงาน ให้ทำการคลิก![close](images/button/close-popup.png) ระบบปิดหน้าต่างแก้ไขลงเวลาทันที
+
+![รูปภาพที่ 13 – 8 แก้ไขลงเวลาปฏิบัติงาน](../images/user/chapter13/chapter13_8.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงเวลาที่ทำการยื่นขอแก้ไขลงเวลาปฏิบัติงาน  
+> หมายเลข 2 ช่องสำหรับแสดงวันที่ขอแก้ไขเวลา  
+> หมายเลข 3 ช่องสำหรับคลิกเพื่อเลือกคำขอแก้ไขเวลาเข้างาน/ออกงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลเหตุผลการขอแก้ไขลงเวลาปฏิบัติงาน  
+> หมายเลข 5 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลคำขอแก้ไขลงเวลาปฏิบัติงาน  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อยกเลิกการขอแก้ไขลงเวลาปฏิบัติงาน
+
+- หากต้องการเพิ่มรายการลงเวลากรณีพิเศษ ให้ทำการใช้เมาส์คลิก
+  ![close](images/button/addplustest.png)ระบบแสดงหน้า “เพิ่มรายการลงเวลากรณีพิเศษ” ให้ทำการคลิกเลือกวันที่ขอแก้ไขที่ต้องการขอลงเวลากรณีพิเศษ จากนั้นทำการคลิก
+  ![close](images/button/correct-green.png)
+  ขอแก้ไขเวลาเข้างานหรือขอแก้ไขเวลาออกงาน หรือผู้ใช้งานสามารถคลิกเลือกขอลงเวลาเข้างานหรือเวลาออกงานทั้งสองได้พร้อมกรอกเหตุผลการขอลงเวลากรณีพิเศษ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/btn.png)และยืนยันการบันทึกข้อมูล รายการขอลงเวลากรณีพิเศษจะแสดงในเมนู “รายการลงเวลากรณีพิเศษ” หากรายการคำขอได้รับการอนุมัติสถานะการลงเวลาปฏิบัติงานจะแสดงสถานะตามที่ผู้บังคับบัญชาได้ทำการเปลี่ยนแปลงให้ และหากต้องการยกเลิกการขอแก้ไขลงเวลาปฏิบัติงานให้ทำการคลิก
+  ![close](images/button/close-popup.png)ระบบปิดหน้าต่างแก้เพิ่มรายการลงเวลากรณีพิเศษทันที
+
+![รูปภาพที่ 13 – 9 เพิ่มรายการลงเวลากรณีพิเศษ](../images/user/chapter13/chapter13_9.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงเวลาปัจจุบันที่ทำการเพิ่มรายการลงเวลากรณีพิเศษ  
+> หมายเลข 2 ช่องสำหรับแสดงวันที่ขอแก้ไขการลงเวลาพิเศษ  
+> หมายเลข 3 ช่องสำหรับคลิกเลือกช่วงขอลงเวลากรณีพิเศษ  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลเหตุผลการขอลงเวลากรณีพิเศษ  
+> หมายเลข 5 ปุ่มสำหรับคลิกเพื่อบันทึกการขอลงเวลากรณีพิเศษ  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อยกเลิกขอลงเวลากรณีพิเศษ
+
+- หากทำการบันทึกการขอลงเวลากรณีพิเศษเสร็จสิ้น รายการขอลงเวลากรณีพิเศษแสดงรายการคำขอในเมนู “รายการลงเวลากรณีพิเศษ” โดยรายการขอลงเวลากรณีพิเศษแสดงสถานะการขอ โดยมี 3 สถานะ ได้แก่สถานะรออนุมัติ, สถานะอนุมัติและสถานะไม่อนุมัติ หากสถานะแสดงไม่อนุมัติผู้ใช้งานสามารถคลิกปุ่มของสถานะไม่อนุมัติเพื่อแสดงเหตุผลของการไม่อนุมัติการขอลงเวลากรณีพิเศษได้
+
+![รูปภาพที่ 13 – 10 รายการลงเวลากรณีพิเศษ](../images/user/chapter13/chapter13_10.png)
+
+> หมายเลข 1 ปุ่มสำหรับคลิกเมนู รายการลงเวลากรณีพิเศษ  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกปีงบประมาณแสดงรายการขอลงเวลากรณีพิเศษ  
+> หมายเลข 3 ช่องสำหรับแสดงรายการขอลงเวลากรณีพิเศษ  
+> หมายเลข 4 ช่องสำหรับแสดงสถานะ อนุมัติ  
+> หมายเลข 5 ช่องสำหรับแสดงสถานะ ไม่อนุมัติ  
+> หมายเลข 6 ช่องสำหรับแสดงสถานะ รออนุมัติ  
+> หมายเลข 7 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการขอลงเวลากรณีพิเศษ  
+> หมายเลข 8 ปุ่มสำหรับคลิกเพื่อเพิ่มรายการขอลงเวลากรณีพิเศษ
diff --git a/public/documents/chapter-3-user-evaluate.md b/public/documents/chapter-3-user-evaluate.md
index 2fbfccd0..7d3cdb45 100644
--- a/public/documents/chapter-3-user-evaluate.md
+++ b/public/documents/chapter-3-user-evaluate.md
@@ -18,7 +18,7 @@
 
 - เมื่อคลิกไอคอน ![close](images/button/plus-green.png) ระบบแสดงเมนูย่อย ประกอบด้วย “ประเมินชำนาญการ” และ “ประเมินชำนาญการพิเศษ” สามารถเลือกทำการประเมินที่ตรงกับคุณสมบัติ
 
-- เมื่อเลือกคลิกเมนูย่อย ระบบแสดงข้อมูลขั้นตอนการประเมิน 9 ขั้นตอน โดยมีการอธิบายขั้นตอน วิธีการทำการประเมินเบื้องต้น สามารถคลิกปุ่ม “ข้าม” เพื่อเริ่มทำการประเมินได้เลย หรือหากต้องการดูในแต่ละขั้นตอนสามารถคลิก ![close](images/button/dropdown-right.png)
+- เมื่อเลือกคลิกเมนูย่อย ระบบแสดงข้อมูลขั้นตอนการประเมิน 9 ขั้นตอน โดยมีการอธิบายขั้นตอน วิธีการทำการประเมินเบื้องต้น สามารถคลิกปุ่ม “ข้าม” เพื่อเริ่มทำการประเมินได้เลย หรือหากต้องการดูในแต่ละขั้นตอนสามารถคลิก ![close](images/button/dropdown-righte.png)
 
 ![รูปภาพที่ 3 – 3 ขั้นตอนการเมิน](images/user/chapter3/chapter3_3.png)
 
diff --git a/public/documents/chapter-5-user-portfolio.md b/public/documents/chapter-5-user-portfolio.md
index 9fb173eb..efe265d2 100644
--- a/public/documents/chapter-5-user-portfolio.md
+++ b/public/documents/chapter-5-user-portfolio.md
@@ -1,19 +1,25 @@
 # ระบบผลงาน
 
-- การเพิ่มข้อมูลรายการผลงาน ให้ทำการใช้เมาส์คลิก ![close](images/button/plus-green.png) ระบบแสดงหน้า “รายละเอียดเอกสาร/ผลงาน” ให้ทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล 
+- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “ผลงาน”
 
-![รูปภาพที่ 5 – 1 รายละเอียดเอกสาร/ผลงาน](images/user/chapter5/chapter5_1.png)
+  ![รูปภาพที่ 5 – 1 ระบบผลงาน](images/user/chapter5/chapter5_1.png)
+
+  > หมายเลข 1 ระบบผลงาน
+
+- การเพิ่มข้อมูลรายการผลงาน ให้ทำการใช้เมาส์คลิก ![close](images/button/plus-green.png) ระบบแสดงหน้า “รายละเอียดเอกสาร/ผลงาน” ให้ทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล
+
+![รูปภาพที่ 5 – 2 รายละเอียดเอกสาร/ผลงาน](images/user/chapter5/chapter5_2.png)
 
 > หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกข้อมูลชื่อเอกสาร/ผลงาน  
 > หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกข้อมูลรายละเอียดเอกสาร/ผลงาน  
 > หมายเลข 3 ช่องสำหรับคลิกเพื่อเลือกไฟล์เอกสาร/ผลงานที่ต้องการอัปโหลด  
-> หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลรายละเอียดเอกสาร/ผลงาน  
+> หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลรายละเอียดเอกสาร/ผลงาน
 
 - หากทำการบันทึกข้อมูลรายละเอียดเอกสาร/ผลงานเสร็จสิ้น ข้อมูลแสดงในหน้า “รายการเอกสาร/ผลงาน” หากต้องการลบรายการเอกสาร/ผลงาน ให้ทำการใช้เมาส์คลิก ![close](images/button/delete-red.png) หลังรายการเอกสาร/ผลงาน และยืนยันการลบข้อมูล ระบบทำการลบข้อมูลรายการทันที
 
-![รูปภาพที่ 5 – 2 รายการเอกสาร/ผลงาน](images/user/chapter5/chapter5_2.png)
-	
+![รูปภาพที่ 5 – 3 รายการเอกสาร/ผลงาน](images/user/chapter5/chapter5_3.png)
+
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อเพิ่มข้อมูลรายการเอกสาร/ผลงาน  
 > หมายเลข 2 ช่องสำหรับแสดงข้อมูลรายการเอกสาร/ผลงาน  
 > หมายเลข 3 ไอคอนสำหรับคลิกเพื่อลบรายการเอกสาร/ผลงาน  
-> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการเอกสาร/ผลงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการเอกสาร/ผลงาน
diff --git a/public/documents/chapter-7-user-appeal-complain.md b/public/documents/chapter-7-user-appeal-complain.md
index 47d6b98b..56984a15 100644
--- a/public/documents/chapter-7-user-appeal-complain.md
+++ b/public/documents/chapter-7-user-appeal-complain.md
@@ -1,8 +1,14 @@
 # อุทธรณ์/ร้องทุกข์
 
+- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “อุทธรณ์/ร้องทุกข์”
+
+  ![รูปภาพที่ 7 – 1 ระบบอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_1.png)
+
+  > หมายเลข 1 ระบบอุทธรณ์/ร้องทุกข์
+
 - ทำการคลิกเมนูอุทธรณ์/ร้องทุกข์ ระบบแสดงตาราง “อุทธรณ์ร้องทุกข์” ระบบแสดงรายการการยื่นอุทธรณ์/ร้องทุกข์ทั้งหมดพร้อมแสดงสถานะของรายการอุทธรณ์/ร้องทุกข์ ผู้ใช้งานสามารถคลิกเลือกปีงบประมาณ ประเภท และสถานะเพื่อแสดงรายการอุทธรณ์/ร้องทุกข์ได้
 
-![รูปภาพที่ 7 – 1 รายการอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_1.png)
+![รูปภาพที่ 7 – 2 รายการอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_2.png)
 
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อเพิ่มรายการอุทธรณ์/ร้องทุกข์  
 > หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกแสดงรายการอุทธรณ์/ร้องทุกข์ตามปีงบประมาณที่เลือก  
@@ -21,7 +27,7 @@
 
 - การเพิ่มรายการอุทธรณ์/ร้องทุกข์ ให้ทำการใช้เมาส์คลิก ![close](images/button/plus-green.png) ระบบแสดงหน้า “เพิ่มอุทธรณ์/ร้องทุกข์” ทำการเลือกประเภท และกรอกชื่อเรื่องที่ต้องการยื่นพร้อมกรอกรายละเอียด หากทำการกรอกรายละเอียดครบตามที่ระบบแนะนำเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue.png) และยืนยันการบันทึกข้อมูล และหากต้องการยกเลิกการเพิ่มรายการอุทธรณ์/ร้องทุกข์ ให้ทำการคลิก ![close](images/button/arrow-left-green.png) ระบบย้อนกลับไปยังหน้ารายการ “อุทธรณ์ร้องทุกข์”
 
-![รูปภาพที่ 7 – 2 การเพิ่มอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_2.png)
+![รูปภาพที่ 7 – 3 การเพิ่มอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_3.png)
 
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อยกเลิกการเพิ่มรายการอุทธรณ์/ร้องทุกข์  
 > หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกประเภทการยื่นเรื่อง  
@@ -32,11 +38,11 @@
 
 - หลังจากทำการคลิกยืนยันการบันทึกข้อมูล ระบบแสดงปุ่ม “พิมพ์แบบฟอร์มคำร้อง” เพื่อให้ผู้ยื่นคำร้องทำการดาวน์โหลดเอกสาร และนำเอกสารไปส่งยังหน่วยงานที่รับผิดชอบด้วยตนเอง หากผู้ใช้งานต้องการตรวจสอบไฟล์ที่ทำการอัปโหลดสามารถคลิก ![close](images/button/download-green.png) ระบบทำการดาวน์โหลดเอกสารที่ได้ทำการอัปโหลด และเก็บไฟล์ไว้ที่โฟลเดอร์ Download หรือหากต้องการจะยังไม่ดาวน์โหลดเอกสารให้ทำการคลิก ![close](images/button/arrow-left-green.png) ระบบจะย้อนกลับแสดงหน้า “อุทธรณ์/ร้องทุกข์” ทันที
 
-![รูปภาพที่ 7 – 3 พิมพ์แบบฟอร์มคำร้อง](images/user/chapter7/chapter7_3.png)
+![รูปภาพที่ 7 – 4 พิมพ์แบบฟอร์มคำร้อง](images/user/chapter7/chapter7_4.png)
 
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อย้อนกลับไปยังหน้ารายการ “อุทธรณ์/ร้องทุกข์”  
 > หมายเลข 2 ปุ่มสำหรับคลิกเพื่อดาวน์โหลดเอกสารแบบฟอร์มคำร้องอุทธรณ์/ร้องทุกข์  
 > หมายเลข 3 ช่องสำหรับแสดงแจ้งเตือนการส่งเอกสารด้วยตนเอง  
 > หมายเลข 4 ไอคอนสำหรับคลิกเพื่อดาวน์โหลดเอกสารเพิ่มเติมที่อัปโหลด
 
-![รูปภาพที่ 7 – 4 ตัวอย่างแบบฟอร์มคำร้อง](images/user/chapter7/chapter7_4.png)
+![รูปภาพที่ 7 – 5 ตัวอย่างแบบฟอร์มคำร้อง](images/user/chapter7/chapter7_5.png)
diff --git a/public/images/button/addplus.png b/public/images/button/addplus.png
new file mode 100644
index 00000000..59f92597
Binary files /dev/null and b/public/images/button/addplus.png differ
diff --git a/public/images/button/addplustest.png b/public/images/button/addplustest.png
new file mode 100644
index 00000000..df8d5110
Binary files /dev/null and b/public/images/button/addplustest.png differ
diff --git a/public/images/button/btcf.png b/public/images/button/btcf.png
new file mode 100644
index 00000000..7443ee85
Binary files /dev/null and b/public/images/button/btcf.png differ
diff --git a/public/images/button/btn.png b/public/images/button/btn.png
new file mode 100644
index 00000000..fca857a0
Binary files /dev/null and b/public/images/button/btn.png differ
diff --git a/public/images/button/cf.png b/public/images/button/cf.png
new file mode 100644
index 00000000..320c0ac7
Binary files /dev/null and b/public/images/button/cf.png differ
diff --git a/public/images/button/clock.png b/public/images/button/clock.png
new file mode 100644
index 00000000..df0a09a7
Binary files /dev/null and b/public/images/button/clock.png differ
diff --git a/public/images/button/dropdown-righte.png b/public/images/button/dropdown-righte.png
new file mode 100644
index 00000000..d6b54800
Binary files /dev/null and b/public/images/button/dropdown-righte.png differ
diff --git a/public/images/button/edit1.png b/public/images/button/edit1.png
new file mode 100644
index 00000000..4e2399b8
Binary files /dev/null and b/public/images/button/edit1.png differ
diff --git a/public/images/button/forget.png b/public/images/button/forget.png
new file mode 100644
index 00000000..60878a19
Binary files /dev/null and b/public/images/button/forget.png differ
diff --git a/public/images/button/leftarrow.png b/public/images/button/leftarrow.png
new file mode 100644
index 00000000..1765033c
Binary files /dev/null and b/public/images/button/leftarrow.png differ
diff --git a/public/images/user/chapter1/chapter1_1.png b/public/images/user/chapter1/chapter1_1.png
index ab72e653..26ff0b2c 100644
Binary files a/public/images/user/chapter1/chapter1_1.png and b/public/images/user/chapter1/chapter1_1.png differ
diff --git a/public/images/user/chapter13/chapter13_1.png b/public/images/user/chapter13/chapter13_1.png
new file mode 100644
index 00000000..bb068fb4
Binary files /dev/null and b/public/images/user/chapter13/chapter13_1.png differ
diff --git a/public/images/user/chapter13/chapter13_10.png b/public/images/user/chapter13/chapter13_10.png
new file mode 100644
index 00000000..4fec32f2
Binary files /dev/null and b/public/images/user/chapter13/chapter13_10.png differ
diff --git a/public/images/user/chapter13/chapter13_2.png b/public/images/user/chapter13/chapter13_2.png
new file mode 100644
index 00000000..0156b0b3
Binary files /dev/null and b/public/images/user/chapter13/chapter13_2.png differ
diff --git a/public/images/user/chapter13/chapter13_3.png b/public/images/user/chapter13/chapter13_3.png
new file mode 100644
index 00000000..1cc1ba72
Binary files /dev/null and b/public/images/user/chapter13/chapter13_3.png differ
diff --git a/public/images/user/chapter13/chapter13_4.png b/public/images/user/chapter13/chapter13_4.png
new file mode 100644
index 00000000..337609b9
Binary files /dev/null and b/public/images/user/chapter13/chapter13_4.png differ
diff --git a/public/images/user/chapter13/chapter13_5.png b/public/images/user/chapter13/chapter13_5.png
new file mode 100644
index 00000000..8f8fcf34
Binary files /dev/null and b/public/images/user/chapter13/chapter13_5.png differ
diff --git a/public/images/user/chapter13/chapter13_6.png b/public/images/user/chapter13/chapter13_6.png
new file mode 100644
index 00000000..884a3ae8
Binary files /dev/null and b/public/images/user/chapter13/chapter13_6.png differ
diff --git a/public/images/user/chapter13/chapter13_7.png b/public/images/user/chapter13/chapter13_7.png
new file mode 100644
index 00000000..9745daac
Binary files /dev/null and b/public/images/user/chapter13/chapter13_7.png differ
diff --git a/public/images/user/chapter13/chapter13_8.png b/public/images/user/chapter13/chapter13_8.png
new file mode 100644
index 00000000..f2a07558
Binary files /dev/null and b/public/images/user/chapter13/chapter13_8.png differ
diff --git a/public/images/user/chapter13/chapter13_9.png b/public/images/user/chapter13/chapter13_9.png
new file mode 100644
index 00000000..010201ed
Binary files /dev/null and b/public/images/user/chapter13/chapter13_9.png differ
diff --git a/public/images/user/chapter3/chapter3_1.png b/public/images/user/chapter3/chapter3_1.png
index 22e7b149..cd8e2603 100644
Binary files a/public/images/user/chapter3/chapter3_1.png and b/public/images/user/chapter3/chapter3_1.png differ
diff --git a/public/images/user/chapter3/chapter3_10.png b/public/images/user/chapter3/chapter3_10.png
index 7a5b897c..74041cfb 100644
Binary files a/public/images/user/chapter3/chapter3_10.png and b/public/images/user/chapter3/chapter3_10.png differ
diff --git a/public/images/user/chapter3/chapter3_12.png b/public/images/user/chapter3/chapter3_12.png
index 94df20b8..7a5e0e33 100644
Binary files a/public/images/user/chapter3/chapter3_12.png and b/public/images/user/chapter3/chapter3_12.png differ
diff --git a/public/images/user/chapter3/chapter3_15.png b/public/images/user/chapter3/chapter3_15.png
index 99a9bb89..7c9f87e3 100644
Binary files a/public/images/user/chapter3/chapter3_15.png and b/public/images/user/chapter3/chapter3_15.png differ
diff --git a/public/images/user/chapter3/chapter3_4.png b/public/images/user/chapter3/chapter3_4.png
index 4527833f..33d843e1 100644
Binary files a/public/images/user/chapter3/chapter3_4.png and b/public/images/user/chapter3/chapter3_4.png differ
diff --git a/public/images/user/chapter3/chapter3_5.png b/public/images/user/chapter3/chapter3_5.png
index 2e6248d9..af5ce08e 100644
Binary files a/public/images/user/chapter3/chapter3_5.png and b/public/images/user/chapter3/chapter3_5.png differ
diff --git a/public/images/user/chapter3/chapter3_6.png b/public/images/user/chapter3/chapter3_6.png
index 1aa1bd76..387e74b4 100644
Binary files a/public/images/user/chapter3/chapter3_6.png and b/public/images/user/chapter3/chapter3_6.png differ
diff --git a/public/images/user/chapter3/chapter3_7.png b/public/images/user/chapter3/chapter3_7.png
index 8ee3c4ad..6479a718 100644
Binary files a/public/images/user/chapter3/chapter3_7.png and b/public/images/user/chapter3/chapter3_7.png differ
diff --git a/public/images/user/chapter5/chapter5_1.png b/public/images/user/chapter5/chapter5_1.png
index 16674dc1..dd3f3b07 100644
Binary files a/public/images/user/chapter5/chapter5_1.png and b/public/images/user/chapter5/chapter5_1.png differ
diff --git a/public/images/user/chapter5/chapter5_2.png b/public/images/user/chapter5/chapter5_2.png
index 0b90e53d..c6e28a10 100644
Binary files a/public/images/user/chapter5/chapter5_2.png and b/public/images/user/chapter5/chapter5_2.png differ
diff --git a/public/images/user/chapter5/chapter5_3.png b/public/images/user/chapter5/chapter5_3.png
new file mode 100644
index 00000000..f58c812d
Binary files /dev/null and b/public/images/user/chapter5/chapter5_3.png differ
diff --git a/public/images/user/chapter7/chapter7_1.png b/public/images/user/chapter7/chapter7_1.png
index 085a34b2..110d3326 100644
Binary files a/public/images/user/chapter7/chapter7_1.png and b/public/images/user/chapter7/chapter7_1.png differ
diff --git a/public/images/user/chapter7/chapter7_2.png b/public/images/user/chapter7/chapter7_2.png
index 7864bf60..4ffa90c0 100644
Binary files a/public/images/user/chapter7/chapter7_2.png and b/public/images/user/chapter7/chapter7_2.png differ
diff --git a/public/images/user/chapter7/chapter7_3.png b/public/images/user/chapter7/chapter7_3.png
index 0944df07..62945861 100644
Binary files a/public/images/user/chapter7/chapter7_3.png and b/public/images/user/chapter7/chapter7_3.png differ
diff --git a/public/images/user/chapter7/chapter7_4.png b/public/images/user/chapter7/chapter7_4.png
index 21ddef10..12790c83 100644
Binary files a/public/images/user/chapter7/chapter7_4.png and b/public/images/user/chapter7/chapter7_4.png differ
diff --git a/public/images/user/chapter7/chapter7_5.png b/public/images/user/chapter7/chapter7_5.png
new file mode 100644
index 00000000..e77f3307
Binary files /dev/null and b/public/images/user/chapter7/chapter7_5.png differ
diff --git a/public/images/user/chapter9/chapter9_1.png b/public/images/user/chapter9/chapter9_1.png
index a1cef6cd..76872754 100644
Binary files a/public/images/user/chapter9/chapter9_1.png and b/public/images/user/chapter9/chapter9_1.png differ
diff --git a/public/images/user/chapter9/chapter9_10.png b/public/images/user/chapter9/chapter9_10.png
index 5f695e1b..e74a4bb4 100644
Binary files a/public/images/user/chapter9/chapter9_10.png and b/public/images/user/chapter9/chapter9_10.png differ
diff --git a/public/images/user/chapter9/chapter9_11.png b/public/images/user/chapter9/chapter9_11.png
index f08b2d41..a1811471 100644
Binary files a/public/images/user/chapter9/chapter9_11.png and b/public/images/user/chapter9/chapter9_11.png differ
diff --git a/public/images/user/chapter9/chapter9_2.png b/public/images/user/chapter9/chapter9_2.png
index 44209684..718b767a 100644
Binary files a/public/images/user/chapter9/chapter9_2.png and b/public/images/user/chapter9/chapter9_2.png differ
diff --git a/public/images/user/chapter9/chapter9_3.png b/public/images/user/chapter9/chapter9_3.png
index f5c0a250..772b838b 100644
Binary files a/public/images/user/chapter9/chapter9_3.png and b/public/images/user/chapter9/chapter9_3.png differ
diff --git a/public/images/user/chapter9/chapter9_4.png b/public/images/user/chapter9/chapter9_4.png
index 4d6208d9..a523b9e1 100644
Binary files a/public/images/user/chapter9/chapter9_4.png and b/public/images/user/chapter9/chapter9_4.png differ
diff --git a/public/images/user/chapter9/chapter9_8.png b/public/images/user/chapter9/chapter9_8.png
index 75967d3e..f703ca3d 100644
Binary files a/public/images/user/chapter9/chapter9_8.png and b/public/images/user/chapter9/chapter9_8.png differ
diff --git a/public/images/user/chapter9/chapter9_9.png b/public/images/user/chapter9/chapter9_9.png
index 0d5cfafc..70441936 100644
Binary files a/public/images/user/chapter9/chapter9_9.png and b/public/images/user/chapter9/chapter9_9.png differ