/* CSS Document */
/*-----------------------------------------------
zitn.com Styles
Version: 13 June 2007
----------------------------------------------- */

/* 全局 */

*{margin:0;padding:0;word-break:break-all;word-wrap:break-word;}
img{border:0;}
div,ul,form,table {font-size:13px;margin:0;padding:0;border:0;}
ul li {list-style:none outside;margin:0;padding:0;border:0;}
body {
color:#333;
background:#fff url(/images/bg.gif) repeat-x 0 0;
margin:0 auto;
padding:0;
font-family: Arial,Helvetica,sans-serif;
font-size:13px;
line-height:180%;
text-align:center;
}
a:link,a:visited,a:active{font-size: 13px;text-decoration:underline;color:#004a8c;}
a:hover{color:#cc6600;}

a.light:link,a.light:visited,a.light:active{color:#c1e0f9;line-height:20px;}
a.light:hover{color:#daefff;}
a.blue:link,a.blue:visited,a.blue:active{font-size: 13px;text-decoration:none;color:#004a8c;}
a.blue:hover{color:#cc6600;}
a.motit:link,a.motit:visited,a.motit:active{font-weight:bold;font-size:13px;text-decoration:none;color:#004a8c;margin:0 0 0 15px;}
a.motit:hover{color:#cc6600;}
a.oran:link,a.oran:visited,a.oran:hover,a.oran:active{font-size:13px;text-decoration:none;color:#cc6600;}
a.grey:link,a.grey:visited,a.grey:active{font-size:12px;text-decoration:none;color:#666;}
a.grey:hover{color:#cc6600;}
a.grey13:link,a.grey13:visited,a.grey13:active{color:#333;font-size:13px;text-decoration:none;}
a.grey13:hover{color:#cc6600;}
a.prodn:link,a.prodn:visited,a.prodn:hover,a.prodn:active{font-size: 12px;text-decoration:none;color:#446cac;}
a.moremenu:link,a.moremenu:visited,a.moremenu:hover,a.moremenu:active{font-size: 12px;font-weight:normal;text-decoration:none;color:#daefff;float:right;}

/* 通用属性 */
.info{color:#999;}
.red{color:#e52929;}
.oran{color:#cc6600;}
.blue{color:#004a8c;}
.grey{color:#666;}
.floatl {float:left;}
.floatr {float:right;}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both;}
.alignl{text-align:left;}
.alignr{text-align:right;}
.alignc{text-align:center;}
u{width:15px;} /* 空格15px */
.space{height:10px;font-size:0;width:0;} /* 行距10px */
.s20{font-family:"宋体";font-size:20px;}
.s12{font-size:12px;}
.s13{font-size:13px;}
.s14{font-size:14px;}
.s18{font-size:18px;}
.padr{padding-right:10px;}
.pad{padding:10px;}
.padh{padding:0 10px;}
.marr{margin-right:10px;}
.marv{margin:10px 0;}
.bor{border:1px solid #e0e0e0;background:#eee;width:80px;padding:0 3px;height:16px;line-height:16px;}

.pagearea{margin:10px 20px;}
a.page:link,a.page:visited,a.page:active{font-weight:bold;border:1px solid #ccc;padding:0 4px;margin:1px;background:#fff;text-decoration:none;}
a.page:hover{font-weight:bold;border:1px solid #ccc;padding:0 4px;margin:1px;background:#f2f2f2;}
.onpage{font-weight:bold;border:1px solid #ccc;padding:0 4px;margin:1px;background:#f2f2f2;color:#cc6600;}

.manar{background:url(/images/icon_manar.gif) no-repeat 0 center;padding:0 6px 0 15px;}
.nread{background:url(/images/icon_read.gif) no-repeat 0 center;padding:0 6px 0 15px;}
.nrep{background:url(/images/icon_rep.gif) no-repeat 0 center;padding:0 6px 0 15px;}
.nart{background:url(/images/icon_art.gif) no-repeat 0 center;padding:0 6px 0 15px;}
.nmot{background:url(/images/icon_mot.gif) no-repeat 0 center;padding:0 6px 0 15px;}
.nmem{background:url(/images/icon_mem.gif) no-repeat 0 center;padding:0 6px 0 15px;}
.sugg{background:url(/images/span_sugg.gif) no-repeat 0 center;width:15px;height:13px;margin-right:3px;}
.perf{background:url(/images/span_perf.gif) no-repeat 0 center;width:15px;height:13px;margin-right:3px;}
.btn_rss{background:url(/images/btn_rss.gif) no-repeat 0 center;width:84px;height:22px;padding:2px 0 0 15px;margin-right:5px;color:#777;border:none;}
.btn_join{background:url(/images/btn_join.gif) no-repeat 0 center;width:84px;height:22px;padding:2px 15px 0 0;color:#777;border:none;}
.icon_add{background:url(/images/icon_add.gif) no-repeat 0 center;padding:0 6px 0 15px;}


h4{font-weight:bold;font-size:14px;color:#666;background:#f6f6f6;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:0 20px;margin:10px;height:24px;line-height:24px;}

/* layout */
#wrapper {width:1000px;margin:0 auto;text-align:left;}
#main {width:620px;float:left;margin:0 20px;text-align:left;}
#side {width:306px;float:left;text-align:left;}

/* area */
#main .area{padding:8px;}
#side .area{padding:10px 15px 1px 15px;margin:0;}
#side .area_motif{padding:10px 14px 0 14px;}
#side .area_login{height:194px;}
#side .area_log{padding:10px 0 0 20px;}
#side .area h3{font-weight:bold;font-size:14px;margin:20px 0;}
.loginin{margin:10px 0 0 0;}
#main .area_login{padding:30px 100px 0 100px;}
#main .area_tag{padding:12px;}
#main #area_help{padding:12px 30px;}
#side #area_helpnav{padding:10px;}

/* header */

#head{width:100%; height:110px ;background: url(/images/bg_head.jpg) no-repeat 0 0;}
#head a{text-decoration:none;}
#logo{float:left;margin:20px 0 0 20px;}
#tool{float:right;margin:28px 0 0 0;width:290px;line-height:20px;}
#headnav{margin:0 0 20px 40px;}

.icon_fav {background:url(/images/icon_fav.gif) no-repeat 0 0;padding:0 10px 0 28px;height:20px;float:left;}
.icon_help {background:url(/images/icon_help.gif) no-repeat 0 0;padding:0 10px 0 28px;height:20px;float:left;}
.btn_log {background:url(/images/btn_log.gif) no-repeat 0 0;width:97px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#c1e0f9;margin-left:15px;float:left;clear:right;}
.bg_search {border:0;background:url(/images/bg_search.gif) no-repeat 0 0;width:178px;height:28px;padding:5px 0 0 10px;}
.btn_search {border:0;background:url(/images/btn_search.gif) no-repeat 0 0;width:62px;height:23px;color:#c1e0f9;}
.icon_quit {background:url(/images/icon_quit.gif) no-repeat 0 center;padding-left:20px;height:20px;}
.icon_log {background:url(/images/icon_log.gif) no-repeat 0 center;padding-left:20px;height:20px;}

#globnav{float:left;}
#globnav li{height:31px;padding:0 10px;float:left;background:url(/images/bg_navbtn.gif) no-repeat right top;}

#globnav a{height:31px;line-height:31px;font-size:14px;color:#000;letter-spacing:1px;text-decoration:none;padding-left:22px;}
a.navh:link,a.navh:visited,a.navh:active{letter-spacing:30px!important;background:url(/images/icon_home.gif) no-repeat 0 center;}
a.navh:hover{background:url(/images/icon_homeon.gif) no-repeat 0 center;}
a.navk:link,a.navk:visited,a.navk:active{background:url(/images/icon_know.gif) no-repeat 0 center;}
a.navk:hover{background:url(/images/icon_knowon.gif) no-repeat 0 center;}
a.navc:link,a.navc:visited,a.navc:active{background:url(/images/icon_case.gif) no-repeat 0 center;}
a.navc:hover{background:url(/images/icon_caseon.gif) no-repeat 0 center;}
a.navs:link,a.navs:visited,a.navs:active{background:url(/images/icon_solu.gif) no-repeat 0 center;}
a.navs:hover{background:url(/images/icon_soluon.gif) no-repeat 0 center;}
a.navp:link,a.navp:visited,a.navp:active{background:url(/images/icon_post.gif) no-repeat 0 center;}
a.navp:hover{background:url(/images/icon_poston.gif) no-repeat 0 center;}
a.navsu:link,a.navsu:visited,a.navsu:active{background:url(/images/icon_sugg.gif) no-repeat 0 center;position:relative;}
a.navsu:hover{background:url(/images/icon_suggon.gif) no-repeat 0 center;position:relative;}

#navsuarea{position:absolute;height:31px;padding:0 10px;display:inline;}
.navsuarea{ 
width:110px;height:20px;
overflow:hidden;
} 
.navsuareao{ 
width:240px;height:300px;
} 
#navsuli{
position:relative;
top:-20px; left:90px;
width:98px!important;width:110px;
padding:10px;
border:1px solid #ccc;background:#fcfcfc;
filter:Alpha(Opacity=90);
-moz-opacity:0.7;
z-index:2;
}
#navsuli a{color:#cc6600;padding:0;height:22px;line-height:22px;}

.navhon{letter-spacing:30px!important;background:url(/images/icon_homeon.gif) no-repeat 0 center;}
.navkon{background:url(/images/icon_knowon.gif) no-repeat 0 center;}
.navcon{background:url(/images/icon_caseon.gif) no-repeat 0 center;}
.navson{background:url(/images/icon_soluon.gif) no-repeat 0 center;}
.navpon{background:url(/images/icon_poston.gif) no-repeat 0 center;}
.navsuon{background:url(/images/icon_suggon.gif) no-repeat 0 center;}


.icon_know {letter-spacing:2px;background:url(/images/icon_know.gif) no-repeat 0 0;padding-left:23px;height:20px;}
.icon_case {letter-spacing:2px;background:url(/images/icon_case.gif) no-repeat 0 0;padding-left:23px;height:20px;}
.icon_ques {letter-spacing:2px;background:url(/images/icon_ques.gif) no-repeat 0 0;padding-left:23px;height:20px;}

.welcome{float:right;padding:4px 0;margin-right:20px;}


/* footer */
#footer{border-top:1px solid #d8d8d8;padding:10px 0;margin:10px 25px 20px 25px;color:#585858;}
#footer a {color:#585858;padding:5px 10px;}
.footlink{border-right:1px solid #d8d8d8;}

/* side */
.side_mora{clear:both;width:286px!important;width:306px;height:31px;background:url(/images/side_mora.gif) no-repeat 0 0;font-weight:bold;font-size:14px;color:#ebebeb;padding:0 10px;line-height:31px;}
.side_mblue{clear:both;width:286px!important;width:306px;height:31px;background:url(/images/side_mblue.gif) no-repeat 0 0;font-weight:bold;font-size:14px;color:#ebebeb;padding:0 10px;line-height:31px;}
.side_mid{width:304px!important;width:306px;background:#fff; border-left:1px solid #bfc8cf;border-right:1px solid #bfc8cf;}
.side_bot{width:306px;height:31px;background:url(/images/side_bot.gif) no-repeat 0 0;}
a.ll{float:left;}
a.lr:link,a.lr:visited,a.lr:active{float:right;color:#ebebeb;}
a.lr:hover{color:#faffff;}

.sidet{color:#004a8c;margin:10px 0;}

/* main */

.main_mblue{width:600px!important;width:620px;height:31px;background:url(/images/main_mblue.gif) no-repeat 0 0;font-weight:bold;font-size:14px;color:#ebebeb;padding:0 10px;line-height:31px;}
.main_mwhite{width:620px;padding-top:10px;height:35px!important;height:45px;background:url(/images/main_mwhite.gif) no-repeat 0 0;font-weight:bold;font-size:13px;color:#777;}
.main_mid{width:618px!important;width:620px;background:#fff; border-left:1px solid #bfc8cf;border-right:1px solid #bfc8cf;}
.main_bot{width:620px;height:31px;background:url(/images/main_bot.gif) no-repeat 0 0;}

/* main_index */

#ind_fla{margin:0!important;margin-bottom:8px;}
.view_box1 {border-bottom:1px solid #dcdcdc;background:#f6f6f6;padding:15px 10px;}
.view_box2 {border-bottom:1px solid #dcdcdc;background:#fff;padding:15px 10px;}
.view_lbox {float:left;width:160px;text-align:center;}
.view_rbox {float:right;width:410px;}
.bg_score {background:url(/images/bg_score.gif) no-repeat 0 0;width:130px;height:26px;padding-top:6px;margin:auto;margin-top:3px;text-align:center;}
.view_photo {border:1px solid #dcdcdc;width:160px;height:135px;}
.view_t {margin-bottom:16px;}
a.view_t:link,a.view_t:visited,a.view_t:hover,a.view_t:active{font-size: 18px;}
.view_c {font-size:13px;line-height:20px;color:#000;}
p{margin-bottom:18px;text-indent:2em;}
.view_time {font-size:12px; color:#626262;}

/* main_search tag */
#tagarea{width:100%;overflow:hidden;}
#tagarea a{text-decoration:none;padding:0 3px;white-space:nowrap;}
.tag1{font-size:18px;font-family:黑体;}
.tag2{font-size:16px;font-family:Arail;}
.tag3{font-size:14px;font-family:Arail;}
.tag4{font-size:12px;font-family:Arail;}
.tag5{font-size:9pt;font-family:Arail;}
.tagres{border-bottom:1px dotted #ccc;font:12px/22px 宋体;color:#666;padding-bottom:5px;margin:10px 30px;}

.tag_t{font-weight:bold;font-size:14px;margin:10px 20px;}
.tag_c{margin:30px;border:1px dotted #ccc;background:#fcfcfc;padding:10px;}

/* login */
#form_login fieldset {border:none;}
#form_login fieldset legend {font-size:18px;font-family:黑体;}
#form_login label {width:80px;text-align:right;margin-right:10px;}
html>body #form_login label{display:block;float:left;} 
.submitzone{margin-top:10px;}
html>body .code{margin-top:4px;}
html>body .submitzone{margin:10px 0 0 90px;}
html>body #form_prof .submitzone{margin-left:160px;}
html>body #form_pass .submitzone{margin-left:160px;}

/* mem */
.view_mem{line-height:18px;width:273px;margin-bottom:10px;border-bottom:1px solid #dcdcdc;padding-bottom:10px;}
.view_meml{float:left;margin-right:15px;width:90px;}
.view_memr{float:left;width:158px;}
.view_memind{margin:10px 0;font-size:12px;color:#777;}
.photo_mem{width:92px;height:130px;border:1px solid #dcdcdc;}
.btn_addbud {border:none;background:url(/images/icon_addbud.gif) no-repeat 0 0;padding-left:23px;height:14px;width:17px;margin:0 0 0 10px;}
.btn_addmes {border:none;background:url(/images/icon_addmes.gif) no-repeat 0 0;padding-left:23px;height:14px;width:16px;margin:2px 0 0 0px;}
.mem_ind {background:url(/images/mem_ind.gif) no-repeat 0 0;padding:1px 0 0 22px;height:20px;line-height:20px;width:63px!important;width:85px;color:#dc8522;margin-top:10px;}

.memtool li{float:left;width:85px!important;width:100px;margin:0 0 5px 15px;}
.view_mem2{line-height:18px;margin-bottom:10px;padding:10px 0;}
.memart_box{margin-left:100px;}

/* show */
.showknow_box {margin:10px 20px;}
.showknow_t {font-family:黑体,Arial;font-size:20px;margin-bottom:16px;}
.cn {
 /* 这里是中文样式 */
 font-family:黑体;font-size:20px;margin-bottom:16px;
}
.en {
 /* 这里是英文样式 */
 font-family:arial;font-size:20px;margin-bottom:16px;
}
.showknow_time {font-size:12px; color:#626262;}
.showknow_c {margin:16px 0 10px 0;font-size:13px;line-height:20px;}
.showknow_note{background:#fff8f2;border:1px solid #ffb1ab;border-top:3px solid #ffb1ab;padding:6px 10px;margin-bottom:20px;}
.showknow_class{color:#666;background:#f6f6f6;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:0 20px;height:24px;line-height:24px;}
.showknow_tool{float:right;margin-top:3px;}

.cpic{position:relative;}
.cpic span img{ /*CSS for enlarged image*/ border-width: 0;padding: 2px; width:auto;}
.cpic span{position: absolute;padding: 3px;border: 1px solid #dcdcdc;visibility: hidden;background-color:#FFFFFF;}
.cpic:hover{background-color:transparent;}
.cpic:hover span{visibility: visible;top:100px; left:300px;}

.showmoti_box{text-align:center;padding:7px 0 15px 0;}
.showmoti_picarea{}
.showmoti_t{margin-bottom:10px;}
.showmoti_c{text-align:left;padding-left:10px;}
.showmoti_tool{width:180px;margin:10px 0;}
.showmoti_toolt{background:url(/images/motif_toolt.gif) no-repeat 0 0;font-size:12px;color:#777;width:262px!important;width:275px;height:23px;line-height:23px;padding:0 13px!important;padding:0 0 0 13px;}
.showmoti_toolb{clear:both;background:url(/images/motif_toolb.gif) no-repeat 0 0;color:#777;width:262px!important;width:275px;height:19px!important;height:23px;line-height:23px;padding-left:13px;padding-top:4px;}
.motiboxl{float:left;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:2px;height:138px!important;height:140px;}
.motiboxr{float:left;border-right:1px solid #ccc;width:108px!important;width:109px;height:140px;line-height:24px;}
.motiboxt{padding:15px 3px;border-bottom:1px solid #ccc;margin:0 3px 14px 3px;font-size:14px;}
.motib1{float:left;margin-left:10px!important;margin-left:6px;margin-top:-4px;}
.motib2{float:right;}
.motib3{float:right;margin-right:22px!important;margin-right:10px;}
.motitr{float:right;}

.btn_trss{border:none;font-size:12px;color:#777;background:none;width:63px;padding:0 12px;}
.btn_tjoin{border:none;font-size:12px;color:#777;background:none;width:63px;}

.t_rep {background:url(/images/span_rep.gif) no-repeat 0 center;padding:10px 15px;border-bottom:1px solid #dcdcdc;}
.showrep_box1 {border-bottom:1px solid #dcdcdc;background:#f6f6f6;padding:15px 10px;}
.showrep_box2 {border-bottom:1px solid #dcdcdc;background:#fff;padding:15px 10px;}
.showrep_lbox {float:left;width:150px;text-align:center;}
.showrep_rbox {float:right;width:410px;}
.showrep_t {color:#015ca2;margin-bottom:10px;}
.showrep_time {font-size:12px; color:#626262;margin-bottom:10px;}
.pic_motifl{width:160px;height:135px;}

.btn_good{background:url(/images/icon_good.gif) no-repeat 0 0;height:22px;padding-left:15px;margin:2px 0 0 3px;border:none;float:left;}
.btn_bad{background:url(/images/icon_bad.gif) no-repeat 0 0;height:22px;padding-left:15px;margin:2px 0 0 3px;border:none;float:left;}
.btn_mana{background:#d4d0c8;border:1px solid #737373;height:20px;line-height:20px;}
.btn_sugg{background:url(/images/btn_sugg.gif) no-repeat 0 0;border:0px;width:72px;height:22px;line-height:22px;text-align:center;color:#777;}
.text_sugg{width:32px;height:18px;border:1px solid #bcbcbd;}
.form_rep{margin:10px;}
.text_repn{border:1px solid #777;}
.text_rept{border:1px solid #999;}
.text_repc1{border:1px solid #999;background:url(/images/bg_textrepc1.gif) no-repeat right 40px;width:570px;height:100px;}
.text_repc2{border:1px solid #999;background:url(/images/bg_textrepc2.gif) no-repeat right 140px;width:570px;height:300px;}
.morerow{padding:0 5px;cursor:pointer;background:url(/images/morerow.gif) no-repeat 0 center;width:22px;}
.lessrow{padding:0 5px;cursor:pointer;background:url(/images/lessrow.gif) no-repeat 0 center;width:22px;}

.pic_motif{border:1px solid #dcdcdc;width:160px;height:135px;}
.pic_motifc{border:1px solid #dcdcdc;width:160px;height:135px;float:left;margin:0 20px 10px 0;}
.motif_lbox{float:left;margin:0 8px 0 5px;}
.motif_rbox{float:left;width:350px;}
ol.listnew li{list-style:decimal;margin-left:25px;}
ol.listnew2{list-style:decimal;margin:0 10px;}
ol.listnew2 li {border-bottom:1px dotted #dcdcdc;padding:2px 0;}
.cut{width:auto;height:24px;overflow:hidden;word-break:break-all;}  
.quote{width:96%;padding:10px;margin:10px 0;background:#FcFcFc;border:2px dotted #e4e4e4;color:#777;text-align:left;}

.udarea{margin:10px;}
.icon_u{background:url(/images/icon_u.gif) no-repeat 0 0;padding:0 20px;}
.icon_d{background:url(/images/icon_d.gif) no-repeat 0 0;padding:0 20px;}


/* member */
.icon_me{background:url(/images/member/icon_me.gif) no-repeat 0 center;height:22px;padding-left:20px;}
.icon_mes{background:url(/images/member/icon_mes.gif) no-repeat 0 center;height:22px;padding-left:20px;}
.icon_ind{background:url(/images/member/icon_ind.gif) no-repeat 0 center;height:22px;padding-left:20px;}
.icon_mot{background:url(/images/member/icon_mot.gif) no-repeat 0 center;height:22px;padding-left:20px;}
.icon_bud{background:url(/images/member/icon_bud.gif) no-repeat 0 center;height:22px;padding-left:20px;}
.icon_rss{background:url(/images/member/icon_rss.gif) no-repeat 0 center;height:22px;padding-left:20px;}
.icon_act{background:url(/images/member/icon_act.gif) no-repeat 0 center;height:22px;padding-left:20px;}

.mem_navt{margin-left:20px;font-weight:bold;font-size:14px;}
.mem_nav{margin:10px 0 0 20px;}


/* form */

fieldset{border:none;}
#contents{font-family:arial;}
.text{height:22px; border:1px solid #94b2d1;line-height:22px;padding-left:3px;margin:0;background:#fff url(/images/textbg.gif) no-repeat right top;}
.textarea{border:1px solid #94b2d1;padding:3px;background:#fff url(/images/textabg.gif) no-repeat right bottom;}
.button{background:url(/images/button.gif) no-repeat 0 center;width:86px;height:29px;text-align:center;color:#004a8c;border:none;margin:6px 0;}
.iframe{margin:0;padding:0;height:80px;width:450px;}

#form_art li{margin:5px 0;list-style:none;}
#form_art li.label {width:80px;text-align:right;margin-right:10px;float:left;}
#form_art li.label_c {width:460px;float:left;}
#form_art .content{border:1px solid #8fb7cf;padding:5px;}
.editbox{background:#dedad2;border:1px solid #d4d0c8;}
#form_art text{height:22px; border:1px solid #ccc;line-height:22px;padding-left:3px;margin:0;}
#form_art textarea{border:1px solid #ccc;padding:3px;}
.t{width:550px;}
.c{width:548px;}
.textarea_tool{background:#e5e5e5;border:1px solid #d4d0c8;width:550px;margin-bottom:10px;padding-top:2px;}

#form_prof li{float:left;width:100%;margin:5px 0;}
#form_prof label{width:150px;text-align:right;margin-right:10px;float:left;}
#form_pass li{float:left;width:100%;margin:5px 0;}
#form_pass label{width:150px;text-align:right;margin-right:10px;float:left;}

#form_mes li{float:left;width:90%;margin:5px 0;}
#form_mes label{width:80px;text-align:right;margin-right:10px;float:left;}
#form_mana li{float:left;width:90%;margin:5px 0;clear:both;}
#form_mana label{width:100px;text-align:right;margin-right:10px;float:left;}
#form_mana .label_c {float:left;}


/* message */

#mes_nav{clear:both;}
#mes_nav div{width:190px;text-align:center;float:left;margin:20px 0;}
#tab-mes{empty-cells:show;text-align:center;margin-bottom:15px;width:580px;}
.tab-mestitle{border-top:1px solid #bdcede;background-color:#dbeaf5;}
#tab-mes td{border-bottom:1px solid #d6d6d6;padding:2px 10px;}
.tab-messub{text-align:left; padding:0 10px ;}
#sendmestab {width:90%;margin-left:20px;}
#sendmestab td{border-left:1px solid #d2d2d2;border-bottom:1px solid #d6d6d6;padding:2px 10px;}

/* buddy */

.view_bud {line-height:18px;width:300px;margin:10px 0;border-bottom:1px solid #e9e9e9;padding:0 0 10px 10px;float:left;}
.view_budc {margin:10px 0;color:#777;font-size:12px;height:80px;overflow:hidden;}
#record_box{border-bottom:1px solid #cdcdcd;margin:5px 5px;padding:10px;}
#record_box span{width:80px;float:left;}
#tabrecord {empty-cells: show;margin-bottom:15px;width:90%;text-align:center;margin-left:20px;}
#tabrecord td{border-bottom:1px solid #d6d6d6;padding:2px 10px;}
.tabrecord_t{border-top:1px solid #bdcede;background-color:#dbeaf5;}
.motif_box{border-bottom:1px solid #cdcdcd;margin:10px;padding:10px 0;}
.motif_boxm{margin-top:10px;}
.motif_t{font-weight:bold;font-size:16px;margin:5px 0;}
.motif_c{margin-top:10px;}
#selectclass li{width:130px;float:left;margin:10px;}
.selectt{font-weight:bold;font-size:14px;margin:20px 0;padding:5px 10px;background:#efefef;border-left:3px solid #ccc;border-bottom:1px dotted #ccc;}

/* class */
.clsarea{margin-bottom:10px;}
.clsn{font:bold 13px 宋体;color:#333;width:90px;margin-top:5px;}
.clsn1{font:bold 16px 宋体;}
.clsn2{font:bold 13px 宋体;}
.cls1{margin:10px 30px 30px 30px;background:#efefef;padding:3px 20px;border-bottom:1px dotted #ccc;}
.cls2{margin:0 30px;}
.cls1n{margin:20px 20px;border-left:10px solid #cc6600;padding:0 10px;height:16px;}
.cls2n{margin:0 10px;}
.selectarea{background:#fcfcfc;line-height:14px;clear:both;}
.motif_boxc{margin-bottom:20px;border-bottom:1px solid #ccc;}
.pic_class{border:1px solid #dcdcdc;width:92px;height:78px;}

.motif_boxc2{margin-bottom:20px;width:582px;clear:both;}
.motif_lbox2{float:left;padding:10px;border:1px solid #dcdcdc;border-right:none;}
.motif_rbox2{float:left;padding:10px;width:440px!important;width:462px;border:1px solid #dcdcdc;background:#fcfcfc;}
.pic_class2{border:1px solid #dcdcdc;width:40px;height:34px;}
.motift2{margin:10px 0;padding:2px 10px;background:#efefef;border-top:1px dotted #ccc;}
.motifinfo{color:#777;margin-top:8px;line-height:18px;}

/* help */

#area_help ul{margin-left:26px;}
#area_help h3{font:bold 14px 宋体;margin:20px 0;}
#area_helpnav a{font-size:14px;margin:10px 20px;width:100%;}
#area_edit {padding:10px 30px;}
#tab_help {background:#a5c8cb;width:518px;margin-left:26px;}
#tab_help td {background:#fff;padding:2px 32px;}
#tab_help .thead td{background:#d5f1f4;}


/* mana */

.mana_clsname{font-size:14px;margin:20px 0 0 20px;}
.mana_clsc{margin-left:40px;line-height:28px;}
.mana_clstool{margin:10px;}

.mana_srch{text-align:center;border-bottom:1px solid #ccc;padding-bottom:10px;}
.mana_boxmem{margin:10px;padding:10px 20px;background:#fcfcfc;border:1px solid #ddd;font-size:13px;}
.btn_mana{background:url(/images/btn_mana.gif) no-repeat 0 center;width:31px;height:16px;font-size:12px;padding-top:2px;text-align:center;border:none;margin:0 3px;text-decoration:none;cursor:pointer;color:#ff6666;}



#comm_sub{width:280px;float:right;}
#comm_sub #code{float:left;width:60px;margin-top:1px;}
.codepic{float:left;}
.codearea{float:left;margin-top:8px;}

/*ad*/
.li_ad {margin-top:8px;}
.li_ad li{margin:10px 0;}

/* CSS Document over */