

#main-wrapper {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}
#left-bar {
	float: left;
	width: 700px;
}
#right-bar {
	float: right;
	width: 240px;
}
#left-head {
	position: relative;
}
.extra {
	position: absolute;
	left: 150px;
	animation: myfirst 5s;
	-moz-animation: myfirst 5s;	/* Firefox */
	-webkit-animation: myfirst 5s;	/* Safari 和 Chrome */
	-o-animation: myfirst 5s;	/* Opera */
}
@keyframes myfirst
{
from { left:50px; }
to { left:150px; }
}

@-moz-keyframes myfirst /* Firefox */
{
from { left:50px; }
to { left:150px; }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from { left:50px; }
to { left:150px; }
}

@-o-keyframes myfirst /* Opera */
{
from { left:50px; }
to { left:150px; }
}
.extra span {
	display: inline-block;
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-top: 20px;
	animation: mysecond 15s;
	-moz-animation: mysecond 15s;	/* Firefox */
	-webkit-animation: mysecond 15s;	/* Safari 和 Chrome */
	-o-animation: mysecond 15s;	/* Opera */
}
@keyframes mysecond
{
from { display:none;opacity: 0; }
to { display:inline-block;opacity: 1; }
}

@-moz-keyframes mysecond /* Firefox */
{
from { display:none;opacity: 0; }
to { display:inline-block;opacity: 1; }
}

@-webkit-keyframes mysecond /* Safari and Chrome */
{
from { display:none;opacity: 0; }
to { display:inline-block;opacity: 1; }
}

@-o-keyframes mysecond /* Opera */
{
from { display:none;opacity: 0; }
to { display:inline-block;opacity: 1; }
}
.extra span a {
	color: #ff0000;
}
.extra img {
	float: left;
}
#talents-bar {
	margin: 10px 0;
	border: 1px solid #0088cc;
	padding: 10px;
	font-size: 14px;
}
#talents-bar table {
	width: 100%;
	border: 1px solid #ddd;
}
#talents-bar table tr td,th {
	border: 1px solid #add2e4;
	text-align: center;
	height: 30px;
	color: #065b86;
}
#talents-bar table tr th {
	font-weight: 700;
	background-color: #8cceef;
}
#talents-bar table tr td a {
	color: #b00b0a;
}
#talents-bar table tr:hover {
	background-color: #eee;
}
#right-bar dl {
	margin: 10px 0;
	border: 1px solid #0088cc;
	border-radius: 5px;
}
#right-bar dl dt {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	background-image: linear-gradient(to bottom, #fff, #9cdeff);
}
#right-bar dl dd {
	padding: 10px;
	font-size: 14px;
}
#right-bar dl dd .tel {
	padding-left: 50px;
	background: url("../images/telephone.png") no-repeat scroll 10px center;
}
#right-bar dl dd .qq {
	padding-left: 50px;
	background: url("../images/qq.jpg") no-repeat scroll 10px center;
	height: 40px;
	line-height: 40px;
}
#right-bar dl dd .flow {
	margin: 10px 0;
	border: 1px solid #9cdeff;
	padding: 5px 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#right-bar dl dd .flow .mt {
	font-weight: 700;
	color: orange;
	height: 20px;
	line-height: 20px;
}
#right-bar dl dd .flow .mt i {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	margin-right: 5px;
	background-image: -webkit-radial-gradient(circle at top, #0088cc,#0044cc);
	background-image: radial-gradient(circle at top, #0088cc,#0044cc);
	color: #fff;
	font-style: normal;
}
#right-bar dl dd .flow .mc {
	line-height: 20px;
	text-indent: 2em;
}
#right-bar dl dd .flow .mc a {
	color: #ff0000;
}
#right-bar dl dd .next {
	height: 20px;
	background: url("../images/next.jpg") no-repeat scroll center 0;
}
