diff --git a/modules/menu/tpl/css/mmenu.css b/modules/menu/tpl/css/mmenu.css
index 2f52eb5d8..68f8d27e5 100644
--- a/modules/menu/tpl/css/mmenu.css
+++ b/modules/menu/tpl/css/mmenu.css
@@ -1,11 +1,18 @@
-/* Body */
-.bd{position:relative;overflow:hidden;clear:both}
-/* GNB */
-.gn,.gn ul{margin:0;padding:0;list-style:none}
-.gn li{margin:-1px 0;border:1px solid #999;border-left:0;border-right:0;vertical-align:top}
-.gn li a{display:block;text-decoration:none;height:45px;line-height:45px;padding:0 10px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.gn li a em{font-weight:normal;color:#f60;font-size:12px}
-.gn li a:visited{color:#666}
-.gn li li a{padding:0 10px 0 20px}
-.gn li li li a{padding:0 10px 0 30px}
-.gn li li li li a{padding:0 10px 0 50px}
+@charset "utf-8";
+/* Mobile XE (/menu/tpl/menu.html) */
+.bd{background:#f8f8f8;padding:1px 0}
+/* Global Navigation */
+.gn{margin:0;padding:0;list-style:none;background:#d3d1cc}
+.gn li{background:#d3d1cc;border:1px solid #a3a09a;border-left:0;border-right:0;margin:0 0 -1px 0}
+.gn li li{background:#f8f8f8;border:1px solid #c9c9c9;border-left:0;border-right:0}
+.gn ul{margin:0 0 -1px 0;padding:0;list-style:none}
+.gn a{position:relative;text-decoration:none;display:block;padding:10px;font-size:16px}
+.gn li a{color:#333}
+.gn li a:after{position:absolute;top:7px;right:10px;content:"›";color:#888;font-size:18px;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
+.gn li li a:before{content:"";display:inline-block;width:6px;height:6px;border:1px dotted #666;border-top:0;border-right:0;margin:0 4px 0 0;vertical-align:top}
+.gn li li a{padding-left:15px}
+.gn li li li a{padding-left:30px}
+.gn li li li li a{padding-left:45px}
+.gn li li li li li a{padding-left:60px}
+.gn em{color:#f63;font-size:12px}
+
diff --git a/modules/menu/tpl/menu.html b/modules/menu/tpl/menu.html
index e75429cfb..4aaf5a6b6 100644
--- a/modules/menu/tpl/menu.html
+++ b/modules/menu/tpl/menu.html
@@ -1,30 +1,30 @@
-<!--%import("css/mmenu.css")-->
-<div class="bd">
-<ul class="gn">
-	{@ $start = true }
-	{@ $depth = 0 }
-	<!--@foreach($menu as $val)-->
-	<!--@if(!$start && $val->depth == $depth)-->
-	</li>
-	<!--@end-->
-	<!--@if($val->depth > $depth)--> 
-	<ul>
-	<!--@else-->
-	<!--@while($val->depth < $depth)-->
-	</li>
-	</ul>
-	{@ $depth -= 1}
-	<!--@end-->
-	<!--@endif-->
-	<li><a href="{$val->href}" >&raquo; {$val->text}</a>
-		{@ $start = false }
-		{@ $depth = $val->depth }
-	<!--@end-->
-	<!--@while($depth > 0)-->
-	</li>
-	</ul>
-	{@ $depth -= 1}
-	<!--@end-->
-	</li>
-</ul>
-</div>
+<!--%import("css/mmenu.css")-->
+<div class="bd">
+	<ul class="gn">
+		{@ $start = true }
+		{@ $depth = 0 }
+		<!--@foreach($menu as $val)-->
+		<!--@if(!$start && $val->depth == $depth)-->
+		</li>
+		<!--@end-->
+		<!--@if($val->depth > $depth)--> 
+		<ul>
+		<!--@else-->
+		<!--@while($val->depth < $depth)-->
+		</li>
+		</ul>
+		{@ $depth -= 1}
+		<!--@end-->
+		<!--@endif-->
+		<li><a href="{$val->href}" >{$val->text}</a>
+			{@ $start = false }
+			{@ $depth = $val->depth }
+		<!--@end-->
+		<!--@while($depth > 0)-->
+		</li>
+		</ul>
+		{@ $depth -= 1}
+		<!--@end-->
+		</li>
+	</ul>
+</div>