/* J0JO 2008-04-30 15:53 */

html,body,h1,h2,h3,h4,body,div,ul,ol,li,form,input,textarea,select,dl,dt,dd,p{ margin:0; padding:0;}
body{ font-size:65%; font-family: Verdana, Arial; text-align:center; background:#f5f5f5}
#wrap{ width:990px; margin:auto;text-align:left; background:#f0f0f0;}
ul li{ list-style:none;}
h1{ font-size:20px; font-family:黑体; font-weight:normal;}
h2{ font-size:14px;}
h3{ font-size:12px;}
a{text-decoration:underline;}
a:hover{text-decoration: none;}
td,th{ padding:5px;}
img{ border:0;}
input,select{ vertical-align:middle;}


#mainnav #nav_index{ background:none;}


#phead{ font-size:1.2em; margin-bottom:8px;}
#phead .flash1{ width:190px; height:190px; position:absolute; top:2px; right:2px;}

#phead_nav{ background:#ddd;}
#mainnav{ height:33px; line-height:33px;font-size:14px; font-weight:bold; background:#555;  overflow:hidden;}
#mainnav li{ float:left;}
#mainnav li a{ color:#fff; text-decoration:none; padding:0 15px; float:left}

#subnav{height:31px; line-height:31px; overflow:hidden; float:left;}

#pbody{ clear:both; }
#pfoot{ text-align:center; height:50px; line-height:50px; overflow:hidden; font-size:1.2em;}

.mmenu li{ float:left; height:25px; border-right: 1px solid #000; background:#fff;}
.mmenu li a{ padding:0 15px; float:left;}
.mmenu li.current{ background:#333;}

.search{height:31px; line-height:31px; overflow:hidden;}
.search{ text-align:right; _padding-top:3px;}
.search input.with150{ width:150px; height:20px; line-height:20px; border:1px solid #555;}
.search input{ vertical-align:middle;}
.topic_serch{ padding:8px; text-align:right; border:1px solid #ccc; margin-bottom:1em;}


#col1{ width:220px; float:left;}
#col2{ width:760px; float:right;}

.module{margin-bottom:8px; background:#fff;}
.mhead_wrap{ height:25px; line-height:25px;font-size:1.2em; font-weight:bold; background:#666; padding:0 8px;}
.mbody_wrap{ font-size:1.2em; }
.mbody{ padding:8px;}

/*msg_list*/
.msg_list li{ height:22px; line-height:22px; overflow:hidden;}
.msg_list li.current{ border:1px solid #eee; }

/*list*/
.list_r li{ height:22px; line-height:22px; overflow:hidden;}
.list_r a:hover{ color:#cc0000; }
.list_r a,.msg_list a{ display:block; padding:0 15px;}

/*topic_list*/
#topicList .mbody{ padding:0;}
.topic_list a{ color:#333; text-decoration:none;}
.topic_list a:hover{ text-decoration:underline;}
.topic_list{ border-collapse:separate; width:100%;}
.topic_list th,.topic_list td{ border-top:1px solid #fff; border-bottom:1px solid #666; padding:2px 5px; background:#fff;}
.topic_list thead th{ border-top:none; background:#eee; padding:5px;}
.topic_list em{ display:block; color:#777; font-style:normal; font-size:0.8em;}
.folder{ width:14px; padding:0; text-align:right;}
.nums{ text-align:center; width:80px; font-family:Helvetica,Arial,sans-serif; color:#666;}
.nums span{ color:#009900;}
.lastpost{ text-align:right; width:120px; padding-right:10px;}
.author{ width:120px;}

#mTopic{ background:#fff; padding:1px;}

.topic .title { min-height:25px; _height:25px; }
.topic .col1{ float:left;}
.topic .col2{ line-height:1.4em; _height:10px; margin-left:65px;}
.latest_topic{ background:#eef2e1; border:1px solid #d3dfb7; padding:5px;}

.reply1 .col1,.reply2 .col1{ float:left; width:60px; line-height:1.5em; text-align:center;}
.reply1 .col2,.reply2 .col2{ margin-left:60px; line-height:1.4em; _height:10px;}
.reply1 .col2 .title,.reply2 .col2 .title{ height:25px; line-height:25px;}
.reply2{ background:#e9e9e9;}
.reply2 .clearfix{ margin-bottom:8px;}
.reply2_head{ background:#fff url(/images/icn2.gif) 20px top no-repeat; height:7px; font-size:6px;}
.reply2_body{ padding:8px; }

.comment{}
.comment .col1{ float:left; width:60px; line-height:1.5em;}
.comment .col2{ margin-left:60px; line-height:1.4em; _height:10px;}
.comment .col2 .title{ height:25px; line-height:25px;}

/*survey*/
.vote_choice{ padding:0.5em 0;}
.bg1{ background:#f0f0f0;}
.vote_choice dt{ font-weight:bold; height:2em; line-height:2em;}
.vote_choice dd{ padding-left:25px;}
.vote_choice label{ display:block; line-height:1.5em;}
.vote_choice label input{ vertical-align:middle !important; vertical-align: baseline;}

.vote_stat table{ border-collapse:separate; width:92%; margin:auto;  border:1px solid #CAD9EA; border-top:0;}
.vote_stat td{ padding:5px; border-top:1px solid #666; border-bottom:1px solid #fff; background:#f0f0f0;}
.vote_stat td.with60{ width:60%;}
.vote_stat td.with25{ width:25%;}
.choice_stat{ height:10px; background:#eee; font-size:10px;}
.choice_stat p{ background:#000; height:100%;}
.vote_stat h3{ height:3em; line-height:3em;}

.poll_detail{ padding:0.5em; background:#f0f0f0; line-height:1.5em; margin-bottom:8px;}
.detail h2{ margin-bottom:5px;}
.detail p{ line-height:1.4em;}

/*member*/
.member li{ width:30%; float:left; overflow:hidden; height:70px; margin-bottom:5px;}
.member li div{ margin-left:60px; padding-right:10px;}
.member li div p{ line-height:1.4em;}
.member li div p.title{ overflow:hidden; word-wrap:break-word; width:100%; white-space:nowrap;}

/*product*/
.product li{ padding:0.8em 0; line-height:1.4em; float:left; width:49%; height:110px; overflow:hidden;}
.product3 li{ padding:0.8em 0; line-height:1.4em;  height:110px; overflow:hidden;}
.product2 .product_des{ margin-left:170px;}
.note{ background:#f5f5f5; border:1px solid #ddd; padding:3px 8px 8px; margin-top:8px;}
.product_des{ margin-left:90px;}
.product_des p{ padding-top:5px;}
.product_des h3{ overflow:hidden; word-wrap:break-word; width:90%; white-space:nowrap;}
.price{ font-weight:bold; color:#CC0000;}

/*form*/
.expression{position:relative; cursor:pointer; height:23px; line-height:23px;}
.form1 label{ font-size:14px; font-weight:bold; display:block; padding-top:5px;}
.form1 textarea{ width:99%;}

/*register*/
.register{ padding:1em;}
.register .des{ padding:1em 100px;}
.register th{ text-align:right; width:100px;}
.register .txt{ border:1px solid #ddd; _border-left:3px; width:180px; height:20px; line-height:20px;}
.register label{ margin-right:1em;}
.edit_hint{ background:#fdefae; border:2px solid #ffad19; padding:5px; font-size:1.4em; font-weight:bold; color:red; text-align:center;}

.font14{ font-size:14px; line-height:1.6em; overflow:hidden; word-wrap:break-word; width:100%;}
.font14 p{ margin-bottom:1em;}
.more{ position:absolute; right:1em; bottom:0; font-weight:normal; padding:0.5em; text-decoration:none; line-height:1.5em; font-size:12px;}

.foot_msg,.foot_msg1,.foot_msg2{ display:none;}
.gwc{ display:none;}

/*popub*/
.popup{ text-align:left; width:660px; height:500px; position:absolute; top:50%; left:50%; z-index:1; margin-left:-330px; margin-top:-250px;}
.popup_wrap{ padding:10px; background:url(/images/00080.png) repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/00080.png"); _background:none; height:480px;}
.popup .del{ width:43px; height:37px; position:absolute; right:0; top:0; z-index:99;}
.popup .del a{ cursor:pointer; position:relative; background: url(/styles/space/t002/dzs/del.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/styles/space/t002/dzs/del.png"); _background:none; display:block; width:100%; height:100%;}
.popup .del a:hover{ background:url(/styles/space/t002/dzs/delover.gif) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false;)}

.avatar_50{ width:50px; height:50px; display:block; padding:1px; background:#fff; border:1px solid #ddd;  display:block;}
.avatar_100{ width:100px; height:100px; display:block;}
.photo_75_100{ width:75px; height:100px; padding:2px; background:#fff; border:1px solid #ddd;}
.photo_150_200{ width:150px; height:200px; padding:2px; background:#fff; border:1px solid #ddd;}
.photo_160_120{ width:160px; height:120px; padding:2px; background:#fff; border:1px solid #ddd;}
.photo_120_90{ width:120px; height:90px; padding:2px; background:#fff; border:1px solid #ddd;}

.photo50{ width:50px; height:50px;}
.photo70{ width:70px; height:70px;}


.ml10{ margin-left:10px;}
.pl10{ padding-left:10px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}
.pt15{ padding-top:10px;}
.ptb5{ padding:5px 0;}
.split_line{ background:url(/images/dot.gif) left top repeat-x; height:2px; line-height:2px; margin:8px 0; overflow:hidden; }
.date{ color:#777;}
.bold{ font-weight:bold;}
.bnone{border:1px solid #fff;}

.with3em{ width:3em;}
.with16p{ width:16px;}
.with40p{ width:40px;}
.with50p{ width:50px;}
.with60p{ width:60px;}
.with70p{ width:70px;}
.with80p{ width:80px;}
.with60{ width:60%; height:22px; line-height:22px;}
.with70{ width:70%;}
.with100{ width:100px;}
.with120{ width:120px;}
.with130{ width:130px;}
.with150{ width:150px;}
.with200{ width:200px; border:1px solid #ccc;}
.with300{ width:300px; border:1px solid #ccc;}
.photo360_270{ width:360px; height:270px;}
.with640p{ width:640px; overflow:hidden;}
.height18p{ height:19px; line-height:19px; vertical-align:middle; border:1px solid #bbb;}
.valign{ vertical-align:middle;}

.zs{ margin-bottom:8px; display:none;}

.t_l{ text-align:left;}
.t_r{ text-align:right;}
.t_c{ text-align:center;}
th.pr10p,td.pr10p{ padding-right:10px;}
th.pl10p,td.pl10p{ padding-left:10px;}

.color1{ color:#ff6600;}
.f_l { float:left;}
.f_r { float:right;}
.c_b{ clear:both;}

/*flash02*/
#box1 .flash2 , #box2 .flash2 { display:none;}
#box3 .flash2 { margin:0 auto; margin-top:10px; width:750px; height:750px;}

/*umiaopage*/
#umiao_page{ text-align: center; padding:10px 0 0; height:25px; line-height:25px; clear:both; font-size:14px;}
#umiao_page a{ outline:none; padding:2px 6px; text-decoration:none; margin:2px 3px 2px 0; font-family: Verdana; background:#fff; font-size:10px;}
#umiao_page a.current,#umiao_page a.current:hover,#umiao_page a:hover{ background:#fff; border:1px solid #000; color:#000;}

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix{display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */