@charset "utf-8";


section h2 {
	font-size: 26px;
}
section h2 img {
	vertical-align: middle;
	margin-left: 25px;
}



/* -- slider
-------------------------------------------------------------------------------- */
#vis {
	text-align: center;
	min-width: 100%;
	height: 430px;
}
#vis:before {
	content: "";
	background: url(/common/img/bg_pattern.png) repeat;
	display: block;
	width: 100%;
	height: 342px;
	border-bottom: solid 63px #ffa229;
	position: absolute;
	left: 0;
	top: 0;
}
#vis > * {
	position: relative;
}
#vis li span {
	display: none;
}
#vis .bx-wrapper {
	margin: 0 auto;
	width: 1160px;
	height: 430px;
}
#vis .bx-viewport,
#vis .bx-viewport li {
	height: 405px!important;
}
#vis ul {
	height: 405px;
	display: block;
	overflow: hidden;
}
#vis .bx-pager {
	font-size: 0;
	padding-top: 17px;
}
#vis .bx-pager-item {
	text-indent: -99em;
	margin: 0 5px;
	display: inline-block;
	overflow: hidden;
}
#vis a.bx-pager-link {
	background: #dedacc;
	display: block;
	height: 8px;
	width: 70px;
}
#vis a.bx-pager-link.active {
	background: #ffa229;
}



/* -- info
-------------------------------------------------------------------------------- */
#info {
	position: relative;
	min-height: 490px;
}
#info h2 + p {
	position: absolute;
	right: 425px;
	top: 0;
}
#info h2 + p a.btn {
	font-size: 13px;
	line-height: 24px;
	width: 158px;
	height: 24px;
}
#info ul {
	display: block;
	width: 755px;
	overflow: hidden;
}
#info ul li {
	display: block;
	width: 350px;
	padding-top: 60px;
}
#info ul li a {
	display: block;
}
#info ul li:nth-child(odd) { float: left; clear: both; }
#info ul li:nth-child(even) { float: right; }
#info ul li time {
	font-size: 14px;
	color: #ffa229;
	float: left;
	display: block;
	padding-top: 12px;
}
#info ul li span {
	font-size: 12px;
	line-height: 26px;
	font-weight: 600;
	text-align: center;
	float: right;
	display: block;
	width: 110px;
	height: 26px;
}
#info ul li span.event { background: #3bac8a url(/index/img/info_tag_ico4.png) no-repeat right bottom; }
#info ul li span.seminar { background: #91cb73 url(/index/img/info_tag_ico3.png) no-repeat right bottom; }
#info ul li span.news { background: #fcae48 url(/index/img/info_tag_ico2.png) no-repeat right bottom; }
#info ul li span.course { background: #f4db2a url(/index/img/info_tag_ico1.png) no-repeat right bottom; }
#info ul li p {
	font-size: 15px;
	line-height: 1.5;
	color: #444;
	clear: both;
	padding-top: 20px;
}
#info .fb-page {
	width: 340px;
	height: 360px;
	position: absolute;
	right: 20px;
	top: 0;
}
#info > p:last-child {
    width: 340px;
	position: absolute;
	right: 20px;
	top: 390px;
}
#info > p:last-child img {
    width: 340px;
}



/* -- service
-------------------------------------------------------------------------------- */
#service ul {
	display: block;
	overflow: hidden;
}
#service ul li {
	display: block;
	float: left;
	width: 386px;
	padding: 60px 0 5px;
}
#service ul li:nth-child(3n+1) { clear: both; }
#service ul li:nth-child(3n+2) { width: 388px; }
#service ul li h3 {
	font-size: 18px;
	line-height: 1.5;
	margin: 35px 20px;
}
#service ul li a {
	display: block;
}
#service ul li p {
	font-size: 16px;
	line-height: 1.5;
	color: #444;
	text-align: left;
	margin: 0 20px 35px;
}



/* -- project
-------------------------------------------------------------------------------- */
#project ul {
	display: block;
	overflow: hidden;
	margin-top: -20px;
}
#project ul li {
	display: block;
	float: left;
	width: 250px;
	margin-left: 53px;
	padding: 80px 0 5px;
}
#project ul li:nth-child(4n+1) { margin-left: 0; clear: both; }
#project ul li:nth-child(4n+2) { margin-left: 54px; }
#project ul li h3 {
	font-size: 16px;
	line-height: 1.5;
	margin: 35px 0 15px;
}
#project ul li a {
	display: block;
}
#project ul li img {
	width: 250px;
	height: 170px;
}
#project ul li p {
	font-size: 14px;
	line-height: 1.5;
	color: #444;
	text-align: left;
	margin: 0 0 25px;
}