*{ padding:0; margin:0;}
html,body{ height:100%;}
body {	margin:0;padding:0; background-color:#484848;
       Scrollbar-Face-Color:#535353;/*滚动条表面颜色*/
	   scrollbar-highlight-color:#535353; /*滚动条上斜面和左斜面颜色*/
	   scrollbar-shadow-color:#535353; /*滚动条下斜面和右斜面颜色*/
	   scrollbar-3dlight-color:#535353; /*滚动条上边和左边的边沿颜色*/
	   scrollbar-arrow-color:#dadada; /*滚动条上下箭头颜色*/
	   scrollbar-track-color:#535353; /*滚动条底版颜色*/
	   scrollbar-darkshadow-color:#535353; /*滚动条下边和右边边沿颜色*/
	   SCROLLBAR-BASE-COLOR:#535353;/*滚动条的基本颜色*/}
body,a {font-size: 12px; color:#dadada;}
.button { background:url(../images/button_bg.gif) no-repeat left top; border:0; width:75px; height:21px; line-height:21px; padding-top:1px; cursor:hand; text-align:center; color:#dadada;}
.button1 { border:0; height:25px; line-height:25px; cursor:hand; background-color:#999;}
.width {margin:0 auto; width:1003px;}
.clear { clear:both;}
a:link {color:#dadada;font-size: 12px;text-decoration: none;}
a:visited {color:#dadada;font-size: 12px;text-decoration: none;}
a:hover {color:#dadada;font-size: 12px;text-decoration: none;}
a:active {color:#dadada;font-size: 12px;text-decoration: none;}
.F14:link {color:#000;font-size: 14px;text-decoration: none; font-weight:bold;}
.F14:visited {color:#000;font-size: 14px;text-decoration: none; font-weight:bold;}
.F14:hover {color:#000;font-size: 14px;text-decoration: none; font-weight:bold;}
.F14:active {color:#000;font-size: 14px;text-decoration: none; font-weight:bold;}
/*头部导航*/
#top_title {background:url(../images/top_bg.jpg) no-repeat right bottom; width:366px; height:48px; text-align:left; float:left;}
#top_title span { display:block; margin-top:4px; line-height:18px; color:#FFF; text-align:left;}
#top_menu {width:580px; float:right;}
#top_menu li {white-space: nowrap; list-style:none; display:inline; margin:0 5px; line-height:22px; float:left; width:auto;}
#sitename { clear:both; margin:0 auto; height:124px;}
#sitename .external{ display:block; margin-left:30px; margin-top:10px; float:left; text-align:left;}
#sitename .behavior{ display:block; margin-left:10px; margin-top:10px; float:left; text-align:left;}
#sitename .gexin{ display:block; margin-right:20px; margin-top:10px; text-align:right;}
#sitename .site { margin:20px 0; margin-left:30px;  line-height:120%; font-size:48px; font-weight:bold; position:absolute;}
#sitename .site { filter:
        Dropshadow(offx=1,offy=1,color=#f42827)
        Dropshadow(offx=1,offy=1,color=#f42827)
        Dropshadow(offx=0,offy=-1,color=#f42827)
        Dropshadow(offx=-1,offy=0,color=#f42827);}
/*滚动图片欣赏*/
#tabs {height:22px;}
#tabs1 { height:22px; width:563px; float:left;}
#tabs1 ul { margin:0; padding:0 0 0 5px; list-style:none;}
#tabs1 li {display:inline; margin:0; padding:0; }
#tabs1 a {float:left; background:url(../images/menu_left.gif) no-repeat left top; margin:0 0 0 5px; padding:0 0 0 8px; text-decoration:none;}
#tabs1 a span {float:left; display:block; background:url(../images/menu_right.gif) no-repeat right top; padding:5px 14px 4px 6px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
/*分类列表*/
#photo_con {margin:10px 8px; overflow:hidden;}
#photo {width:139px; color:#c0c0c0; margin:5px 3px; z-index:10; float:left; text-align:left; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#666666,Direction=120,strength=4); background-color:#484848;}
#photo span.pic {display:block; height:100px; width:134px; padding:2px 2px;}
#photo span.tit{display:block; text-align:left; padding:2px 5px;}
#photo span.tit a:link {text-decoration: none;  color:#e69711;}
#photo span.tit a:visited {text-decoration: none; color:#e69711;}
#photo span.tit a:hover {text-decoration: underline;color: #ffae00;}
#photo span.tit a:active {text-decoration: none;color: #e69711;}
/*个人图库分类*/
#tabs2 {height:22px; width:440px; float:left; line-height:22px; text-align:right;}
#photoshow{ clear:both; margin-top:10px; height:150px; background-color:#484040;}
.scroll_div {background-color:#c8c8c8; margin:5px; height:140px; overflow:hidden; width:993px; white-space: nowrap;}
.show_table { background-color: #484848; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#666666,Direction=120,strength=4); z-index:10; text-align:center;}
#menu {clear:both; margin-top:30px; height:23px; padding-right:15px;}
#menu .music {display:block; float:left; width:228px; height:30px; margin-left:5px;}
#menu .Link {display:block; float:right; height:30px;}
#menu .Link li {display:inline; background:url(../images/menu_bg.gif) no-repeat top left; width:95px; height:23px; float:left; text-align:center; margin:0 0 0 5px; padding-top:6px; }
#menu .Link a:link {color:#dadada;text-decoration: none; font-weight:bold;}
#menu .Link a:visited {color:#dadada;text-decoration: none; font-weight:bold;}
#menu .Link a:hover {color:#dadada;text-decoration: none; font-weight:bold;}
#menu .Link a:active {color:#dadada;text-decoration: none; font-weight:bold;}
#mainContent {clear:both; background-color:#484040; padding:5px; height:850px; margin:0 auto;  margin-top:5px; width:993px;}
#sidebar {width:220px; float:left; background-color:#b3b3b3; height:100%;}
#title {background:url(../images/title_bg1.jpg) repeat-x top left; height:30px; margin:2px 2px;}
#title .t1 { display:block; margin-left:10px; font-weight:bold; font-size:14px; line-height:30px; height:30px; letter-spacing:4px; float:left; width:auto;}
#title .t2{ display:block; margin-left:5px; font-weight:bold; font-size:12px; float:left; width:auto; margin-top:12px; cursor:hand;}
#title .t3{ display:block; margin-right:10px; font-weight:bold; font-size:12px; float:right; width:auto; margin-top:12px; color:#C00; font-family:Verdana, Geneva, sans-serif; cursor:hand;}
#title .t4{ display:block; margin-right:10px; font-weight:bold; font-size:12px; float:right; width:auto; margin-top:12px;}
/*个人档*/
#Intro { margin:10px 20px; line-height:150%;}
#Intro span { line-height:25px; color:#900; font-weight:bold; display:block;}
#u_list { margin:5px 4px 0 4px; padding:5px;}
#u_list li {margin:5px 0; text-align:center; list-style:none;}
.table { border:1px solid #999;}
.td_title { height:25px; line-height:25px; background-color:#999; text-align:left; padding-left:20px; font-weight:bold;}
.td_bg { height:25px; line-height:120%; border-bottom:1px solid #999; padding:2px 5px;}
.td_bg_l { height:25px; line-height:120%; padding-right:10px; text-align:right; width:20%; border-bottom:1px solid #999; padding:2px 5px;}
.td_bg_r { height:25px; line-height:120%; padding-left:10px; text-align:left; width:80%; border-bottom:1px solid #999; padding:2px 5px;}
.info {margin:20px 15px; color:#FFF;}
/*个人主页*/
#pic {margin:5px 4px 0 4px; padding:5px;}
#pic span {display:block; line-height:120%; margin:5px 5px 0px 5px;}
.c_600 { color:#600;font-size:14px; font-weight:bold;}
.c_C00 { color:#C00;font-size:14px; font-weight:bold;}
.c_900 { color:#484848;　font-weight:bold;}
#Info {margin:10px 4px 5px 4px; line-height:120%; }
#Info .span1 { display:block; line-height:120%; font-weight:bold; margin:10px; font-size:14px;}
#Info .span2 { display:block; line-height:120%; margin:5px 10px; color:#FFF;}
#content_list { float:left; margin-left:5px; width:768px; background-color:#b3b3b3; height:100%;}
/*个人资料*/
#class1 li{ float:left; display:inline; margin:2px 3px; width:50px;}
/*上传作品*/
#class li{ float:left; display:inline; margin:0; width:70px;}
#upload span{ display:block; float:left; margin:5px 2px;}
/*底部*/
#bottom{ margin-top:5px; margin-bottom:5px; text-align:center; padding:10px; line-height:22px;}
#total {background-color:#dadada; width:50%; float:left;}
#total span { text-align:center; display:block; background-color:#484848;}
#total1 {float:left; width:auto; margin-left:10px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
/*作品展示*/
#pic_show {background-color:#b3b3b3; height:100%;}
#gallery1 { margin:0 auto; margin:20px; text-align:center; height:500px;}
#workslist { height:235px; margin:5px auto; overflow:hidden}
#workslist li{width:91px; margin:2px; margin:4px !important; text-align:center; display:inline; float:left; color:#c0c0c0;}
#workslist span.tit{display:block; text-align:center; padding:2px 5px;}
#workslist span.tit a:link {text-decoration: none;  color:#e69711;}
#workslist span.tit a:visited {text-decoration: none; color:#e69711;}
#workslist span.tit a:hover {text-decoration: underline;color: #ffae00;}
#workslist span.tit a:active {text-decoration: none;color: #e69711;}
#workslist span.pic {display:block; height:90px; padding:2px 2px; background-color:#484848;}
#workslist2 { height:770px; margin:10px 10px; overflow:hidden;}
#workslist2 li{width:116px; margin:4px !important; margin:2px; text-align:center; display:inline; float:left; color:#c0c0c0;}
#workslist2 span.tit{display:block; text-align:center; padding:2px 5px;}
#workslist2 span.tit a:link {text-decoration: none;  color:#e69711;}
#workslist2 span.tit a:visited {text-decoration: none; color:#e69711;}
#workslist2 span.tit a:hover {text-decoration: underline;color: #ffae00;}
#workslist2 span.tit a:active {text-decoration: none;color: #e69711;}
#workslist2 span.pic {display:block; height:98px; padding:2px 2px; background-color:#484848;}
/*翻页代码*/
DIV.black2 {PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: right;}
DIV.black2 A {BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none}
DIV.black2 A:hover {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000}
DIV.black2 A:active {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000}
DIV.black2 SPAN.current {BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000}
DIV.black2 SPAN.disabled {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}
/*图片展示样式*/
#phototitle {margin:15px; text-align:center; font-size:22px; line-height:120%;}
#phototitle span { color:#C30;}
#photoIntro { margin:10px 15px 0 15px; line-height:120%; text-indent:2em; font-weight:bold; color:#FFF;}
i {	display:inline-block;height:100%;vertical-align:middle}
#photopic {background-color:#373737; margin-top:10px; padding:10px;}
#photopic .span_p{ background-color:#535353; display:block;  text-align:center; padding:10px;}
#photopic .span_t{ background-color:#535353; display:block;  text-align:center; padding:5px;}
#photopic .span_a { background-color:#535353; display:block;  text-align:left; height:60px; padding-bottom:5px;}
#photopic .span_a .li_1{float:left; display:inline; width:60px; line-height:60px; margin:0 5px;border:1px #FFF solid;}
#photopic .span_a .li_2{float:left; display:inline; width:60px; line-height:60px; margin:0 5px;border:1px #484848 solid; background-color:#dadada;}
#picIntro {background-color:#373737; margin-top:10px; padding:10px;}
#picIntro_l {background-color:#535353; width:40%; float:left; height:120px; line-height:20px; color:#dadada; padding:5px;}
#picIntro_r { width:59%; float:left;}
#picIntro_r .cone {margin-left:10px; height:120px; background-color:#535353; line-height:20px; color:#dadada; z-index:0;overflow-y:auto; padding:5px;}
#comment {background-color:#373737; margin-top:10px; padding:10px;}
#comment_l {background-color:#535353; width:40%; float:left; height:200px; color:#dadada; padding:5px;}
#comment_l .title {text-align:left; height:20px; display:block; line-height:20px;}
#comment_l .content {margin:5px 0; text-align:center; display:block;}
#comment_l .textarea {border:1px #dadada dotted;width:98%; height:120px; color:#dadada; background-color:#535353;}
#comment_l .btu {text-align:right; display:block;}
#comment_r { width:59%; float:left;}
#comment_r .conen {margin-left:10px; background-color:#535353; line-height:20px; color:#dadada; padding:5px;}
#comment_r .conen div{z-index:0;overflow-y:auto; height:175px;}
#comment_list { margin:10px auto;}
#comment_list ul{list-style:none;}
#comment_list li {display:inline;}
.comm_left { width:600px;}
.comm_right {width:100px;}
.comm_show { display:block; margin:5px;}
#FriendSite {clear:both;}
#FriendSite li {display:inline; list-style:none; white-space:nowrap; float:left; margin:5px 3px; line-height:150%;}