div.header_area{
	  width:100%;
	  height:150px;
	}
	
	div.pheader_area{
	  width:100%;
	  height:120px;
	}
	  nav{display:none;}
    
	div.content_area{
	  width:99%;
	  padding:10px 5px 0px 5px;
	  
	}
	  /*,div.data_area,div.bookmark_area*/
	  div.browse_area{
	    width:280px;
		border-right:1px #888888 dashed;
	    float:left; 
	  }
	    
		div.browse_member{
		   /*
		  -moz-box-shadow:0px 5px 6px -6px #949495;
          -webkit-box-shadow:0px 6px 6px -6px #949495;
          box-shadow:0px 5px 6px -6px #949495;
		  */
		  margin-bottom:5px;
		}
		
		div.browse_member_board{
		  width:100%;
		}
		  div#Board-UserAccount{
		    width:240px;
		    padding-left:10px;
		    height:20px;
			line-height:20px;
			overflow:hidden;
		  }
		  div#Board-UserAccount span{
		    vertical-align:middle;
		  }  
			span#User_Mark{
			  display:inline-block;
			  width:16px;
			  height:16px;
			  background:url('../images/mark_user.png');
			  opacity:0.7;
			}
			
			span.loginer{
				display:inline-block;
				color:#007bbb;
				padding-left:8px;
				text-decoration:underline;
				max-width:210px;
				overflow:hidden;			
		    }
		  
			
		  div#Option-SignOut{
		    height:20px;
			width:22px;
			line-height:20px;
		  }	
			span.logout_block{
			  position:relative;
			  display:inline-block;
			  width:11px;
			  height:11px;
			  background-color:#949495;
			  top:2px;
			  border:1px #808080 solid;
			  border-radius:1px;
			  box-shadow:0px 0px 2px rgba(30, 30, 30, 0.55);
			}
			
			span.logout_block:hover{
			  background-color:#7d7d7d;
			}
			
			
			a.option_signout{
			  position:absolute;
			  top:1px;
			  left:1px;
			  display:block;
			  width:10px;
			  height:14px;
			  background:url('../images/System_Search_Image.png') -60px -60px;
		    }
			
		  
		  div.browse_member_board_view{
		    float:left;
			width:200px;
		  }
		  
		    span.browse_bord_img{
			  display:block;
			  width:200px;
			  height:30px;
			}
		    
		    span#Board-LevelBrowse{
			  background:url('../images/System_Search_Image.png') 0px -90px;
			}
		    
			span#Board-PQueryBrowse{
			  background:url('../images/System_Search_Image.png') 0px -120px;
			}
			span#Board-HistoryBrowse{
			  background:url('../images/System_Search_Image.png') 0px -150px;
			}
		    span#Board-MetadataBrowse{
			  background:url('../images/System_Search_Image.png') 0px -180px;
			}
		  div.browse_member_board_option{
		     float:right;
		  }
		    a.view_botton_close ,a.view_botton_open{
			  display:block;
              float:right;	
              width:30px;
              height:30px;			  
			}
			
			a.view_botton_open{
			  background:url('../images/System_Search_Image.png') 0px -30px;
			  opacity:0.8;
			}
		    
			a.view_botton_open:hover{
		      opacity:1;
		    }
			
			a.view_botton_close{
			  background:url('../images/System_Search_Image.png') -30px -30px;
			  opacity:0.8;
			}
			
			a.view_botton_close:hover{
		      opacity:1;
		    }
			
		div.browse_member_content{
		  width:93%;
		  padding-left:10px;
		}  
		  div.level_type_title{
		    font-size:14px;
			font-weight:bold;
			height:25px;
			line-height:25px;
		  }
		
		
		div#account_area{
		  
		}
		  div.account_info{
		    padding-left:27px;
		    font-size:13px;
			height:18px;
			line-height:18px;
		  }
		
		div#level_area{}		  
			
			ul.browse_level_area{
			  font-size:15px;
			  color:#2b2b2b;
			}
		      
			  li.LevelTerm{
			    line-height:23px;
				display:block;
			  }
			  li.LevelTop{
			    font-weight:bold;
			  }
			  li.LevelTarget{
			    background: -moz-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(221,221,221,0.99) 1%, rgba(221,221,221,0) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(221,221,221,1)), color-stop(1%,rgba(221,221,221,0.99)), color-stop(100%,rgba(221,221,221,0))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(221,221,221,0.99) 1%,rgba(221,221,221,0) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(221,221,221,0.99) 1%,rgba(221,221,221,0) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(221,221,221,0.99) 1%,rgba(221,221,221,0) 100%); /* IE10+ */
				background: linear-gradient(to right, rgba(221,221,221,1) 0%,rgba(221,221,221,0.99) 1%,rgba(221,221,221,0) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#00dddddd',GradientType=1 ); /* IE6-9 */
			    border-radius:3px 0 0 3px;
			  }
			  li.LevelGroup{
			    display:inline;
			  }
			    
				span.level_option{
				  padding-left:2px;
				  padding-right:2px;
				}
				span.level_num{
				  font-size:13px;
				  color:#6D7B8D;
				}
		        li.LevelTerm a{  color:#444444;}
		        li.LevelTerm a:hover{  color:#1E90FF;}
                li.LevelTerm a:visited{ color:#2b2b2b;}
		  
	    div#postquery_area{
		  font-size:13px;
		}
		 
		  div.pq_selecter_block , .pq_option_block {
		    width:98%;
			margin-top:2px;
			margin-bottom:2px;
		  }  
			select.pq_select{
			  margin:0px;
			  padding:0px;
		      width:81%;
			  border:#DDDDDD 1px solid;
		      color:#444444;
			}
			
			form.pq_select_form{
			  
			}
			  
			  div.pq_set{
			    width:100%;
			  }  
			  div.pq_set:hover{
			    background-color:	#F5F5F5;
				
			  }  
			    
			  
			  div.pq_mark{
			    background-color:	#F5F5DC;
			  } 
			    div.set_lv1{ margin-left:0px;}
				div.set_lv2{ margin-left:10px;}
				div.set_lv3{ margin-left:20px;}
				
				div.set_name{
				  height:20px;
				  line-height:20px;
				  float:left;
				}
			      a.lv1_term{ color:#007799;}
				  a.lv2_term{ color:#9e9478;}
				  a.lv3_term{ color:#666666;}
				  
				  
				  a.lv1_num{ color:#444444; font-weight:bold;}
				  a.lv2_num{ color:#444444;}
				  a.lv3_num{ color:#666666;}

				  span.auth_link{ font-size:10px; cursor:pointer;}
				
				div.set_num{
				  height:20px;
				  line-height:20px;
				  float:right; 
				  width:23%;
				  text-align:right;
				  font-size:11px;
				  cursor:pointer; 
				}
			
		  div.pq_option_block{
	    
		  }	
		  div.pq_option_block input{
		    width:49%;
			height:25px;
		  }
		  div.pq_list_block{
		    width:96%;
		  }
		  
		  div.pq_loading_block{
		    width:96%;
			text-align:center;
			display:none;
		  }
		  
		  
		  div.pq_more{
			width:100%;
			text-align:right;
			font-size:13px;
			text-align:right;
	      }
          
		  div.pq_more a{
		    color:#ab6953;
		  }
		  
		  
		div#history_area{
		  
		} 
	      div.history_block{
		    padding-left:15px;
		    padding-bottom:5px;
		    margin-bottom:10px;
			border-bottom:#c8d5bb 1px dotted;
			width:95%;
		  }
		  div.history_now{
		    width:95%;
			min-height:130px;
			background-color:#e7e7eb;
			border-bottom:#c8d5bb 0px dotted;
			padding-right:4px;
			padding-left:4px;
		    -moz-box-shadow:0px 5px 6px -6px #949495;
            -webkit-box-shadow:0px 7px 7px -7px #949495;
            box-shadow:0px 5px 6px -6px #949495;
		  }
			  
		  
		  div.history_more{
		    display:none;
		  }
		  div.history_option{
		    text-align:right;
			font-size:13px;
			border-bottom:#c8d5bb 0px dotted;
		  }
		    div.history_option a{
			  color:#ab6953;
			}
		  
		    div.history_title{
			  line-height:25px;
			  height:25px;
			  vertical-align:middle;
			}
			  
		      
			  span.his_name{
			    font-size:14px;
			  }
			  
			  span.his_name a{
			    color:	#008888;
			  }
			  
			  span.his_now{
			    font-size:15px;
			    color:#769164;
				font-weight:bold;
			  }
			  
			  span.his_time{
			    font-size:11px;
			    color:#767c6b;
				padding-left:5px;
			  }
			  
			
			div.history_content{
			  width:100%;
			  font-size:13px;
			  color:#666666;
			}
			
			
			  div.his_term_block{
			  
			  }
			    div.his_cont{
			      width:78%;
			      float:left;
				  color:#888888;
			    }
				
				
			    
				div.his_option_del{
				  width:5%;
				  float:left;
				}
				div.his_option_del a{
				  color:#ab6953;
				}
				
				div.his_term_cont{
				  width:80%;
				  float:left;
				}
				 a.his_term_pop{
				   color:#888888;
				 }
				 a.his_term_mask{
			      color:#FFFFFF;
			     }
				  
				div.his_term_normal{
			      
			    }
			   
				
				
				div.his_option_mask{
				  width:14%;
				  float:right;
				}
				span.his_field{
			      font-weight:bold;
			    }
	            span.his_term_mask{
				  color:#DDDDDD;
				}
	            
			  div.his_page{
			    width:20%;
			    float:right;
			    font-size:11px;
			    color:#769164;
			  }
		
        div#meta_area{
		  width:93%;
		  padding-left:15px;
		}
          
		  div.meta_no{
		    height:20px;
		    line-height:30px;
			font-size:15px;
			font-weight:bold;
			color:#2F4F4F;
			position:relative;
			top:-10px;
		  }
		    span.no_tag{
			  width:30px;
			  height:18px;
			  display:inline-block;
			  background:url('../images/System_Search_Image.png') 0px -60px;
			}
		    
	  
	  div.data_area{
	    width:600px;
		margin:0 0 0 5px;
		float:left;
		position:relative;
	  }
	    
		div.catalog_list_header{
		  font-size:18px;
		  font-weight:bold;
		  padding:10px;
		}
		
		div.catalog_block{
          margin:10px;
	      border:1px #CDCDCD dashed;
          min-height:150px;
		  
		}
		  div.cover_block{
		    float:left;
			margin:10px;
		    box-shadow:3px 3px 7px -1px #949495;
		  }
		    
		  
		  
		  
		  div.info_block{
		    float:left;
			margin:10px;
		  }
		   
		    div.book_title{
			  font-weight:bold;
			  line-height:25px;
			  max-width:420px;
			} 
		      
			  
			div.book_data{
			  font-size:14px;
			  line-height:20px;
			}  
			  span.info_field{ 
			    display:inline-block; 
				width:60px;
			    font-weight:bold;
			  }
			  
		
		
		      span.info_value  span.mark16{
			    position:relative;
				top:3px;
			  }
		      
			  a.meta_download{
			    cursor:pointer;
				color:#38a1db;
				 text-decoration:underline
			  }
		     
		
			
        div.display_board{
		  width:100%;
		  background-color:#c8c2be;
		  overflow:hidden;
		  min-height:600px;
		}
          
		  object.pdf_display_area{
		    width:100%;
			height:100%;
		  }
		  
		a.onimage_ctrl{
		  position:absolute;
		  top:40%;
		  opacity:0.1;
		}
		a.onimage_ctrl:hover{
		  opacity:0.9;
		}

		
		
		a.upimg{
		  left:2px;
		  text-align:left;
		}
		
		
		a.dwimg{
		  text-align:right;
		  right:2px
		}
		
		  i.botn_img{
		    position:relative;
			top:45%;
		    display:block;
		    width:30px;
		    height:60px;
		  }
		
		  i#i_up{background:url('../images/System_Search_Image.png') -180px 0px;}
		  i#i_dw{background:url('../images/System_Search_Image.png') -210px 0px;}
		  
		  
		  
		div.link_board{
		  width:100%;
		  line-height:30px;
		  height:30px;
		  font-size:14px;
		}  
		  span.ref_title{
			font-weight:bold;
		  }
		  
		  span.ref_block{
		    display:inline-block;
		    max-width:500;
			overflow:hidden;
		  }
		  
		  span#ref_address{
			color: 	#666666;
		  }
		  
		  
		  
		div.page_board{
		  width:100%;
		  font-size:13px;
		  line-height:20px;
		} 
		  div.page_info_area{
		    float:left;
			width:28%;
		  }
		    
			span.page_info_word{
			  font-weight:bold;
			  color:#AA0000;
			}
			
			
		  div.page_ctrl_area{
		    float:left;
			width:55%;
		  }
					  
		    div.page_trans{
			  width:7%;
			  height:20px;
			  line-height:20px;
			  white-space : nowrap
			}
			div.page_trans:after {
			  content : ".";
			  font-size : 1px;
			  margin-left : -1px;
			  opacity : 0;
			}
			div#page_up{
			  float:left;
			}
			div#page_next{
			  text-align:right;
			  float:left;
			}
			
			div.page_num{
			  float:left;
			  width:84%;
			  text-align:center;
			}
			  a.page_link,span.page_now{
			    padding-left:2px;
				padding-right:2px;
			  }
			  
			  span.page_now{
			    font-weight:bold;
				color:#6b7b6e;
			  }
		  div.page_jump{
		    float:left;
		  }	
		  div.page_jump_area{
		    width:15%;
			float:right;
		  }
		    select.page_select{
			  width:55px;
			}
			select.page_select option{
			  text-align:right;
			} 
		
		div.result_board{
	      width:100%;
		  min-height:380px;
		  margin-top:10px;
		}
		
		  div.result_block{
		    width:100%;
			margin-bottom:20px;
		  }
		    
			div.result_select{
			  width:11%;
			  float:left;
			  font-size:12px;
			  color:#666666;
			}
			
			div.result_content{
			  width:87%;
			  float:left;
			}
			
			  div.result_header{
			    padding-bottom:5px;
				
			  }
			    
				div.result_title{
				
				}
				  div.result_link{
				    line-height:25px;
			        padding-left:10px;
				  }
				    span.acc_link a{
				      font-weight:bold;
					  color:#2c4f54;
					  font-size:16px;
				    }
					span.acc_type{
					  display:inline-block;
					}
					
				    span.acc_info{
					  font-size:14px;
					}
				  
				  
				div.result_null{
				  text-align:center;
				  line-height:40px;
				  height:40px;
				  
				}
				  span.result_worring{
				    color:red;
				  }
				
			    div.result_info{
				  padding-left:15px;
				  color:#444444;
				}
				  div.result_field{
				    font-size:13px;
					line-height:16px;
				  }
				    span.field_name{
					  display:block;
				      float:left;
					  color:#444444;
				      width:75px
					}
				    span.field_value{
				      display:block;
					  float:left;
                      width:420px; 				  
				    }
			  
			  div.result_body{
			    width:100%;
			  }  
				
				
				div.result_descrip{
				  width:95%;
				  padding:8px;
			      background-color:#ebf6f7;
				  text-indent:2em;
				  line-height:1.5em;
				
				  border-radius:3px;
                  box-shadow:0px 7px 7px -7px #949495;
			    }
			      div.result_text{
				    color:#474a4d;
				    min-height:75px;
				  }
                  div.result_source{
				    text-align:right;
				    color:#007799;
				    font-size:13px;
			      }			  
			    
				
				
			  div.result_floder{
			    width:100%;
			  }
			    
				div.result_function{
				  width:98%;
				  text-align:right;
				}  
				  ul.res_option_area{
				    display:block;
					float:right;
					margin:0;
                    padding:0;
					list-style-type:none;
					overflow:hidden;
				  }
				  
				  li.res_option{
				    float:right;
					margin-left:5px;
				  }
				  a.rbotton{
					float:left;
					display:block;
					color: 	#666666;
					opacity:0.2;
				  }
				  
				  a.rbotton:hover{
				    opacity:0.9;
				  }
				  
				  span.rb_preview{
				    width:28px;
					height:30px;
					display:block;
					background:url('../images/System_Search_Image.png') -60px 0;
				    float:left;
				  }
				  span.rb_note{
				    width:28px;
					height:30px;
					display:block;
					background:url('../images/System_Search_Image.png') -30px 0;
				    float:left;
				  }
				  span.rb_report{
				    width:28px;
					height:30px;
					display:block;
					background:url('../images/System_Search_Image.png') 0 0;
				    float:left;
				  }
				  
				  span.rb_commet{
				    display:block;
					float:left;
					height:25px;
					line-height:25px;
				    font-size:14px;
				  }
				  
				 
				  /*
				  a.res_botton img{
				   Filter: Alpha(Opacity=10);
                   opacity:0.2;
				  }
				  
				  a.res_botton:hover img{
				    Filter: Alpha(Opacity=100);
                    opacity:1;
				  }
				  
				  a.res_botton:active img{
				    width:28px;
					height:28px;
				  }
				  */
				  
				ul.res_tag_area{
				    width:70%;
				    display:block;
					float:left;
					margin:0;
                    padding:0;
					list-style-type:none;
					overflow:hidden;
				  }
				  
				  li.tag_option{
				    display:inline-block;
				    text-align:left;
				    font-size:13px;
				    float:left;
					margin:7px 5px 3px 0;
					background-color:#eaf4fc;
  				    height:18px;
					line-height:18px;
					min-width:100px;
				  }
				    li.tag_option a{
					  display:inline-block;
					}
					
					span.tag_term{
					  color:#7b7c7d;
					}
					a.del_option{
			          cursor: pointer;
			          width:15px;
			          height:15px;
			          color:#89c3eb;
		              background:url('../images/System_Search_Image.png') -30px -72px;
			        }
			        a.del_option:hover{
		              color:#FFFFFF;
			          background:url('../images/System_Search_Image.png') -45px -72px;
		            }
					
				
				div.result_preview{
				  width:98%;
				  position:relative;
				}
				  div.res_preview{
				   
				    height:400px;
				    text-align:center;
				    background-color:#666666;
				    display:none;
				    overflow-y:scroll;
				    overflow-x:hidden;
					
				  }
			    
				    div.preview_block{
				      width:100%;
				    }
				      img.preview_img{
				        width:100%;
				      }
				
				  div.res_loading{
				    width:100%;
				    background-color:#666666;
				    position:absolute;
				    bottom:0;
				    height:50px;
				    line-height:50px;
				   
				    text-align:center;
				    vertical-align:middle;
                    display:none;
					
					opacity:1;
				  }
				
			  /* 檢索標記 */
			  search{
			    background-color:#fde8d0;
			  }
		      
			  person{
			    font-weight:bold;
				color: #007799 ;
				padding-left:2px;
				padding-right:2px;
			  }
			  
			  persona{
			    font-weight:bold;
				color: #007799 ;
				padding-left:2px;
				padding-right:2px;
			    cursor:pointer;
			  }
			  
			  persona::after{
			    margin-left:3px;
				content:"1";
				font-weight:100;
				vertical-align:top;
			  }
			  
			  
		      location{
			    font-weight:bold;
				color: 	#008866;
			  }
		
		div.illustration_board{
          font-size:15px;
	      padding-left:20px;
		  padding-top:30px;
		  line-height:20px;
        }	 
	      div.ill_title{
	        font-weight:bold;
	        color:#666666;
	      }
	      div.illustration_board ul, div.illustration_board ol{  padding-left:20px;}
		  div.illustration_board li{
		    list-style-type:disc;
	        line-height:25px;
	      }
          span.mark{
	        color:#C10066;
	      }
	  
	  
	  
	  div.function_area{
		width:105px;
		float:left;
		margin-left:5px;
		border-top-right-radius: 10px 10px;
		
	  }
	    
		div.login_board{
		  position:relative;
		  width:95%;
		  margin:5px 0px;
		  text-align:left;
		  height:25px;
		  line-height:25px;
		  background-color:#abced8;
		  border-radius: 4px;
		  font-size:11px;
		  
		}
		 
		div.info_title{
		  padding-left:5px;
		  width:91%;
		  height:25px;
		  line-height:25px;
		  text-align:left;
		  border-radius: 4px;
		  font-size:13px;
		  color:#FFFFFF;
		  background-color:#96514d; 
		} 
		div.info_board{
		  width:85%;
		  margin:0 5px 10px;
		}   
		  div.info_set{
		    font-size:13px;
			padding:2px;
			border-bottom:1px #CDCDCD dotted;
			cursor:pointer;
		  }
		    div.ifo_type{
			  float:left;
			  width:90%;		  
			  color:#3f312b;
			}
			div.ifo_num{
			  float:left; 
			  color:#666666;
			}
			
		
		div.visit_title{
		  padding-left:5px;
		  width:91%;
		  height:25px;
		  line-height:25px;
		  text-align:left;
		  border-radius: 4px;
		  font-size:13px;
		  color:#FFFFFF;
		  background-color:#9ba88d;
		  
		}
		
		div.visit_board{
		  width:90%;
		  height:320px;
		  overflow:auto;
		}
		
		.horizontal-only{
	      height: auto;
	      max-height: 320px;
        }
		.jspVerticalBar{
		  width:5px;
		}
		  div.visit_block{
		    position:relative;
		    width:95%;
			height:100px;
			margin:5px;
			overflow:hidden;
		    font-size:13px;
			background-color:#f8fbf8;
		    border-radius: 5px 5px;
		  }
		  div.visit_hide{
		    display:none;
		  }
		    img.vis_img{
			  width:99%;
		  	}
		    
			div.vit_mark{
			  float:left;
			  height:0;
			  
	          border-top: 20px solid  #7d7d7d; 
	          border-right: 20px solid transparent;
			}
			
			div.vit_descrip{
			  padding-top:5px;
			  width:95%;
			  height:70%;
			  margin:3px;
			}
			a.vit_link{
			  color: #888888;
			  opacity:0.7;
			}
			a.vit_link:hover{
			  color: #888888;
			  opacity:1;
			}
			  
			div.vit_bottom{
			  width:95%;
			  text-align:right;
			}
			  span.vit_page{
			    -webkit-text-size-adjust: none;
			    font-size:11px;
				color:#8CAC52;
				font-weight:bold;
			  }
		div.tags_title{
		  padding-left:5px;
		  width:91%;
		  height:30px;
		  line-height:30px;
		  text-align:left;
		  border-radius: 4px;
		  font-size:13px;
		  color:#FFFFFF;
		  background-color:#478384;
		}
		  span.tmark{
		    display:inline-block;
		    width:10px;
			height:10px;
		    border-radius:5px;
			background-color:#583822;
			margin-right:7px;
		  }
		
		div.tag_board{
		  width:97%;
		}
		div.tag_set{
		  width:100%;
		  margin:5px 0;
		}
          div.tag_block {
			font-size:13px;
			color:#7b7c7d;
			background-color:#eaf4fc;
			height:20px;
			line-height:20px;
			cursor: pointer;
			width:100%;
		  }
		  
		  div.tag_block a{
		    display:inline-block;
		  }
		    span.tag_unset{
			  display:inline-block;
			  background-color:#89c3eb;
			  height:100%;
			  border-radius: 3px 0 0 3px;
			}
		  
		    a.unset_option{
			  cursor: pointer;
			  width:15px;
			  height:15px;
			  color:#89c3eb;
		      background:url('../images/System_Search_Image.png') -30px -72px;
			}
			a.unset_option:hover{
		      color:#FFFFFF;
			  background:url('../images/System_Search_Image.png') -45px -72px;
		    }
		  
		    a.tag_name{
		      height:20px;
			  line-height:20px;
			  color:#7b7c7d;
		    }
		  
		  div.tag_info{
		    font-size:11px;
			padding:2px 0 0 2px;
		  }
		  
		    div.tag_count{
		      float:left;
			  color:#afafb0;
			  min-width:20px;
		    }
		    
			div.tag_option{
			  float:right;
			}
			  a.sel_export{
			    display:block;
				width:12px;
				height:12px;
				background:url('../images/System_Search_Image.png') -45px -60px;
			    color:#4682B4;
			  }
			  a.sel_export:hover{
			    
				background:url('../images/System_Search_Image.png') -30px -60px;
			   
			  }
			
		
		div.setting_bord{
		  height:150px;
		  background-color:#89c3eb;
		  font-size:13px;
		}
	  
    div.system_footer_area, div.push{
      text-align:center;
      width:100%;
	  height:50px;
    }
      
	  div.system_foot_area{
        height:50px;
        position:relative;
       }	  
	
	  div.organ_drnh{
	    position:absolute;
	    right:140px;
	    top:0;
	    opacity:0.9;
	  }
      
	  div.organ_rcdh{
	    position:absolute;
	    right:0px;
	    top:7px;
	  }	
	 
	  div.copy_right{
	    height:100%;
	    line-height:50px;
	    width:100%;
	    font-size:13px;
	    text-align:left;
	    color:#715c1f;
	  }  
  
  
  
  /*******  投影模式  *****/
  
  div.system_project_area{
    outline: none;
	background-color:rgba(0, 0, 0, 0.9);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	overflow:hidden;
  }
    div.project_block{
	  width:100%;
	  height:100%;
	  overflow-x:hidden;
	  overflow-y:hidden;
	  
	}
      div.project_meta_area{
	    position:absolute;
		height:100%;
	    width:290px;
	    background-color:white;
		padding-left:10px;
	  }
	  
	  div.project_object_area{
	    margin-left: 300px;
		margin-right:110px;
		height:100%;
	  }
	  
	    div.poj_display{
		  height: 100%;
		  width:  100%;
		  position:relative;
		  overflow:hidden;
		  min-width:500px;
		}
		  div.poj_view{
		    height:100%;
			min-height: 500px;
			background-color:#000000;
			margin-bottom:-50px;
			position:relative;
			overflow:hidden;
		  }
		  
		  div.poj_cover{
		    position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:50px;
			background-color:#FFFFFF;
			visibility:visible;
			opacity:0;
			z-index:180;
		  }
		    div.obj_block{
			  min-height:500px;
			  margin-top:5px;
			  background-color:#AAAAAA;
			  border:1px #888888 dotted;
			  border-bottom-style:solid;
			  position:absolute;
			  visibility:hidden;
			  overflow:hidden;
			}

			  img.ImageObject{
				cursor:pointer;
				position:relative;
				top:0;
				opacity:0.1;
			    /*display:none;*/
			  }
			  
			  div.obj_func{
			    width:100%;
				position:absolute;
				bottom:0px;
				height:30px;
				background-color:#888888;
				z-index:200;
				text-align:left;
				opacity:0.5;
				
				
			  }
			  
			  div.obj_func:hover{
			    opacity:0.9;
			  }
			    
			    div.obj_tool{
				  display:inline-block;
				  font-size:12px;
				}
				  a.tool_botton{
				    display:inline-block;
					height:30px;
					width:30px;
					cursor: pointer;
					margin-left:5px;
				  } 
				  
				  a.bt_link{
					background:url('../images/System_Search_Image.png') -90px -60px;
				  }
				  
				  a.bt_zoomin{
					background:url('../images/System_Search_Image.png') -120px -30px;
				  }
				  a.bt_zoomout{
					background:url('../images/System_Search_Image.png') -120px -60px;
				  }
				  
				  a.bt_print{
					background:url('../images/System_Search_Image.png') -150px -30px;
				  }
				  
				  a.bt_mark{
					background:url('../images/System_Search_Image.png') -150px -60px;
				  }
				  
			    input.obj_ref{
				  display:none;
				  position:absolute;
				  bottom:35px;
				  left:50px;
				  background-color:#B0E0E6;
				  color:#696969;
				  font-size:11px;
				  border:1px #888888 solid;
				  padding:6px 5px;
				  border-radius: 4px;
				  width:75%;
				  opacity:1;
				}
				  
			  div.bookmark{
			    width:30px;
				height:50px;
				border-radius: 0 0 4px 4px;
				background-color:#e7609e;
				position:absolute;
				top:0px;
				left:3px;
			  }     
			
			a.onpoj_ctrl{
			  position:absolute;
			  top:40%;
			  z-index:250;
			  display:block;
			  width:40px;
			  height:60px;
			  
			  opacity:1;
			}
			
			a#onpoj_dw{
			  background:url('../images/System_Search_Image.png') -320px -0px;
			  right:0px;
			}
            a#onpoj_up{
		      background:url('../images/System_Search_Image.png') -270px -0px;
			  left:0px;
		    }
			
			a#onpoj_dw:hover{
			  background:url('../images/System_Search_Image.png') -320px -60px;
			  right:0px;
			}
            a#onpoj_up:hover{
		      background:url('../images/System_Search_Image.png') -270px -60px;
			  left:0px;
		    }
			
			a#onpoj_dw:active{
			  background:url('../images/System_Search_Image.png') -320px -120px;
			  right:0px;
			}
            a#onpoj_up:active{
		      background:url('../images/System_Search_Image.png') -270px -120px;
			  left:0px;
		    }
			
			span.onpoj_info{
			  position:absolute;
			  z-index:250;
			  width:60px;
			  top:43%;
			  background-color:red;
			  font-size:12px;
			  font-weight:bold;
			  color:#ffffff;
			  text-align:center;
			  display:block;
			  padding:5px 7px;
			  opacity:0;
			  border-radius: 4px;
			}
			span#btinfo_up{
			  left:40px;
			}
			span#btinfo_dw{
			  right:40px;
			}
			div#btinfo_pageload{
			  position:absolute;
			  z-index:150;
			  width:100px;
			  height:70px;
			  line-height:70px;
			  top:40%;
			  left:45%;
			  background-color:#888888;
			  border-radius: 4px;
			  text-align:center;
			  opacity:1;
			}
			div#btinfo_pageload img{
			  vertical-align:middle;
			}
	      div.poj_bottom{
		    width:100%;
		    height:50px;
		    line-height:50px;
		    background-color:#333333;
			position:relative;
		  }
		    ul.poj_option_area{
			  float:right;
			  margin:0;
              padding:0;
			  overflow:hidden;
			  margin-right:10px;
		    }
				  
			  li.poj_option{
			    display:inline-block;
			    min-width:100px;
				float:right;
				margin-left:5px;
				padding-left:5px;
				border-left:1px  #444444 dotted;
			  
			  }
				  
			  a.pbotton{
				opacity:0.4;
			  }
			  
			  a.pbotton:hover{
				opacity:0.9;
			  }
				  
			    span.pb_icon_note{
				  width:28px;
				  height:30px;
				  display:inline-block;
				  background:url('../images/System_Search_Image.png') -30px 0;
				  
				}
				
				span.pb_icon_report{
				  width:28px;
				  height:30px;
				  display:inline-block;
				  background:url('../images/System_Search_Image.png') 0 0;
				  vertical-align:middle;
				  line-height:1em
				}
				  
				span.pb_name{
				  display:inline-block;
				  font-size:14px;
				  color:#FFFFFF;
				}
		  
	  div.project_function_area{
	    position:absolute;
		height:100%;
	    width:110px;
	    background-color:white;
		right:0;
		top:0;
		z-index:300;
	  }	
    
    /*******  一般影像模式  *****/
    div.system_display_area{
      outline: none;
	  background-color:rgba(0, 0, 0, 0.9);
	  position:fixed;
	  top:0;
	  right:0;
	  bottom:0;
	  left:0;
	  display:block;
	  overflow:hidden; 
    }
  
    div.display_block{
	  width:100%;
	  height:100%;
	  overflow-x:hidden;
	  overflow-y:hidden;
	  
	}
      div.display_meta_area{
	    position:absolute;
		height:100%;
	    width:290px;
	    background-color:white;
		padding-left:10px;
		overflow-x:hidden;
		overflow-y:auto;
		
	  }
	  
	  div.display_object_area{
	    margin-left: 300px;
		margin-right:110px;
		height:100%;
	  }
      
	    div.obj_display{
		  height: 100%;
		  width:  100%;
		  position:relative;
		  overflow:hidden;
		  min-width:500px;
		}
		  div.obj_view{
		    min-height: 500px;
			background-color:#000000;
			position:absolute;
			bottom:50px;
			top:0;
			left:0;
			right:0;
			overflow:hidden;
			text-align:center;
		  }
		    a#video_player{
			  margin:50px auto 0;
			  
			}
			
		  div.obj_refer{
		    font-size:14px;
		    height:30px;
			line-height:30px;
			text-align:left;
			position:absolute;
			width:100%;
			bottom:50px;
			left:0;
			right:0;
			background-color:rgba(0,0,0,0.5);
			color:#FFFFFF;
		    overflow:hidden;
		  }
		    span.ref_title{
			  display:block;
			  position:absolute;
			  left:10px;
			}
			div.ref_string{
			  display:block;
			  position:absolute;
			  top:0;
			  bottom:0;
			  left:90px;
			  right:0;
			}
			  input#reference_string{
			    width:100%;
			    height:100%;
			    line-height:100%;
			    border-width:0px;
			    background-color:rgba(0,0,0,0);
			    color:#FFFFFF;
			    cursor:pointer;
			    text-align:center;
			  }
		  div.obj_bottom{
		    width:100%;
		    height:50px;
		    line-height:50px;
		    background-color:#333333;
		    position:fixed;
			bottom:0px;
		  }
		    
			ul.obj_option_area{
			  height:100%;
		    }
				  
			  li.obj_opt{
			    display:inline-block;
			    min-width:100px;
				float:left;
				margin-left:5px;
				padding:0 5px;
				border-right:1px  #444444 dotted;
				color:#FFFFFF;
				font-size:13px;
			  }
			
			  li.obj_opt select{
			    margin-top:15px;
			  }
			  
			  #ref_block{
			    width:300px;
			  }
			  
			  #img_ctrl{
			  
			  }
			    div.opt_size_title{
			      float:left;
			    }
				
				div#opt_size_slider{
				  
		          float:left;
				  width:150px;
			      margin:18px 10px 0px 20px;
			      font-size:13px;
			    }
			    div.opt_size_info{
			      width:30px;
			      float:left;
			    }
                div.opt_size_scroll{
			      float:left;
			    }
			  
			    a.onobj_dw{
			      background:url('../images/System_Search_Image.png') -320px -0px;
			      right:0px;
			    }
                a.onobj_up{
		          background:url('../images/System_Search_Image.png') -270px -0px;
			      left:0px;
		        }
			
			    a.onobj_dw:hover{
			      background:url('../images/System_Search_Image.png') -320px -60px;
			      right:0px;
			    }
                a.onobj_up:hover{
		          background:url('../images/System_Search_Image.png') -270px -60px;
			      left:0px;
		        }
			
			    a.onobj_dw:active{
			      background:url('../images/System_Search_Image.png') -320px -120px;
			      right:0px;
			    }
                a.onobj_up:active{
		          background:url('../images/System_Search_Image.png') -270px -120px;
			      left:0px;
		        }
		
		
		
	  div.display_function_area{
	    position:absolute;
		height:100%;
	    width:110px;
	    background-color:white;
		right:0;
		top:0;
		z-index:300;
	  }	
  /*******----- other DOM -----*******/		
  div.system_login_area{
    outline: none;
	background-color:rgba(0, 0, 0, 0.8);
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	left:0;
	z-index:400;
	display:none;
	overflow:hidden;
  }	
    div.relogin_block{
	  position:absolute;
	  top:35%;
	  left:45%;
	  width:250px;
	  height:200px;
	  background-color:#FFFFFF;
	  text-align:center;
	  
	  -moz-box-shadow:0px 5px 6px -6px #949495;
      -webkit-box-shadow:0px 7px 7px -7px #949495;
       box-shadow:0px 5px 6px -6px #949495;
	}
    
	  div.relogin_board{
	    background-color:#009FCC;
		color:#FFFFFF;
		line-height:35px;
		height:35px;
		
	  }
	  table.relogin_form{
	    margin:20px 10px;
	    width:90%;
	  }  
	    td.login_filed{width:30px;}
	    td.login_value{ text-align:right;}
	  
	  div.index_link{
	    width:96%;
		text-align:center;
		font-size:13px;
	  }
	  
	    span#final_Countdown{
		  font-weight:bold;
		  color: #A42D00 ;
		}
		
  div.system_app_area{
    position:fixed;
	background-color:rgba(132, 185, 203, 1);
	top:10px;
	right:0;
	bottom:0;
	width:350px;
	display:none;
	height:100%;
	-moz-box-shadow:-5px 0px 5px -3px  #666666;
    -webkit-box-shadow:-5px 0px 5px -3px #666666;
    box-shadow:-5px 0px 5px -3px #666666;
	z-index:500;
  }	
    
	div.app_top_block{
	  text-align:left;
	  height:30px;
	  line-height:30px;
	}
	
	  span.close_option{
	    padding-left:10px;
	    font-size:11px;
	    font-weight:900;
		color:#FFFFFF;
		cursor: pointer;
	  }
	  
	  span.bord_title{
	    padding-left:20px;
	    font-size:13px;
	    font-weight:900;
		color:#444444;
	  }
	div.app_body_block{
	  position:absolute;
	  top:30px;
	  bottom:80px;
	  left:0;
	  right:0;
	  overflow:auto;
	}  
	  
	  table.rmeta_table{
	    border-collapse:collapse;
	    margin-left:5px;
		width:98%;
	  }
	  table.rmeta_table td{
	    padding:2px;
		font-size:13px;
	  }
	  
	    tr.field_target{
		  
		}
		  td.rmeta_ctrl{
		    text-align:center;
		  }
		  td.rmeta_name{
		    height:20px;
			line-height:20px;
		    font-weight:bold;
			color:#444444;
		    width:95%;
			
		  }
		tr.field_value{
		 
		} 
		  td.rmeta_value{
			 color: #666666;
		  }
		    del.DelWord{
			  color:#f6bfbc;
			}
		  
		    span.AddWord{
		       color:#FFFFFF;
		    }
		    
			span.SameWord{
		  
		    }
		  
		tr.field_modify{ 
	      display:none;
		}
		  td.rmeta_edit{
		    
		  }
		    textarea.editor{
		      padding:3px;
			  background-color:#FFFFFF;
			  border:2px #888888 solid;
		      font-size:13px; 
		      line-height:20px;
			  width:95%;
			  overflow:auto;
		    }
		    textarea#rmeta_other{
			  height:120px;
			}
    
	  div.app_botton_block{
	    height:80px;
	    position:absolute;
	    bottom:0;
	    width:100%;
	    background-color:#AAAAAA;
	    text-align:center;
	  }
	    input.app_button{
	      display:inline-block;
	      margin:10px 10px 0;
		  background-color:#507ea4;
		  border:#888888 1px solid;
		  color:#FFFFFF;
		  width:100px;
		  padding:5px;
		  font-weight:bold;
		  border-radius:5px; 
	    }
	  
	    input#report_cancel{
	      background-color:#6c848d;
		
	    }
	  
	    input.app_button:hover{
	      background-color:#306fa3;
		  color:#f7fcfe;
		  -moz-box-shadow:0px 5px 5px -3px  #666666;
          -webkit-box-shadow:0px 5px 5px -3px #666666;
          box-shadow:0px 5px 5px -3px #666666;
	    }
	  
	    input.app_button:active{
	      background-color:#0059a3;
		
	    }
	  div.app_loading_block{
	    position:absolute;
	    top:0;
	    bottom:0;
	    left:0;
	    right:0;
	    background-color:rgba(0, 0, 0, 0.6);
	    display:none;
	    padding-top:100%;
	    text-align:center;
	    color:#FFFFFF;
	  }
  
  #system_information{
    background-color:#e8d3d1;
	display:none;
  }
    
	div.info_list_block{
	  padding:10px;
	  font-size:14px;
	  cursor:pointer;
	  border-bottom:1px #CDCDCD dashed;
	  min-height:50px;
	}
	div.info_list_block:hover{
	  background-color:#fdeff2;
	  box-shadow:0px 2px 3px -1px rgba(30, 30, 30, 0.55);
	  
	}
	
	  div.ifl_header{
	    font-weight:bold;
	    margin-bottom:5px;
		color:#583822;
	  }
	    span.ifl_date{
		  padding:0 3px;
		}
	  
      div.ifl_content{
	    color:#7d7d7d;
		padding-left:10px;
	  }
        
	    #info_close{
		  background-color:#7b4741;
		}
		#info_close:hover{
		  background-color:#664032;
		}
        #info_close:active{
		  opacity:0.8;
		}
  
  #authname_reference{
    background-color:#89c3eb;
	display:none;
  }	  
	  
    table.auth_table{
	  margin:10px;
	  width:93%;
	  font-size:14px;
	}
      tr.subject{
	    border-bottom:1px #888888 solid;
	  }
	    td.subject_title{
		  padding:5px 0;
		  font-weight:bold; 
		}
           
		  span#auth_name{
		    font-size:18px;
		    font-weight:bold; 
		  }
		  p.auth_descrip{
		    padding:5px;
		  }
          p.story{
		    text-indent:2em;
			line-height:20px;
		  }		 
		    div.source_title{font-weight:bold;margin-bottom:5px;}
			div.source_content{padding-left:1em;color:#595857;}
			
		    div.list_term{margin-bottom:5px;}
		      
			  span.term_rela{display:block;float:left;width:50px;}
			  span.term_name{display:block;float:left;width:240px;}
			  span.term_date{display:block;float:left;width:80px;}
			  span.term_info{display:block;float:left;width:210px;}