@charset "utf-8";
/* ==========================================================================
   重聚复古心法传奇 —— 官方网站样式表（单页结构）
   版式参考：热血传奇官方活动页（定宽居中 / 深色底 / 金色描边 / 内容滚动区）
   背景：网站背景图.jpg（1920x1080，上部雾青，下部暖金棕）
   ========================================================================== */

/* ---------- 基础重置 ---------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
img { border-style: none; vertical-align: middle; }
ul, ol, li { list-style-type: none; }
form { margin: 0; padding: 0; }
table { border-collapse: collapse; }
input { font: 12px/18px "宋体", Verdana, Arial; color: #333; line-height: 17px; }
select { border: 1px solid #744219; font-size: 12px; color: #333; }
.clearboth { line-height: 0; height: 0; clear: both; *display: inline; font-size: 0; }
.fl { float: left; }
.fr { float: right; }
.margin_auto { margin-right: auto; margin-left: auto; }
.margin_top5 { margin-top: 5px; }
.margin_top10 { margin-top: 10px; }
.text-alignl { text-align: left; }
.text-alignc { text-align: center; }
.text-alignr { text-align: right; }
button { margin: 0; padding: 0; border: 0; cursor: pointer; }

/* ---------- 页面基底：背景图 ---------- */
html {
	height: 100%;
	background: #0b0c0a;
}
body {
	font: 12px/22px "宋体", Verdana, Arial, Helvetica, sans-serif;
	color: #e3d0a6;
	background-color: #0b0c0a;
	/* 背景图铺满视口，固定不随内容滚动 */
	background-image: url("../网站背景图.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	-webkit-text-size-adjust: 100%;
}
/* 背景之上的暖色渐变压暗层：保证文字可读，同时保留画面质感 */
.bgMask {
	position: fixed;
	left: 0; top: 0; right: 0; bottom: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(4, 8, 10, .70) 0%, rgba(6, 8, 8, .58) 26%, rgba(12, 9, 5, .62) 62%, rgba(8, 6, 3, .80) 100%),
		radial-gradient(ellipse 90% 60% at 50% 42%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .45) 100%);
}

/* ---------- 链接 ---------- */
a:visited, a:link { color: #b08f4e; text-decoration: none; border-style: none; outline: none; }
a:hover { color: #ffb347; text-decoration: underline; border-style: none; }
a.gold:visited, a.gold:link { color: #ffd868; }
a.gold:hover { color: #fff0a8; }

/* ---------- 外框 ---------- */
.wrapout {
	width: 100%;
	position: relative;
	z-index: 1;
}
.wrapinner {
	width: 900px;
	min-height: 640px;
	margin: 0 auto;
	padding: 0 0 24px;
	position: relative;
}

/* ---------- 页眉 ---------- */
.header { height: 232px; position: relative; }

.logo {
	width: 700px;
	height: 116px;
	position: absolute;
	top: 46px;
	left: 100px;
	text-align: center;
	overflow: hidden;
}
.logo h1 {
	font: bold 46px/58px "STKaiti", "KaiTi", "华文楷体", "Microsoft YaHei", "微软雅黑";
	letter-spacing: 9px;
	text-indent: 9px;
	color: #ffe9a8;
	background: linear-gradient(#fff8d8 6%, #ffd97a 38%, #e09a1c 64%, #fff0b6 96%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 1px rgba(24, 10, 0, .95)) drop-shadow(0 0 20px rgba(20, 10, 0, .9)) drop-shadow(0 0 26px rgba(232, 160, 40, .45));
}
.logo em {
	display: block;
	margin-top: 4px;
	font: bold 15px/24px "微软雅黑", "Microsoft YaHei";
	font-style: normal;
	letter-spacing: 11px;
	text-indent: 11px;
	color: #e0b871;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .95), 0 0 14px rgba(140, 90, 20, .95);
}
.logo .rule {
	display: block;
	width: 560px;
	height: 1px;
	margin: 12px auto 0;
	background: linear-gradient(90deg, rgba(232, 160, 40, 0) 0%, rgba(255, 214, 130, .85) 22%, rgba(255, 244, 200, .95) 50%, rgba(255, 214, 130, .85) 78%, rgba(232, 160, 40, 0) 100%);
	box-shadow: 0 0 10px rgba(232, 160, 40, .75);
}

/* 页眉唯一的选项：游戏下载 */
.menu { width: 100%; height: 34px; position: absolute; top: 6px; left: 0; }
.menu dl { text-align: right; padding-right: 8px; }
.menu dd { display: inline-block; height: 34px; }
.menu dd a.down {
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	font: bold 13px/34px "微软雅黑", "Microsoft YaHei";
	letter-spacing: 2px;
	color: #fff4d0;
	text-decoration: none;
	background: linear-gradient(180deg, #a86c15 0%, #6d4410 52%, #905c12 100%);
	border: 1px solid #f0c469;
	border-radius: 3px;
	box-shadow:
		inset 0 1px 0 rgba(255, 246, 210, .6),
		inset 0 -1px 0 rgba(60, 30, 0, .7),
		0 2px 6px rgba(0, 0, 0, .85),
		0 0 16px rgba(232, 160, 40, .45);
	text-shadow: 0 1px 2px #3a1c00;
	position: relative;
}
.menu dd a.down:before {
	content: "↓";
	display: inline-block;
	margin-right: 7px;
	font: bold 14px/34px "微软雅黑", "Microsoft YaHei";
	color: #fff6d2;
}
.menu dd a.down:hover {
	color: #fffdf2;
	text-decoration: none;
	background: linear-gradient(180deg, #d18f21 0%, #8f5c14 52%, #b87318 100%);
	border-color: #ffe9a8;
	box-shadow:
		inset 0 1px 0 rgba(255, 252, 235, .75),
		0 2px 6px rgba(0, 0, 0, .85),
		0 0 26px rgba(255, 190, 70, .85);
}

/* 页眉底部金色装饰线 */
.header .hBot {
	position: absolute;
	bottom: 26px;
	left: 50px;
	width: 800px;
	height: 18px;
}
.header .hBot span {
	display: block;
	position: absolute;
	left: 0; right: 0; top: 8px;
	height: 1px;
	background: linear-gradient(90deg, rgba(232, 160, 40, 0) 0%, rgba(255, 214, 130, .9) 30%, rgba(255, 244, 200, 1) 50%, rgba(255, 214, 130, .9) 70%, rgba(232, 160, 40, 0) 100%);
	box-shadow: 0 0 12px rgba(232, 160, 40, .8);
}

/* ---------- 内容面板（参照官方活动页卷轴底） ---------- */
.innerCon {
	width: 706px;
	margin: 0 auto;
	padding: 1px 0 18px;
	background: linear-gradient(180deg, rgba(20, 14, 7, .93) 0%, rgba(14, 10, 5, .95) 48%, rgba(10, 7, 3, .96) 100%);
	border: 1px solid #7a5620;
	border-radius: 4px;
	box-shadow:
		inset 0 0 0 1px rgba(255, 216, 140, .14),
		inset 0 0 70px rgba(0, 0, 0, .9),
		0 0 30px rgba(0, 0, 0, .9),
		0 0 60px rgba(120, 70, 15, .22);
	position: relative;
}
.innerCon:before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 0;
	height: 3px;
	background: linear-gradient(90deg, rgba(232, 160, 40, 0) 0%, rgba(255, 214, 130, .95) 50%, rgba(232, 160, 40, 0) 100%);
}
.innerCon:after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(232, 160, 40, 0) 0%, rgba(180, 126, 40, .8) 50%, rgba(232, 160, 40, 0) 100%);
}
.conTitle {
	padding: 16px 0 0 28px;
	font: bold 18px/28px "微软雅黑", "Microsoft YaHei";
	color: #ffcb6b;
	letter-spacing: 2px;
	text-shadow: 0 0 12px rgba(200, 130, 20, .8);
}
.conTitle small {
	margin-left: 10px;
	font: normal 12px/22px "宋体";
	letter-spacing: 0;
	color: #9a8049;
}

/* 页内导航 */
.subNav { padding: 10px 22px 0; overflow: hidden; }
.subNav dl { overflow: hidden; }
.subNav dd { float: left; height: 32px; margin: 0 5px 5px 0; display: inline; }
.subNav dd a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 13px;
	font: bold 13px/32px "微软雅黑", "Microsoft YaHei";
	color: #c9a45f;
	background: linear-gradient(180deg, #221808 0%, #120c05 100%);
	border: 1px solid #5c4016;
	border-radius: 3px;
	text-decoration: none;
}
.subNav dd a:hover {
	color: #ffe6a6;
	text-decoration: none;
	background: linear-gradient(180deg, #4a3110 0%, #2a1c09 100%);
	border-color: #b8862e;
	box-shadow: 0 0 12px rgba(226, 154, 34, .45);
}
.subNav dd a.current {
	color: #fff6d2;
	background: linear-gradient(180deg, #8a5a15 0%, #5b3a0d 100%);
	border-color: #e8b95e;
	box-shadow: inset 0 1px 0 rgba(255, 240, 190, .45), 0 0 14px rgba(232, 160, 40, .55);
}

/* 分隔线 */
.sepLine {
	width: 650px;
	height: 1px;
	margin: 12px auto;
	background: linear-gradient(90deg, rgba(232, 160, 40, 0) 0%, rgba(180, 128, 40, .8) 50%, rgba(232, 160, 40, 0) 100%);
}

/* ---------- 正文滚动区 ---------- */
.mainCon {
	width: 650px;
	margin: 0 auto;
	line-height: 24px;
}
.mainCon p { margin-bottom: 10px; }
.mainCon span { color: #ffcc00; }
.mainCon b { color: #fffd21; font-weight: bold; }
.mainCon b span { color: #fffd21; }
.mainCon i { font-style: normal; color: #ff5f5f; }
.mainCon em { font-style: normal; color: #7ee0a8; }
.mainCon tr { color: #fddf94; }
.mainCon td { padding: 4px 5px; }
.mainCon img { border: 2px solid #900; }
.mainCon hr {
	height: 1px;
	border: 0;
	margin: 14px 0;
	background: linear-gradient(90deg, rgba(232, 160, 40, 0) 0%, rgba(180, 128, 40, .75) 50%, rgba(232, 160, 40, 0) 100%);
}

/* 顶部导语 */
.topInfro {
	font: bold 16px/28px "微软雅黑", "Microsoft YaHei";
	color: #ffa42a;
	text-shadow: 0 0 14px rgba(0, 0, 0, .95), 0 0 20px rgba(200, 120, 20, .55);
}
.topInfro span { color: #ffd868 !important; }

/* 内容滚动窗（与官方活动页一致的内滚设计） */
.scroll {
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color: #6a4a19;
	scrollbar-highlight-color: #3a2a12;
	scrollbar-face-color: #2a1d0c;
	scrollbar-arrow-color: #d8a63f;
	scrollbar-shadow-color: #6a4a19;
	scrollbar-darkshadow-color: #120c05;
	scrollbar-base-color: #120c05;
	scrollbar-track-color: #0e0904;
}
.scroll::-webkit-scrollbar { width: 10px; }
.scroll::-webkit-scrollbar-track { background: #0e0904; border-left: 1px solid #3a2a12; }
.scroll::-webkit-scrollbar-thumb {
	background: linear-gradient(#6a4a19, #33240e);
	border: 1px solid #8a6423;
	border-radius: 5px;
}
.scroll::-webkit-scrollbar-thumb:hover { background: linear-gradient(#8a6423, #4a3311); }
.mainCon.scroll { height: 560px; padding-right: 4px; }

/* ---------- 章节标题 ---------- */
.secTitle {
	display: block;
	width: 646px;
	height: 40px;
	line-height: 40px;
	margin: 16px 0 10px;
	padding-left: 44px;
	font: bold 17px/40px "微软雅黑", "Microsoft YaHei";
	color: #ffe08d;
	letter-spacing: 2px;
	border-bottom: 1px solid #6b4a1a;
	background:
		linear-gradient(90deg, rgba(232, 160, 40, .22) 0%, rgba(232, 160, 40, .04) 62%, rgba(232, 160, 40, 0) 100%);
	text-shadow: 0 0 14px rgba(0, 0, 0, .95), 0 0 16px rgba(210, 140, 25, .7);
	position: relative;
}
.secTitle:first-child { margin-top: 0; }
.secTitle .no {
	position: absolute;
	left: 0;
	top: 5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font: bold 15px/30px "微软雅黑", "Microsoft YaHei";
	color: #2a1500;
	background: linear-gradient(180deg, #ffe9a8 0%, #d8a132 55%, #a9761c 100%);
	border-radius: 3px;
	box-shadow: 0 0 12px rgba(232, 160, 40, .7), inset 0 1px 0 rgba(255, 255, 255, .6);
	text-shadow: none;
	letter-spacing: 0;
}
.secTitle small {
	margin-left: 10px;
	font: normal 12px/40px "宋体";
	letter-spacing: 0;
	color: #a2884d;
}
.h3 {
	display: block;
	margin: 12px 0 6px;
	font: bold 14px/24px "微软雅黑", "Microsoft YaHei";
	color: #ffc155;
	text-shadow: 0 0 10px rgba(0, 0, 0, .9);
}
.h3:before { content: "◆ "; color: #e8721f; }

/* 小标题（金色小横杠） */
.subTtl {
	display: block;
	margin: 12px 0 6px;
	padding-left: 10px;
	font: bold 14px/24px "微软雅黑", "Microsoft YaHei";
	color: #ffd868;
	border-left: 3px solid #e8a028;
}

/* ---------- 强调文字 ---------- */
.or { color: #ffa42a; }
.yl { color: #fffd21; }
.rd { color: #ff5f5f; }
.gr { color: #7ee0a8; }
.mu { color: #a2884d; }
.bold { font-weight: bold; }
.note { color: #a2884d; font-size: 12px; }
.tag {
	display: inline-block;
	margin-right: 6px;
	padding: 0 7px;
	height: 18px;
	line-height: 18px;
	font: 12px/18px "宋体";
	color: #1a1005;
	background: linear-gradient(#ffe08a, #d8a132);
	border-radius: 2px;
	text-shadow: none;
}
.tag.wk { background: linear-gradient(#a8dcb4, #4f9a63); color: #05210d; }
.tag.day { background: linear-gradient(#ffd0a0, #d4701f); color: #2a1000; }
.tag.time { background: linear-gradient(#c9d8ff, #5f7fd4); color: #05102a; }

/* ---------- 列表 ---------- */
.dotList { margin: 0 0 10px 2px; }
.dotList li {
	position: relative;
	padding-left: 14px;
	line-height: 24px;
	color: #e3d0a6;
}
.dotList li:before {
	content: "·";
	position: absolute;
	left: 2px;
	top: 0;
	color: #e8721f;
	font-weight: bold;
}
.dotList li b { color: #fffd21; }
.dotList li.noDot { padding-left: 0; }
.dotList li.noDot:before { content: none; }

/* ---------- 卡片 ---------- */
.actBox {
	position: relative;
	margin: 0 0 12px;
	padding: 12px 14px 10px;
	background: linear-gradient(180deg, #1e1609 0%, #120c05 100%);
	border: 1px solid #63461a;
	border-radius: 3px;
	box-shadow: inset 0 0 26px rgba(0, 0, 0, .75);
}
.actBox:hover {
	border-color: #b8862e;
	box-shadow: inset 0 0 26px rgba(0, 0, 0, .75), 0 0 14px rgba(226, 154, 34, .35);
}
.actBox .ttl {
	margin: 0 0 6px;
	font: bold 15px/24px "微软雅黑", "Microsoft YaHei";
	color: #ffd868;
}
.actBox .ttl span {
	display: inline-block;
	margin-left: 8px;
	font: normal 12px/20px "宋体";
	color: #a2884d;
}
.actBox .desc { color: #e3d0a6; }
.actBox .desc b { color: #fffd21; }

/* ---------- 数据表 ---------- */
.dataTb { width: 100%; margin: 6px 0 12px; }
.dataTb th, .dataTb td {
	border: 1px solid #573d16;
	padding: 5px 8px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
}
.dataTb th {
	background: linear-gradient(180deg, #402c0f 0%, #251906 100%);
	color: #ffd868;
	font-weight: bold;
	letter-spacing: 1px;
}
.dataTb td { color: #e3d0a6; background: rgba(255, 255, 255, .012); }
.dataTb tr:hover td { background: rgba(232, 160, 40, .1); color: #f3e0b4; }
.dataTb td.hl { color: #fffd21; font-weight: bold; }
.dataTb td.star { color: #ffa42a; letter-spacing: 1px; }
.dataTb td.lf { text-align: left; }

/* 奖励小格（8 选 4 等） */
.pickList { margin: 4px 0 12px; overflow: hidden; }
.pickList li {
	float: left;
	width: 148px;
	height: 58px;
	margin: 0 8px 8px 0;
	padding: 6px 8px;
	background: linear-gradient(180deg, #201709 0%, #110b05 100%);
	border: 1px solid #573d16;
	border-radius: 3px;
	box-sizing: border-box;
}
.pickList li:hover { border-color: #d8a63f; background: linear-gradient(180deg, #372610 0%, #1c1307 100%); }
.pickList li .nm { display: block; font: bold 13px/20px "微软雅黑", "Microsoft YaHei"; color: #ffcb6b; }
.pickList li .qt { display: block; font: 12px/18px "宋体"; color: #fffd21; }
.pickList li .no { display: block; font: 12px/16px "宋体"; color: #8b6f39; }
.pickList li.p4 { margin-right: 0; }

/* ---------- 步骤 ---------- */
.steps { margin: 6px 0 12px; overflow: hidden; }
.steps li {
	float: left;
	width: 142px;
	margin-right: 16px;
	text-align: center;
	color: #e3d0a6;
	line-height: 20px;
}
.steps li:before { content: none; }
.steps li.last { margin-right: 0; }
.steps li .no {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto 6px;
	font: bold 16px/34px "微软雅黑", "Microsoft YaHei";
	color: #2a1500;
	background: linear-gradient(180deg, #ffe9a8, #d8a132);
	border-radius: 50%;
	box-shadow: 0 0 12px rgba(232, 160, 40, .65), inset 0 1px 0 rgba(255, 255, 255, .6);
}
.steps li .tx { display: block; color: #bda169; }

/* ---------- 提示条 ---------- */
.tip {
	margin: 8px 0 12px;
	padding: 8px 12px 8px 34px;
	line-height: 22px;
	color: #ffd868;
	background: rgba(232, 160, 40, .1);
	border: 1px solid #6a4a19;
	border-left: 3px solid #e8a028;
	border-radius: 2px;
	position: relative;
}
.tip:before {
	content: "!";
	position: absolute;
	left: 11px;
	top: 9px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font: bold 12px/15px "宋体";
	color: #2a1500;
	background: #e8a028;
	border-radius: 50%;
}
.tip.warn { color: #ffa183; background: rgba(210, 80, 30, .14); border-color: #8a4218; border-left-color: #e8721f; }
.tip.warn:before { background: #e8721f; color: #2a0d00; }

/* ---------- 引用块 ---------- */
.quote {
	margin: 8px 0 12px;
	padding: 10px 14px;
	color: #e3d0a6;
	background: rgba(255, 255, 255, .025);
	border-left: 3px solid #63461a;
	font-size: 12px;
	line-height: 22px;
}
.quote b { color: #fffd21; }

/* 居中导语 */
.callout {
	margin: 0 0 14px;
	padding: 13px 16px;
	text-align: center;
	font: bold 15px/28px "微软雅黑", "Microsoft YaHei";
	color: #ffe595;
	background: linear-gradient(90deg, rgba(232, 160, 40, 0) 0%, rgba(232, 160, 40, .16) 50%, rgba(232, 160, 40, 0) 100%);
	border-top: 1px solid #63461a;
	border-bottom: 1px solid #63461a;
	text-shadow: 0 0 14px rgba(0, 0, 0, .95), 0 0 16px rgba(210, 140, 25, .7);
}
.callout span { color: #fffd21; }

/* ---------- 按钮 ---------- */
.btnBar { margin: 10px 0 4px; overflow: hidden; }
.btnBar a.btn {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin: 0 10px 8px 0;
	padding: 0 20px;
	font: bold 13px/32px "微软雅黑", "Microsoft YaHei";
	color: #fff3c8;
	text-decoration: none;
	background: linear-gradient(180deg, #8a5713 0%, #4f330d 100%);
	border: 1px solid #d8a63f;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 240, 190, .4), 0 0 14px rgba(226, 154, 34, .4);
	text-shadow: 0 1px 2px #2b1503;
}
.btnBar a.btn:hover {
	color: #fffbe6;
	text-decoration: none;
	background: linear-gradient(180deg, #b8781a 0%, #754913 100%);
	box-shadow: inset 0 1px 0 rgba(255, 245, 210, .6), 0 0 22px rgba(232, 160, 40, .8);
}

/* ---------- 页脚 ---------- */
.footer {
	width: 900px;
	margin: 12px auto 0;
	padding: 14px 0 26px;
	text-align: center;
	color: #b0955c;
	font-size: 12px;
	line-height: 22px;
	position: relative;
	z-index: 1;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .95);
}
.footer p { margin: 0 0 2px; }
.footer .faq { color: #c0a670; }
.footer .fline {
	width: 560px;
	max-width: 84%;
	height: 1px;
	margin: 9px auto;
	background: linear-gradient(90deg, rgba(120, 88, 30, 0) 0%, rgba(190, 140, 50, .85) 50%, rgba(120, 88, 30, 0) 100%);
}

/* 返回顶部 */
.goTop {
	position: fixed;
	right: 26px;
	bottom: 32px;
	z-index: 500;
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font: 12px/52px "微软雅黑", "Microsoft YaHei";
	color: #ffd868;
	cursor: pointer;
	background: linear-gradient(180deg, #3f2b0f 0%, #1a1207 100%);
	border: 1px solid #9a7128;
	border-radius: 4px;
	box-shadow: 0 0 16px rgba(0, 0, 0, .9);
	display: none;
}
.goTop:hover {
	color: #fff6d2;
	background: linear-gradient(180deg, #8a5713 0%, #40290b 100%);
	border-color: #e8b95e;
	box-shadow: 0 0 22px rgba(226, 154, 34, .7);
}

/* ==========================================================================
   小屏适配
   背景切换为竖版配图 pic4-720x1280.webp（上部亮橙、下部深黑，适配竖屏）
   ========================================================================== */
@media screen and (max-width: 920px) {
	body {
		background-image: url("../pic4-720x1280.webp");
		background-position: center top;
		background-size: cover;
		background-attachment: scroll;
	}
	.bgMask {
		background:
			linear-gradient(180deg, rgba(4, 6, 8, .66) 0%, rgba(8, 6, 4, .70) 45%, rgba(4, 3, 2, .88) 100%);
	}
	.wrapinner, .footer { width: 100%; min-width: 320px; }
	.header { height: auto; padding-bottom: 10px; }
	.menu { position: static; width: auto; padding: 8px 12px 0; }
	.menu dl { text-align: center; padding-right: 0; }
	.logo { position: static; width: auto; padding: 14px 12px 0; }
	.logo h1 { font-size: 29px; line-height: 42px; letter-spacing: 3px; text-indent: 3px; }
	.logo em { font-size: 12px; letter-spacing: 4px; text-indent: 4px; }
	.logo .rule { width: 82%; }
	.header .hBot { display: none; }
	.innerCon { width: auto; margin: 0 10px; padding-bottom: 12px; }
	.conTitle { padding: 14px 0 0 14px; font-size: 16px; }
	.conTitle small { display: block; margin-left: 0; }
	.subNav { padding: 8px 12px 0; }
	.sepLine { width: auto; margin: 10px 12px; }
	.mainCon, .mainCon.scroll {
		width: auto;
		height: auto;
		max-height: none;
		margin: 0 12px;
		padding: 0 2px 10px;
		overflow: visible;
	}
	.secTitle { width: auto; font-size: 15px; padding-left: 40px; }
	.secTitle small { display: block; line-height: 20px; margin-left: 0; }
	.pickList li { width: 48%; margin-right: 2%; }
	.pickList li.p4 { margin-right: 2%; }
	.steps li { width: 47%; margin: 0 3% 10px 0; }
	.dataTb th, .dataTb td { padding: 4px 3px; font-size: 12px; }
	.dataTb td.lf { text-align: left; }
	.goTop { right: 12px; bottom: 16px; width: 44px; height: 44px; line-height: 44px; }
}