/* 初始化 */
	*{
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
		font-family:"Microsoft JhengHei","Heiti TC","sans-serif";
	}

/* 父層外框 */
	.JobVacancies_frame{
  width:518px;
  height: 307px;
  box-shadow:1px 1px 3px #777;
  background-color: #d0e6f8;
  border-radius:8px;
  margin-top:-4px;
  padding-top:2px;
 }
	
/* 子層-左邊的標題 */
	.title{
		width:7%;
		height:inherit;
		float: left;
		color:#4d4d4d;
		position:relative;
	}
	.title>span{
		width:25px;
		height:180px;
		display: block;
		font-size:1.5em;
		position: absolute;
		top:75px;left:12px;
		font-size:14px;
		font-weight:bold;
	} 

/* 子層-右邊的職缺介紹 */
	.JobVacancies{
		width:93%;
		height:inherit;
		float: left;
	}

	.JobVacancies>ul{
		height:inherit;
		list-style:none;
	}

	.JobVacancies>ul>li{
  width:215px;
  height:85px;
  margin: 8px;
  border-radius:8px;
  float:left;
  overflow:hidden;
  transition: width 0.3s;
  box-shadow:2px 2px 1px rgba(0,0,0,0.3);
  cursor:pointer;
  background-color:#fff;
 }

	.JobVacancies>ul>li>.area{
		width:60px;
		height:inherit;
		border-right: 1px solid #ddd;
		float:left;
		position:relative;
	}

	.JobVacancies>ul>li>.area>.bgcolor{
		width:5px;
		height:inherit;
		position: absolute;
		left:0;
		background-color:#3ea0b5;
		transition: width 0.3s;	
	}

	.JobVacancies>ul>li>.area>span{
		width:50px;
		height:40px;
		color:#3ea0b5;
		position: absolute;
		top:22px;
		left:7px;
		font-size:14px;
		font-weight:bold;
	}

	.JobVacancies>ul>li>.content{
		width:140px;
		height:inherit;
		float:left;
	}

	.JobVacancies>ul>li>.content>span{
		width:100%;
		display: block;
		text-align: center;
		margin-top:5px;
		font-size:14px;
		font-weight:bold;
	}