@charset "utf-8";
/* CSS Document */
/* globalNav */
.l-content .globalNav {
	width: 950px;
	height:130px;
	background:url(/st-project/interview/images/img_01.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}
.l-content .globalNav ul {
	display:block;
	width:470px;
	float:right;
	margin:39px 10px 0 0;
}
.l-content .globalNav li {
	display:block;
	width:calc( 45% - 7px );
	border:1px solid rgba(0, 85, 155, 0);
	font-size:24px;
	float:left;
}
.l-content .globalNav li:nth-child(1) {
margin-right:10px;
width:calc( 55% - 7px );
}
.l-content .globalNav li:hover {
	border:1px solid rgba(0, 85, 155, 1);
}
.l-content .globalNav li.active {
	border:1px solid rgba(0, 85, 155, 1);
	background:rgba(0, 85, 155, 1);
}
.l-content .globalNav li a, .l-content .globalNav li span {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
}
.l-content .globalNav li span, .l-content .globalNav li a:link, .l-content .globalNav li a:visited, .l-content .globalNav li a:hover, .l-content .globalNav li a:active {
	color:#00559b;
}
.l-content .globalNav li.active span, .l-content .globalNav li.active a:link, .l-content .globalNav li.active a:visited, .l-content .globalNav li.active a:hover, .l-content .globalNav li.active a:active {
	color:#ffffff;
}
.l-content .globalNav li strong {
	padding-left:30px;
	background:url(/st-project/interview/images/icon.png) left center no-repeat;
}
.l-content .globalNav li.active strong {
	background:url(/st-project/interview/images/icon_o.png) left center no-repeat;
}
.l-content .u-mainContent {
	padding-top:20px;
	font-size:18px;
	line-height:1.6;
}
.l-content .u-mainContent h2 {
	color:#02549b;
	font-size:32px;
	padding-left:70px;
}
.l-content .u-mainContent-1 {
	width:950px;
	height:640px;
	background:url(/st-project/interview/images/img_02.jpg) 0 0 no-repeat;
	position:relative;
}
.l-content .u-mainContent-1 .u-subContent {
	width:880px;
	padding:10px 35px;
}
.l-content .u-mainContent-1 .u-subContent a {
	width:880px;
	height:218px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	overflow:hidden;
	float:left;
	position:relative;
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
	margin-bottom:20px;
}
.l-content .u-mainContent-1 .u-subContent a > span.photo {
	display:block;
	width:320px;
	height:218px;
	overflow:hidden;
	float:left;
}
.l-content .u-mainContent-1 .u-subContent a > span.photo img {
	display:block;
	width:100%;
	height:218px;
	float:left;
}
.l-content .u-mainContent-1 .u-subContent a > span.text {
	width:520px;
	height:auto;
	overflow:hidden;
	float:left;
	padding:20px;
}
.l-content .u-mainContent-1 .u-subContent a > span.text > span.cat {
	display:inline-block;
	width:auto;
	height:auto;
	overflow:hidden;
	float:left;
	border:1px solid #005798;
	color:#005798;
	font-size:16px;
	padding:0 5px;
}
.l-content .u-mainContent-1 .u-subContent a > span.text > span.title {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:22px;
	margin-top:5px;
	color:#005798;
	font-weight:bold;
	float:left;
}
.l-content .u-mainContent-1 .u-subContent a > span.text > span.date {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	color:#777777;
}
.l-content .u-mainContent-1 .u-subContent a > span.more {
	position:absolute;
	width:125px;
	height:35px;
	line-height:35px;
	color:white;
	font-weight:bold;
	background:#005798;
	right:20px;
	bottom:20px;
	text-align:center;
	text-indent:-30px;
}
.l-content .u-mainContent-1 .u-subContent a > span.more:after {
	content:'';
	display:block;
	width:25px;
	height:35px;
	background:url(/st-project/interview/images/bg_more.png) center center no-repeat;
	position:absolute;
	right:15px;
	top:0;
}
.l-content .u-mainContent-1 .u-subContent a:hover {
	opacity:0.8;
}
.l-content .u-mainContent-1 .u-subContent a:hover > span.text > span.cat {
	border:1px solid #ff730a;
	color:#ff730a;
}
.l-content .u-mainContent-1 .u-subContent a:hover > span.text > span.title {
	color:#ff730a;
}
.l-content .u-mainContent-1 .u-subContent a:hover > span.text > span.date {
	color:#ff730a;
}
.l-content .u-mainContent-1 .u-subContent a:hover > span.more {
	background:#ff730a;
}