@charset "utf-8";

.container .wrap { width:910px; padding:20px 10px 0; }

.sidebar { float:left; width:220px; padding-right:10px; background:url(sidebar.jpg) no-repeat right 38px; }
.main { float:right; width:670px; }
.ltBottom { position:absolute; left:0; bottom:0; width:206px; height:170px; background:url(ltBottom.jpg) no-repeat; overflow:hidden; }

.colTxtTitle { width:220px; height:38px; background:url(colTxtTitle.jpg) no-repeat; color:#fff; font:bold 14px 'Arial'; line-height:38px; text-align:center; overflow:hidden; clear:both; }
.colTxtTitle em { font:normal 12px 'Arial'; }

.join { width:202px; height:206px; margin:0 auto; background:url(join.jpg) no-repeat; }
.join .hd { position:relative; height:25px; padding:11px 0 0 13px; }
.join .hd h3 { width:73px; height:19px; background:url(joinHd.jpg) no-repeat; line-height:19px; color:#fff; text-align:center; }
.join .prev { position:absolute; top:16px; right:27px; display:block; width:11px; height:12px; background:url(prev.jpg) no-repeat; }
.join .next { position:absolute; top:16px; right:10px; display:block; width:11px; height:12px; background:url(next.jpg) no-repeat; }
.join .bd { padding:10px 0 0 10px; }
.join ul { width:179px; height:146px; padding:1px; border-bottom:#c4c4c4 1px solid; overflow:hidden; }

.picLink { width:220px; height:44px; padding-top:20px; text-align:center; }

/* menu */
.menu { width:204px; margin:15px auto 40px; }
.menu dt { width:204px; margin-bottom:7px; background:url(menuLi.jpg) no-repeat; text-align:center; }
.menu dt a { display:block; width:204px; _height:20px; *min-height:20px; padding:3px 0; color:#333; line-height:20px; }
.menu dt .on { background:url(menu_1.jpg) no-repeat bottom; color:#333; text-decoration:none; }
.menu dt .on:hover, .menu dt .current { background:url(menu_01.jpg) no-repeat bottom; color:#fff; text-decoration:none; }
.menu dd { width:204px; height:20px; margin-bottom:10px; border-bottom:1px dashed #ccc; text-align:center; }
.menu dd a { color:#666; line-height:20px; }
.menu dd a:hover, .menu dd .current { color:#666; text-decoration:none; }

.breadcrumbs { height:38px; margin-bottom:30px; padding-left:40px; background:url(breadcrumbs.jpg) no-repeat; color:#000; font-size:14px; font-weight:bold; line-height:38px; }
.breadcrumbs span { float:right; display:block; height:38px; padding-left:20px; background:url(breadcrumbs01.jpg) no-repeat left center; font-size:12px; font-weight:normal; color:#666; line-height:38px; }
.breadcrumbs a,.breadcrumbs a:hover { padding:0 3px; color:#666; line-height:38px; }
.breadcrumbs i { padding-left:5px; font-size:12px; font-weight:normal; color:#666; }

/* article */
.artbox { margin:0 15px 30px; text-align:center; }
.artbox h1 { padding-bottom:10px; font-size:16px; line-height:26px; }
.artbox .info { padding:0; background:#eee; line-height:25px; }
.article { padding:0 20px 30px; line-height:200%; word-wrap:break-word; word-break:break-all; }

.top { padding:0 45px 20px; text-align:right; }

/* pic-item */
.w180 { margin:0; padding-left:10px; }
.w180 .pic-item { width:220px; margin:0; padding:5px 0; color:#6C6D61; }
.w180 .pic-item .list-pic { width:180px; height:145px; border:1px solid #c9cacb; line-height:145px; }
.w180 .pic-item dl { margin-top:0; padding:0 5px; }

/* list */
.list { margin:0 30px 30px; clear:both; }
.list ul li { padding:6px; background:url(line.jpg) repeat-x left bottom; line-height:20px; clear:both; }
.list ul li a { padding-left:5px; color:#000; }
.list ul li a:hover { text-decoration:underline; }
.list .date { float:right; padding-left:9px; font-size:11px; font-family:Arial; }
.list .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(ico.jpg) no-repeat left center; }
.prev_next {margin:30px 0; padding:5px 0; text-align:center; background: #eee; }
.prev_next span { margin:0 30px; }

/* page */
.page { margin:0 20px 30px; padding:15px 20px 0; color:#666; line-height:24px; }
.page a { margin:0 3px; color:#666; }
.page a:hover { text-decoration:underline; }
.page .current { padding:2px 4px; background:#00b0eb; color:#fff; }
.page .current:hover { color:#fff; }
.page span { float:right; }
.page strong { color:#00b0eb; }

/* message */
.message { margin:0 30px 30px; clear:both; }
.message-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.message-list .m-title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#999; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; color:#525252; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* hr */
.hr { margin:0 30px 30px; clear:both; }
.hr-list { margin-bottom:5px; padding:5px; border-bottom:1px dashed #D7D7D7; }
.hr-list .title { padding:0; color:#d00000; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; color:#999; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { padding:5px; text-align:right; }

/* contact */
.contact { margin:0 20px 30px; clear:both;  padding:10px 20px; line-height:200%; color:#666; word-wrap:break-word; word-break:break-all; }

/* form */
.form-panel { margin:0 30px 30px; clear:both; }
.form-panel h4 { margin-bottom:10px; padding:2px 20px; background:#eee; color:#333; line-height:22px; }
.form-panel .tips { padding:10px 0 10px 110px; color:#CC3732; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; color:#666; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .submit-field { padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }
.form-panel .submit-field .btn-reset { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }