@charset "utf-8";

body {
	margin:0;
	padding:0;
	background-image: url(../images/frame/bg.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #333;
	font-family:"arial""PMingLiU",;
	/*overflow-x:hidden;*/
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th{margin:0;padding:0;font-weight:normal;}
ol,ul {	margin: 0px;padding:0px;list-style:none;}
fieldset,img{border:0;}
a { text-decoration:none; }
a:hover { text-decoration:underline; }

.FloatClear
{
    display:block;/*FF*/
    *display:inline;/*IE*/
    clear:both;
    visibility:hidden;
}

/* news */
.newsareas
{
	float:left;
	width:50px;
	height:14px;
	padding-bottom:2px;
	line-height:18px;
	text-align:center;
	font-size:11px;
	color:#1d9ccb;
	display:inline;
	overflow:hidden;
	margin-top:1px;
}
.topnewsbg
{
	margin:0 auto;
	width:570px;
	height:auto;
	overflow:hidden;
}
.topnews
{
	float:left;
	width:186px;
	height:200px;
	margin-left:4px;
	overflow:hidden;
	display: inline;
    text-align:center;
}
.topnews h1 img { /*width:180px;*/ height:135px; }

.topnews h1,.topnews h2,.topnews h3,
.topnews h4,.topnews h5,.topnews h6 { width:180px; overflow:hidden; }

.topnews h1
{
	height:135px;
	margin-bottom:2px;
	background-color:#FFF;
	border:1px solid #dbdbdb;
	padding:1px;
}
.topnews h2 { height:32px; font-size:12px; line-height:16px; text-align:left; }
.topnews h4 { height:20px; text-align:right; font-size:11px; color:#999; line-height:18px; }
.topnews h5 { height:40px; font-size:12px; line-height:20px; }
.topnews h6 { height:45px; font-size:12px; color:#333; line-height:15px; }
.topnews h1 a
{
	filter:alpha(opacity=100);
	opacity:1;
	zoom:1;
}
.topnews h1 a:hover
{
	filter:alpha(opacity=80);
	opacity:0.8;
	zoom:1;
	text-decoration:underline;
}
.topnews h2 a { color:#06c; text-decoration:none; }
.topnews h2 a:hover { color:#06c; text-decoration:underline; }

.topnews h4 a { color:#06C; text-decoration:none; }
.topnews h4 a:hover { text-decoration:underline; }

.topnews h5 a { color:#06C; text-decoration:none;}
.topnews h5 a:hover { text-decoration:underline; }

.secondnews1, .secondnews2
{
	position:relative;
	margin:0 auto;
	margin-bottom:5px;
	padding:5px;
	width:570px;
	height:60px;
	overflow:hidden;
}
.secondnews1 { background-color:#e7e7e7; }
.secondnews2 { background-color:#fff; }

.secondnews1 img, .secondnews2 img
{
	float:left;
	width:80px;
	height:60px;
	overflow:hidden;
	background-color:#000;
}
.secondnews1 .push , .secondnews2 .push  
{ 
    position:absolute; 
    left:88px; top:5px;
    width:16px; 
}
.secondnews1 .push img, .secondnews2 .push img { width:16px; height:16px; margin-bottom:6px;}


.secondnews1 h1, .secondnews2 h1
{
	position:relative;
	float:left;
	width:360px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:13px;
	margin-left:20px;
}
.secondnews1 h1 span,
.secondnews2 h1 span { position:absolute; top:1px; }

.secondnews1 h1 b, .secondnews2 h1 b
{
    display:block;
    position:relative;
    left:50px;
    white-space:nowrap;
    text-overflow:ellipsis;
	overflow:hidden;
    width:330px;
    font-weight:normal;
}
.secondnews1 h1 a,
.secondnews2 h1 a { color:#06c; text-decoration:none; }

.secondnews1 h1 a:hover,
.secondnews2 h1 a:hover { text-decoration:underline; }

.secondnews1 h1 img,
.secondnews2 h1 img { width:40px; height:16px; overflow:hidden; }

.secondnews1 h2, .secondnews2 h2
{
	float:left;
	width:400px;
	height:40px;
	margin-left:5px;
	overflow:hidden;
	font-size:12px;
	color:#000;
	line-height:20px;
	margin-left:25px;
}
.secondnews1 h2 p, .secondnews2 h2 p { width:350px;}
.secondnews1 h2 ol, .secondnews2 h2 ol
{
    border:solid 2px #E2E2E2;
    background-color:#FaFaFa;
    color:#999;
    position:absolute;
    padding:0px 4px;
    right:4px; bottom:3px;
}
.secondnews1 h2 li,.secondnews2 h2 li { position:relative; width:87px; }
.secondnews1 h2 li b, .secondnews2 h2 li b { position:absolute; right:0px; top:0px;  font-size:11px; font-weight:normal; }
.secondnews1 h3, .secondnews2 h3
{
	float:left;
	width:100px;
	height:20px;
	margin-left:5px;
	overflow:hidden;
	font-size:11px;
	line-height:20px;
	text-align:right;
	color:#999;
}
#NewsArticle .ArticleBlock li p 
{ 
    background:url(../images/icon/icon_arrow_07.gif) no-repeat left center; padding-left:13px;
    position:absolute;
    left:0; 
    top:0; _top:5px;
}
#NewsArticle .ArticleBlock li p a { display:inline; margin:0;  }
#NewsArticle .ArticleBlock li a
{
    display:block;
    width:400px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-left:60px;
}

/*left area*/
.area0
{
	width:100%;
	position:relative;
	height:18px;
	padding-top:5px;
	background-image:url(../images/indextitle_bg2.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
.area0 h1 { float:left; padding-left:25px; font-size:12px; color:#7b7b7b; }
.area0 h2 { float:left; padding-left:5px; font-size:11px; color:#bababa;  }
.area0 h3 { position:absolute; right:5px; width:80px; height:20px; padding-right:15px; font-size:12px; }
.area0 h3 #Seemore { top:0px;}
.area0 h3 a { color:#85B000; text-decoration:none; }
.area0 h3 a:hover { color:#000; text-decoration:underline; }

/*index left area-new forum list*/
.area1main .newf dd.First { background:none; }
.area1main .newf dd a
{
    display:block;
    line-height:26px;
    text-indent:23px;
    background:url(../images/ico_06.gif) no-repeat 3px center;
    color:#F90;text-decoration:none;
}
.area1main .newf dd a:hover{color:#F60; text-decoration:underline; }
.area1main .newf dd span
{
	position:absolute;
	top:0px; right:5px;
	color:#999;
	font-size:11px;
}
.area1main dd.more a
{
    background:none;
    text-decoration:none;
    display:block;
    text-align:right;
    padding-right:5px;
    color:#85B000;
}
.area1main dd.more a:hover { color:#000; text-decoration:underline; }

/**index left area-Notice List**/
.area1main .Nlist { height:194px; overflow:hidden; }
.area1main .Nlist dt { display:none; }
.area1main .Nlist dd
{
    background:url(../images/icon/icon_post.gif) no-repeat 4px 7px;
    cursor:pointer;
    padding:3px 0px 3px 18px;
    height:30px;
    overflow:hidden;
    line-height:17px;
}
.area1main .Nlist dd span { display:block; font-size:11px; color:#666; }
.area1main .Nlist dd a { color:#369;}

.area1main .album,
.area1main .photo
{
	float:left;
	margin-left:5px;
	margin-top:5px;
	display:inline;
	overflow:hidden;
	background-color:#000;
	border: 1px solid #333;
	text-align:center;
}
.area1main .album { width:90px; height:90px; }
.area1main .photo { width:91px; height:77px; }

.area1main .movie
{
	float:left;
	width:185px;
	height:140px;
	margin-left:6px;
	margin-top:5px;
	display:inline;
	background-color:#000;
	border: 1px solid #333;
}
.area1main .movietext,
.area1main .mores
{
    float:left;
    width:180px;
    font-size:12px;
    padding:3px;
    display:inline;
    overflow:hidden;
    background-color:#FFF;
}
.area1main .movietext { height:35px; line-height:18px; margin-left:5px; border:1px solid #ccc; }
.area1main .mores     { height:14px; line-height:14px; margin-left:6px; text-align:right; }

.area1main .mores a { color:#85B000; text-decoration:none; }
.area1main .mores a:hover { color:#000; text-decoration:underline; }

.area1footer
{
	float:left;
	width:200px;
	height:8px;
	margin-bottom:5px;
	background-image:url(../images/indexfooter_bg.gif);
	overflow:hidden;
}
.area2
{
	float:left;
	display:inline;
	width:200px;
	height:18px;
	padding-top:5px;
	margin-left:5px;
	margin-top:5px;
	background-image:url(../images/indextitle_bg.gif);
	overflow:hidden;
}
.area2 h1 { float:left; padding-left:15px; font-size:12px; color:#e0e0e0; }
.area2 h2 { float:left; padding-left:5px; font-size:11px; color:#bababa; }

.area2main
{
	float:left;
	display:inline;
	width:200px;
	height:auto;
	margin-left:5px;
	padding-bottom:5px;
	background-color:#ccc;
}
.area2main .whi
{
	width:190px;
	height:auto;
	margin-left:4px;
	margin-top:5px;
	padding-top:3px;
	padding-bottom:3px;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #eee;
}

.area2main .whi .ticompanys,
.area2main .whi .tinumbers,
.area2main .whi .tistage,
.area2main .whi .tiicos,
.area2main .whi .companys,
.area2main .whi .numbers,
.area2main .whi .stageup,
.area2main .whi .stagedown,
.area2main .whi .icos { float:left; overflow:hidden; }

.area2main .whi .ticompanys
{
	width:85px;
	height:22px;
	font-size:12px;
	color:#666;
	text-align:left;
	line-height:22px;
	margin-left:2px;
}
.area2main .whi .tinumbers
{
	width:50px;
	height:22px;
	font-size:12px;
	color:#666;
	text-align:center;
	line-height:22px;
}
.area2main .whi .tistage
{
	width:30px;
	height:22px;
	font-size:12px;
	color:#666;
	text-align:center;
	line-height:22px;
}
.area2main .whi .tiicos
{
	width:20px;
	height:17px;
	padding-top:5px;
	text-align:center;
}
.area2main .whi .companys
{
	width:85px;
	height:22px;
	font-size:12px;
	color:#666;
	line-height:22px;
	margin-left:2px;
}
.area2main .whi .numbers
{
	width:50px;
	height:22px;
	font-size:11px;
	color:#666;
	line-height:22px;
}
.area2main .whi .stageup
{
	width:30px;
	height:22px;
	font-size:11px;
	color:#D46E71;
	line-height:22px;
}
.area2main .whi .stagedown
{
	width:30px;
	height:22px;
	font-size:11px;
	color:#ADC082;
	line-height:22px;
}
.area2main .whi .icos
{
	width:20px;
	height:17px;
	padding-top:5px;
	text-align:center;
}
.area2footer
{
	float:left;
	display:inline;
	width:200px;
	height:8px;
	margin-left:5px;
	margin-bottom:5px;
	background-image:url(../images/indexfooter_bg.gif);
	overflow:hidden;
}
/*areanewsdown*/
.areanewsdown {
	float:left;
	width:579px;
	height:auto;
	padding-left:4px;
	overflow:hidden;
}
.areanewsdownmain {
	width:575px;
	height:auto;
	overflow:hidden;
	background-image:url(../images/areadown_04.gif);
}
.areanewsdownfooter {
	width:575px;
	height:10px;
	overflow:hidden;
	background-image:url(../images/areadown_05.gif);
}
.areanewsdownmore {
	float:left;
	font-size:12px;
	text-align:right;
	width:555px;
	height:18px;
	line-height:18px;
	padding-right:20px;
	overflow:hidden;
}
.areanewsdownmore a {
	color:#85B000;
	text-decoration:none;
}
.areanewsdownmore a:hover {
	color:#000;
	text-decoration:underline;
}
/*areadown*/
.areadown {
	float:left;
	width:494px;
	height:auto;
	padding-left:4px;
	overflow:hidden;
}
.areadowntop {
	width:490px;
	height:10px;
	overflow:hidden;
	background-image:url(../images/areadown_01.gif);
}
.areadownmain {
	width:490px;
	height:auto;
	overflow:hidden;
	background-image:url(../images/areadown_02.gif);
}
.areadownfooter {
	width:490px;
	height:10px;
	overflow:hidden;
	background-image:url(../images/areadown_03.gif);
}
.areadownmore {
	float:left;
	font-size:12px;
	text-align:right;
	width:474px;
	height:18px;
	line-height:18px;
	padding-right:20px;
	overflow:hidden;
}
.areadownmore a { color:#85b000; text-decoration:none; }
.areadownmore a:hover { color:#000; text-decoration:underline; }
a.SeeMore
{
    display:block;
    margin:0px 10px;
    text-align:right;
    border:solid 1px #FFF;
    color:#85b000;
    text-decoration:none;
}
a.SeeMore:hover { color:#000; text-decoration:underline; }

#Seemore, .Seemore
{
    position:absolute;
    right:5px; top:-30px;
    border:solid 0px;
}
#Seemore a, .Seemore a, .area1 h3 a
{
    background:url(../images/icon/icon_arrow.gif) no-repeat;
    background-position:left center;/*For Firefox*/
    *background-position:left top;/*For IE*/
    padding-left:15px;
}

#Seemore a,.Seemore a              { color:#85b000; }
#Seemore a:hover,.Seemore a:hover  { color:#000; }

/*newsalist*/
.newsalist {
	width:555px;
	height:20px;
	margin-left:10px;
}
.newsalist h1 {
	float:left;
	width:465px;
	height:20px;
	font-size:13px;
	color:#666;
	line-height:20px;
}
.newsalist h1 a {
	color:#333;
	text-decoration:none;
}
.newsalist h1 a:hover {
	color:#09c;
	text-decoration:underline;
}
.newsalist h2 {
	float:left;
	width:90px;
	height:20px;
	font-size:11px;
	color:#ccc;
	text-align:center;
	line-height:20px;
}

/**FrameBlock 090212_vivian**/
    .FrameBlock,
    .Frame_b_l{ width:100%; position:relative;background-repeat:no-repeat;}

    .Frame_t_r,
    .Frame_b_r { position:absolute; right:0px; top:0px; background-repeat:no-repeat; width:7px; height:9px; }

    .FrameBlock {background-image:url(../images/tab/frame_t_l.gif);padding-top:9px;}
    .Frame_t_r {background-image:url(../images/tab/frame_t_r.gif);}
    .Frame_b_l {background-image:url(../images/tab/frame_b_l.gif);}
    .Frame_b_r {background-image:url(../images/tab/frame_b_r.gif);}

    .FrameBlock ul,
    .FrameBlock .ArticleBlock
    {
        position:relative;
        border-width:0px 1px;
        border-style:solid;
        border-color:#D1D1D1;
    }
    .FrameBlock .ArticleBlock_SetSpace { padding:5px 10px; }
    .FrameBlock .ArticleBlock li
    {
        position:relative;
        width:100%;
        line-height:28px;
        background:url(../images/underline_01.gif) repeat-x left bottom;
    }

    .FrameBlock .ArticleBlock li a     {  text-decoration:none;  }
    .FrameBlock .ArticleBlock li a:hover  { color:#09C; text-decoration:underline;  }
    .FrameBlock .ArticleBlock li b
    {
        display:block;
        position:absolute;
        right:0px; top:0px;
        font-weight:normal;
        font-size:11px;
        color:#AAA;
        text-decoration:none;
     }
     
/**HotBlog(use smaller tab) 20100304_vivian**/
    #Beauty,#Personal,#Blog,#Tech { margin-bottom:3px; }
    
    #Beauty ul,#Personal ul,
    #Stock ul,#Blog ul,#Tech ul { overflow:hidden; }
    
    #Beauty #Seemore,#Personal #Seemore,
    #Stock #Seemore,#Blog #Seemore,#Tech #Seemore { top:-20px; z-index:20; }

/*index_newpost*/
.index_newpost {
	width:480px;
	height:auto;
	margin-left:5px;
}
.index_newpost .title {
	width:480px;
	height:35px;
	background-image:url(../images/newpost_titlebg.gif);
}
.index_newpost .title h1 {
	float:left;
	width:120px;
	height:35px;
	font-size:12px;
	line-height:35px;
	text-align:center;
}
.index_newpost .title h2 {
	float:left;
	width:210px;
	height:35px;
	font-size:12px;
	line-height:35px;
	text-align:center;
}
.index_newpost .title h3 {
	float:left;
	width:50px;
	height:35px;
	font-size:12px;
	line-height:35px;
	text-align:center;
}
.index_newpost .title h4 {
	float:left;
	width:100px;
	height:35px;
	font-size:12px;
	line-height:35px;
	text-align:center;
}
.index_newpost .list {
	width:480px;
	height:26px;
}
.index_newpost .list h1 {
	float:left;
	width:120px;
	height:26px;
	font-size:12px;
	line-height:26px;
	text-align:center;
	overflow:hidden;
}
.index_newpost .list h1 a {
	color:#333;
	text-decoration:none;
}
.index_newpost .list h1 a:hover {
	color:#0099cc;
	text-decoration:underline;
}
.index_newpost .list h2 {
	float:left;
	width:210px;
	height:26px;
	font-size:12px;
	line-height:26px;
	text-align:center;
	overflow:hidden;
}
.index_newpost .list h2 a {
	color:#000;
	text-decoration:none;
}
.index_newpost .list h2 a:hover {
	color:#0099cc;
	text-decoration:underline;
}
.index_newpost .list h3 {
	float:left;
	width:50px;
	height:26px;
	color:#F00;
	font-size:11px;
	line-height:26px;
	text-align:center;
	overflow:hidden;
}
.index_newpost .list h4 {
	float:left;
	width:100px;
	height:26px;
	color:#ccc;
	font-size:11px;
	line-height:26px;
	text-align:center;
	overflow:hidden;
}

/*Post Game News */
#spn_ulforum0, #spn_ulforum1, #spn_ulforum2 { border:none; }
#spn_ulforum0 li,#spn_ulforum1 li,#spn_ulforum2 li { position:relative; line-height:35px;}

#spn_ulforum0 li.title,#spn_ulforum1 li.title,
#spn_ulforum2 li.title { border-bottom:solid 3px #E7E7E7; background-image:none; }

#spn_ulforum0 li h1,#spn_ulforum0  li h2,#spn_ulforum0  li h3, #spn_ulforum0 li h4,#spn_ulforum0  li h5,
#spn_ulforum1 li h1, #spn_ulforum1 li h2, #spn_ulforum1 li h3,#spn_ulforum1 li h4, #spn_ulforum1 li h5,
#spn_ulforum2 li h1, #spn_ulforum2 li h2, #spn_ulforum2 li h3,#spn_ulforum2 li h4 { float:left; font-size:12px; overflow:hidden; }

#spn_ulforum0 li h1 { text-align:left;}
#spn_ulforum0 .title h1, #spn_ulforum0 .title h2, #spn_ulforum0 .title h3,
#spn_ulforum0 .title h4, #spn_ulforum0 .title h5 { color:#666; height:30px; line-height:30px; font-size:12px; padding:0px; }

#spn_ulforum0 .title h1 { text-align:left; text-indent:10px; }
#spn_ulforum0 .title h4 { text-indent:35px; }

#spn_ulforum0 .title h2, #spn_ulforum0 .title h3,#spn_ulforum0 .title h5 { text-align:center; margin-top:0px;}

#spn_ulforum0 li h1 { width:108px; text-indent:10px; }
#spn_ulforum0 li h2 { width:70px; font-size:12px; text-align:center; }
#spn_ulforum0 li h3 { width:215px; color:#F00; text-align:left; padding:7px 0px;}
#spn_ulforum0 li h4 { width:105px; text-align:center; overflow:hidden;}
#spn_ulforum0 li h5 { width:40px; color:#888; text-align:center; font-size:11px; }
#spn_ulforum0 li h5.today { width:90px; text-align:right;}
#spn_ulforum0 li h5.good  { width:30px; padding-left:5px; }
#spn_ulforum0 li h4 .wname, #spn_ulforum0 li h4 .wdate,
#spn_ulforum1 li h4 .wname, #spn_ulforum1 li h4 .wdate
{
	float:right;
	width:90px;
	padding-right:5px;
	font-size:11px;
	color:#bbb;
	overflow:hidden;
}
#spn_ulforum0 li h4 .wname a       { color:#09c; }
#spn_ulforum0 li h4 .wname a:hover { color:#000;}
#spn_ulforum0 li h4 .wname,#spn_ulforum1 li h4 .wname { line-height:23px; height:20px;  text-align:right;}
#spn_ulforum0 li h4 .wdate,#spn_ulforum1 li h4 .wdate { height:15px; line-height:11px; text-align:right;}

#spn_ulforum0 li h1 a       {color:#FF9000; text-decoration:none;}
#spn_ulforum0 li h1 a:hover {color:#F60;text-decoration:underline;}
#spn_ulforum0 li h2 a       {color:#888;text-decoration:none;}
#spn_ulforum0 li h2 a:hover {color:#000;text-decoration:underline;}

#spn_ulforum0 li h3 .stitle ,#spn_ulforum1 li h2 .stitle,
#spn_ulforum2 li h2 .stitle  { display:inline; line-height:15px; }
#spn_ulforum0 li h3 .stitle:visited ,#spn_ulforum1 li h2 .stitle:visited { color:#AAA; }


#spn_ulforum0 li .pagelist, #spn_ulforum1 li .pagelist,
#spn_ulforum2 li .pagelist
{
   display:inline-block;
    white-space:nowrap;
    line-height:12px;
    color:#AAA;
}
#spn_ulforum0 li .pagelist a, #spn_ulforum1 li .pagelist a,
#spn_ulforum2 li .pagelist a { color:#09C; padding:0px 5px;}

#spn_ulforum0 li .pagelist a:hover, #spn_ulforum1 li .pagelist a:hover,
#spn_ulforum2 li .pagelist a:hover { color:#000; text-decoration:underline;}

#spn_ulforum0 li.LastOne, #spn_ulforum1 li.LastOne,#spn_ulforum2  li.LastOne                  { background-image:none; }
#spn_ulforum0 .page, #spn_ulforum1 .page, #spn_ulforum2 .page                                 { margin:0px;}
#spn_ulforum0 .page a, #spn_ulforum1 .page a, #spn_ulforum2 .page a                           { color:#888;}
#spn_ulforum0 .page a:hover, #spn_ulforum1 .page a:hover,#spn_ulforum2 .page a:hover          { color:#09C;}
#spn_ulforum0 .Seemore,#spn_ulforum1 .Seemore,#spn_ulforum2 .Seemore                          { top:5px; *top:0px; }
#spn_ulforum0 .Seemore a,#spn_ulforum1 .Seemore a,#spn_ulforum2 .Seemore a                    { color:#85b000; }
#spn_ulforum0 .Seemore a:hover,#spn_ulforum1 .Seemore a:hover,#spn_ulforum2 .Seemore a:hover  { color:#000; }

/*spn_ulforum1*/
#spn_ulforum1 li.title { border-bottom:solid 3px #E7E7E7; background-image:none; }
#spn_ulforum1 .title h1, #spn_ulforum1 .title h2, #spn_ulforum1 .title h3,
#spn_ulforum1 .title h4, #spn_ulforum1 .title h5 { text-align:center; color:#666; height:30px; line-height:30px; padding:0px; }

#spn_ulforum1 .title h4 { text-indent:25px; text-align:right;}
#spn_ulforum1 li h1 { width:50px; text-align:center; color:#999; }
#spn_ulforum1 li h2 { width:250px; padding:7px 0px; }
#spn_ulforum1 li h3 { width:50px; text-align:center; color:#999;}
#spn_ulforum1 li h4 { width:120px; text-align:right; }
#spn_ulforum1 li h5 { width:40px; font-size:11px; text-align:center;}
#spn_ulforum1 li h5.today { text-align:right; width:90px;}

#spn_ulforum1 li  p { line-height:15px; font-size:11px; color:#CCC;}

#spn_ulforum1 li a               {color:#000;text-decoration:none;}
#spn_ulforum1 li a:hover         {text-decoration:underline; color:#09C;}
#spn_ulforum1 li h4 a            {color:#09C; line-height:23px;}
#spn_ulforum1 li h4 a:hover      {color:#000; text-decoration:underline; }
#spn_ulforum1 li h2 a            {color:#333; }
#spn_ulforum1 li h5 .color_brown { color:#974;}
#spn_ulforum1 li h5 .color_red   { color:#F00;}

/*spn_ulforum2*/
#spn_ulforum2 .title h1, #spn_ulforum2 .title h2,
#spn_ulforum2 .title h3,#spn_ulforum2 .title h4
{
    font-size:12px;
    text-align:center;
    color:#666; height:30px;
    line-height:30px;
    padding:0px;
 }
#spn_ulforum2 .title h4 { text-indent:25px; text-align:right;}
#spn_ulforum2 .title h1 { text-indent:0px; }
#spn_ulforum2 li h1
{
    width:140px;
    text-align:left;
    text-indent:10px;
    color:#999;
}
#spn_ulforum2 li h1 a, #spn_ulforum2 li h4 a
{
    display:block;
    white-space:nowrap;
    overflow:hidden;
}
#spn_ulforum2 li h1 a       { color:#666; width:120px; text-overflow:ellipsis; }
#spn_ulforum2 li h1 a:hover { color:#000;}
#spn_ulforum2 li h4 a       { width:80px; }

#spn_ulforum2 li h2 { width:420px; padding:7px 0px; text-align:left;}
#spn_ulforum2 li h3 { width:120px; text-align:center; color:#999; font-size:11px; }
#spn_ulforum2 li h4 { width:80px; text-align:right;}

#spn_ulforum2 li  p { line-height:15px; font-size:11px; color:#CCC;}

#spn_ulforum2 li a              {color:#000;text-decoration:none;}
#spn_ulforum2 li a:hover        {text-decoration:underline; color:#09C;}
#spn_ulforum2 li h4 a           {color:#09C; line-height:23px;}
#spn_ulforum2 li h4 a:hover     {color:#000; text-decoration:underline; }
#spn_ulforum2 li h2 a           {color:#333; }

/*index_album*/
.index_album {
	width:480px;
	margin-left:5px;
}
.index_album .table {
	float:left;
	width:150px;
	height:160px;
	margin-left:3px;
	margin-top:5px;
	padding:1px;
	overflow:hidden;
	border: 1px solid #fff;
	background-image: url(../images/album_bg2.gif);
	background-repeat: no-repeat;
}
.index_album p.album {
	float:left;
	width:150px;
	height:115px;
	padding-top:20px;
	text-align:center;
	overflow:hidden;
	display:inline;
}
.index_album p.album a {
	border:#FFF 2px solid;
}
.index_album p.album a:hover {
	border:#a5d6ed 2px solid;
}
.index_album p.title {
	float:left;
	width:140px;
	height:20px;
	margin-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#333;
	line-height:20px;
	text-align:center;
	overflow:hidden;
}

/*index_newforum*/
.index_newforum {
	width:480px;
	margin-left:5px;
}
.index_newforum .title {
	width:480px;
	height:35px;
	background-image:url(../images/newpost_titlebg.gif);
}
.index_newforum .title h1 {
	float:left;
	width:40px;
	height:25px;
	font-size:12px;
	line-height:25px;
	text-align:center;
}
.index_newforum .title h2 {
	float:left;
	width:80px;
	height:25px;
	font-size:12px;
	line-height:25px;
	text-align:center;
}
.index_newforum .title h3 {
	float:left;
	width:120px;
	height:25px;
	font-size:12px;
	line-height:25px;
	text-align:center;
}
.index_newforum .tables {
	float:left;
	width:240px;
	height:26px;
	line-height:26px;
}
.index_newforum .tables h1 {
	float:left;
	width:35px;
	height:22px;
	padding-left:5px;
	padding-top:3px;
}
.index_newforum .tables h2 {
	float:left;
	width:80px;
	height:25px;
	font-size:12px;
	line-height:25px;
	text-align:center;
}
.index_newforum .tables h2 a {
	color:#09c;
	text-decoration:none;
}
.index_newforum .tables h2 a:hover {
	color:#000;
	text-decoration:underline;
}
.index_newforum .tables h3 {
	float:left;
	width:120px;
	height:25px;
	color:#CCC;
	font-size:11px;
	line-height:25px;
	text-align:center;
}

/*index_cbob*/
.index_cbob 
{
	width:480px;
	height:auto;
	background-image:url(../images/index_stock_bg.gif);
	margin-left:5px;
}
.index_cbob .list {	width:480px; }
.index_cbob .list h1 
{
	float:left;
	width:66px;
	height:26px;
	font:11px Tahoma;
	line-height:26px;
	text-indent:5px;
	overflow:hidden;
	color:#00b2e9;
	font-family:Tahoma;
	font-size:18px;
	/*font-weight:bold;*/
}
.index_cbob .list h1 b { font-size:12px; }
.index_cbob .list h1.CB { color:#AAA; }
.index_cbob .list h2 
{
	float:left;
	width:92px;
	height:26px;
	font-size:11px;
	line-height:26px;
	overflow:hidden;
}
.index_cbob .list h2 a {color:#666;text-decoration:none;}
.index_cbob .list h2 a:hover {color:#369;text-decoration:underline;}
.index_cbob .list h3 
{
	float:left;
	width:80px;
	height:26px;
	font-size:11px;
	font-family:Verdana;
	line-height:26px;
	text-align:center;
	overflow:hidden;
}

/* index_blog */
.index_blog,
.index_oforum { width:480px; margin-left:5px; }

.index_blog div,
.index_oforum div { position:relative; height:31px; line-height:31px; background:url(../images/underline_01.gif) repeat-x left bottom; }

.index_blog div span,
.index_oforum div span
{
    display:block;
    /*text-overflow:ellipsis;*/
    overflow:hidden;
    white-space:nowrap;
    float:left;
    padding-left:10px;

}
.index_blog .TitleArea,
.index_oforum .TitleArea{  height:30px; background:none; border-bottom:solid 3px #E7E7E7; }

.index_blog .TitleArea .Section,
.index_blog .TitleArea .Latest,
.index_oforum .TitleArea .Section,
.index_oforum .TitleArea .Latest { text-align:center;}

.index_blog .TitleArea .Ranking,
.index_oforum .TitleArea .Ranking { font-size:12px; color:#333; font-weight:normal; }

.index_oforum .Ranking,
.index_blog .Ranking
{
    width:45px;
    background-repeat:no-repeat;
    font-size:18px;
    font-weight:bold;
    font-family:Tahoma;
    color:#FFB33B;
    background-position:5px center;
    padding-left:20px;
    text-align:center;
}

.index_blog .RankUp,
.index_blog .RankDown,
.index_blog .RankSame,
.index_oforum .RankUp,
.index_oforum .RankDown,
.index_oforum .RankSame  { text-indent:15px; }

.index_blog .TitleArea,
.index_oforum .TitleArea { font-size:12px; color:#333; }

.index_oforum .RankUp,
.index_blog .RankUp    { background-image:url(../images/forum/arrow_top.gif); }

.index_oforum .RankDown,
.index_blog .RankDown  { background-image:url(../images/forum/arrow_down.gif); }

.index_oforum .RankSame,
.index_blog .RankSame  { background-image:url(../images/forum/arrow_none.gif); }

.index_blog .Viewer b,
.index_oforum .Viewer b  { font-size:12px; font-family:Arial; font-weight:normal; color:#F00; }

.index_blog .Section,
.index_oforum .Section    { width:100px; }

.index_blog .Latest,
.index_oforum .Latest    { width:47%; font-size:12px; }

.index_blog .Viewer,
.index_oforum .Viewer     { width:56px; text-align:center; font-size:12px; }

.index_blog .Section a,
.index_oforum .Section a { color:#000; text-decoration:none; }

.index_blog .Latest a,
.index_oforum .Latest a  { color:#000; text-decoration:none; }


.index_blog .Section a:hover,
.index_oforum .Section a:hover { color:#369; text-decoration:underline; }

.index_blog .Latest  a:hover,
.index_oforum .Latest  a:hover  { color:#09c; text-decoration:underline; }

/* index_hot */
   .index_hot { padding-left:2px; }
   .index_hot .table
    {
    	float:left;
    	width:240px;
    	overflow:hidden;
    	padding-top:21px;
    	position:relative;
    	border-bottom:dotted 1px #DDD;
    	padding-left:2px;
    }
    .index_hot .Lline { border-left:dotted 1px #DDD;}
    .index_hot .Rank
    {
        padding-left:50px;
        height:40px;
    }
    
    
    .index_hot p{ float:left; overflow:hidden; font-size:12px; height:20px; line-height:20px; }
    .index_hot div.nickname 
    {  
        background:url(../images/ico_06.gif) no-repeat;
        padding:0 0 5px 17px;
        margin-left:5px;
        clear:both;
        font-family:PMingLiU;
    } 
    .index_hot div.nickname a { color:#09c; }
    .index_hot div.nickname a:hover { color:#000; }
    
   .index_hot div.win { background:url(../images/ico_no1.gif) no-repeat left -3px; }
    
    .index_hot p.title { width:45px; margin-bottom:1px; color:#999; text-align:center; }
    .index_hot p.name { width:145px; height:24px; margin-bottom:1px; color:#09c; line-height:25px; }
    .index_hot p.Sline{ background:url(../images/line_h11.gif) no-repeat left center; }
    .index_hot p.stage
    {
    	width:54px; height:54px;
    	background-image:url(../images/forum/gra_bg5.gif);
    	font:18px "Tahoma";
    	font-weight:bold;
    	line-height:54px;
    	text-align:center;
    	color:#FFF;
    	position:absolute;
    	left:0px; top:8px;
    }

    .index_hot p.blog{ width:145px; color:#09c; }

    .index_hot p a            { color:#999;  text-decoration:none; }
    .index_hot p a:hover      { color:#000; text-decoration:underline; }

    .index_hot p.blog a       { color:#000; }
    .index_hot p.blog a:hover { color:#09c; text-decoration:underline; }

    .index_hot p.received ,
    .index_hot p.visitor
    {
    	width:35px;
    	margin-bottom:1px;
    	font-size:11px;
    	color:#7faec1;
    	line-height:18px;/*FF*/
    	*line-height:16px;/*IE*/
    	text-align:left;
    }
    .index_hot p.visitor { width:65px; color:#79A200; }
    .index_hot .area_underline { margin:0px 10px;}

/*FLASH*/
.flashgame_main .title
{
	float:left;
	width:235px;
	padding-top:2px;
	margin-left:2px;
	background-image:url(../images/newpost_titlebg.gif);
}
.flashgame_main .title a { color:#333; text-decoration:none; }
.flashgame_main .title a:hover { color:#09c; text-decoration:underline; }
.flashgame_main
{
	width:98%;
	height:auto;
	margin:0 auto;
	padding:5px 0px;
	overflow:hidden;
	background-color: #FFFFFF;
}
.flashgame_main .SecBlock {  float:left; width:480px; }

.flashgame_main .table1 
{
	float:left;
	width:112px;
	height:130px;
	margin:2px;
	background-color:#eee;
	overflow:hidden;
	display:block;
	border:solid 1px #EEE;
}
.flashgame_main .table1 p.pictures {
	width:100px;
	height:70px;
	border: 1px solid #fff;
	margin:4px;
}
.flashgame_main .table1 p.tabganame {
	float:left;
	width:110px;
	height:50px;
	font-size:12px;
	overflow:hidden;
	padding-left:5px;
}
.flashgame_main .table1 p.tabganame .color_red { color:#F00; }
.flashgame_main .table1 p.tabganame a {
	font-family:Tahoma;
	color:#000;
	font-size:12px;
	text-decoration:none;
}
.flashgame_main .table1 p.tabganame a:hover {
	color:#0099cc;
	font-size:12px;
	text-decoration:underline;
}

/*index_stock*/
.index_stock {
	width:480px;
	background-image:url(../images/index_stock_bg.gif);
	margin-left:5px;
	overflow:hidden;
}
.index_stock p { position:absolute; right:10px; bottom:-2px; text-align:right; color:#AAA; }
.index_stock .title {
	width:480px;
	height:35px;
	background-image:url(../images/newpost_titlebg.gif);
	background-repeat:repeat-x;
}
.index_stock .title h1 {
	float:left;
	width:90px;
	height:35px;
	font-size:12px;
	color:#666;
	line-height:35px;
	text-align:center;
}
.index_stock .title h2 {
	float:left;
	width:80px;
	height:35px;
	font-size:12px;
	color:#666;
	line-height:35px;
	text-align:center;
}
.index_stock .title h3 {
	float:left;
	width:40px;
	height:35px;
	font-size:12px;
	color:#666;
	line-height:35px;
	text-align:center;
}
.index_stock .title h4 {
	float:left;
	width:30px;
	height:35px;
	font-size:12px;
	color:#666;
	line-height:35px;
	text-align:center;
}
.index_stock .main {
	width:480px;
	height:303px;
	overflow:hidden;
}
.index_stock .main h1 {
	float:left;
	width:80px;
	height:30px;
	padding-left:10px;
	font-size:12px;
	color:#333;
	line-height:25px;
	text-align:left;
}
.index_stock .main h2 {
	float:left;
	width:80px;
	height:30px;
	font-size:12px;
	color:#09c;
	line-height:25px;
	text-align:center;
}
.index_stock .main h3 {
	float:left;
	width:40px;
	height:30px;
	font-size:12px;
	line-height:25px;
	text-align:center;
	color: #D46E71;
}
.index_stock .main h5 {
	float:left;
	width:40px;
	height:30px;
	font-size:12px;
	line-height:25px;
	text-align:center;
	color: #ADC082;
}
.index_stock .main h6 {
	float:left;
	width:40px;
	height:30px;
	font-size:12px;
	line-height:25px;
	text-align:center;
	color: #999;
}
.index_stock .main h4 {
	float:left;
	width:30px;
	height:24px;
	padding-top:6px;
	font-size:12px;
	color:#333;
	line-height:25px;
	text-align:center;
}
/*index_goodblog*/
.index_goodblog {
	width:480px;
	margin-left:5px;
	overflow:hidden;
}
.index_goodblog .tabletitle {
	width:480px;
	height:30px;
	margin:0 auto;
	font-size:12px;
}
.index_goodblog .tablea {
	width:480px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	border: 1px solid #ccc;
}
.index_goodblog .table1 {
	width:476px;
	height:65px;
	margin:3px auto;
	background-color:#eee;
	overflow:hidden;
}
.index_goodblog .table1 .tablevelf {
	float:left;
	width:100px;
	height:65px;
	padding-top:5px;
	text-align:center;
	line-height:35px;
	color:#ffb33b;
	font-family:Tahoma;
	font-size:24px;
	font-weight:bold;
	background-image:url(../images/forum/gra_bg2.gif);
}
.index_goodblog .table1 .tablevel {
	width:100px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-family:Tahoma;
	font-size:26px;
	font-weight:bold;
}
.index_goodblog .table1 .tabganame {
	float:left;
	width:130px;
	height:20px;
	line-height:25px;
	padding-left:5px;
	text-align:right;
	padding-top:5px;
	overflow:hidden;
}
.index_goodblog .table1 .tabganame a {
	font-family:Tahoma;
	color:#000;
	font-size:11px;
	text-decoration:none;
}
.index_goodblog .table1 .tabganame a:hover {
	color:#0099cc;
	text-decoration:underline;
}
.index_goodblog .table1 .title {
	float:left;
	width:230px;
	height:25px;;
	padding-left:5px;
	overflow:hidden;
	line-height:30px;
}
.index_goodblog .table1 .title a {
	font-size:13px;
	color:#333;
	text-decoration:none;
}
.index_goodblog .table1 .title a:hover {
	color:#0099cc;
	text-decoration:underline;
}
.index_goodblog .table1 .post {
	float:left;
	width:230px;
	height:30px;
	padding-left:5px;
	padding-top:2px;
	font-size:12px;
	color:#999;
	overflow:hidden;
	line-height:16px;
}
.index_goodblog .table1 .popular {
	width:100%;
	height:20px;
	font-family:Tahoma;
	font-size:11px;
	color:#FF0;
	text-align:center;
	line-height:16px;
}
.index_goodblog .table1 .received {
	float:left;
	width:130px;
	height:35px;
	font-family:Tahoma;
	font-size:11px;
	text-align:right;
	line-height:15px;
	padding-left:5px;
}
.index_goodblog .table1 .received a {
	color:#09c;
	text-decoration:none;
}
.index_goodblog .table1 .received a:hover {
	color:#000;
	text-decoration:underline;
}
.index_goodblog .table2 {
	width:476px;
	height:65px;
	margin:3px auto;
	background-color:#fff;
	overflow:hidden;
}
.index_goodblog .table2 .tablevelf {
	float:left;
	width:100px;
	height:65px;
	padding-top:5px;
	text-align:center;
	line-height:35px;
	color:#ffb33b;
	font-family:Tahoma;
	font-size:24px;
	font-weight:bold;
	background-image:url(../images/forum/gra_bg2.gif);
}
.index_goodblog .table2 .tablevel {
	width:100px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-family:Tahoma;
	font-size:26px;
	font-weight:bold;
}
.index_goodblog .table2 .tabganame {
	float:left;
	width:130px;
	height:20px;
	line-height:25px;
	padding-left:5px;
	text-align:right;
	padding-top:5px;
	overflow:hidden;
}
.index_goodblog .table2 .tabganame a {
	font-family:Tahoma;
	color:#000;
	font-size:11px;
	text-decoration:none;
}
.index_goodblog .table2 .tabganame a:hover {
	color:#0099cc;
	text-decoration:underline;
}
.index_goodblog .table2 .title {
	float:left;
	width:230px;
	height:25px;;
	padding-left:5px;
	overflow:hidden;
	line-height:30px;
}
.index_goodblog .table2 .title a {
	font-size:13px;
	color:#333;
	text-decoration:none;
}
.index_goodblog .table2 .title a:hover {
	color:#0099cc;
	text-decoration:underline;
}
.index_goodblog .table2 .post {
	float:left;
	width:230px;
	height:30px;
	padding-left:5px;
	padding-top:2px;
	font-size:12px;
	color:#999;
	overflow:hidden;
	line-height:16px;
}
.index_goodblog .table2 .popular {
	width:100%;
	height:20px;
	font-family:Tahoma;
	font-size:11px;
	color:#FF0;
	text-align:center;
	line-height:16px;
}
.index_goodblog .table2 .received {
	float:left;
	width:130px;
	height:35px;
	font-family:Tahoma;
	font-size:11px;
	text-align:right;
	line-height:15px;
	padding-left:5px;
}
.index_goodblog .table2 .received a {
	color:#09c;
	text-decoration:none;
}
.index_goodblog .table2 .received a:hover {
	color:#000;
	text-decoration:underline;
}

/*HotBoard*/
#HotBoard        { margin:3px 0; }
#HotBoard .Blist { width:100%; margin:auto; }
#HotBoard ol { padding-left:7px; _padding-left:0px; position:relative; zoom:1;}
#HotBoard ol.bg_gray li {  background-color:#f3f3f3; }
#HotBoard ol li
{
    width:130px; height:75px; /*IE only*/
    position:relative;
    float:left;
    background:none;
    margin:2px 1px 2px 8px;
    overflow:hidden;
}

#HotBoard ol li a.Hinfo { display:block; padding:3px 5px; *padding:5px  5px; cursor:pointer; }
#HotBoard ol li a.Hinfo:hover { background-color:#E2F3Fd; text-decoration:none;}

#HotBoard ol li h1
{ 
    width:130px;
    position:relative; 
    background:url(../images/icon/icon_arrow_06.gif) no-repeat left center; 
    padding-left:8px; 
    font-size:15px;
    color:#F90;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#HotBoard h2,#HotBoard h3 { position:relative; font-size:12px; height:18px; line-height:18px; text-align:right; }
#HotBoard h2 { color:#F00; }
#HotBoard h3 { color:#AAA; }
#HotBoard h2 b,#HotBoard h3 b { color:#666;  width:60px; right:55px; }

#HotBoard h1 { font-size:12px; display:block;}

/**Top Section**/
.top_sect .game_new
{
    background-repeat:no-repeat;
    background-image:url(../images/frame/tsection_bg.png);
    background-position:center top;
    height:101px;
    overflow:hidden;
    padding-left:40px;
    position:relative;
}
.top_sect .game_new { background-position:center -103px; margin-top:4px; }

.top_sect ul{ position:relative; width:950px; padding-top:8px; }
.top_sect li
{
    background-repeat:no-repeat;
    background-position:left center;
    display:block;
    float:left;
    width:118px;
    line-height:22px;
    overflow:hidden;
}
.top_sect li a 
{ 
    color:#BDF4FA; 
    white-space:nowrap;
    font-size:11px;
    zoom:1;
}
.top_sect li a:hover,.top_sect li.choosed a { color:#FC0; }
.top_sect li.choosed a:hover { text-decoration:none; }

.top_sect .game_new li  { background-image:url(../images/icon/icon_book02.gif); text-indent:20px; *text-indent:10px; width:118px; }

/**Tech Area**/
#Tech .Tnews { width:480px; margin:auto;}
#Tech .Tnews div
{
    width:440px;
    margin:auto;
    overflow:hidden;
    position:relative;
    border-bottom:solid 1px #CCC;
    padding:2px 10px ;
}
#Tech .Tnews div a,#Tech .Tnews div p
{
    height:20px;
    line-height:20px;
    overflow:hidden;
    padding-left:10px;
}

#Tech .Tnews div a 
{ 
    background:url(../images/icon/icon_arrow_03.gif) no-repeat left center;
    display:block;
    width:360px; 
    color:#06C; 
}

#Tech .Tnews div p { width:440px; }
#Tech .Tnews div span
{
    font-size:11px;
    color:#666;
    position:absolute;
    top:5px; right:0px;
}

#Tech .vedio .movie
{
     width:200px;
     text-align:center;
     background-color:#CCC;
     padding:7px 0;
}

#Tech .Tnews02 { width:460px; margin:auto; position:relative; border:Solid 1px #FFF;}
#Tech .Tnews02 table
{
    position:absolute;
    top:7px; right:0px;
}

#Tech .Tnews02 td 
{ 
  border:solid 2px #CCC;
  padding:6px 10px;
  *padding:5px 10px;
}