/*
===================
初始化【请勿修改】
===================
*/
html,body,
dl, dt, dd, ul, p, th, td,
h1, h2, h3, h4, h5, h6,
pre, code, form,
fieldset, legend{
	margin: 0;
	padding: 0;
}
cite,
em,
strong,
th {
	font-style: normal;
}
td,
th,
div {
	word-break:break-all;
	word-wrap:break-word;
}
/*解决ff下不换行问题*/
pre{
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
form{
	display:inline;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
th {
	text-align: left;
	font-weight:100;
}
ol li {
	list-style: decimal outside;
}
ol{
	padding:0 0 0 18px;
	margin:0;
}
li {
	list-style:none;
}
img {
	display:block;
	border: 0;
}
/*
===================
html5标签初始化
===================
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/*
===================
清除浮动【请勿修改】
>>	cc	作用于父模型
>>	c		作用于浮动模型后，父模型区域里
===================
*/
.cc{
	zoom:1;
	background:#fff;
}
.cc:after{
	content:'\20';
	display:block;
	clear:both;
	visibility: hidden;
}
.c{
	clear:both;
	overflow:hidden;
}

/*
===================
ie6固定弹窗滚动hack
===================
*/
html{
	_background-image:url(../../images/common/blank.gif);
	background-attachment:fixed;
	-webkit-text-size-adjust:none;
	overflow-y:scroll;
}
/*
===================
全局宽度【对模块或内容进行间距微调，强化为最高级别】
===================
*/
.w375{width:375px;}
.w373{width:373px;}
.w640{width:640px;}
.w380{width:380px;}
.w250{width:250px;}
.h175{height:175px;}
.h193{height:175px;}
.h250{height:250px;}
/*
===================
全局间距【对模块或内容进行间距微调，强化为最高级别】
===================
*/
.mt5{
	margin-top:5px !important;
}
.mt8{
	margin-top:8px !important;
}
.mt10{
	margin-top:10px !important;
}
.ml10{
	margin-left:10px !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mr5{
	margin-right:5px !important;
}
.mr10{
	margin-right:10px !important;
}
.mr15{
	margin-right:15px !important;
}
.mr20{
	margin-right:20px !important;
}
.p5{
	padding:5px;
}
.pt8{
	padding-top:8px;
}
.p8{
	padding:8px;
}
.pt10{
	padding-top:10px;
}
.pbt10{
	padding:10px 0;
}
.p10{
	padding:10px;
}
.p15{
	padding:15px;
}
.p20{
	padding:20px;
}

/*
===================
基础样式
>>	b			加粗
>>	u			下划线
>>	i			斜体
>>	w			文本不换行
>>	tal		文本靠左显示
>>	tac		文本居中显示
>>	tar		文本靠右显示
>>	fl		左浮动
>>	fr		右浮动
>>	pr		相对定位
>>	cp		鼠标点击手势
>>	vt		表格内容靠上显示
===================
*/
.b{
	font-weight:700 !important;
}
.u{
	text-decoration:underline !important;
}
.i{
	font-style:italic !important;
}
.w{
	white-space:nowrap;
}
.tal{
	text-align:left !important;
}
.tac{
	text-align:center !important;
}
.tar{
	text-align:right !important;
}
.fl{
	float:left !important;
	display:inline;
}
.fr{
	float:right !important;
	display:inline;
}
.pr{
	position:relative;
}
.cp{
	cursor:pointer;
}
.vt{
	vertical-align:top;
}
.dn{
	display:none;
}

/*
===================
全局字体大小
>>	f10		小字体
>>	f12		正常字
>>	f14		大字
>>	f16		更大
>>	f24		标题类
>>	fn		文本去粗
>>	price 价格数字样式
===================
*/
.f10{
	font-size:10px;
}
.f12{
	font-size:12px !important;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f24{
	font-size:24px;
	font-family:Arial, "Microsoft Yahei", Simsun;
}
.fn{
	font-weight:normal !important;
}
.price{
    color: #C53F4C;
    font-family: Arial;
    font-weight: bold;
}
.price strong{
    font-family: Georgia, Constantia;
    font-size: 20px;
    font-weight: normal;
}
.price del{
	  color: #666666;
    font-weight: normal;
    margin-left: 15px;
}
/*
===================
全局按钮【可在input、button、a使用，可自由组合】
>>	btn									默认按钮
>>	btn btn_big					大按钮
>>	btn btn_error				错误按钮
>>	btn btn_success			确认按钮
>>	btn btn_submit			提交按钮
===================
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn {
	color: #333 !important;
	background-color:#f3f3f3;
	background-position:0 0;
	border: 1px solid #b1aeae;
	border-radius: 2px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	padding:4px 10px;
	*padding:5px 10px 6px;
	_padding:5px 10px 4px;
	display: inline-block;
	cursor: pointer;
	font-size:100%;
	line-height: normal;
	text-decoration:none;
	overflow:visible;
	vertical-align: middle;
	text-align:center;
	zoom: 1;
	white-space:nowrap;
	font-family:inherit;
	*font-family:Simsun;
	margin:0;
}
input.btn,
button.btn{
	*padding: 4px 10px 4px !important;
	_padding: 5px 10px 1px !important;
}
.btn em{
	font-size:10px;
	font-style:normal;
	padding-left:2px;
	font-family:Arial;
	vertical-align:1px;
}
/*加号*/
.btn .add{
	width:9px;
	height:9px;
	background-position:-2px -2px;
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 -3px;
}
.btn_big .add{
	width:13px;
	height:13px;
	background-position:0 0;
}
.btn_error .add,
.btn_success .add,
.btn_submit .add{
	background-position:-2px -22px;
}
.btn_big.btn_error .add,
.btn_big.btn_success .add,
.btn_big.btn_submit .add{
	background-position:0 -20px;
}
/*悬停*/
.btn:hover {
	background-position: 0 -40px;
	color: #333;
	text-decoration: none;
}
/*点击后*/
.btn:active {
	background-position:0 -81px;
}
/*大按钮*/
.btn_big {
	font-size: 14px;
	line-height: normal;
	padding: 6px 18px;
	*padding:7px 18px;
	_padding:7px 18px 5px;
	border-radius: 2px;
}
input.btn_big,
button.btn_big{
	*padding: 6px 18px 5px !important;
	_padding: 6px 18px 3px !important;
}
/*其他按钮文字颜色*/
.btn_error,
.btn_error:hover,
.btn_success,
.btn_success:hover,
.btn_submit,
.btn_submit:hover{
  color: #ffffff !important;
}
/*提交按钮*/
.btn_submit{
	background-position:0 -120px;
	background-color: #3b7dc3;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #0f75a4 #0e6191 #0c497c #0e6191;
}
.btn_submit:hover{
	background-position:0 -160px;
}
.btn_submit:active{
	background-position:0 -201px;
	border-color: #0c487b #0e5d8e #0f75a3 #0e5d8e;
}
/*确认按钮*/
.btn_success{
	background-color: #89bf00;
	background-position:0 -240px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #498400 #498400 #355f00;
	color: #ffffff;
}
.btn_success:hover{
	background-position:0 -280px;
}
.btn_success:active{
	background-position:0 -321px;
}
/*错误按钮*/
.btn_error{
  background-color: #f29407;
	background-position:0 -360px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  border-color: #da9608 #cb7d09 #bc650a #cb7d09;
}
.btn_error:hover{
	background-position:0 -400px;
}
.btn_error:active{
	background-position:0 -441px;
  border-color: #bc640a #cb7d09 #da9508 #cb7d09;
}
/*失效*/
input.disabled,
textarea.disabled,
select.disabled,
button.disabled,
.disabled,
.disabled:hover{
	border-color: #b1aeae !important;
	background: #e9e9e9 !important;
	box-shadow: none !important;
	color: #999 !important;
	cursor:default;
	text-shadow: 1px 1px 0 #fff !important;
}
.disabled .add{
	display:none;
}

/*
===================
表单样式
>>	.input与texarea 可加样式 .length_* 进行宽度控制(其中*是1-6的数字，由大到小)
>>	select 可使用 .select_* 进行宽度控制(其中*是1-6的数字，由大到小)
>>	.form_success 与 .form_error 可对输入框文本框进行正确错误效果显示
===================
*/
.input,
textarea,
select {
	padding:4px 4px;
	font-size: 100%;
	line-height:18px;
	border:1px solid #ccc;
	background-color:#fff;
	box-shadow:2px 2px 2px #f0f0f0 inset;
	vertical-align: middle;
  margin: 0;
	font-family: inherit;
	color:#333;
}
.input:focus,textarea:focus{
	outline:2px solid #99d8f5;
	border-color:#7bbff2;
}
.input{
	height:18px;
}
/*ie6需要下面两组分开才有效果*/
input.radio,
input.checkbox{
	vertical-align:-3px;
	padding:0;
	margin-right:3px;
	*marign-rignt:0;
	_vertical-align:-1px;
	_margin-right:0;
}
input[type="radio"],
input[type="checkbox"]{
	vertical-align:-3px;
	padding:0;
	margin-right:3px;
	*marign-rignt:0;
	_vertical-align:2px;
}
textarea{
	height:72px;
  overflow: auto;
  vertical-align: top;
	resize: vertical;
}
select,
input[type="file"] {
	height: 28px;
	line-height: 28px;
	padding:0 0 0 4px;
}
select[size]{
	height:auto;
	font-family:Simsun;
}
.form_success{
	border-color:#3e973e #87c787 #87c787 !important;
	outline:2px solid #87c787;
}
.form_error{
	border-color:#bc5050 #f2a6a6 #f2a6a6 !important;
	outline:2px solid #f2a6a6;
}
.placeholder{
	color:#999;
}

/*
===================
输入框文本框长度【亦可对其他模块进行宽度控制】
===================
*/
.length_0{
	width:20px;
}
.length_1{
	width:50px;
}
.length_2{
	width:110px;
}
.length_3{
	width:170px;
}
.length_4{
	width:230px;
}
.length_5{
	width:290px;
}
.length_6{
	width:350px;
}

/*
===================
选择select专属长度【亦可对其他模块进行宽度控制】
===================
*/
.select_1{
	width:60px;
}
.select_2{
	width:120px;
}
.select_3{
	width:180px;
}
.select_4{
	width:240px;
}
.select_5{
	width:300px;
}
.select_6{
	width:360px;
}

/*
===================
必填选项的星号
>>	<div class="must_red">*</div>
===================
*/
.must_red{
	font-family:Simsun;
	color:#ff0000;
	margin-top:0;
	margin-left:-13px;
	position:absolute;
	font-size:14px;
}