body{
   margin: 0;
   padding:0;
}
 
  
  div.system_main_area{
	position:relative;
    z-index:9; 
	min-height:calc(100vh - 451px );
	display:flex;
	align-items:stretch;
  }
  
  .system_main_area > .container{
	background-color:#E4CD97;
  }
  
  .system_body_block{
	position:relative;
	height:auto;
	min-height:1250px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240510034808/https://228.drnh.gov.tw/theme/design/wavebody.svg);
	background-size:100% auto;
	background-repeat: no-repeat;
	background-position:bottom -280px left 0;
	padding:60px 0;
	z-index:10; 
	
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	
  }
  
  .system_info_block{
	width:70%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
  }
  
  .system_info_block > div{
	  width:46%;
	  padding: 0 16px;
  }
  
  .system_info_block > div > h2{
	  font-size:24px;
	  font-weight:bold;
	  padding:24px 0;
	  position:relative;
	  color:#ffffff;
  }
  
  
  
  .system_info_block h2.notice_header{
	padding-left:5px;    
	color:#444444;
  }
  .system_info_block h2.notice_header::before{
	content:"";
    width:3px;
	height:24px;
    position:absolute;
    top:50%; left:-2px; margin-top:-12px;
    background-color:#7B6533;	
  }
  
  .introblock{
	  color:#ffffff;
  }
  .introblock p{
	  line-height:1.5em;
	  margin-bottom:1em;
  }
  
  .infoblock{
	  background-color:#ffffff;
	  border-radius:5px;
	  height:450px;
	  box-shadow:-3px 5px 10px -1px rgba(0,0,0,0.3);
      display:flex;
	  flex-direction:column;
  }
  
  .infoblock > ul{flex:1;}
  
  
  .notice_list{}
  .notice_list li{
	border-bottom:2px #cdcdcd solid; 
    padding:10px 0;	
	cursor:pointer;
  }
  .notice_list li:hover{
	box-shadow:2px 2px 5px -1px rgba(0,0,0,0.3);
  }
  
  
  .post_header{ 
    display:flex;
	justify-content:space-between;
	padding:8px 0;  
	color:#AAAAAA;
  }
  
  .post_content{
	color:#7B6533;
	font-weight:bold;
  }
  
  
  
  
  .infoblock > .blockfooter{
	  flex:0 0 50px;
	  text-align:center;
  }
   
  
  .system_cowork_block{
	width:70%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	 position:relative;
  }
  .system_cowork_block > div{
	  width:46%;
	  padding: 0 16px;
  }
  .system_cowork_block > div > h2{
	  font-size:24px;
	  font-weight:bold;
	  padding:24px 0;
	  color:#988048;
	  position:relative;
  }
  .system_cowork_block h2.notice_header{
	padding-left:5px;    
	color:#444444;
  } 
  .system_cowork_block h2.notice_header::before{
	content:"";
    width:3px;
	height:24px;
    position:absolute;
    top:50%; left:-2px; margin-top:-12px;
    background-color:#4D8838;	
  }
  
  
  .coworktask{
	  background-color:#ffffff;
	  border-radius:5px;
	  height:450px;
	  box-shadow:-3px 5px 10px -1px rgba(0,0,0,0.3);
      display:flex;
	  flex-direction:column;
	  position:relative;
	  z-index:110;
	 
  }
  
  .coworktask > ul{flex:1;}
  .coworktask > .blockfooter{
	  flex:0 0 50px;
	  text-align:center;
  }
  
   .coworkbgelm{
	  position:absolute;
	  width:248px; height:100%;
	  left:0; top:0;
   }
  
  .coworkbgelm::before{
	  content:"";
	  display:block;
	  position:absolute;
	  width:248px; height:90%;
	  top:0; left:0;
	  background-color:#D1B264;
	  border-radius:10px;
	  transform: translate(-40px,10px) rotate(-15deg);
	  z-index:90;
  }
  
  .coworkbgelm::after{
	  content:"";
	  display:block;
	  position:absolute;
	  width:248px; height:80%;
	  top:0; left:0;
	  background-color:#E4CD97;
	  border-radius:10px;
	  transform: translate(-85px,50px) rotate(-30deg);
	  z-index:80;
  }
  
  
  
  .coworkinfo{
	display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .coworkinfo > h2{
	  color:#988048;
  }
  .coworkinfo p{
	  color:#999999;
	  line-height:1.5em;
  }
   
  
  .cowork_log{
	  border-bottom:1px #cdcdcd solid;
	  margin-bottom:5px;
	  padding-bottom:5px;
  }
  
  .cowork_log > header{
	  display:flex;
	  justify-content:space-between;
	  color:#999999;
  }
  
  .cowork_log > article{
	  color:#4D8838;
	  padding:8px 0;
  }
  
  
  .designelm{
	  display:inline-block;
	  position:absolute;
	  z-index:1;
  }
  
  #bgball01{
	  width:673px;height:673px; border-radius:336px; background-color:#B79B59;
      top:-180px; left:62px;
	  
  }
  #bgball02{
	  width:318px; height:318px; border-radius:159px; background-color:#D0AF60;
      top:309px; left:550px;
	  opacity:0.9;
  }
  #bgball03{
	  width:226px;height:226px; border-radius:113px; background-color:#CCAF6B;opacity:0.5;
      top:42px; right:22px;;
  }
  
  div.system_footer_area{
    position:relative;
  }	  
  
  
  
  
  





/*
     FILE ARCHIVED ON 3:48:08 五月 10, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 19:29:28 五月 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)).
*/