a:link { color: #333;}
a:hover { color:#F00; }
h3  span a{ margin:0 5px;}
/*    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:400px; 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:400px; 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:600px; }
#knowledge, .crosscut { width:940px; height:100px; margin:10px auto; }
#knowledge h3, .crosscut h3 { line-height:24px; height:24px; background:url(/images/way/crosscut.gif) no-repeat; color:#333; padding-left:10px; position:relative; }
.crosscut h3 span { position:absolute; top:0; left:800px; font-weight:normal; }
.knowledgecontent, .crosscontent { width:936px; height:320px; border:#D4D4D4 solid 1px; margin: 0 auto; }
.cro-left { width:250px; height:300px; float:left; text-align:center; padding-top:15px; line-height:20px; background:url(/images/way/vertical.gif) 245px 20px no-repeat;}
.cro-left ul { text-align:left; padding:5px 15px;}
.cro-left ul li{ width:220px; height:20px; overflow:hidden;}
.cro-left b { color:#000; }
.cro-left img { padding:2px; border:#CCC solid 1px; }
.cro-left p { text-align:left; width:200px; margin:0 auto; padding:10px; }
.cro-left p.line { border-bottom:#999 dashed 1px; }
.cro-conter { width:465px; height:305px; float:left; padding-top:15px; background:url(/images/way/vertical.gif) 458px 20px no-repeat; }
.cro-conter div { width:142px; height:150px; background:url(/images/way/crosshead.gif) no-repeat; float:left; margin:0 5px; text-align:center; line-height:20px; overflow:hidden; }
.cro-conter div h4 { height:30px; line-height:30px; padding-top:8px; color:#577285; }
.cro-conter div h4 a{color:#577285;}
.cro-conter ul { clear:both; margin:0 auto; width:440px; border-top:#CCC dashed 1px; padding-top:10px; }
.cro-conter ul li { float:left; width:220px; height:20px; line-height:20px; text-indent:20px; overflow:hidden; }
.cro-right { width:220px; height:305px; float:left; padding-top:15px; text-align:center; line-height:20px; }
.cro-right ul { text-align:left; padding-top:10px; }
.cro-right ul li { height:22px; line-height:22px; padding-left:10px; width:200px; overflow:hidden;}
#dream { width:975px; height:460px; margin:0 auto; }
.commend { width:460px; height:450px; float:left; padding:0 18px; }
#dream h3 { background:url(/images/way/commend.gif) no-repeat; height:24px; line-height:24px; text-indent:10px; color:#333; position:relative; }
#dream h3  span{ font-weight:normal; position:absolute; top:0; left:310px;}
#dream ul { width:437px; height:410px; border:#D4D4D4 solid 1px; padding:10px; }
#dream ul li { line-height:28px; height:28px; border-bottom:#999 dashed 1px; width:422px; overflow:hidden;}
.dreamstory { width:460px; height:450px; float:left; }
#knowledge { height:500px; padding:0;}
#knowledge h3 span { position:absolute; top:0; left:800px; font-weight:normal; }
.knowledgecontent { height:450px; padding:10px; width:916px; }
.knowledgecontent div { width:130px; height:200px; border:#DFDFDF solid 1px; float:left; text-align:center; padding-top:10px; margin:10px 8px 0 9px; }
.knowledgecontent ul { text-align:left; padding:2px 9px; }
.knowledgecontent ul li { line-height:23px;height:23px; }
.knowledgecontent ul li.n{ text-align:center; width:110px;  overflow:hidden;}
.knowledgecontent ul li img { vertical-align:middle; }
img.book { border:#EAEAEA solid 1px; padding:2px;}