diff --git a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/download.jsp b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/download.jsp
index d708ca2a7..1d52af71f 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/download.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/download.jsp
@@ -24,6 +24,7 @@
 					<li class="active"><s:link href="index">
 							<bean:message key="labels.suggest_bad_word_link_list" />
 						</s:link></li>
+					<li class="active"><a href="#"><bean:message key="labels.suggest_bad_word_link_download" /></a></li>
 				</ol>
 			</section>
 
@@ -38,14 +39,17 @@
 									<bean:message key="labels.suggest_bad_word_link_download" />
 								</h3>
 								<div class="box-tools pull-right">
+									<span class="label label-default"><s:link href="index">
+										<bean:message key="labels.suggest_bad_word_link_list" />
+										</s:link></span>
 									<span class="label label-default"><s:link href="createpage">
-											<bean:message key="labels.suggest_bad_word_link_create_new" />
+										<bean:message key="labels.suggest_bad_word_link_create_new" />
 										</s:link></span>
 									<span class="label label-default"><s:link href="downloadpage">
-											<bean:message key="labels.suggest_bad_word_link_download" />
+										<bean:message key="labels.suggest_bad_word_link_download" />
 										</s:link></span>
 									<span class="label label-default"><s:link href="uploadpage">
-											<bean:message key="labels.suggest_bad_word_link_upload" />
+										<bean:message key="labels.suggest_bad_word_link_upload" />
 										</s:link></span>
 								</div>
 							</div>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/edit.jsp b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/edit.jsp
index 90119074b..2df9240f7 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/edit.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/edit.jsp
@@ -67,6 +67,15 @@
 										<span class="label label-default"><s:link href="index">
 												<bean:message key="labels.suggest_bad_word_link_list" />
 											</s:link></span>
+										<span class="label label-default"><s:link href="createpage">
+											<bean:message key="labels.suggest_bad_word_link_create_new" />
+											</s:link></span>
+										<span class="label label-default"><s:link href="downloadpage">
+											<bean:message key="labels.suggest_bad_word_link_download" />
+											</s:link></span>
+										<span class="label label-default"><s:link href="uploadpage">
+											<bean:message key="labels.suggest_bad_word_link_upload" />
+											</s:link></span>
 									</div>
 								</div>
 								<%-- Box Body --%>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/index.jsp b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/index.jsp
index a129ac6d3..92c2e936f 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/index.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/index.jsp
@@ -38,14 +38,17 @@
 									<bean:message key="labels.suggest_bad_word_link_list" />
 								</h3>
 								<div class="box-tools pull-right">
+									<span class="label label-default"><s:link href="index">
+										<bean:message key="labels.suggest_bad_word_link_list" />
+										</s:link></span>
 									<span class="label label-default"><s:link href="createpage">
-											<bean:message key="labels.suggest_bad_word_link_create_new" />
+										<bean:message key="labels.suggest_bad_word_link_create_new" />
 										</s:link></span>
 									<span class="label label-default"><s:link href="downloadpage">
-											<bean:message key="labels.suggest_bad_word_link_download" />
+										<bean:message key="labels.suggest_bad_word_link_download" />
 										</s:link></span>
 									<span class="label label-default"><s:link href="uploadpage">
-											<bean:message key="labels.suggest_bad_word_link_upload" />
+										<bean:message key="labels.suggest_bad_word_link_upload" />
 										</s:link></span>
 								</div>
 							</div>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/upload.jsp b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/upload.jsp
index cca89feca..486f32d1f 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestBadWord/upload.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestBadWord/upload.jsp
@@ -24,6 +24,7 @@
 					<li class="active"><s:link href="index">
 							<bean:message key="labels.suggest_bad_word_link_list" />
 						</s:link></li>
+					<li class="active"><a href="#"><bean:message key="labels.suggest_bad_word_link_upload" /></a></li>
 				</ol>
 			</section>
 
@@ -38,14 +39,17 @@
 									<bean:message key="labels.suggest_bad_word_link_upload" />
 								</h3>
 								<div class="box-tools pull-right">
+									<span class="label label-default"><s:link href="index">
+										<bean:message key="labels.suggest_bad_word_link_list" />
+										</s:link></span>
 									<span class="label label-default"><s:link href="createpage">
-											<bean:message key="labels.suggest_bad_word_link_create_new" />
+										<bean:message key="labels.suggest_bad_word_link_create_new" />
 										</s:link></span>
 									<span class="label label-default"><s:link href="downloadpage">
-											<bean:message key="labels.suggest_bad_word_link_download" />
+										<bean:message key="labels.suggest_bad_word_link_download" />
 										</s:link></span>
 									<span class="label label-default"><s:link href="uploadpage">
-											<bean:message key="labels.suggest_bad_word_link_upload" />
+										<bean:message key="labels.suggest_bad_word_link_upload" />
 										</s:link></span>
 								</div>
 							</div>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/confirm.jsp b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/confirm.jsp
index 7afca5065..b2b7df643 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/confirm.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/confirm.jsp
@@ -1,123 +1,160 @@
-<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><tiles:insert template="/WEB-INF/view/common/admin/layout.jsp"
-	flush="true">
-	<tiles:put name="title">
-		<bean:message key="labels.suggest_elevate_word_configuration" />
-	</tiles:put>
-	<tiles:put name="header" value="/WEB-INF/view/common/admin/header.jsp" />
-	<tiles:put name="footer" value="/WEB-INF/view/common/admin/footer.jsp" />
-	<tiles:put name="menu" value="/WEB-INF/view/common/admin/menu.jsp" />
-	<tiles:put name="menuType" value="suggestElevateWord" />
-	<tiles:put name="headerScript" type="string"></tiles:put>
-	<tiles:put name="body" type="string">
+<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Fess | <bean:message key="labels.suggest_elevate_word_configuration" /></title>
+<jsp:include page="/WEB-INF/view/common/admin2/head.jsp"></jsp:include>
+</head>
+<body class="skin-blue sidebar-mini">
+	<div class="wrapper">
+		<jsp:include page="/WEB-INF/view/common/admin2/header.jsp"></jsp:include>
+		<jsp:include page="/WEB-INF/view/common/admin2/sidebar.jsp">
+			<jsp:param name="menuCategoryType" value="crawl" />
+			<jsp:param name="menuType" value="suggestElevateWord" />
+		</jsp:include>
 
-		<h3>
-			<bean:message key="labels.suggest_elevate_word_title_confirm" />
-		</h3>
+		<div class="content-wrapper">
 
-		<%-- Message: BEGIN --%>
-		<div>
-			<html:messages id="msg" message="true">
-				<div class="alert-message info"><bean:write name="msg" ignore="true" /></div>
-			</html:messages>
-			<html:errors />
-		</div>
-		<%-- Message: END --%>
-
-			<div>
-				<ul class="pills">
+			<%-- Content Header --%>
+			<section class="content-header">
+				<h1>
+					<bean:message key="labels.suggest_elevate_word_title_details" />
+				</h1>
+				<ol class="breadcrumb">
 					<li><s:link href="index">
 							<bean:message key="labels.suggest_elevate_word_link_list" />
 						</s:link></li>
 					<c:if test="${crudMode == 1}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_create" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_create" /></a></li>
 					</c:if>
 					<c:if test="${crudMode == 2}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_update" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_update" /></a></li>
 					</c:if>
 					<c:if test="${crudMode == 3}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_delete" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_delete" /></a></li>
 					</c:if>
 					<c:if test="${crudMode == 4}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_confirm" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_confirm" /></a></li>
 					</c:if>
-					<li><s:link href="downloadpage">
-							<bean:message key="labels.suggest_elevate_word_link_download" />
-						</s:link></li>
-					<li><s:link href="uploadpage">
-							<bean:message key="labels.suggest_elevate_word_link_upload" />
-						</s:link></li>
-				</ul>
-			</div>
+				</ol>
+			</section>
 
-		<%-- Confirm Form: BEGIN --%>
-		<s:form>
-			<html:hidden property="crudMode" />
-			<div>
-				<c:if test="${crudMode==2 || crudMode==3 || crudMode==4}">
-					<html:hidden property="id" />
-					<html:hidden property="versionNo" />
-				</c:if>
-				<html:hidden property="createdBy" />
-				<html:hidden property="createdTime" />
-				<table class="bordered-table zebra-striped" style="width: 500px;">
-					<tbody>
-						<tr>
-							<th style="width: 150px;"><bean:message
-									key="labels.suggest_elevate_word_suggest_word" /></th>
-							<td>${f:h(suggestWord)}<html:hidden property="suggestWord" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_reading" /></th>
-							<td>${f:h(reading)}<html:hidden property="reading" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_target_role" /></th>
-							<td>${f:h(targetRole)}<html:hidden property="targetRole" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_target_label" /></th>
-							<td>${f:h(targetLabel)}<html:hidden property="targetLabel" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_boost" /></th>
-							<td>${f:h(boost)}<html:hidden property="boost" /></td>
-						</tr>
-					</tbody>
-					<tfoot>
-						<tr>
-							<td colspan="2"><c:if test="${crudMode == 1}">
-									<input type="submit" class="btn small" name="create"
-										value="<bean:message key="labels.suggest_elevate_word_button_create"/>" />
-									<input type="submit"class="btn small" name="editagain"
-										value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
-								</c:if> <c:if test="${crudMode == 2}">
-									<input type="submit" class="btn small" name="update"
-										value="<bean:message key="labels.suggest_elevate_word_button_update"/>" />
-									<input type="submit" class="btn small" name="editagain"
-										value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
-								</c:if> <c:if test="${crudMode == 3}">
-									<input type="submit" class="btn small" name="delete"
-										value="<bean:message key="labels.suggest_elevate_word_button_delete"/>" />
-									<input type="submit" class="btn small" name="back"
-										value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
-								</c:if> <c:if test="${crudMode == 4}">
-									<input type="submit" class="btn small" name="back"
-										value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
-									<input type="submit" class="btn small" name="editfromconfirm"
-										value="<bean:message key="labels.suggest_elevate_word_button_edit"/>" />
-									<input type="submit" class="btn small" name="deletefromconfirm"
-										value="<bean:message key="labels.suggest_elevate_word_button_delete"/>" />
-								</c:if></td>
-						</tr>
-					</tfoot>
-				</table>
-			</div>
-		</s:form>
-		<%-- Confirm Form: BEGIN --%>
+			<section class="content">
+
+				<%-- Form --%>
+				<s:form>
+					<html:hidden property="crudMode" />
+					<c:if test="${crudMode==2 || crudMode==3 || crudMode==4}">
+						<html:hidden property="id" />
+						<html:hidden property="versionNo" />
+					</c:if>
+					<html:hidden property="createdBy" />
+					<html:hidden property="createdTime" />
+					<div class="row">
+						<div class="col-md-12">
+							<div class="box">
+								<%-- Box Header --%>
+								<div class="box-header with-border">
+									<h3 class="box-title">
+										<c:if test="${crudMode == 1}">
+											<bean:message key="labels.suggest_elevate_word_link_create" />
+										</c:if>
+										<c:if test="${crudMode == 2}">
+											<bean:message key="labels.suggest_elevate_word_link_update" />
+										</c:if>
+										<c:if test="${crudMode == 3}">
+											<bean:message key="labels.suggest_elevate_word_link_delete" />
+										</c:if>
+										<c:if test="${crudMode == 4}">
+											<bean:message key="labels.suggest_elevate_word_link_confirm" />
+										</c:if>
+									</h3>
+									<div class="box-tools pull-right">
+										<span class="label label-default"><s:link href="index">
+												<bean:message key="labels.suggest_elevate_word_link_list" />
+											</s:link></span>
+									</div>
+								</div>
+								<%-- Box Body --%>
+								<div class="box-body">
+									<%-- Message --%>
+									<div>
+										<html:messages id="msg" message="true">
+											<div class="alert-message info">
+												<bean:write name="msg" ignore="true" />
+											</div>
+										</html:messages>
+										<html:errors />
+									</div>
+
+									<%-- Form Fields --%>
+									<table class="table table-bordered">
+										<tbody>
+											<tr>
+												<th class="col-xs-2"><bean:message key="labels.suggest_elevate_word_suggest_word" /></th>
+												<td>${f:h(suggestWord)}<html:hidden property="suggestWord" /></td>
+											</tr>
+											<tr>
+												<th><bean:message key="labels.suggest_elevate_word_reading" /></th>
+												<td>${f:h(reading)}<html:hidden property="reading" /></td>
+											</tr>
+											<tr>
+												<th><bean:message key="labels.suggest_elevate_word_target_role" /></th>
+												<td>${f:h(targetRole)}<html:hidden property="targetRole" /></td>
+											</tr>
+											<tr>
+												<th><bean:message key="labels.suggest_elevate_word_target_label" /></th>
+												<td>${f:h(targetLabel)}<html:hidden property="targetLabel" /></td>
+											</tr>
+											<tr>
+												<th><bean:message key="labels.suggest_elevate_word_boost" /></th>
+												<td>${f:h(boost)}<html:hidden property="boost" /></td>
+											</tr>
+										</tbody>
+									</table>
+
+								</div>
+								<%-- Box Footer --%>
+								<div class="box-footer">
+									<c:if test="${crudMode == 1}">
+										<input type="submit" class="btn" name="editagain" value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
+										<input type="submit" class="btn btn-primary" name="create"
+											value="<bean:message key="labels.suggest_elevate_word_button_create"/>"
+										/>
+									</c:if>
+									<c:if test="${crudMode == 2}">
+										<input type="submit" class="btn" name="editagain" value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
+										<input type="submit" class="btn btn-primary" name="update"
+											value="<bean:message key="labels.suggest_elevate_word_button_update"/>"
+										/>
+									</c:if>
+									<c:if test="${crudMode == 3}">
+										<input type="submit" class="btn" name="back" value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
+										<input type="submit" class="btn btn-primary" name="delete"
+											value="<bean:message key="labels.suggest_elevate_word_button_delete"/>"
+										/>
+									</c:if>
+									<c:if test="${crudMode == 4}">
+										<input type="submit" class="btn" name="back" value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
+										<input type="submit" class="btn" name="editfromconfirm"
+											value="<bean:message key="labels.suggest_elevate_word_button_edit"/>"
+										/>
+										<input type="submit" class="btn" name="deletefromconfirm"
+											value="<bean:message key="labels.suggest_elevate_word_button_delete"/>"
+										/>
+									</c:if>
+								</div>
+							</div>
+						</div>
+					</div>
+				</s:form>
+
+			</section>
+		</div>
+
+		<jsp:include page="/WEB-INF/view/common/admin2/footer.jsp"></jsp:include>
+	</div>
+	<jsp:include page="/WEB-INF/view/common/admin2/foot.jsp"></jsp:include>
+</body>
+</html>
 
-	</tiles:put>
-</tiles:insert>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/download.jsp b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/download.jsp
index 3658d6149..e52567662 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/download.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/download.jsp
@@ -1,62 +1,86 @@
-<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><tiles:insert template="/WEB-INF/view/common/admin/layout.jsp"
-	flush="true">
-	<tiles:put name="title">
-		<bean:message key="labels.suggest_elevate_word_configuration" />
-	</tiles:put>
-	<tiles:put name="header" value="/WEB-INF/view/common/admin/header.jsp" />
-	<tiles:put name="footer" value="/WEB-INF/view/common/admin/footer.jsp" />
-	<tiles:put name="menu" value="/WEB-INF/view/common/admin/menu.jsp" />
-	<tiles:put name="menuType" value="suggestElevateWord" />
-	<tiles:put name="headerScript" type="string"></tiles:put>
-	<tiles:put name="body" type="string">
+<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Fess | <bean:message key="labels.suggest_elevate_word_configuration" /></title>
+<jsp:include page="/WEB-INF/view/common/admin2/head.jsp"></jsp:include>
+</head>
+<body class="skin-blue sidebar-mini">
+	<div class="wrapper">
+		<jsp:include page="/WEB-INF/view/common/admin2/header.jsp"></jsp:include>
+		<jsp:include page="/WEB-INF/view/common/admin2/sidebar.jsp">
+			<jsp:param name="menuCategoryType" value="crawl" />
+			<jsp:param name="menuType" value="suggestElevateWord" />
+		</jsp:include>
 
-		<h3>
-			<bean:message key="labels.suggest_elevate_word_title_list" />
-		</h3>
+		<div class="content-wrapper">
 
-		<%-- Message: BEGIN --%>
-		<div>
-			<html:messages id="msg" message="true">
-				<div class="alert-message info"><bean:write name="msg" ignore="true" /></div>
-			</html:messages>
-			<html:errors />
+			<%-- Content Header --%>
+			<section class="content-header">
+				<h1>
+					<bean:message key="labels.suggest_elevate_word_configuration" />
+				</h1>
+				<ol class="breadcrumb">
+					<li class="active"><s:link href="index">
+							<bean:message key="labels.suggest_elevate_word_link_list" />
+						</s:link></li>
+					<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_download" /></a></li>
+				</ol>
+			</section>
+
+			<section class="content">
+
+				<div class="row">
+					<div class="col-md-12">
+						<div class="box">
+							<%-- Box Header --%>
+							<div class="box-header with-border">
+								<h3 class="box-title">
+									<bean:message key="labels.suggest_elevate_word_link_download" />
+								</h3>
+								<div class="box-tools pull-right">
+									<span class="label label-default"><s:link href="index">
+										<bean:message key="labels.suggest_elevate_word_link_list" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="createpage">
+										<bean:message key="labels.suggest_elevate_word_link_create_new" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="downloadpage">
+										<bean:message key="labels.suggest_elevate_word_link_download" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="uploadpage">
+										<bean:message key="labels.suggest_elevate_word_link_upload" />
+										</s:link></span>
+								</div>
+							</div>
+							<%-- Box Body --%>
+							<div class="box-body">
+								<s:form>
+									<table class="table table-bordered">
+										<tbody>
+											<tr>
+												<th class="col-xs-2"><bean:message key="labels.suggest_elevate_word_file" /></th>
+												<td><input name="download" value="<bean:message key="labels.suggest_elevate_word_button_download"/>" type="submit" /></td>
+											</tr>
+										</tbody>
+									</table>
+								</s:form>
+
+							</div>
+							<%-- Box Footer --%>
+							<div class="box-footer">
+
+							</div>
+						</div>
+					</div>
+				</div>
+
+			</section>
 		</div>
-		<%-- Message: END --%>
 
-			<div>
-				<ul class="pills">
-					<li><s:link href="index">
-						<bean:message key="labels.suggest_elevate_word_link_list" />
-					</s:link></li>
-					<li><s:link href="createpage">
-						<bean:message key="labels.suggest_elevate_word_link_create_new" />
-					</s:link></li>
-					<li class="active"><a href="#">
-						<bean:message key="labels.suggest_elevate_word_link_download" />
-					</a></li>
-					<li><s:link href="uploadpage">
-						<bean:message key="labels.suggest_elevate_word_link_upload" />
-					</s:link></li>
-				</ul>
-			</div>
+		<jsp:include page="/WEB-INF/view/common/admin2/footer.jsp"></jsp:include>
+	</div>
+	<jsp:include page="/WEB-INF/view/common/admin2/foot.jsp"></jsp:include>
+</body>
+</html>
 
-		<%-- Edit Form: BEGIN --%>
-		<s:form>
-			<div>
-				<table class="bordered-table zebra-striped" style="width: 500px;">
-					<tbody>
-						<tr>
-							<th style="vertical-align: middle;"><bean:message
-									key="labels.suggest_elevate_word_file" /></th>
-							<td style="width: 150px;text-align: center;"><input type="submit"
-								class="btn small" name="download"
-								value="<bean:message key="labels.suggest_elevate_word_button_download"/>" />
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-		</s:form>
-		<%-- Edit Form: BEGIN --%>
-	</tiles:put>
-</tiles:insert>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/edit.jsp b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/edit.jsp
index 05006ede0..e6a834de7 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/edit.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/edit.jsp
@@ -1,111 +1,143 @@
-<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><tiles:insert template="/WEB-INF/view/common/admin/layout.jsp"
-	flush="true">
-	<tiles:put name="title">
-		<bean:message key="labels.suggest_elevate_word_configuration" />
-	</tiles:put>
-	<tiles:put name="header" value="/WEB-INF/view/common/admin/header.jsp" />
-	<tiles:put name="footer" value="/WEB-INF/view/common/admin/footer.jsp" />
-	<tiles:put name="menu" value="/WEB-INF/view/common/admin/menu.jsp" />
-	<tiles:put name="menuType" value="suggestElevateWord" />
-	<tiles:put name="headerScript" type="string"></tiles:put>
-	<tiles:put name="body" type="string">
+<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Fess | <bean:message key="labels.suggest_elevate_word_configuration" /></title>
+<jsp:include page="/WEB-INF/view/common/admin2/head.jsp"></jsp:include>
+</head>
+<body class="skin-blue sidebar-mini">
+	<div class="wrapper">
+		<jsp:include page="/WEB-INF/view/common/admin2/header.jsp"></jsp:include>
+		<jsp:include page="/WEB-INF/view/common/admin2/sidebar.jsp">
+			<jsp:param name="menuCategoryType" value="crawl" />
+			<jsp:param name="menuType" value="suggestElevateWord" />
+		</jsp:include>
 
-		<h3>
-			<bean:message key="labels.suggest_elevate_word_title_details" />
-		</h3>
+		<div class="content-wrapper">
 
-		<%-- Message: BEGIN --%>
-		<div>
-			<html:messages id="msg" message="true">
-				<div class="alert-message info"><bean:write name="msg" ignore="true" /></div>
-			</html:messages>
-			<html:errors />
-		</div>
-		<%-- Message: END --%>
-
-			<div>
-				<ul class="pills">
+			<%-- Content Header --%>
+			<section class="content-header">
+				<h1>
+					<bean:message key="labels.suggest_elevate_word_title_details" />
+				</h1>
+				<ol class="breadcrumb">
 					<li><s:link href="index">
 							<bean:message key="labels.suggest_elevate_word_link_list" />
 						</s:link></li>
 					<c:if test="${crudMode == 1}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_create" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_create" /></a></li>
 					</c:if>
 					<c:if test="${crudMode == 2}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_update" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_update" /></a></li>
 					</c:if>
 					<c:if test="${crudMode == 3}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_delete" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_delete" /></a></li>
 					</c:if>
 					<c:if test="${crudMode == 4}">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_confirm" /></a></li>
+						<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_confirm" /></a></li>
 					</c:if>
-					<li><s:link href="downloadpage">
-							<bean:message key="labels.suggest_elevate_word_link_download" />
-						</s:link></li>
-					<li><s:link href="uploadpage">
-							<bean:message key="labels.suggest_elevate_word_link_upload" />
-						</s:link></li>
-				</ul>
-			</div>
+				</ol>
+			</section>
 
-		<%-- Edit Form: BEGIN --%>
-		<s:form>
-			<html:hidden property="crudMode" />
-			<div>
-				<c:if test="${crudMode==2}">
-					<html:hidden property="id" />
-					<html:hidden property="versionNo" />
-				</c:if>
-				<html:hidden property="createdBy" />
-				<html:hidden property="createdTime" />
-				<table class="bordered-table zebra-striped" style="width: 500px;">
-					<tbody>
-						<tr>
-							<th style="width: 150px;"><bean:message
-									key="labels.suggest_elevate_word_suggest_word" /></th>
-							<td><html:text property="suggestWord" style="width:98%;" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_reading" /></th>
-							<td><html:text property="reading" style="width:98%;" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_target_role" /></th>
-							<td><html:text property="targetRole" style="width:98%;" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_target_label" /></th>
-							<td><html:text property="targetLabel" style="width:98%;" /></td>
-						</tr>
-						<tr>
-							<th><bean:message key="labels.suggest_elevate_word_boost" /></th>
-							<td><html:text property="boost" size="4" /></td>
-						</tr>
-					</tbody>
-					<tfoot>
-						<tr>
-							<td colspan="2"><c:if test="${crudMode == 1}">
-									<input type="submit" class="btn small" name="confirmfromcreate"
-										value="<bean:message key="labels.suggest_elevate_word_button_create"/>" />
-									<input type="submit" class="btn small" name="back"
-										value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
-								</c:if> <c:if test="${crudMode == 2}">
-									<input type="submit" class="btn small" name="confirmfromupdate"
-										value="<bean:message key="labels.suggest_elevate_word_button_confirm"/>" />
-									<input type="submit" class="btn small" name="back"
-										value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
-								</c:if></td>
-						</tr>
-					</tfoot>
-				</table>
-			</div>
-		</s:form>
-		<%-- Edit Form: BEGIN --%>
+			<section class="content">
+
+				<%-- Form --%>
+				<s:form>
+					<html:hidden property="crudMode" />
+					<c:if test="${crudMode==2}">
+						<html:hidden property="id" />
+						<html:hidden property="versionNo" />
+					</c:if>
+					<html:hidden property="createdBy" />
+					<html:hidden property="createdTime" />
+					<div class="row">
+						<div class="col-md-12">
+							<div class="box">
+								<%-- Box Header --%>
+								<div class="box-header with-border">
+									<h3 class="box-title">
+										<c:if test="${crudMode == 1}">
+											<bean:message key="labels.suggest_elevate_word_link_create" />
+										</c:if>
+										<c:if test="${crudMode == 2}">
+											<bean:message key="labels.suggest_elevate_word_link_update" />
+										</c:if>
+									</h3>
+									<div class="box-tools pull-right">
+										<span class="label label-default"><s:link href="index">
+												<bean:message key="labels.suggest_elevate_word_link_list" />
+											</s:link></span>
+										<span class="label label-default"><s:link href="createpage">
+											<bean:message key="labels.suggest_elevate_word_link_create_new" />
+											</s:link></span>
+										<span class="label label-default"><s:link href="downloadpage">
+											<bean:message key="labels.suggest_elevate_word_link_download" />
+											</s:link></span>
+										<span class="label label-default"><s:link href="uploadpage">
+											<bean:message key="labels.suggest_elevate_word_link_upload" />
+											</s:link></span>
+									</div>
+								</div>
+								<%-- Box Body --%>
+								<div class="box-body">
+									<%-- Message --%>
+									<div>
+										<html:messages id="msg" message="true">
+											<div class="alert-message info">
+												<bean:write name="msg" ignore="true" />
+											</div>
+										</html:messages>
+										<html:errors />
+									</div>
+
+									<%-- Form Fields --%>
+									<div class="form-group">
+										<label for="word"><bean:message key="labels.suggest_elevate_word_suggest_word" /></label>
+										<html:text property="suggestWord" styleClass="form-control" />
+									</div>
+									<div class="form-group">
+										<label for="reading"><bean:message key="labels.suggest_elevate_word_reading" /></label>
+										<html:text property="reading" styleClass="form-control" />
+									</div>
+									<div class="form-group">
+										<label for="targetRole"><bean:message key="labels.suggest_elevate_word_target_role" /></label>
+										<html:text property="targetRole" styleClass="form-control" />
+									</div>
+									<div class="form-group">
+										<label for="targetLabel"><bean:message key="labels.suggest_elevate_word_target_label" /></label>
+										<html:text property="targetLabel" styleClass="form-control" />
+									</div>
+									<div class="form-group">
+										<label for="boost"><bean:message key="labels.suggest_elevate_word_boost" /></label>
+										<html:text property="boost" styleClass="form-control" />
+									</div>
+								</div>
+								<%-- Box Footer --%>
+								<div class="box-footer">
+									<c:if test="${crudMode == 1}">
+										<input type="submit" class="btn" name="back" value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
+										<input type="submit" class="btn btn-primary" name="confirmfromcreate"
+											value="<bean:message key="labels.suggest_elevate_word_button_create"/>"
+										/>
+									</c:if>
+									<c:if test="${crudMode == 2}">
+										<input type="submit" class="btn" name="back" value="<bean:message key="labels.suggest_elevate_word_button_back"/>" />
+										<input type="submit" class="btn btn-primary" name="confirmfromupdate"
+											value="<bean:message key="labels.suggest_elevate_word_button_confirm"/>"
+										/>
+									</c:if>
+								</div>
+							</div>
+						</div>
+					</div>
+				</s:form>
+
+			</section>
+		</div>
+
+		<jsp:include page="/WEB-INF/view/common/admin2/footer.jsp"></jsp:include>
+	</div>
+	<jsp:include page="/WEB-INF/view/common/admin2/foot.jsp"></jsp:include>
+</body>
+</html>
 
-	</tiles:put>
-</tiles:insert>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/error.jsp b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/error.jsp
index 2949384b2..b523b8bad 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/error.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/error.jsp
@@ -1,17 +1,50 @@
-<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><tiles:insert template="/WEB-INF/view/common/admin/layout.jsp" flush="true">
-	<tiles:put name="title"><bean:message key="labels.suggest_elevate_word_configuration" /></tiles:put>
-	<tiles:put name="header" value="/WEB-INF/view/common/admin/header.jsp" />
-	<tiles:put name="footer" value="/WEB-INF/view/common/admin/footer.jsp" />
-	<tiles:put name="menu" value="/WEB-INF/view/common/admin/menu.jsp" />
-	<tiles:put name="menuType" value="suggestElevateWord" />
-	<tiles:put name="headerScript" type="string"></tiles:put>
-	<tiles:put name="body" type="string">
+<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Fess | <bean:message key="labels.suggest_elevate_word_configuration" /></title>
+<jsp:include page="/WEB-INF/view/common/admin2/head.jsp"></jsp:include>
+</head>
+<body class="skin-blue sidebar-mini">
+	<div class="wrapper">
+		<jsp:include page="/WEB-INF/view/common/admin2/header.jsp"></jsp:include>
+		<jsp:include page="/WEB-INF/view/common/admin2/sidebar.jsp">
+			<jsp:param name="menuCategoryType" value="crawl" />
+			<jsp:param name="menuType" value="suggestElevateWord" />
+		</jsp:include>
 
-<div id="main">
-<html:errors/>
-<br>
-<s:link href="index"><bean:message key="labels.suggest_elevate_word_button_back"/></s:link>
-</div>
+		<div class="content-wrapper">
+			<section class="content-header">
+				<h1>
+					<bean:message key="labels.wizard_start_title" />
+				</h1>
+				<ol class="breadcrumb">
+					<li class="active"><s:link href="/admin/suggestElevateWord/">
+							<bean:message key="labels.suggest_elevate_word_link_list" />
+						</s:link></li>
+				</ol>
+			</section>
 
-	</tiles:put>
-</tiles:insert>
+			<section class="content">
+
+				<div class="callout callout-danger lead">
+					<h4>Error</h4>
+					<p>
+						<html:errors />
+					</p>
+					<p>
+						<s:link href="index">
+							<bean:message key="labels.suggest_elevate_word_button_back" />
+						</s:link>
+					</p>
+				</div>
+
+			</section>
+		</div>
+
+		<jsp:include page="/WEB-INF/view/common/admin2/footer.jsp"></jsp:include>
+
+	</div>
+	<jsp:include page="/WEB-INF/view/common/admin2/foot.jsp"></jsp:include>
+</body>
+</html>
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/index.jsp b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/index.jsp
index ef660bab7..afab804b3 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/index.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/index.jsp
@@ -1,120 +1,135 @@
-<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><tiles:insert template="/WEB-INF/view/common/admin/layout.jsp"
-	flush="true">
-	<tiles:put name="title">
-		<bean:message key="labels.suggest_elevate_word_configuration" />
-	</tiles:put>
-	<tiles:put name="header" value="/WEB-INF/view/common/admin/header.jsp" />
-	<tiles:put name="footer" value="/WEB-INF/view/common/admin/footer.jsp" />
-	<tiles:put name="menu" value="/WEB-INF/view/common/admin/menu.jsp" />
-	<tiles:put name="menuType" value="suggestElevateWord" />
-	<tiles:put name="headerScript" type="string"></tiles:put>
-	<tiles:put name="body" type="string">
+<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Fess | <bean:message key="labels.suggest_elevate_word_configuration" /></title>
+<jsp:include page="/WEB-INF/view/common/admin2/head.jsp"></jsp:include>
+</head>
+<body class="skin-blue sidebar-mini">
+	<div class="wrapper">
+		<jsp:include page="/WEB-INF/view/common/admin2/header.jsp"></jsp:include>
+		<jsp:include page="/WEB-INF/view/common/admin2/sidebar.jsp">
+			<jsp:param name="menuCategoryType" value="crawl" />
+			<jsp:param name="menuType" value="suggestElevateWord" />
+		</jsp:include>
 
-		<h3>
-			<bean:message key="labels.suggest_elevate_word_title_list" />
-		</h3>
+		<div class="content-wrapper">
 
-		<%-- Message: BEGIN --%>
-		<div>
-			<html:messages id="msg" message="true">
-				<div class="alert-message info"><bean:write name="msg" ignore="true" /></div>
-			</html:messages>
-			<html:errors />
-		</div>
-		<%-- Message: END --%>
-
-		<%-- List: BEGIN --%>
-		<div class="list-table">
-			<div>
-				<ul class="pills">
-					<li class="active"><a href="#"><bean:message
-								key="labels.suggest_elevate_word_link_list" /></a></li>
-					<li><s:link href="createpage">
-							<bean:message key="labels.suggest_elevate_word_link_create_new" />
+			<%-- Content Header --%>
+			<section class="content-header">
+				<h1>
+					<bean:message key="labels.suggest_elevate_word_configuration" />
+				</h1>
+				<ol class="breadcrumb">
+					<li class="active"><s:link href="index">
+							<bean:message key="labels.suggest_elevate_word_link_list" />
 						</s:link></li>
-					<li><s:link href="downloadpage">
-							<bean:message key="labels.suggest_elevate_word_link_download" />
-						</s:link></li>
-					<li><s:link href="uploadpage">
-							<bean:message key="labels.suggest_elevate_word_link_upload" />
-						</s:link></li>
-				</ul>
-			</div>
-			<c:if test="${suggestElevateWordPager.allRecordCount == 0}">
-				<p class="alert-message warning">
-					<bean:message key="labels.list_could_not_find_crud_table" />
-				</p>
-			</c:if>
-			<c:if test="${suggestElevateWordPager.allRecordCount > 0}">
-				<table class="bordered-table zebra-striped">
-					<thead>
-						<tr>
-							<th style="text-align: center;"><bean:message
-									key="labels.suggest_elevate_word_list_suggest_word" /></th>
-							<th style="text-align: center; width: 120px;">&nbsp;</th>
-						</tr>
-					</thead>
-					<tbody>
-						<c:forEach var="data" varStatus="s" items="${suggestElevateWordItems}">
-							<tr class="${s.index % 2 == 0 ? 'row1' : 'row2'}">
-								<td style="overflow-x: auto;">${f:h(data.suggestWord)}</td>
-								<td style="text-align: center;"><s:link
-										href="confirmpage/4/${f:u(data.id)}">
-										<bean:message key="labels.suggest_elevate_word_link_details" />
-									</s:link> <s:link href="editpage/2/${f:u(data.id)}">
-										<bean:message key="labels.suggest_elevate_word_link_edit" />
-									</s:link> <s:link href="deletepage/3/${f:u(data.id)}">
-										<bean:message key="labels.suggest_elevate_word_link_delete" />
-									</s:link></td>
-							</tr>
-						</c:forEach>
-					</tbody>
-				</table>
-				<%-- Page Navigation: BEGIN --%>
-				<div class="row center">
-					<div class="pagination">
-						<ul>
-							<c:if test="${suggestElevateWordPager.existPrePage}">
-								<li class="prev"><s:link
-										href="list/${suggestElevateWordPager.currentPageNumber - 1}">
-										<bean:message key="labels.suggest_elevate_word_link_prev_page" />
-									</s:link></li>
-							</c:if>
-							<c:if test="${!suggestElevateWordPager.existPrePage}">
-								<li class="prev disabled"><a href="#"><bean:message
-											key="labels.suggest_elevate_word_link_prev_page" /></a></li>
-							</c:if>
-							<c:forEach var="p" varStatus="s"
-								items="${suggestElevateWordPager.pageNumberList}">
-								<li
-									<c:if test="${p == suggestElevateWordPager.currentPageNumber}">class="active"</c:if>>
-									<s:link href="list/${p}">${p}</s:link>
-								</li>
-							</c:forEach>
-							<c:if test="${suggestElevateWordPager.existNextPage}">
-								<li class="next"><s:link
-										href="list/${suggestElevateWordPager.currentPageNumber + 1}">
-										<bean:message key="labels.suggest_elevate_word_link_next_page" />
-									</s:link></li>
-							</c:if>
-							<c:if test="${!suggestElevateWordPager.existNextPage}">
-								<li class="next disabled"><a href="#"><bean:message
-											key="labels.suggest_elevate_word_link_next_page" /></a></li>
-							</c:if>
-						</ul>
-					</div>
+				</ol>
+			</section>
 
-					<div>
-						<span><bean:message key="labels.pagination_page_guide_msg"
-								arg0="${f:h(suggestElevateWordPager.currentPageNumber)}"
-								arg1="${f:h(suggestElevateWordPager.allPageCount)}"
-								arg2="${f:h(suggestElevateWordPager.allRecordCount)}" /></span>
+			<section class="content">
+
+				<div class="row">
+					<div class="col-md-12">
+						<div class="box">
+							<%-- Box Header --%>
+							<div class="box-header with-border">
+								<h3 class="box-title">
+									<bean:message key="labels.suggest_elevate_word_link_list" />
+								</h3>
+								<div class="box-tools pull-right">
+									<span class="label label-default"><s:link href="index">
+										<bean:message key="labels.suggest_elevate_word_link_list" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="createpage">
+										<bean:message key="labels.suggest_elevate_word_link_create_new" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="downloadpage">
+										<bean:message key="labels.suggest_elevate_word_link_download" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="uploadpage">
+										<bean:message key="labels.suggest_elevate_word_link_upload" />
+										</s:link></span>
+								</div>
+							</div>
+							<%-- Box Body --%>
+							<div class="box-body">
+								<%-- Message --%>
+								<div>
+									<html:messages id="msg" message="true">
+										<div class="alert-message info">
+											<bean:write name="msg" ignore="true" />
+										</div>
+									</html:messages>
+									<html:errors />
+								</div>
+
+								<%-- List --%>
+								<c:if test="${suggestElevateWordPager.allRecordCount == 0}">
+									<p class="alert-message warning">
+										<bean:message key="labels.list_could_not_find_crud_table" />
+									</p>
+								</c:if>
+								<c:if test="${suggestElevateWordPager.allRecordCount > 0}">
+									<table class="table table-bordered table-striped">
+										<thead>
+											<tr>
+												<th><bean:message key="labels.suggest_elevate_word_list_suggest_word" /></th>
+											</tr>
+										</thead>
+										<tbody>
+											<c:forEach var="data" varStatus="s" items="${suggestElevateWordItems}">
+												<tr class="${s.index % 2 == 0 ? 'row1' : 'row2'}" data-href="confirmpage/4/${f:u(data.id)}">
+													<td style="overflow-x: auto;">${f:h(data.suggestWord)}</td>
+												</tr>
+											</c:forEach>
+										</tbody>
+									</table>
+								</c:if>
+
+							</div>
+							<%-- Box Footer --%>
+							<div class="box-footer">
+								<%-- Paging Info --%>
+								<span><bean:message key="labels.pagination_page_guide_msg" arg0="${f:h(suggestElevateWordPager.currentPageNumber)}"
+										arg1="${f:h(suggestElevateWordPager.allPageCount)}" arg2="${f:h(suggestElevateWordPager.allRecordCount)}"
+									/></span>
+
+								<%-- Paging Navigation --%>
+								<ul class="pagination pagination-sm no-margin pull-right">
+									<c:if test="${suggestElevateWordPager.existPrePage}">
+										<li class="prev"><s:link href="list/${suggestElevateWordPager.currentPageNumber - 1}">
+												<bean:message key="labels.suggest_elevate_word_link_prev_page" />
+											</s:link></li>
+									</c:if>
+									<c:if test="${!suggestElevateWordPager.existPrePage}">
+										<li class="prev disabled"><a href="#"><bean:message key="labels.suggest_elevate_word_link_prev_page" /></a></li>
+									</c:if>
+									<c:forEach var="p" varStatus="s" items="${suggestElevateWordPager.pageNumberList}">
+										<li <c:if test="${p == suggestElevateWordPager.currentPageNumber}">class="active"</c:if>><s:link href="list/${p}">${p}</s:link>
+										</li>
+									</c:forEach>
+									<c:if test="${suggestElevateWordPager.existNextPage}">
+										<li class="next"><s:link href="list/${suggestElevateWordPager.currentPageNumber + 1}">
+												<bean:message key="labels.suggest_elevate_word_link_next_page" />
+											</s:link></li>
+									</c:if>
+									<c:if test="${!suggestElevateWordPager.existNextPage}">
+										<li class="next disabled"><a href="#"><bean:message key="labels.suggest_elevate_word_link_next_page" /></a></li>
+									</c:if>
+								</ul>
+
+							</div>
+						</div>
 					</div>
 				</div>
-				<%-- Page Navigation: END --%>
-			</c:if>
-		</div>
-		<%-- List: END --%>
 
-	</tiles:put>
-</tiles:insert>
+			</section>
+		</div>
+
+		<jsp:include page="/WEB-INF/view/common/admin2/footer.jsp"></jsp:include>
+	</div>
+	<jsp:include page="/WEB-INF/view/common/admin2/foot.jsp"></jsp:include>
+</body>
+</html>
+
diff --git a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/upload.jsp b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/upload.jsp
index 1dcf8f7ad..22279473c 100644
--- a/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/upload.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/suggestElevateWord/upload.jsp
@@ -1,68 +1,93 @@
-<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><tiles:insert template="/WEB-INF/view/common/admin/layout.jsp"
-	flush="true">
-	<tiles:put name="title">
-		<bean:message key="labels.suggest_elevate_word_configuration" />
-	</tiles:put>
-	<tiles:put name="header" value="/WEB-INF/view/common/admin/header.jsp" />
-	<tiles:put name="footer" value="/WEB-INF/view/common/admin/footer.jsp" />
-	<tiles:put name="menu" value="/WEB-INF/view/common/admin/menu.jsp" />
-	<tiles:put name="menuType" value="suggestElevateWord" />
-	<tiles:put name="headerScript" type="string"></tiles:put>
-	<tiles:put name="body" type="string">
+<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Fess | <bean:message key="labels.suggest_elevate_word_configuration" /></title>
+<jsp:include page="/WEB-INF/view/common/admin2/head.jsp"></jsp:include>
+</head>
+<body class="skin-blue sidebar-mini">
+	<div class="wrapper">
+		<jsp:include page="/WEB-INF/view/common/admin2/header.jsp"></jsp:include>
+		<jsp:include page="/WEB-INF/view/common/admin2/sidebar.jsp">
+			<jsp:param name="menuCategoryType" value="crawl" />
+			<jsp:param name="menuType" value="suggestElevateWord" />
+		</jsp:include>
 
-		<h3>
-			<bean:message key="labels.suggest_elevate_word_title_list" />
-		</h3>
+		<div class="content-wrapper">
 
-		<%-- Message: BEGIN --%>
-		<div>
-			<html:messages id="msg" message="true">
-				<div class="alert-message info"><bean:write name="msg" ignore="true" /></div>
-			</html:messages>
-			<html:errors />
+			<%-- Content Header --%>
+			<section class="content-header">
+				<h1>
+					<bean:message key="labels.suggest_elevate_word_configuration" />
+				</h1>
+				<ol class="breadcrumb">
+					<li class="active"><s:link href="index">
+							<bean:message key="labels.suggest_elevate_word_link_list" />
+						</s:link></li>
+					<li class="active"><a href="#"><bean:message key="labels.suggest_elevate_word_link_upload" /></a></li>
+				</ol>
+			</section>
+
+			<section class="content">
+
+				<div class="row">
+					<div class="col-md-12">
+						<div class="box">
+							<%-- Box Header --%>
+							<div class="box-header with-border">
+								<h3 class="box-title">
+									<bean:message key="labels.suggest_elevate_word_link_upload" />
+								</h3>
+								<div class="box-tools pull-right">
+									<span class="label label-default"><s:link href="index">
+										<bean:message key="labels.suggest_elevate_word_link_list" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="createpage">
+										<bean:message key="labels.suggest_elevate_word_link_create_new" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="downloadpage">
+										<bean:message key="labels.suggest_elevate_word_link_download" />
+										</s:link></span>
+									<span class="label label-default"><s:link href="uploadpage">
+										<bean:message key="labels.suggest_elevate_word_link_upload" />
+										</s:link></span>
+								</div>
+							</div>
+							<%-- Box Body --%>
+							<div class="box-body">
+								<s:form action="upload" enctype="multipart/form-data">
+									<table class="table table-bordered">
+										<tbody>
+											<tr>
+												<th class="col-xs-2"><bean:message key="labels.suggest_elevate_word_file" /></th>
+												<td><input type="file" name="suggestElevateWordFile" /></td>
+											</tr>
+										</tbody>
+										<tfoot>
+											<tr>
+												<td colspan="2">
+													<input type="submit" name="upload" value="<bean:message key="labels.suggest_elevate_word_button_upload"/>" />
+												</td>
+											</tr>
+										</tfoot>
+									</table>
+								</s:form>
+
+							</div>
+							<%-- Box Footer --%>
+							<div class="box-footer">
+
+							</div>
+						</div>
+					</div>
+				</div>
+
+			</section>
 		</div>
-		<%-- Message: END --%>
 
-			<div>
-				<ul class="pills">
-					<li><s:link href="index">
-						<bean:message key="labels.suggest_elevate_word_link_list" />
-					</s:link></li>
-					<li><s:link href="createpage">
-						<bean:message key="labels.suggest_elevate_word_link_create_new" />
-					</s:link></li>
-					<li><s:link href="downloadpage">
-						<bean:message key="labels.suggest_elevate_word_link_download" />
-					</s:link></li>
-					<li class="active"><a href="#">
-						<bean:message key="labels.suggest_elevate_word_link_upload" />
-					</a></li>
-				</ul>
-			</div>
+		<jsp:include page="/WEB-INF/view/common/admin2/footer.jsp"></jsp:include>
+	</div>
+	<jsp:include page="/WEB-INF/view/common/admin2/foot.jsp"></jsp:include>
+</body>
+</html>
 
- 	 	<%-- Edit Form: BEGIN --%>
-		<s:form action="upload" enctype="multipart/form-data">
-			<div>
-				<table class="bordered-table zebra-striped" style="width: 500px;">
-					<tbody>
-						<tr>
-							<th style="width: 150px; vertical-align: middle;"><bean:message
-									key="labels.suggest_elevate_word_file" /></th>
-							<td><input type="file"
-									   name="suggestElevateWordFile" style="width: 98%;" /></td>
-						</tr>
- 	 	 	 	 	</tbody>
- 	 	 	 	 	<tfoot>
-						<tr>
-							<td colspan="2">
-								<input type="submit" class="btn small" name="upload"
-									   value="<bean:message key="labels.suggest_elevate_word_button_upload"/>" />
-							</td>
-						</tr>
- 	 	 	 	 	</tfoot>
- 	 	 	 	</table>
- 	 	 	</div>
- 	 	</s:form>
- 	 	<%-- Edit Form: BEGIN --%>
-	</tiles:put>
-</tiles:insert>
diff --git a/src/main/webapp/WEB-INF/view/admin/systemInfo/index.jsp b/src/main/webapp/WEB-INF/view/admin/systemInfo/index.jsp
index 51b89bfb5..47f0dac7d 100644
--- a/src/main/webapp/WEB-INF/view/admin/systemInfo/index.jsp
+++ b/src/main/webapp/WEB-INF/view/admin/systemInfo/index.jsp
@@ -1,103 +1,103 @@
-<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><tiles:insert template="/WEB-INF/view/common/admin/layout.jsp"
-	flush="true">
-	<tiles:put name="title">
-		<bean:message key="labels.system_info_configuration" />
-	</tiles:put>
-	<tiles:put name="header" value="/WEB-INF/view/common/admin/header.jsp" />
-	<tiles:put name="footer" value="/WEB-INF/view/common/admin/footer.jsp" />
-	<tiles:put name="menu" value="/WEB-INF/view/common/admin/menu.jsp" />
-	<tiles:put name="menuType" value="systemInfo" />
-	<tiles:put name="headerScript" type="string"></tiles:put>
-	<tiles:put name="body" type="string">
+<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Fess | <bean:message key="labels.system_info_configuration" /></title>
+<jsp:include page="/WEB-INF/view/common/admin2/head.jsp"></jsp:include>
+</head>
+<body class="skin-blue sidebar-mini">
+	<div class="wrapper">
+		<jsp:include page="/WEB-INF/view/common/admin2/header.jsp"></jsp:include>
+		<jsp:include page="/WEB-INF/view/common/admin2/sidebar.jsp">
+			<jsp:param name="menuCategoryType" value="crawl" />
+			<jsp:param name="menuType" value="systemInfo" />
+		</jsp:include>
 
-		<div id="main">
+		<div class="content-wrapper">
 
-		<%-- Message: BEGIN --%>
-		<div>
-			<html:messages id="msg" message="true">
-				<div class="alert-message info"><bean:write name="msg" ignore="true" /></div>
-			</html:messages>
-			<html:errors />
-		</div>
-		<%-- Message: END --%>
+			<%-- Content Header --%>
+			<section class="content-header">
+				<h1>
+					<bean:message key="labels.system_info_configuration" />
+				</h1>
+			</section>
 
-			<div>
-				<h4>
-					<bean:message key="labels.system_info_env_title" />
-				</h4>
-				<table>
-					<tbody>
-						<tr>
-							<td><textarea id="envData"
-									style="height: 300px;" class="xxlarge">
-<c:forEach var="item" items="${envItems}">${f:h(item.label)}=${f:h(item.value)}
-</c:forEach>
-								</textarea></td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
+			<section class="content">
 
-			<div style="margin-top: 5px;">
-				<h4>
-					<bean:message key="labels.system_info_prop_title" />
-				</h4>
-				<table>
-					<tbody>
-						<tr>
-							<td><textarea id="propData"
-									style="height: 300px;" class="xxlarge">
-<c:forEach var="item" items="${propItems}">${f:h(item.label)}=${f:h(item.value)}
-</c:forEach>
-								</textarea></td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-
-			<div style="margin-top: 5px;">
-				<h4>
-					<bean:message key="labels.system_info_fess_prop_title" />
-				</h4>
-				<table>
-					<tbody>
-						<tr>
-<c:if test="${empty fessPropItems}">
-							<td><textarea id="fessPropData"
-									style="height: 300px;" class="xxlarge">
-<bean:message key="labels.system_info_crawler_properties_does_not_exist" />
-							    </textarea></td>
-</c:if>
-<c:if test="${!empty fessPropItems}">
-							<td><textarea id="fessPropData"
-									style="height: 300px;" class="xxlarge">
-<c:forEach var="item" items="${fessPropItems}">${f:h(item.label)}=${f:h(item.value)}
-</c:forEach>
-								</textarea></td>
-</c:if>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-
-			<div style="margin-top: 5px;">
-				<h4>
-					<bean:message key="labels.system_info_bug_report_title" />
-				</h4>
-				<table>
-					<tbody>
-						<tr>
-							<td><textarea id="bugReportData"
-									style="height: 300px;" class="xxlarge">
-<c:forEach var="item" items="${bugReportItems}">${f:h(item.label)}=${f:h(item.value)}
-</c:forEach>
-								</textarea></td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
+				<div class="row">
+					<div class="col-md-12">
+						<div class="box">
+							<%-- Box Header --%>
+							<div class="box-header with-border">
+								<h3 class="box-title">
+									<bean:message key="labels.system_info_env_title" />
+								</h3>
+							</div>
+							<%-- Box Body --%>
+							<div class="box-body">
+								<textarea id="envData" style="height: 300px;" class="form-control">
+									<c:forEach var="item" items="${envItems}">${f:h(item.label)}=${f:h(item.value)}</c:forEach>
+								</textarea>
+							</div>
+						</div>
+						<div class="box">
+							<%-- Box Header --%>
+							<div class="box-header with-border">
+								<h3 class="box-title">
+									<bean:message key="labels.system_info_prop_title" />
+								</h3>
+							</div>
+							<%-- Box Body --%>
+							<div class="box-body">
+								<textarea id="propData" style="height: 300px;" class="form-control">
+									<c:forEach var="item" items="${propItems}">${f:h(item.label)}=${f:h(item.value)}</c:forEach>
+								</textarea>
+							</div>
+						</div>
+						<div class="box">
+							<%-- Box Header --%>
+							<div class="box-header with-border">
+								<h3 class="box-title">
+									<bean:message key="labels.system_info_fess_prop_title" />
+								</h3>
+							</div>
+							<%-- Box Body --%>
+							<div class="box-body">
+								<c:if test="${empty fessPropItems}">
+									<textarea id="fessPropData" style="height: 300px;" class="form-control">
+										<bean:message key="labels.system_info_crawler_properties_does_not_exist" />
+									</textarea>
+								</c:if>
+								<c:if test="${!empty fessPropItems}">
+									<textarea id="fessPropData" style="height: 300px;" class="form-control">
+										<c:forEach var="item" items="${fessPropItems}">${f:h(item.label)}=${f:h(item.value)}</c:forEach>
+									</textarea>
+								</c:if>
+							</div>
+						</div>
+						<div class="box">
+							<%-- Box Header --%>
+							<div class="box-header with-border">
+								<h3 class="box-title">
+									<bean:message key="labels.system_info_bug_report_title" />
+								</h3>
+							</div>
+							<%-- Box Body --%>
+							<div class="box-body">
+								<textarea id="bugReportData" style="height: 300px;" class="form-control">
+									<c:forEach var="item" items="${bugReportItems}">${f:h(item.label)}=${f:h(item.value)}</c:forEach>
+								</textarea>
+							</div>
+						</div>
+					</div>
+				</div>
 
+			</section>
 		</div>
 
-	</tiles:put>
-</tiles:insert>
+		<jsp:include page="/WEB-INF/view/common/admin2/footer.jsp"></jsp:include>
+	</div>
+	<jsp:include page="/WEB-INF/view/common/admin2/foot.jsp"></jsp:include>
+</body>
+</html>
+