diff --git a/modules/menu/tpl/css/sitemap.css b/modules/menu/tpl/css/sitemap.css
index af46c8cbc..412cc3371 100644
--- a/modules/menu/tpl/css/sitemap.css
+++ b/modules/menu/tpl/css/sitemap.css
@@ -232,6 +232,9 @@ body>.x{max-width:none !important}
 #layout li ul._edit_menu {display:none}
 #layout li.selected ul._edit_menu {display:block}
 #layout .x_btn-group{border-top:1px solid #ddd;padding:10px 0}
+#layout .list{position:relative}
+#layout .mask{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;opacity:.5;filter:alpha(opacity=50);z-index:99}
+#layout .disabled>.mask{display:block}
 /* Message Box */
 #msgBox {width:600px;margin-left:-300px}
 #msgBox._small {width:400px;margin-left:-200px}
diff --git a/modules/menu/tpl/sitemap.html b/modules/menu/tpl/sitemap.html
index 2c71d0a85..8dced48ee 100644
--- a/modules/menu/tpl/sitemap.html
+++ b/modules/menu/tpl/sitemap.html
@@ -364,13 +364,13 @@
 						<script id="tmpl_layout_list_item_no_layout" type="text/x-jquery-tmpl">
 						<li class="${Selected} _layoutItem">
 							<label>
-								<input type="radio" name="layout_item" title="{$lang->no_use_layout}"> {$lang->no_use_layout}
+								<input type="radio" disabled="disabled" name="layout_item" title="{$lang->no_use_layout}"> {$lang->no_use_layout}
 							</label>
 						</li>
 						</script>
 						<script id="tmpl_layout_list_item" type="text/x-jquery-tmpl">
 						<li class="${Selected} _layoutItem">
-							<label><input type="radio" name="layout_item" title="${Title}"> ${Title}</label>
+							<label><input type="radio" disabled="disabled" name="layout_item" title="${Title}"> ${Title}</label>
 							<button type="button" class="item _btnScreenshot" title="{$lang->about_apply_layout}">
 								<img src="${ScreenShotURL}">
 							</button>
@@ -383,8 +383,9 @@
 						</li>
 						</script>
 					</ul>
-					<a href="#downloadLayout" data-admin-show="#downloadLayout" class="x_btn x_btn-link" style="position:absolute;right:5px;bottom:4px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->install_other_layouts}</a>
+					<i class="mask"></i>
 				</div>
+				<a href="#downloadLayout" data-admin-show="#downloadLayout" class="x_btn x_btn-link" style="position:absolute;right:5px;bottom:4px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->install_other_layouts}</a>
 			</div>
 		</form>
 		<button type="button" class="x_close" data-admin-hide="#layout">&times;</button>
@@ -2769,7 +2770,7 @@ jQuery(function($){
 			return;
 		}
 
-		$('#layout .list').hide();
+		$('#layout .list').show();
 		
 		var htDesign = $._xeAdminVar.htSelectedMenuDesign;
 		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
@@ -2798,14 +2799,13 @@ jQuery(function($){
 	function updateLayoutListDisplayStatus(){
 		$ChkBox = $('#layout ._chkUseDefaultLayout');
 		if($ChkBox.attr('checked')){
-			$('#layout .list').hide();
-			
+			$('#layout .list').addClass('disabled').find(':radio').attr('disabled','disabled');
 			updatePreview({
 				sLayoutSrl : -1,
 				htLayoutData : {}
 			});
 		}else{
-			$('#layout .list').show();
+			$('#layout .list').removeClass('disabled').find(':radio').removeAttr('disabled');
 		}
 	}
 	// sType: "P", "M" (PC/Mobile)