<html>
<head>
	<meta charset="UTF-8">
	<title>舊市愛台中</title>
	<style>
		#all{
			width:910px;
			height:1210px;
			margin:auto;
			
				}
		#top{
			width:900px;
			height:700px;
                                                            float:left;
				}
		#t-left{
			width:600px;
			height:700px;
                                                            float:left;
				}
		#left-top{
			width:600px;
			height:500px;
				}
		#tall{
			width:100px;
			height:500px;
			float:left;
			
				}
		#piece{
			width:500px;
			height:500px;
			float:left;
				}
		#p-top{
			width:500px;
			height:270px;
			float:left;
				}
		#p12{
			width:200px;
			height:270px;
			float:left;
			
				}
		#p1{
			width:200px;
			height:120px;
                                                       
			
				}
		#p2{
			width:200px;
			height:150px;
			
			
                                			}
		#p03{
			width:300px;
			height:270px;
			float:left;
				}
          		#p3{
			width:300px;
			height:270px;
  			
			
				}
		#p4{
			width:500px;
			height:230px;
			float:left;
			
				}
		#left-down{
			width:600px;
			height:200px;
			float:left;
				}
		#ld1{
			width:100px;
			height:200px;
			float:left;
			
				}
		#ld2{
			width:200px;
			height:200px;
			float:left;
			
				}
		#ld3{
			width:300px;
			height:200px;
			float:left;
			
				}
		#t-right{
			width:300px;
			height:200px;
			float:left;
				}
		#r1{
			width:300px;
			height:300px;
			float:left;
				}
		.hover1:hover{
			background-image:url(img1_hover.jpg);
				}
		.hover2:hover{
			background-image:url(img2_hover.jpg);
				}
		.hover3:hover{
			background-image:url(img3_hover.jpg);
				}
		.hover4:hover{
			background-image:url(img4_hover.jpg);
				}
		.hover5:hover{
			background-image:url(img5_hover.jpg);
				}
		.hover6:hover{
			background-image:url(img6_hover.jpg);
				}
		.hover7:hover{
			background-image:url(img7_hover.jpg);
				}
		.hover8:hover{
			background-image:url(img8_hover.jpg);
				}
		.hover9:hover{
			background-image:url(img9_hover.jpg);
				}
		.hover10:hover{
			background-image:url(img10_hover.jpg);
				}
		.hover11:hover{
			background-image:url(img11_hover.jpg);
				}
		.hover12:hover{
			background-image:url(img12_hover.jpg);
				}
		.hover13:hover{
			background-image:url(img13_hover.jpg);
				}
		.hover14:hover{
			background-image:url(img14_hover.jpg);
				}
		#r2{
			width:300px;
			height:400px;
			float:left;
				}
		#down{
			width:900px;
			height:500px;
			float:left;
				}
		#d-left{
			width:300px;
			height:500px;
			float:left;
				}
		#dl1{
			width:300px;
			height:170px;
			float:left;
			
				}
		#dl2{
			width:300px;
			height:330px;
			float:left;
			
				}
		#dr1{
			width:600px;
			height:100px;
			float:left;
			
				}
		#dr2{
			width:600px;
			height:400px;
			float:left;
			
				}
		#d-right{
			width:600px;
			height:500px;
			float:left;
				}
		.hoverDiv:hover{
			opacity:0.6;
				}
		body{
		background-color:black;
				}
	
</style>    
</head>
<body>
<div id="all" style="background-image:url('background.png');height:1200;width:900;background-size:100%;100%;">
	<div id="top">
		<div id="t-left">
			<div id="left-top">
				<div id="tall"></div>
				<div id="piece">
					<div id="p-top">
						<div id="p12">
							<div id="p1"></div>
							<div id="p2"></div>
						</div>
						<div id="p03">
							<a href="through/through.html"><div id="p3" class="hover8"></div></a>
						</div>
					</div>
					<div id="p-down">
						<div id="p4"></div>
					</div>
				</div>
			</div>
			<div id="left-down">
				<a href="narrative.htm"><div id="ld1" class="hoverDiv"><img src="image13.png"></div></a>
				<a href="walk/walk.html"><div id="ld2" class="hover2"></div></a>
				<a href="story/story.html"><div id="ld3" class="hover4"></div></a>
			</div>
		</div>
		<div id="t-right">
			<a href="travel/travel_again.html"><div id="r1" class="hover5"></div></a>
			<a href="newPlace/citymaking.html"><div id="r2" class="hover3"></div></a>
		</div>
	</div>
	<div id="down">
		<div id="d-left">
			<div id="dl1"></div>
			<a href="game/game_01.html"><div id="dl2" class="hover12"></div></a>
		</div>
		<div id="d-right">
			<div id="dr1"></div>
			<a href="about/about.html"><div id="dr2" class="hoverDiv"><img src="image14.png"></div></a>
		</div>
		<div style="background-image:url('hb.jpg');width:895px;height:150px;border-width:3px;border-style:solid;border-color:gray;float:clear;margin:auto;float:left;text-align:center;font-family:microsoft jhenghei">
			<br>
			&copy2016 104學年度 國立台中教育大學附設實驗國民小學 網博組 感謝各位老師辛苦指導<br>
			地址:台中市北區民權路220號 電話:(04)22224269<br>
			首頁手繪設計圖由：郭昕涵 製作 (指導老師：羅佳羚 老師)
			<span style="text-decoration: underline;color:blue;cursor:pointer;" onclick="window.open('mailto.html','提供意見給我們',config='height=320,width=320')">提供意見給我們...</span><br><br>
			<div style="background-color:rgba(255,255,255,0.5);width:100%;text-align:center;"><span style="background-image:url('a_button.png');background-size:100% 100%;padding:3px;"><a href="travel/a-article.html">愛舊式台中</a></span><span style="background-image:url('b_button.png');background-size:100% 100%;padding:3px;"><a href="newplace/b-article.html">中舊市愛台</a></span><span style="background-image:url('c_button.png');background-size:100% 100%;padding:3px;"><a href="through/c-article.html">舊識愛台中</a></span><span style="background-image:url('d_button.png');background-size:100% 100%;padding:3px;"><a href="story/d-article.html">愛台中舊事</a></span><span style="background-image:url('e_button.png');background-size:100% 100%;padding:3px;"><a href="walk/e-article.html">愛識舊台中</a></span><span style="background-image:url('f_button.png');background-size:100% 100%;padding:3px;"><a href="about/f-article.html">關於就是愛台中</a></span><span style="background-image:url('g_button.png');background-size:100% 100%;padding:3px;"><a href="game/game_01.html">識遊舊台中</a></span><span style="background-image:url('h_button.png');background-size:100% 100%;padding:3px;"><a href="narrative.htm">專題簡報頁</a></span><span style="background-image:url('i_button.png');background-size:100% 100%;padding:3px;"><a href="http://140.128.231.9/resource/tech/website/cyberfair2016/index.htm">校園備份網址</a></span><span style="background-image:url('j_button.png');background-size:100% 100%;padding:3px;"><a href="index.htm">首頁</a></span></div>
			<br>
		</div>
	</div>
</div>
</body>
</html>