<!DOCTYPE html>
<html><head>
<meta content="text/html;charset=UTF-8" http-equiv="Content-Type">
<meta http-equiv="Pragma" content="no-cache, width=device-width, initial-scale=1.0" name="viewport"><title>erwinau.com</title>

<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-1068793889969594",
enable_page_level_ads: true
});
</script>
<style>
body {
font-family: "Lato", sans-serif;
background-image: url(pic/pattern2.png);
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 40px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 24px;
color: #C0C0C0;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #FFFF66;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 32px;
margin-left: 50px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 12px;}
.sidenav a {font-size: 16px;}
}
body {
margin: 0;
font-family: Arial;
}
.top-container {
background-color: #f1f1f1;
padding: 30px;
text-align: center;
}
.header {
padding: 10px 16px;
background: #555;
color: #f1f1f1;
}
.content {
padding: 16px;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}
.sticky + .content {
padding-top: 102px;
}
* {
box-sizing: border-box;
}
.row::after {
content: "";
clear: both;
display: table;
}
[class*="col-"] {
float: left;
padding: 5px;
}
html {
font-family: "Lucida Sans", sans-serif;
}
.header {
background-color: #cccccc;
color: #ffffff;
padding: 4px;
}
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
padding: 5px;
margin-bottom: 5px;
background-color: #33b5e5;
color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
background-color: #0099cc;
}
.aside {
background-color: #33b5e5;
padding: 5px;
color: #ffffff;
text-align: center;
font-size: 14px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
background-color: #0099cc;
color: #ffffff;
text-align: center;
font-size: 12px;
padding: 2px;
}
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
@media only screen and (min-width: 768px) {
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
.dropbtn {
background-color: #666666;
color: white;
padding: 2px;
font-size: 16px;
align: left;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: ;
background-color: #FFFF99;
min-width: 300px;
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 8px;
text-decoration: none;
}
div.scrollmenu a:hover {
background-color: #777;
}
</style>
</head>
<body>
<marquee style="background-color: white;" a1=""><img style="width: 160px; height: 55px;" alt="" src="pic/zug-1.gif"><big style="font-family: Times New Roman; font-style: italic;"><big>welcome
to erwinau.com二文網</big> </big></marquee>
<br>
<div class="header" id="myHeader">
<div style="text-align: center;"></div>
<div class="scrollmenu">
<div style="text-align: center;"><a href="index.html">主
頁</a>
<a href="11history.html">好朋友講歷史</a>
<a href="12dynasty.html">朝代歷史</a>
<a href="13surname.html">姓氏專頁</a>
<a href="14person.html">歷史人物</a>
<a href="16culture.html">華夏文化</a>
<a href="31activity.html">主題及活動</a>
<a href="32forum.html">歷史論壇</a>
<a href="41quiz.html">歷史測驗</a>
<a href="42guestbook.html">留言板</a>
<a href="43acf.html">區焯凡專頁</a>
</div>
</div>
<table style="text-align: left; background-color: rgb(102, 102, 102); width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 40px;">
<div style="background-color: rgb(102, 102, 102);" id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">主頁</a> <a href="11history.html">好朋友講歷史</a>
<a href="13surname.html">姓氏專頁</a>
<a href="14person.html">歷史人物</a>
<a href="15parable.html">成語典故</a>
<a href="16culture.html">華夏文化</a>
<a href="31activity.html">主題及活動</a>
<a href="32forum.html">歷史論壇</a>
<a href="41quiz.html">歷史測驗</a>
<a href="42guestbook.html">留言板</a>
<a href="43acf.html">區焯凡專頁</a>
<a href="50hlaArea.html">翰林區互動平台</a>
</div>
<span style="font-size: 24px; cursor: pointer;" onclick="openNav()">☰</span>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script></td>
<td style="text-align: center;"><span style="color: black;"><button onclick="window.history.back()">返回上頁</button>
<input value="隨機播放" onclick="window.location.replace('10random-all.html','window.replace');" type="button"> </span></td>
<td style="width: 40px;"></td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="col-3 menu">
<ul>
<li style="text-align: center; background-color: rgb(255, 255, 153);"><span style="color: black;">
<div class="dropdown"><button class="dropbtn">最
新消息</button>
<div class="dropdown-content"><a href="#">多
謝光臨全新網頁</a>
</div>
</div>
</span></li>
</ul>
<span style="color: black;"></span>
</div>
<div class="col-6">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr align="center">
<td style="background-color: rgb(51, 255, 51);"><span style="font-weight: bold;">朝代歷史</span> </td>
</tr>
</tbody>
</table>
<table style="width: 96%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr align="center">
<td><iframe name="iframe2" src="12dynasty/dynasty-0.html" hspace="10" vspace="10" align="top" height="450" width="100%">If
you can see this, your browser does not support iframes!
</iframe></td>
</tr>
</tbody>
</table>
<br>
</div>
<div class="col-3 right">
<div style="background-color: rgb(102, 102, 102);" class="aside">
<script type="text/javascript">
var m = "最後更新於: " + document.lastModified;
var p = m.length-8;
document.writeln("<div style='font-size: 14px;'>");
document.write(m.substring(p, 0));
document.writeln("</div>");</script><input value="最新網頁" onclick="history.go(0)" type="button"><br>
<br>
合作主持<br>
<a href="50hlaArea.html"><img style="border: 0px solid ; width: 147px; height: 150px;" alt="" src="pic/HongLam3pic.jpg"></a><br>
<a href="50hlaArea.html"><span style="font-family: Times New Roman,Times,serif;">翰林區
互動平台</span></a><br clear="all">
<br clear="all">
<span style="font-family: Times New Roman,Times,serif;">聯
絡我們：</span><br clear="all">
<span style="font-family: Times New Roman,Times,serif;">erwinau@yahoo.com.hk,
</span><br clear="all">
<span style="font-family: Times New Roman,Times,serif;">QQ
[#1373490616]</span><br clear="all">
<br>
<div class="dropdown"><button class="dropbtn">感
謝及免責聲明</button>
<div class="dropdown-content"><a href="#"><small><small>http://www.gdk.mx/,
https://www.websitetoolbox.com/, </small></small><small><small>http://www.simplehitcounter.com/,http://www.nch.com.au/wavepad/,
http://www.freegb.net/, https://sites.google.com/,
https://zh.wikipedia.org/, https://www.w3schools.com/,
http://www.javascriptkit.com/, http://www.simplehitcounter.com/,
http://www.freegraphicland.com/,
http://www.dynamicdrive.com/, http://www.yaldex.com/,
http://www.javascriptsource.com/, http://baike.baidu.com/,
http://www.quanxue.cn/,&nbsp;http://ctext.org/,
http://www.kanunu8.com/, &nbsp;免責聲明
（1）本網站中的文章（包括轉貼文章）的版權僅歸原作者所有，若作者有版權聲明的或文章從其它網站轉載而附帶有原所有站的版權聲明者，其版權歸屬以附帶聲
明為
準；文章僅代表作者本人的觀點，與本網站立場無關；
（2）任何公司或個人認為本站內容可能涉嫌侵犯其合法權益，應該及時向本站書面反饋(editor@bayvoice.net)，並提供身份證明、權屬證
明及詳
細情況證明，本站在收到上述文件後將會儘快移除相關內容。</small></small></a><small><small><br clear="all">
</small></small></div>
<p><comment title=" Start of SimpleHitCounter Code " xmlns="http://disruptive-innovations.com/zoo/nvu"><!-- Start of SimpleHitCounter Code --></comment></p>
<div align="center"><small><small><a href="http://www.simplehitcounter.com/" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=2233849&amp;f=16777215&amp;b=0" alt="web counter" border="0" height="18" width="83"></a><br>
<a href="http://www.simplehitcounter.com/" target="_blank" style="text-decoration: none;">web
counter</a></small></small></div>
<comment title=" End of SimpleHitCounter Code " xmlns="http://disruptive-innovations.com/zoo/nvu"><!-- End of SimpleHitCounter Code --></comment>
</div>
</div>
</div>
<script>
window.onscroll = function() {myFunction()};
var header = document.getElementById("myHeader");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset >= sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
</div>
</body></html>