body {
	font-size: 12pt;
	font-family: 'Noto Sans TC', 'Noto Serif TC', 'Times New Roman', 'Comic Sans MS', 'Courier New';
	margin: 0;
	padding: 0;
	background-color: white;
	text-align: left;
	/*color: rgba(0,0,0,1);*/
	color: black;
	line-height: 1.6em;
	z-index: 1;
	font-weight: 300;
}


/* 最上方的定位點超連結 */
.thintop {
	width: 100vw;
	color: white;
	font-size:14px;
	z-index: 20;
}
.thintop nav {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid white; 
}
.thintop a {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}


/* 上方的文章內容說明 */
header {
	background-color: rgba(98,91,87,1);
	padding: 20px 20px 10px 20px ;
	font-family: 'Noto Serif TC';
	margin: 32px 0 5px 0 ;
	position: relative;
	text-shadow: 1px 1px 0px black;
	color: white;
}
header h2 {
	position: absolute;
	font-size: 12pt;
	color: silver;
	left: 0;
	top: 0;
}
header h1 {
	text-align: center;
	margin:0;
	padding: 0;
}
header p {
	margin:0;
	margin-top: 10px;
	padding: 0;
	color: silver;
	text-align: center; 
	line-height: 1em;
}


/* 左側子連結 */
.subnav {
	width: 100%;
	border-right: 1px dotted gray; 
	display: inline-block;
	vertical-align: top;
	/* min-height: 500px;*/
	position: sticky;
	top: 35px;
	/*height: 90vh;*/
}
.subnav ul {
	width: 100%;
	list-style: none;
	margin: 0 ;
	padding: 0;
}
.subnav ul li {
	border-bottom: 1px solid white;
	background-color: gray;
	border-left: 20px solid darkgray;
	overflow: hidden;
	height: 37px;
	width: 100%;
	transition: width 0.2s;
}
.subnav ul li.dir {
	background-color: brown;
}
.subnav ul li a {
	font-size: 10pt;
	display: block;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
	color: white;
}
.subnav ul li a:hover {
	text-shadow: 1px 1px 1px black;
	font-weight: 400;
}
.subnav ul li:hover {
	background-color: darkgray;
	width: 150%;
}
.subnav ul li.active {
	background: linear-gradient(to right, darkgray, white);
}
.subnav ul li.active a {
	color: black;
	text-shadow: 1px 1px 1px white;
}


/* 文章前的大綱說明部份 */
.abstract {
	font-size: 12pt;
	background-color: #eeeeee;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 5px 10px 5px 10px;
	border: 1px solid gray;
	box-shadow: 1px 1px 2px 0px gray;
	text-align: justify;
	text-justify:inter-ideograph;
	/*text-justify: distribute-all-lines; */
}


/* 每個段落的內容與大標題 */
.block1 {
	padding-left: 20px; 
	text-align: left;
}
.block1 h3 {
	font-size:16pt;
	color: #0000bb ;
	background-color: #E6E6FA;
	margin: 35px 0px 15px 0px;
	padding: 10px 5px 5px 10px;
	border: 1px solid gray;
	box-shadow:  2px 2px 2px 0px gray;
	text-shadow: 1px 1px 1px white;
	font-weight: 700;
	border-radius: 0px 10px 0 0 ;
}
.block1 .toplist {
	padding: 0;
	margin-top : 30px;
	margin-bottom: 15px;
	border-top: 1px solid gray; 
	font-weight: bold;
	color: darkblue;
	font-size: 14pt; 
	list-style-type: none;
}
.block1 a {
	color: blue;
}
.block1 .marlist li {
	margin-top: 15px;
}
.block1 .linelist li {
	line-height: 2em;
}
.block1 .norlist {
	margin-top: 15px;
	margin-bottom: 15px;
}
.block1 .norlist li {
	margin-top: 0;
}
.block1 .normallist li {
	margin-top: 0;
	margin-bottom: 0;
}


/* 關於字體的變化 */
.myhint , .myhint2 , .text_vbird {
	color: rgba(0,0,136,1);
}
.myhint2 {
	font-weight: 700;
}
.text_vbird {
	font-weight: 300;
	font-style: italic;
}


/* 關於圖示的功能 */
figure {
	text-align: center;
}
figcaption {
	color: brown;
	font-weight: 700;
}
caption {
	text-align: center;
	color: brown;
	font-weight: 700;
}


/* 終端機資料的顯示狀態 */
.code {
	width: 95%;
	border: 1px solid gray;
	box-shadow: 2px 2px 2px 0 silver;
	padding: 5px 10px 5px 10px; 
	margin-left: 0;
	margin-bottom: 1em;
	font-family: Inconsolata, 'Noto Sans TC';
	font-size: 12pt;
	line-height: 1.3em;
	background-color: rgba(255,255,0,0.06);
	font-weight: normal;
}
.code .hd {
	color: purple;
}
.code .cmd {
	font-weight: bold;
	color: blue;
}
.code .write {
	color: blue;
	font-weight: normal;
}
.code .say {
	color: green;
	font-style: italic;
}
.code .cube {
	color: rgba(255,255,0,1);
	background: black;
}

/* 頁尾顯示 */
.myfooter {
	border-top: 1px solid silver;
	font-size: 10pt;
	color: brown;
	background-color: rgba(230,230,230,1);
}
.myfooter div {
	margin-top: 10px;
}

footer {
	width: 100%;
	border-top: 1px solid silver;
	padding: 5px 0 5px 0;
	font-size: 10pt;
	color: brown;
	text-align: right;
}

.vbirdface {
	display: block;
	text-align: left;
	position: relative;
	width: 80%;
	margin-left: 15%; 
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-left: 15px;
	color: rgba(0,144,0,1);
	border: 1px solid gray;
	border-right: none;
	border-bottom: none;
	min-height: 100px;
}
.vbirdface legend {
	font-family: serif;
	font-size: 12pt;
	color: darkblue;
	position: absolute;
	top: -15px;
	background-color: white;
	width: 50px;
	text-align: center;
}

.vbirdfacenew {
        display: block;
        text-align: left;
        position: relative;
        width: 85%;
        margin-left: 10%;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 140px;
        color: rgba(0,144,0,1);
        border: 1px solid gray;
        border-right: none;
        border-bottom: none;
        min-height: 100px;
        background-image: url('/include/vbird_face.gif');
        background-position: top right;
        background-repeat: no-repeat;
}
.vbirdfacenew::after  {
	content: 'Tip: 小聲告訴你！';
	font-family: serif;
	font-size: 12pt;
	color: darkblue;
	position: absolute;
	top: -15px;
	left: 20px;
	background-color: white;
	width: 130px;
	text-align: center;
}

.exam {
	width: 95%; 
	border: 1px solid black; 
	padding: 5px;
	background-color: rgba(0,0,0,0.10);
	margin-bottom: 1em;
}
.exam div {
	margin: 10px 0 10px 25px; 
	width: 95%;
}
.examlist {
	line-height: 1.5em; 
	font-size: 12pt; 
	padding: 10px 0 0 10px;
	font-family: Inconsolata;
}

table.news {
	width: 97%;
	border: 1px solid gray;
	background-color: lightyellow;
	box-shadow: 2px 2px 2px 2px gray;
	padding: 0px;
	margin: 0;
	margin-bottom: 1em;
	border-collapse:collapse;
}
table.news tr {
	margin: 0;
	padding: 0;
	border-width: 0;
}
table.news tr.title1 {
	background-color: lightblue;
	text-align:center;
	border-width: 0;
}
table.news td {
	margin: 5px;
	padding: 5px;
	border: 1px solid gray;
}
table.news tr:hover {
	/* text-shadow: 1px 1px 1px black;*/
	background-color: lightblue;
	color: black;
}

table.news .theader {
	background-color: lightblue;
	text-align: center;
}

table.news .tcenter {
	text-align: center;
}

.links {
	line-height: 1.2em;
}
.links ul {
	list-style-type: none;
}
.links a {
	color: blue;
}
.links a:visited {
	color: darkblue;
}
.history {
	color: rgba(0,0,0,0.7);
	line-height: 1.4em;
	border-top: 1px solid gray;
	border-left: 1px solid rgba(0,0,0,0.1);
	padding-top: 10px;
	font-size: 10pt;
	margin-bottom: 15px;
}

.blockex  {
	line-height: 1.3em;
	padding: 10px 0px  10px 25px ; 
	font-size: 10pt;
	color: white ; 
	text-align: left;
}

figure img {
	max-width: 100%;
	border: 1px solid black;
}

.motofont {
	font-family: Inconsolata;
	font-weight: 600;
}

.motofont2 {
	font-family: Inconsolata;
	font-weight: 900;

}