h1
{
	padding-bottom: 100px;
	margin-bottom: 10px;
/* 	border-bottom: 3px #96d7eb solid; */
}

.career-home h1
{
	margin-bottom: 0px;
	padding-bottom: 10px;
}










.department-list .item
{
	border-bottom: 1px #96d7eb solid;
	padding-bottom: 12px;
	margin-bottom: 40px;
	
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 2px;
}

.department-list .item a:link,
.department-list .item a:visited
{
	color: #fa3723;
	font-size: 12px;
	letter-spacing: 0;
}

.department-list .item a:hover
{
	color: #96d7eb;
	text-decoration: underline;
}

.department-list .item a:active
{
	color: #2d1946;
	text-decoration: none;
}


/* Job List */

.job-list table
{
	width: 100%;
	margin-bottom: 50px;
}

.job-list table thead
{
	border-bottom: 1px #96d7eb solid;
}

.job-list table thead th
{
	font-family: 'source-han-sans-simplified-c', 'Microsoft Yahei', 'Simhei', 'Helvetica', 'Arial';
	font-size: 14px;
	font-weight: normal;
	color: #fa3723;
	line-height: 24px;
	letter-spacing: 2px;

	padding-top: 8px;
	padding-bottom: 8px;
}

.job-list table tbody td
{
	font-family: 'source-han-sans-simplified-c', 'Microsoft Yahei', 'Simhei', 'Helvetica', 'Arial';
	font-size: 13px;
	color: #595757;
	line-height: 24px;
	letter-spacing: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
}
.job-list table tbody td.date
{
	letter-spacing: 1px;
}

.job-list table tbody td.blank
{
	height: 1px;
	padding: 0;
}

.job-list table tbody td button
{
	border: 1px solid #fa3723;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	color: #fa3723;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: 15px;
	padding: 4px 14px;
	float: right;

	-webkit-transition: ease-in-out 0.4s;
	-moz-transition:    ease-in-out 0.4s;
	-ms-transition:     ease-in-out 0.4s;
	-o-transition:      ease-in-out 0.4s;
	transition:         ease-in-out 0.4s;
}
.job-list table tbody td button:hover
{
	border: 1px solid #7adaed;
	background: #7adaed;
	color: #ffffff;
}
.job-list table tbody td button:active
{
	border: 1px solid #2d1946;
/* 	background: #2d1946; */
	color: #ffffff;
}

.job-list table tbody td .job-brief-info-mobile
{
	margin-top: 0;
	padding-top: 0;
	font-size: 10px;
	line-height: 14px;
}


.job-detail-box
{
	background: #ffffff;
	width: 600px;
/* 	border: 1px solid #96d7eb; */
	padding: 50px 50px 40px 50px;
/* 	position: fixed; */
	display: none;
	z-index: 1000;
}


.job-detail-box .row
{
	margin: 18px auto;
}

.job-detail-box .row.narrow
{
	margin: 8px auto;
}

.job-detail-box .title
{
	font-family: 'source-han-sans-simplified-c', 'Microsoft Yahei', 'Simhei', 'Helvetica', 'Arial';
	font-size: 14px;
	font-weight: normal;
	color: #fa3723;
	line-height: 24px;
	letter-spacing: 2px;
	padding-left: 0;
	padding-right: 0;
}

.job-detail-box .content
{
	font-family: 'source-han-sans-simplified-c', 'Microsoft Yahei', 'Simhei', 'Helvetica', 'Arial';
	font-size: 14px;
	color: #595757;
	line-height: 20px;
	letter-spacing: 2px;
	padding-left: 0;
	padding-right: 0;
}

.job-detail-box .content ul,
.job-detail-box .content ol
{
	-webkit-padding-start: 25px;
	-moz-padding-start: 25px;
}

.job-detail-box .content ul li,
.job-detail-box .content ol li
{
	margin-bottom: 7px;
}

.job-detail-box .btn-close
{
	position: absolute;
	top: 5px;
	right: 5px;
}




.job-enquiry
{
	text-align: center;
	margin-top: 20px;
}

.job-enquiry p
{
	text-align: center;
}

.job-enquiry button
{
	background: #fa3723;
	color: #ffffff;
	border: 0;
	padding: 8px 30px;
	letter-spacing: 1px;
	margin-top: 5px;

	
	font-family: 'source-han-sans-simplified-c', 'Microsoft Yahei', 'Simhei', 'Helvetica', 'Arial';
	font-size: 16px;
	
	-webkit-transition: ease-in-out 0.3s;
	-moz-transition:    ease-in-out 0.3s;
	-ms-transition:     ease-in-out 0.3s;
	-o-transition:      ease-in-out 0.3s;
	transition:         ease-in-out 0.3s;

}

.job-enquiry button:hover,
.job-enquiry button:visited
{
	background: #96d7eb;
	text-decoration: none;
}



@media (min-width: 1401px)
{

}

@media (min-width: 1171px)
{
	
}

@media (max-width: 1170px)
{

}

@media (max-width: 999px)
{	
	h2 
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (min-width: 768px)
{

}

@media (max-width: 767px)
{
	h1.bottom-line
	{
		padding-bottom: 25px;
		margin-bottom: 10px;
	}
	
	h2 
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.career-home .options
	{
		margin-bottom: 20px;
	}

}




@media (max-width: 640px)
{

}

@media (max-width: 500px)
{
	.job-detail-box
	{
		top: 60px;
		left: 0px;
		margin: 0px 10px;
		padding: 20px 20px 30px 30px;
/* 		position: fixed; */
		width: 260px;
		min-height: 250px;
	}
}

@media (max-width: 400px)
{	
}
