/*
CopyRight By QpidNetwork
Bober  2012-12-04
*/
body{ margin:0; padding:0; border:0; font-family:Arial, Verdana, sans-serif; font-size:13px; line-height:16px; color:#383838; background:url(../images/bonus/bg01.jpg) repeat;}
div,ul,li,dl,dt,dd,a,span,p,h1,h2,h3,h4,h5,h6,img{margin:0px; border:0px; padding:0px;}
a{color:#03436e; text-decoration:underline;}
h1{font-size:26px; color:#252525;  font-weight:normal; line-height:30px;}
h2{font-size:26px; color:#fff; line-height:36px; padding-left:10px;}
h3{font-size:22px; color:#f0f0f0; font-weight:normal; line-height:28px;}
h4{font-size:16px; font-weight:normal; line-height:26px;}
h5{font-size:14px; color:#909090; font-weight:normal; line-height:16px;}
.clear{clear:both;}
.stronge{ font-weight:bold;}
.hidden{ display:none;}
.left{float:left;}
.right{float:right;}

#bonus_div{width:960px; height:auto; margin:0 auto; position:relative; overflow:hidden;}
#bonus_login{width:930px; font-size:12px; padding-right:30px; line-height:20px; text-align:right; padding-top:5px; }
#bonus_logo{ width:960px; margin:0px 0 15px 30px; overflow:hidden; text-align:left;}
#bonus_main{width:908px; height:auto; background:url(../images/bonus/bonus_bg.png) center bottom repeat-y;  margin:0 auto;  text-align:left;}
#bonus_main1{width:908px; height:15px; background:url(../images/bonus/bonus_bg_top.png) center bottom no-repeat;  margin:0 auto;}
#bonus_main3{width:908px; height:26px; background:url(../images/bonus/bonus_bg_bottom.png) center bottom no-repeat;  margin:0 auto;}
.b_title{top:105px; left:1px; position:absolute; z-index:10;}
.b_title01{top:370px; left:20px; position:absolute; z-index:10;}
.b_title02{top:875px;  left:20px; position:absolute; z-index:10;}
.b_title03{top:1325px;  left:20px; position:absolute; z-index:10;}

.b_content{width:838px; height:auto; padding:80px 35px 0px;}
.b_banner{width:838px; height:178px; margin-bottom:20px;}
.b_part1{width:788px; height:auto; background:url(../images/bonus/bonus_step.jpg) left 20px no-repeat; padding-top:90px; padding-right:50px; line-height:18px;}
.b_part1 a{ text-decoration:underline;}
.b_part1 p{ line-height:28px; font-weight:bold;}
.b_part1 span{
	font-style:italic;
	font-size: 10px;
}

.b_part2{width:838px; height:auto;  padding-top:45px; line-height:18px;}
.b_part2 p{width:788px; height:auto;  padding-right:50px;}
.b_part2 p a{ text-decoration:underline;}
.b_part2 table{width:772px; height:auto; border:1px solid #dbdbdb; margin:10px 0; text-align:center;}
.b_part2 table tr td{ border-left:1px solid #fff;}
.table_bg1{ height:42px; background:#e8f2da;}
.table_bg2{ height:42px; background:#cde4b0;}
.table_bg3{ height:42px; background:#fff;}
.table_bg4{ height:42px; background:#e6e6e9;}
.table_bg5{ height:42px; background:#bfe2ca;}
.table_bg6{ height:42px; background:#e6f2e8;}
.title_green{ color:#028f23; font-weight:bold;}
.b_step{width:772px; height:auto;  line-height:13px; text-align:right;}
.b_step a{ text-decoration:underline; font-size:13px; font-style:italic; font-weight:bold;}

.bonus_sub{width:908px; height:auto;  padding-top:15px; padding-bottom:5px; line-height:18px; text-align:center; background:url(../images/bonus/bonus_bg.png) center bottom repeat-y;  margin:0 auto;}
.bonus_sub a{ text-decoration:underline; font-size:10px; -webkit-text-size-adjust: none;}
.b_part3{width:838px; height:auto;  padding-top:50px; line-height:18px;}
/*选项卡*/ 
#page-wrap {
	width: 772px; 
	height:auto;
	margin:0px 0 10px;
}
#page-wrap ul {
	list-style: none;
}
#page-wrap ul li a {
	display: block;
	height:26px;
	line-height:26px;
	width:120px;
	color: #fff;
	text-decoration:none;
}
#page-wrap ul li a:hover {
	background:#666968;
	color: white;
}
#page-wrap ul li:last-child a {
	border: none;
}
#organic-tabs {
	padding: 0px;
	margin: 10px 0 10px 0;
}
#explore-nav {
	overflow: hidden;
	margin: 0;
}
#explore-nav li {
	width:auto;
	float: left;
	margin: 0 10px 0 0;
}
#explore-nav li.last {
	margin-right: 0;
}
#explore-nav li a {
	display: block;
    background:#c6c6c6;
	color: white;
	height:26px;
	line-height:26px;
	padding:0 10px;
	width:auto;
	min-width:100px;
	_width:100px;
	font-size: 13px;
	font-weight:bold;
	text-align: center;
	border: 0;
}
#all-list-wrap{
	width:710px;
	padding:10px 30px;
	 height:auto;
	 min-height:180px;
	 _height:180px;
	 border:1px solid #dadada;
	  background:#f9f9f9;}

#explore-nav li a:hover {
	background:#666968;
}

#jquerytuts, #core, #classics {
	display: none;
}
#featured table{height:auto; width:710px; border-bottom:1px solid #dbdbdb;}
#featured p{line-height:36px;}
#core p{padding-bottom:10px; border-bottom:1px solid #dbdbdb;}
#jquerytuts p{padding-bottom:10px;}
#jquerytuts a{ text-decoration:underline;}

#explore-nav li#ex-featured a.current, ul#featured li a:hover {
	background:#666968;
	color: white;
}
#explore-nav li#ex-core a.current, ul#core li a:hover {
	background:#666968;
	color: white;
}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover {
	background:#666968;
	color: white;
}

/*Footer Part*/
.footer { background:url(../images/bonus/bg02.jpg); padding:20px 0; border-top:#fff solid 1px; overflow:hidden; margin-top:10px; clear:both; font-size:11px;}
.FooterBlock { margin:0 auto; width:960px;}
.FooterLeft { width:400px; float:left; line-height:18px;}
.FooterRight { width:500px; float:right; text-align:right;}
.footer span {}
.footer a:link, .footer a:active, .footer a:visited { text-decoration:none; color:#0a5595;}
.footer a:hover { color:#900;}
/*end*/

<style>
/* Get points弹窗CSS  */
#dialog-overlay {
	width:100%; 
	height:100%;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	position:absolute; 
	background:#000; 
	top:0; left:0; 
	z-index:3000; 
	display:none;
}
#dialog-box {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background:#fff;
	border:1px solid #adadad;
	width:352px;
	position:absolute; 
	z-index:5000; 
	display:none;
}

#dialog-title{width:340px; height:26px; line-height:26px; background:url(../../images/en/ac_bg.png) repeat-x; border-bottom:1px solid #d2d2d2; color:#0074BD; text-align:left; font-size:13px; padding-left:12px; font-weight:bold;}
#dialog-title a{float:right; cursor:pointer; width:26px; height:26px; display:block;}
#dialog-title a:hover{ color:red; text-decoration:none;}

#dialog-box .dialog-content {
	text-align:left; 
	padding:8px 12px; 
	margin:0px;
	color:#000; 
	font-family:arial;
	font-size:12px; 
}
	
#dialog-message a.button{
	margin:10px auto 10px auto;
	text-align:center;
	background-color:#3d86c4;
	display: block;
	width:50px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;}
	
#dialog-message a.button:hover {
	background-color:red;	
}	

#dialog-message2{line-height:18px;}
#dialog-message2 a.button{
	text-align:center;
	background-color:#3d86c4;
	display: block;
	width:100px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;}
	
#dialog-message2 a.button:hover {
	background-color:red;	
}
</style>