@charset "utf-8";
/* CSS Document */
.cont
{
	width:950px;
	margin:0 auto;
}
.cleft
{
	float:left;
	width:650px;
}
.cright
{
	float:left;
	display:inline;
	margin:0 0 0 9px;
	width:280px;
}

#latest h2,#minfo h2,#coolsite h2,#tuts h2,#coolsite .more a,#tuts .more a
{
	background:url(/theme/v2dark/images/st/index_ele.gif) no-repeat 0px 0px;
	background:none;
}
#latest .item .imgc,#coolsite .site .imgc,#tuts .site .imgc
{
	background:url(/theme/v2dark/images/st/ele_bg_01.png) repeat 0px 0px;
}

#position
{
	font-size:12px;
	color:#333333;
	font-size:14px;
	width:630px;
	margin:0 0 8px 15px;
}
#position .inner
{
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
}
#position a
{
	font-size:14px;
	color:#4682dc;
}

#content,#related
{
	width:630px;
	margin:0 0 10px 15px;
}
.chead
{
}
.chead h1.ctitle
{
	color:#303030;
	font-weight:300;
	font-size:18px;
	line-height:36px;
	height:40px;
	padding:0 0 0 10px;
	font-family: "微软雅黑","黑体";
	background:url(../images/st/ele_bg_02.png) repeat-x 0px bottom;
}
.chead .ctitle .ctime
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	padding:0 0 0 10px;
}
.chead .cpage
{
	display:none;
}
.chead .cinfo
{
	padding:0 0 0 10px;
}
.chead .cinfo,.chead .cinfo a
{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
.chead .clink
{
	font-size:14px;
	margin:0;
	line-height:24px;
	color:#308bd1;
}
.chead .clink a
{
	color:#333333;
}
.cdesc
{
	display:none;
}
.cmain
{
	margin:20px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.cmain .mcont
{
	margin:0 10px 0 10px;

}
.cmain .mcont,.cmain .mcont p
{
	font-size:14px;
	line-height:24px;
	color:#333333;
}
.cmain .mcont p
{
	margin:8px 10px;
}
.cmain .mcont p strong
{
	font-weight:bold;
}
.cmain .mcont p img,.cmain .mcont p object
{
	padding:3px;
	border:1px solid #999999;
	background:url(../images/st/ele_bg_01.png) repeat 0px 0px;
	margin:10px auto;
}
.cmain .oinfos
{
	line-height:24px;
	color:#666;
	font-size:12px;
	margin:10px;
	border:1px solid #d0d0d0;
	background:url(../images/st/ele_bg_01.png) repeat 0px 0px;
	padding:10px;
	position:relative;
}
.cmain .oinfos a
{
	line-height:24px;
	color:#c56d1f;
	font-size:12px;
}
.cmain .oinfos .diggarticle
{
	position:absolute;
	right:10px;
	top:10px;
}
.diggarticle .diggcont
{
	width:146px;
}
.diggarticle .diggcont dl
{
	float:left;
	width:48px;
	height:48px;
	display:inline;
	padding:0 7px 7px 0;
	margin:0 8px;
	font-size:12px;
	color:#ffffff;
	text-align:center;
}
.diggarticle .diggcont dl p
{
	height:26px;
	line-height:26px;
	font-size:13px;
	margin:0 0 0px 0;
}
.diggarticle .diggcont dl span,.diggarticle .diggcont dl span a
{
	height:26px;
	line-height:26px;
	font-size:12px;
}
.diggarticle .diggcont .bg_up a
{
	color:#FFFF00;
}
.diggarticle .diggcont .bg_down a
{
	color:#CCFFFF;
}
.diggarticle .diggcont .bg_up
{
	background:url(../images/digg/bg-style3-up.png) no-repeat 0px 0px;
}
.diggarticle .diggcont .bg_down
{
	background:url(../images/digg/bg-style3-down.png) no-repeat 0px 0px;
}
.newold
{
	margin:10px;
	border:1px solid #d0d0d0;
	background:url(../images/st/ele_bg_01.png) repeat 0px 0px;
	padding:5px 10px;
	height:20px;
}
.newold ul
{
	height:20px;
}
.newold li
{
	float:left;
	font-size:12px;
	line-height:20px;
	color:#333333;
	width:50%;
}
.newold li a
{
	font-size:12px;
	line-height:24px;
	color:#308bd1;
}
.newold li.new
{
	text-align:right;
}
.pages
{
	line-height:24px;
	color:#666;
	font-size:12px;
	margin:10px 0;
	padding:3px 0px;
	text-align:center;
}
.pages a
{
	line-height:24px;
	color:#0c64d2;
	font-size:12px;
	padding:0 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.pages a.current,.pages a.current:hover
{
	color:#a7a7a7;
	font-weight:bold;
}
.pages a:hover
{
	color:#d2360c;
}
.colright
{
	width:280px;
	margin:0 0 10px 0;
}
.listshow
{
}
.listshow li
{
	margin:0 8px;
	line-height:24px;
	padding:0 0 0px 12px;
	font-size:12px;
	background:url(../images/down/icon01.gif) no-repeat 5px center;
	border-bottom:1px dotted #e1e1e1;
}
.listshow li .datetime
{
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#999999;
}
.listshow li .type
{
	padding:0 7px 0 0;
	color:#999999;
}
.listshow li a
{
	color:#166fe9;
	color:#767676;
	line-height:24px;
	font-size:12px;
}
.listshow li a:hover
{
	color:#166fe9;
}

#minfo
{
	width:280px;
}
#minfo h2
{
	background-position:0px -120px;
	height:40px;
}
#minfo .c
{
}
#minfo .c .info
{
	margin:0 0 0 10px;
	width:270px;
}
#minfo .info .i1 .imgc
{
	float:left;
	background:url(/theme/v2dark/images/st/shadow.gif) no-repeat 3px 3px;
	width:135px;
	height:75px;
	display:none;
}
#minfo .info .i1 .imgc img
{
	border:1px solid #000;
	width:130px;
	height:70px;
}
#minfo .info .i1 .parac
{
	float:left;
	display:inline;
	width:252px;
	margin:0 0 0 6px;
}
#minfo .info .i1 .parac h3
{
	margin:0 0 6px 0;
}
#minfo .info .i1 .parac h3 a
{
	color:#308bd1;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
#minfo .info .i1 .parac .desc
{
	font-size:12px;
	color:#666666;
	width:248px;
	line-height:20px;
}
#minfo .info .i
{
	margin:5px 0 0 0;
}
#minfo .info .i .imgc
{
	float:left;
	width:52px;
	height:52px;
	display:none;
}
#minfo .info .i .imgc img
{
	width:52px;
	height:52px;
	background:url(/theme/v2dark/images/st/index_ele_2.gif) no-repeat 0px 0px;
}
#minfo .info .i2 .imgc img
{
	background-position:0px 0px;
}
#minfo .info .i3 .imgc img
{
	background-position:0px -62px;
}
#minfo .info .i4 .imgc img
{
	background-position:0px -124px;
}
#minfo .info .i .parac
{
	float:left;
	display:inline;
	width:252px;
	margin:0 0 0 6px;
	padding:0 0 5px 0;
	background:url(/theme/v2dark/images/st/ele_bg_02.png) repeat-x bottom 0px;
}
#minfo .info .i .parac h3
{
}
#minfo .info .i .parac h3 a
{
	color:#308bd1;
	font-size:12px;
	line-height:24px;
}
#minfo .info .i .parac .desc
{
	font-size:12px;
	color:#666666;
	width:240px;
	line-height:20px;
}
#minfo .poster
{
	float:left;
	width:212px;
	margin:0 0 0 13px;
}
#minfo .poster .post
{
	width:80px;
	margin:0 13px 10px;
	float:left;
	display:inline;
}
#minfo .poster .post .imgc img
{
	border:1px solid #999999;
	padding:1px;
	width:75px;
	height:100px;
}
#minfo .poster .post .ac
{
	text-align:center;
}
#minfo .poster .post .ac a
{
	color:#308bd1;
	line-height:24px;
	font-size:12px;
}
#coolsite
{
	width:280px;
}
#coolsite h2
{
	background-position:0px 0px;
	height:40px;
}
#coolsite .c
{
}
#coolsite .site
{
	margin:0px 0 12px 14px;
	width:252px;
}
#coolsite .site .imgc,#tuts .site .imgc
{
	padding:5px;
	border:1px solid #d0d0d0;
	width:240px;
	height:70px;
	overflow:hidden;
	margin:0 auto;
}
#coolsite .site .imgc img,#tuts .site .imgc img
{
	width:240px;
	height:70px;
	overflow:hidden;
}
#coolsite .site .ac
{
	color:#333;
	line-height:24px;
	font-size:12px;
	text-align:left;
	display:none;
}
#coolsite .site .ac a
{
	color:#333;
	line-height:24px;
	font-size:12px;
}
#coolsite .more
{
}
#coolsite .more a
{
	display:block;
	background-position:0px -400px;
	height:30px;
	margin:0 0 0 96px;
}


#tuts
{
	width:280px;
}
#tuts h2
{
	background-position:0px -40px;
	height:40px;
}
#tuts .c
{
}
#tuts .tutorial
{
	margin:0px 0 12px 14px;
	width:252px;
	height:110px;
	position:relative;
}
#tuts .tutorial .imgc
{
	padding:5px 5px 5px;
	border:1px solid #d0d0d0;
	width:240px;
	height:100px;
	overflow:hidden;
	margin:0 auto;
}
#tuts .tutorial .imgc img
{
	width:240px;
	height:100px;
	overflow:hidden;
}
#tuts .tutorial .ac
{
	position:absolute;
	bottom:5px;
	left:6px;
	width:240px;
	height:20px;
	line-height:20px;
	background:#ffffff;
	display:none;
}
#tuts .tutorial .ac a
{
	font-size:12px;
	color:#333333;
	padding:0 3px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
}
#tuts .more
{
}
#tuts .more a
{
	display:block;
	background-position:0px -440px;
	height:30px;
	margin:0 0 0 96px;
}

#visual
{
	width:280px;
	margin:10px 0 0 0;
}
#visual h2 .more
{
	background-position:0px -240px;
	height:35px;
}
#visual .c
{
}
.visual06 .item
{
	background:url(/theme/v2dark/images/st/ele_bg_02.png) repeat-x 0px bottom;
	padding:0 0 10px 0;
	margin:0 5px 5px 5px;
}
.visual06 .item .imgc
{
	margin:3px 0px 0 0px;
	height:84px;
	width:134px;
	overflow:hidden;
	border:1px solid #d0d0d0;
	float:left;
}
.visual06 .item .imgc img
{
	margin:2px;
	width:130px;
	height:80px;
}
.visual06 .item .parac
{
	float:left;
	width:120px;
}
.visual06 .item .parac .ainfo
{
	background:url(/theme/v2dark/images/st/time_bg.png) no-repeat 0px 0px;
	height:24px;
	line-height:24px;
	color:#545454;
	font-size:12px;
	padding:2px 0 0 10px;
	display:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.visual06 .item .parac .ainfo .date
{
	display:none;
}
.visual06 .item .parac .ainfo a
{
	line-height:24px;
	color:#545454;
	font-size:12px;
	padding:0 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.visual06 .item .parac h3
{
	margin:0 0 0 5px;
}
.visual06 .item .parac h3 .type,.visual06 .item .parac h3 .type a
{
	line-height:24px;
	color:#545454;
	font-size:12px;
	padding:0 1px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:none;
}
.visual06 .item .parac h3 a
{
	color:#308bd1;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
.visual06 .item .parac .desc
{
	color:#666666;
	font-size:12px;
	line-height:20px;
	margin:0 5px;
	font-family:Arial, Helvetica, sans-serif;
}

