/**
* Author: Charies 
* Author URI: http://www.google.com/profiles/charies.html
* Name: 《剑网叁》支付宝充值拿大礼
* Last Changed By Charies
* Last Update : 2009-12-25
*/

/* =============================================== */
/** Xoyo CSS Reset 0.3, (c)2009 Xoyo UED Team, Some rights reserved */
/* ----------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
li{list-style:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after{content:'';}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
hr{border:none;height:1px;}
body,button,input,select,textarea{font:12px/1 Arial,Tahoma,Helvetica,SimSun,san-serif;}
/* =============================================== */
/** 01. Layout - 页面框架 */
/* ----------------------------------------------- */
html{
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/html-bg.jpg) repeat-x 0 30px;}
body{
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/warp.jpg) no-repeat center 30px;}
.warp{
	width:1000px;
	margin: 0 auto;}
.lf{
	float:left;
	display:inline;}
.warp input.text,
.warp .select{
	width:250px;
	border:1px solid #D5D5D5;
	padding:2px 0;}
/* =============================================== */
/** 01. Header - 头部样式 */
/* ----------------------------------------------- */
.warp .header{
	position:relative;}
.warp .header h1,
.warp .header h2,
.warp .header h3{
	text-indent:-999em;
	background-position: 0 0;
	background-repeat:no-repeat;}
.warp .header h1{
	height:138px;
	background-image:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/bg1.jpg);}
.warp .header h2{
	height:183px;
	background-image:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/bg2.jpg);}
.warp .header h3{
	height:153px;
	background-image:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/bg3.jpg);}
.warp .header a{
	display:block;
	text-indent:-999em;
	overflow:hidden;
	position:absolute;}
.warp .header a.home-btn{
	width:230px;
	height:127px;
	top:10px;
	left:23px;}
.warp .header a.alipay{
	width:197px;
	height:57px;
	top:34px;
	left:792px;}
/* =============================================== */
/** 02. Content - 内容样式 */
/* ----------------------------------------------- */
.warp .content{
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/repeat.jpg) repeat-y 0 0;}
.warp .content-bottom{
	height:35px;
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/bottom.jpg) no-repeat 0 0;}
.warp .content .txt-con{
	width:830px;
	margin:0 0 0 86px;}
/* =============================================== */
/** 03. Navigation - 导航样式 */
/* ----------------------------------------------- */
.warp .content .navigation ul li{
	float:left;
	display:inline;}
.warp .content .navigation ul li a{
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/nav-bg.gif) no-repeat 0 center;
	padding:0 0 0 32px;
	font-size:14px;
	font-weight:700;
	color:#333;
	text-decoration:none;
	height:28px;
	line-height:28px;
	margin:0 0 0 26px;}
.warp .content .navigation ul li a.current{
	color:#e44d3a;}
/* =============================================== */
/** 04. Txt-detail - 详细样式 */
/* ----------------------------------------------- */
.warp .txt-detail{
	line-height:22px;
	margin:24px 0 0;
	overflow:hidden;
	zoom:1;}
.warp .txt-detail h3.focus-tit{
	font-size:18px;
	font-weight:700;
	color:#A40000;
	text-align:center;
	margin:0 0 12px;}
.warp .txt-detail h3.tit{
	height:29px;
	line-height:24px;
	font-size:13px;
	font-weight:700;
	color:#fff;
	padding:0 0 0 12px;
	margin:0 0 12px;
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/h3-tit.jpg) no-repeat 0 0;}
.warp .txt-detail ul.list li{
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/point.gif) no-repeat 0 5px;
	padding:0 0 0 18px;
	margin:0 0 0 24px;}
.warp .txt-detail h4.tips{
	font-weight:400;
	color:#BF4F50;
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/h4-bg.gif) no-repeat 0 center;
	padding:0 0 0 18px;}
/* =============================================== */
/** 05. Table - 表格通用样式 */
/* ----------------------------------------------- */
.warp .txt-detail table{
	width:100%;}
.warp .txt-detail table th{
	color:#666;
	font-size:14px;}
.warp .txt-detail table td,
.warp .txt-detail table th{
	border:1px solid #A9CBDA;
	vertical-align:middle;
	height:30px;
	padding:0 12px;}
/* =============================================== */
/** 06. Step - 注册步骤内容 */
/* ----------------------------------------------- */
.warp .txt-detail ol.step li a{
	display:block;
	width:111px;
	height:33px;
	line-height:27px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/ol-bg.gif) no-repeat 0 0;
	margin:12px 0 24px;}
.warp .txt-detail ol.step li a:hover{
	text-decoration:underline;}
/* =============================================== */
/** 07. Xoyo-login - 逍遥登录 */
/* ----------------------------------------------- */
.warp .xoyo-login .xoyo-login-tit{
	height:31px;
	line-height:31px;
	background:url(http://pic.xoyo.com/cms/jx3/2009/12/14/spawn/x-login-h3.jpg) no-repeat 0 0;}
.warp .xoyo-login .xoyo-login-tit h3{
	font-size:14px;
	padding:0 0 0 34px;}
.warp .xoyo-login .xoyo-login-con{
	border:1px solid #CFCFCF;
	border-top:none;
	padding:10px 5px;}
/* Float Clear */
.warp .content .navigation ul{zoom:1;}
.warp .content .navigation ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}