@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}
ul,li{
	list-style:none;
}
input{vertical-align:middle;}
em{
	font-style:normal;
}
a,a:link{
	color:#f60;
	text-decoration:none;
}
a:hover{
	color:#0051b4;
	text-decoration:none;
}

/*-- 灰变橙 --*/
a.link01,a.link01:link{
	color:#555;
	text-decoration:none;
}
a.link01:hover{
	color:#f60;
	text-decoration:none;
}

.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 */

.l,.r{
	float:left;
	overflow:hidden;
}
.r{
	float:right;
}
.t,.b{
	clear:both;
	overflow:hidden;
}

.card_list li{
	display:inline;
	float:left;
	width:143px;
	margin:0 10px 15px 0;
	overflow:hidden;
}
.card_list a{
	color:#555;
}
.card_list a:hover{
	color:#f60;
}
.card_list a span{
	display:block;
	width:100%;
	height:15px;
	padding-top:3px;
	overflow:hidden;
}
.card_list a span em{
	display:none;
}
.card_list strong{
	font-weight:normal;
}
.card_list .card_action{
	display:none;
}
.card_list .card_action a{
	display:inline;
	float:left;
	padding:0 6px;
	margin:0 2px;
	height:22px;
	background:#6FC605;
	border-top:solid 1px #59a900;
	border-left:solid 1px #59a900;
	border-right:solid 1px #92e900;
	border-bottom:solid 1px #92e900;
	color:#fff;
	line-height:22px;
	text-align:center;
}
.card_list .card_action a:hover{
	background:#7F7F7F;
	border:1px solid #aaa;
	border-right-color:#727272;
	border-bottom-color:#727272;
	color:#fff;
	text-decoration:none;
}
.card_list img,a.card img,img.card{
	width:130px;
	height:88px;
	padding:10px 12px 2px 1px;
	background:url(sprite_01.gif) no-repeat;
}
.h8{
	clear:both;
	height:8px;
	overflow:hidden;
}
.h15{
	clear:both;
	height:15px;
	overflow:hidden;
}
.h20{
	clear:both;
	height:20px;
	overflow:hidden;
}
.h58{
	clear:both;
	height:58px;
	overflow:hidden;
}

html{
	background:#fff url(bg_body.gif) repeat-x 0 79px;
}
body{
	background:url(bg_effect1.jpg) no-repeat center 133px;
}

.page{
	width:950px;
	margin:0 auto;
	font-size:12px;
	line-height:1.2em;
}
#sys_loading{padding:5px 10px;text-align:center;position:absolute;left:0;top:0;background:#c00;color:#fff;font-size:12px;}


/*=S head[091106 jon] */
.head{
	padding-top:5px;
}
h1{
	float:left;
	height:74px;
}
.nav_mem,.nav_site{
	float:right;
	width:660px;
}
.nav_mem{
	height:30px;
	text-align:right;
}
.nav_mem a{
	margin:0 3px;
}
.nav_site{
	height:36px;
}
.nav_site li{
	display:inline;
	float:right;
	height:30px;
	width:80px;
	margin-left:4px;
}
.nav_site a{
	display:block;
	line-height:30px;
	text-align:center;
	background:url(sprite_01.jpg) no-repeat -89px 0;
	font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文黑体","方正黑体简体",STHeiti,Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	color:#000;
}
.nav_top{
	clear:both;
}
.nav_top ul{
	background:#fff url(bg_body.gif) repeat-x;
}
.nav_top li{
	float:left;
	height:39px;
	padding:9px 6px 0 6px;
	background:url(nav_top.jpg) no-repeat right 1px;
}
.nav_top a{
	float:left;
	height:26px;
	margin:1px;
	padding:0 20px;
	line-height:26px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.nav_top a:hover{
	margin:0;
	color:#000;
	border:1px solid #80c93c;
	background:url(sprite_bg.gif) repeat-x;
}


.search{
	height:39px;
	text-align:center;
	background:url(sprite_bg.gif) repeat-x 0 -29px;
}
.search select{
	display:inline;
	float:left;
	width:133px;
	height:21px;
	margin-right:4px;
	border:1px solid #808080;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.search .l,.search .r{
	width:6px;
	height:39px;
	background:url(sprite_01.jpg) no-repeat -6px 0;
}
.search .r{
	background-position:-15px 0;
}
.search form{
	float:left;	
	padding:9px 0 0 124px;
	width:814px;
	text-align:left;
}
.search .keywords{
	display:inline;
	float:left;
	width:148px;
	height:16px;
	padding:3px 0 0 20px;
	border:1px solid #444;
	border-right:none;
	border-bottom:1px solid #999;
	background:#fff url(sprite_01.jpg) no-repeat -631px -312px;
	color:#aaa;
}
.search .scbtn{
	display:inline;
	float:left;
	width:50px;
	height:21px;
	border:none;
	background:#ff7011 url(sprite_01.jpg) no-repeat -27px -21px;
	color:#fff;
	cursor:pointer;
}
.search strong{
	margin-left:5px;
}
.search strong,.search span{
	color:#555;
	line-height:1.8em;
}
.search a:link{
	color:#555;
}
.search a:hover{
	color:#f60;
}
/*=D head */


/*=S 首页主栏 [091107 Jon] */
.home_bar{
	height:379px;
	overflow:hidden;
	background:#d1ff6e url(show_area.jpg) no-repeat;
}
.home_bar .l{
	width:13px;
	height:432px;
	background:url(i_cards.png) no-repeat -559px 0;
}
.home_bar .nav{
	display:inline;
	float:left;
	width:226px;
	height:400px;
	margin:11px 0 0 10px;
	
}
.home_bar .nav .content{
	float:left;
}
.home_bar .nav h2{
	width:202px;
	height:23px;
	margin:5px 0 0 12px;
	background:url(sprite_txt.gif) no-repeat 0 -56px;
	overflow:hidden;
	text-indent:-200em;
}
.home_bar .nav ul{
	clear:both;
	padding-top:9px;
}
.home_bar .nav a{
	display:block;
	width:207px;
	height:103px;
	background:url(sprite_01.jpg) no-repeat -444px 0;
	color:#919191;
}
.home_bar .nav a:hover,.home_bar .nav a.current{
	background-position:-232px 0;
	color:#ff7108;
	text-decoration:none;
}
.home_bar .nav .add a{
	background-position:-444px -103px;
	color:#4e604a;
}
.home_bar .nav .add a:hover,.home_bar .nav .add a.current{
	background-position:-232px -103px;
	color:#2a5d0e;
}
.home_bar .nav .pri a{
	background-position:-444px -205px;
	color:#79889d;
}
.home_bar .nav .pri a:hover,.home_bar .nav .pri a.current{
	background-position:-232px -205px;
	color:#547598;
}
.home_bar .nav a strong{
	display:none;
}
.home_bar .nav a em{
	display:block;
	padding:60px 0 0 68px;
	line-height:1.4em;
}
.home_bar .nav .r{
	float:right;
	width:1px;
	height:400px;
	background:url(sprite_01.gif?v=8) no-repeat -165px -113px;
}

.home_show{
	float:right;
	width:651px;
	height:432px;
	background:url(home_bar.jpg?v=8) no-repeat right 0;
	overflow:hidden
}
.home_show .title{
	padding:10px 0 10px 20px;
	color:#fff;
}
.home_show .title h3{
	display:inline;
	font-size:14px;
}
.home_show .title a{
	color:#f90;
	text-decoration:underline;
}
.home_show .title a:hover{
	text-decoration:none;
}

.home_show .sel_card .card_list{
	position:absolute;
}
.home_show .sel_card .card_list li{
	margin-bottom:13px;
}
.home_show .sel_card .content{
	position:relative;
	width:602px;
	height:327px;
	padding-top:10px;
	margin-left:22px;
	overflow:hidden;
}
.home_show .card_nav{
	clear:both;
	float:right;
	width:130px;
	padding-top:14px;
	text-align:right;
}
.home_show .card_nav a{
	display:inline;
	float:left;
	width:14px;
	height:14px;
	margin-right:16px;
	overflow:hidden;	
	color:#fff;
	background:#659a09;
	border:1px solid #efffd1;
	text-align:center;
	line-height:14px;
}
.home_show .card_nav a:hover,.home_show .card_nav a.current{
	color:#659a09;
	background:#dfff9e;
	border:1px solid #639817;
}
.home_show .post{display:none;float:left;margin:0}
.home_show .post .content{
	width:650px;
	height:344px;
	margin-left:1px;
	background:url(home_post.png?v=8) no-repeat 5px 0;
	position:relative;
}
.home_show .post .content .fiximg{
	position:absolute;
	display:block;
	width:27px;
	height:29px;
	background:url(sprite_03.gif) -166px 0 no-repeat;
	top:340px;
	left:516px;
}

.home_show .addr_nav{
	float:left;
	padding:15px 0 0 20px;
}
.home_show .addr_nav li{
	float:left;
	clear:both;
	width:100px;
	height:27px;
	overflow:hidden;
}
.home_show .addr_nav li.bd{
	height:1px;
	background:url(sprite_01.gif?v=8) no-repeat -166px -138px;
}
.home_show .addr_nav a{
	display:block;
	width:100px;
	height:27px;
	text-align:center;
	color:#f90;
	line-height:27px;
}
.addnav{background:none;}
.home_show .addr_nav a:hover,.home_show .addr_nav a.current{
	background:url(addr_bg.png?v=8) no-repeat 0 0;
	text-decoration:none;
	color:#f90;
	font-weight:bold;
}
* html .home_show .addr_nav a:hover,* html .home_show .addr_nav a.current{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/addr_bg.png', sizingMethod='crop');
}
.home_letter{
	position:relative;
	float:left;
}
.home_letter .rcode,.home_letter .scode{
	position:absolute;
	top:32px;
	left:46px;
	font-size:24px;
	font-family:arial,sans-serif;
	letter-spacing:21px;
	line-height:1.2em;
}
.home_letter .scode{
	position:absolute;
	top:283px;
	left:412px;
	font-size:16px;
	letter-spacing:2px;
}
.home_letter .cachet{
	position:absolute;
	top:60px;
	left:312px;
	width:50px;
	text-align:center
}
.home_letter .raddr,.home_letter .saddr{
	position:absolute;
	top:125px;
	left:248px;
	width:240px;
	height:40px;
	font-size:12px;
	line-height:18px;
}
.home_letter .saddr{
	top:209px;
	left:248px;
}
.home_letter .rname,.home_letter .sname{
	position:absolute;
	top:164px;
	left:248px;
	width:240px;
	text-align:center;
	line-height:40px;
	font-weight:bold;
}
.home_letter .sname{	
	top:246px;
	left:320px;
}
.home_letter .bless{
	position:absolute;
	top:70px;
	left:15px;
	width:225px;
	height:181px;
	font-size:13px;
	line-height:1.6em;
}
.home_show .write_addr{
	display:none;
	width:624px;
	height:432px;
	background:url(home_letter.jpg?v=8) no-repeat 120px 36px;
}
/*=S 首页主栏 */



/*=S 主区域 [091107 Jon] */
.main{
	float:left;
	width:650px;
	background:url(panel_bg.png) repeat-y;
	overflow:hidden;
}
.whatdo .title{
	height:36px;
	background:url(sprite_01.jpg) no-repeat 0 -370px;
	font-size:14px;
}
.whatdo .title h3{
	float:left;
	width:142px;
	height:30px;
	text-align:center;
	line-height:30px;
}
.whatdo .title ul{
	float:left;
	padding:10px 0 0 10px;
}
.whatdo .title li{
	float:left;
	padding:0 9px;
	background:url(sprite_01.jpg) no-repeat 0 -196px;
	line-height:1.2em;
}
.whatdo .title li.first{
	background:none;
}

.whatdo .content{
	padding:4px 10px;
}
.whatdo .tips{
	border:1px solid #e2d093;
	background:#fcffc5;
	color:#555;
}
.whatdo .tips div{
	padding:8px 13px;
	border:1px solid #fdffdf;
}
.whatdo .tips span{
	font-weight:bold;
	margin:0 3px;
}
.whatdo .tips a{
	display:-moz-inline-block;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:15px;
	background:url(sprite_01.jpg) no-repeat 86px -172px;
	text-decoration:underline;
}
.whatdo .b{
	height:7px;
	background:url(sprite_01.jpg) no-repeat 0 -406px;
}
.example_show .clearfix{
	padding:6px 0;
}
.example_show a.card,.example_show .info,.example_show h3{
	display:inline;
	float:left;
}
.example_show a.card{
	margin-left:14px;
	width:143px;
	height:100px;
}
.example_show .info{
	width:425px;
	height:96px;
	padding:5px 0 0 9px;
	line-height:1.6em;
	overflow:hidden;
}
.example_show h3{
	font-size:14px;
}
.example_show em{
	float:right;
	color:#555;
}
.example_show p{
	clear:both;
	color:#999;
	line-height:1.6em;
}
.sec_title ul{
	border-bottom:1px solid #93d539;
}
.sec_title li{
	display:inline;
	float:left;
	width:137px;
	height:32px;
	margin-right:5px;
}
.sec_title li a{
	display:block;
	height:32px;
	background:#dbf4b4;
	color:#555;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
.sec_title li a.current,.sec_title li a:hover{
	background:#93d539;
	color:#fff;
}

.card_classify .card_list{
	padding:14px 0 0 7px;
}
.card_classify .card_list li{
	height:143px;
	text-align:center;
}

.card_do{
	clear:both;
}
.card_do .design,.card_do .chose{
	display:inline;
	float:left;
	width:178px;
	height:47px;
	overflow:hidden;
	background:url(sprite_01.jpg) no-repeat 0 -49px;
	text-indent:-200em;
}
.card_do .chose{
	background-position:0 -101px;
}
.card_do .more{
	display:inline;
	float:right;
	margin:24px 16px 0 0;
}
/*=E 主区域 */

/*=S 侧边框 [091107 Jon] */
.sub{
	float:right;
	width:291px;
	overflow:hidden;
}
.section{
	background:url(panel_bg.png) repeat-y -655px 0;
}
.section .title{
	height:36px;
	background:#aee643 url(sprite_01.jpg) no-repeat 0 -321px;
}
.section .title h3{
	float:left;
	padding:9px 0 0 20px;
}
.section .title .action{
	float:right;
	padding:9px 20px 0 0;
}
.section .b{
	height:7px;
	background:url(sprite_01.jpg) no-repeat 0 -357px;
}
.section .content{
	padding:4px 5px;
	width:160px;
}

.section li{
	padding:4px 0;
}
.section .imgs{
	text-align:center;
}
.section .imgs img{
	width:262px;
	height:88px;
}
.section .txt li{
	width:240px;
	margin:2px 5px 8px 13px;
	padding:0;
	list-style-type:disc;
	list-style-position:inside;
	color:#f60;
	line-height:1.6em;
}
/*=E 侧边框 */


/*=S 常见问题 [091107 Jon] */
.index_links{
	padding:9px;
	border:5px solid #e1e1e1
}
.index_links div.item{
	float:left;
	width:260px;
}
.index_links h3{
	text-indent:17px;
	font-size:14px;
	line-height:1.3em;
	background:url(sprite_01.jpg) no-repeat -637px -341px;
}
.index_links .item li{
	padding:5px 0;
	margin-left:13px;
	list-style-type:disc;
	list-style-position:inside;
	color:#f60;
}
.index_links .item li a,.index_links .item li a:link{
	color:#555;
}
.index_links li a:hover{
	color:#f60;
}

.index_links .server{
	float:left;
	width:334px;
	height:180px;
	padding-left:22px;
	background:url(server.jpg) no-repeat;
	color:#555;
}
.server ul{
	float:left;
	padding-top:10px;
	line-height:1.8em;
}
.server .action{
	float:right;
	padding-top:40px;
}
.server .action a{
	display:block;
	margin:5px 0;
	height:25px;
	width:102px;
	background:#ff6b05;
	border-top:solid 1px #ffa043;
	border-left:solid 1px #d35600;
	border-right:solid 1px #ffa043;
	border-bottom:solid 1px #d35600;
	color:#fff;
	line-height:25px;
	text-align:center;
	font-weight:bold;
}
.server .action a:hover{
	background:#7F7F7F;
	border:1px solid #aaa;
	border-right-color:#727272;
	border-bottom-color:#727272;
	color:#fff;
	text-decoration:none;
}
/*=E 常见问题 */



/*=S 底部 [091107 Jon] */
.foot_content{
	padding:13px 0 27px 0;
	border-top:2px solid #afdd80;
	color:#000;
}
.foot_content strong{
	float:left;
	font-weight:normal;
}
.foot_content ul{
	float:right;
}
.foot_content li{
	display:inline;
}
.foot_content li a{
	color:#f60;
}
.foot_content li a:hover{
	color:#555;
}
.foot_content .default{
	float:left;
	padding-top:20px;
	width:850px;
}

.ppaa{
	float:right;
	padding-top:10px;
}
.ppaa a{
	float:left;
	width:38px;
	height:37px;
	margin:0 5px;
	background:url(/i/pingan.jpg) -39px 0;
	overflow:hidden;
}
.ppaa a.pa{
	width:39px;
	height:38px;
	background-position:0 0;
}
.ppaa a span{
	display:block;
	text-indent:-200em;
	overflow:hidden;
}
.copyright{
	clear:both;
	padding:10px 0;
	text-align:right;
	color:#939393;
}
/*=S 底部 */