/*== [ Client Default Css  ] ==*/
    
	body{
	  background-image:url('../image/archive-background.png');	
	  position: relative;
      margin: 0;
      padding-bottom:6rem;
      min-height: 100%;
	}
	
    ._continer{
      max-width: 1140px;
      margin: 0 auto;	
    }	
	
	
	/* [ HEADER DOM ] */
    
	.navbar{
	  background-color:rgba(30,30,30,0.9);    
	  z-index:20;
	}
	  
	  .navbar > .container{
		height:70px;  
		display:flex;  
		align-items:center;
	    
	  }
	  
	  .navbar > .container::before{
		content:"";
		display:block;
        position:absolute;
        bottom:0;
        left:300px;
        width:300px;
        height:100%;		
		background-image:url('../image/logo5.png');  
		background-repeat: no-repeat;
		background-position:right center;
		background-size: 300px;  
		z-index:0;
		opacity:0.2;
	  }
	  
	  
	  
		#navbar-header{
		  display:flex;
		  align-items:center;
		  height:50px;   
		  color:#FFFFFF;
		  z-index:1;
		}
	  
		  #system_mark{height:100%;}
		  #system_title{
			font-size:1.8em;
			vertical-align:middle;
			margin:0 10px;
			font-weight:bold;
			color:#e3dfe6;
			cursor:pointer;
		  }
	  
	  #navbar-manual{
		flex:1;
		color:#FFFFFF;
	    display:flex;
		justify-content:flex-end;
		flex-wrap:wrap;
		z-index:1;
	  }  
	  
	  #navbar-manual > li{
		display:inline-block;
		width:90px;
		text-align:center;
		padding:5px;
		color:rgba(240,240,240,0.3);	
	  }
	  
	  #navbar-manual > li[atthis='1']{
		font-weight:bold;
		color:#FFFFFF;
	  }
	  
	  #navbar-manual > li > a{
		color:rgba(240,240,240,0.6);	
		padding:5px;
	  }
	  #navbar-manual > li > a:hover{
		color:rgba(240,240,240,0.9);
        border-bottom:1px #FFFFFF solid;		
	  }
	  
	    #customer_service{
		  position:relative;	
		}
		 
		@keyframes newservice {
			0% { opacity:0.3; }
			50% { opacity:1; }
			100% { opacity:0.3; }
		} 
		
		#customer_service._newsign::after{
		    opacity:1;
			position:absolute; top:-10px; left:13px;;
			font-size:0.8em;
			display:block;
			content:'new';
			color:#ffdc00;
			animation: newservice 0.8s 3; /* use myanimation 5s duration, 5 times */
		}
        
		#navbar-manual > li > a.option{ opacity:1;}   
		  
		  #csservice{
			display:none;  
			position:absolute;
            top:2em; right:0;
            width:450px;
            min-height:100px;			
			padding:10px;
			background-color:#111111;
			box-shadow:-2px -2px 10px 1px rgba(0,0,0,0.3);		
		  }
		  #csservice::before{
			position:absolute; top:-10px; right:33px;
			display:block;
			content:'';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 10px 10px 10px;
			border-color: transparent transparent #111111 transparent;  
		  }
		   
		  
	      #csservice > li{
			display:block;  
		    padding:3px 0;
		    text-align:right;
		  }
		  #csservice > li > a{ color:#FFFFFF; }
		  #csservice > li > a#user_feedback{ color:red; }
	      #csservice > li > a:hover{ text-decoration:underline; cursor:pointer;}
	
		#urgent-post{
		  background-color:red;
		}
		#urgent-announcement{
		  min-height:25px;
		  line-height:25px;
		  color:#ffffff;
		  font-size:0.95em;
		  padding:0 15px;
		  overflow:hidden;
		}
		.annpost{cursor:pointer;}
	
	
	div.system_body_area{
	  z-index:10;
	}      
		 
		 
	/* [ FOOTER DOM ] */
    footer{
	  position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1rem;
	  background-color:#444444;
	}
	
	  div.footer-block{
	    
	  }
	  div.footer-block > div{ padding:15px;}
	  
	    div.information{
		  padding:15px;
		  background-color:#CDCDCD;
		}
		
		div.declared{
		  display:flex;		
		  align-items:center; 
          color:#fafdff;	
          justify-content:space-between;		  
		}
		div.declared a{color:#FFFFFF;}
		
		  .copyright{ position:relative;  flex:1;}
		  .outlink{ display:flex; font-size:0.9em; align-items:center;}
		  .outlink > li{margin-left:10px;}
		  .outlink a{color:#FFFFFF;}
		.contact{
				font-size:0.9em; 
				position:relative; 
				
		}
		.address{font-size:0.9em;  
			
			 
		}
		.compatibility{
		  font-size:0.9em;	
		  position:absolute;
          right:25px;
          bottom:0px;		  
		}
		
		.sitelink{
			display:flex;
			margin-bottom:10px;
		}
		
@media (max-width: 1200px){
	.copyright{ position:relative; top:-10px; }
}		
@media (max-width: 768px){
  #navbar-manual{
	justify-content:space-between;
  }
  #navbar-manual > li{
    width:90px;
  }
  
  .page_select{
    display:none;
  }
 
  
}