﻿/*!
 * jw.xoyo.com
 * topic page
 * Update: 2010-7-5 14:11
 * Author: mingelz
 */
/*! Xoyo CSS Reset 0.4, (c)2009 Xoyo UED Team, Some rights reserved */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
li{list-style:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after{content:'';}
abbr[title]{border-bottom:1px dotted;cursor:help;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
hr{border:none;height:1px;}
body,button,input,select,textarea{font:12px/1 Arial,Tahoma,Helvetica,SimSun,san-serif;}
/* DO NOT modify above this line **/

/* clearfix */
.m1:after,.m3:after,ul.logos:after{content:"\0020";clear:both;display:block;height:0;}
.m1,.m3,ul.logos{zoom:1;}

/* global */
body{background-color:#A8A8A8;}
#wrap{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/wrap.jpg) repeat-x;}
#page{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/page.jpg) no-repeat 50% 0;}

/* hd */
#hd{margin:0 auto;width:1000px;}
#hd h1{height:160px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/hd-h1.jpg) no-repeat;text-indent:-9999px;}
#hd h2{height:180px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/hd-h2.jpg) no-repeat;text-indent:-9999px;}
#hd h3{height:209px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/hd-h3.jpg) no-repeat;text-indent:-9999px;}

/* bd */
#bd{margin:0 auto;width:1000px;overflow:hidden;}

/* main */
.main{margin:0 110px;width:780px;}
.m1{height:205px;}
.m1-nav{float:left;display:inline;width:178px;height:205px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-nav.jpg) no-repeat;}
.m1-nav ul{padding:2px 0 0 8px;}
.m1-nav ul li{margin-top:1px;}
.m1-nav ul li a{display:block;width:159px;height:37px;overflow:hidden;text-indent:-9999px;}
.m1-nav ul li.t01 a{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-nav-btn01.png) no-repeat;}
.m1-nav ul li.t02 a{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-nav-btn02.png) no-repeat;}
.m1-nav ul li.t03 a{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-nav-btn03.png) no-repeat;}
.m1-nav ul li.t04 a{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-nav-btn04.png) no-repeat;}
.m1-nav ul li.t05 a{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-nav-btn05.png) no-repeat;}
.m1-nav ul li a:hover{background-position:0 -37px;}
.m1-news{position:relative;z-index:2;float:left;display:inline;width:412px;height:205px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-news.jpg) no-repeat;}
.m1-news h3{height:36px;text-indent:-9999px;}
.m1-news .m1-news-con{margin-left:18px;}
.m1-news .m1-news-con ul{border-top:1px solid #B5915F;width:376px;font:400 12px/1.6 Tahoma,Helvetica,Arial,sans-serif;}
.m1-news .m1-news-con ul li{padding-left:15px;width:361px;height:19px;overflow:hidden;color:#230000;background:url(http://img.xoyo.com/publish/jw/zt/09/06/gw/shou/icon01.gif) no-repeat 0 5px;}
.m1-news .m1-news-con ul li span{float:right;}
.m1-news .m1-news-con ul li a{color:#230000;text-decoration:none;}
.m1-news .m1-news-con ul li a.highlight{color:#F00;}
.m1-news .m1-news-con ul li a:hover{color:#230000;text-decoration:underline;}
.m1-news a.more{position:absolute;z-index;5;right:16px;top:16px;display:block;width:40px;height:16px;color:#000;text-decoration:none;}
.m1-news a.more:hover{text-decoration:underline;}
.m1-down{float:left;display:inline;width:190px;height:205px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m1-down.jpg) no-repeat;}
.m1-down h3{height:45px;text-indent:-9999px;}
.m1-down ul{padding-left:17px;margin-top:2px}
.m1-down ul li{margin-bottom:4px;}
.m1-down ul li a{display:block;width:160px;height:45px;overflow:hidden;text-indent:-9999px;}
.m2{height:128px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m2.jpg) no-repeat;}
.m2 .r2c1{padding:8px 0 0 20px;}
.m2 .r2c1 a{margin:0 3px;}
.m2 .r2c1 a img{padding:3px;width:171px;height:100px;background:url(http://pic.xoyo.com/cms/jw/2009/09/11/sdo/img1-bg.jpg) no-repeat;}
.m3{height:141px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m3.jpg) no-repeat;}
.m3 .snap,.m3 .album{position:relative;z-index:2;float:left;display:inline;width:388px;}
.m3 .snap h3,.m3 .album h3{height:40px;text-indent:-9999px;}
.m3 .snap div,.m3 .album div{padding:5px 0 0 30px;width:340px;height:80px;overflow:hidden;}
.m3 .snap div a,.m3 .album div a{display:block;float:left;margin-right:16px;}
.m3 .snap div img,.m3 .album div img{padding:3px 4px 3px 3px;background:url(http://pic.xoyo.com/cms/jw/2009/09/11/sdo/img2-bg.jpg) no-repeat;}
.m3 .snap a.upload,.m3 .album a.upload{position:absolute;z-index:5;right:90px;top:15px;display:block;width:60px;color:#F3A600;background-color:#000;line-height:18px;text-align:center;text-decoration:none;font-family:verdana;}
.m3 .snap a.upload:hover,.m3 .album a.upload:hover{text-decoration:none;}
.m3 .snap a.more,.m3 .album a.more{position:absolute;z-index:6;right:20px;top:15px;display:block;width:40px;color:#000;line-height:18px;text-decoration:none;font-family:verdana;}
.m3 .snap a.more:hover,.m3 .album a.more:hover{text-decoration:underline;}
.m3 .snap{margin-left:3px;}
.m4{margin-top:5px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m4.jpg) repeat-y;}
.m4A{background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m4A.jpg) no-repeat;}
.m4B{padding:20px 25px 110px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/m4B.jpg) no-repeat 0 100%;}

/* ft */
#ft{padding-top:20px;height:145px;background-color:#4D4D4D;}
#ft ul.logos{margin:0 auto;width:1000px;}
#ft ul.logos li{float:left;display:inline;}
#ft ul.logos li.t01{padding-right:10px;border-right:1px solid #999;}
#ft ul.logos li.t02{margin-left:10px;}
#ft ul.logos li.t03{float:right;margin:5px 0 0;}
#ft ul.logos a{display:block;overflow:hidden;text-indent:-9999px;}
#ft ul.logos a.logo-ks{width:100px;height:38px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/logo-kingsoft.png) no-repeat;}
#ft ul.logos a.logo-xsj{width:120px;height:35px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/logo-xsj.png) no-repeat;}
#ft ul.logos a.logo-sdo{width:120px;height:26px;background:url(http://pic.xoyo.com/cms/jw/2010/03/31/logo-sdo.png) no-repeat;}

#ft a{ color:#ccc; text-decoration:none;}
