@charset "utf-8";

@import url("base.css");
@import url("public.css");


/*------------------------------------------
*FileName		Css.css
*Description		Global Css
*Copyright		www.jmeii.com
*Version		1.003(2010-02-22)
------------------------------------------*/

/*	$_Body
-----------------------------------------*/

/*	$__Content
=======================*/
.title {
	width:949px;
	margin-left:5px;
	height:28px;
	line-height:28px;
	border:1px solid #d7d7d7;
	background:url(../images/title_bg.jpg) repeat-x 0 0;
}
.title h3 {
	background:url(../images/arr01.jpg) no-repeat 10px 8px;
	color:#fff4d8;
	text-indent:20px;
	font-size:13px;
	letter-spacing:1px;
}
.title img {
	margin:8px auto auto 20px;
}
.title .more {
	display:block;
	width:35px;
	height:28px;
	line-height:28px;
	margin-right:10px;
	background:url(../images/more_link.jpg) no-repeat 0 center;
	text-decoration:none;
	text-align:center;
}
.title .more:hover {
	color:#000;
	background:url(../images/more_hover.jpg) no-repeat 0 center;
}

.contbox_header {
	width:960px;
	padding:20px 0;
	border:1px solid #d7d7d7;
	background:url(../images/area01_bg.jpg) repeat-x 0 bottom;
}
.contbox_header ul {
	padding-top:11px;
}
.contbox_header .title a { font-size:12px; font-weight:normal;}
.submenu, .sublink, .search { display:inline; float:left;}
.submenu .title, .sublink .title, .search .title { width:auto; border:0 none; margin:0;}

.submenu .title h3, .sublink .title h3, .search .title h3 { background:none; text-indent:0; font-weight:normal;}

.submenu { width:128px;}
.submenu .title {
	height:19px;
	padding-left:20px;
	line-height:19px;
	background:url(../images/subnav_title_bg.jpg) no-repeat 0 0;
}
.submenu .title h3 { color:#fff;}
.submenu ul { overflow:hidden; height:60px;}
.submenu ul a {
	float:none;
	width:110px;
	margin-bottom:7px;
	margin-left:10px;
	padding-left:8px;
	background:url(../images/arr03.jpg) no-repeat 0 center;
	color:#ce0000;
}
.submenu ul a:hover { color:#f30; text-decoration:underline;}
.sublink { width:250px;}
.sublink .title {
	height:19px;
	padding-left:10px;
	line-height:19px;
	background:url(../images/hottopic_title_bg.jpg) no-repeat 0 0;
}
.sublink .title h3 {
	font-size:12px;
	color:#333;
}
.sublink ul { overflow:hidden; height:60px;}
.sublink ul a {
	width:110px;
	margin-bottom:7px;
	padding-left:10px;
	background:url(../images/arr02.jpg) no-repeat 0 center;
}
.sublink ul a:hover { text-decoration:underline;}
.search { width:580px;}
.search .title { width:auto; height:25px; margin-left:24px; background:none; line-height:19px;}
.search .title ul { padding:0;}
.search .title li { float:left;}
.search .title a { display:block; width:133px; height:25px; text-align:center; line-height:25px;}
.search .title .hover{ background:url(../images/search_title.jpg) no-repeat left top;}
.search .hover a { color:#ce0000;}
.searchbox {
	width:562px;
	height:34px;
	line-height:34px;
}
.searchbox #con_one_1 {
	height:34px;
	background:url(../images/search_box.jpg) no-repeat 0 0;
}
.searchbox #con_one_2 {
	height:34px;
	background:url(../images/search_box2.jpg) no-repeat 0 0;
}
.searchbox input, .searchbox button { vertical-align:middle; height:21px; line-height:21px;}
.searchbox input {
	width:450px;
	margin:0px 5px 0px 11px;
	_margin-top:3px;
	border:1px solid #aaa;
}
.searchbox button {
	width:79px;
	_margin-top:4px;
	border:0 none;
	background:url(../images/search_btn.jpg) no-repeat 0 0;
}
.hotlink { margin-left:25px; margin-top:5px;}


.contbox_content {
	margin-top:1px;
	border:1px solid #d7d7d7;
	background:#fafafa;
}
.news { background:url(../images/news.jpg) no-repeat 280px 6px;}

.learn, .hot, .repeat { display:inline; float:left; margin:0 5px;}
.learn .title, .hot .title, .repeat .title { width:auto; margin:0;}
.learn h3, .hot h3, .repeat h3 { text-indent:0;}
.learn { width:395px;}
.hot { width:337px;}
.hot li { margin:7px 0 14px;}
.hot li a {
	width:320px;
	margin:5px 0;
	padding-left:15px;
	background:url(../images/arr02.jpg) no-repeat 7px center;
	font-size:13px;
	font-weight:700;
}
.hot li a:hover { text-decoration:underline;}
.hot p { width:320px; margin:0 auto; color:#666;}
.repeat { width:199px; margin-right:0;}
.learn .contbox_content, .hot .contbox_content, .repeat .contbox_content { height:490px;}
.repeat .list { overflow:hidden; height:380px; padding-top:11px;}
.repeat li { margin:0 15px 11px; line-height:16px;}
.repeat li a, .repeat li span {
	display:block;
	width:165px;
	margin:0;
	padding:0;
}
.repeat li a:hover { background:#eee; color:#000;}
.asking {
	width:197px;
	height:30px;
	padding-top:67px;
	background:url(../images/ask_bg.jpg) no-repeat 0 0;
}
.asking a {
	display:block;
	width:99px;
	height:21px;
	margin:0 auto 0;
}


.imgarea { margin-top:11px;}
.imgarea .imgarea_pic, .imgarea img, .imgarea .text { width:75px;}
.imgarea img { height:75px;}
.imgarea .imgarea_text { width:280px;}
.imgarea .imgarea_pic { margin-left:7px; margin-right:14px;}
.imgarea h4 a { font-size:12px;}
.imglist { float:left;}
.imglist li {
	width:110px;
	margin:11px 11px 0;
	margin-right:0;
}
.imglist li a {
	width:110px;
}
.imglist img {
	width:110px;
	height:90px;
}
.imglist .text {
	overflow:hidden;
	width:100px;
	height:28px;
	padding-left:10px;
	background:url(../images/arr04.jpg) no-repeat 3px 4px;
	text-align:left;
}
.imglist {
	width:370px;
}
.case {
	overflow:hidden;
	width:949px;
	height:300px;
	margin-left:5px;
}
.case .list { width:315px; margin:11px 10px 0 20px;}
.case .list li { float:left; width:315px;}
.case .list li a {
	width:270px;
	margin-bottom:5px;
	padding-left:10px;
	background:url(../images/arr02.jpg) no-repeat 0 center;
	line-height:20px;
}
.preview { width:224px; padding-top:11px;}
.preview li { margin:1px;}

.hot_area02 { display:inline; width:545px;}
.hot_area02 li a { width:526px;}
.hot_area02 .summary { width:526px;}
.hot_area02 .news { background-position:500px 7px;}
.album {
	width:949px;
	margin-left:5px;
	margin-top:0;
}



/*maincontent*/
.maincontent{ width:660px; float:left; display:inline;}
.maincontent .top{ background:url(../images/j3-bg01.gif) repeat-x; height:28px; line-height:28px; padding-left:19px; width:641px; font-weight:bold; color:#fff; letter-spacing:1px;}
.maincontent .mid{ padding:5px; width:650px;}

.maincontent .mid .box{ padding:11px 55px 20px 13px; width:579px; border:1px solid #ccc; background:url(../images/j3-bg02.gif) repeat-x left top #f1f1f1; margin-bottom:7px;}
.maincontent .mid .box h3{padding-left:21px; background:url(../images/j3-icon01.gif) no-repeat left 3px; display:block; float:none; padding-bottom:3px;}
.maincontent .mid .box h3 a{ font-size:14px; letter-spacing:1px; color:#ce0000;}
.maincontent .mid .box h3 a:hover{ color:#ef9b11;}
.maincontent .mid .box h4{padding-left:9px; color:#999; font-weight:normal;float:none;font-size:12px; margin-bottom:5px;}

.maincontent .mid .box .p{ padding-top:15px; line-height:20px; text-indent:2em;}
.maincontent .mid .box .more{ float:right; color:#f00;}
.maincontent .mid .box .more:hover{color:#ef9b11;}


.maincontent .mid .jmarticle{ padding:23px 31px 20px 35px; width:584px;}
.maincontent .mid .jmarticle h4{ text-align:center; font-size:16px; color:#da3f3f; margin-bottom:16px; float:none; padding-bottom:19px; border-bottom:1px solid #b1b1b1;}
.maincontent .mid .jmarticle h5{ text-align:center; font-weight:normal; padding-bottom:19px; font-size:12px;  float:none;}
.maincontent .mid .jmarticle p{ line-height:22px; text-indent:2em; font-size:14px; margin-bottom:18px; margin-bottom:15px;}
.maincontent .mid .link{clear:both; padding-left:11px; padding-right:11px;padding-top:8px; margin-bottom:15px;}
.maincontent .mid .link span{ float:right; }
.maincontent .mid .link a{font-weight:normal;}
.maincontent .mid .link a:hover{color:#ef9b11;}

.maincontent .mid .box01{ border:1px solid #d7d7d7; width:648px; margin-bottom:9px;}
.maincontent .mid .box01 .top01{ letter-spacing:1px; font-weight:bold; color:#fff; background:url(../images/j4-bg01.gif) repeat-x; padding-left:11px; width:637px; height:27px; line-height:27px;}
.maincontent .mid .box01 .mid01{ padding:10px 27px 15px 27px; width:594px;}

.maincontent .mid .box01 .mid01 .jmli{width:100%;}
.maincontent .mid .box01 .mid01 .jmli ul li{padding-left:12px; background:url(../images/j3-icon03.gif) no-repeat left 10px; height:25px; line-height:25px;}
.maincontent .mid .box01 .mid01  .jmli ul li a:hover{color:#ef9b11;}

/*reply*/
.maincontent .mid .blockbox{border:1px solid #d7d7d7; width:648px; }
.maincontent .mid .blockbox01{width:648px; border:none;}
.maincontent .mid .blockbox .head{letter-spacing:1px; font-weight:bold; color:#fff; background:url(../images/j4-bg01.gif) repeat-x; padding-left:11px; width:637px; height:27px; line-height:27px;}
.maincontent .mid .blockbox .head h4{ padding-left:11px; font-size:13px; color:#FFFFFF; line-height:26px;}
.maincontent .mid .blockbox .head h4 a{ float:right; margin-right:9px; margin-top:6px;}

.maincontent .mid .blockbox .part01{ margin-left:25px; padding-top:18px;}

.maincontent .mid .blockbox .part01 .part01a{ float:left; width:65px; text-align:center; color:#0d65bf;word-break:break-all;}
.maincontent .mid .blockbox .part01 .part01a img{ width:59px; padding:2px; border:2px solid #c2e3f2;}
.maincontent .mid .blockbox .part01 .part01a b{line-height:20px;}


.maincontent .mid .blockbox .part01 .part01b{ float:left; width:383px; margin-left:13px; margin-bottom:25px;}
.maincontent .mid .blockbox .part01 .part01b h5{ padding-top:7px; font-size:12px; color:#777; margin-bottom:7px;}
.maincontent .mid .blockbox .part01 .part01b h5 span{padding-left:15px;}
.maincontent .mid .blockbox .part01 .part01b h5 p{ line-height:16px; color:#000;}

.maincontent .mid .blockbox .part01 .breakline{ border-top:1px solid #a3a2a2; width:600px;}

.maincontent .mid .blockbox .part02{ float:right; margin-right:32px;}
.maincontent .mid .blockbox .part02 a{ margin-left:6px; vertical-align:bottom;}
.maincontent .mid .blockbox .part02 b{ color:#FF0000; font-weight:normal; margin-left:3px;}

.maincontent .mid .blockbox .part03{ margin-left:26px;}
.maincontent .mid .blockbox .part03 input{ vertical-align:top;}
.maincontent .mid .blockbox .part03 span{ padding-right:10px;}
.maincontent .mid .blockbox .part03 .text{ width:20px; height:16px}
.maincontent .mid .blockbox .part03 .text01{ width:96px; height:16px;v-align:middle;}
.maincontent .mid .blockbox .part03  select{ width:86px; height:20px;}
.maincontent .mid .blockbox .part03 .text02{ width:583px; height:140px;margin-top:6px;}
.maincontent .mid .blockbox .part03 p{ margin-left:100px; padding-top:4px;}
.maincontent .mid .blockbox .part03 p span{ float:right; margin-right:30px;}
.maincontent .mid .blockbox .part03{ padding-bottom:30px;}

.maincontent .mid .blockbox .part03 span{float:left;}
.maincontent .mid .blockbox .part03 .nc{width:220px;float:left;margin-top:20px;}
.maincontent .mid .blockbox .part03 .nc .text01{vertical-align:middle;}
.maincontent .mid .page{width:608px;padding-left:20px;padding-right:20px;text-align:left;}
.maincontent .mid .page span{float:right;}

/*bbs*/
.bbsBox {width:648px;text-align:left; padding-top:0;margin-bottom:20px;}
.bbsBox .detailsBox_body{width:707px;padding:15px;}
.bbsBox .detailsBox_body ol li{float:left;width:707px;border-bottom:1px solid #e1e1e1;padding-top:10px;padding-bottom:10px;}
.bbsBox .detailsBox_body .mimg{width:71px;float:left;text-align:center;}
.bbsBox .detailsBox_body .mimg img{padding:2px;width:65px;border:1px solid #e1e1e1;height:60px;}
.bbsBox .detailsBox_body .rep_text{width:560px;float:left;margin-left:20px;display:inline;padding-top:5px;}
.bbsBox .detailsBox_body .rep_text p{line-height:18px;margin-bottom:8px;}
.bbsBox .detailsBox_body .rep_text h5{font-size:11px;color:#ccc;font-weight:normal;}

.page{clear:both;text-align:center;padding-top:15px;padding-bottom:15px;}

.bbspart03{width:648px; text-align:left;}
.bbspart03 span{width:80px;float:left;}
.bbspart03 .nc{width:320px;float:left;display:inline;margin-left:20px;padding-top:20px;}
.bbspart03 .text02{width:589px;height:120px;margin-top:10px;}
.bbspart03 p{line-height:22px;}
.bbspart03 p span{ vertical-align:middle;margin-right:10px;}
.bbspart03 p b{font-weight:normal;}


/*sidebar*/
.sidebar{ width:295px; float:left; display:inline; margin-left:5px;}

.sidebar .box01{ background:url(../images/j3-bg03.gif) no-repeat; width:287px; padding-top:113px; height:23px; text-align:center; margin-left:7px; margin-bottom:9px;}

.sidebar .box02{ margin-left:6px; width:289px; background:url(../images/j3-bg05.gif) repeat-y;}
.sidebar .box02 .part{ width:100%;}

.sidebar .box02 .part .top{ background:url(../images/j3-bg04.gif) no-repeat; width:289px; height:28px;}
.sidebar .box02 .part .top h4{ padding-top:7px; padding-left:25px; background:url(../images/j3-icon02.gif) no-repeat 12px 9px; color:#fff4d8; font-size:13px;}

.sidebar .box02 .part .mid{ width:100%; padding-top:9px;}

.jmperson{ width:100%; padding-bottom:7px;}
.jmperson .grp01{ width:116px; float:left; display:inline; margin-left:7px;}
.jmperson .grp01 a{display:block; width:112px; height:96px;padding:1px;border:1px solid #ccc;}
.jmperson .grp01 a:hover{border:1px solid #ef9b11;}
.jmperson .grp01 img{ width:112px; height:96px;}
.jmperson .grp02{ width:158px; float:left; display:inline; margin-left:7px; }
.jmperson .grp02 h3{ display:block; margin-bottom:5px; padding-top:3px; float:none;}
.jmperson .grp02 h3 a{ font-size:12px; color:#c90000;display:block;width:145px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.jmperson .grp02 h3 a:hover{color:#ef9b11;}
.jmperson .grp02 .p{ width:158px; line-height:18px; height:72px; overflow:hidden;}


.sidebar .box03{ margin-left:6px; width:289px; }
.sidebar .box03 .top{ background:url(../images/j3-bg04.gif) no-repeat; width:289px; height:28px;}
.sidebar .box03 .top h4{ padding-top:5px; padding-left:25px; background:url(../images/j3-icon02.gif) no-repeat 12px 9px;}


.sidebar .box03 .mid{ padding:8px 5px 5px 13px; width:271px; border-bottom:1px solid #f5f5f5; background:url(../images/j3-bg05.gif) repeat-y;}

.sidebar .jmli{width:100%;}
.sidebar .jmli ul li{padding-left:12px; background:url(../images/j3-icon03.gif) no-repeat left 8px; height:20px; line-height:20px;}
.sidebar .jmli ul li a{display:block;width:250px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}
.sidebar .jmli ul li a:hover{color:#ef9b11;}

.jmpage{ clear:both; text-align:center; padding-top:10px; padding-bottom:10px;}
.jmpage a{ margin-right:8px;}