
  body{
	background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240521042409/https://kbs.yihistory.e-land.gov.tw/theme/image/wallpaper.png'); 
  }
    #page-wrap{
	  min-height:100%; 
	}
	#page-content{
	  width: 100%;
      padding-bottom: 140px;
	}
	#page-footer{
	  position: relative;
	  margin-top: -140px;
	  clear:both;
	  height: 140px;
	  width: 100%;
	  line-height:140px;
	}
	
	
/* [ CLIENT HEADER DOM ] */ 
  .navbar{
	background-color:rgba(255,255,255,1);   
    height:150px;	
	background:url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240521042409/https://kbs.yihistory.e-land.gov.tw/theme/image/bg_header.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .navbar > .container{
	height:100%;
	display:flex; 
    justify-content:space-around;
	align-items:center;
	position:relative;
  }
  
    #navbar-header{
	  display:block;	
	  color:#FFFFFF;
	  font-size:2em;	  
    } 
    #navbar-header>img{
	  width:100%;	
	}  
	  
	  #organ_mark{height:100%;cursor:pointer;}
	  #system_mark{height:100%;}
	  
      #system_title{
		font-size:1.5em;
		font-weight:bold;
	    vertical-align:middle;
		letter-spacing: 3px;
		color:#413434;
	  }
  
    #navbar-manual{
	  position:absolute;
	  top:0;
	  right:0;
	  flex:1;	
	  color:#FFFFFF;
	  display:flex;
	  justify-content:center;
	  
    }  
    #navbar-manual > li{
      display:inline-block;
	  width:100px;
	  padding:5px 0;
	  text-align:center;
	  cursor:pointer;
	  background-color:rgba(176,71,71,1);
	}
	#navbar-manual > li:first-child{border-radius:0 0 0 5px;}
	#navbar-manual > li:last-child{border-radius:0 0 5px 0;}
	
    
	
	#navbar-manual > li:hover{
	  text-shadow:0px 0px 2px   rgba(0,0,0,0.5);
	}
	#navbar-manual > li > a{ color:#FFFFFF;  }
    #navbar-manual > li > a:hover{text-decoration:underline;}
      li.current{ background-color:rgba(0,0,0,0.4); }
  
  

  




  /* [ CLIENT FOOTER DOM ] */
  
  footer{
    background-color:#434343;
	
  }
    
	.footer-block{
	  position:relative;	
	  display:flex;	
	  padding:10px;
	  color:#dcdcdc;
	  align-items:center;  
	  color:rgba(248,244,223,1);
	  line-height:1.5em;
	  font-size:1em;	 
	}		  
	  
	  .organmark > img{
		width:50px;
        height:auto;
        margin:0 10px 0;		
	  }
	
	  .copyright{
	    line-height:1.3em;
	    font-weight:bold;
	    padding:3px 0;
	  }
	  
	  .browsersupport ,.contact{
	    line-height:1.3em;
	    font-size:0.85em;
	  }
	  
	  .contact a{
		color:#dcdcdc;  
		text-decoration:underline;
	  }
	  
	  .declare  a{
		color:#ffffff; 
        font-size:0.85em;	
		display:inline-block;
		margin-right:10px;
		text-decoration:underline;
	  }
	  
	.system_access{
	  font-size:1.3em;	
	  position:absolute;
      right:0;	  
	  top:50%;
	  margin-top:-0.6em; 
	}  
	  
	
	 
	
/* [ RWD DOM CONFIG ] */
  
  @media (max-width: 520px){
	.container { max-width: 520px; }  
	
	div#navbar-header{width:100%;line-height:50px;text-align:center;}
	
	div.shareraw-block{  display:block;	 padding:0;}
	
	.introduction{display:none;}
	.post > h2{ flex-wrap:wrap; }
	.post_summary{width:100%; order:10;}
	
	.area-block > div:nth-child(2){display:none;}
	.area_type_selecter{ display:none; } 
	div.date_option{ display:none; } 
	
    
    div.registration{
	  padding:0;	
	  width:100%;
	  position:relative;
	  top:0;
	  left:0;
	  flex:1;
	}
    
	.footer-block{
	  flex-direction:column-reverse;
	}
	.footer-block > div{width:100%;}
	
	table.area_admin  tr > td:nth-child(3){display:none;}  
	
	/*booking page*/
	 
	div#navbar-header{width:100%;text-align:center;}
	img#organ_mark{display:none;}
	ul#navbar-manual{text-align:cneter;}
	aside.function_area{display:none;}	
	ol.progress > li:nth-child(1){display:none;}
    ul#site_taps{display:none;}
	div.archive_zongsel{ flex-direction:column;}
	div.archive_zongsel > label{flex:0 0 45px;}
	div.archive_kwhots{flex-direction:column;}
	div.archive_kwhots > label{flex:0 0 45px;}
	ul.system_list{display:block;}
	
	div.system_access{ display:none;}
	div.organmark{display:none;}
  }
  
  @media (min-width: 521px) AND (max-width: 768px){
	  
    .container { max-width: 750px; }
    .introduction{display:none;}
	.post > h2{ flex-wrap:wrap; }
	.post_summary{width:100%; order:10;}
	
	div.shareraw-block{  display:block;	 }
	
	.area-block > div:nth-child(2){display:none;}	
    div#navbar-header{width:100%;}
    div.registration{
		  padding:0;	
		  width:100%;
		  position:relative;
		  top:0;
		  left:0;
		  flex:1;
		}

	table.area_admin  tr > td:nth-child(3){display:none;}
	
	/*booking page*/
	div#navbar-header{width:100%;text-align:center;}
	aside.function_area{display:none;}	
	
	div.registration{ top:0; }
	
	ol.progress > li:nth-child(1){display:none;}
	
	div.information-block{ flex-direction:column;}
	
	div.shareraw-block{  display:block;	 }
	ul#site_taps{display:none;}
	div.archive_zongsel{ flex-direction:column;}
	div.archive_zongsel > label{flex:0 0 45px;}
	
	div.archive_kwhots{flex-direction:column;}
	div.archive_kwhots > label{flex:0 0 45px;}
	
	ul.system_list{display:block;}
	
	
	div.system_access{font-size:1em;}
	div.organmark{display:none;}
	
  }	
  @media (min-width: 769px) AND (max-width: 991px){
    .container { max-width: 970px; }
    .area_type_selecter{ display:none; }
    div.registration{ padding:0 10px; }  
    
	div.shareraw-block{  display:block;	 }
	
	/*booking page*/
	
	div#navbar-header{width:100%;text-align:center;}
	aside.function_area{display:none;}	
	div.registration{ top:0; }
	ol.progress > li:nth-child(1){display:none;}
	
	div.information-block{ flex-direction:column;}
	
	
	
  }
  
  @media (min-width: 992px) AND (max-width: 1199px){
    .container { max-width: 970px; }
    .area_type_selecter{ display:none; } 	
	div.registration{ padding:0 20px; }
	
	/*booking page*/
	img#organ_mark{display:none;}
	
  }	
	
  @media (min-width: 1200px){
	.container { width: 1170px; }  
  }





/*
     FILE ARCHIVED ON 4:24:09 五月 21, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 18:42:51 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
