/*== [ Client Display Css  ] ==*/

header.navbar > div.container{
	height:63px;
	min-height:63px;
}

footer{display:none;}

.system_body_area{
	position:relative;
}

#content_display_dom{
	display:flex;
	background-color: #f5f5f5;
}

#content_display_dom  ._content{
	position:relative;
}

/* left or bottom*/
.metadata_block{ }
.mtblock_content{
	position:relative;
}

.mtblock_header{
	margin-bottom:16px;
	border-bottom:1px #cdcdcd solid;
	display:flex;
	align-items:center;
}
#organ_mark{
	width:60px;
	margin-right:5px;
}

#organ_mark > img{width:100%;height:auto;}

#data_identify{
	flex:1;
}
#meta_collection{
	font-size:1.35em;
	font-weight:bold;
	margin-bottom:7px;
}
#meta_identifier{	 
}

#data_function{
   text-align:right;
   display:flex;
   flex-direction:column;
   justify-content:space-between;
}
#act_feedback{
	display:inline-flex;
	margin-bottom:7px;
	padding:0 5px;
}

#npmapiform{display:block;}
.npmrecordapi{
	font-size:0.8em;
	padding:3px 10px;
}


#reference_block{
	position:sticky;
	left:0; bottom:0px;
	display:block;
	width:100%;
	background-color:#f5f5f5;;	 
}

.refer_header{
	padding:8px 0;
	font-weight:bold;
	display:flex;
	align-items:center;
}
.refer_content{
	border:1px #636363 solid;
	padding:5px;
	margin-bottom:10px;
	background-color:#ffffff;
	font-size:0.8em;
	line-height:1.3em;
	min-height:3em;
	color:#7d0500;
}

#refpage{
	display:inline-block;
}


.browse_member_content{
	margin-bottom:10px;
}

#metadata_table,#attachment_table,#exhibition_table{width:99%;}

.meta_record td{
	line-height:2em;
	word-break: break-all;
}
.meta_field{
	font-weight:bold;
	width:105px;
}

.casefieldstitle{
	font-weight:bold;
	color:#7D0500;
	text-align:left;
	border-bottom:1.5px #7D0500 solid;
	line-height:2em;
}

.attach_record td{
	line-height:2em;
	border-bottom:1px #cdcdcd solid;
}
.dobind{
	cursor:pointer;
	color:blue;
}

.dobind.atlink{
	font-weight:bold;
	color:#7D0000;;
}

.nameset{display:flex; align-items:flex-start; line-height:1.1em; margin-bottom:8px;}
.ptitle{margin-right:10px; max-width:200px;}
.munchu{display:block;}

.petal{
	display:inline-block; 
	margin-left:1em;
	font-size:0.9em;
}


.noimage{color:#7d0500;}

.exbdate{padding-left:1em;}
.exbtitle{font-weight:bold;}



persona{
	display:inline-block;
	text-decoration:underline;
	cursor:pointer;
	color:blue;
	position:relative;
}
persona::after{
	position:absolute;
	right:-10px; top:-6px;
	content:"\2117";
	display:inline-block;
	font-size:0.5em;
	
}

.act_authrefer_display{
	cursor:pointer;
}
	 
.act_authrefer_display{
	color:#555a8c;
	text-decoration:underline;
}

/* 提閱申請 */
.meta_apply{
	position:absolute;
	right:0px;
	top:0;
	
	display:inline-flex;
	align-items:center;
	border:1px #cdcdcd solid;
	border-radius:4px;
	padding:2px 3px;
	cursor:pointer;
	font-size:0.9em;
	min-height:28px;
}

.meta_apply[pickup='0']{ color:#7d7d7d; }
.meta_apply[pickup='1']{ 
	background-color:#192f60;
	color:#ffffff; 
	border:1px #192f60 solid;
}

.meta_apply > *{display:none;}
.meta_apply > .material-icons{position:relative; font-size:1.4em; margin-right:3px;}
.meta_apply > .fa{position:relative;  font-size:1.1em; margin-right:3px; padding:2px; opacity:0.7;}

.meta_apply[pickup='0'] .toselect{display:inline-block;}
.meta_apply[pickup='1'] .selected{display:inline-block;}

.meta_apply.loading .material-icons{display:none;}
.meta_apply.loading .fa{
	display:inline-block;
	animation: fa-spin 1s infinite linear;
}







/* right or top*/
.dobrowse_block{
	background-color:#000000;
}

#doplayer_switch{
	position:absolute;
	bottom:30px; left:50%; margin-left:-180px; 
	display:flex;
	z-index:100;
	padding-top:5px;
	min-width:270px;
	height:45px;
	
}
#doplayer_switch li:nth-child(n+2){margin-left:-1px;}

.player_mode{
	background-color:#AAAAAA;
	color:#f7f6f5;
	padding:13px 0;
	width:90px;
	text-align:center;
	border:0px #ffffff solid;
	font-size:0.9em;
	font-weight:bold;
}


.player_mode:hover{
	background-color:#DDDDDD;
}

.player_mode._active{
	background-color:#7D0000;
	color:#ffffff;
}

a.pdfdownload{
	position:absolute;
	top:-35px; left:50%;
	width:90px; height:30px;
	font-size:0.85em;
	margin-left:-46px;
	display:none;
	background-color:rgba(255,255,255,0.6);
	border-radius:3px;
}

.player_mode[player='pdf']._active a.pdfdownload{
	display:flex;
	align-items:center;
	justify-content:center;
}

#doplayer_switch li:nth-child(1){border-radius:3px 0 0 3px;}
#doplayer_switch li:nth-last-child(1){border-radius:0 3px 3px 0;}

#switch_move{
	position:absolute;
	top:-6px;
	left:-10px;
}

#act_move_anker{
	font-size:0.9em;
	display:flex;
	align-items:center;
	justify-content:space-around;
	background-color:#000000;
	color:#ffffff;
	width:20px;
	height:20px; 
	border-radius:10px;
	position:relative;
}

#act_move_anker.active{
	transform: rotate(45deg);
}
#act_move_anker.active::after{
	transform: rotate(-45deg);
	position:absolute;
	width:60px;
	font-size:0.8em;
	content:"移動切換器";
	top:-3em; left:0px;
	color:#7D0000;;
}


#dodisplay_block{
	position:relative;
	width:100%;
	height:100%;
}

#dodisplay_block > section{
	position:relative;
	width:100%;
	height:100%;
}

#dodisplay_block[mode='pdf'] #pages_control{display:none;}

#objplayer{
	display:flex;
	z-index:11;
	background-color:#000000;
}
#thumb_display{
	flex:0 0 80px;
	height:100%;
	background-color:#646464;
	overflow:auto;
}
#image_display{
	flex:1;
	height:100%;
	overflow:hidden;
	min-width:1px;
}
img.ImageObject{
	cursor:pointer;
	position:relative;
	top:40px;
	opacity:0.1;
	/*display:none;*/
	
	image-rendering: pixelated;	
}

#pages_control{
	position:absolute;
	left:50%;
	margin-left:-190px;
	top:0;
	color:#ffffff;
	padding:7px 0;
	display:flex;
	align-items:center;
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
}

.page_go{
	display:inline-flex;
	align-items:center;
	position:relative;
	margin:0 10px;
	cursor:pointer;
}

.page_go .material-icons{
	position:relative;
	 
}

#page_jump{
	width:100px;
	text-align:left;
	border:1px #ffffff solid;
	background-color:#ffffff;
	color:#000000;
}

.page_scale{
	display:inline-flex;
	align-items:center;
	position:relative;
}
#scale_info{
	position:absolute;
	top:3px;
	right:-30px;
}

div.thumb{
  position:relative;
  margin:5px;
  width:70px;
  overflow:hidden;
  display:flex;
  align-items:center;
  border:1px #cdcdcd solid;
  height:100px;
  cursor:pointer;
  z-index:15;
  opacity:0.5;		  
}

div.thumb:hover{
  opacity:0.8;	
}
div.thumb:hover::after{
  position:absolute;
  left:1px;
  top:1px;
  right:1px;
  bottom:1px;
  content:"";
  border:2px #ffffff solid;
}

div.atpage{
  border:2px #ff0000 solid;	
  opacity:1;
}

div.thumb > img{ width:100%; height:auto;}
div.thumb > i{
	
	position:absolute;
	left:0;
	bottom:0;
	font-size:0.8em;
	font-weight:bold;
	color:#ffffff; 		
}

#pdfviewer{
	width:100%;
	height:100%;
}


#dodisplay_block > #iiifplayer{
	position:absolute;
	top:0;left:0;
	width:100%; height:100%;
	display:block;
	z-index:10;
	background-color:#ffffff;
}

.iiifviewer_waper{
	position:relative;
	width:100%;
	height:100%;
}






/* 水平顯示模式 */
#content_display_dom[mode='hol']{
	height:100vh;
	flex-direction:row;
}
#content_display_dom[mode='hol'] ._content{
	height:100%;
	overflow:hidden;
	overflow-y:auto;
}

#content_display_dom[mode='hol'] .metadata_block{
	width:450px;
	display:flex;
	flex-direction:column;
	padding:0 15px;
	height:inherit;
}

#content_display_dom[mode='hol'] .mtblock_header{
	flex:0 0 80px;
}

#content_display_dom[mode='hol'] .mtblock_content{
	flex:1;	
}

#content_display_dom[mode='hol'] .dobrowse_block{
	flex:1;
}



/* 垂直顯示模式 */
#content_display_dom[mode='vel']{
	min-height:100vh;
	height:auto;
	flex-direction:column-reverse;	
}

#content_display_dom[mode='vel'] ._content{
	width:100%;
}

#content_display_dom[mode='vel'] .dobrowse_block{
	height:90vh;
}

#content_display_dom[mode='vel'] .metadata_block{
	min-height:500px;
	height:auto;
	max-width:1024px;
	margin-left:50%;
	left:-512px;
	padding:50px 0;
} 
 


#system_content{
	flex:1;
	position:relative;
	display:flex;
	flex-direction:column;
	padding-bottom:0;
}

#system_content[leftview='0'] .text_display_block{display:none;}
#system_content[leftview='meta'] .metadata_area{display:flex;}
#system_content[leftview='full'] .fulltext_area{display:flex;}


#system_content[dobjview='pdf'] a#act_scale_set{display:none;}
#system_content[dobjview='pdf'] a#act_rotate_left{display:none;}
#system_content[dobjview='pdf'] a#act_rotate_right{display:none;}
#system_content[dobjview='pdf'] a#act_dopage_prev{display:none;}
#system_content[dobjview='pdf'] a#act_dopage_next{display:none;}

#system_content[dobjview='pdf'] span.dopage_slider{display:none;}


.display_option{
	display:inline-block;
	width:26px; height:26px;
	margin:10px;
}



/* 數位檔案區 */ 
.display_area{
	flex:1;
	min-height:1px;
} 
.display_area > .container{
	height:calc(100vh - 64px);
	padding-left:60px;
	width:100%;
	max-width:100%;
}
.function_area{
	position:absolute;
	top:50%;
	margin-top:-122px;
}
.function_area._left{
	left:9px;
}
.function_area._right{
	right:9px;
	z-index:15;
}


.function_mask._pdf{
	position:relative;
	display:block;
	width:100px;
	height:30px;
	
}

.digital_area{
	width:100%;
	height:100%;
	position:relative;
	display:flex;
}

.object_display_block{
	flex:1;
	height:100%;
	background-color:#ffffff;
	position:relative;
}

#object_display object{
	width:100%;
	height:100%;
}

 
/* 左版面控制區 */ 

.text_display_block{
	height:100%;
	width:466px;
	background-color:#ebebeb;
	padding:0 38px 0 48px;
}

.text_display_block section{
	height:100%;
	display:none;
	flex-direction:column;
}

.section_border{
	height:100px;
	
	font-size:1.5em;
	padding:24px 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px #c8c8c8 solid;
	
}
.section_content{
	flex:1;
	overflow:auto;
}


/* 全文搜尋區 */
#act_content_search{}

.fulltext_area .section_border{
	border-bottom:0;
}
.fsmodule_option{}

#fssearch_string{
	display:block;
	width:100%;
	border:0;
	border-bottom:solid 1px #c8c8c8;
	padding:9px 3px;
	background-color:rgba(255,255,255,0);
	margin-bottom:24px;
}
#fssearch_submit{
	display:block;
	width:100%;
	padding:7px 0;
	margin-bottom:28px;
}

.fsmodule_display{} 
#fsresult_info[result='0'] > i{display:none;}

#fsresult_count{color:#be2d2d;}

#fsresult_list{ }

.fspreview{
	display:flex;
	margin-top:25px;
	cursor:pointer;
}

.fspreview:hover{
	 text-decoration:underline;
}

.fspreview._show{display:block;}

 




/* 底層控制區 */ 
.control_area{
	flex:0 0 50px;
	background-color:#e1e1e1;
	z-index:12;
	height:50px;
} 
.control_area  .container{
	display:flex;
	align-items:center;
	height:100%;
}

.docontrol{ 
	display:inline-flex;
	align-items:center;
	position:relative;
	cursor:pointer;
	margin-left:30px;
}
.docontrol:hover{
	color:#555a8c;
}
.docontrol::after{
	content:"";
	display:inline-block;
	margin-left:10px;
	width:25px; height:25px;
	position:relative;
	top:-2px;
}


#act_dopage_scale{
	display:inline-flex;
	align-items:center;
	margin-right:30px;
}

#dopage_switch_block{
	flex:1;
}
 


 
/* 檢索標記 */
search{ display:inline; background-color:#FFCCCC; }
 
 
/* [ PRINT BLOCK ]	*/ 
div.page_print_container{
	position:absolute;
	width:1024px;
	min-height:100%;
	margin:0 auto;
}
  
@media print {
	html,body{width:100%;height:auto;background-color:#ffffff;}
	div.display_object_area{ display: none;}
	div.display_function_area{ display: none;}
	div.system_display_area,div.display_block,div.display_meta_area{display:block; width:100%; position:relative; height:auto; overflow: visible; background-color:#ffffff;}
	 
	#meta_area{ }
	#metadata_table{width:100%;display:block; font-size:1.5em; page-break-inside: auto; page-break-after: always;} 
	#metadata_table  td{border-bottom:1px #cdcdcd solid; }
	#attachment_table{font-size:1.5em; page-break-inside:auto;}
	  
	#metadata_table tr.meta_record td{background-color:#ffffff;}
	tbody.attach_content{}
	tbody.attach_content[focus='0'] > .attach_meta{display:table-row;}	
	tbody.attach_content[focus='0'] > .attach_meta .attfield{border-bottom:0px;}
	tbody.attach_content[focus='0'] > .attach_meta .attfield:nth-child(n+2){display:none;}	
	tbody.attach_content tr{
		page-break-after: always;
		page-break-inside: avoid;
		page-break-before: avoid;
	}
	  
	#printref{width:100%;font-size:0.7em; position:fixed; bottom:0; border-top:0.8px #cdcdcd dotted; padding-top:7px;}
}  

@page{
    height:100%; 
	max-width:100%;
	margin: 10mm 10mm 10mm 10mm;
	/*size:landscape;*/
}


/* RWD */
@media (max-width: 1024px){
	#content_display_dom[mode='hol']{
		min-height:90vh;
		height:auto;
		flex-direction:column-reverse;	
	}
	#content_display_dom[mode='hol'] ._content{
		height:auto;
		overflow:auto;
		overflow-y:auto;
	}

	#content_display_dom[mode='hol'] .metadata_block{
		width:80%;
		display:block;
	    padding:0 15px;
		margin-left:-40%;
		left:50%;
	}

	#content_display_dom[mode='hol'] .mtblock_header{
		height:80px;
	}
    
	#content_display_dom[mode='hol'] .dobrowse_block{
		min-height:600px;
		height:600px;
		flex:0 0 90VH;
	}
 
}	

/* only firefox */
@-moz-document url-prefix(){
	.browse_member_content{
		margin-bottom:130px;
	}
}