* { margin: 0; padding:0; list-style:none; }
body { color:#666; font-size:12px; }
a { color:#1576B4; text-decoration:none; behavior:url(/css/common/link.htc); }
a:hover { color:#F00; text-decoration:underline; }
a:visited { color:#800080; }
a.selected { color:#0664A0; font-weight:bold; }
span a { color:#666; }
span a:hover { color:#F00; }
span a:visited { color:#666; }
img { border:none; }
/*     ID = head    */

#head { width:975px; height:90px; margin:0 auto; padding-top:10px; }
#head .logo { float:left; height:80px; width:210px; }
#head .banner { float:left; height:80px; width:650px; text-align:center; padding-top:3px; }
#head .collection { float:left; width:100px; color:#06F; }
#head .collection ul { padding:4px; }
#head .collection ul li { height:25px; line-height:25px; }
/*     ID = menu    */
#menu { height:34px; width:100%; background:url(/images/index/menu.jpg) repeat-x; line-height:34px; }
#menu ul { width:975px; height:34px; height:34px; margin:0 auto; }
#menu ul li{ float:left; padding:0 20px; height:34px; text-align:center; font-weight:bold; color:#FFF;}
#menu ul li a { color:#FFF; font-size:15px; text-decoration:none; }
#menu ul li a:hover { color:#FF0; }
#menu ul li.select { background:url(/images/common/select.gif) no-repeat center; }
#menu ul li.select a { color:#FF0; }
/*  ID= foot */

#foot { width:975px; height:70px; margin:0 auto; padding-top:10px; text-align:center; }
#foot p { padding:5px; }
.hide { display:none; }
#foot p.icp a { color:#666; }
/*    ID = bottom   */
#bottom { margin:0 auto; width:975px; height:30px; line-height:30px; color:#666; background:url(/images/index/bottom.jpg) no-repeat; }
#bottom .login { float:left; height:30px; width:650px; padding-left:20px; position:relative; color:#1576B4; }
#bottom .login b a { color:#F60; text-decoration:none; }
#bottom .login b a:hover { text-decoration:underline; }
#bottom .login span { color:#F60; margin-left:70px; }
#bottom .login a { color:#1576B4; text-decoration:underline; }
#bottom .login a:hover { color:#F00; }
#bottom .welcome a { color:#1576B4; text-decoration:underline; margin:0 5px; }
#bottom .login input { border:#999 solid 1px; margin-right:10px; color:#666; margin-top:3px!important; margin-top:5px; }
#bottom img { position:absolute; top:5px; left:450px; cursor:pointer; }
#bottom .welcome { float:left; height:30px; width:285px; text-align:right; padding-right:20px; background:url(/images/dreams/hepl.gif) no-repeat 215px 4px; }
#bottom .welcome a { color:#333; font-weight:bold; }
/*    ID = main   */
#main { margin:0 auto; width:975px; height:auto; padding-top:10px; margin-top:10px; background:url(/images/way/top.gif) no-repeat; }
.attacktop { height:15px; line-height:15px; padding-top:10px; width:955px; color:#666; padding-left:20px; background:url(/images/way/line.gif) 88px 8px no-repeat; position:relative; }
.attacktop img { margin-right:20px; vertical-align:middle; }
.attacktop a { color:#F60; margin:0 5px; }
.attacktop a:visited{color:#F60;}
.attacktop span { position:absolute; top:10px; left:550px; }
.crosscut { width:940px; margin:10px auto; }
.cross-left { width:655px; float:left; margin-right:10px; }
.cross-left h3 { height:24px; line-height:24px; background:url(/images/way/everyleft.gif) no-repeat; padding-left:10px; font-size:12px; font-weight:normal; }
.cross-left-content { border:#D3D3D3 solid 1px; width:652px; height:auto; padding:10px 0; }
.cateory { width:630px; height:auto; margin:0 auto; border-bottom:#2B7CA3 dashed 1px; position:relative; color:#2B7CA3; }
.cateory img { width:100px; height:135px; float:left; margin:10px 20px; border:1px solid #EAEAEA; padding:2px; }
.cateory h2 { font-size:18px; line-height:40px; height:40px; }
.cateoryauthor { height:35px; line-height:35px; width:463px; background:url(/images/way/cateory.gif) no-repeat; padding-left:20px; float:left; }
.cateoryauthor b { margin-right:10px; }
.cateorycontent { line-height:22px; padding:10px; }
.cateorycontent p { text-indent:22px; }
.cross-left-content h4 { text-align:center; height:25px; line-height:25px; font-size:12px; color:#666; padding-top:10px; }
.knowledgelist { width:630px; background:#F7FBFC; margin:0 auto; border:#E5EBEE solid 1px; height:auto; }
.knowledgelist ul { padding:10px; height:auto; }
.knowledgelist li { width:285px; height:20px; margin-bottom:5px; line-height:20px; float:left; border-bottom:#E5EBEE dashed 1px; padding-left:20px; overflow:hidden; }
.knowledgelist li a { color:#666; }
.knowledgelist li a:visited{color:#800080;}
.cross-right { width:270px; float:left; }
.cross-right h3 { height:24px; line-height:24px; background:url(/images/way/everyright.gif) no-repeat; padding-left:10px; font-size:12px; font-weight:normal; }
.cross-right .viewpoint { border:#D3D3D3 solid 1px; height:550px; padding:10px; line-height:175%; }
.cross-right .viewpoint ul { border-bottom:#CCC dashed 1px; padding-bottom:10px; margin-bottom:10px; }
.cross-right .viewpoint ul li { width:248px; height:24px; line-height:24px; overflow:hidden; }
.head { width:122px; height:110px; float:left; text-align:center; overflow:hidden; margin-bottom:10 }
.head img { width:110px; height:85px; border:#CCC solid 1px; padding:2px; }
.clear { clear:both; }