@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	}

div#container01 {
	width:1280px;
	height:2160px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}
	
	
div#title {
	width:1280px;
	height:100px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	}
	
div#logo {
	width:180px;
	height:100px;
	background-color:#000;
	position:absolute;
	background-image:url(logo2.jpg);
	}
	
div#navi {
	width:301px;
	height:50px;
	background-color:#000;
	position:relative;
	margin-left:863px;
	top:50px;
	}
	
div#n1 {
	width:112px;
	height:50px;
	background-image:;
	position:absolute;
	}
	div#n1:hover {
		background-image:;
		}	
	
div#n2 {
	width:112px;
	height:50px;
	background-image:url(portfolio2.jpg);
	left:73px;
	position:absolute;
	}
	div#n2:hover {
		background-image:url(portfolio2.jpg);
		}
		
div#n2-1 {
	width:112px;
	height:50px;
	background-image:url(portfolio.jpg);
	left:73px;
	position:absolute;
	}
	div#n2:hover {
		background-image:url(portfolio2.jpg);
		}	
	
div#n3 {
	width:116px;
	height:50px;
	background-image:url(about.jpg);
	left:185px;
	position:absolute;
	}
	div#n3:hover {
		background-image:url(about2.jpg);
		}
		
div#n3-1 {
	width:116px;
	height:50px;
	background-image:url(about2.jpg);
	left:185px;
	position:absolute;
	}
	div#n3:hover {
		background-image:url(about2.jpg);
		}	

div#d1 {
	width:853px;
	height:480px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	background-image:;
	}
	
div#about {
	width:1280px;
	height:720px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	position:relative;
	}
	
div#about-1 {
	top:0px;
	left:150px;
	width:428px;
	height:640px;
	position:absolute;
	background-image:url(KaiTang.jpg);
	}
	
div#about-2 {
	top:0px;
	left:680px;
	width:500px;
	height:150px;
	position:absolute;
	color:#FFF;
	}
	
div#about-3 {
	top:180px;
	left:680px;
	width:500px;
	height:50px;
	position:absolute;
	}
	
div#d3 {
	width:1280px;
	height:1410px;
	top:5px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:#000;
	
	}
	
div#d3-1 {
	left:0px;
	top:0px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w0.jpg);
	}
	div#d3-1:hover {
		background-image:url(w0-0.jpg);
		}	
	
div#d3-2 {
	top:0px;
	left:320px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w31.jpg);
	}
	div#d3-2:hover {
		background-image:url(w31-31.jpg);
	}
	
	
div#d3-3 {
	top:0px;
	left:640px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w36.jpg);
	}
	div#d3-3:hover {
		background-image:url(w36-36.jpg);
	}
	
div#d3-4 {
	top:0px;
	left:960px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w37.jpg);
	}
	div#d3-4:hover {
		background-image:url(w37-37.jpg);
	}
	
div#d3-5 {
	left:0px;
	top:180px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w38.jpg);
	}
	div#d3-5:hover {
		background-image:url(w38-38.jpg);
	}
	
div#d3-6 {
	left:320px;
	top:180px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w48.jpg);
	}
	div#d3-6:hover {
		background-image:url(w48-48.jpg);
	}
	
div#d3-7 {
	left:640px;
	top:180px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w40.jpg);
	}
	div#d3-7:hover {
		background-image:url(w40-40.jpg);
	}
	
div#d3-8 {
	left:960px;
	top:180px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w2.jpg);
	}
	div#d3-8:hover {
		background-image:url(w2-2.jpg);
	}
	
div#d3-9 {
	left:0px;
	top:360px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w49.jpg);
	}
	div#d3-9:hover {
		background-image:url(w49-49.jpg);
	}
	
div#d3-10 {
	left:320px;
	top:360px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w47.jpg);
	}
	div#d3-10:hover {
		background-image:url(w47-47.jpg);
	}
	
div#d3-11 {
	left:640px;
	top:360px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w50.jpg);
	}
	div#d3-11:hover {
		background-image:url(w50-50.jpg);
	}
	
div#d3-12 {
	left:960px;
	top:360px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w11.jpg);
	}
	div#d3-12:hover {
		background-image:url(w11-11.jpg);
	}
div#d3-13 {
	left:0px;
	top:540px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w12.jpg);
	}
	div#d3-13:hover {
		background-image:url(w12-12.jpg);
	}
	
div#d3-14 {
	left:320px;
	top:540px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w41.jpg);
	}
	div#d3-14:hover {
		background-image:url(w41-41.jpg);
	}
	
div#d3-15 {
	left:640px;
	top:540px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w14.jpg);
	}
	div#d3-15:hover {
		background-image:url(w14-14.jpg);
	}
	
div#d3-16 {
	left:960px;
	top:540px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w39.jpg);
	}
	div#d3-16:hover {
		background-image:url(w39-39.jpg);
	}
	
div#d3-17 {
	left:0px;
	top:720px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w16.jpg);
	}
	div#d3-17:hover {
		background-image:url(w16-16.jpg);
	}
	
div#d3-18 {
	left:320px;
	top:720px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w17.jpg);
	}
	div#d3-18:hover {
		background-image:url(w17-17.jpg);
	}
	
div#d3-19 {
	left:640px;
	top:720px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w18.jpg);
	}
	div#d3-19:hover {
		background-image:url(w18-18.jpg);
	}
	
div#d3-20 {
	left:960px;
	top:720px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w10.jpg);
	}
	div#d3-20:hover {
		background-image:url(w10-10.jpg);
	}
	
div#d3-21 {
	left:0px;
	top:900px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w20.jpg);
	}
	div#d3-21:hover {
		background-image:url(w20-20.jpg);
	}
	
div#d3-22 {
	left:320px;
	top:900px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w43.jpg);
	}
	div#d3-22:hover {
		background-image:url(w43-43.jpg);
	}
	
div#d3-23 {
	left:640px;
	top:900px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w22.jpg);
	}
	div#d3-23:hover {
		background-image:url(w22-22.jpg);
	}
	
div#d3-24 {
	left:960px;
	top:900px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w35.jpg);
	}
	div#d3-24:hover {
		background-image:url(w35-35.jpg);
	}
	
div#d3-25 {
	left:0px;
	top:1080px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w24.jpg);
	}
	div#d3-25:hover {
		background-image:url(w24-24.jpg);
	}
	
div#d3-26 {
	left:320px;
	top:1080px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w25.jpg);
	}
	div#d3-26:hover {
		background-image:url(w25-25.jpg);
	}
	
div#d3-27 {
	left:640px;
	top:1080px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w26.jpg);
	}
	div#d3-27:hover {
		background-image:url(w26-26.jpg);
	}
	
div#d3-28 {
	left:960px;
	top:1080px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w44.jpg);
	}
	div#d3-28:hover {
		background-image:url(w44-44.jpg);
	}
	
div#d3-29 {
	left:0px;
	top:1260px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w42.jpg);
	}
	div#d3-29:hover {
		background-image:url(w42-42.jpg);
	}
	
div#d3-30 {
	left:320px;
	top:1260px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w1.jpg);
	}
	div#d3-30:hover {
		background-image:url(w1-1.jpg);
	}
	
div#d3-31 {
	left:640px;
	top:1260px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w29.jpg);
	}
	div#d3-31:hover {
		background-image:url(w29-29.jpg);
	}
	
div#d3-32 {
	left:960px;
	top:1260px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w30.jpg);
	}
	div#d3-32:hover {
		background-image:url(w30-30.jpg);
	}
	
div#d3-33 {
	left:0px;
	top:1440px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w8.jpg);
	}
	div#d3-33:hover {
		background-image:url(w8-8.jpg);
	}
	
div#d3-34 {
	left:320px;
	top:1440px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w19.jpg);
	}
	div#d3-34:hover {
		background-image:url(w19-19.jpg);
	}
	
div#d3-35 {
	left:640px;
	top:1440px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w34.jpg);
	}
	div#d3-35:hover {
		background-image:url(w34-34.jpg);
	}
	
div#d3-36 {
	left:960px;
	top:1440px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w23.jpg);
	}
	div#d3-36:hover {
		background-image:url(w23-23.jpg);
	}

div#d3-37 {
	left:0px;
	top:1620px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w6.jpg);
	}
	div#d3-37:hover {
		background-image:url(w6-6.jpg);
	}
	
div#d3-38 {
	left:320px;
	top:1620px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w5.jpg);
	}
	div#d3-38:hover {
		background-image:url(w5-5.jpg);
	}
	
div#d3-39 {
	left:640px;
	top:1620px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w4.jpg);
	}
	div#d3-39:hover {
		background-image:url(w4-4.jpg);
	}
	
div#d3-40 {
	left:960px;
	top:1620px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w9.jpg);
	}
	div#d3-40:hover {
		background-image:url(w9-9.jpg);
	}
	
div#d3-41 {
	left:0px;
	top:1800px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w46.jpg);
	}
	div#d3-41:hover {
		background-image:url(w46-46.jpg);
	}
	
div#d3-42 {
	left:320px;
	top:1800px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w15.jpg);
	}
	div#d3-42:hover {
		background-image:url(w15-15.jpg);
	}
	
div#d3-43 {
	left:640px;
	top:1800px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w45.jpg);
	}
	div#d3-43:hover {
		background-image:url(w45-45.jpg);
	}
	
div#d3-44 {
	left:960px;
	top:1800px;
	width:320px;
	height:180px;
	background-color:#000;
	position:absolute;
	background-image:url(w21.jpg);
	}
	div#d3-44:hover {
		background-image:url(w21-21.jpg);
	}
	
div#flashContent1 { width:1200px; height:600px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		}
		
div#flashContent2 {width:1000px; height:500px; 
		margin-left:auto;
		margin-right:auto;
		margin-top:100px;
		}
div#flashContent3 {width:900px; height:500px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		}
	
div#d4 {
	width:1280px;
	height:970px;
	position:relative;
	}
	
div#d4-0 {
	position:absolute;
	top:0px;
	left:0px;
	width:1280px;
	height:50px;
	background-image:url(d4-0.jpg);
	}
	
div#d4-1 {
	position:absolute;
	top:50px;
	left:0px;
	width:630px;
	height:360px;
	}

div#d4-2 {
	position:absolute;
	top:50px;
	left:650px;
	width:640px;
	height:360px;
	}
	
div#t1 {
	position:absolute;
	top:410px;
	left:0px;
	width:630px;
	height:100px;
	background-image:url(tbox.jpg);
	}
	
div#t2 {
	position:absolute;
	top:410px;
	left:650px;
	width:630px;
	height:100px;
	background-image:url(tbox.jpg);
	}
	
div#d4-3 {
	top:510px;
	left:0px;
	width:630px;
	height:360px;
	position:absolute;
	}
	
div#d4-4 {
	top:510px;
	left:650px;
	width:640px;
	height:360px;
	position:absolute;
	}
	
div#t3 {
	position:absolute;
	top:870px;
	left:0px;
	width:630px;
	height:100px;
	background-image:url(tbox.jpg);
	}
	
div#t4 {
	position:absolute;
	top:870px;
	left:650px;
	width:630px;
	height:100px;
	background-image:url(tbox.jpg);
	}
	

div#header {
	width:1280px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(header.jpg);
	}
	
h#h1 {
	font-size:26px;
	color:#FFF;
	}
	
p#p1 {
	font-size:18px;
	color:#FFF;
	}

	
div#foot {
	float:left;
	width:1280px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	bottom:0px;
	z-index:100;
	position:fixed;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background-image:url(foot.jpg);
	}
	
	
img.preloading {
	display:none;
	}
