diff --git a/src/main/webapp/kccadrPb/tutorial/css/tutorial.css b/src/main/webapp/kccadrPb/tutorial/css/tutorial.css
index dfb3b8d3..de288dbb 100644
--- a/src/main/webapp/kccadrPb/tutorial/css/tutorial.css
+++ b/src/main/webapp/kccadrPb/tutorial/css/tutorial.css
@@ -1,6 +1,6 @@
 body{position: relative; width: 100%; height: 100%;}
 .tutorial{width: 100%; height: 100%; overflow-x: hidden;}
-.tutorial img{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
+.tutorial img{position: absolute;width:100%; left: 50%;top: 0;transform: translateX(-50%);}
 .mask{position: fixed; display: flex; width: 100%; height: 100%; left: 0; top: 0; z-index: 5;}
 .left_mask,.right_mask{width: 50%; height: 100%; background-color: transparent;}
 @media all and (max-width: 1800px){
diff --git a/src/main/webapp/kccadrPb/tutorial/image/01.gif b/src/main/webapp/kccadrPb/tutorial/image/01.gif
index ada1cf84..71de7926 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/01.gif and b/src/main/webapp/kccadrPb/tutorial/image/01.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/02.gif b/src/main/webapp/kccadrPb/tutorial/image/02.gif
index 84596fa8..3bf983eb 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/02.gif and b/src/main/webapp/kccadrPb/tutorial/image/02.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/03.gif b/src/main/webapp/kccadrPb/tutorial/image/03.gif
index 219092c1..9da5fecf 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/03.gif and b/src/main/webapp/kccadrPb/tutorial/image/03.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/04.gif b/src/main/webapp/kccadrPb/tutorial/image/04.gif
index 35069a47..971589c3 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/04.gif and b/src/main/webapp/kccadrPb/tutorial/image/04.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/05.gif b/src/main/webapp/kccadrPb/tutorial/image/05.gif
index 0fbce009..f435dcb9 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/05.gif and b/src/main/webapp/kccadrPb/tutorial/image/05.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/06.gif b/src/main/webapp/kccadrPb/tutorial/image/06.gif
index 1f69622a..5c1a146f 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/06.gif and b/src/main/webapp/kccadrPb/tutorial/image/06.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/07.gif b/src/main/webapp/kccadrPb/tutorial/image/07.gif
index 7463e5ce..8ec0a106 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/07.gif and b/src/main/webapp/kccadrPb/tutorial/image/07.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/08.gif b/src/main/webapp/kccadrPb/tutorial/image/08.gif
index b0a71c1c..3e851b53 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/08.gif and b/src/main/webapp/kccadrPb/tutorial/image/08.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/09.gif b/src/main/webapp/kccadrPb/tutorial/image/09.gif
index 501b535b..bef30602 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/09.gif and b/src/main/webapp/kccadrPb/tutorial/image/09.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/10.gif b/src/main/webapp/kccadrPb/tutorial/image/10.gif
index 7b31c0ce..86b01bf6 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/10.gif and b/src/main/webapp/kccadrPb/tutorial/image/10.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/11.gif b/src/main/webapp/kccadrPb/tutorial/image/11.gif
index 6307f425..e4c574c3 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/11.gif and b/src/main/webapp/kccadrPb/tutorial/image/11.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/12.gif b/src/main/webapp/kccadrPb/tutorial/image/12.gif
index e8dcb1f1..779b9fbf 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/12.gif and b/src/main/webapp/kccadrPb/tutorial/image/12.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/13.gif b/src/main/webapp/kccadrPb/tutorial/image/13.gif
index f61189f2..79248585 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/13.gif and b/src/main/webapp/kccadrPb/tutorial/image/13.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/14.gif b/src/main/webapp/kccadrPb/tutorial/image/14.gif
index 40881a41..44b79fdf 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/14.gif and b/src/main/webapp/kccadrPb/tutorial/image/14.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/15.gif b/src/main/webapp/kccadrPb/tutorial/image/15.gif
index adf62039..39aac289 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/15.gif and b/src/main/webapp/kccadrPb/tutorial/image/15.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/16.gif b/src/main/webapp/kccadrPb/tutorial/image/16.gif
index be602398..efe23bba 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/16.gif and b/src/main/webapp/kccadrPb/tutorial/image/16.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/17.gif b/src/main/webapp/kccadrPb/tutorial/image/17.gif
index 94bf3d22..c7f7e607 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/17.gif and b/src/main/webapp/kccadrPb/tutorial/image/17.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/18.gif b/src/main/webapp/kccadrPb/tutorial/image/18.gif
index 7bd74317..dac8b61d 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/18.gif and b/src/main/webapp/kccadrPb/tutorial/image/18.gif differ
diff --git a/src/main/webapp/kccadrPb/tutorial/image/19.gif b/src/main/webapp/kccadrPb/tutorial/image/19.gif
index e70ad1b5..0d3d0c48 100644
Binary files a/src/main/webapp/kccadrPb/tutorial/image/19.gif and b/src/main/webapp/kccadrPb/tutorial/image/19.gif differ