/*    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:1050px; 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; }
.crosscut { width:940px; height:600px; margin:10px auto; }
.cross-left { width:655px; height:500px; float:left; margin-right:10px; }
.cross-left h3 { height:24px; line-height:24px; background:url(/images/way/everyleft.gif) no-repeat; padding-left:10px; }
.cross-left h3 span { font-weight:normal; }
.cross-left-content { border:#D3D3D3 solid 1px; width:652px; height:1000px; }
.cross-left-content div { width:500px; height:100px; border-bottom:#999 dashed 1px; margin:0 auto; margin-top:15px; position:relative; padding-left:120px; }
.cross-left-content img { position:absolute; top:3px; left:5px; padding:2px; border:#CCC solid 1px; }
.cross-left-content div li { line-height:22px; color:#999; }
.cross-left-content div li.title { color:#333; border-bottom:#666 dashed 1px; line-height:25px; position:relative; }
.cross-left-content div li.title span { position:absolute; top:-3px; left:300px; color:#666; }
.cross-right { width:270px; height:500px; float:left; }
.cross-right h3 { height:24px; line-height:24px; background:url(/images/way/everyright.gif) no-repeat; padding-left:10px; }
.cross-right .viewpoint { border:#D3D3D3 solid 1px; height:980px; padding:10px; line-height:200%; }
.cross-right .viewpoint p { text-indent:22px; }

.cross-left-content div.page{ text-align:right; border-bottom:none; height:25px; line-height:25px;}