index_list_title@charset "utf-8";
/* CSS Document */

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
body{font-family:Arial,sans-serif;font-size:12px; background:#f2efde;} 
ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {font-weight:400;margin:0pt;padding:0pt;}
a{text-decoration:none;}
.container_center{width:1000px;margin:0 auto; background:url(../images/bg.gif) repeat-y;}
.container_inner{ width:986px;margin:0 7px; background:#e5e5e5;}
.floatleft{ float:left; font-size:0;margin:0; padding:0;}
.floatright{ float:right; font-size:0;margin:0; padding:0;}
.clearboth{ clear:both; font-size:0;margin:0; padding:0;}

/*top01*/
.top01{ background:#bbbbbb; width:986px; height:30px; line-height:30px; margin:0 7px;}
.top01 ul{}
.top01 ul li{ float:left; margin-left:20px;font-size:14px;}
.top01 ul li.active{ float:left;font-size:14px; background:#ebebeb; padding:0 10px;}
.top01 ul li a:link,.top01 ul li a:visited{ color:#FFFFFF;}
.top01 ul li a:hover,.top01 ul li a:active{ color:#FF0000;}
.top01 ul li.active a:link,.top01 ul li.active a:visited{color:#202020;}
.top01 ul li.active a:hover,.top01 ul li.active a:active{color:#FF0000;}
/*logo*/
.logo_bg{ background:#ebebeb;width:986px;margin:0 7px;}
.logo{ float:left;padding:20px 10px;}
/*nav*/
.nav_bg{ background:url(../images/nav_bg.gif) repeat-x;width:986px;margin:0 7px; height:33px; line-height:33px;}
.nav {
margin-left:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
height:33px
}
.nav ul li {
float:left;
height:33px;
margin-right:1px;
white-space:nowrap;
}
.nav ul li a {
background:transparent;
color:#686868;
cursor:pointer;
float:left;
height:33px;
margin:0pt 1px;
padding-right:16px;
text-align:center;
white-space:nowrap;
}
.nav ul li a span {
background:transparent;
border:0pt none;
color:#686868;
display:block;
float:left;
font-family:Arial;
height:33px;
line-height:33px;
min-width:50px;
overflow:;
padding-left:15px;
text-align:center;
font-size:14px;
}
.nav li.active a {
background:transparent url(../images/nav.gif) no-repeat scroll right -47px;
color:#FFFFFF;
cursor:pointer;
float:left;
height:33px;
margin:0pt 1px;
padding-right:16px;
text-align:center;
white-space:nowrap;
}
.nav li.active span {
background:transparent url(../images/nav.gif) no-repeat scroll left 0px;
border:0pt none;
color:#ffffff;
display:block;
float:left;
font-family:Arial;
height:33px;
line-height:33px;
min-width:50px;
overflow:;
padding-left:15px;
text-align:center;
font-size:14px;
font-weight:800;
}

/*submenu*/
.submenu{ background:#143b6c; width:986px; line-height:30px; margin:0 7px; border-bottom:1px solid #fff;}
.submenu ul{}
.submenu ul li{ float:left; margin-left:20px;}
.submenu ul li a:link,.submenu ul li a:visited{ color:#e1e1e1;}
.submenu ul li a:hover,.submenu ul li a:active{ color:#e1e1e1;}
.submenu_point{background:url(../images/submenu_point.gif) no-repeat;float:left; text-indent:12px;white-space:nowrap;}
.submenu ul li.active a{font-weight:800; text-decoration:underline; color:#fff; display:block;}
/*position*/
.position{ background:#f2f2e7; height:33px; line-height:31px; border:1px solid #ebebeb; border-left:0; border-right:0;}
.position ul{}
.position ul li{ background:url(../images/position_active.gif) no-repeat; background-position:right; float:left; height:33px;text-align:center; padding-right:18px; margin-left:10px;}

/*index -20091227修改*/ 
.index_list{float:left;}
.index_list_pic{border:1px solid #E1E1E1; padding:5px 0; margin-left:7px; width:192px; height:142px;}/*20091229修改*/
.index_list_pic a{width:192px; height:142px;overflow:hidden;display:block;}
.index_list_title{text-align:center; width:192px;font-size:14px; line-height:22px; color:#900;margin:0 2px;}
.index_list_title a:link,.index_list_title a:visited{color:#404040;display:block;clear:both;width:200px;overflow:hidden;text-overflow: ellipsis;word-break:keep-all;white-space:nowrap;}
.index_list_title a:hover,.index_list_title a:active{color:#ae0000;display:block; text-decoration:underline;width:200px;overflow:hidden;text-overflow: ellipsis;word-break:keep-all;white-space:nowrap;}
.index_categories_title{font-size:18px; line-height:30px; font-weight:800; clear:both;}
.index_categories{}
.index_categories li{font-size:14px; line-height:22px; float:left; width:126px;}
.index_categories a:link,.index_categories a:visited{color:#000;display:block;clear:both;}
.index_categories a:hover,.index_categories a:active{color:#ae0000;display:block; text-decoration:underline;}
.ps_icon01{ background:url(../images/ps_icon01.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.ps_icon02{ background:url(../images/ps_icon02.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.dw_icon01{ background:url(../images/dw_icon01.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.dw_icon02{ background:url(../images/dw_icon02.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.fl_icon01{ background:url(../images/fl_icon01.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.fl_icon02{ background:url(../images/fl_icon02.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.ai_icon01{ background:url(../images/ai_icon01.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.ai_icon02{ background:url(../images/ai_icon02.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.lr_icon01{ background:url(../images/lr_icon01.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.lr_icon02{ background:url(../images/lr_icon02.gif) no-repeat; width:50px; height:68px; float:left; margin:0;}
.index_list_name{font-size:24px; color:#ae0000; line-height:34px; font-weight:800; margin-left:10px;}
.index_right_top{font-size:18px; width:310px; text-align:center; line-height:34px; font-weight:800; color:#ae0000;background:#d9d9d9; border-bottom:1px solid #c4c5c5}
.index_search{background:#143b6c; width:986px; height:33px; line-height:33px; margin:0 7px; border-bottom:1px solid #fff;}
.index_search_input{width:180px; border:1px solid #fff;float:left; margin:6px 10px 0 5px; height:20px; line-height:20px; text-indent:8px;}
.index_select_input{width:100px; border:1px solid #fff;float:left; margin:6px 0 0 10px; height:20px; line-height:20px;}
.index_search_font{ float:left; font-size:14px; color:#fff; margin-left:20px;}
/*20091229修改*/
.index_title_border{ border:1px dashed #CCC; padding:1px; height:27px; margin:5px 35px 5px 10px;}
.index_psd_title{ background:url(../images/index_psd_title.gif) no-repeat; float:left; width:119px; height:27px;}
.index_vector_title{ background:url(../images/index_vector_title.gif) no-repeat; float:left; width:147px; height:27px;}
.index_web_title{ background:url(../images/index_web_title.gif) no-repeat; float:left; width:119px; height:27px;}
.index_flash_title{ background:url(../images/index_flash_title.gif) no-repeat; float:left; width:130px; height:27px;}
.index_photo_title{ background:url(../images/index_photo_title.gif) no-repeat; float:left; width:130px; height:27px;}
.index_more{ float:right; font-size:12px; line-height:27px; margin-right:10px;}

/*left*/
.left{ width:640px; float:left; background:#fff;}

.list{float:left;}
.list_pic01{border:1px solid #E1E1E1; padding:5px 0; margin-left:5px; width:192px; height:142px; }/*20091229修改*/
.list_pic01 a{width:192px; height:142px;overflow:hidden;display:block;}
.list_pic01_title{text-align:center; width:200px;font-size:14px; line-height:22px; color:#900;margin:0 5px;}
.list_pic01_title a:link,.list_pic01_title a:visited{color:#404040;display:block;clear:both;width:200px;overflow:hidden;text-overflow: ellipsis;word-break:keep-all;white-space:nowrap;}
.list_pic01_title a:hover,.list_pic01_title a:active{color:#ae0000;display:block; text-decoration:underline;width:200px;overflow:hidden;text-overflow: ellipsis;word-break:keep-all;white-space:nowrap;}


.content_pic01{border:1px solid #E1E1E1; padding:5px; margin:4px; width:240px;float:left;height:240px;overflow:hidden;text-overflow: ellipsis;word-break:keep-all;white-space:nowrap;}
.content_detail{}
.content_detail h1{ margin:0; padding:0;clear:both;}
.content_detail h1 a:link,.content_detail h1 a:visited{color:#242323;font-size:24px;font-weight:800;line-height:26px; }
.content_detail h1 a:hover,.content_detail h1 a:active{color:#242323;font-size:24px;font-weight:800;line-height:26px;text-decoration:underline;}
.content_detail div{ width:300px;}

.content_detail01{ float:left; margin-left:10px; width:300px;}
.content_detail01 h1{ margin:0; padding:0;clear:both;font-size:24px;font-weight:800;line-height:26px;color:#242323;}
.content_detail01 div{ width:300px;}
.time{ background:#ad0000; line-height:24px; color:#FFFFFF;padding:0 10px;font-size:12px; margin-top:10px; float:left; clear:both; margin-bottom:10px;}
.intro02{ width:400px; font-size:12px; color:#42423d; margin-top:10px; line-height:18px; height:72px;clear:both;}
.intro01{ width:360px; font-size:12px; color:#42423d; margin-top:10px; line-height:18px; height:72px;clear:both;}
.Property{font-size:13px; line-height:24px;}

.Property span{font-weight:800;}
.continue a:link,.continue a:visited{ font-size:12px; color:#ae0000; margin-top:10px; display:block;font-weight:800;clear:both;}
.continue a:hover,.continue a:active{ font-size:12px; color:#ae0000; margin-top:10px; display:block; text-decoration:underline;clear:both;}
.border01{ border-bottom:1px solid #dfddd5; height:15px; font-size:0;}
.border02{ border-bottom:1px solid #dfddd5; height:15px; font-size:0; margin-bottom:15px;}
.page{height:30px; width:450px; margin:0 auto;}
.page a {
border:1px solid #ad0000;
font-size:12px;
line-height:24px;
margin:0 5px;
padding:0 5px;
}
.page strong {
background:#ad0000 none repeat scroll 0 0;
border:1px solid #ad0000;
color:#FFFFFF;
display:block;
float:left;
font-size:12px;
line-height:24px;
margin:0 5px;
padding:0 5px;
}


/*right--20091227修改*/
.right{ width:340px; float:right;margin:0; border-left:1px solid #c2c4c5; height:100%;position:static; border-top:1px solid #c2c4c5;}
/*search--20091227修改*/
.search{ background:#d9d-9d9; border-bottom:1px solid #c4c5c5; height:33px;}
.search_input{width:130px; border:1px solid #c2c4c5;float:left; margin:5px 10px 0 10px; height:22px; line-height:22px; text-indent:8px;}
.no_search{ line-height:40px; text-indent:30px;}
.search_list{}
.search_content{ font-size:14px; color: #333; margin:0 10px; line-height:30px;clear:both; width:600px;}
.search_content a:link,.search_content a:visited{ font-size:14px; color: #333; margin:0 10px; line-height:30px;clear:both; width:600px;}
.search_content a:hover,.search_content a:active{ font-size:14px; color: #333; margin:0 10px; line-height:30px;clear:both; width:600px;}
.border02{ border-bottom:1px solid #dfddd5;}
.search_button{ float:left; margin-top:5px;}
.search_font{ float:left; font-size:14px; color:#000; line-height:33px; margin-left:5px;}
/*Subscribe*/


.gray_bg{background:#e5e5e5;border-top:1px solid #fff;padding:20px 15px;border-bottom:1px solid #c4c5c5;}
.deepgray_bg{ background:#d9d9d9; border-top:1px solid #fff; padding:20px 5px; border-bottom:1px solid #c4c5c5;}

.rss_icon01{ background:url(../images/rss_icon01.gif) no-repeat; width:81px; height:68px; float:left; margin:0;}
.rss_font{ float:left; margin-left:5px;}
.rss_font01{ font-size:18px; font-weight:800; line-height:40px; color:#143b6c; }
.rss_font02{ font-size:12px; line-height:20px; color:#999; text-align:left;}
.rss_icon{ margin-top:5px;}
.rss_icon ul{}
.rss_icon ul li {float:left; width:50px; height:50px;}
.rss_icon ul li a{ float:left;  display:block;}
.rss_Blinklist{ background:url(../images/rss_icon.gif) 0 0 no-repeat; width:32px; height:32px;}
.rss_Stumbleupon{background:url(../images/rss_icon.gif) -41px 0 no-repeat; width:32px; height:32px;}
.rss_Delicious{background:url(../images/rss_icon.gif) -83px 0 no-repeat; width:32px; height:32px;}
.rss_Facebook{background:url(../images/rss_icon.gif) -124px 0 no-repeat; width:32px; height:32px;}
.rss_Flickr{background:url(../images/rss_icon.gif) -166px 0 no-repeat; width:32px; height:32px;}
.rss_Digg{background:url(../images/rss_icon.gif) -208px 0 no-repeat; width:32px; height:32px;}
.rss_Twitter{background:url(../images/rss_icon.gif) -249px 0 no-repeat; width:32px; height:32px;}
.rss_Netvibes{background:url(../images/rss_icon.gif) 0 -47px no-repeat; width:32px; height:32px;}
.rss_Technorati{background:url(../images/rss_icon.gif) -41px -47px no-repeat; width:32px; height:32px;}
.rss_Reddit{background:url(../images/rss_icon.gif) -83px -47px no-repeat; width:32px; height:32px;}
.rss_Hotforum{background:url(../images/rss_icon.gif) -124px -47px no-repeat; width:32px; height:32px;}
.rss_Myspace{background:url(../images/rss_icon.gif) -166px -47px no-repeat; width:32px; height:32px;}
.rss_Forum{background:url(../images/rss_icon.gif) -208px -47px no-repeat; width:32px; height:32px;}
.rss_Favourites{background:url(../images/rss_icon.gif) -249px -47px no-repeat; width:32px; height:32px;}
/*Related*/
.relate_icon{ background:url(../images/relate_icon.gif) no-repeat; width:82px; height:78px; float:left; margin:0;}
.related{}
.related ul{ width:200px; margin:0 auto;}
.related ul li{ background:url(../images/gray_button.gif) no-repeat; line-height:21px; text-align:center; color:#ac0000; width:98px; margin:10px auto;}
.related ul li a:link,.related ul li a:visited{ color:#ac0000;}
.related ul li a:hover,.related ul li a:active{ color:#ac0000; text-decoration:underline;}

/*photo01*/

/*bottom*/
.bottom{background:#e5e5e5;width:986px;margin:0 7px; border-top:1px solid #fff; border-bottom:1px solid #c4c5c5;height:30px; line-height:30px; text-align:center; margin:0 auto; padding-top:10px;}
.bottom_related{background:#d9d9d9;width:986px;margin:0 7px; border-top:1px solid #fff; height:30px; line-height:30px;border-bottom:1px solid #c4c5c5;}
.bottom_related ul{ margin:0 auto; width:600px;}
.bottom_related ul li{ float:left; margin-left:20px;font-size:14px;}
.bottom_related ul li.active{ float:left;font-size:14px; background:#ebebeb; padding:0 10px;}
.bottom_related ul li a:link,.top01 ul li a:visited{ color:#FFFFFF;}
.bottom_related ul li a:hover,.top01 ul li a:active{ color:#FF0000;}
.bottom_related ul li.active a:link,.top01 ul li.active a:visited{color:#202020;}
.bottom_related ul li.active a:hover,.top01 ul li.active a:active{color:#FF0000;}
.site_map{background:#e5e5e5;width:986px; border-top:1px solid #fff; border-bottom:1px solid #c4c5c5;line-height:20px; text-align:center; margin:0 auto;}
.site_map_position{ float:left;width:245px;}
.site_map_categories_title{font-size:18px; line-height:30px; font-weight:800; clear:both;}
.site_map_categories{}
.site_map_categories li{font-size:12px; line-height:22px; float:left; width:120px; text-align:left;}
.site_map_categories a:link,.site_map_categories a:visited{color:#000;display:block;clear:both;}
.site_map_categories a:hover,.site_map_categories a:active{color:#ae0000;display:block; text-decoration:underline;}
.link{background:#e5e5e5;width:986px;margin:0 7px; border-top:1px solid #fff; border-bottom:1px solid #c4c5c5;line-height:60px; text-align:center; margin:0 auto;padding-top:10px;}
.link ul{}
.link ul li{ float:left; margin-left:10px;}
/*content*/
.write{ background:#f0f0f0; border:1px solid #cecece; padding:10px; margin:20px 10px;}
.write_detail{ float:left; width:450px; line-height:20px; margin-left:20px;}
.writer{ font-size:14px; font-weight:800;}
.content_text{ padding:0; width:100%; line-height:20px; font-size:16px; margin-left:10px; word-break: normal; }/*20091227修改*/
.content_text a:active {test:expression(target="_blank");}
.tutorial_details_title{font-size:20px; line-height:40px; color:#27221f;}
.content_text li{font-size:14px; line-height:20px;}/*20091227修改*/
.content_text li span{ font-weight:800;}
.content_image{background-color:#F0F0F0;border:1px solid #CECFD0;margin:10px 0 0 0;padding:15px 0;text-align:center; width:640px;}
.content_text img{border:1px dashed #CBCBCB;margin:auto; padding:4px;max-width:640px;/*IE7及Firefox用*/
width: expression(this.width > 640 ? 640: true); 
}
.content_text p{font-size:14px; line-height:20px;word-wrap: break-word;}
.content_text h3{font-size:26px; line-height:45px; font-weight:800; margin:0; padding:0;}
.content_text h2{ clear:both; font-size:26px; line-height:45px; font-weight:800; margin:0; padding:0;}
.content_text h1{ font-size:26px; line-height:45px; font-weight:800;}
.content_text pre { display:block;
    border: 1px solid #CCC;
    padding:5px;
    margin-top:5px;
    width:640px;
    overflow:scroll; 
}

.down_content_detail{line-height:30px;}

/*Related_pic*/
.Related_pic{ margin:10px 0;}
.Related_pic_title{font-size:26px; line-height:50px; color:#27221f;}
.Related_pic_list{background:#f0f0f0; border:1px solid #cecece; padding:10px 0; margin:10px 0; width:100%;}
.Related_pic_list ul{}
.Related_pic_list ul li{ float:left; margin-left:4px; margin-top:10px;border:1px dashed #CCC; padding:1px;}
.Related_pic_list ul li a{ width:200px; height:150px;  overflow:hidden;text-overflow: ellipsis;word-break:keep-all;white-space:nowrap; display:block;}

/*Comments*/
.Comments{ background:#ededed; border:1px solid #dcdddd; padding:10px 20px; margin:20px 10px; width:635px;}
.Comments_titile{ margin:10 0px;}
.Comments_titile01{font-size:26px; line-height:40px; float:left; color:#27221f;}
.Comments_titile02{ color:#ae0000; float:right;line-height:40px;}
.Comments_titile02 a:link,.Comments_titile02 a:visited{ color:#ae0000;}
.Comments_titile02 a:hover,.Comments_titile02 a:active{ color:#ae0000; text-decoration:underline;}

.Comments_add{ margin-top:10px;}
.Comments_author{color:#8D8D8D;font-size:10px;line-height:14px;width:100px; float:left;}
.Comments_author p{ color:#ae0000;font-size:12px; line-height:16px;word-wrap: break-word; word-break: normal;word-break:break-all; width:80px; }
.Comments_author p a:link,.Comments_author p a:visited{ color:#ae0000;}
.Comments_author p a:hover,.Comments_author p a:active{ color:#ae0000;}
.Comments_author span{ color:#8d8d8d;font-size:12px; line-height:16px;}

.comment_reply div{font-size:10px;left:20px;position:absolute;padding:0px;  margin:0px ; border:0; border:0;}
.comment_reply span{position:absolute;  bottom:10px;  padding:0px;  margin-left:10px;font-size:12px; }
.comment_reply a:link,.comment_reply a:visited{ color:#ae0000;}
.comment_reply a:hover,.comment_reply a:active{ color:#281f1f; text-decoration:underline;}

.single_comment{ width:82%; float:right;}

.comment_father{ float:left;border:1px solid #DCDDDD;background:#FFFFFF; margin-left:10px;height:auto!important; height:150px; min-height:150px;width:96%; position: relative;}
.comment_arrow {background:url(../images/comment_arrow.gif) no-repeat;margin-top:10px;position:absolute;margin-left:-33px; float:left;}
.comment_father p{font-size:12px; text-indent:12px; line-height:22px;}
.comment_father span a{ bottom:0;}

.respond{ margin:10px 0 0 132px;}
.respond input{ border:1px solid #ddd; background:#fff;line-height:24px; height:24px; margin-top:10px; padding-left:10px;width:98%;}
.button_bg{ background:url(../images/button_bg.gif) repeat-x; border:1px solid #bbb; padding:0 10px; line-height:24px; color:#af0100; margin:10px 0;}
.button_cancle{ width:50px; float:left;}
.button_cancle a:link,.button_cancle a:visited{color:#af0100;}
.button_cancle a:hover,.button_cancle a:active{color:#af0100; text-decoration: underline;}
.button_add{ width:90px; float:right;}
.button_add a:link,.button_add a:visited{color:#af0100;}
.button_add a:hover,.button_add a:active{color:#af0100; text-decoration: underline;}

.children_positon{margin-left:10px; }
.children{float:right; border-left:1px solid #d3d5d5; clear:both;}
.comment_children{border:1px solid #d3d5d5;background:#f8f8f8;height:auto!important; height:120px; min-height:120px; width:80%;margin-top:10px; float:left; position: relative;}
.line_horizontal{border-top:1px solid #d3d5d5; float:left; margin-top:40px; width:20px;}
.comment_children p{font-size:12px; text-indent:12px; line-height:22px;}

.comment_form_wrap{ float:left; width:530px;}
.comment_form_wrap input{ border:1px solid #ddd; background:#fff;line-height:24px; height:24px;padding-left:10px;width:98%; margin-bottom:10px;}

/*search*/
.search_list{ margin:10px 5px; float:left;}