@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0}
/* CSS Document */
body,button,input,select,textarea{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",Tahoma,Helvetica,Arial}
body{background:#101010;color:#FFF}
a:link,a:visited,a:active{color:#FFF;text-decoration:none;cursor:pointer}
a:hover{color:#FFF}
/* Clear */
.clear{clear:both}
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix {display:block}
#web_body{background-image:url(../images/web_bg.gif);min-width:980px;width:100%}
/* #web_main{background:url(../images/main_bg.jpg) no-repeat top center} */
/* main_top */
#main_top{background:url(../images/head_foot.png);height:52px;padding-top:30px}
.top_set{position:relative;background:url(../images/menu_gif.jpg);width:980px;height:36px;margin:0px auto}
#top_logo{width:200px;float:left}
.mood_list{position:absolute;top:-25px;left:30px;min-width:300px;overflow:hidden}
.mood_title,.mood_content{float:left;display:inline;background:url(../images/mood.png)}
.mood_title{width:50px;height:39px}
.mood_title p{display:none}
.mood_content{background-position:right 0px;height:34px;padding:5px 15px 0px 0px;white-space:nowrap}
.mood_content span{color:#BBB}
/* topmenu */
#topmenu{position:relative;float:right;height:36px;overflow:hidden}
#topmenu li{z-index:2;float:left;background:url(../images/lava.png) no-repeat right -72px}
#topmenu li.back{background:url(../images/lava.png) no-repeat right -36px;width:15px;height:36px;z-index:1;position:absolute;padding:0px}
#topmenu li.back .left{background:url(../images/lava.png) no-repeat top left;height:36px;margin-right:15px;padding:0px}
#topmenu li a{font-size:13px;outline:none;line-height:36px;z-index:3;display:block;float:left;height:36px;position:relative;overflow:hidden;padding:0px 15px}
#topmenu li a:link,#topmenu li a:active,#topmenu li a:visited{color:#ffc2c6}
#topmenu li a:hover,#topmenu li.current a:link,#topmenu li.current a:visited,#topmenu li.current a:active,#topmenu li.current a:hover{color:#FFF}
/* google AD */
#web-net-ad{padding:8px 0px 5px 0px;width:950px;margin:0px auto}
.other_210_90{float:right;width:210px;height:90px;overflow:hidden}
.google_728_90{float:left;width:728px;height:90px;overflow:hidden}
/* main_body */
#index_body,#main_body{width:980px;margin:0px auto;padding-top:5px}
/* menu_title */
.works_title a,.favorites_title a,.postit_title a{display:block;background:url(../images/item.png) no-repeat;height:34px;width:132px}
.works_title a span,.favorites_title a span,.postit_title a span{display:none}
.works_title a{background-position:0px 0px}
.works_title a:hover{background-position:0px -34px}
.favorites_title a{background-position:0px -68px}
.favorites_title a:hover{background-position:0px -102px}
.postit_title a{background-position:0px -340px}
.postit_title a:hover{background-position:0px -374px}
/********** index **********/
.ad_top,#ad_content,.ad_bottom{background:url(../images/ad_bg.png)}
.ad_top{font-size:1px;height:12px}
#ad_content{background-position:-980px 0px;padding:0px 15px;width:950px}
.ad_bottom{font-size:1px;height:12px;background-position:0px -12px;margin-bottom:10px}
.page_404{ text-align:center;font-size:18px}
/* right_Announcement */
#right_announcement{float:left;position:relative;width:244px;height:230px}
#guest_announcement{position:relative;width:244px;height:230px}
.scrollbg,.scrollup,.scrollhand,.scrolldown{background:url(../images/scrollbar.gif)}
/* content */
.content,#scroller-1{position:absolute;width:220px;height:230px;padding-left:4px}
#scroller-1{overflow:hidden}
.scroll_content{position:absolute;top:0px;left:0px}
.scroll_content h2{font-size:14px;color:#ffb10a;line-height:22px;font-weight:bold;text-align:center}
.scroll_content .uptime{color:#BBB;text-align:right;border-bottom:#666 1px dashed}
/* content_control */
#content_control{position:absolute;left:227px;width:18px;height:230px}
#content_control a{display:block;outline:none;border:none}
.scrolltop,.scrollbottom{position:absolute;width:18px;height:16px;font-size:1px}
.scrollbg{position:absolute;top:16px;width:18px;height:198px;background-position:0px -16px}
.scrollbottom{position:absolute;top:214px}
/*control_button*/
.scrollup{width:18px;height:16px;cursor:pointer}
.scrollup:hover{background-position:0px -282px}
.scrollup:active{background-position:0px -340px}
.scrollhand{position:absolute;cursor:pointer;width:18px;height:26px;background-position:0px -230px}
.scrollhand:hover{background-position:0px -256px}
.scrollhand:active{background-position:0px -314px}
.scrolldown{cursor:pointer;width:18px;height:16px;background-position:0px -214px}
.scrolldown:hover{background-position:0px -298px}
.scrolldown:active{background-position:0px -356px}
/* ad_pic */
.ad_pic{float:left;width:704px}
/* domain */
#domain{height:185px;background:url(../images/domain.png);color:#000}
#domain ul{width:420px;float:left;padding:15px 30px 0px 40px}
#domain li{float:left;width:100%}
#domain li a{color:#000;display:block;border-bottom:#CCC 1px dashed;line-height:30px}
#domain li a:link,#domain li a:visited,#domain li a:active{color:#000}
#domain li a:hover{color:#fe0012;border-bottom:#000 1px dashed}
#domain h3{color:#fe0012;font-size:16px}
#domain h3 em{font-size:12px;float:right}
#domain h3 a{border:none}
#domain h3 a:hover{border:none}
#domain li em{color:#fe0012;font-size:14px;float:right}
#index_works{width:966px;padding:0px 7px 15px 7px}
#index_works li{float:left;display:inline;margin:5px 1px 0px 1px;overflow:hidden;text-align:center;width:320px;height:200px;background:url(../images/worklist_bg.png)}
#index_works li a{float:left;margin:20px;width:280px;height:160px;position:relative;overflow:hidden}
#index_works li a span{line-height:22px;font-weight:bold;position:absolute;padding:2px 0px;width:280px;border-top:1px solid #999;top:133px;left:0px;background:url(../images/70.png)}
#index_favorites{width:940px;margin:0px auto;padding:10px 20px 0px 20px}
#index_favorites li{float:left;padding:0px 8px 10px 7px;overflow:hidden;text-align:center;width:220px}
#index_favorites li a{border:#000 3px solid;float:left;padding:2px}
#index_favorites li a img{width:210px}
#index_favorites li a span{display:block;line-height:22px;background:url(../images/20.png)}
#index_favorites li a:hover{border:#ffb10a 3px solid}
#index_favorites li a:hover span{background:url(../images/70.png)}
/********** Left **********/
.body_left{float:left;width:700px;padding-top:2px}
/* page */
.item_title{height:34px}
.item_title h3{float:left;height:34px;width:132px}
.item_title h3 span{display:none}
.item_title em{background:url(../images/70.png);padding:4px;border:#000 1px solid;font-size:14px;font-weight:bold;height:34px;line-height:34px}
#page_works{background:url(../images/item.png) no-repeat 0px 0px}
#page_favorites{background:url(../images/item.png) no-repeat 0px -68px}
#page_guestbook{background:url(../images/item.png) no-repeat 0px -272px}
#page_postit{background:url(../images/item.png) no-repeat 0px -340px}
.page_content{margin:0px auto;width:700px}
.page_content li{float:left;display:inline}
.page_content li a{float:left;overflow:hidden}
.page_content li a span{line-height:22px;font-weight:bold}
/* page_list */
#works_list li{float:left;display:inline;margin:10px 15px 0px 15px;overflow:hidden;text-align:center;width:320px;height:200px;background:url(../images/worklist_bg.png)}
#works_list li a{float:left;margin:20px;width:280px;height:160px;position:relative;overflow:hidden}
#works_list li a span{line-height:22px;font-weight:bold;position:absolute;padding:2px 0px;width:280px;border-top:1px solid #999;top:133px;left:0px;background:url(../images/70.png)}
#favorites_list li{width:230px;margin-top:10px;text-align:center}
#favorites_list li a{border:#000 3px solid;margin-left:10px;padding:2px}
#favorites_list li a:hover{border:#ffb10a 3px solid}
#favorites_list li a span{display:block;line-height:22px;width:210px;background:url(../images/20.png)}
#favorites_list li a:hover span{background:url(../images/70.png)}
#postit_list{border:#000 3px solid;background:url(../images/40.png);width:678px;margin:10px 0px 0px 10px}
#postit_list li{border-bottom:1px dashed #000;display:block;padding:2px}
#postit_list li a{display:block;width:670px;padding:2px;font-size:14px;line-height:30px}
#postit_list li a:hover{background:url(../images/20.png);color:#ffb10a}
#postit_view{font-size:14px;line-height:21px}
#postit_view pre{background:url(../images/20.png);border:#000 1px solid;margin:5px;padding:5px;font-size:12px;line-height:18px}
/* .view_content{width:660px;padding:10px 20px} */
.view_content{border:#000 3px solid;background:url(../images/60.png);width:668px;margin:10px 0px 0px 10px;padding:5px}
.view_content h1{font-size:18px;font-weight:bold;padding-bottom:5px}
.view_content .note{color:#CCC}
.view_content .note span{color:#fe0012}
.view_content .link a{float:left;width:115px;height:26px;margin:10px;background:url(../images/worklist_bg.png) no-repeat}
.view_content .link a.view{background-position:0px -200px}
.view_content .link a.down{background-position:-115px -200px}
.view_content .link a.view:hover{background-position:0px -226px}
.view_content .link a.down:hover{background-position:-115px -226px}
/* guest */
.guest_list{border:#000 3px solid;background:url(../images/20.png);margin:10px 0px 0px 10px;padding:2px;width:674px}
.guest_list h1{font-size:14px;padding:5px;font-weight:bold;border-bottom:#111 1px dashed;margin-bottom:5px}
.guest_list h1 span{color:#EEE;float:right;width:190px;font-size:12px;font-weight:normal}
.guest_face{float:left;width:119px;margin-left:1px;text-align:center}
.guest_face span{ display:block;width:119px;height:20px;background:url(../images/guestface_bg.png)}
.guest_content{float:left;width:542px;border:#000 1px solid;background:url(../images/20.png);padding:4px}
.guest_re{border:#000 1px solid;background:url(../images/20.png);padding:4px;margin-top:4px}
.guest_re p{color:#fe0012}
.link_info{border-top:#111 1px dashed;color:#EEE;clear:both;padding:5px;margin-top:5px}
.link_info img{vertical-align:middle;margin:0px 2px}
#ly_button a{float:right;width:115px;height:26px;background:url(../images/guest_button.png);margin:8px 5px 0px 0px;border:none;outline:none}
#ly_button a.guest_ly:hover{background-position:0px -26px}
#ly_button a.guest_ly:active{background-position:0px -52px}
#ly_button a.ly_close{background-position:0px -78px}
#ly_button a.ly_close:hover{background-position:0px -104px}
#ly_button a.ly_close:active{background-position:0px -130px}
#ly_button b{display:none}
#ly_button a.list_button{background-position:0px -156px}
#ly_button a.list_button:hover{background-position:0px -182px}
#ly_button a.list_button:active{background-position:0px -208px}
#ly_button a.change_pwd{background-position:0px -234px}
#ly_button a.change_pwd:hover{background-position:0px -260px}
#ly_button a.change_pwd:active{background-position:0px -286px}
#ly_button a.login_exit{background-position:0px -312px}
#ly_button a.login_exit:hover{background-position:0px -338px}
#ly_button a.login_exit:active{background-position:0px -364px}
.guest_edit{text-align:right}
/* guest__info*/
#guest_info{border:#000 3px solid;background:url(../images/20.png);width:678px}
#select_face{position:absolute;background:url(../images/20.png);padding:5px;border:1px #000 solid;right:60px;top:60px;text-align:center}
#select_face a,#select_face a span{display:block}
#select_face a span{background:url(../images/40.png);padding:2px 0px}
#select_face a{width:120px}
#select_face p{display:none}
#guest_info dl{clear:both}
#guest_info dt{float:left;display:inline;text-align:right;width:80px;line-height:30px;margin:10px 10px 0px 0px;font-weight:bold}
#guest_info dd{float:left;display:inline;margin:10px 0px 0px 0px;width:555px;padding:4px 0px 0px 5px}
#guest_info dd input{border:0px none;color:#fff;background:none}
#guest_info dd img{vertical-align:middle}
#guest_info em{color:#fe0012;padding:0px 10px 0px 15px}
.guest_close a{float:right;width:80px;height:26px;line-height:26px;text-indent:25px;background:url(../images/guest_close.png) no-repeat 0px -26px}
.guest_close a:hover{background:url(../images/guest_close.png) no-repeat}
.guest_bg1{height:30px;background:url(../images/guest_input.png)}
.guest_bg1 input{width:345px}
.guest_bg2{height:30px;background:url(../images/guest_input.png) 0px -50px}
.guest_bg2 input{width:185px}
.guest_bg3{height:176px;background:url(../images/guest_input.png) 0px -150px}
.guest_bg3 textarea{border:0;height:170px;color:#fff;width:545px;background:none}
.guest_bg4{height:30px;background:url(../images/guest_input.png) 0px -100px}
.guest_bg4 input{width:50px;padding-left:5px;letter-spacing:2px;font-size:14px;font-weight:bold}
#get_img{vertical-align:middle;cursor:pointer;margin-left:2px}
.guest_login{margin-left:10px}
.guest_submit,.guest_login_button{padding-left:100px}
#guest_submit,#guest_login_button{background:url(../images/guest_submit.png);border:0;width:120px;height:35px;font-size:17px;color:#000;font-weight:bold;cursor:pointer;margin:10px 0px}
/* content_foot */
.content_foot{margin:0px auto;line-height:20px;padding-top:5px;width:660px}
.foot_tool{float:left;padding:3px}
.foot_tool span{color:#fe0012}
.page_list{float:right;padding:3px}
.page_list span,.page_list a{float:left;background:url(../images/page_list.png) no-repeat;text-align:center;margin-right:2px}
.page_list a:link,.page_list a:visited,.page_list a:active{width:28px;height:20px;color:#333;background-position:-32px 0px}
.page_list a:hover{color:#FFF;background-position:-32px -20px}
.page_list a.page_one,.page_list a.page_pre,.page_list a.page_next,.page_list a.page_last,.page_list span.disabled{width:32px;height:20px;background-position:0px 0px}
.page_list a.page_one:hover,.page_list a.page_pre:hover,.page_list a.page_next:hover,.page_list a.page_last:hover{background-position:0px -20px}
.page_list span.current{font-weight:bold;color:#FFF;width:28px;height:20px;background-position:-32px -40px}
.page_list span.disabled{color:#CCC}
/********** right **********/
.body_right{float:right;width:280px}
.right_top{background:url(../images/right_bg.png);height:10px;font-size:1px}
.right_middle{background:url(../images/right_bg.png) -280px 0px;padding:0px 17px}
.right_bottom{background:url(../images/right_bg.png) 0px -10px;height:10px;font-size:1px;clear:both}
#right_google_ad{text-align:center}
#right_google_ad .adinput{height:22px;width:50px}
/*right_item*/
.right_item{width:246px}
.right_item h3,.right_list li a{background:url(../images/right_item.png) no-repeat}
.right_item h3{line-height:26px;height:28px;clear:both}
.right_item h3 span{padding-left:30px}
.right_item h3 span a{float:right}
.right_item h3 a{background:url(../images/right_arrow.gif) no-repeat}
.right_item h3 a{display:block;width:216px;padding-left:30px}
.right_item h3 a:hover{background-position:0px -28px;color:#ffb10a}
/* Menu_Button */
.right_list{width:230px;margin:0 auto}
.right_list li{display:inline;height:26px;line-height:26px}
.right_list li a{display:block;width:230px;text-indent:15px;background-position:0px -28px;border-bottom:#3c3c3c 1px dashed;white-space:nowrap;overflow:hidden}
.right_list li a:hover,.right_list li a.currentC{color:#000;background-position:0px -55px}
.right_list li a.itemlist{background-position:0px -84px}
.right_list li a.itemlist:hover,.right_list li a.currentA{background-position:0px -110px;color:#000}
.right_list li a.itemlast{background-position:0px -136px}
.right_list li a.itemlast:hover,.right_list li a.currentB{background-position:0px -162px;color:#000}
.right_list li a span{color:#CCC;float:right;padding-right:5px;cursor:pointer}
.right_list li a span em{color:#821018;padding:0px 2px}
.right_list li a:hover span,.right_list li a.currentA span,.right_list li a.currentB span,.right_list li a.currentC span{color:#000}
.right_list li a:hover span em,.right_list li a.currentA span em,.right_list li a.currentB span em,.right_list li a.currentC span em{color:#fe0012}
.right_links{margin:0px auto;padding-top:5px;width:210px}
.right_links li{float:left;width:105px;text-align:center;display:inline;padding:3px 0px}
/* foot */
.foot{background:url(../images/head_foot.png) repeat-x 0px -82px;height:85px;padding:20px 0px 10px 0px;text-align:center;width:100%}
.foot img{vertical-align:middle}
.foot a{color:#FFF}
.foot a:hover{color:#ffb10a}
.StarWeb{line-height:30px;height:30px}
#cnzz_show{display:none}