@charset "utf-8";
/* CSS Document */
body{background:#101010;color:#FFF;font:12px/1.5 "微软雅黑",Tahoma,Helvetica,Arial,sans-serif}
a:link,a:visited,a:active{color:#FFF;text-decoration:none;cursor:pointer}
a:hover{color:#FFF}
.clear{clear:both}
#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_body:after,.index_content:after,.page_content ul:after,.right_gallery:after,.right_links:after,.teaching_list:after,.content_foot:after{display:block;clear:both;content:"";visibility:hidden;height:0px;}
/* main_top */
#main_top{background:url(../images/head_foot.png);height:52px;padding-top:30px}
.top_set{background:url(../images/menu_gif.jpg);width:980px;height:36px;margin:0px auto}
#top_logo{width:200px;float:left}
#mood{position:relative;width:0px;height:0px}
#mood .mood_list{position:absolute;top:-62px;left:30px;width:600px;overflow:hidden}
.mood_title,.mood_content{float:left;background:url(../images/mood.png)}
.mood_title{width:50px;height:39px;}
.mood_title p{display:none}
.mood_content{background-position:right top;height:34px;padding:5px 15px 0px 0px;white-space:nowrap;}
.mood_content p{float:left}
.mood_time{color:#BBB}
#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}
/* main_body */
#main_body{width:980px;margin:0px auto;padding-top:5px}
.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;font-style:normal}
.domain h3 a{border:none}
.domain h3 a:hover{border:none}
.domain em{color:#fe0012;font-size:14px;font-style:italic;float:right}
/********** Left **********/
.body_left{float:left;width:700px;padding-top:2px}
.body_left h3 a{display:block;background:url(../images/item.png) no-repeat;height:34px;width:132px}
.body_left h3 a span{display:none}
.body_left h3 a.works_title{background-position:0px -136px}
.body_left h3 a.works_title:hover{background-position:0px -170px}
.body_left h3 a.favorites_title{background-position:0px -204px}
.body_left h3 a.favorites_title:hover{background-position:0px -238px}
.body_left h3 a.teaching_title{background-position:0px -272px}
.body_left h3 a.teaching_title:hover{background-position:0px -306px}
.body_left h3 a.gallery_title{background-position:0px -340px}
.body_left h3 a.gallery_title:hover{background-position:0px -374px}
.body_left h3 a.links_title{background-position:0px -476px}
.body_left h3 a.links_title:hover{background-position:0px -510px}
.index_content{margin:0px auto;width:695px;padding:5px 0px 0px 5px}
.index_content li{float:left;padding-bottom:10px;overflow:hidden;text-align:center}
.index_content li a{float:left;margin-left:10px;padding:2px}
.index_content li a span{display:block;line-height:22px;background:url(../images/20.png)}
.index_content li a:hover span{background:url(../images/70.png)}
#index_works li{width:230px}
#index_works li a{border:#252525 3px solid}
#index_works li a img{width:210px}
#index_works li a:hover{border:#000 3px solid}
#index_favorites li{width:230px}
#index_favorites li a{border:#252525 3px solid}
#index_favorites li a:hover{border:#000 3px solid}
#index_gallery li{width:172px}
#index_gallery li a{border:#252525 3px solid}
#index_gallery li a img{width:152px}
#index_gallery li a:hover{border:#000 3px solid}
#index_gallery li a span em{color:#BBB}
#index_gallery li a span b{color:#fe0012}
/* page */
.item_title{height:34px}
.item_title h3{float:left;height:34px;width:132px}
.item_title h3 span{display:none}
.item_title em{font-size:14px;font-weight:bold;line-height:34px}
#page_works{background:url(../images/item.png) no-repeat 0px -136px}
#page_favorites{background:url(../images/item.png) no-repeat 0px -204px}
#page_teaching{background:url(../images/item.png) no-repeat 0px -272px}
#page_gallery{background:url(../images/item.png) no-repeat 0px -340px}
#page_guestbook{background:url(../images/item.png) no-repeat 0px -408px}
#page_links{background:url(../images/item.png) no-repeat 0px -476px}
.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}
.view_content{width:660px;padding:10px 20px}
.view_content h1{font-size:18px;font-weight:bold;padding-bottom:5px}
.view_content h1 img{vertical-align:middle}
.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 -188px}
.view_content .link a.down{background-position:-115px -188px}
.view_content .link a.view:hover{background-position:0px -214px}
.view_content .link a.down:hover{background-position:-115px -214px}
/* page_list */
.works_list li{width:290px;height:188px;text-align:center;background:url(../images/worklist_bg.png);margin:10px 0px 0px 38px}
.works_list li a{margin:20px;width:250px;height:148px;position:relative}
.works_list li a span{position:absolute;padding:2px 0px;width:250px;border-top:1px solid #999;top:150px;left:0px;background:url(../images/60.png)}
.favorites_list li{width:230px;margin-top:10px;text-align:center}
.favorites_list li a{border:#252525 3px solid;margin-left:10px;padding:2px}
.favorites_list li a:hover{border:#000 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)}
.teaching_list{border:#000 3px solid;background:url(../images/20.png);width:678px;margin:10px 0px 0px 10px}
.teaching_list li{border-bottom:1px dashed #000;display:block;padding:2px}
.teaching_list li a{background:url(../images/20.png) no-repeat;display:block;width:670px;padding:2px;line-height:30px}
.teaching_list li a:hover{background:url(../images/20.png)}
.teaching_list li a img{float:left;margin-right:5px}
.teaching_list li a em{ color:#AAA;float:left}
.teaching_list li a span{float:left;font-size:15px;line-height:30px;width:600px}
.gallery_list li{width:220px;height:160px;text-align:center;background:url(../images/gallery_bg.png);margin:10px 0px 0px 12px}
.gallery_list li a{margin:12px 0px 0px 26px;color:#000;font-weight:bold;width:180px}
.gallery_list li a img{width:180px}
.gallery_list li a span{color:#666;display:block;width:180px}
.gallery_list li a:hover{background:#222}
.gallery_list li a:hover span{color:#FFF}
.gallery_list li a span em{color:#821018}
.gallery_list li a:hover span em{color:#fe0012}
.gallery_view2 li{width:220px;margin:10px 0px 0px 10px}
.gallery_view2 li a{border:#252525 3px solid;margin-left:10px;padding:2px;position:relative;width:200px;height:130px}
.gallery_view2 li a:hover{border:#000 3px solid}
.gallery_view2 li a span{position:absolute;width:98px;height:22px;top:110px;right:-100px;background:url(../images/60.png)}
.gallery_view2 li a span em{display:block;width:98px;height:22px;background:url(../images/gallery_bg.png) no-repeat -120px -270px}
.links_list{margin:0px auto;width:600px}
.links_list li{width:120px;margin-top:10px;text-align:center}
/* 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:#AAA;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:#AAA;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}
.face_list{width:578px;margin:0px auto}
.face_list li{float:left;text-align:center;width:94px;padding:1px}
.face_list li a{display:block;text-decoration:none;border:#FFF 1px dashed}
.face_list li a:hover{border:#000 1px dashed}
.face_list li a p{background:#555;color:#FFF}
.face_list li a:hover p{background:#222}
.guest_edit{text-align:right}
/* guest__info*/
#guest_info{border:#000 3px solid;background:url(../images/20.png);width:678px}
#guest_face{position:absolute;background:url(../images/20.png);padding:5px;border:1px #000 solid;right:60px;top:60px;text-align:center}
#guest_face span{display:block}
#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;font:12px "微软雅黑",Tahoma,Helvetica,Arial,sans-serif;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;font:12px "微软雅黑",Tahoma,Helvetica,Arial,sans-serif;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}
.list_info{margin-right:10px}
.list_info 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_Announcement */
#right_announcement{position:relative;width:246px;height:230px}
.scrollbg,.scrollup,.scrollhand,.scrolldown{background:url(../images/scrollbar.gif)}
/* content */
.content,#scroller-1{position:absolute;width:224px;height:230px;padding-left:2px}
#scroller-1{overflow:hidden}
.scroll_content{position:absolute;top:0px;left:0px}
.scroll_content h3{font-size:14px;color:#ffb10a;line-height:22px;font-weight:bold;text-align:center}
.scroll_content .uptime{color:#BBB;text-align:right;border-bottom:#CCC 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}
/*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 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:23px;line-height:23px}
.right_list li a{display:block;width:230px;text-indent:14px;color:#ddd;background-position:0px -28px;border-bottom:#161616 1px dashed;white-space:nowrap;overflow:hidden}
.right_list li a:hover,.right_list li a.currentC{color:#ffb10a;background-position:0px -56px}
.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:#ffb10a}
.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:#ffb10a}
.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 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_gallery{margin:0px auto;padding-bottom:5px;width:230px}
.right_gallery li{float:left;width:112px;padding-left:3px}
.right_gallery li a{float:left;width:100px;margin:3px;border:#222 1px solid;padding:2px}
.right_gallery li a:hover{border:#000 1px solid;background:#222}
.right_gallery li a img{width:100px}
.right_links{margin:0px auto;padding-top:5px;width:210px}
.right_links li{float:left;width:105px;text-align:center}

/* foot */
.foot{background:url(../images/head_foot.png) repeat-x 0px -82px;height:85px;padding-top:30px;text-align:center;width:100%}
.foot img{vertical-align:middle}
/*#cnzz_show{display:none}*/