diff --git a/public/chapter-4-admin-organization.md b/public/chapter-4-admin-organization.md
new file mode 100644
index 00000000..ec1a8501
--- /dev/null
+++ b/public/chapter-4-admin-organization.md
@@ -0,0 +1,232 @@
+# โครงสร้างอัตรากำลัง
+## เมนูแบบปัจจุบัน
+- การแสดงเมนูโครงสร้างอัตรากำลังเมนูปัจจุบันเป็นการแสดงโครงสร้างอัตรากำลังที่ได้ทำการเผยแพร่จากเมนูแบบร่าง
+
+![รูปภาพที่ 4 – 1 เมนูปัจจุบันโครงสร้างอัตรากำลัง](images/chapter4/chapter4_1.png#center)
+
+> หมายเลข 1 เมนูปันจุบันที่ได้แสดงหลังจากที่เมนูแบบร่างได้ทำการเผยแพร่  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกข้อมูลหน่วยงานเพื่อค้นหา  
+> หมายเลข 3 ช่องสำหรับคลิกเลือกรายการหน่วยงาน หากทำการคลิกเลือกหน่วยงานระบบแสดงหน่วยงานที่ทำการคลิกเลือกสีเขียว  
+> หมายเลข 4 ช่องสำหรับแสดงรายการหน่วยงานเพื่อให้ทำการคลิกเลือกหน่วยงานเพื่อแสดงรายชื่อตำแหน่งและคนครอง หรือทำการเพิ่มตำแหน่งในหน่วยงานที่ทำการเลือก  
+> หมายเลข 5 เมนูแบบร่างที่ไว้ใช้สำหรับทำการสร้างหน่วยงานหรือส่วนราชการ  
+> หมายเลข 6 เมนูเพิ่มโครงสร้างโดยจะมีเมนูให้ทำการสร้างโครงสร้างโดยจะมีเมนู สร้างใหม่,ทำสำเนาเฉพาะโครงสร้าง,ทำสำเนาโครงสร้างและตำแหน่ง,ทำสำเนาโครงสร้าง ตำแหน่งและคนครอง โดยหลังจากสร้างจะสามารถทำการสร้าง ลบ และแก้ไขได้ที่เมนูแบบร่าง  
+> หมายเลข 7 ช่องสำหรับแสดงจำนวนตัวเลขตำแหน่งทั้งหมดของหน่วยงานที่ทำการคลิกเลือก  
+> หมายเลข 8 ช่องสำหรับแสดงจำนวนตัวเลขตำแหน่งที่มีคนครองของหน่วยงานที่ทำการคลิกเลือก  
+> หมายเลข 9 ช่องสำหรับแสดงจำนวนตัวเลขตำแหน่งว่างที่ยังไม่มีคนครองตำแหน่ง  
+> หมายเลข 10 เมนูสำหรับการแสดงโครงสร้างในรูปแบบรายการข้อมูล  
+> หมายเลข 11 เมนูสำหรับการแสดงโครงสร้างในรูปแบบผังโครงสร้างองค์กร  
+> หมายเลข 12 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการอัตรากำลัง  
+> หมายเลข 13 ไอคอนสำหรับคลิกเพื่อแสดงเมนูย่อย ประวัติตำแหน่ง ดูรายละเอียด  
+> หมายเลข 14 Check Box สำหรับคลิกเพื่อแสดงตำแหน่งทั้งหมด  
+> หมายเลข 15 ช่องสำหรับแสดงรายการโครงสร้างอัตรากำลัง  
+> หมายเลข 16 ช่องสำหรับแสดงสถานะคนครอง เป็นชื่อคนครอง ชื่อจะแสดงต่อเมื่อทำการเลือกคนครองหากยังไม่เลือกจะแสดงสถานะ “ว่าง”  
+> หมายเลข 17 ไอคอนสำหรับคลิกเพื่อแสดงเมนูย่อย ดูรายละเอียด
+
+### การดูรายละเอียดหน่วยงาน
+
+## เมนูแบบร่าง
+
+- การแสดงโครงสร้างอัตรากำลังเมนูแบบร่างเป็นการแสดงโครงสร้างหลังจากการทำการเพิ่มโครงสร้างโดยสามารถเพิ่ม ลบ แก้ไข โครงสร้างหน่วยงานหรือส่วนราชการ
+
+![รูปภาพที่ 4 – 2 เมนูแบบร่างโครงสร้างอัตรากำลัง](images/chapter4/chapter4_2.png#center)
+
+> หมายเลข 1 เมนูปันจุบันที่ได้แสดงหลังจากที่เมนูแบบร่างได้ทำการเผยแพร่  
+> หมายเลข 2 เมนูแบบร่างที่ไว้ใช้สำหรับทำการสร้างหน่วยงานหรือส่วนราชการ  
+> หมายเลข 3 เมนูเพิ่มโครงสร้างโดยจะมีเมนูให้ทำการสร้างโครงสร้างโดยจะมีเมนู สร้างใหม่,ทำสำเนาเฉพาะโครงสร้าง,ทำสำเนาโครงสร้างและตำแหน่ง,ทำสำเนาโครงสร้าง ตำแหน่งและคนครอง โดยหลังจากสร้างจะสามารถทำการสร้าง ลบ และแก้ไขได้ที่เมนูแบบร่าง  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลหน่วยงานเพื่อค้นหา  
+> หมายเลข 5 ช่องสำหรับแสดงจำนวนตัวเลขตำแหน่งทั้งหมดของหน่วยงานที่ทำการคลิกเลือก  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อดาวน์โหลดบัญชีโดยมีเมนูย่อยให้ดาวน์โหลดคือ บัญชี1และบัญชี2  
+> หมายเลข 7 ช่องสำหรับแสดงจำนวนตัวเลขตำแหน่งที่มีคนครองของหน่วยงานที่ทำการคลิกเลือก  
+> หมายเลข 8 ช่องสำหรับแสดงจำนวนตัวเลขตำแหน่งว่างที่ยังไม่มีคนครองตำแหน่ง  
+> หมายเลข 9 เมนูสำหรับการแสดงโครงสร้างในรูปแบบรายการข้อมูล  
+> หมายเลข 10 ปุ่มตั้งเวลาเผยแพร่เพื่อตั้งเวลาเผยแพร่โครงสร้างหน่วยงาน  
+> หมายเลข 11 เมนูสำหรับการแสดงโครงสร้างในรูปแบบผังโครงสร้างองค์กร  
+> หมายเลข 12 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการอัตรากำลัง  
+> หมายเลข 13 ช่องสำหรับแสดงสถานะคนครอง เป็นชื่อคนครอง ชื่อจะแสดงต่อเมื่อทำการเลือกคนครองหากยังไม่เลือกจะแสดงสถานะ “ว่าง”  
+> หมายเลข 14 ไอคอนสำหรับคลิกเพื่อแสดงเมนูย่อย เลือกคนครอง ลบคนครอง แก้ไข คัดลอก ลบ ย้ายตำแหน่ง สืบทอดตำแหน่ง ประวัติตำแหน่ง  
+> หมายเลข 15 ช่องสำหรับแสดงรายการโครงสร้างอัตรากำลัง  
+> หมายเลข 16 ไอคอนสำหรับคลิกเพื่อย้ายตำแหน่งหน่วยงาน/ส่วนราชการ  
+> หมายเลข 17 ไอคอนสำหรับคลิกเพื่อจัดลำดับตำแหน่ง  
+> หมายเลข 18 ไอคอนสำหรับคลิกเพื่อเพิ่มข้อมูลตำแหน่ง  
+> หมายเลข 19 ช่องสำหรับแสดงรายการหน่วยงานเพื่อให้ทำการคลิกเลือกหน่วยงานเพื่อแสดงรายชื่อตำแหน่งและคนครอง หรือทำการเพิ่มตำแหน่งในหน่วยงานที่ทำการเลือก  
+> หมายเลข 20 ช่องสำหรับคลิกเลือกรายการหน่วยงาน หากทำการคลิกเลือกหน่วยงานระบบแสดงหน่วยงานที่ทำการคลิกเลือกสีเขียว  
+> หมายเลข 21 ไอคอนสำหรับคลิกเพื่อเพิ่มหน่วยงาน  
+> หมายเลข 22 Check Box สำหรับคลิกเพื่อแสดงตำแหน่งทั้งหมด  
+> หมายเลข 23 ไอคอนสำหรับคลิกเพื่อแสดงเมนูย่อย เพิ่มส่วนราชการ แก้ไขหน่วยงาน ลบหน่วยงาน ประวัติหน่วยงาน จัดลำดับหน่วยงาน ดูรายละเอียด
+
+### การเพิ่มหน่วยงาน
+
+- หากต้องการเพิ่มหน่วยงานที่ต้องการให้ทำการใช้เมาส์คลิก ![plus-green](images/button/plus-green.png)ด้านล่างของเมนูปัจจุบันและแบบร่างระบบแสดงหน้าต่าง “เพิ่มหน่วยงาน” ทำการกรอกข้อมูลหน่วยงานในส่วนที่สำคัญ จากนั้นทำการคลิก ![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลระบบแสดงหน่วยงานที่ได้ทำการสร้างหรือหากต้องการปิดหน้าต่างหรือยกเลิกการสร้างหน่วยงานให้ทำการคลิก ![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเพิ่มหน่วยงานทันที
+
+![รูปภาพที่ 4 – 3 เพิ่มหน่วยงาน](images/chapter4/chapter4_3.png#center)
+
+> หมายเลข 1 ช่องสำหรับกรอกชื่อหน่วยงาน  
+> หมายเลข 2 ช่องสำหรับกรอกหมายเลขโทรศัพท์ที่ติดต่อจากภายนอกของหน่วยงาน  
+> หมายเลข 3 ช่องสำหรับกรอกหน้าที่ความรับผิดชอบของหน่วยงาน  
+> หมายเลข 4 ช่องสำหรับกรอกอักษรย่อของหน่วยงาน  
+> หมายเลข 5 ช่องสำหรับกรอกรหัสของหน่วยงาน  
+> หมายเลข 6 ช่องสำหรับแสดงระดับของหน่วยงานไม่สามารถเลือกได้  
+> หมายเลข 7 ไอคอนสำหรับคลิกเพื่อปิดหน้าเพิ่มหน่วยงาน  
+> หมายเลข 8 ไอคอนสำหรับคลิกเพื่อบันทึกการสร้างหน่วยงาน  
+> หมายเลข 9 ช่องสำหรับกรอกหมายเลขโทรศัพท์ที่ติดต่อจากภายใน  
+> หมายเลข 10 ช่องสำหรับกรอกหมายเลขโทรสาร
+
+### การเพิ่มส่วนราชการ
+
+- หากต้องการเพิ่มส่วนราชการที่ต้องการให้ทำการใช้เมาส์คลิก ด้านหลังชื่อหน่วยงานที่ต้องการและทำการใช้เมาส์คลิกเมนู![add-organization](images/button/add-organization.png) ระบบแสดงหน้าต่าง “เพิ่มส่วนราชการ” ทำการกรอกข้อมูลหน่วยงานในส่วนที่สำคัญ จากนั้นทำการคลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูล ระบบแสดงส่วนราชการที่ได้ทำการสร้าง สามารถสร้างส่วนราชการได้ย่อยได้มากถึง 4 ส่วนราชการ หรือหากต้องการปิดหน้าต่างหรือยกเลิกการสร้างส่วนราชการให้ทำการคลิก ![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเพิ่มส่วนราชการทันที
+
+![รูปภาพที่ 4 – 4 เพิ่มส่วนราชการ](images/chapter4/chapter4_4.png#center)
+
+
+> หมายเลข 1 ช่องสำหรับกรอกหมายเลขโทรศัพท์ที่ติดต่อจากภายนอกของส่วนราชการ  
+> หมายเลข 2 ช่องสำหรับกรอกชื่อส่วนราชการ  
+> หมายเลข 3 ช่องสำหรับกรอกอักษรย่อของส่วนราชการ  
+> หมายเลข 4 ช่องสำหรับกรอกรหัสของส่วนราชการ  
+> หมายเลข 5 ช่องสำหรับเลือกระดับส่วนของราชการโดยแสดงเป็นเมนูให้เลือก ระดับกอง/สำนักงาน/ส่วนราชการ/โรงพยาบาล/เทียบเท่ากอง,ระดับส่วน/กลุ่มภารกิจ,ระดับฝ่าย/กลุ่มงาน หากทำการเลือกระดับกอง/สำนักงาน/ส่วนราชการ/โรงพยาบาล/เทียบเท่ากอง จะแสดงช่องระดับของส่วนราชการ(ซับ)ให้เลือกเพิ่ม โดยมี ระดับกอง,สำนักงาน,ส่วนราชการ,โรงพยาบาล,เทียบเท่ากอง ส่วนหากเลือกระดับส่วน/กลุ่มภารกิจ จะแสดงช่องระดับของส่วนราชการ(ซับ)ให้เลือกเพิ่มโดยมี ระดับฝ่าย,กลุ่มงาน และหากเลือกระดับฝ่าย/กลุ่มงาน จะแสดงช่องระดับของส่วนราชการ(ซับ)ให้เลือกเพิ่ม โดยมี ระดับฝ่าย,กลุ่มงาน  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างเพิ่มส่วนราชการ  
+> หมายเลข 7 ช่องสำหรับกรอกหมายเลขโทรศัพท์ที่ติดต่อจากภายใน  
+> หมายเลข 8 ช่องสำหรับกรอกหมายเลขโทรสาร  
+> หมายเลข 9 ไอคอนสำหรับคลิกเพื่อบันทึกการสร้างหน่วยงาน  
+> หมายเลข 10 ช่องสำหรับกรอกหน้าที่ความรับผิดชอบของส่วนราชการ
+
+![รูปภาพที่ 4 – 5 การเพิ่มส่วนราชการในส่วนราชการ](images/chapter4/chapter4_5.png#center)
+
+
+### การจัดลำดับหน่วยงาน
+
+- การจัดลำดับหน่วยงานให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)ระบบแสดงเมนูย่อยโดยให้ทำการใช้เมาส์คลิกเมนู![Arrange-departments](images/button/Arrange-departments.png)ระบบแสดงหน้าต่าง "จัดลำดับหน่วยงาน"การจัดลำดับหน่วยงานจะเป็นการจัดลำดับขึ้น-ลง เพื่อจัดเรีบงลำดับตามที่ต้องการ โดยทำการใช้เมาส์คลิกค้างในรายการที่ต้องการเลื่อนย้าย หากทำการคลิกค้างรายการหน่วยงานเสร็จสิ้นแล้ว ให้ทำการดึงรายการหน่วยงานขึ้นหรือลง โดยที่รายการหน่วยงานที่ทำการคลิกค้างไว้จะเลื่อนตามที่ได้ทำการลากขึ้นหรือลากลง หากทำการจัดลำดับหน่วยงานเสร็จสิ้น ให้ทำการคลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูลการจัดลำดับหน่วยงาน ระบบแสดงรายการหน่วยงานตามที่ได้จัดลำดับ หรือหากต้องการยกเลิกการจัดลำดับหน่วยงานให้ทำการใช้เมาส์คลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างจัดลำดับหน่วยงานทันที
+
+![รูปภาพที่ 4 – 6 จัดลำดับหน่วยงาน](images/chapter4/chapter4_6.png#center)
+
+> หมายเลข 1 รายการหน่วยงานสำหรับคลิกค้างเพื่อลากขึ้นหรือลากลงสำหรับการจัดลำดับหน่วยงาน  
+> หมายเลข 2 ช่องสำหรับแสดงรายการของหน่วยงาน  
+> หมายเลข 3 ไอคอนสำหรับปิดหน้าต่างจัดลำดับหน่วยงาน  
+> หมายเลข 4 ปุ่มสำหรับคลิกเพื่อยืนยันการจัดลำดับหน่วยงาน
+
+### การจัดลำดับส่วนราชการ
+
+- การจัดลำดับส่วนราขการให้ทำการใช้เมาส์คลิก![dropdown-right](images/button/dropdown-right.png)รายการหน่วยงานที่ต้องการ ระบบแสดงรายการส่วนราชการให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)ระบบแสดงเมนูย่อยโดยให้ทำการใช้เมาส์คลิกเมนู![government-agencies](images/button/government-agencies.png)ระบบแสดงหน้าต่าง "จัดลำดับส่วนราชการ"การจัดลำดับส่วนราขการจะเป็นการจัดลำดับขึ้น-ลง เพื่อจัดเรีบงลำดับตามที่ต้องการ โดยทำการใช้เมาส์คลิกค้างในรายการที่ต้องการเลื่อนย้าย หากทำการคลิกค้างรายการส่วนราขการเสร็จสิ้นแล้ว ให้ทำการดึงรายการส่วนราขการขึ้นหรือลง โดยที่รายการส่วนราขการที่ทำการคลิกค้างไว้จะเลื่อนตามที่ได้ทำการลากขึ้นหรือลากลง หากทำการจัดลำดับส่วนราขการเสร็จสิ้น ให้ทำการคลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูลการจัดลำดับส่วนราขการ ระบบแสดงรายการส่วนราขการตามที่ได้จัดลำดับ หรือหากต้องการยกเลิกการจัดลำดับส่วนราขการให้ทำการใช้เมาส์คลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างจัดลำดับส่วนราขการทันที
+
+![รูปภาพที่ 4 – 7 จัดลำดับส่วนราชการ](images/chapter4/chapter4_7.png#center)
+
+> หมายเลข 1 ช่องสำหรับแสดงรายการของส่วนราชการ  
+> หมายเลข 2 รายการส่วนราชการสำหรับคลิกค้างเพื่อลากขึ้นหรือลากลงสำหรับการจัดลำดับส่วนราชการ  
+> หมายเลข 3 ไอคอนสำหรับปิดหน้าต่างจัดลำดับส่วนราชการ  
+> หมายเลข 4 ปุ่มสำหรับคลิกเพื่อยืนยันการจัดลำดับส่วนราชการ
+
+### การเพิ่มตำแหน่ง
+
+- การเพิ่มข้อมูลตำแหน่งของโครงสร้างอัตรากำลัง ให้ทำการใช้เมาส์คลิกเลือกหน่วยงาน ในตารางแถบซ้ายก่อน เพื่อเลือกหน่วยงานที่ต้องการเพิ่มตำแหน่งของโครงสร้างอัตรากำลัง ข้อมูลหน่วยงานที่แสดง จะเป็นข้อมูลโครงสร้างอัตรากำลังแบบร่าง
+
+- หากทำการคลิกเลือกหน่วยงานที่ต้องการเพิ่มข้อมูลตำแหน่งเสร็จสิ้น ให้ทำการใช้เมาส์คลิก ![plus-green](images/button/plus-green.png) ระบบแสดงหน้าต่าง "เพิ่มอัตรากำลัง" ทำการกรอกข้อมูลอัตรากำลังในส่วนที่สำคัญ จากนั้นทำการคลิก![add-position](images/button/add-position.png) ระบบแสดงหน้าต่าง "เลือกตำแหน่งที่ต้องการเพิ่ม" จากนั้นคลิกช่องหมายเลข 8 เพื่อเลือกค้นหาข้อมูลตำแหน่งจาก จากนั้นทำการกรอกข้อมูลค้นหาตำแหน่งลงในช่องหมายเลข 9 จากนั้นทำการคลิก ![search](images/button/search.png) ระบบแสดงรายการตำแหน่งที่ทำการค้นหา ให้ทำการใช้เมาส์คลิกเลือกรายการตำแหน่งที่ต้องการ หากทำการคลิกเลือก รายการตำแหน่งจะแสดงช่องหมายเลขที่ 13 หากทำการเพิ่มข้อมูลอัตรากำลังเสร็จสิ้นให้ทำการใช้เมาส์คลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูล ระบบแสดงรายการตำแหน่งโดยสถานะคนครองแสดง "ว่าง" หรือหากต้องการปิดหน้าต่างหรือยกเลิกการเพิ่มข้อมูลอัตรากำลังให้ทำการคลิก![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเพิ่มอัตรากำลังทันที
+
+![รูปภาพที่ 4 – 8 เพิ่มข้อมูลอัตรากำลัง](images/chapter4/chapter4_8.png#center)
+
+>หมายเลข 1 ช่องสำหรับแสดงอักษรย่อหน่วยงานที่ทำการเพิ่มข้อมูลอัตรากำลัง  
+>หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอก Prefix เลขที่ตำแหน่ง  
+>หมายเลข 3 ช่องสำหรับคลิกเพื่อกรอกเลขที่ตำแหน่ง  
+>หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอก Suffix เลขที่ตำแหน่ง  
+>หมายเลข 5 ช่องสำหรับคลิกเพื่อกรอกหมายเหตุเพิ่มข้อมูลอัตรากำลัง  
+>หมายเลข 6 ปุ่มสำหรับคลิกเพื่อแสดงหน้าต่างค้นหาและเพิ่มตำแหน่ง  
+>หมายเลข 7 ไอคอนสำหรับคลิกเพื่อเพิ่มข้อมูลตำแหน่ง  
+>หมายเลข 8 ช่องสำหรับคลิกเพื่อค้นหาข้อมูลตำแหน่งจากตำแหน่งในสายงาน สายงาน ประเภทตำแหน่ง ระดับตำแหน่ง ตำแหน่งทางการบริหาร ด้านทางการบริหาร ด้าน/สาขา  
+>หมายเลข 9 ช่องสำหรับคลิกเพื่อเพื่อกรอกคำค้นหาตำแหน่ง  
+>หมายเลข 10 ปุ่มสำหรับคลิกเพื่อค้นหาข้อมูลตำแหน่งจากคำค้นที่ได้ทำการกรอก  
+>หมายเลข 11 ช่องสำหรับแสดงรายการข้อมูลตำแหน่งที่ได้ทำการค้นหา เพื่อให้ทำการคลิกเลือกรายการตำแหน่งที่ต้องการเพิ่ม  
+>หมายเลข 12 ไอคอนสำหรับคลิกเพื่อแสดงเมนู แก้ไข ลบ คัดลอก  
+>หมายเลข 13 ช่องสำหรับแสดงรายการตำแหน่งที่ได้ทำการคลิกเลือก  
+>หมายเลข 14 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลการเพิ่มข้อมูลอัตรากำลัง  
+>หมายเลข 15 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างหรือยกเลิกการเพิ่มข้อมูลอัตรากำลัง  
+>หมายเลข 16 ไอคอนสำหรับคลิกเพื่อลบตำแหน่งที่ถูกเลือก  
+>หมายเลข 17 ไอคอนสำหรับคลิกเพื่อลบข้อมูลที่กรอกในช่องค้นหา  
+>หมายเลข 18 Check Box ผู้อำนวยการ  
+
+
+### การจัดลำดับตำแหน่ง
+
+- การจัดลำดับตำแหน่งให้ทำการเลือก![change-list](images/button/change-list.png)ระบบแสดงหน้าต่าง "จัดลำดับตำแหน่ง" การจัดลำดับตำแหน่งจะเป็นการจัดลำดับขึ้น-ลง เพื่อจัดเรียงลำดับตามที่ต้องการ โดยทำการใช้เมาส์คลิกค้างในรายการที่ต้องการเคลื่อนย้าย หากทำการคลิกค้างรายการตำแหน่งเสร็จสิ้นแล้ว ให้ทำการดึงรายการตำแหน่งขึ้นหรือลง โดยที่รายการตำแหน่งที่ทำการคลิกค้างไว้จะเลื่อนตามที่ได้ทำการลากขึ้นหรือลากลง หากทำการจัดลำดับตำแหน่งเสร็จสิ้น ให้ทำการคลิก ![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลการจ้ดลำดับตำแหน่ง ระบบแสดงรายการตำแหน่งตามที่ได้จัดลำดับ หรือหากต้องการยกเลิกการจัดลำดับตำแหน่งให้ทำการใช้เมาส์คลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างจัดลำดับตำแหน่งทันที
+
+![รูปภาพที่ 4 – 9 จัดลำดับตำแหน่ง](images/chapter4/chapter4_9.png#center)
+
+
+>หมายเลข 1 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างหรือยกเลิกการจัดลำดับตำแหน่ง  
+>หมายเลข 2 รายการตำแหน่งสำหรับคลิกค้างเพื่อลากขึ้นหรือลากลงสำหรับการจัดลำดับตำแหน่ง  
+>หมายเลข 3 ช่องสำหรับแสดงรายการตำแหน่งของโครงสร้างอัตรากำลังที่มีรายชื่อคนครองและไม่มีรายชื่อคนครอง  
+>หมายเลข 4 ปุ่มสำหรับคลิกเพื่อยืนยันการจัดลำดับตำแหน่ง  
+
+
+### การย้ายตำแหน่ง
+
+- การย้ายตำแหน่ง โดยจะเป็นการย้ายตำแหน่งงานไปยังหน่วยงาน/ส่วนราชการอื่นที่ได้ทำการคลิกเลือก โดยการย้ายตำแหน่งให้ทำการใช้เมาส์คลิก ![change-position](images/button/change-position.png)ระบบแสดงหน้าต่าง "ย้ายตำแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน สำนักงานคณะกรรมการข้าราขการกรุงเทพมหานคร" ให้ทำการคลิก Check Box ในรายการตำแหน่งที่ต้องการย้าย จากนั้นให้ทำการคลิกเลือกหน่วยงาน/ส่วนราชการปลายทาง หากทำการคลิกเลือกตำแหน่งและหน่วยงานปลายทางเสร็จสิ้น ให้ทำการคลิก![confirm-changeposition](images/button/confirm-changeposition.png)ระบบทำการย้ายตำแหน่งไปยังหน่วยงาน/ส่วนราชการที่ได้ทำการคลิกเลือกทันที
+
+![รูปภาพที่ 4 – 10 ย้ายตำแหน่งหน่วยงาน](images/chapter4/chapter4_10.png#center)
+
+>หมายเลข 1 ช่องสำหรับแสดงรายการตำแหน่งของหน่วยงาน/ส่วนราชการปัจจุบันที่มีทั้งหมด  
+>หมายเลข 2 ช่อง Check Box สำหรับคลิกเพื่อเลือกตำแหน่งปัจจุบันที่ต้องการย้ายไปหน่วยงาน/ส่วนราชการปลายทาง โดยสามารถคลิกเลือกได้หลายตำแหน่ง  
+>หมายเลข 3 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหาตำแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน  
+>หมายเลข 4 ช่องสำหรับแสดงรายการหน่วยงาน/ส่วนราชการ  
+>หมายเลข 5 ช่องสำหรับคลิกเลือกหน่วยงาน/ส่วนราขการปลายทางที่ต้องการย้าย  
+>หมายเลข 6 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหาหน่วยงาน/ส่วนราชการปลายทาง  
+>หมายเลข 7 ปุ่มสำหรับคลิกเพื่อบันทึกการย้ายข้อมูลตำแหน่งของหน่วยงาน/ส่วนราชการปัจจุบันไปยังหน่วยงาน/ส่วนราชการปลายทาง  
+>หมายเลข 8 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างหรือยกเลิกการย้ายตำแหน่ง  
+>หมายเลข 9 ไอคอนสำหรับคลิกเพื่อลบการเลือกข้อมูลตำแหน่งที่ต้องการย้าย  
+
+### การดาวน์โหลดบัญชี
+
+- การดาวน์โหลดบัญชีจะแสดงดาวน์โหลดออกมาในรูปแบบตาราง Excel ให้ทำการใช้เมาส์คลิก![dowload-account](images/button/dowload-account.png)ระบบแสดงเมนูย่อยโดยมีบัญชี 1  บัญชี 2 และ บัญชี 3 ให้ทำการใช้เมาส์คลิกบัญชีที่ต้องการดาวน์โหลด
+
+![รูปภาพที่ 4 – 11 ดาวน์โหลดบัญชี](images/chapter4/chapter4_11.png#center)
+
+>หมายเลข 1 ไอคอนสำหรับคลิกเพื่อแสดงเมนูย่อยการดาวน์โหลดบัญชี  
+>หมายเลข 2 ช่องสำหรับเลือกดาวน์โหลดบัญชี  
+
+
+### การเลือกและลบคนครอง
+
+- ในส่วนของการเลือกคนครองตำแหน่ง สามารถทำการเลือกคนครองในสถานะคนครองที่แสดง "ว่าง" โดยให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)ระบบแสดงเมนูย่อยให้ทำการคลิกเลือกเมนู![use-position](images/button/use-position.png)ระบบแสดงหน้าต่าง "เลือกคนครอง" และแสดงรายละเอียดตำแหน่ง โดยสามารถทำการค้นหารายชื่อคนครองด้วยชื่อ-นามสกุลหรือเลขบัตรประชาชน ตำแหน่งในสายงาน กลุ่มงาน ประเภทตำแหน่ง และระดับตำแหน่ง หากทำการค้นหารายชื่อได้เสร็จสิ้นแล้ว ให้ทำการคลิกเลือกรายชื่อที่ต้องการ หากทำการคลิกเลือกรายชื่อคนครองเสร็จสิ้น ให้ทำการคลิก![confirm-blue](images/button/confirm-blue.png)และยืนยันการบันทึกข้อมูลระบบแสดงรายชื่อคนครองในรายการตำแหน่งทันที หรือหากต้องการปิดหน้าต่างหรือยกเลิกการเลือกรายชื่อคนครองให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเลือกคนครองทันที
+
+![รูปภาพที่ 4 – 12 ดาวน์โหลดบัญชี](images/chapter4/chapter4_12.png#center)
+
+>หมายเลข 1 ช่องสำหรับแสดงรายการตำแหน่งที่จะทำการเลือกรายชื่อคนครอง  
+>หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกตำแหน่งในสายงานเพื่อค้นหาตำแหน่งที่ต้องการแต่งตั้งคนครองตำแหน่ง  
+>หมายเลข 3 ช่องสำหรับคลิกเลือกข้อมูลประเภทตำแหน่งเพื่อเลือกประเภทที่ต้องการค้นหา  
+>หมายเลข 4 ช่องสำหรับคลิกเลือกข้อมูลระดับตำแหน่งเพื่อเลือกระดับตำแหน่งที่ต้องการค้นหา  
+>หมายเลข 5 ปุ่มสำหรับคลิกเพื่อค้นหาตำแหน่งที่ต้องการ  
+>หมายเลข 6 ช่องสำหรับคลิกเพื่อกรอกชื่อ - นามสกุล หรือเลขบัตรประชาชนเพื่อค้นหาตำแหน่งที่ต้องการ  
+>หมายเลข 7 ช่องสำหรับคลิกเลือกรายชื่อคอลัมน์สำหรับแสดงข้อมูลคนครองตามที่ได้ทำการคลิกเลือก  
+>หมายเลข 8 ช่อง Check Box สำหรับคลิกเพื่อเลือกรายชื่อคนครองตำแหน่ง โดยสามารคลิกเลือกรายชื่อคนครองได้เพียงคนเดียวเท่านั้น  
+>หมายเลข 9 ช่อง Check Box สำหรับคลิกเพื่อทำการทับที่รายชื่อคนครอง  
+>หมายเลข 10 ช่องสำหรับแสดงรายชื่อคนครองตามที่ได้ทำการค้นหา  
+>หมายเลข 11 ปุ่มสำหรับคลิกเพื่อยืนยันการบันทึกการเลือกรายชื่อคนครองตำแหน่ง  
+>หมายเลข 12 ไอคอนสำหรับปิดหน้าต่างหรือยกเลิกการเพิ่มรายชื่อคนครองตำแหน่ง  
+
+### การลบรายชื่อคนครอง
+- การลบรายชื่อคนครองให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![unuse-position](images/button/unuse-position.png)ระบบแสดงหน้าต่างยืนยันการลบคนครองให้ทำการคลิกยืนยันการลบคนครอง ระบบทำการลบรายชื่อคนครองตำแหน่งออกทันที และแสดงสถานะ "ว่าง" ในรายการตำแหน่ง หากต้องการยกเลิกการลบครองครองสามารถคลิกยกเลิกระบบจะปิดหน้าต่างยืนยันการลบคนครองทันทีและรายชื่อคนครองจะไม่ถูกลบออก
+
+### การแก้ไขตำแหน่ง
+- การแก้ไขข้อมูลตำแหน่งของโครงสร้างอัตรากำลัง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![edit](images/button/edit.png) ระบบแสดงหน้าต่าง "แก้ไขอัตรากำลัง" ให้ทำการแก้ไขในส่วนที่ต้องการ หากทำการแก้ไขข้อมูลเสร็จสิ้น ให้ทำการคลิก ![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลที่ได้ทำการแก้ไข ระบบแสดงข้อมูลแก้ไขในรายการโครงสร้างอัตรากำลัง เมนูแบบร่างทันที หรือหากต้องการปิดหน้าต่างหรือยกเลิกการแก้ไขข้อมูลตำแหน่งให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างแก้ไขอัตรากำลังทันที
+
+### การคัดลอกตำแหน่ง
+- การคัดลอกตำแหน่งโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)  หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![copy](images/button/copy.png) ระบบแสดงหน้าต่าง "แก้ไขอัตรากำลัง" โดยจะมีข้อมูลคงเดิมอยู่ โดยจะสามารถแก้ไขหรือกรอกข้อมูลเพิ่มได้ แต่ไม่สามารถกรอก "เลขที่ตำแหน่ง" ซ้ำกันได้  หากทำการแก้ไขข้อมูลเสร็จสิ้นให้ทำการคลิก![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลที่ได้ทำการแก้ไข ระบบแสดงข้อมูลแก้ไขในรายการโครงสร้างอัตรากำลัง เมนูแบบร่างทันที หรือหากต้องการปิดหน้าต่างหรือยกเลิกการแก้ไขข้อมูลตำแหน่งให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างแก้ไขอัตรากำลังทันที
+
+### การลบตำแหน่ง
+- การลบรายการตำแหน่งโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![delete-position](images/button/delete-position.png) ระบบแสดงหน้าต่างยืนยันการลบรายการตำแหน่งโครงสร้างอัตรากำลัง ให้ทำการยืนยันการลบข้อมูล ระบบทำการลบรายการตำแหน่งโครงสร้างอัตรากำลังทันที หากต้องการปิดหน้าต่างหรือยกเลิกการลบรายการตำแหน่งสามารถคลิกยกเลิกระบบจะปิดหน้าต่างยืนยันการลบข้อมูลทันทีและตำแหน่งจะไม่ถูกลบออก
+
+### การย้ายตำแหน่ง
+- การย้ายตำแหน่งโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก ![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![change-position-menu](images/change-position-menu.png)  ระบบแสดงหน้าต่าง "ย้ายตำแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน สำนักงานคณะกรรมการข้าราขการกรุงเทพมหานคร" ให้ทำการคลิก Check Box ในรายการตำแหน่งที่ต้องการย้าย จากนั้นให้ทำการคลิกเลือกหน่วยงาน/ส่วนราชการปลายทาง หากทำการคลิกเลือกตำแหน่งและหน่วยงานปลายทางเสร็จสิ้น ให้ทำการคลิก![confirm-changeposition](images/button/confirm-changeposition.png)ระบบทำการย้ายตำแหน่งไปยังหน่วยงาน/ส่วนราชการที่ได้ทำการคลิกเลือกทันที
+
+
+### การสืบทอดตำแหน่ง
+- การสืบทอดตำแหน่งโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![succession](images/button/succession.png) ระบบแสดงหน้าต่าง "เลือกตำแหน่งที่ต้องการสืบทอดจากโครงสร้างปัจจุบัน" ให้ทำการคลิกเลือกหน่วยงานหรือส่วนราชการที่ต้องการ หลังจากคลิกเลือกหน่วยงานหรือส่วนราชการ ระบบแสดงรายการตำแหน่งที่ต้องการให้สืบทอดตำแหน่ง จากนั้นให้ทำการคลิก Check Box ในรายการตำแหน่งที่ต้องการสืบทอด หากทำการคลิกเลือกตำแหน่งที่ต้องการจะสืบทอดเสร็จสิ้น ให้ทำการคลิก![confirm-change-position](images/button/confirm-change-position.png) และยืนยันการสืบทอดตำแหน่ง ระบบบันทึกการสืบทอดตำแหน่งทันที หรือหากต้องการปิดหน้าต่างหรือยกเลิกการสืบทอดตำแหน่งให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างการสืบทอดตำแหน่งทันที
+
+![รูปภาพที่ 4 – 13 สืบทอดตำแหน่ง](images/chapter4/chapter4_13.png#center)
+
+### การดูประวัติตำแหน่ง
+- การดูประวัติการสืบทอดตำแหน่งโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![history-position](images/button/history-position.png) ระบบแสดงหน้าต่าง "ประวัติตำแหน่ง" หากต้องการปิดหน้าต่างหรือยกเลิกการดูประวัติตำแหน่งให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างประวัติตำแหน่งทันที
+
+![รูปภาพที่ 4 – 14 ประวัติตำแหน่ง](images/chapter4/chapter4_14.png#center)
+
+### การดูรายละเอียดตำแหน่ง
+- การดูรายละเอียดข้อมูลตำแหน่งและรายชื่อคนครองให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งที่มีคนครองเท่านั้นในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![detail-position](images/button/detail-position.png) ระบบแสดงหน้าต่าง "รายละเอียดตำแหน่ง" หากต้องการปิดหน้าต่างหรือยกเลิกการดูรายละเอียดตำแหน่งให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างรายละเอียดตำแหน่งทันที
+
+![รูปภาพที่ 4 – 15 รายละเอียดตำแหน่ง](images/chapter4/chapter4_15.png#center)
diff --git a/public/images/button/Arrange-departments.png b/public/images/button/Arrange-departments.png
new file mode 100644
index 00000000..522bdc55
Binary files /dev/null and b/public/images/button/Arrange-departments.png differ
diff --git a/public/images/button/add-organization.png b/public/images/button/add-organization.png
new file mode 100644
index 00000000..cbd4d4a0
Binary files /dev/null and b/public/images/button/add-organization.png differ
diff --git a/public/images/button/add-position.png b/public/images/button/add-position.png
new file mode 100644
index 00000000..ae5593db
Binary files /dev/null and b/public/images/button/add-position.png differ
diff --git a/public/images/button/cancel-white.png b/public/images/button/cancel-white.png
new file mode 100644
index 00000000..4cb756d1
Binary files /dev/null and b/public/images/button/cancel-white.png differ
diff --git a/public/images/button/change-list.png b/public/images/button/change-list.png
new file mode 100644
index 00000000..8f762fbc
Binary files /dev/null and b/public/images/button/change-list.png differ
diff --git a/public/images/button/change-position-menu.png b/public/images/button/change-position-menu.png
new file mode 100644
index 00000000..f4648ff4
Binary files /dev/null and b/public/images/button/change-position-menu.png differ
diff --git a/public/images/button/change-position.png b/public/images/button/change-position.png
new file mode 100644
index 00000000..23dfacc0
Binary files /dev/null and b/public/images/button/change-position.png differ
diff --git a/public/images/button/confirm-blue.png b/public/images/button/confirm-blue.png
new file mode 100644
index 00000000..47df16d8
Binary files /dev/null and b/public/images/button/confirm-blue.png differ
diff --git a/public/images/button/confirm-change-position.png b/public/images/button/confirm-change-position.png
new file mode 100644
index 00000000..f6a60cd4
Binary files /dev/null and b/public/images/button/confirm-change-position.png differ
diff --git a/public/images/button/confirm-changeposition.png b/public/images/button/confirm-changeposition.png
new file mode 100644
index 00000000..89e50441
Binary files /dev/null and b/public/images/button/confirm-changeposition.png differ
diff --git a/public/images/button/delete-position.png b/public/images/button/delete-position.png
new file mode 100644
index 00000000..f4c42863
Binary files /dev/null and b/public/images/button/delete-position.png differ
diff --git a/public/images/button/detail-position.png b/public/images/button/detail-position.png
new file mode 100644
index 00000000..ea666a58
Binary files /dev/null and b/public/images/button/detail-position.png differ
diff --git a/public/images/button/dowload-account.png b/public/images/button/dowload-account.png
new file mode 100644
index 00000000..b33ed509
Binary files /dev/null and b/public/images/button/dowload-account.png differ
diff --git a/public/images/button/dropdown-right.png b/public/images/button/dropdown-right.png
new file mode 100644
index 00000000..734b5f47
Binary files /dev/null and b/public/images/button/dropdown-right.png differ
diff --git a/public/images/button/government-agencies.png b/public/images/button/government-agencies.png
new file mode 100644
index 00000000..ace0d136
Binary files /dev/null and b/public/images/button/government-agencies.png differ
diff --git a/public/images/button/history-position.png b/public/images/button/history-position.png
new file mode 100644
index 00000000..2e2d10d7
Binary files /dev/null and b/public/images/button/history-position.png differ
diff --git a/public/images/button/succession.png b/public/images/button/succession.png
new file mode 100644
index 00000000..c980f988
Binary files /dev/null and b/public/images/button/succession.png differ
diff --git a/public/images/button/unuse-position.png b/public/images/button/unuse-position.png
new file mode 100644
index 00000000..fddf6527
Binary files /dev/null and b/public/images/button/unuse-position.png differ
diff --git a/public/images/button/use-position.png b/public/images/button/use-position.png
new file mode 100644
index 00000000..9f8475ba
Binary files /dev/null and b/public/images/button/use-position.png differ
diff --git a/public/images/chapter4/chapter4_1.png b/public/images/chapter4/chapter4_1.png
new file mode 100644
index 00000000..4e24b6ba
Binary files /dev/null and b/public/images/chapter4/chapter4_1.png differ
diff --git a/public/images/chapter4/chapter4_10.png b/public/images/chapter4/chapter4_10.png
new file mode 100644
index 00000000..fc4eab17
Binary files /dev/null and b/public/images/chapter4/chapter4_10.png differ
diff --git a/public/images/chapter4/chapter4_11.png b/public/images/chapter4/chapter4_11.png
new file mode 100644
index 00000000..44163dd4
Binary files /dev/null and b/public/images/chapter4/chapter4_11.png differ
diff --git a/public/images/chapter4/chapter4_12.png b/public/images/chapter4/chapter4_12.png
new file mode 100644
index 00000000..43428091
Binary files /dev/null and b/public/images/chapter4/chapter4_12.png differ
diff --git a/public/images/chapter4/chapter4_13.png b/public/images/chapter4/chapter4_13.png
new file mode 100644
index 00000000..7c276f3b
Binary files /dev/null and b/public/images/chapter4/chapter4_13.png differ
diff --git a/public/images/chapter4/chapter4_14.png b/public/images/chapter4/chapter4_14.png
new file mode 100644
index 00000000..be714615
Binary files /dev/null and b/public/images/chapter4/chapter4_14.png differ
diff --git a/public/images/chapter4/chapter4_15.png b/public/images/chapter4/chapter4_15.png
new file mode 100644
index 00000000..55dba79c
Binary files /dev/null and b/public/images/chapter4/chapter4_15.png differ
diff --git a/public/images/chapter4/chapter4_2.png b/public/images/chapter4/chapter4_2.png
new file mode 100644
index 00000000..c8d2622c
Binary files /dev/null and b/public/images/chapter4/chapter4_2.png differ
diff --git a/public/images/chapter4/chapter4_3.png b/public/images/chapter4/chapter4_3.png
new file mode 100644
index 00000000..d555a177
Binary files /dev/null and b/public/images/chapter4/chapter4_3.png differ
diff --git a/public/images/chapter4/chapter4_4.png b/public/images/chapter4/chapter4_4.png
new file mode 100644
index 00000000..7edcbd3b
Binary files /dev/null and b/public/images/chapter4/chapter4_4.png differ
diff --git a/public/images/chapter4/chapter4_5.png b/public/images/chapter4/chapter4_5.png
new file mode 100644
index 00000000..41a4b9fd
Binary files /dev/null and b/public/images/chapter4/chapter4_5.png differ
diff --git a/public/images/chapter4/chapter4_6.png b/public/images/chapter4/chapter4_6.png
new file mode 100644
index 00000000..b269c02e
Binary files /dev/null and b/public/images/chapter4/chapter4_6.png differ
diff --git a/public/images/chapter4/chapter4_7.png b/public/images/chapter4/chapter4_7.png
new file mode 100644
index 00000000..3b672313
Binary files /dev/null and b/public/images/chapter4/chapter4_7.png differ
diff --git a/public/images/chapter4/chapter4_8.png b/public/images/chapter4/chapter4_8.png
new file mode 100644
index 00000000..f08e74f7
Binary files /dev/null and b/public/images/chapter4/chapter4_8.png differ
diff --git a/public/images/chapter4/chapter4_9.png b/public/images/chapter4/chapter4_9.png
new file mode 100644
index 00000000..7dcd543d
Binary files /dev/null and b/public/images/chapter4/chapter4_9.png differ
diff --git a/public/toc.json b/public/toc.json
index c0b3c0e1..ca198209 100644
--- a/public/toc.json
+++ b/public/toc.json
@@ -11,6 +11,10 @@
     "label": "ข้อมูลการประเมิน",
     "path": "/manual/chapter-3-admin-evaluate"
   },
+  {
+    "label": "โครงสร้างอัตรากำลัง",
+    "path": "/manual/chapter-4-admin-organization"
+  },
   {
     "label": "ระบบสรรหา",
     "path": "/manual/chapter-8-admin-recruit"