/* IKKI's Css Reset Version 2.0 | Common CSS for All Pages | Written by IKKI | 2012-02-22 */
@charset "utf-8";

/* 重置 ------------------------------ */

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }

/* 基础 */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea, td, th { font: 12px/1.5 "微软雅黑", arial, simsun, sans-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, menu, li, dl, dt, dd, form, blockquote, pre { margin: 0; padding: 0; }

/* 排版 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }

/* 表格 */
table { border-collapse: collapse; border-spacing: 0; }

/* 表单 */
:focus { outline: none; }
fieldset { margin: 0; padding: 10px; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
table button, table input { *overflow: auto; }
textarea { overflow: auto; vertical-align: top; }

/* 引用 */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* 列表 */
ul, ol, li { list-style: none; }

/* 链接 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: none; star:expression(this.onFocus=this.blur()); }

/* 媒体 */
figure { margin: 0; }
object, video { max-width: 100%; }
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* 外观 */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
em, address, var, dfn, cite { font-style: normal; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
big { font-size: 125%; }
small { font-size: 75%; }
sub, sup { position: relative; line-height: 0; font-size: 75%; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* 辅助 */
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border: 0; }

/* 移动设备
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) { 
}
@media only screen and (min-width: 1024px) { 
}
@media print {
	* {	background: transparent !important;	color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after {	content: " (" attr(href) ")"; }
	abbr[title]:after {	content: " (" attr(title) ")"; }
	a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	thead {	display: table-header-group; }
	tr, img { page-break-inside: avoid;	}
	@page {	margin: 0.5cm; }
	p, h2, h3 {	orphans: 3;	widows: 3; }
	h2, h3 { page-break-after: avoid; }
}
*/

/* 公用 ------------------------------ */

/* VI */
fieldset { border: 1px solid #ccc; }
a { color: #004294; }
a:hover { color: #004294; }
ins { background: #ff9; }
mark { background: #f00; color: #fff; }
hr { border-bottom: 1px solid #ccc; }

/* 浮动 */
.fix:before, .fix:after { content: ""; display: table; }
.fix:after { clear: both; }
.fix { *zoom: 1; }
.clr { clear: both; height: 0; line-height: 0; font-size: 0; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }

/* 显示隐藏 */
.show {}
.hide { display: none; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* 外边距 */
.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.m15 { margin: 15px; }
.mt15 { margin-top: 15px; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px; }
.m20 { margin: 20px; }
.mt20 { margin-top: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }

/* 内边距 */
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.p20 { padding: 20px; }
.pt20 { padding-top: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

/* 对齐 */
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

/* 字体 */
.f8 { font-size: 8px; }
.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.fa { font-family: arial; }
.fv { font-family: verdana; }
.ft { font-family: tahoma; }

/* 颜色 */
.gray6 { color: #666; }
.gray9 { color: #999; }
.grayc { color: #ccc; }
.red { color: #e60012; }
.blue { color: #004294; }
.dark { color: #4c4948; }
.orange { color: #f39800; }
.gray { color: #c9caca; }
.cyan { color: #008cd6; }
.black { color: #231815; }

/* 表单 */
::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
.placeholder { color: #ccc; }

input[type=text], input[type=password], input[type=email] {
	padding: 0 5px;
	width: 256px;
	height: 30px;
	*line-height: 30px;
	box-shadow: inset 0 1px 2px #ddd;
	border: 1px solid #ccc;
	border-radius: 5px;
	vertical-align: middle;
}

.vdCode input {
	margin-right: 6px;
	width: 128px;
}

input[type=radio], input[type=checkbox] {
	 margin: -3px 6px 0 0;
	 *margin: -1px 3px 0 0;
	 _margin: -2px 3px 0 0;
	 vertical-align: middle;
}

textarea {
	padding: 10px 0 10px 10px;
	line-height: 20px;
	box-shadow: inset 0 1px 2px #ddd;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: auto;
}

button {
	margin-right: 10px;
	padding: 0 20px;
	height: 32px;
	box-shadow: inset 0 1px 0 #fff;
	background: -webkit-linear-gradient(#fefefe, #e9e9e9);
	background: -moz-linear-gradient(#fefefe, #e9e9e9);
	background: -ms-linear-gradient(#fefefe, #e9e9e9);
	background: -o-linear-gradient(#fefefe, #e9e9e9);
	background: linear-gradient(#fefefe, #e9e9e9);
	-pie-background: linear-gradient(#fefefe, #e9e9e9);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#e9e9e9');
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
	vertical-align: middle;
	overflow: hidden;
	*overflow: visible;
	cursor: pointer;
	white-space: nowrap;
}

button[type=submit] {
	background: -webkit-linear-gradient(#63c0fa, #0a7cc4);
	background: -moz-linear-gradient(#63c0fa, #0a7cc4);
	background: -ms-linear-gradient(#63c0fa, #0a7cc4);
	background: -o-linear-gradient(#63c0fa, #0a7cc4);
	background: linear-gradient(#63c0fa, #0a7cc4);
	-pie-background: linear-gradient(#63c0fa, #0a7cc4);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63c0fa',endColorstr='#0a7cc4');
	border: 1px solid #0075b1;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

button[disabled] {
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: -ms-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: linear-gradient(#eeeeee, #dddddd);
	-pie-background: linear-gradient(#eeeeee, #dddddd);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dddddd');
	border: 1px solid #ccc;
	color: #bbb;
	text-shadow: 1px 1px 0 #fff;
	cursor: not-allowed;
}

/* 模块 ------------------------------ */
body {
	background: #fff url(../_img/body_bg.png) repeat-y center;
	text-align: center;
}

body.noBg {
	background: #fff;
}

#all {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

/* 头部 */
header {
	padding: 25px 50px;
	height: 30px;
	font-size: 14px;
}

/* LOGO */
#logo {
	float: left;
}

#logo a {
	display: block;
	width: 156px;
	height: 30px;
	background: url(../_img/sprite.png) no-repeat;
	text-indent: -999em;
	_cursor: pointer;
}

/* 导航 */
nav ul {
	float: right;
}

nav ul li {
	position: relative;
	float: left;
	padding-left: 12px;
	color: #7b7b7b;
	white-space: nowrap;
}

nav ul a {
	color: #000;
}

nav ul a:hover {
	color: #000;
	text-decoration: none;
}

nav ul a.name {
	color: #e60012;
}

nav ul a.name:hover {
	color: #e60012;
}

nav ul li ul {
	position: absolute;
	top: 20px;
	right: 0;
	display: none;
	background: #eee;
	border:1px solid #bbb;
	color:#000;
	filter: alpha(opacity=88);
	opacity: 0.88;
}

nav ul li:hover ul {
	display: block;
}

nav ul li li {
	float: none;
	padding-left: 0;
	text-align: right;
}

nav ul li li:hover {
	background: #ccc;
}

nav ul li li a {
	display: block;
	_display: inline-block;
	padding: 3px 10px;
	text-shadow:1px 1px 0px #fff;
}

nav .dropdown {
	background: url(../_img/sprite.png) no-repeat right -32px;
}

nav .dropdown a {
	padding-right: 12px;
}

/* 主要内容区 */
section.bg {
	background: url(../_img/head_bg.png) repeat-x top;
}

section h3 {
	padding-bottom: 20px;
	font-size: 24px;
}

.reg {
	padding: 20px 50px 30px 200px;
}

.reg li {
	padding: 5px 0;
	line-height: 36px;
	font-size: 14px;
}

.reg li label {
	float: left;
	padding-right: 10px;
	width: 100px;
	text-align: right;
}

.reg li label strong {
	display: inline-block;
	margin: 2px 5px 0 0;
	font-size: 16px;
	color: #e81021;
	vertical-align: middle;
}

.reg li p {
	float: left;
}

.reg .sent {
	padding-left: 140px;
	background: url(../_img/info.png) no-repeat 110px -40px;
}

.reg .vdCode input {
	width: 128px;
}

.reg .regForm2 {
	display: none;
}

.reg .submit {
	padding-left: 110px;
}

.reg textarea {
	width: 560px;
	height: 400px;
}

.reg .goBack {
	padding: 20px 0 0 247px;
}

.succeed {
	padding: 150px 180px 0 180px;
}

.failed {
	padding: 150px 320px 0 320px;
}

.info div {
	padding-left: 60px;
}

.succeed div {
	background: url(../_img/succeed.png) no-repeat;
}

.failed div {
	background: url(../_img/failed.png) no-repeat;
}

.info p {
	padding-bottom: 15px;
	line-height: 24px;
	font-size: 14px;
}

.pass_strength {
	display: none;
	clear: both;
	height: 21px;
	line-height: 21px;
	background-image: url(../_img/pass_strength.png);
	background-repeat: no-repeat;
}

.pass_lv0 {
	background-position: 110px 5px;
}

.pass_lv1 {
	background-position: 110px -35px;
}

.pass_lv2 {
	background-position: 110px -75px;
}

.pass_lv3 {
	background-position: 110px -115px;
}

.pass_lv4 {
	background-position: 110px -155px;
}

/* 底部 */
footer {
	clear: both;
	width: 960px;
	height: 45px;
	line-height: 45px;
	background: url(../_img/foot_bg.png) no-repeat center top;
	color: #4c4948;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
}

.fb {
	position: absolute;
	bottom: 0;
}

/* 验证提示 */
.checkTip {
	float: left;
}

#Validform_msg {
	display: none;
	position: absolute;
	margin: -20px 0 0 -30px;
	padding: 20px 20px 20px 60px;
	background: #fcf5d4 url(../_img/warning.png) no-repeat 10px center;
	box-shadow: inset 1px 1px 1px #fff;
	border: 1px solid #e5b134;
	border-radius: 6px;
	font-size: 16px;
	color: #d08717;
	text-shadow: 1px 1px 0 #fff;
	overflow: hidden;
	white-space: nowrap;
	z-index: 999;
}

#Validform_msg .Validform_title {
	position: absolute;
	top: 0;
	right: 5px;
}

#Validform_msg .Validform_close {
	display: inline-block;
	*margin-top: 5px;
	width: 12px;
	height: 12px;
	background: url(../_img/sprite.png) no-repeat 0 -50px;
	border: none;
	font-size: 0;
}

#Validform_msg .iframe {
	display: none;
}

.Validform_checktip {
	float: left;
	margin-top: 5px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	white-space: nowrap;
}

.Validform_right {
	padding-left: 32px;
	background: url(../_img/info.png) no-repeat 5px 3px;
	color: #829612;
}

.Validform_wrong {
	padding-left: 32px;
	background: url(../_img/info.png) no-repeat 5px -147px;
	color: #a64515;
}

.Validform_help {
	padding-left: 32px;
	background: url(../_img/info.png) no-repeat 5px -97px;
	color: #1868cc;
}

.Validform_warning {
	padding-left: 32px;
	background: url(../_img/info.png) no-repeat 5px -47px;
	color: #b09b0c;
}

.Validform_loading {
	background: url(../_img/loading.gif) no-repeat center;
}

.Validform_error {
	background-color: #ffeeeb;
}

/* 登录 */
.login {
	padding: 0 40px;
	position: relative;
}

.login img.pie {
	float: left;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
	*box-shadow: 0 0 2px 1px #bbb;
	_border: 1px solid #ccc;
	border-radius: 10px;
}

.loginBox {
	position: absolute;
	top: 0;
	right: 40px;
	margin: 16px;
	padding: 16px;
	width: 216px;
	height: 284px;
	background: #fff;
	box-shadow: 0 0 5px #fff, 0 0 1px #fff, 0 1px 2px #aaa inset;
	border: 1px solid #000;
	font-size: 14px;
	z-index: 100;
}

.boxBg {
	position: absolute;
	top: 0;
	right: 40px;
	width: 280px;
	height: 348px;
	_height: 350px;
	background: #ccc;
	*background: #eee;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
	*box-shadow: 0 0 2px 1px #bbb;
	border: 1px solid #fff;
	_border: 1px solid #999;
	border-radius: 10px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	z-index: 99;
}

.login h3 {
	padding-bottom: 10px;
	font-size: 24px;
	color: #008cd6;
	text-align: center;
}

.loginBox li p {
	padding-bottom: 15px;
	*padding-bottom: 10px;
}

.loginBox input[type=text], .loginBox input[type=password] {
	width: 204px;
}

.loginBox .vdCode input {
	margin-right: 5px;
	width: 135px;
}

.loginBox .vdCode img {
	vertical-align: middle;
}

.loginBox .submit {
	padding: 15px 0 10px 0;
}

.loginBox .submit a {
	float: right;
	margin-top: 6px;
	_margin-top: 8px;
}

/* 登录弹出 */
.loginPop {
	top: 50%;
	right: 50%;
	width: 340px;
	height: 210px;
	margin: -122px -187px 0 0;
	text-align: left;
}

.boxPop {
	top: 50%;
	right: 50%;
	width: 404px;
	height: 274px;
	_height: 276px;
	margin: -138px -203px 0 0;
}

.loginPop input[type=text], .loginPop input[type=password] {
	width: 328px;
}

.loginPop .vdCode input {
	margin-right: 4px;
	width: 260px;
}

/* 焦点图 */
.focusPic {
	padding: 0 80px 10px 80px;
	_padding: 0 79px 10px 79px;
}

.focusBox {
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
	*box-shadow: 0 0 2px 1px #bbb;
	border-radius: 10px;
}

.focusPic img {
	_border: 1px solid #ccc;
	border-radius: 10px;
}

.focusPic ul {
	position: absolute;
	top: 416px;
	left: 50%;
	margin-left: -58px;
	zoom: 1;
}

.focusPic ul li {
	float: left;
	_display: inline;
	margin: 0 12px;
	cursor: pointer;
}

.focusPic ul a {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../_img/sprite.png) no-repeat -40px -50px;
	text-indent: -999em;
}

.focusPic ul .nowAd {
	background: url(../_img/sprite.png) no-repeat -20px -50px;
}

.website {
	padding: 10px 90px 20px 90px;
	_padding: 10px 87px 20px 87px;
}

.website li {
	float: left;
	_display: inline;
	margin: 0 10px;
	padding: 10px 0 5px 0;
	width: 240px;
	background: #fff;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
	*box-shadow: 0 0 2px 1px #bbb;
	_border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
}

.website li h4 {
	font-size: 18px;
}

.website li p {
	color: #666;
}

.website li img {
	margin: 5px 0;
}

.website li p a {
	margin-right: 5px;
}

/* Health */
.health {
	position: fixed;
	_position: absolute;
	top: 160px;
	margin-left: 960px;
	padding: 5px;
	width: 12px;
	line-height: 16px;
	background: #ffffce;
	border: 1px solid #f0e5ba;
	font-family: simsun;
	word-break: break-all;
	word-wrap: break-word;
}

.health a {
	color:#000;
}

.health a:hover {
	color:#e60012;
	text-decoration:none;
}