diff --git a/css/app.css b/css/app.css
index 8a4b097..73edc09 100644
--- a/css/app.css
+++ b/css/app.css
@@ -308,6 +308,32 @@ body {
 	}	
 }
 
+#flip{
+	position:fixed;
+	height:20px;
+	width:150px;
+	bottom:10px;
+	font-size:10px;
+	margin:auto auto;
+}
+
+#pageup,#pagedown{
+	height:20px;
+	width:70px;
+	display:inline-box;
+	border-radius: 5px;
+    background-color: #AAA;
+	text-align: center;
+	line-height:20px;
+	color: #FFF;
+}
+
+@media (min-width: 40rem) {
+	#flip{
+		margin-left:380px;
+	}
+}
+
 /**
  * okaidia theme for JavaScript, CSS and HTML
  * Loosely based on Monokai textmate theme by http://www.monokai.nl/
diff --git a/index.html b/index.html
index b9aacb1..8783259 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,7 @@
   <div id="edit">edit</div>
   <div id="loading">Loading ...</div>
   <div id="error">Opps! ... File not found!</div>
+  <div id="flip"><div id="pageup">上一章</div><div id="pagedown">下一章</div></div>
 
   <script>
       // essential settings