﻿
    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;
	  
	}
      
    
	
	.display_meta_area{
	    position:absolute;
		height:100%;
	    width:30%;
		min-width:400px;
	    background-color:white;
		padding-left:10px;
		overflow-x:hidden;
		overflow-y:auto;
	}
	   
		.func_block{
		  margin:8px;  
		  padding:10px;
		  border:1px #CDCDCD solid;
		  border-radius:3px;
		}  
		
		.func_block hr{
		  border:0.5px #cdcdcd solid;  
		}
		
		.func_block > h1{
		  font-weight:bold; 
		  padding:5px 0;	
		  display:flex;
		  text-align:center;
		  position:relative;
		  color:#636363;
		}

		.func_block .iconv{
		  margin-right:10px;  
		}

		.func_block > h1 > .option{
		  position:absolute;
		  right:10px;		  
		}

		  .signin{
		    color:#007bbb; 
		    text-decoration:underline;		
		  }
		
		.login_info{
		  font-size:0.9em;  
		  padding-left:20px;  
		  line-height:1.5em;
	    }
		
		.tool_function{
			display:flex;
			justify-content:space-between;
			align-items:center;
			padding-bottom:15px;
		}
		 
		.tool_function a{ min-width:100px; }
		.tool_function > .option{
			font-size:0.7em;
			display:block;
			padding:8px 5px;	
			border:1px #CDCDCD solid;	
			border-radius:3px;
			color:#7d7d7d;
			margin:5px;
			margin-bottom:10px;
			background-color:#006948;
			color:#ffffff;
		}
			a.button{
			  display:flex;
			  margin:5px;
			  color:#ffffff;
			  align-items:stretch;
			  border-radius:3px;
			  box-shadow:0px 2px 5px -1px rgba(0,0,0,0.3);
			  height:30px;
			  cursor:pointer;
			}
			
			a.button:hover{ box-shadow:0px 3px 8px 1px rgba(0,0,0,0.4);}
			a.button:active{ box-shadow:0px 1px 4px 1px rgba(0,0,0,0.6);}
			
			a.button > .mark{ 
			  flex:0 0 28px;
			  font-size:1.3em; 
			  display:inline-flex;
			  align-items:center; 
			  justify-content:space-around;
			  border-radius:4px 0 0 4px;
			}
			a.button > .word{ 
			  padding:1px; 
			  border-radius:0 4px 4px 0; 
			  flex:1;
			  padding:6px 0;
			  text-align:center;
			  display:flex;
			  flex-direction:column;
			  justify-content:space-around;
			}
			a.button > .word > h1{font-weight:bold;font-size:0.9em;}
			a.button > .word > h2{font-weight:bold;font-size:0.85em;padding-top:2px;}
			a.button > .word > h2 > i{display:inline-block; font-weight:bold; font-size:1.1em; padding-left:3px; transform:rotate(3deg);} 
			 
			a.button + span{
			  display:block;
			  font-size:0.8em;
			  color:#666666;
			  padding:0 6px 6px 6px;
			  line-height:1.3em;
			  margin-bottom:1em;
			}
			
			a.button.download > .mark{  background-color:#3cb371; }
			a.button.download > .word{  background-color:#32cd32; }
			a.button.print > .mark{  background-color:#1e90ff; font-size:1.4em; }
			a.button.print > .word{  background-color:#00bfff; }
			
			a.button.feedback > .mark{  background-color:#dc143c; font-size:1.4em; }
			a.button.feedback > .word{  background-color:#ff0000; }
			
			.func_meta{flex:1;}
					
				#func_list{
					display:flex;
					flex-wrap:wrap;
					align-items:center;
					justify-content:flex-end;
				}
				
				#func_list li{
					position:relative;
					margin:1px 0;
				}
				
				li.infocount::before, li.infocount::after{
					display:inline-block;
					position:absolute;
					bottom:-1.5em;
					font-size:0.8em;
					color:#666666;
				}
				li.infocount::before{
					content:attr(count);
					right:23px;
				}
				li.infocount::after{
					content:attr(unit);
					right:10px;
				}
				
				
				li.infocount.docount[core="0"]::before{
					top:-5px; right:0px;
					font: normal normal normal 14px/1 FontAwesome;
					content: " ";
					color:red;
					font-size:1.3em;
					z-index:10;
				}
				
				li.infocount.docount[core="0"]::after{
					content:"非核心";
					color:#636363;
					bottom:-1.5em;
					right:0;
				}
				
				
				
				li.doapply::before, li.doapply::after{
					display:inline-block;
					position:absolute;
				}
				
				
				li.doapply[check="0"]::before{
					content:"申請";
					left:50%;
					font-size:0.8em;
					margin-left:-11px;
					bottom:-1.5em;
					color:#666666;
				} 
				 
				li.doapply[check="1"]::before{
					content:"已勾選";
					left:50%;
					font-size:0.75em;
					margin-left:-18px;
					bottom:-1.5em;
					color:#008800;
				}
				
				li.doapply[check="1"]::after{
					top:-5px; right:0px;
					font: normal normal normal 14px/1 FontAwesome;
					content: "\f00c";
					color:#00FF00;
					font-size:1.3em;
				}
				
					.metafuncico{
						width:30px; height:30px;
						border-radius:5px;
						display:flex;
						justify-content:space-around;
						align-items:center;
						background-color:#988048;
						color:#ffffff;
						box-shadow:0 0 5px -1px rgba(0,0,0,0.2);
						margin:0 5px;
						opacity:0.9;
						position:relative;
					}
						
		
		
		
		
	.manual_block{
		display:flex;
		padding:0px 24px;
	}
	
	.manual_block > li{ 
	    flex:0 0 30%;
		display:inline-flex;
		justify-content:center;
	    padding:8px;
		border:1px #cdcdcd solid;
		position:relative;
		bottom:-1px;
		border-radius:5px 5px 0 0;
		margin-right:4px;
		cursor:pointer; 
	}
	.manual_block > li:hover{
		background-color:#E4CD97;
	}
	.manual_block > li.atthis{
		background-color:#988048;
		color:#ffffff;
	}
		
	.content_block{
		border:1px #cdcdcd solid;
		border-radius:3px;
		margin: 0 8px 8px;
		padding:5px;
		height:calc(100% - 240px);
		overflow-y:auto;
	}	
	 
	.content_member{display:none; position:relative;}
	.content_member.inview{display:block;}
		 
		
		div#meta_area{ }
          
		  div.meta_no{
		    height:20px;
		    line-height:30px;
			font-size:15px;
			font-weight:700;
			color:#2F4F4F;
			position:relative;
			top:-10px;
		  }
		    span.no_tag{
			  width:30px;
			  height:18px;
			  display:inline-block;
			  background:url('../image/System_Search_Image.png') 0px -60px;
			}
		  table.meta_table{
		    border:0;
		    width:100%;
			font-size:14px;
			table-layout:fixed;
		  }
	      
		  table.meta_table td{
			vertical-align:top;
			padding:5px 0;
		  } 
	        tr.meta_record:nth-child(odd){
			  background-color:	#F5F5F5;
			  width:100%;
			}
			
			tr.meta_record td{
			  line-height:1.5em;
			}
			
			td.meta_mark{  }
	        td.meta_field{width:100px; color:#666666; font-weight:700;}
			td.meta_value{color:#666666; word-break:break-all; }
	        
			div.meta_field{color:#666666; font-weight:700;}
			div.meta_value{color:#666666; text-indent:2em; word-break:break-all; }
	  
				
			  /* 檢索標記 */
			  
			  reference{
				cursor:pointer;
                text-decoration:underline;				
				color:#028760;  
			    position:relative;
			  }
			  
			  
			  reference.wait:hover::after{
				display:block;  
				width:200px;
				position:absolute;
				z-index:1000;
			    bottom:20px;
				left:-50px;
				content:attr(title);
				font-size:0.9em;
				background-color:#ffffff;
				border:#ffffff;
				padding:3px;
				box-shadow:0 0 10px -1px rgba(0,0,0,0.3);
				color:#636363;
			  }
			  
			  
			  search{
			    background-color:#fde8d0;
				display:inline;
			  }
		      
			  person{
			    font-weight:700;
				color: #007799 ;
				padding-left:2px;
				padding-right:2px;
			  }
			  
			  persona{
			    font-weight:700;
				color: #007799 ;
				padding-left:2px;
				padding-right:2px;
			    cursor:pointer;
			  }
			  
			  persona::after{
			    margin-left:3px;
				content:"¹";
				font-weight:100;
				vertical-align:top;
			  }
			  
			  
		      location{
			    font-weight:700;
				color: 	#665a1a;
			  }
				
				table.relic_element{
				  width:100%;
                  font-size:0.9em; 
				}
				table.relic_element th,table.relic_element td{ padding:3px 3px 3px 0; }
				table.relic_element th{ font-weight:bold;text-align:left; border-bottom:1px #cdcdcd double; background-color:#efefef;}  
				table.relic_element td{ border-bottom:1px #cdcdcd solid;	}
				
				table.relic_element td:nth-child(1){ width:70px;  }
				table.relic_element td:nth-child(2){ min-width:100px; }
				table.relic_element td:nth-child(3){ width:350px; }
	  
	    
		#element_fulltext{padding:10px;}
		
		#element_fulltext > div {margin-bottom:10px;}
		#element_fulltext > div > header{ padding:5px; margin-bottom:5px; border-bottom:1px #cdcdcd dashed; font-size:0.8em; color:#636363;}
		#element_fulltext > div > p{font-size:1.5em; line-height:1.5em;}
		
		
		#element_fulltext > div > header::before{
			content:"頁碼：";
		}
		
		#cooperate_area{}
		
		.cowork_container{
		   position:relative;
		   padding:0;
		}
		#cooperate_function{
			position:sticky;
			top:0;
			padding:7px 5px;
			display:flex;
			align-items:center;
			justify-content:space-between;
			background-color:#E4CD97;
			 
			z-index:10;
		}
		#filepage_list{
			margin:10px 0;
		}
		
		#filepage_list{}
		
		.pagetask{
			display:block;
            border-bottom:1px #cdcdcd solid;
			margin-bottom:5px;
			padding-bottom:5px;
		}
		
		.pagetask > header{ 
		   background-color:#fbfaf5;
		   padding:8px 5px;
		   font-size:0.8em;
		   cursor:pointer;
		   display:flex;
		   align-items:center;
		   justify-content:space-between;
		}
		
		.pagetask > header i.fa{font-size:1.3em;}
		
		.pagetask > header i.review{display:none;}
		 
		.pagetask[review='1'] > header 	i.review.accept{display:inline-block; color:green;}
		.pagetask[review='-1'] .pname{ color:red;}
		
		.pagetask[workid='0']{ display:none;} /* 未建立任務不顯示 */
		.pagetask[show='0'] > article{ display:none;}
		.pagetask[show='1'] > article{ display:block;}
		
		.editfunc{display:none;}
		.pagetask[edit='0'] .act_edit_active{ display:inline-block;}
		.pagetask[edit='1'] .act_edit_finish{ display:inline-block;}
		
		.pagetask[review='1'] .editfunc{display:none;}
		
		.pagetask > article{
		   position:relative;
		}
		
		
		
		.pagetask > article[mode='read'] > p{ display:block;}
		.pagetask > article[mode='write'] > p{ display:none;}
		
		.pagetask > article[mode='read'] > textarea{ display:none;}
		.pagetask > article[mode='write'] > textarea{ display:block;}
		.pagetask > article[mode='write'] > .edtool{ display:block;}
		
		.pagetask > article > p{
			width:99%;
			display:block;
			background-color:#dcdddd;
			border:1px #c0c6c9 solid;
			min-height:3em;
			font-size:1.3em;
			padding:10px;
			word-break: break-all;
		}
		
		.pagetask > article > textarea{
			width:99%;
			display:block;
			box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.2) inset;
			min-height:10em;
			font-size:1.5em;
			line-height:1.5em;
			resize: vertical;
			color:#164a84;
		}
		
		.edtool{
			position:absolute;
			bottom:5px;
			right:10px;
			display:none;
		}
		.edtool .option{
			display:inline-flex;
			justify-content:center;
			align-items:center;
			width:30px;
			height:30px;
			border-radius:15px;
			background-color:#636363;
			color:#ffffff;
		}
		 
	  
	  .display_object_area{
		position:relative;  
	    margin-left: 30%;
		margin-right:1px;
		height:100%;
		z-index:20;
	  }
      
	    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;
			 
		  }
		    
			
		  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{
		    height:50px;
		    line-height:50px;
		    background-color:#333333;
		    position:fixed;
			bottom:0px;
			left:30%;
            right:1px;  			
		  }
		    
			ul.obj_option_area{
			  height:100%;
			  display:flex;
			  align-items:center;
			  justify-content:flex-start;
		    }
			
			ul.obj_option_area > li{
			  display:flex;
              align-items:center;
              min-width:200px;
              margin:5px 0;	
              padding:0 5px;
              border-right:1px  #444444 dotted;	
              color:#FFFFFF;
			  font-size:0.8em;			  
			  padding-left:10px;
			}
			
			  #objswitch{
				flex:0 0 200px;
			  }
			  
			  #objscale{
				flex:1;  
			  }
			  
			  li.obj_opt select{
			    margin-left:10px;
			  }
			  
			    
			  .opt_size_title{flex: 0 0 80px;}
			  
			  .object_scale_control{
				flex:1;  
				position:relative;  
			  } 
				.page_scale{
				  display:block;
				  width:100%;
				}
				  .scale_waper{
					width:100%;  
					position:relative;	
					display:flex;			
					align-items:center;
					justify-content:space-between;
				  }
				  
				  #obj_size_slider{
					display:inline-block;
					height:15px;
					flex:1;
				  }
				
				  #scale_info{
					position:relative;
					font-size:0.8em;
					color:#666666;
					width:30px; 
					text-align:right;
					padding-right:8px;
					top:-3px;
					width:35px; 			
				  }
				  
				  #scale_info::before{
					position:absolute;
					left:0;		  
					content:" x ";	
				  }
			  
			  #opt_control{
				flex:0 0 200px;
                justify-content:space-around;	
                color:red;				
			  }
			  #opt_control > a{cursor:pointer;}
			  
			    a.onobj_dw{
			      background:url('../image/System_Search_Image.png') -320px -0px;
			      right:0px;
			    }
                a.onobj_up{
		          background:url('../image/System_Search_Image.png') -270px -0px;
			      left:0px;
		        }
			
			    a.onobj_dw:hover{
			      background:url('../image/System_Search_Image.png') -320px -60px;
			      right:0px;
			    }
                a.onobj_up:hover{
		          background:url('../image/System_Search_Image.png') -270px -60px;
			      left:0px;
		        }
			
			    a.onobj_dw:active{
			      background:url('../image/System_Search_Image.png') -320px -120px;
			      right:0px;
			    }
                a.onobj_up:active{
		          background:url('../image/System_Search_Image.png') -270px -120px;
			      left:0px;
		        }
			  
			  img.ImageObject{
				cursor:pointer;
				position:relative;
				top:0;
				opacity:0.1;
			    /*display:none;*/
			  }
			  
			    
				  
			 
			a.onpoj_ctrl{
			  position:absolute;
			  top:40%;
			  z-index:250;
			  display:block;
			  width:40px;
			  height:60px;
			  
			  opacity:1;
			}
			
			
			span.onpoj_info{
			  position:absolute;
			  z-index:250;
			  width:60px;
			  top:43%;
			  background-color:red;
			  font-size:12px;
			  font-weight:700;
			  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;
			}
	     
				span.pb_icon_report{
				  width:28px;
				  height:30px;
				  display:inline-block;
				  background:url('../image/System_Search_Image.png') 0 0;
				  vertical-align:middle;
				  line-height:1em
				}
				  
				span.pb_name{
				  display:inline-block;
				  font-size:14px;
				  color:#FFFFFF;
				}
		
	  
       
  
  
  /* == [ plugin dom  ] ==*/
		
  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%;
	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:700;
			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:700;
		  border-radius:5px; 
	    }
	  
	    input#report_cancel{
	      background-color:#6c848d;
		
	    }
	  
	    input.app_button:hover{
	      background-color:#306fa3;
		  color:#f7fcfe;
		  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;
	  }
  
  
  
  #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:700; 
		}
           
		  span#auth_name{
		    font-size:18px;
		    font-weight:700; 
		  }
		  p.auth_descrip{
		    padding:5px;
		  }
          p.story{
		    text-indent:2em;
			line-height:20px;
		  }		 
		    div.source_title{font-weight:700;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;}

  
  .login_area{
	  position:fixed;
	  left:0;right:0; top:10px; height:95%;
	  background-color:rgba(0,0,0,0.4);
	  z-index:10;
	  display:none;
  }
  .login_area .container{
	  width:100%;
	  height:100%;
	  position:relative;
	  padding:100px;
  }
  .loginblock{
	  position:absolute;
	  width:400px;
	  padding:20px;
	  left:50%;
	  margin-left:-200px;
	  background-color:#ffffff;
  }

   .loginblock{
	  background-color:#ffffff;
	  border-radius:5px;
	  box-shadow:-3px 5px 10px -1px rgba(0,0,0,0.3);
      display:flex;
	  flex-direction:column; 
	   
    }
	
	.loginblock h2{
		display:flex;
		align-items:center;
		padding:5px;
	}
	
	.oathblock{ margin-bottom:20px; }
	.oathblock h3{ color:#444444; font-weight:bold; text-align:center;}
	
	.oathservice{display:flex;justify-content:space-between; margin:10px 0;}
	
	.oathservice > div{
		border:1px #cdcdcd solid;
		width:165px;
		height:130px;
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:5px;
		flex-direction:column;
	}
	
	.oathservice > div > img{
		width:30px; height:30px;
	}
	.oathservice > div > div{
		font-size:0.9em;
		padding:10px 0;
	}
	
	.act_tosignup{
		font-size:14px;
		color:#666666;
		cursor:pointer;
		position:absolute;
		right:10px;
		top:30px;
		margin-top:-7px;
	}
	.act_tosignup:hover{
		text-decoration:underline;
	}
   
	section{
	  border: 1px #CDCDCD solid;
	  padding: 15px;
	  margin-bottom: 20px;
	  background-color: #F6f6f6;
	  border-radius: 3px;		
	}
	
	section .sign_mode{
		margin:0 5px;
		display:none;
	}
    section .sign_mode.switch{display:block;  }
			 
	
	button.brown{ background-color:#7B6533; border-color:#7B6533;}
	button.brown:enabled:hover{ background-color: #988048; border-color: #988048; }
	button.brown:enabled:active{ box-shadow: inset 0px 0px 73px -14px #7f672d; }
	
	
	#act_signin,#regist,#act_recover,#act_repass,#license{padding:10px 20px;}
	#act_forgot{color:#666666; font-size:14px} 
	
	div.form_option  input[type="text"],	
	div.form_element input[type="text"],
	div.form_element input[type="file"],
	div.form_element input[type="date"],
	div.form_element input[type="time"],
	div.form_element input[type="email"],
	div.form_element input[type="password"],
	div.form_element select,
	div.form_element textarea{
	  background-color:#FFFFFF;
	  padding:5px;
	  border:1px #e8e8e8 solid;
	  border-radius:4px;
	  color:#007bbb;
	  width:100%;
	  height:40px;
	  line-height:40px;
	}
    	
	div.form_element textarea{
	  height:6em;	
	  line-height:2em;	
	  width:100%;
	  resize: vertical;
	}
	
	div.form_element{
	  padding:5px 0;
	  margin-bottom:10px;
	}
			    
	div.form_element > label{
	  display:block;	
	  padding:0 0 4px 2px;	
	  font-size:0.95em; 
	}
				
	div.form_element > div{
	}
  
	div.form_element > i{
	  display:block;
	  margin-top:7px;
	  font-style: italic;
	  font-size:0.9em;
	  opacity:0.8;  
	}
	
	div.form_set{
	  display:flex; 
	  justify-content:space-between;
	}
	 
	div.form_set > *{
	  width:49%;
	}
	
	div.form_option{
	  display:flex;
	  justify-content:space-between;
	  align-items:center;			  
	}
	
	.captcha > a{color:green;}
	.captcha > img{height:35px;width:70px;}
	
	div.form_element input.form_error{
	  border-color:red;	
	}
	
	div.form_element input:disabled{
	  background-color:#efefef;
	}
	
	div.form_element._nessary > label:before{
	  content:"＊";
	  color:red;		  
	}
	
	.regbutton{}
	.regbutton > button{ display:none; }
	.regbutton[mode='regist'] > #regist{display:inline-block;}
	/*.regbutton[mode='submit'] > #license{display:inline-block;}*/
	
  
  /* [ PRINT BLOCK ]	*/ 
  div.page_print_container{
	position:absolute;
	width:1024px;
	min-height:100%;
	margin:0 auto;
  }
  /*	
  @media print {
	body > div.system_main_area {
	  visibility: hidden;
	}
	
	.system_print_area *{
	  visibility: visible;
	}
  }
  */