@charset "UTF-8";
/* CSS Document*/

body {width:100%; height:100%; padding:0; margin:0;font-family:"Helvetica", Arial, sans-serif;position:relative;z-index:0; background:#fff; color:#000;}
p, h5, h3 {padding:0; margin:0;}
a:link, a:visited{color:#000; text-decoration:none;}

.l 		{position:relative; float:left; display:inline;}
#kol {width:222px; height:100%; position:fixed; top:30px; left:60px; z-index:9000;}
#kol h3{font-size:15px; width:200px; line-height:18px; text-transform: uppercase; font-weight:normal; letter-spacing:1px;}
#kol h3 a:link, a:visited{color:#000; text-decoration:none;}
/*#kol h3 a:hover	{font-weight:bold;}*/


#kol .act{width:196px;/*height:0px; overflow:hidden;*/ background:#fff; padding:0 13px;}
#kol #bg {position:absolute; width:100%; height:100%; left:0px; top:0px;z-index:-1; background:#fff; display:none;}
#kol #but{width:196px; margin:0 13px;}
#kol .alt{position:absolute; bottom:42px; left:13px;}
#kol .act .sub{font-weight:bold; font-size:10px; width:184px; padding:20px 0;/*margin-top:20px; margin-bottom:20px;*/}
#kol .act .sub a:link, #kol .act .sub a:visited, #kol .act .sub u{width:100%; text-decoration:none; width:100%;}
#kol .act .sub u{padding-top:20px;}
#kol .act .txt{font-size:10px; width:174px; padding-bottom:20px;}
#kol .act p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; font-weight:normal;}
#kol .act .txt h5{ font-size:10px; line-height:12px;}
#kol .act .sub .tit{margin-top:20px;}
#view	{position:absolute; z-index:3000;top:108px; left:35px;}
#info	{width:370px; height:250px; background:#000;  color:#fff;}
#info p{margin:13px 0px 0px 36px;}
.im	{margin-right:30px;}
.im .hd {height:20px; width:100%; text-align:center; font-family:"Verdana", Arial, sans-serif; left:0px; top:0px;font-size:10px; position:absolute; margin-top:-20px;}
.man	{height:250px; width:220px; background:#000; color:#fff;}
.man .txt{position:absolute; z-index:100;top:13px; left:13px;width:200px;}
.tooltxt{position:absolute;top:200px; left:200px; background:#faa4e3;padding:6px; width:172px; z-index:1000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:13px;}
#swf1	{position:fixed; z-index:100;top:158px; left:280px;height:400px;}
#swf2	{position:fixed; z-index:200;top:158px; left:280px;height:400px;}
.w277	{width:277px;}
.top_20 {margin-top:20px;}
/*.swf	{width:384px; height:306px; background:#000;}*/

.msk	{height:0px; overflow:hidden;}
.ph     {background:url(gfx/load.gif) center no-repeat; border:#999 1px solid;text-align:center;}
.ph2 {position:relative; margin:0px;}
.ph img	{position:relative;width:100%; height:100%;}
.ph .hd, #town .hd {height:24px; font-family:"Verdana", Arial, sans-serif; left:38px; top:0px;font-size:10px; position:absolute; margin-top:-24px;}
#town .hd {text-align:left; margin-left:400px;}
#town .hd a{position:relative; margin-left:160px;}
#town {position:fixed; left:0px; display:block; z-index:0;top:60px;}

.pro {border-left:1px solid; height:450px; overflow:visible;}
.pro p{width:263px; padding:38px 0 0 38px; font-size:11px;}
.pro p a:link, .pro p a:visited{text-decoration:underline;} 
.hid_proj {display:none;}


#home_pg {position:fixed; width:100%; height:100%; display:none;}