/*-----------------------------------------------------------------------------
		GENERAL STYLE CSS (Body, Fonts, links)  updated-2022
------------------------------------------------------------------------------*/
:root { 
    --primary_color:#000000;
    --primary_color_dark:#464646;
	--primary_textcolor:#000000;
	--secondary_textcolor:#888888;  
	--body_color:#fff; 
	--div_color:#eeefef;
	--div_color_dark:#bdbdbd;   
}


body {	
	font-family:'Roboto','Noto Sans TC', 'Noto Sans SC',sans-serif;
	line-height:1.5;
	font-size:16px;
	background-color:var(--body_color);
	margin:0px;
	padding:0px;
	color:var(--primary_textcolor);
	z-index:800;	
}

.content {
    width:100%;
	position:absolute;
	top:0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}


/*---------------------------------------------------------
							FONTS
----------------------------------------------------------*/

h1 {font-size:200%; margin-bottom:0px; margin-top:0; letter-spacing:0.05em;}
h2 {font-size:160%; margin-bottom:3px; margin-top:0; letter-spacing:0.05em;}
h3 {font-size:120%; margin-bottom:0;   margin-top:0; letter-spacing:0.05em;}
h4 {font-size:100%; margin-bottom:0;   margin-top:0; letter-spacing:0.05em;}

p  {
	font-size:100%; 
	margin-bottom:0;   
	margin-top:0; 
	letter-spacing:0.1em;
	/*for Chinese words*/ 
	/*text-align:justify;
	/*text-justify:inner-word;*/
}

p.strong {font-weight:bold;letter-spacing:0.1em;}
p.small  {font-size: 80% ;margin-bottom: 0; margin-top:0;letter-spacing:0.1em;}


/*---------------------------------------------------------
							LINKS
----------------------------------------------------------*/

a:link, a:visited { 
  font-size:100%; 
  text-decoration:none;
  font-weight:100;
  background-color:transparent;
  letter-spacing:0.03em; 
}


p a:link    {color:var(--primary_color); text-decoration:none;}
p a:visited {color:var(--primary_color);}


#indexpagelink p a:hover   {text-decoration:underline;}
#indexpagelink p a:active  {text-decoration:underline;}






/*************************
		iPad Mini
**************************/	
@media screen and (max-width: 768px){

h1 {font-size:140%; }
h2 {font-size:120%;}
h3 {font-size:100%; font-weight:bold;}


p    {font-size: 90% }
ul li{font-size: 90% }
p.strong {font-weight:bold; }
p.small  {font-size: 80% ;}

a:link, a:visited{
  font-size:90%; 
  text-decoration:none;

}
}