/*      ID = span   */

span a{ color:#666;}

span a:hover{ color:#F00;}

/*      ID = bottom   */

#bottom { margin:0 auto; width:975px; height:30px; line-height:30px; color:#666; background:url(/images/index/bottom.jpg) no-repeat;}

#bottom .hotdream{ float:left; height:30px; width:650px; padding-left:20px;}

#bottom .hotdream a{ color:#666; margin-right:10px;}

#bottom .welcome{ float:left; height:30px; width:285px; text-align:right; padding-right:20px;}

#bottom .welcome a{ text-decoration:underline;}

/*      ID = container   */

#container{ margin:0 auto; width:975px; height:1460px; padding-top:10px;}

h1.top{ width:224px; height:12px; background:url(/images/index/top.jpg) no-repeat 0px 3px;}

h1.bottom{ width:224px; height:12px; background:url(/images/index/foot.jpg) no-repeat;}

/*      ID = container  .left  */

.left{ height:1455px; width:230px; float:left;}

.left .login{ width:224px; height:185px; margin-top:-4px;}

.left .login ul{ border-left:#DDD solid 1px; border-right:#DDD solid 1px;width:212px; height:160px; padding-left:10px; }

.left .login h2{ color:#09F; text-align:center;}

.left .login input{ width:90px; height:13px;}

.left .login ul h3{ width:200px; border-bottom:#0CF dotted 1px; height:30px; padding-top:5px;}

.left .login  .loginmain{ widows:100px; height:110px; position:relative; color:#09F;}

.left .login ul .loginmain .user{ height:29px; line-height:29px;padding-top:0!important; *padding-top:7px;}

.left .login ul .loginmain .pw{height:29px; line-height:29px; letter-spacing:2px;}

.left .login ul .loginmain .regist{ text-align:center; padding:10px 0;width:200px;border-top:#0CF dotted 1px;}

.left .login ul .loginmain .button{ width:50px; height:42px; position:absolute; top:7px; left:150px;}

.left .login ul .loginmain .button img{ cursor:pointer;}

.left .login ul .loginmain .regist img{ margin:0 5px;}

.left .login ul .loginmain .userinfo{ text-align:center; height:28px; line-height:28px; color:#666;}

.left .login ul .loginmain .userinfo a{ color:#F00;}

.left .login ul .loginmain .userinfo a.loginout{ color:#666;}

.left .login ul .loginmain .manage{ text-align:center; height:28px; line-height:28px;}

.left .today{ width:225px; height:auto;margin-top:5px; text-align:center;}

.left .today .starsing{ background:url(/images/index/starsing.jpg) no-repeat;  height:19px; text-align:left; padding-top:8px; text-indent:30px; color:#FFF; position:relative;}

.left .today .starsing b{ font-weight:normal; top:8px;; left:140px; position:absolute;}

.left .today .starsing b a{ color:#FFFF00;}

.starsing1{ background:url(/images/index/starsing1.jpg) no-repeat;  height:19px; text-align:left; padding-top:8px; text-indent:30px; color:#FFF;}

.left .today .starmodel{ background:url(/images/index/tuimoban1.gif) no-repeat;  height:19px; text-align:left; padding-top:8px; text-indent:30px; color:#FFF; font-weight:normal;}

.left .today .fower{ background:url(/images/index/tuifower.gif) no-repeat;  height:19px; text-align:left; padding-top:8px; text-indent:30px; color:#FFF; font-weight:normal;}

.left .today h3{ padding-top:7px; font-weight:normal;}

.left .today ul{ border-left:#DDD solid 1px; border-right:#DDD solid 1px;width:222px; }

.left .today ul li{ text-align:left; height:18px; padding-top:8px; border-bottom:#CCC dotted 1px; width:200px; margin:0 auto; text-indent:5px;}
.left .today .item{ border-bottom:#0CF solid 1px; height:20px; width:205px; margin:0 auto; text-align:left; margin-bottom:5px;}

.left .today .itemtitle{ width:80px; height:15px; padding-top:5px; background-color:#DAE9EE; text-align:center; color:#09F;}

.left .space{ width:225px; height:66px; margin-top:10px;}

.left .graden{ width:225px; height:120px; margin-top:10px;}

.left .dream{ width:225px; height:120px; margin-top:10px;}

.left .dream{ width:225px; height:60px; margin-top:10px;}

/* ID = container  .right  */

.right{ height:auto; width:745px; float:left;}

.main{ width:735px; height:180px; padding-left:10px;}


#c{ display:none;}

.main .scroll{ float:left;width:425px; height:180px; position:relative; margin-right:8px;}


.main .scroll-l{ width:150px; height:180px; float:left;}


.main .scroll-r{ width:275px; height:180px; float:left; line-height:25px;}

.main .scroll-r li{ color:#C3C;}

.main .scroll-r li.ic{ width:275px; height:100px; color:#8C09BB;}

.main .scroll-r li.ic a{color:#8C09BB;}

.main .scroll-r li.b{ width:275px; height:35px; text-align:center;}

.dreamaction{ padding-top:10px; height:115px; width:420px; border-bottom:#999 dashed 1px;}

.dreamaction ul.actionimg{ padding-left:13px;}

.dreamaction ul{ float:left;}

.dreamaction ul.action li{ height:22px; line-height:22px; padding-left:10px;  position:relative;}

.dreamaction ul.action li span{ position:absolute; top:0; left:218px;}

.dreamaction ul.action li.content{ height:auto; width:285px;}

.dreamlist{ width:415px;}

.dreamlist ul{ padding-left:10px;}

.dreamlist li{ height:30px; line-height:30px; border-bottom:#CCC dashed 1px; position:relative;}

.dreamlist li span{ position:absolute;top:0px;left:320px;}

.main  .inform{float:left; width:300px; height:180px;border:#ccc solid 1px;}

.main  .inform ul{ width:275px; padding-left:10px;}

.main  .inform li{ height:23px; line-height:23px; border-bottom:#CCC dashed 1px; text-indent:5px; position:relative;}

.main  .inform li span{ position:absolute; left:195px; top:0; color:#999;}

.main  .inform li font{ color:#C3C; margin:0 3px;}

.ads{ width:300px; height:85px; margin:0 auto;margin-top:10px;}
 
.blog{ margin-top:20px;}

.blog ul{ width:260px; padding-left:20px;}

.blog li{ height:24px; line-height:24px; border-bottom:#CCC dashed 1px; text-indent:5px; position:relative;}

.blog li span{ position:absolute; left:180px; top:0;}

.searchcon{ text-align:center; border:#0664A0 solid 1px; margin-top:10px; width:735px; margin-left:8px;}

.searchs{ height:80px; padding-top:10px; padding-left:20px; position:relative;}

#cp{ position:absolute; top:10px; left:650px; cursor:pointer;}

.selectitem {width:690px; height:30px;}

.selectitem li { width:67px; height:30px; float:left; text-align:center; cursor:pointer;  }

.selectitem li img { width:25px; height:20px; vertical-align:middle; }

.selectitem li.selected { background:url(/images/search/itembg.gif) no-repeat; cursor:default; }

.search { width:680px; height:24px; border:#C8CDCF solid 1px; background:#EDF8FC; padding:5px; text-align:left;}

.search li.sear-l { width:500px; }

.search li.sear-r { width:100px; }

.search li.sear-r img { cursor:pointer; margin-right:20px;}

.search li { float:left; }

#keyword { width:480px; height:20px; line-height:20px; border:#999 solid 1px; vertical-align:middle; padding:0; margin:0;}

.dreamblog{ width:735px; height:420px; padding-left:10px; margin-top:10px;}

.dreamblogleft{ float:left;width:432px; height:420px;}

.dreamblogright{ float:left;width:300px; height:420px;}

.aoke{ width:745px; height:270px;margin-top:10px;}

.aoke div{ width:95px; height:60px; float:left; margin-left:12px; margin-top:8px; position:relative; padding-left:75px; padding-top:5px; line-height:18px;}

.aoke div img{ position:absolute; top:6px; left:10px; padding:2px; border:#999 solid 1px;}

.crossknow{width:745px; height:200px;}

.cro-conter { width:460px; height:200px; float:left; }
.cro-conter div { width:142px; height:150px; background:url(/images/way/crosshead.gif) no-repeat; float:left; margin:0 4px; text-align:center; line-height:20px; overflow:hidden; }

.cro-conter div h4 { height:30px; line-height:30px; padding-top:8px; color:#577285; }

.knows { width:270px; height:200px; float:left;}

.knows div{line-height:20px; float:left; text-align:center; padding:5px; width:120px;}

.knows div img{ border:#CCC solid 1px; padding:2px;}

.capture{width:745px; height:250px;}

.cleft{ width:465px; height:250px; float:left; }

.cleft li{ height:25px; line-height:25px; width:430px; overflow:hidden; padding-left:20px;}

.crigth { width:280px; height:250px; float:left;}

.crigth li{ height:25px; line-height:25px; width:260px; overflow:hidden; padding-left:20px;}

/*  ID= link */

#link{width:975px; margin:0 auto;height:25px;line-height:25px;border-top:#CCC solid 1px;border-bottom:#CCC solid 1px; text-indent:10px;}

#link a{ color:#666;}

#link a:hover{ color:#F00;}