@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@100;400;700&display=swap');
.4head
.gfont1 {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
}
.gfont2 {
	font-family: 'Noto Serif TC', serif;
	font-weight: 400;
}
table.mytable, table.mytable tr, table.mytable th{
	width:750px;
	border:1px solid gray;
	text-align:center;
	
}

td.myclass{
	font-weight:bold;
	background-color: lightgreen;
	color:black;
	border:2px solid black;
}
.p{
		font-weight:bold;
	}
.cl1{
			background-color: lightyellow;
			color:bule;
	}
.cl2{
		background-color:blue;
		color:white;
	}
body
	{
		font-family:'Times New Roman','標楷體';
		font-size:12pt;
		line-height:1.6em;
		background-color:white;
		color:"9f9f9f";
		letter-spacing:0.5em;
		text-align:justify;
		background-image:url("hwimg2/bg-img-1.jpg");
		background-repeat:repeat-x;
		background-attachment:fixed;
		background-position:left bottom;
	}
	
.p1{
	font-weight:bold;
	
}
.c1
{
	color:blue;

}
.c2
{
	color:green;

}
h2.s03{
	font-family:  'Impact', '標楷體';
	text-align: center;
	text-shadow: 3px 3px 3px #W40030;
	color:#493535;
}
p.s01{
	color:black;
	text-indent: 30px;
	line-height:1.4em;
}
p.s02{
	line-height:2em;
	font-family: '標楷體';
	font-size: 15pt;
	text-shadow: 1px 1px 2px #411CD;
	color:blue;
	background-color: lightyellow;
	padding:30px 40px 30px 200px; 	
}
.sl a {
	text-decoration: none;
	color: darkgreen;
}
.sl a:hover {
	text-decoration: underline;
	background-color: lightyellow;
}
.sl a:focus {
	font-weight: bold;
	background-color: lightgreen;
}
.sl a:active {
	font-weight: bold;
}
.s2{
	font-family: '標楷體';
	color:#511800;
	text-shadow: 3px 3px 3px #FF804A;
}
.s3, .s3 ul {
	color: darkgreen;
}
.s3 ul {
	display: none;
}
.s3 > li:hover {
	color: darkblue;
}
.s3 > li:hover  ul {
	display: block;
}
.s3 > li > ul > ol > li:hover {
	color: darkblue;
}
.s4  li:hover {
	list-style-image: url("ex4_5_b.gif");
}
.s5, .s5 ul {
	color: darkgreen;
}

.s5 > li:hover {
	color: darkblue;
}
.s5 > li > ul > ol > li:hover {
	color: darkblue;
}
.x tr, .x th, .x td{

	padding:1;
	margin:20;
	text-align: center;
	border: 2px solid #f2577b;
	text-shadow: 0px 0px 7px #f2577b;
	color:#fcfc0a;
	background-color:#262926;
		
	
}
.x1{
	color:black;
}
.x2{
	
	font-family: Courier,'Noto Serif TC';
	font-size: 16pt;
	color: #fc160a;
	text-align: center;
	border:1;
	font-weight:900;
	font-weight:bolder;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}

.x2 td,.x2 th{
	font-family: Courier,'Noto Serif TC';
	font-size: 16pt;
	color: blue;
	text-align: center;
	border:1;
	font-weight:900;
	font-weight:bolder;
	text-shadow: 2px 2px 2px rgba(102, 117, 117);
	background-color:wait;
}
.x3, tr>td:hover{
	background-color: #0a26fc;
	text-shadow: 3px 3px 3px #0a26fc;
	color:#fc160a;
}