* {
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}
html, body {margin: 0px; padding: 0px; min-width: 980px; max-width: 100%;}
body {color: #444444}
body a {color: #000000; text-decoration: none}
body a:hover {color: #AA0000}

/* table 定义 */
body, table, td {font-size: 13px; line-height: 1.4; font-family: "微软雅黑"}
table {border-spacing: 0;}
th, td { line-height: 1.42857; padding: 8px 16px; }

/* page */
.active {font-weight: 800}
.page {padding-bottom: 12px; overflow: visible; clear: both}
.page a, .page a.active{display: inline-block; padding: 8px 12px; margin-right: 4px; border: 1px solid #49535E; color: #E9E9E9; -webkit-border-radius: 18px; border-radius: 18px; background: #555; text-decoration: none}
.page a:hover, .page a.active{color: #E9E9E9;  background: #000; }

/* 标题 */
h1, h2, h3, h4, h5, h6, div, p{margin:0px; padding:0px; line-height: 1; text-indent: 0px;}
h1, h2, h3, h4, h5, h6, p {margin-top: 8px; line-height: 1.4}
h1 {font-size:36px}
h2 {font-size:30px}
h3 {font-size:24px}
h4 {font-size:18px}
h5 {font-size:14px}
h6 {font-size:12px; font-weight: 500}
img {border: 0px;}

/* Button 按钮 */
button {
	border: 0px;
	border: 1px #C5C5C5 solid;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.42857;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowarp;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbfbfb', endColorStr='#f5f5f5', gradientType='0');
	background-image: -ms-linear-gradient(top, #fbfbfb, #f5f5f5); /* IE10 */
	background-image: -webkit-linear-gradient(top, #fbfbfb, #f5f5f5); /* Chrome */
	background-image: -moz-linear-gradient(top, #fbfbfb, #f5f5f5); /* Firefox */
	background-image: -o-linear-gradient(top, #fbfbfb, #f5f5f5); /* Opera */
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	color:#5d5e5f;
	-moz-user-select: none;
}
button.small {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.44857;
	padding: 4px 12px;
}
button.middle {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.44857;
	padding: 6px 12px;
}
button.big {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.44857;
	padding: 8px 12px;
}
button.blue {
	border: 1px solid #003458;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#16b1e4', endColorStr='#0183b3', gradientType='0');
	background-image: -ms-linear-gradient(top, #16b1e4, #0183b3); /* IE10 */
	background-image: -webkit-linear-gradient(top, #16b1e4, #0183b3); /* Chrome */
	background-image: -moz-linear-gradient(top, #16b1e4, #0183b3); /* Firefox */
	background-image: -o-linear-gradient(top, #16b1e4, #0183b3); /* Opera */
	color: #ffffff;
}
button.grey {
	border: 1px solid #b1b1b1;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f3f3f3', endColorStr='#d2d2d2', gradientType='0');
	background-image: -ms-linear-gradient(top, #f3f3f3, #d2d2d2); /* IE10 */
	background-image: -webkit-linear-gradient(top, #f3f3f3, #d2d2d2); /* Chrome */
	background-image: -moz-linear-gradient(top, #f3f3f3, #d2d2d2); /* Firefox */
	background-image: -o-linear-gradient(top, #f3f3f3, #d2d2d2); /* Opera */
	color: #787a78;
}
button.red {
	border: 1px solid #8d0d0d;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E52626', endColorStr='#ab1111', gradientType='0');
	background-image: -ms-linear-gradient(top, #E52626, #ab1111); /* IE10 */
	background-image: -webkit-linear-gradient(top, #E52626, #ab1111); /* Chrome */
	background-image: -moz-linear-gradient(top, #E52626, #ab1111); /* Firefox */
	background-image: -o-linear-gradient(top, #E52626, #ab1111); /* Opera */
	color: #ffffff;
}
button.yellow {
	border: 1px solid #d67e21;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFA444', endColorStr='#E17707', gradientType='0');
	background-image: -ms-linear-gradient(top, #FFA444, #E17A0C); /* IE10 */
	background-image: -webkit-linear-gradient(top, #FFA444, #E17A0C); /* Chrome */
	background-image: -moz-linear-gradient(top, #FFA444, #E17A0C); /* Firefox */
	background-image: -o-linear-gradient(top, #FFA444, #E17A0C); /* Opera */
	color: #ffffff;
}
button.blue:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3CC5F2', endColorStr='#058EBD', gradientType='0'); /* IE */
	background-image: -ms-linear-gradient(top, #3CC5F2, #058EBD); /* IE10 */
	background-image: -moz-linear-gradient(top, #3CC5F2, #058EBD); /* Firefox */
	background-image: -webkit-linear-gradient(top, #3CC5F2, #058EBD); /* Chrome */
	background-image: -o-linear-gradient(top, #3CC5F2, #058EBD); /* Opera */
}
button.blue:active {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0e80a5', endColorStr='#0183b3', gradientType='0');
	background-image: -ms-linear-gradient(top, #0e80a5, #0183b3); /* IE10 */
	background-image: -moz-linear-gradient(top, #0e80a5, #0183b3); /* Firefox */
	background-image: -webkit-linear-gradient(top, #0e80a5, #0183b3); /* Chrome */
	background-image: -o-linear-gradient(top, #0e80a5, #0183b3); /* Opera */
}
button.grey:hover{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f8f8f8', endColorStr='#dcdcdc', gradientType='0'); /* IE */
	background-image: -ms-linear-gradient(top, #f8f8f8, #dcdcdc); /* IE10 */
	background-image: -moz-linear-gradient(top, #f8f8f8, #dcdcdc); /* Firefox */
	background-image: -webkit-linear-gradient(top, #f8f8f8, #dcdcdc); /* Chrome */
	background-image: -o-linear-gradient(top, #f8f8f8, #dcdcdc); /* Opera */
}
button.grey:active{
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e3e2e2', endColorStr='#f5f5f5', gradientType='0');
	background-image: -ms-linear-gradient(top, #e3e2e2, #f5f5f5); /* IE10 */
	background-image: -moz-linear-gradient(top, #e3e2e2, #f5f5f5); /* Firefox */
	background-image: -webkit-linear-gradient(top, #e3e2e2, #f5f5f5); /* Chrome */
	background-image: -o-linear-gradient(top, #e3e2e2, #f5f5f5); /* Opera */
}
button.red:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF4747', endColorStr='#b71313', gradientType='0'); /* IE */
	background-image: -ms-linear-gradient(top, #FF4747, #b71313); /* IE10 */
	background-image: -moz-linear-gradient(top, #FF4747, #b71313); /* Firefox */
	background-image: -webkit-linear-gradient(top, #FF4747, #b71313); /* Chrome */
	background-image: -o-linear-gradient(top, #FF4747, #b71313); /* Opera */
}
button.red:active {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#aa0f0f', endColorStr='#9a0e0e', gradientType='0');
	background-image: -ms-linear-gradient(top, #aa0f0f, #9a0e0e); /* IE10 */
	background-image: -moz-linear-gradient(top, #aa0f0f, #9a0e0e); /* Firefox */
	background-image: -webkit-linear-gradient(top, #aa0f0f, #9a0e0e); /* Chrome */
	background-image: -o-linear-gradient(top, #aa0f0f, #9a0e0e); /* Opera */
}
button.yellow:hover {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFC07E', endColorStr='#E88319', gradientType='0'); /* IE */
	background-image: -ms-linear-gradient(top, #FFC07E, #E88319); /* IE10 */
	background-image: -moz-linear-gradient(top, #FFC07E, #E88319); /* Firefox */
	background-image: -webkit-linear-gradient(top, #FFC07E, #E88319); /* Chrome */
	background-image: -o-linear-gradient(top, #FFC07E, #E88319); /* Opera */
}
button.yellow:active {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f78120', endColorStr='#e1771d', gradientType='0');
	background-image: -ms-linear-gradient(top, #f78120, #e1771d); /* IE10 */
	background-image: -moz-linear-gradient(top, #f78120, #e1771d); /* Firefox */
	background-image: -webkit-linear-gradient(top, #f78120, #e1771d); /* Chrome */
	background-image: -o-linear-gradient(top, #f78120, #e1771d); /* Opera */
}
button.disabled{
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.45;
	pointer-events: none;
}


/* input */
input[type="text"], input[type="password"], textarea {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	font-size: 13px;
	width: 100%;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
	-moz-box-sizing: border-box; /* Firefox3.5+ */
	-webkit-box-sizing: border-box; /* Safari3.2+ */
	-o-box-sizing: border-box; /* Opera9.6 */
	-ms-box-sizing: border-box; /* IE8 */
	box-sizing: border-box; /* W3C */
}
input[type="text"]:focus, input[type="password"]:focus {
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	outline: none;
	border: #35a5e5 1px solid;
	background-color:#FFFFFF;
	box-shadow: 0 0 4px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 4px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 4px rgba(81, 203, 238, 1);
}
input[type="text"].default, input[type="password"].default, input[type="text"].default:focus, input[type="password"].default:focus {
	transition: all 0 ease-in-out;
	-webkit-transition: all 0 ease-in-out;
	-moz-transition: all 0 ease-in-out;
	outline :none;
	border: black 1px solid;
	box-shadow: 0 0 0px;
	-webkit-box-shadow: 0 0 0px;
	-moz-box-shadow: 0 0 0px;
}
input[type="text"].error, input[type="password"].error, input[type="text"].error:focus, input[type="password"].error:focus {
	transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	outline :none;
	border: #eb483c 1px solid;
	box-shadow: 0 0 4px rgba(235, 72, 60, 1);
	-webkit-box-shadow: 0 0 4px rgba(235, 72, 60, 1);
	-moz-box-shadow: 0 0 4px rgba(255, 235, 60, 1);
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	background-color:#FFFFFF;
}
input[type="text"].small, input[type="password"].small {
	height: 28px;
	padding: 4px 8px;
	font-size: 12px;
}

input[type="text"].middle, input[type="password"].middle {
	height: 34px;
	padding: 6px 12px;
}
input[type="text"].big, input[type="password"].big {
	height: 43px;
	padding: 4px 8px;
	font-size: 16px;
}


/* select */
select {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	font-size: 13px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
	min-width:100px;
	-moz-box-sizing: border-box; /* Firefox3.5+ */
	-webkit-box-sizing: border-box; /* Safari3.2+ */
	-o-box-sizing: border-box; /* Opera9.6 */
	-ms-box-sizing: border-box; /* IE8 */
	box-sizing: border-box; /* W3C */
}








/* panel */
div.panel, div.dialog, table.panel {
	overflow: hidden;
	background-color: #FFFFFF;
	border: 1px #DDDDDD solid;
	margin-top: 8px;

	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;

	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 120 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 120 3px rgba(0, 0, 0, 0.2);

}
div.panel > div.header, div.dialog div.header {

	border-bottom: 1px solid #DDDDDD;
	padding: 12px 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	font-weight: bold;

	background-color: #F4F4F4;
	background-image: -moz-linear-gradient(top, #F7F7F7, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F7F7), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #F7F7F7, #EEEEEE);
	background-image: -o-linear-gradient(top, #F7F7F7, #EEEEEE);
	background-image: linear-gradient(top bottom, #F7F7F7, #EEEEEE);
	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#EEEEEE', GradientType=0);

	color: #666666;
	text-shadow:1px 1px 0 #FFFFFF;
}
table.tlist {
	border-collapse: separate;
	border: 1px solid #E3E3E3;
	border-top: none;
}
table.tlist > tbody > tr > th, table.tlist > tr > th, table.tlist > thead > tr > th, table.tlist > tbody > tr > td, table.tlist > tr > td {
	border: 0px;
	border-top: 1px solid #E3E3E3;
}
table.tborder {
	border-collapse: separate;
	border: 0px;
	border-top: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
}
table.tborder > tbody > tr > th, table.tborder > tr > th, table.tborder > thead > tr > th, table.tborder > tbody > tr > td, table.tborder > tr > td {
 	border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3;
}
table.tlist > tbody > tr:hover, table.tlist > tr:hover, table.tborder > tbody > tr:hover, table.tborder > tr:hover {
	background: #F4F4F4;
}
table.tlist > tbody > tr > th, table.tlist > tr > th, table.tlist > thead > tr > th, table.tlist > tr > th, table.tborder > tbody > tr > th, table.tborder > tr > th {
	background-color: #F0F0F0;
	background-image: -moz-linear-gradient(top, #F7F7F7, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F7F7), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #F7F7F7, #EEEEEE);
	background-image: -o-linear-gradient(top, #F7F7F7, #EEEEEE);
	background-image: linear-gradient(top bottom, #F7F7F7, #EEEEEE);
	background-repeat: repeat-x;
}
table.tborder > thead > tr.caption > th, table.tborder > tbody > tr.caption > th, table.tborder > tr.caption > th, table.tlist > thead > tr.caption > th, table.tlist > tbody > tr.caption > th, table.tlist > tr.caption > th {
	background: #F7F7F7; padding-top: 5px; padding-bottom: 5px; font-weight: normal; color: #009000;;
}
/* .panel .tlist 组合 */
div.panel table.tlist {border: none;}
div.panel table.tlist > tbody > tr > th, div.panel table.tlist > tr > th, div.panel table.tlist > thead > tr > th, div.panel table.tlist > tr > th {background: none; border: 0px;}

/* .panel .tborder 组合 */
div.panel table.tborder {margin-top: 8px;}

/* 定义 panel 内的间距 */
div.panel > div.body, div.dialog div.body {
	padding: 0px 16px 16px 16px;
}
div.panel p {
	margin-top: 8px;
}
div.panel p.hr {
	margin-top: 8px;
}
div.panel dl, div.panel ul {
	margin-top: 8px;
}





/* notice */
.notice {
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	line-height: 24px;
	margin-top: 16px;
	padding: 4px 10px;
	font-size: 14px;
	display:none;
}
.notice.error {
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	color: #A94442;
	display:block;
}
.notice.ok {
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	color: #31708F;
	display:block;
}



/* progress */
/*
.progress {
    background-color: #F5F5F5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.progress-bar {
    background-color: #428BCA;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #FFFFFF;
    float: left;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}
*/



/* dialog */
.dialog-overlay {width: 100%; height: 100%; top: 0; left: 0; top: 0; position: absolute; z-index: 10; background: url("http://www.yegenyou.com/view/img/overlay_bg.png") scroll 50% 50% #AAAAAA; opacity: 0.5; filter:Alpha(Opacity=70); overflow: hidden}
.dialog {width: 600px; z-index: 11; position: absolute; top: 100px; left: 150px; display: none; margin-top: 0px;}
.dialog div.header {}
.dialog div.body {margin: 12px; margin-top: 4px}




/* propover */
.arrow {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	content: " ";
	border-width: 8px;
	box-sizing: border-box;
}
.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	content: " ";
	border-width: 7px;
	box-sizing: border-box;
}
.arrow.top {
	bottom: -15px;
	left: 10px;
	border-top-color: #820000;
}
.arrow.top:after {
	top: -8px;
	left: -7px;
	border-top-color: #FF5757;
	border-bottom-width: 0;
}
.arrow.bottom {
	top: -15px;
	left: 10px;
	border-bottom-color: #820000;
}
.arrow.bottom:after {
	top: 1px;
	left: -7px;
	border-bottom-color: #FF5757;
	border-top-width: 0;
}
.arrow.left {
	top: 4px;
	right: -15px;
	border-left-color: #820000;
}
.arrow.left:after {
	top: -7px;
	left: -8px;
	border-left-color: #FF5757;
	border-right-width: 0;
}
.arrow.right {
	top: 4px;
	left: -15px;
	border-right-color: #820000;
}
.arrow.right:after {
	top: -7px;
	left: 1px;
	border-right-color: #FF5757;
	border-left-width: 0;
}
.popover {
	/*width: 300px;
	height: 24px;*/
	line-height: 24px;
	padding-left: 4px; padding-right: 4px;
	background: #FF5757;
	border: 1px solid #820000;
	position: absolute;
	color: #FFFFFF;
	border-radius: 3px;
}



/*                 ul, dl 多列定义                           */
/*
dl.row, ul.row {display: table;}
dl.row > dt, dl.row > dd, ul.row > li {display: table-cell; vertical-align: middle;}
*/

dl.row, ul.row {display: block; overflow: hidden; clear: both;}
dl.row > dt, dl.row > dd, ul.row > li {float: left; list-style: none; min-height: 16px;}

dl.row.float, ul.row.float {display: block}
dl.row.float > dt, dl.row.float > dd, ul.row.float > li {float: left; list-style: none; min-height: 16px;}

dl.row.table, ul.row.table {display: table; width: 100%;}
dl.row.table > dt, dl.row.table > dd, ul.row.table > li {float: none; display: table-cell; vertical-align: middle;}

dl.row, dl.row > dt, dl.row > dd, ul.row, ul.row > li {
	margin: 0px;
	padding: 0px;
	/*display: block;*/
	width: 100%;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
dl.row, ul.row {overflow: hidden; clear: both; margin-top: 8px}
dl.row > dt, dl.row > dd {width: 50%; /*float: left*/}
dl.row.table > dt, dl.row.table > dd {width: auto; /*float: left*/}

dl.form > dt, dl.form > dd{line-height: 34px; min-height:34px;}

dl.row > dt.col-1 {width: 10%}
dl.row > dt.col-15 {width: 15%}
dl.row > dt.col-2 {width: 20%}
dl.row > dt.col-3 {width: 30%}
dl.row > dt.col-4 {width: 40%}
dl.row > dt.col-5 {width: 50%}
dl.row > dt.col-6 {width: 60%}
dl.row > dt.col-7 {width: 70%}
dl.row > dt.col-8 {width: 80%;}
dl.row > dt.col-85 {width: 85%}
dl.row > dt.col-9 {width: 90%}
dl.row > dd.col-1 {width: 10%}
dl.row > dd.col-15 {width: 15%}
dl.row > dd.col-2 {width: 20%}
dl.row > dd.col-3 {width: 30%}
dl.row > dd.col-4 {width: 40%}
dl.row > dd.col-5 {width: 50%}
dl.row > dd.col-6 {width: 60%}
dl.row > dd.col-7 {width: 70%}
dl.row > dd.col-8 {width: 80%}
dl.row > dd.col-85 {width: 85%}
dl.row > dd.col-9 {width: 90%}

ul.row > li {width: 50%; float: left}
ul.row.table > li {width: auto; float: none}
ul.row > li.col-1 {width: 10%}
ul.row > li.col-2 {width: 20%}
ul.row > li.col-3 {width: 30%}
ul.row > li.col-4 {width: 40%}
ul.row > li.col-5 {width: 50%}
ul.row > li.col-6 {width: 60%}
ul.row > li.col-7 {width: 70%}
ul.row > li.col-8 {width: 80%}
ul.row > li.col-9 {width: 90%}

ul.row > li.col-one {width: 100%}
ul.row > li.col-two {width: 50%}
ul.row > li.col-three {width: 33.333333333333336%}
ul.row > li.col-four {width: 25%}
ul.row > li.col-six {width: 16.666666666666668%}
ul.row > li.col-seven {width: 14.285714285714286%}

ul.row.table.vtop > li, ul.row.table > li.vtop {vertical-align: top;}
dl.row.table.vtop > dt, dl.row.table.vtop > dd, dl.row.table > dt.vtop, dl.row.table > dd.vtop {vertical-align: top;}

/*   字体，对齐，边框，分割线等杂项 */
.small, small {font-size: 12px}
.middle, middle {font-size: 14px}
.big, big {font-size: 18px}
.grey, .grey a{color: #999999}
.dark, .dark a{color: #555555}
.green, .green a {color: #00CC11}
.red, .red a {color: #BB0000}
.nowrap {white-space: nowrap; overflow: hidden;}

.width, dl.width, ul.width {min-width: 980px; max-width: 1200px; margin-left: auto; margin-right: auto;}
.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.absmiddle {text-align: right; vertical-align: middle; display: table-cell;}

.bold {font-weight: 800}
.normal {font-weight: 500}
.border {border: 1px solid #CCCCCC;}
.shadow {
	-webkit-box-shadow: 3px 3px 3px #BBBBBB;
	-moz-box-shadow: 3px 3px 3px #BBBBBB;
	box-shadow: 3px 3px 3px #BBBBBB;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB', Direction=120, Strength=3);
}
.radius {
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}
.layout {border: none; padding: 0px;}
.layout td {border: none; padding: 0px;}
.noborder {border: none; border-collapse:separate;}
.noborder td{border: none;}


p.hr {height:0px; margin: 0px; overflow: hidden; border-bottom: 1px solid #E3E3E3; clear: both;}
p.hr.dashed {border-bottom: 1px dashed #E3E3E3}

p.vr {height:100px; width: 0px; margin: 0px; overflow: hidden; border-right: 1px solid #E3E3E3}
p.vr.dashed {border-right: 1px dashed #E3E3E3}



/* 选项卡 1 */
.tab-1 {vertical-align: middle;}
.tab-1 > a {
	background: url(http://www.yegenyou.com/view/img/active_bg.png) no-repeat;
	background-position: 0px -90px;
	width: 82px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.tab-1 > a.active { background: url(http://www.yegenyou.com/view/img/active_bg.png) no-repeat; background-position: 0px 0px; color: #FFFFFF; text-shadow: none; }
.tab-1 > a:hover { background: url(http://www.yegenyou.com/view/img/active_bg.png) no-repeat; background-position: 0px -30px; color: #FFFFFF; text-shadow: none; }
.tab-1 > a:active { background: url(http://www.yegenyou.com/view/img/active_bg.png) no-repeat; background-position: 0px -60px; color: #FFFFFF; text-shadow: none;}
div.panel div.header.tab-1 {padding-top: 4px; padding-bottom: 4px;}

/* 选项卡 2 */
.tab-2 {vertical-align: middle;}
.tab-2 > a {
	background: url(http://www.yegenyou.com/view/img/active_bg.png) no-repeat;
	background-position: -100px -90px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.tab-2 > a.active { background-position: -100px 0px; color: #FFFFFF; text-shadow: none; }
.tab-2 a:hover { background-position: -100px -30px; color: #FFFFFF; text-shadow: none; }
.tab-2 > a:active { background-position: -100px -60px; color: #FFFFFF; text-shadow: none; }
div.panel div.header.tab-2 {padding-top: 4px; padding-bottom: 4px;}

/* 选项卡 3 */
.tab-3{width:100%;height:36px;margin-top:10px;border-bottom:1px solid #ddd;}
.tab-3 > a{
	float:left;
	display:block;
	height:36px;
	line-height:36px;
	padding:0 10px;
	border:1px solid #ddd;
	margin:0 3px;
	border-radius:5px 5px 0 0;
	color:#333333;
	text-shadow: 1px 1px 1px #fff;
	background: -moz-linear-gradient(top, #F7F7F7, #EEEEEE);
	background: -webkit-linear-gradient(top, #F7F7F7, #EEEEEE);
	background: -ms-linear-gradient(top, #F7F7F7, #EEEEEE);
	background: -o-linear-gradient(top, #F7F7F7, #EEEEEE);
	background: linear-gradient(top bottom, #F7F7F7, #EEEEEE);
}
.tab-3 > a.active{
	border-bottom:none;
	background: -moz-linear-gradient(top, #F7F7F7, #E8EBED);
	background: -webkit-linear-gradient(top, #F7F7F7, #E8EBED);
	background: -ms-linear-gradient(top, #F7F7F7, #E8EBED);
	background: -o-linear-gradient(top, #F7F7F7, #E8EBED);
	background: linear-gradient(top bottom, #F7F7F7, #E8EBED);
}
.tab-3 > a:hover{
	color:#AA0000;
	background: -moz-linear-gradient(top, #F7F7F7, #E8EBED);
	background: -webkit-linear-gradient(top, #F7F7F7, #E8EBED);
	background: -ms-linear-gradient(top, #F7F7F7, #E8EBED);
	background: -o-linear-gradient(top, #F7F7F7, #E8EBED);
	background: linear-gradient(top bottom, #F7F7F7, #E8EBED);
}


.price {color: #D40000}
del.price {color: #999999}
.price:before {content: "￥"}
.price:after {content: ".00"; font-size: 12px; font-weight: normal;}

.menu {}
.menu > div {background: #EEEEEE; padding-bottom: 4px;}
.menu > div > h3 {margin-bottom: 4px; margin-top: 0px; background: #DCDEE0; line-height: 32px; text-indent: 16px; font-size: 14px;  text-shadow: 1px 1px 1px #FFFFFF; cursor: pointer;}
.menu > div > a {display: block; line-height: 24px; padding-left: 16px; color: #333333; text-shadow: 1px 1px 1px #FFFFFF}
.menu > div > a:hover {background: #FFFFFF; color: #333333;}



/****************************************  公共 css 结束 *********************************/
/*
#body {min-width: 1004px; max-width: 1200px; margin: auto;}
*/

body {background: #F5F5F5;}

#header {width: 100%; margin: auto; background: #EEEEEE; border-bottom: 1px solid #DDDDDD;}

#header-user {width: 100%; height: 28px; background: #222222; }
#header-user .body {height: 28px; text-align: right}
#header-user a{line-height: 28px; color: #BBBBBB;}
#header-user a:hover, #header-user a.active{color: #FFFFFF; }
#header-serach {width: 100%; margin-top: 20px; margin-bottom: 4px; /*height: 110px*/}
#header-serach .body {height: 110px}
#header-search-form {margin-top: 8px;}
#header-nav {width: 100%; height: 41px; background: url(http://www.yegenyou.com/view/img/nav_bg.gif)}
#header-nav .body {height: 41px; line-height: 39px; vertical-align: middle; color: #999999; text-shadow:1px 1px 0 #FFFFFF}
#header a:hover {color: #EE0000;}
#header a.active {color: #EE0000;}

#body {padding-top: 8px; padding-bottom: 8px; background: #F5F5F5;}
#footer {background: #EEEEEE; border-top: 1px solid #DDDDDD}
#footer-faq { padding-top: 16px; padding-bottom: 16px;}
#footer-faq td{ line-height: 1.8}
#footer-faq h5 {margin-bottom: 8px; font-size: 14px;}




ul.fontul {margin: 0px; padding: 0px;}
ul.fontul > li{position: relative; width: 164px; height: 44px; float: left; display: block; list-style: none; margin:  0px 4px 4px 0px; padding: 0px; border: 2px solid #666; cursor: pointer;}
ul.fontul > li:hover{border: 2px solid red;}
ul.fontul > li.active {
	border-color: #DD0000;
	padding-right: 12px;
}
ul.fontul > li.active:after {
	position: absolute;
	z-index:10;
	right: 0px;
	bottom: -0%;
	font-family: FontsIcon;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-size: 12px;
	color: #FFFFFF;
	content: "\f00c";
	width: 10px;
	height: 9px;
	display: inline-block;
	padding-left: 0px;
	background: #DD0000;
}




@keyframes xndigest {
	0% { color: red; text-shadow: 0 0 3px #FF8D8D;} 
	20% { color: orange; text-shadow: 0 0 3px #FFE1AD;} 
	40% { color: green; text-shadow: 0 0 3px #B3FFAF;} 
	65% { color: blue; text-shadow: 0 0 3px #AFE4FF;} 
	80% { color: purple; text-shadow: 0 0 3px #FFC9F3;} 
	100% { color: red; text-shadow: 0 0 3px #FF8D8D;} 
}
.xndigest{color: red;  animation: xndigest 5s linear infinite; }