/*全局样式*/
* { margin:0; padding:0; }
body { text-align:center; font:12px/21px simsun; color:#999; background:#EEECDE url(../img/hdft.gif) repeat-x 0 -159px; }
ol, ul { list-style:none; }
img { border:none; }
a { color:#999; text-decoration:none; }
/*a{color:#66CCCC;text-decoration:none;}*/

a:hover { text-decoration:underline; }
input, select, button, img { vertical-align:middle; }
button { cursor:pointer; }


/*布局相关*/
#hd { width:796px; height:153px; margin:0 auto; clear:both; }
#main { width:796px; margin:0 auto; clear:both; }
#ft { background:#E7EEF6 url(../img/hdft.gif) no-repeat 0 0; color:#669; text-align:right; height:35px; overflow:hidden; width:796px; line-height:35px; margin:0 auto; }
#content { float:left; width:488px; overflow:hidden; background:#F3F3E9; padding:9px 13px 0 17px; margin-bottom:-8000px; padding-bottom:8000px; }
#side { float:right; width:244px; overflow:hidden; background:#ECEDDD; padding:9px 9px 0 9px; text-align:center; margin-bottom:-8000px; padding-bottom:8000px; }

/*搜索和登陆条*/
#bar { width:796px; line-height:32px; height:38px; overflow:hidden; margin:0 auto; }
	#bar form { float:left; height:32px; background:url(../img/hdft.gif) -2px -112px; position:relative; width:410px; }
	#bar form input { background:none; border:none; width:225px; height:16px; color:#E5E5E5; line-height:16px; position:absolute; top:10px; left:35px; }
	#bar form button { background:url(../img/hdft.gif) no-repeat -7px -74px; border:none; width:78px; height:19px; color:#545454; font-size:12px; line-height:19px; position:absolute; top:7px; left:275px; }
	#bar ul { float:right; width:300px; line-height:16px; height:16px; padding-top:9px; font-family:simsun; }
	#bar li { float:right; padding-left:20px; background:url(../img/hdft.gif) no-repeat; margin-left:15px; white-space:nowrap; }
	#bar a { color:#fff; }
	#bar .ilogin { background-position:-679px -123px; }
	#bar .ireg { background-position:-749px -53px; }
	#bar .ihelp { background-position:-714px -88px; }

/*导航*/
#nav { background:url(../img/nav.gif) no-repeat 0 15px; width:756px; height:95px; margin:0 auto; padding-top:20px; line-height:34px; font-size:14px; overflow:hidden; clear:both; }
	#nav li { width:126px; height:95px; text-align:center; float:left; }
	#nav li.selected a, #nav li.selected a:hover { background:url(../img/nav.gif) no-repeat -126px 100%; }
	#nav a { color:#663; float:left; width:126px; height:20px; line-height:20px; padding:55px 0 20px 0; }
	#nav a:hover { background:url(../img/nav.gif) no-repeat 0 100%; text-decoration:none; }


#module { background:url(../img/module.gif) no-repeat 0 20px; width:777px; height:122px; padding-left:3px; margin-bottom:10px; }
	#module .t1, #module .t2, #module .t3 { width:249px; height:92px; padding:13px 5px 0 4px; float:left; background:no-repeat 4px 0; overflow:hidden; }
	#module .t1 a, #module .t3 a { width:100%; height:100%; display:block; }
	#module .t1 { background-image:url(../img/t1.gif); }
	#module .t3 { background-image:url(../img/t3.gif); }
	#module .t2 { background-image:url(../img/t2.gif); color:#fff; padding:79px 5px 5px 19px; height:21px; line-height:21px; width:235px; }
	#module .t2 a { color:#fff; }
	#module .t2 img { margin-right:19px; }


/*左边主要内容*/
#content h2 { background:url(../img/main_sprite.gif) no-repeat 0 0; width:456px; height:25px; overflow:hidden; line-height:25px; font-size:14px; font-weight:normal; color:#444334; padding-left:32px; margin-bottom:10px; clear:both; }
	/*#content h2 a { color:#444334; }*/
  #content h2 a {color:#6cc; }

/*侧栏内容*/
#side .block { border:3px solid #E2E1C1; background:#fff; padding:2px; margin-bottom:10px; text-align:left; }
	#side .block h2 { background:url(../img/main_sprite.gif) no-repeat 0 -25px; height:24px; overflow:hidden; line-height:24px; font-size:14px; font-weight:normal; color:#fff; margin-bottom:4px; padding:0 9px; }	
	#side .block p {padding:8px 4px 8px 4px;}
	#side .block p a{color:#9C9C76;}


/*底*/
#ft ul { float:left; width:400px; padding-left:29px; color:#99c; text-align:left; }
	#ft li { display:inline; margin-right:5px; }
	#ft li a { color:#99c; }
	#ft p { float:right; padding-right:21px; }


/*box*/
.box { background:url(../img/box_w.gif) no-repeat -796px 100%; width:796px; padding-bottom:7px; overflow:hidden; margin:0 auto 11px auto; clear:both; text-align:left; }
	.box .b { background:#fff url(../img/box_w.gif) no-repeat 0 0; padding:0 8px 0 8px; zoom:1; overflow:hidden; }

/*box*/
.box_i { background:url(../img/box_i.gif) no-repeat -780px 100%; width:780px; padding-bottom:5px; overflow:hidden; margin:0 auto; clear:both; text-align:left; }
	.box_i .b { background:url(../img/box_i.gif) no-repeat 0 0; padding:5px 0 0 0; zoom:1; overflow:hidden; }

/*文本内容*/
.text { width:420px; color:#999; margin:10px auto; }


/*素材列表*/
.list_sucai { zoom:1; overflow:hidden; line-height:20px; color:#333; width:420px; margin:0 auto; }
	/*.list_sucai a { color:#333; }*/
	.list_sucai li { width:210px; height:210px; float:left; text-align:center; position:relative; padding-top:8px; overflow:hidden; }
	.list_sucai li img { display:block; width:150px; height:150px; background:#fff; border:1px solid #E1E1C7; padding:3px; color:#333; margin:0 auto 2px auto; }
	.list_sucai li a.down { color:#6cc; background:url(../img/main_sprite.gif) no-repeat -108px -51px; padding-left:18px; position:absolute; top:188px; left:40px; height:20px; line-height:20px; }
	.list_sucai li a.preview { color:#6cc; background:url(../img/preview.gif) no-repeat ;padding-left:18px; position:absolute; top:188px; left:40px; height:20px; line-height:20px; }
	.list_sucai li a.down2 { color:#6cc; background:url(../img/main_sprite.gif) no-repeat -108px -51px; padding-left:18px; position:absolute; top:188px; height:20px; line-height:20px; }
	.list_sucai li p { text-align:left; height:20px; overflow:hidden; width:150px; margin:0 auto; }


/*教程列表*/
.list_jiaocheng li { border-top:1px dashed #E1E0C1; height:30px; line-height:30px; overflow:hidden; padding:0 4px; color:#9C9C76; background:#F4F4E2; }
	.list_jiaocheng a { color:#9C9C76; }
	.list_jiaocheng .first { border-top:none; }
	.list_jiaocheng .even { background:#fff; }


/*小教程列表*/
.list_small { zoom:1; overflow:hidden; background:url(../img/main_sprite.gif) repeat-y -482px 0;}
	.list_small a { color:#9C9C76; }
	.list_small li { line-height:24px; width:105px; height:24px; overflow:hidden; float:left; margin-right:5px; padding-left:5px; text-align:center; }


/*获得*/
.form_get { padding:0 3px; }
	.form_get p { clear:both; zoom:1; overflow:hidden; margin:5px auto; }
	.form_get input { float:left; height:15px; line-height:15px; padding:2px; background:#fff; border:1px solid #A7A7A9; width:152px; color:#333; }
	.form_get button { float:right; height:21px; line-height:21px; border:none; background:url(../img/main_sprite.gif) no-repeat -1px -50px; width:59px; color:#fff; font-size:12px; }
	.form_get a { color:#333; }
	.form_get a.how { color:#c33; text-decoration:underline; padding-left:20px; background:url(../img/main_sprite.gif) no-repeat -263px -51px; float:right; }


/*素材信息*/
/*.detail2 { position:relative; padding-left:280px; width:145px; height:260px; margin:5px auto; color:#666; }*/
.detail { position:relative; padding-left:100px; margin:5px auto; color:#666; }
	.detail h3 { font-size:14px; font-weight:normal; color:#000; padding:10px 0; line-height:26px; height:52px; overflow:hidden; border-bottom:1px dashed #999; margin-bottom:14px; }
	.detail .pic { background:#fff; padding:3px; border:1px solid #E1E1C7; position:absolute; top:0; left:0; width:238px; height:238px; }
	.detail .cover { background:#fff; padding:3px; border:1px solid #E1E1C7; position:absolute; top:0; left:0; width:150px; height:150px;}
	.detail .down { margin:12px auto; }
	.detail .back { color:#ccc; background:url(../img/main_sprite.gif) no-repeat -432px -56px; padding-left:15px;}

.profile {padding-left:50px; height:180px; border-bottom:1px dashed #999; margin-bottom:14px;}
  .profile h3 { font-size:14px; font-weight:normal; color:#000; padding:10px 0; line-height:26px; overflow:hidden; }
  .profile .left{float:left;padding:10px 0;}
  .profile .cover{background:#fff; padding:3px; border:1px solid #E1E1C7;}
  .profile .content{ float:left;padding-left:20px;}
  .profile .back { color:#ccc; background:url(../img/main_sprite.gif) no-repeat -432px -56px; padding-left:15px;}

/*边框预览表格*/
	.tb_maskframe{clear:all;}

	.tb_maskframe img{padding:2px;border:1px solid #ddd;}

	.tb_maskframe td{text-align: center;vertical-align: bottom;}
	
/* page navigator */
.pages { text-align:left; margin-bottom: 20px; margin-top: 20px; }
.page-nav { font-size: 12px; padding-top: 10px; margin-left: 30px; margin-right: 30px;}
.page-nav a, .pagelist .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.page-nav a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.page-nav .start { margin-right: 2px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.page-nav .prev { margin-right: 2px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.page-nav .break { padding: 0px 6px; border: none; background: #fff; text-decoration: none; }
.page-nav .next { margin-left: 2px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.page-nav .end { margin-left: 2px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.page-nav .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; 
background: #fff; color: #FF0084; }
.page-nav a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
.pages div.results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }