/* 搜尋結果 list */
	.list-block{
		font-family: "微軟正黑體";
		font-weight: normal;
		color: #666;
	    border-radius: 5px;
		padding :0;
		margin:2px;
	}
	.list-block .table--detail-list{
		border: 0;	word-break: break-all ; border-spacing:.3em ; border-collapse: collapse;
		margin :0 ;
	}
	.list-block .table--detail-list tr{
	    position: relative;
	    border-color: #e6e6e6;
	    border-width: 1px 0 1px 0;
	    border-style: solid;
	    border-radius: 5px;
	    margin :2px;
	}
	.list-block .table--detail-list tr:hover{
/* 	    background-color: #f4f4f4; */
/* 		background: linear-gradient(to left, #ffffff 90%, #f4f4f4 10%); */
/* 		background: linear-gradient(90deg, #f4f4f4 1% ,#ffffff 90%  ); */
		background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ff9595), color-stop(2%,#fff), color-stop(0%,#fff8f8));
	    cursor:pointer; 
	}
	.list-block .table--detail-list tr td{
	    padding :3px;
	}
	.btn--control-fn{ 
		opacity: 0;
		cursor:pointer;
	}
	.list-block .table--detail-list tr td:hover .btn--control-fn{
	  	visibility: visible;
		opacity: 1; 
	}
	
	/* 結果列表 scroll bar style */
	#cooperateMap_list_life tbody::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	    background-color: #F5F5F5;
	}
	#cooperateMap_list_life tbody::-webkit-scrollbar {
	    width: 6px;
	    background-color: #F5F5F5;
	    float : right;
	    background: transparent;
	} 
	#cooperateMap_list_life tbody::-webkit-scrollbar-thumb {
	    background-color: #c2c2c2;
	    float : right;
	}	
	
	

	/* 檢視編輯 */
	.btn--control-detail_v{
		position: relative; margin-top: -60px; right: 241px; float:right;
		font-size: .7em;color:red;
	}
	.btn--control-detail_h{
		position: absolute; top: -5px; right: 5px; float:right;
		font-size: .7em;color:red;
	}
	
	/* 申請協作 */
	.btn--control-apply_v{
		position: relative; margin-top: -60px; right: 160px; float:right;
		font-size: .7em;color:red;
	}
	.btn--control-apply_h{
		position: absolute; top: 12px; right: 5px; float:right;
		font-size: .7em;color:red;
	}
	
	/* 加入收藏 */
	.btn--control-addCollection_v{
		position: relative; margin-top: -60px; right: 80px; float:right;
		font-size: .7em;color:red;
	}
	.btn--control-addCollection_h{
		position: absolute; top: 30px; right: 5px; float:right;
		font-size: .7em;color:red;
	} 
	/* 發起者*/
	.icon--creator_v{
		position: relative; margin-top: -50px; right: 10px; float:right;
		font-size: .6em;color:#0097ff;opacity:.9;
		z-index:99;
	}
	.icon--creator_h{
		position: absolute; top: 5px; right: 7px; float:right;
		font-size: .6em;color:#0097ff;opacity:.9;
		z-index:99;
	}
		
	/* 參與協作 */
	.icon--cooperate_v{
		position: relative; margin-top: -50px; right: 5px; float:right;
		font-size: .6em;color:#0097ff;opacity:.9;
		z-index:99; 
	}
	.icon--cooperate_h{
		position: absolute; top: 5px; right: 3px; float:right;
		font-size: .6em;color:#0097ff;opacity:.9;
		z-index:99;
	}
		
	/* 己審核 */
	.icon--certificate_v{
		position: relative; margin-top: -50px; right: 30px; float:right;
		font-size: .6em;color:#ff0012;opacity:.9;
		z-index:99; 
	}
	.icon--certificate_h{
		position: absolute; top: 5px; right: 27px; float:right;
		font-size: .6em;color:#ff0012;opacity:.9;
		z-index:99;
	}
		
	/* 待審核 */
	.icon--uncertificate_v{
		position: relative; margin-top: -50px; right: 30px; float:right;
		font-size: .6em;color:#525252;opacity:.9;
		z-index:99; 
	}
	.icon--uncertificate_h{
		position: absolute; top: 25px; right: 7px; float:right;
		font-size: .6em;color:#525252;opacity:.9;
		z-index:99;
	}	
	
	/* list detail icon */
	.display--detail-icon_v{
		position : relative; 
		margin-top : 0px; 
	}
	.display--detail-icon_h{
		position : absolute; 
 		margin-top : -50px;  
	}	
	
	/* list detail headImage */
	.display--detail-headImage_v{
		position : relative; 
		margin-top : 0px; 
		display:none;
	}
	.display--detail-headImage_h{
		position : absolute; 
/*  		margin-top : -50px; */
    	height: 80px;
    	width: 100px;
    	overflow: hidden;
        margin-top: -30px;
    	margin-left: -5px;
    	border-radius: 0 0 5px 5px; 		  
	}	
	
	/* map headImage */
	.display--map-headImage_v{
/* 		position : relative;  */
/* 		margin-top : 0px;  */
/* 		display:none; */
		position : absolute; 
/*     	height: 50px; */
/*     	width: 50px; */
    	overflow: hidden;
/*         margin-top: -52px; */
        margin-top: 6px;
    	margin-left: 2px;
    	border-radius: 0 0 5px 5px; 
	}
	.display--map-headImage_h{
		position : absolute; 
    	height: 80px;
    	width: 100px;
    	overflow: hidden;
        margin-top: -30px;
    	margin-left: -5px;
    	border-radius: 0 0 5px 5px; 		  
	}		
	
	/* list detail 所在地 */
	.display--detail-location_v{
		position: relative; margin-top: -60px; float:right;
		font-size: .7em;
	}
	
	/* list detail 名稱 */
	.display--detail-name_v{
		position: relative; top: -42px; left: 60px;
		font-size: 1.3em;
	}
	.display--detail-name_h{
		position: absolute; top: 60px;
		font-size: 1em;
		line-height : 1.2em;
		margin-top : -58px;
		margin-left : 12px; 
	}
	
		
	/* list desc 說明*/
	.display--detail-desc_v{
		position: relative; top: -50px; left: 60px; font-size: .9em;overflow: hidden;max-height: 30px;
	}
	.display--detail-desc_h{
		display:none;
	}
	
		/* 圖元 名稱 */
	.display--map-name_v{
		position: relative; 
		top: 0px; 
		left: 60px;
		font-size: 1.3em;
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
	}
	.display--map-name_h{
/* 		position: absolute; top: 60px; */
/* 		font-size: 1em; */
/* 		line-height : 1.2em; */
/* 		margin-top : -58px; */
/* 		margin-left : 12px;  */
	}

	/* 主題名稱*/
	.display--map-desc_v{
		position: relative; 
/*  		top: -50px;  */
		left: 60px;  
		font-size: .9em;overflow: hidden;max-height: 30px;
	}
	.display--map-desc_h{
		display:none;
	}

	
	.tbl-tr_v{
/* 		display :;  */
	}
	.tbl-tr_v td{
		width : 65px; 
		height : 65px; 
	}
	
	.tbl-tr_h{
		display : block; float : left; 	padding : 0px !important ;
		border-width: 1px !important ; 
	}
	.tbl-tr_h td{
		width: 317px;
		height: 233px;
	}
	
	.fa-display_lists:before{
		font-family: FontAwesome;
	    padding-right: 8px;
		color: #858585;
		content: "\f03a";
	    font-style: normal;
  		font-weight: normal;
   		text-decoration: inherit;
   		cursor:pointer;	
	}
	.fa-display_tiles:before{
		font-family: FontAwesome;
	    padding-right: 8px;
		color: #858585;
		content: "\f00a";
	    font-style: normal;
  		font-weight: normal;
   		text-decoration: inherit;
   		cursor:pointer;	
	}
	/* 結果顯示方式 */
	#cooperateMapResultDisplay{
		float: left;
	    height: 25px;
	    position: absolute;
	    padding-left: 5px;
	    z-index: 99;
	}
	.dataTables_wrapper .dataTables_info{
	    clear: both;
	    float: left; 
	    padding: .4em .4em .4em 34px;
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button{
 		padding: 0; 
	}
		
	.dataTables_scrollBody::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	    background-color: #F5F5F5;
	}
	
	.dataTables_scrollBody::-webkit-scrollbar {
	    width: 6px;
	    background-color: #F5F5F5;
	    float : right;
	    background: transparent;
	}
	
	.dataTables_scrollBody::-webkit-scrollbar-thumb {
	    background-color: #c2c2c2;
	    float : right;
	}	
		
	.cooperateMap_list_life{
		height:200px;
	}
/* 搜尋結果 list end */



/************ cooperate detail css  start */
.detailContentCss{
    font-family: "微軟正黑體", Arial;
    font-weight: normal;
    color: #666;
background-color: white;  
    max-width: 100%;
    overflow-x: hidden;
/*     height:90vh; */
}
.detailContentCss table{
	word-break: break-all ;
	border-spacing:.3em;
	width : 100%;
}
.detailContentCss table tr{
	
}
/* 主要 主題內容 table*/
.tblEditableCss{
	border-style: solid;
	border-color: #e1e1e1;
	border-width: .1em;
	border-collapse: collapse;
	height: 30vh;
	max-height: 200px;
}

.tblEditableSubCss{
	background:#FFF3F3;
	border-style: solid;
	border-color: #e1e1e1;
	border-width: .1em;
	border-collapse: collapse;
	height: 60vh;
	max-height: 200px;
/* 	padding-bottom:10px; */
	z-index:10;
	position:absolute;
	bottom: 0;
/* 	vertical-align:bottom; */
	display:none;
}

/* .divAddElement table{ */
/* 	width:100% */
/* } */
/* .divAddElement th{ */
/* 	background:#D9D9D9; */
/* 	width:4em; */
/* } */

.trSelected {
/*     border-left-color: #0000ff59 !important;  */
/*     border-left-width: 5px;  */
/*     border-left-style: solid; */
}
.trNormal {
/*     border-left-color: #fff;  */
/*     border-left-width: 5px;  */
/*     border-left-style: solid; */
}
 
 
/* 協作設定   */
.cooperateSettingCss:before {
	font-family: "Material Design Icons";
    padding-right: 8px;
	color: #858585; 
	content: "\f010";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1.5em;
    margin: 4px;
	cursor:pointer;
}
.cooperateSettingCss:hover:before{
	cursor:pointer;
	color:black; 
}
/* 資料欄位設定 */
.cooperateSchemaCss{
	display: inline-block;
    vertical-align: top;
    content: '';
    width: 21px;
    height: 21px;
    background: transparent url(images/_prototype/icons-infowindow-002.svg) no-repeat;
    margin-right: 4px;
    opacity: .5;
    background-position: 0 0;
}
/* 資料編輯歷程 */
.cooperateHistoryCss:before{
	font-family: FontAwesome;
	color: #858585;
	content: "\f1da";
    font-style: normal;
	font-weight: normal;
  	text-decoration: inherit;
  	cursor:pointer;
	display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 21px;
/*     margin-right: 4px; */
    opacity: 1;   		
	margin-top: 5px; 
}

.cooperateHistoryCss:hover:before{
	color: black;
}

/* */
.divLayerSettingSuperCss{
	padding-bottom: 20px;
	padding-top: 3px;
	position:relative;
	float:right;
	padding-right: 20px;
}


/* 圖層設定 */
.divLayerSettingCss{
	float: right;
    right: -2px;
    top: 2px;
    vertical-align: top; 
    content: '';
    width: 21px;
    height: 21px;
     background: transparent url(../../images/_prototype/icons-app-004.svg) no-repeat;
    background-repeat: no-repeat;
    background-position: 0 -84px;
    opacity: .5;
    cursor:pointer;
}
 
.divLayerSettingSubCss{
	display:none;
    width: 100px;
    height: 20px;
    position: inherit;
    margin-left: -93px; 
    margin-top : 10px; 
    background-color: #fff;
    box-shadow: 1px 1px #888888;
    border-style: solid;
    border-color: gray;
    border-width: .1em;
    padding: 5px;
}

.divLayerSettingCss:hover .divLayerSettingSubCss {
    display:block;
    z-index: 99;
}
 

/* 圖資筆數   */
.divLayerBodySuperCss  {
    position:relative ;
    width:60%;
} 
/* .divLayerSettingSubCss:hover { */
/*     display:block; */
/* }  */
 
/* 協作地圖 內容*/
.divLayerContentColorCss{
	width: inherit;
	height :inherit;
	border-radius : 3px; 
}


.divLayerContentIconCss{
 	position: absolute;  
   	color : #000000;  
	font-size: 1em;
}
.divLayerContentIconCss:before{
	font-family: "Material Design Icons";
/*     padding : 1px; */
  	color: inherit;
  	content: attr(data-content);
/*     margin: 2px; */
	font-size: inherit;
	position : relative ; 
	float : left; 
}

.divLayerContentCss{
    margin-left: 1.5em;
}
.divLayerContentCss:hover{
	background-color: #e9e9e9;
}

/* 製訂樣式*/
.divLayerContentColorIconCss{
	display:none;
    position: relative;
	float: right;
    right: 0px;
    top: -24px;
    vertical-align: top; 
	cursor : pointer ;
	background: url(images/_prototype/icons-layer-000.svg);
    background-position: -21px -21px;
    width: 21px;height: 21px;
}
/* 資料修改 icon */
.divLayerContentEditIconCss{
 	display:none; 
    position: relative;
/* 	float: left; */
    left: 90%;
    vertical-align: top; 
	cursor : pointer ;
	background: url(../../images/_prototype/icons-app-000.svg);
    background-position: 21px 21px;
    width: 21px;height: 21px;
    margin : -21px 3px 0 3px;
}
/* 資料刪除 icon */
.divLayerContentRemoveIconCss{
	cursor : pointer ;
	content: '';
    height: 21px;
    width: 21px;
    opacity: .5;
    background: url(../../images/_prototype/icons-infowindow-002.svg);
    display: inline-block;
    transition: opacity .2s;
    background-position: -42px 0;
    margin : 0 3px 0 3px;
}
/* 資料凍結 icon */
.lockMapCss{
	cursor : pointer ;
	content: '';
/*     height: 30px; */
/*     width: 30px; */
    opacity: .9;
    float: right;
    transition: opacity .2s;
/*     background-position: -42px 0; */
    margin : 4px 0 0 2px;
}
/* 資料 凍結 icon */
.divLayerContentLockIconCss:before{
	font-family: FontAwesome;
	color: #858585;
	content: "\f023";
    font-style: normal;
	font-weight: normal;
  	text-decoration: inherit; 
  	cursor:pointer;
	display: inline-block;
    vertical-align: top;
    width: 21px;
    height: 21px;
    opacity: 1;   		
  	margin: 3px 3px 0 0 ;
  	   
}

/* 新增圖片 */
.divLayerContentPicIconCss{
	cursor : pointer ;
	content: '';
    height: 21px;
    width: 21px;
    opacity: .5;
    background: url(images/_prototype/icons-infowindow-002.svg);
    display: inline-block;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    background-position: -42px 18px;
}
.divLayerContentItemCss{
/* 	position: absolute;  */
/* 	width:100%; */
}
.divLayerContentCss:hover .divLayerContentColorIconCss{
	display:block;  
}
.divLayerContentCss:hover .divLayerContentEditIconCss{
	display:block;  
}

.cooperateMapToolsBreakLine{
	border-right-color: #c9c9c9;
    border-right-style: solid;
    border-right-width: 2px;
    padding-right: 8px;	
}


/* 屬性欄位設定 */
.cooperateMapSetSchemaIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 8px; */
	color: #858585; 
	content: "\f4f0";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
/*     margin: 4px; */
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapSetSchemaIconCss:hover:before{
	color: black;
}

/* 匯入外部檔 */
.cooperateMapImportFileIconCss{
  position: relative;
  display: inline-block;
}

.cooperateMapImportFileIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 8px; */
	color: #858585; 
	content: "\f220";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
/*     margin: 4px; */
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapImportFileIconCss:hover:before{
	color: black;
}

.cooperateMapImportFileIconCss:hover .cooperateMapImportFileSub{
	display: block;
}

.cooperateMapImportFileSub{
	display: none;
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	z-index: 1;
  	min-width: 6em;
/*   	background-color: #f1f1f1; */
	background-color: white;
	left:-1em
}
.cooperateMapImportFileSub div{
/*   color: black; */
  padding: 0.5em;
  text-decoration: none;
  display: block;
   cursor: pointer; 
}

.cooperateMapImportFileSub div:hover{
background-color:#f1f1f1;
}



/* 匯出外部檔 */
.cooperateMapExpFileIconCss{
  position: relative;
  display: inline-block;
}

.cooperateMapExpFileIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 8px; */
	color: #858585; 
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
/*     margin: 4px; */
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapExpFileIconCss:hover:before{
	color: black;
}

.cooperateMapExpFileIconCss:hover .cooperateMapExpFileSub{
	display: block;
}

.cooperateMapExpFileSub{
	display: none;
	position: absolute;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	z-index: 1;
  	min-width: 6em;
/*   	background-color: #f1f1f1; */
	background-color: white;
	left:-1em
}
.cooperateMapExpFileSub div{
/*   color: black; */
  padding: 0.5em;
  text-decoration: none;
  display: block;
   cursor: pointer; 
}

.cooperateMapExpFileSub div:hover{
background-color:#f1f1f1;
}





/* 新增 */
.cooperateMapAddElementIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 8px; */
	color: #858585; 
	content: "\f416";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
/*     margin: 4px; */
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapAddElementIconCss:hover:before{
	color: black;
}

/* 視覺化主題 */
.cooperateMapSwitchVisualizationIconCss:before{
	font-family: "Material Design Icons";
	color: #858585; 
	content: "\f86c";
/* 	content: "\f572"; */
	
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapSwitchVisualizationIconCss:hover:before{
	color: black;
}



/* 表單顯示 */
.cooperateMapSwitchListIconCss:before{
	font-family: "Material Design Icons";
	color: #858585; 
	content: "\f572";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapSwitchListIconCss:hover:before{
	color: black;
}

/* 新增圖層 */
.cooperateMapAddLayersIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 8px; */
	color: #858585; 
	content: "\f328";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
/*     margin: 4px; */
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapAddLayersIconCss:hover:before{
	color: black;
}

/* 新增點 */
.cooperateMapAddPntIconCss:before{
	font-family: "Material Design Icons";
/*          padding-left: 15px; */
	padding: 15px;
	color: #858585; 
	content: "\f55f";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1em;
    /*     margin: 4px; */
 	margin: 0px; 
	cursor:pointer;
}
.cooperateMapAddPntIconCss:hover:before{
	color: black;
}
.cooperateMapAddPntIconCss.active:before{
	color: red;
}

/* 新增線*/
.cooperateMapAddLineIconCss:before{
	font-family: "Material Design Icons";
/* padding-left: 8px; */
	padding: 15px;
	color: #858585; 
	content: "\f561";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1em;
/*     margin: 4px; */
 	margin: 0px; 
	cursor:pointer;
}
.cooperateMapAddLineIconCss:hover:before{
	color: black;
}
.cooperateMapAddLineIconCss.active:before{
	color: red;
}


/* 新增面*/
.cooperateMapAddPolygonIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 15px; */
	padding: 15px;
	color: #858585; 
	content: "\f560"; 
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1em;
    /*     margin: 4px; */
 	margin: 0px; 
	cursor:pointer;
	
}
.cooperateMapAddPolygonIconCss:hover:before{
	color: black;
}
.cooperateMapAddPolygonIconCss.active:before{
	color: red;
}


/* 編修繪製圖形*/
.cooperateMapEditRedrawIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 15px; */
	padding: 15px;
	color: #858585; 
	content: "\f559"; 
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1em;
    /*     margin: 4px; */
 	margin: 0px; 
	cursor:pointer;
	
}
.cooperateMapEditRedrawIconCss:hover:before{
	color: black;
}
.cooperateMapEditRedrawIconCss.active:before{
	color: red;
}

/* 編修完成圖形*/
.cooperateMapEditEndRedrawIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 15px; */
	padding: 15px;
	color: #858585; 
	content: "\f132"; 
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1em;
    /*     margin: 4px; */
 	margin: 0px; 
	cursor:pointer;
	
}
.cooperateMapEditEndRedrawIconCss:hover:before{
	color: black;
}
.cooperateMapEditEndRedrawIconCss.active:before{
	color: red;
}


/* 顯示 主題 點/線/面 sub detail */
#cooperateMapPointViewDetail{
	background-color: rgb(255, 242, 240);
    bottom: 0px;
    position: fixed ; /*relative*/ 
    height:0px;
    max-height: 25%;
    border: 2px solid #719ECE;
    float: left;
    width: 335px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px #719ECE;
    z-index: 99;
    overflow-y :auto;
}
	
#cooperateMapPointViewDetail::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
#cooperateMapPointViewDetail::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    float : right;
    background: transparent;
} 
#cooperateMapPointViewDetail::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    float : right;
}	
	
.coopereateMapDetailClose:before{
	font-family: FontAwesome;
	color: #858585;
	content: "\f00d";
    font-style: normal;
 		font-weight: normal;
  		text-decoration: inherit;
  		cursor:pointer;
    position: absolute;
    margin-top: 10px;
    right: 10px;
    float: right;
    z-index: 99;   		
}
/************ cooperate detail css  end************* */



/* 新增  */
.divCooperateAdd{
	width: auto; max-height: 480px; height: auto; overflow: hidden;
    font-family: "微軟正黑體", Arial;
    font-weight: normal;
    color: #666;
	padding : 2em;
/* 	min-width:700px */
}
.divCooperateAdd table{
	padding: 12px; margin-bottom: 10px; width:100%;
	border-collapse: collapse;
}

.Food:before{
	font-family: "Material Design Icons";
    padding: 2px;
	color: #858585; 
	content: "\f5f2";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    margin: 4px;
	font-size: 3em;
}
.Food_desc:before{
	 content: attr(data-content)  ; 
}


.Clothing:before{
	font-family: "Material Design Icons";
    padding : 2px;
	color: #858585; 
	content: "\f53f";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    margin: 4px;
	font-size: 3em;
}
.Clothing_desc:before{
	 content: attr(data-content)  ; 
}

.Housing:before{
	font-family: "Material Design Icons";
    padding : 2px;
	color: #858585; 
	content: "\f2e4";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    margin: 4px;
	font-size: 3em;
}
.Housing_desc:before{
	 content: attr(data-content)  ; 
}

.Transportation:before{
	font-family: "Material Design Icons";
    padding : 2px;
	color: #858585; 
	content: "\f583";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    margin: 4px;
	font-size: 3em;
}
.Transportation_desc:before{
	 content: attr(data-content)  ; 
}

.Education:before{
	font-family: "Material Design Icons";
    padding : 2px;
	color: #858585; 
	content: "\f5da";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    margin: 4px;
	font-size: 3em;
}
.Education_desc:before{
	 content: attr(data-content)  ; 
}

.Entertainment:before{
	font-family: "Material Design Icons";
    padding : 2px;
	color: #858585; 
	content: "\f414";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    margin: 4px;
	font-size: 3em;
}
.Entertainment_desc:before{
	 content: attr(data-content)  ; 
} 


/* 預設圖像 */
.divSubjectAddIconCss{
	display:block;
	width: 30px;
	height : 30px; 
	float : left;  
}
.divSubjectAddIconCss .tooltipIconStyle {
   display:none;    /* none  , inline-table*/
   background-color: #fff;
   color: #000;
   border-radius: 6px;
   padding: 5px;
   position: relative;
   z-index: 99;
   bottom: -2vh;
   left: 10vh;
   margin-top : -151px;
   transition: opacity 0.3s;
   border-width:1px;
   box-shadow: 2px 2px #888888;
   border-style: solid;
   border-color: #555;
}

.divSubjectAddIconCss .tooltipIconStyle::after {
  content: "";
  position: absolute ; /* absolute */
  top: 100%; 
  left: 40px; 
}
 
.divSubjectAddIconCss:target .tooltipIconStyle {
  	visibility: visible;
 	display:inline-table ; /* block */ 
}
.divSubjectAddIconCss::after{
/* 	display:block; */
	float: left; 
	white-space: nowrap;
	font-size: .95em;
	content:"主題圖案";
}

.subjectIconStyle{
 	color : #000000;
 	margin-top : -30px;
 	font-size: 1em;
}
.display--detail-icon_h .subjectIconStyle{
 	font-size: 1em;
 	margin-top: -10px !important;
 	margin-left: -8px !important;
}
.subjectIconStyle:before{
	font-family: "Material Design Icons";
    padding : 1px;
  	color: inherit;
  	content: attr(data-content);
    margin: 2px;
	font-size: inherit;
	cursor:pointer; 
	position : relative ; 
	float : left; 
}

/* .display--map-name_v:before{ */
/* 	font-family: "Material Design Icons"; */
/*     padding : 1px; */
/*   	color: attr(data-color); */
/*   	content: attr(data-content); */
/*     margin: 2px; */
/* 	font-size: inherit; */
/* 	cursor:pointer;  */
/* 	position : relative ;  */
/* 	float : left;  */
/* } */

/* .mapIconStyle{ */
/*  	color : #000000; */
/*  	margin-top : -30px;   */
/*  	font-size: 3em; */
/* } */
/* .display--detail-icon_h .mapIconStyle{ */
/*  	font-size: 1em; */
/*  	margin-top: -10px !important; */
/*  	margin-left: -8px !important; */
/* } */
/* .mapIconStyle:before{ */
/*     padding : 1px; */
/*   	color: inherit; */
/* 	content: ""; */ */
/*     margin: 2px; */
/* 	font-size: inherit; */
/* 	cursor:pointer;  */
/* 	position : relative ;  */
/* 	float : left;  */
/* 	background-image:attr(data-image-src url); */
/* } */


/* 樣式 dialog css start */
.hotIconCss{
	background-image:url(images/_prototype/extended-icons5.png); 
	-webkit-background-size: 480px 340px;
	user-select: none;
	display: inline-block;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    cursor : pointer ; 			
	width:21px ; height:21px;
}

._hotIconTemplateCss{
	color : #000000;
}

._hotIconTemplateCss:before{
	font-family: "Material Design Icons";
    padding : 1px;
  	color: inherit;
  	content: attr(data-content);
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
    margin: 2px;
	font-size: 1.2em;
	cursor:pointer; 
	width: 25px;
	height:25px;
	position : relative ; 
	float : left; 
}

 ._hotIconTemplateCss:hover:before { 
     outline: 1px solid #858585; 
 } 
 
 ._hotIconTemplateCss:active:before{ 
     outline: 1px solid red; 
 }
  
/* 關閉 */
.editorColorCloseCss:before{
	font-family: "Material Design Icons";
    padding : 1px;
  	color: inherit;
  	content: "\f157";
    margin: 2px;
	cursor:pointer; 
	position : relative ; 
	float : right; 
}
/* 樣式 dialog css end */




/* detail 圖元 list icon selector */
.divLayerContentIconBodyCSS{
	position:relative;
	float:left;  
	width: 20px;height: 20px; 
}

.divLayerContentIconBodyCSS .tooltiptext {
  display:none;
  width: 300px;
  /*   height:300px;  */
  height:500px;
  background-color: #fff;
  color: #000;
  /*   text-align: center; */
  border-radius: 6px;
  padding: 10px;
  position: relative;
  z-index: 1;
  /* bottom: -192%; */
  top: 40px;
  left: -50%;
  margin-left: -14px;
  /*   opacity: 0; */
  transition: opacity 0.3s;
  border-width:1px;
  box-shadow: 2px 2px #888888;
  border-style: solid;
  border-color: #555;
  cursor:pointer;
}

/* 顯示 指示標
.divLayerContentIconBodyCSS .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%; 
  left: 40px; 
  margin-left: -32px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
*/
 
/* .divLayerContentIconBodyCSS:hover .tooltiptext {
/*  	visibility: visible;*/
/*   opacity: 1; */
/*	display:block ; */
/*}*/

.cooperateMapDrawTools{
/* 	width:1.5em; */
	width:40px;
}


/* 圖元群 - 匯入 */
.btnImportDataCss{
	display:block ; 
}
.btnImportDataCss:hover{
	color:red;
}
/* 圖元群 - 移除 */
.btnRemoveGroupCss{
	display:block ; 
}
.btnRemoveGroupCss:hover{
	color:red;
}
/* 圖元群 - 設定欄位屬性 */
.btnAttrSchemaCss{
	display:block ; 
}
.btnAttrSchemaCss:hover{
	color:red;
}
/* detail 圖元 list icon selector end  */


/* 主題資訊  */
.cooperateSubjectInfoCss:before{
	font-family: "Material Design Icons";
    padding: 2px;
	color: #858585; 
	content: "\f2fd";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
/*     margin: 4px; */
	font-size: 2em;
}
.cooperateSubjectInfoCss:hover:before{
	cursor:pointer;
	color:red;
}

.btnConfirmCss{
padding: .3em ; 
color: #fff;  
background-color: #4fa9d9;  
border-color: #2285ba;
}

/* 新增線*/
.pinIconCss:before{
	font-family: "Material Design Icons";
    padding-right: 8px;
	color: blue; 
	content: "\f403";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1.5em;
    margin: 4px;
	cursor:pointer;
}


.horizonContainer {height: 100%; width:100%;}

.notScroll{overflow: hidden}

.fit{width:auto}

.full{width:100%}

.table_title {
/*     width: 10em; */
    font-family: Arial, "微軟正黑體";
    font-size: 0.95em;
    vertical-align: top;
    color: #6B6B6B;
    white-space: nowrap;
    vertical-align:middle;
}

.table_content {
    color: black;
}

.accordion_bg {
/* 	background-color:#FFF2F0; */
/*     background-color: rgb(255, 242, 240); */
/* 	margin:0; */
/* 	padding:0; */
/* 	width:100%; */
}

.trAddDetail{
/* 	background:#FFF3F3; */
/* 	border-style: solid; */
/* 	border-color: #e1e1e1; */
/* 	border-width: .1em; */
/* 	border-collapse: collapse; */
/* 	height: 60vh; */
/* 	max-height: 200px; */
/* 	padding-bottom:10px; */
/* 	z-index:10; */
/* 	position:absolute; */
/* 	bottom: 0; */
/* 	vertical-align:bottom; */
	display:none;
}

.trVisualSwitch{
	display:none;
}

.table_input {
	border: 1px solid #BCBCBC;
	border-radius: 5px;
	padding:2px;
	font-size: 0.8em;
	margin:0px;
	float: left;
	width:85%;
}

.table_select {
	border: 1px solid #BCBCBC;
	border-radius: 5px;
	padding:2px;
	font-size: 0.8em;
	margin:0px;
	float: left;
	width:88%;
}

.table_select1 {
	border: 1px solid #BCBCBC;
	border-radius: 5px;
	padding:2px;
	font-size: 0.8em;
	margin:0px;
	float: left;
	width:35%;
}

.table_select2 {
	border: 1px solid #BCBCBC;
	border-radius: 5px;
	padding:2px;
	font-size: 0.8em;
	margin-left:5px;
	float: left;
	width:50%;
}

.table_file {
	border: 1px solid #BCBCBC;
	border-radius: 5px;
	padding:2px;
	font-size: 0.8em;
	margin-left:5px;
	float: left;
	width:50%;
}

.table_separate {
    border-top: 1px dashed #C7C7C7;
    margin-top: 10px;
/*     margin-bottom: 10px; */
/*     padding-bottom: 5px; */
}

.a_btn {
    font-size: 0.9em;
    font-family: Arial, "微軟正黑體";
/*     font-weight: normal; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    border: 1px solid #999999;
    text-decoration: none;
    color: #1C1C1C;
    display: inline-block;
    text-shadow: 1px 1px 0px #E1E1E1;
    -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
    box-shadow: inset 1px 1px 0px 0px #ffffff;
    word-spacing: 1px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
	cursor:pointer; 
	padding: 4px 8px; 
/*     line-height: 1em; */
    margin-right: 5px;
}.a_btn:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	text-decoration: none;
}.a_btn:active {
	position:relative;
	top:1px;
}
.b_btn {
    font-size: 0.7em;
    font-family: Arial, "微軟正黑體";
/*     font-weight: normal; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    border: 1px solid #D1642B;
    text-decoration: none;
    color: #FFFFFF;
    display: inline-block;
    text-shadow: 1px 1px 0px #E57537;
    -webkit-box-shadow: inset 1px 1px 0px 0px #F7A579;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
    box-shadow: inset 1px 1px 0px 0px #F7A579;
    word-spacing: 1px;
/*     line-height: 1em; */
	cursor:pointer; 
	padding: 4px 8px; 
    margin-right: 5px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,139,75,1.00) 0%,rgba(217,77,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,139,75,1.00) 0%,rgba(217,77,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,139,75,1.00) 0%,rgba(217,77,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,139,75,1.00) 0%,rgba(217,77,0,1.00) 100%);
}.b_btn:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(217,77,0,1.00) 0%,rgba(255,139,75,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(217,77,0,1.00) 0%,rgba(255,139,75,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(217,77,0,1.00) 0%,rgba(255,139,75,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(217,77,0,1.00) 0%,rgba(255,139,75,1.00) 100%);
}.b_btn:active {
	position:relative;
	top:1px;
}

.c_btn {
    font-size: 0.9em;
    font-family: Arial, "微軟正黑體";
/*     font-weight: normal; */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    border: 1px solid #800000;
    text-decoration: none;
    color: #1C1C1C;
    display: inline-block;
    text-shadow: 1px 1px 0px #E1E1E1;
    -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
    box-shadow: inset 1px 1px 0px 0px #ffffff;
    word-spacing: 1px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(225,225,225,1.00) 100%);
	cursor:pointer; 
	padding: 4px 8px; 
/*     line-height: 1em; */
    margin-right: 5px;
}.c_btn:hover {
	background-image: -webkit-linear-gradient(270deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(184,184,184,1.00) 0%,rgba(244,244,244,1.00) 100%);
	text-decoration: none;
}.c_btn:active {
	position:relative;
	top:1px;
}


.subDetailContent{
/* 	padding:0; */
}

.invisible{
	display:none;
}

.btn_dark{
  padding: .3em ; 
  color: #fff;  
}

.hotpink{
	color: #cc338b;  
}

.red{
	color: red;  
}

.cooperateToS{
	
    font-family: Arial, "微軟正黑體";
    background-color: #f5bcdd;
    font-weight: bold;
    color: #1C1C1C;
     font-size:1.1em;
     cursor: pointer;
}

.cooperateMapSearchContentCss {
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	maring-left: 3px;
	/*     margin-top: 22px;      padding : 5px;   */
}

/* 屬性欄位設定自行定義分類 */
.cooperateMapSetSchemaSubIconCss:before{
	font-family: "Material Design Icons";
/*     padding-right: 8px; */
	color: #858585; 
	content: "\f495";
    font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
/*     margin: 4px; */
	cursor:pointer;
	font-size: 1.5em;
}
.cooperateMapSetSchemaSubIconCss:hover:before{
	color: black;
}

#hor-zebra-a
{
	font-family: Arial, "微軟正黑體";
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	font-weight: normal;
}
#hor-zebra-a th
{
	font-weight: normal;
	color: #333333;
	text-align: left;
	font-family: Arial, "微軟正黑體";
	background-color: #f3f3f3;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	font-size: 0.95em;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ededed;
	line-height: normal;
}
#hor-zebra-a td
{
	font-family: Arial, "微軟正黑體";
	font-size: 1em;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dadfd9;
	line-height: 1.2em;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	color: #333333;
}
#hor-zebra-a .odd
{
	background-color: #edf2eb;
}

#hor-zebra-a tr:hover td
{
	color: #333333;
	background-color: #CBD8C5;
}