@charset "utf-8";
/* CSS Document Powered by 1Netmedia Studio */
/********************************************/
/*****************Site Style*****************/
/********You Can Edit Then Or Del Then*******/
/************Site Pages StyleSheet***********/
/**************www.1netmedia.cn**************/
/********************************************/

/*pubic styles*/
body{background:url(../images/bg.gif) center center repeat-y #F6F6F6; color:#333;}
a, a:link, a:visited{color:#FF5400;font-size:12px;text-decoration:none;}
a:hover, a:active{color:#679801;font-size:12px;text-decoration:underline;}
.picview img,.picview a:link img, .picview a:visited img{border:1px #ccc solid;}
.picview a:hover img, .picview a:active img{border:1px #91BC37 solid;}
div.paybut input,.but{width:76px; height:29px; background:url(../images/green/paybut.gif) no-repeat; border:none; font-size:14px; font-weight:bold; color:#fff; margin:0px 10px;}


div.pic_t_sum{width:100%; margin:5px auto; clear:both;}
div.pic_t_sum .picview{width:auto;display:block;float:left;}
div.t_sum{+height:1%;margin-top:3px; float:left; display:block; overflow:hidden; width:220px;}
div.t_sum h5{width:100%;font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.t_sum h5 font{color:#FFFFFF; margin:0px;}
div.t_sum p{color:#FFFFFF; margin:0px;}


div.articlelist{width:100%; margin:5px auto; clear:both;}
div.articlelist ul li{clear:both;}
div.articlelist ul li a{float:left;}
div.articlelist ul li span{float:right; color:#999;}

div.piclist{width:100%; margin:5px auto; clear:both;}
div.piclist ul li{float:left; display:inline; margin:5px; text-align:center;}
div.piclist ul li img{display:block;}

html>body .album{background:url(../images/jng/photo1.png) right bottom no-repeat;}
html>body .photo{background:url() right bottom no-repeat;}
* html .album{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="");background:none;}
* html .photo{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="");background:none;}

.none{display:none;}
.block{display:block;}

div.mainbox{width:945px;margin:0px auto; background:#fff; padding:0px;clear:both;}

/*indexpubtop首页*/
div.indexpubtop{padding:1px 0px 0px 0px; height:72px; background:url(../images/jng/jngindex_tmbg.gif) center top repeat-x;}
div.indexpubtop .logo{width:100px; height:35px; margin-left:8px; float:left; background:url(../images/jng/slogo.gif) no-repeat;}
div.indexpubtop .ctrlbox{float:right; width:800px; height:25px; margin-top:5px;}
div.indexpubtop .ctrlbox .mesbar{padding-right:10px; float:right;}
div.indexpubtop .ctrlbox span{margin-left:20px; height:22px; padding-top:3px; float:left;}
div.indexpubtop .ctrlbox span a:link,div.ctrlbox span a:visited{color:#333; text-decoration:none;}
div.indexpubtop .ctrlbox span a:hover,div.ctrlbox span a:active{color:#f60; text-decoration:underline;}

div.indexpubtop #navigation{width:100%; height:33px; clear:both; text-align:center; background:url(../images/jng/mbg.gif) left top no-repeat;}
div.indexpubtop #navigation ul{height:33px; margin-left:70px; padding-right:10px; clear:both;background:url(../images/jng/mbg.gif) right center no-repeat;}
div.indexpubtop #navigation ul li{display:inline; float:left; margin:0px; width:80px; height:25px; padding-top:8px; background:url(../images/jng/indexmline.gif) right center no-repeat;}
div.indexpubtop #navigation ul li  a{font-size:14px; font-weight:bold; color:#fff; text-decoration:none;}
div.indexpubtop #navigation ul li  a:hover,div.indexpubtop #navigation ul li a:active,div.indexpubtop #navigation ul .Selected a{color:#f00; text-decoration:none;}
div.indexpubtop #navigation ul .Selected{background:url(../images/jng/jngindex_tmbgon.gif) center 2px no-repeat;}

/*indexstyle*/
div.infobox{width:100%; height:540px; clear:both; margin-bottom:0px;  background:url(../images/jng/templet4/jngbg4.jpg) center top repeat-x #FDB86A;background-color:#000000;}
	div.cultebox{width:100%; height:540px; left:0px; position:absolute; z-index:1000;}
	div.cultebox img{position:absolute;}
	div.infobox .othermes{width:270px; float:left; margin-top:50px; margin-left:50px;}
		div.infobox .othermes .vipico{width:88px; height:84px; background:url(../images/jng/vip_jngico.gif) no-repeat; cursor:pointer; display:block;}
		div.infobox .othermes .dizhen{width:106px; height:86px; background:url(../images/jng/dizhen_jngico.jpg) no-repeat; cursor:pointer; display:block;}
		div.infobox .othermes .cultemes{background:url(../images/jng/music.gif) left top no-repeat; margin-top:40px; padding-left:30px; color:#ff0;}
		div.infobox .othermes .cultemes a{color:#ff0;}
		div.infobox .othermes .copyurl{width:150px; height:30px; margin-top:30px; background:url(../images/jng/copyurl.gif) no-repeat; cursor:pointer; display:block;}
	div.infobox .userinfo{margin:50px auto;width:550px; float:left;}
		
		div.infobox .userinfo .pic{background:url(../images/jng/templet4/photobg4.jpg); width:166px; height:166px; float:left; margin-right:20px;}
		div.infobox .userinfo .pic .bg{width:100px; height:80px; float:left; margin-left: 20px;}
		
		div.infobox .userinfo h1{font-size:24px; color:#CCFFDD; font-family:"微软雅黑","黑体",Arial, Helvetica, sans-serif;}
		div.infobox .userinfo .mes{padding-top:1px; color:#000000; font-size:12px; line-height:18px;}
		div.infobox .userinfo .mes span{color:#FF5400;}
		div.infobox .userinfo .culte{width:130px; height:60px; display:block; margin-top:30px; background:url(../images/jng/icultein.gif) no-repeat;}

/*indexnavbox*/
div.indexnavbox{width:100%; clear:both; margin-bottom:30px;background:url(../images/jng/templet4/foot4.jpg);}
	div.indexnavbox .inavbox{width:280px; float:left; margin:0px 12px;}
	div.indexnavbox .inavbox .titlebar{height:30px; padding-left:30px; clear:both; background:url(../images/jng/templet4/jbnavtbg4.jpg) center top no-repeat;}
	div.indexnavbox .inavbox .titlebar span{float:left; font-size:16px; font-weight:bold; margin-top:5px; font-family:"微软雅黑","黑体",Arial, Helvetica, sans-serif; color:#fff;}
	div.indexnavbox .inavbox .titlebar .more{color:#fff; float:right; margin:5px;}
	div.indexnavbox .inavbox .titlebar .more a{color:#FFFFFF;font-size:12px;}
	div.indexnavbox .inavbox .inavcontent{background:#646464; border:1px #FAA35E solid; clear:both;}
	div.indexnavbox .inavbox .inavcontent .iculte{width:100px; height:30px; display:block; float:right; background:url(../images/jng/templet4/iculteins4.gif) center 0px no-repeat;}
	div.indexnavbox .inavbox .inavcontent .appear{width:100px; height:30px; display:block; float:right; background:url(../images/jng/templet4/iculteins4.gif) center -30px no-repeat;}
	div.indexnavbox .inavbox .inavcontent .upphoto{width:100px; height:30px; display:block; float:right; background:url(../images/jng/templet4/iculteins4.gif) center -60px no-repeat;}
	

/*pubtop*/
div.pubtop{padding:5px 5px 0px 5px; height:190px; background:url(../images/jng/templet4/4head.jpg) center top repeat-x;}
div.pubtop .logo{width:226px; height:72px; float:left; background:url(../images/jng/logo.gif) no-repeat;}
div.pubtop .jierilogo{width:226px; height:72px; float:left; background:url(../images/jng/jieri.gif) no-repeat;}
div.pubtop .tonghuailogo{width:226px; height:72px; float:left; background:url(../images/jng/tonghuai.gif) no-repeat;}
div.pubtop .saomulogo{width:226px; height:72px; float:left; background:url(../images/jng/saomu.gif) no-repeat;}
div.pubtop .wujindeailogo{width:226px; height:72px; float:left; background:url(../images/jng/wujindeai.gif) no-repeat;}
div.pubtop .jinianguanlogo{width:226px; height:72px; float:left; background:url(../images/jng/jinianguan.gif) no-repeat;}
div.pubtop .ctrlbox{float:right; width:640px; height:25px; background:url(../images/jng/ctrlbg.gif) left center no-repeat;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
div.pubtop .ctrlbox .mesbar{padding-right:10px; float:right; background:url(../images/jng/ctrlbg.gif) right center no-repeat;}
div.pubtop .ctrlbox span{margin-left:20px; height:22px; padding-top:3px; float:left; color:#fff;}
div.pubtop .ctrlbox span a:link,div.pubtop .ctrlbox span a:visited{color:#fff; text-decoration:none;}
div.pubtop .ctrlbox span a:hover,div.pubtop .ctrlbox span a:active{color:#fc0; text-decoration:underline;}

div.pubtop #navigation{width:100%; padding-top:60px; clear:both; text-align:center;}
div.pubtop #navigation ul li{display:inline; float:left; margin:0px; width:90px; height:30px; padding-top:15px; background:none center center no-repeat;}
div.pubtop #navigation ul li  a{font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none;}
div.pubtop #navigation ul li  a:hover,div.pubtop #navigation ul li a:active,div.pubtop #navigation ul .Selected a{color:#f00; text-decoration:none;}


/*sidebar*/
div.sidebar{width:200px; float:left; display:inline;}
	div.navbox{clear:both;}
		div.navbox .topcorner{height:5px; overflow:hidden; background:url(../images/jng/navcorner.gif) center top no-repeat; clear:both;}
		div.navbox .botcorner{height:5px; overflow:hidden; background:url(../images/jng/navcorner.gif) center -5px no-repeat; clear:both;}
		div.navbox .titlebar{height:25px; clear:both;background:#E7F78C; border:#C6E710 solid; border-width:0px 1px;}
		div.navbox .titlebar span{float:left; margin-top:2px; padding-left:25px; font-size:14px; font-weight:bold; color:#679801; background:url(../images/jng/navico.gif) 5px center no-repeat;}
		div.navbox .titlebar .more{float:right; margin-top:2px; margin-right:5px;}
		div.navbox .titlebar .more a{color:#666;}
		div.navbox .navcontent{clear:both; padding:2px 6px; background:#E7F78C; border:#C6E710 solid; border-width:0px 1px;}
		div.navbox .navcontent .content{margin:0px auto; padding:5px; background:#fff; border:1px #C6E710 solid;}
		div.navbox .navcontent .content .t_sum h5{font-weight:normal;}
		div.navbox .navcontent .content .t_sum h5 a{color:#679801;}
		
		div.sqBorder {width:150px; height:220px; margin:0px auto;}
		div.scroll_div {width:150px; height:220px; margin:0 auto; overflow: hidden; white-space: nowrap;}
		
		div.articlelist{width:100%; margin:5px auto; clear:both; }
		div.articlelist ul li{width:90%;clear:both; padding-left:10px; background:url(../images/jng/templet2/dotico2.jpg) left center no-repeat;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		div.articlelist ul li a{float:left;color:#FFFFFF;}
		div.articlelist ul li span{float:right; color:#999;}

/*pagemain*/
div.pagemain{width:660px; float:right; display:inline; padding:20px 30px;}
	div.pagemain .pagetitle{clear:both;}
	div.pagemain .pagetitle h1{font-size:24px; color:#f30; font-family:"微软雅黑","黑体",Arial, Helvetica, sans-serif;}
	div.pagemain .pagetitle p{padding-left:30px; background:url(../images/jng/memico.gif) left center no-repeat;}
	div.pagemain .pagetitle .appear{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/appear.gif) no-repeat;}
	div.pagemain .pagetitle .upphoto{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/upphoto.gif) no-repeat;}
	div.pagemain .pagetitle .wishespost{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/wishespost.gif) no-repeat;}
	div.pagemain .pagetitle .diarypost{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/diarypost.gif) no-repeat;}
	div.pagemain .pagetitle .editjng{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/editjng.gif) no-repeat;}
	div.pagemain .pagetitle .editanal{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/editanal.gif) no-repeat;}
	div.pagemain .pagetitle .addvedio{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/addvedio.gif) no-repeat;}
	div.pagemain .pagetitle .editvedio{width:146px; height:30px; position:absolute; margin-left:500px; background:url(../images/jng/editvedio.gif) no-repeat;}
	
	div.namelist{clear:both;background:url(../images/jng/nameico.jpg) center top repeat-x;_height:1%;overflow:hidden;}
	div.namelist ul li{width:85px; height:30px; padding-top:5px; margin-right:1px; float:left; display:inline; text-align:center;}
	div.namelist ul li a{font-size:14px; font-weight:bold;}
	div.namelist ul .active{background:url(../images/jng/nameico.jpg) center bottom no-repeat #fc0;}
	div.namelist ul .active a{color:#f00;}
	div.namelist ul .normal{background:url(../images/jng/nameico.jpg) center center no-repeat #efefef;}
	div.mainborder{border:1px #ddd solid;}
	div.mainborder .TabContent{padding:15px;}
	
	div.pagemain .info{border:1px #ddd solid; background:#efefef; clear:both;}
	div.pagemain .info .titlebar{height:25px; clear:both;}
		div.pagemain .info .titlebar span{float:left; margin-top:5px; padding-left:25px; font-size:14px; font-weight:bold; color:#679801; background:url(../images/jng/contico.gif) 10px center no-repeat;}
		div.pagemain .info .titlebar .floatright{margin:5px;}
		div.pagemain .info .infocontent{background:#fff; clear:both; margin:5px; padding:10px;}
	
		div.pagemain .info .pic,div.pagemain .info .mes{float:left; margin:10px;}
		div.pagemain .info .mes{font-size:14px; line-height:26px;}
		div.pagemain .info .culte{width:127px; height:42px; float:right; margin-top:120px; background:url(../images/jng/iculte.gif) no-repeat;}
		
		div.pagemain .particular{margin-top:30px; padding:10px; line-height:24px; background:url(../images/jng/particularbg.gif) right top no-repeat #efefef;}

		div.showlist{clear:both;}
		div.showlist ul li{width:100%; clear:both; line-height:30px; background:url(../images/line_dot.gif) center bottom repeat-x;}
		div.showlist ul li a{width:60%; padding-left:15px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/arrow0.gif) left 7px no-repeat;}
		div.showlist ul li b{width:60%; float:left;}
		div.showlist ul li span{width:12%; float:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		div.showlist ul .listhead a,div.showlist ul .listhead span,div.showlist ul li b{font-size:14px; font-weight:bold;}
		div.showlist ul li p{padding:0px 15px; color:#679801; line-height:20px; clear:both; margin-top:0px;}
		
		div.quickpost{border:1px #ddd solid; margin-top:20px;}
		div.quickpost .qtitle{font-size:14px; font-weight:bold; color:#679801; padding:5px 30px; background:url(../images/jng/contico.gif) 10px center no-repeat #f9f9f9; border-bottom:1px #ddd solid;}
		div.quickpost form p{margin:10px 20px;}
		div.quickpost form p span{float:left;}
		
		div.pagecontent{clear:both; margin-top:40px; padding:10px 5px 0px 5px; background:url(../images/jng/articlebg.png) center top no-repeat;}
		div.pagecontent .articletitle{clear:both; border-bottom:1px #ccc solid; padding:8px 5px;}
		div.pagecontent .articletitle h4{padding-left:30px; background:url(../images/arrow1.gif) 5px center no-repeat; float:left;}
		div.pagecontent .articlemes{clear:both; color:#679801; padding-left:35px;}
		div.pagecontent .articlecontent{padding:10px; clear:both;}
		
		div.reply{clear:both; margin-top:50px;}
		div.reply .titlebar{clear:both; padding-left:30px; background:url(../images/arrow2.gif) left 0px no-repeat;_height:1%; border-bottom:1px #ccc solid; padding-bottom:5px; overflow:hidden;}
		div.reply .titlebar span{float:left; font-size:14px; font-weight:bold;}
		div.reply .pic_t_sum .t_sum h5{font-size:12px; color:#679801;}

/*USER Photo*/
div#photo-content{text-align: center;}
div.photo-b{margin:15px;}
div#simg{background:#E9E9E9 url(http://img1.qq.com/news/pics/9423/9423229.gif) repeat-x scroll 0 0;height:75px;padding:8px 0 0 20px;}
div.photo-page{float:left;}
div.photo-page img{border:none;}
div.ss {opacity:0.3;}
div#simg img a{text-decoration:none;}
div#simg img.s{opacity:1;}
div#sImage{float:left;width:550px;}
div#sImage div{background:#ECECEC none repeat scroll 0 0;border:1px solid #C7C7C7;display:inline;float:left;width:75px;height:60px;margin:0 0 0 12px;overflow:hidden;text-align:center;}
div#sImage img{opacity:0.3;border:none;}






/*信纸样式*/
div.letterpaper{background:url(../images/jng/letterpaper.jpg) center top no-repeat; height:640px; padding:80px;}












/*footer layout*/
div#footer{clear:both; padding-bottom:10px; padding-top:10px;_height:1%; overflow:hidden;}
div#footer .footerside{height:18px; clear:both;}
div#footer .botbar{clear:both; height:25px; padding-top:5px; background:url(../images/green/footmenubg.jpg) center bottom no-repeat; text-align:center;}
div#footer .botbar ul li{display:inline; margin:0px 3px;}
div#footer .copyrights{clear:both; text-align:center;}
div#footer .copyrights p{margin:5px auto;}
div#footer .botico{clear:both; text-align:center;}
div#footer .botico ul li{display:inline; margin:0px 5px;}
/*footstyle color*/
div#footer,div#footer a:link,div#footer a:visited{color:#666; text-decoration:none;}
div#footer a:hover,div#footer a:active{color:#990; text-decoration:none;}
div#footer .footerside{background:url(../images/green/footerside.gif) center bottom repeat-x;}

div.pagesidebar{width:200px; float:left; display:inline;}
div.atpagemain{width:560px; float:left; display:inline; margin-left:10px;}
div.item{clear:both;}
	div.item .itemtitle{height:25px; padding-top:10px; clear:both; text-align:center; font-size:14px; font-weight:bold;}
	div.item .itemlist{padding:5px; clear:both;}
	div.item .itemlist ul li{width:160px; margin:5px auto; text-align:center;}
	div.item .itemlist ul li a{height:25px; padding-top:5px; font-size:14px;}
div.item .itemtitle{color:#679801; background:url(images/green/leftmenu_tbg.jpg) no-repeat;}
	div.item .itemlist{border:1px #ccc solid; background:#fff; padding:10px 20px;}
	div.item .itemlist ul li a,div.item .itemlist ul li a:link,div.item .itemlist ul li a:visited{display:block; background:url(images/green/leftmenu_bg.gif) center 0px no-repeat;}
	div.item .itemlist ul li a:hover,div.item .itemlist ul li a:active,div.item .itemlist ul li a.Select{display:block; color:#f00; text-decoration:none; background:url(images/green/leftmenu_bg.gif) center -30px no-repeat;}

div.hnavbox{clear:both;}
	div.hnavbox .titlebar{height:31px; clear:both;}
	div.hnavbox .titlebar span{float:left; margin-top:4px; margin-left:20px; font-size:14px; font-weight:bold;}
	div.hnavbox .titlebar .more{float:right; margin-top:4px; margin-right:5px;}
	div.hnavbox .rnavcontent{clear:both; padding:5px;}
div.hnavbox{border:1px #ccc solid; background:#fff;}
	div.hnavbox .titlebar{background:url(images/green/l_navbg.gif) left top no-repeat;}
	div.hnavbox .titlebar span{float:left; margin-top:4px; margin-left:20px; font-size:14px; font-weight:bold;}
	div.hnavbox .titlebar .more{float:right; margin-top:4px; margin-right:5px;}
	div.hnavbox .navcontent{clear:both; padding:5px;}


/*登陆浮出开始*/
div#mesbox{text-align:left;}
div#mesbox .title{font-family: verdana, tahoma, sans-serif;FONT-SIZE: 12px;font-weight:bold}
div#mesbox .grey{FONT-SIZE: 12px;color:#666666}

div#mesbox .orange {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600}
div#mesbox .orange A:link {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
div#mesbox .orange A:visited {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
div#mesbox .orange A:hover {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}
div#mesbox .orange A:active {font-family: verdana, tahoma, sans-serif;font-size:10px;color:#FF6600;text-decoration:underline}

div#mesbox textarea, input, select{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 0.95em;}
div#mesbox .username{
    background-image:url(../images/user/username.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
div#mesbox .password{
    background-image:url(../images/user/password.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
/*浮出结束*/