﻿#nav { position:absolute; left:0; top:66px; z-index:10; height:99px; padding-left:8px; }
#nav .n { position:relative; float:left; width:167px; margin-right:10px; }
#nav .nn { display:block;}
#nav .s { display:none; position:relative; top:-24px; width:163px; background:#fff url(../images/blank.gif); border-bottom:1px solid #ddd; border-right:1px solid #ddd}
#nav .s-head { height:10px; background:url(../images/navsub_head.jpg) no-repeat; }
#nav .s-foot { height:30px; background:url(../images/navsub_foot.jpg) no-repeat}
#nav .ss { padding:3px 12px; background:url(../images/navsub_hr.gif) no-repeat bottom left;}
#nav .ss a { padding-left:25px; background:url(../images/navsub_arr.gif) no-repeat 2px 0; *background-position:2px -2px; color:#575757; text-decoration:none;}
#nav .ss a:hover { padding-left:24px; color:#999;}

#main { position:relative; z-index:5; float:left; _display:inline; width:736px; height:316px; margin-top:116px; background:url(../images/index_main.png) no-repeat;
 _background:url(../images/index_main.jpg) no-repeat -2px left; }
#main-top { position:absolute; left:14px; top:14px; width:706px; height:200px; overflow:hidden; background:#ededed; }
#main-btm1 { position:absolute; left:14px; top:224px; width:230px; height:75px; overflow:hidden; background:#ededed; }
#main-btm2 { position:absolute; left:252px; top:224px; width:230px; height:75px; overflow:hidden; background:#ededed; }
#main-btm3 { position:absolute; left:490px; top:224px; width:230px; height:75px; overflow:hidden; background:#ededed; }
#main .vr1 { position:absolute; left:244px; top:224px; width:8px; height:75px; background:url(../images/index_main_vr.gif) no-repeat;}
#main .vr2 { position:absolute; left:482px; top:224px; width:8px; height:75px; background:url(../images/index_main_vr.gif) no-repeat;}

#side { float:left; _display:inline; width:149px; height:232px; margin-top:116px; overflow:hidden; }
#side-login { padding:6px 0 15px 5px; background:; }
#side-login a.btn-join { display:block; float:left; margin-bottom:8px;}
#side-login a.btn-fgpw { display:block; float:right;}
#side-login p,
#side-keyw p { clear:both; position:relative; color:#fff;  margin:0; padding:0; padding-bottom:8px;}
#side-login p label { position:absolute; left:0px; top:0px; _top:2px; color:#fff;} 
#side-login p input { width:102px; height:12px; margin-left:39px; border:1px solid #ddd; color:#555; vertical-align:middle;  font:11px Arial; *font:10px Arial;letter-spacing:1px;}
#side-login .btn,
#side-keyw .btn  {text-align:right }
#side-keyw { padding:5px 0 0 5px; background:; }
#side-keyw p input { width:142px; height:12px; border:1px solid #ddd; color:#555; vertical-align:middle; font:11px Arial; *font:10px Arial; letter-spacing:1px;}
#side-keyw .hots { padding:10px 0; color:#5983c3; font-size:11px; *font-size:10px; text-align:left; }
#side-keyw .hots a { color:#5983c3; text-decoration:underline;}
#side-keyw .hots a:hover { color:#274778; }

#footer { float:left; _display:inline; width:159px; text-align:right; background:;}
#footer a { display:block; }

#ad { position:relative; float:left; _display:inline; width:515px; height:116px; background:url(../images/index_ad.jpg) no-repeat;}
#ad-left { position:absolute; left:12px; top:20px; width:240px; height:70px; }
#ad-right { position:absolute; left:262px; top:20px; width:240px; height:70px; }

#copyright { position:relative; top:24px; float:right; _display:inline; }


