@CHARSET "UTF-8";

/* ******************* 共通样式 开始 ******************* */
body {
	background-color: #DDD;
}
.resume {
	background-color: #FFF;
}
.resume-item .title {
	font-size: 1.1em;
}
.resume-item ul {
	padding-left: 0;
}
.resume-item ul li .content {
	color: #888;
}
/* ******************* 共通样式 结束 ******************* */


/* ******************* 顶部标题 开始 ******************* */
.resume>.title {
	font-weight: normal;
	padding: 20px 0px 20px 20px;
	margin-bottom: 0px;
	margin-top: 0;
}
.resume>.title>span {
	font-size: 0.7em;
}
/* ******************* 顶部标题 结束 ******************* */


/* ******************* 横条样式 开始 ******************* */
.resume>.strip {
	height: 20px;
	background-color: #F39C12;
	overflow: hidden;
}
.resume>.strip>div {
	height: 20px;
	background-color: #1abc9c;
	width: 80%;
	transform: skewX(30deg);
	border-right: 4px solid white;
	position: relative;
	left: -30px;
}
/* ******************* 横条样式 结束 ******************* */


/* ******************* 简历内容 开始 ******************* */
.resume-list {
	border-left: 1px solid #1abc9c;
	list-style: none;
	padding-left: 0;
	margin: 40px;
}
.resume-list .resume-item {
	padding: 30px;
}
.resume-list .resume-item ul {
	list-style: none;
	padding-left: 0;
}
.resume-list>li {
	position: relative;
	min-height: 50px;
}
.resume-list>li>p.title {
    position: absolute;
    padding: 0px 10px;
    font-size: 1.1em;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #1abc9c;
    top: -28px;
    left: -10px;
    z-index: 2;
    margin-bottom: 0px;
}
.resume-list>li>p.title>.triangle {
    position: absolute;
    top: 28px;
    left: -10px;
    width: 0;
    height: 0;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid #16A085;
    border-bottom: 7px solid transparent;
}
.resume-list>li>p.title+hr {
	margin: 0px;
	border-color: #1abc9c;
}
/* ******************* 简历内容 结束 ******************* */


/* ******************* 项目经验 开始 ******************* */
.experience .title {
	font-size: 1.1em;
}
.experience .subtitle {
	border-bottom: 1px solid gray;
	display: inline-block;
}
/* ******************* 项目经验 结束 ******************* */