﻿#flat-area div{
	padding:0;
	position:relative;
}
#flat-area #main-slide{
	width:100%;
}
#flat-area #first-flat {
	color:#fff;
	left:0;
	position:absolute;
	top:12%;
	text-align:center;
	width:100%;
}
#flat-area #first-flat h1 {
	font-weight:bold;
	margin-bottom:18px;
}
#flat-area #first-flat a {
	background:none;
	background:rgba(255, 255, 255, 0.12);
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 70px;
    margin-top: 19px;
}
#flat-area #first-flat a:hover {
	background:#fff;
	color:#897F7D;
	opacity:1;
}
#middle-flat #sermon-info{
	color:#fff;
	left:0;
	position:absolute;
	top:26%;
	text-align:center;
	width:100%;
}
#flat-area #last-flat {
	display:inline-block;
	width:100%;
}
#flat-area #last-flat div.absolute {
	color:#fff;
	left:0;
	position:absolute;
	top:21%;
	text-align:center;
	width:100%;
}
#flat-area #last-flat h1 {
	font-weight:bold;
	margin:80px 0 0 0;
	margin-bottom:0
}
#flat-area #last-flat h1 a {
	color:#fff;
	text-decoration:none;
}
#flat-area #last-flat h4 {
	margin-top:21px;
}
#flat-area #last-flat a.flat-box {
    background: none;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0;
    margin-top: 44px;
    width: 190px;
}
#flat-area #last-flat a.flat-box:hover {
	background:#fff;
	color:#333;
	opacity:1;
}
#flat-area #last-flat #sermon-info img{
	vertical-align:middle;
}
#flat-area #last-flat #sermon-info a {
	color:#fff;
	vertical-align:middle;
}
#flat-area #last-flat #sermon-info a:hover {
	text-decoration:underline;
}
#flat-area .common-attr{	
	display:inline-block;
	left:0;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 100%;
    z-index:9;
}
#flat-area .common-attr>img {
	max-width:90%;
}

#board-area{
	background:#F3F4F6;
	margin-top:30px;
	padding:21px 0 30px 0;
}
#board-area #board-title{
	margin:7px 0 42px 0;
	text-align:center;
}
#board-area #board-title>a{
	border:1px solid #000;
	color:#000;
	font-size:21px;
	display:inline-block;
	font-weight:600;
	padding:9px 0;
	text-align:center;
	width:221px;
}
#board-area #board-title>a:hover{
	color:#fff;
	background:#333;
}
#board-area .board-section{
	padding:0 15px;
}
#board-area .board-section .section-title {
	margin-bottom:10px;
	padding:0 0 0 4px;
}
#board-area .board-section .section-title a {
	color:#000;
	font-size:17px;
	font-weight:bold;
	display:inline-block;	
}
#board-area .board-section .section-title a.more-btn{
	float:right;
	font-size:14px;
}
#photo-area{
	margin:30px 0;
}
#photo-area #photo-title{
	margin:7px 0 42px 0;
	text-align:center;
}
#photo-area #photo-title>a{
	border:1px solid #000;
	color:#000;
	font-size:21px;
	display:inline-block;
	font-weight:600;
	padding:9px 0;
	text-align:center;
	width:221px;
}
#photo-area #photo-title>a:hover{
	color:#fff;
	background:#333;
}

@media(max-width:996px) {
	#board-area .board-section{
		margin:24px 0;
		padding:0;
	}
	.widgetGalleryA{
		text-align:center;
		width:100%!important;
	}
	.widgetGalleryA li{
		display:inline-block;
		float:none!important;
	}
}


.content_outcome .section .list li {
    overflow: hidden;
    height: 100px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.content_outcome .section .list .tit_area {
    float: left;
    width: 330px;
    height: 100%;
    color: #252525;
}
.content_outcome .section .list1 .tit_area {
    background: #dff5ff;
}
.content_outcome .section .list .tit {
    margin: 30px 0 0 80px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}
.content_outcome .section .list .tit2 {
    margin: 8px 0 0 80px;
    font-size: 16px;
    line-height: 14px;
}
.content_outcome .section .list .desc_area {
    float: right;
    width: 758px;
    height: 100%;
    font-weight: 500;
    color: #666;
}
.content_outcome .section .list1 .desc_area {
    background: url(../images/recruit/bg_outcome_list1.gif) no-repeat left center;
}

.page_recruit_outcome {background-image:url(../images/recruit/bg_outcome_intro.jpg);}
.content_outcome .section .img {margin-top:71px; height: 544px;}
.content_outcome .section .tit_comm.sub {margin-top:80px;}
.content_outcome .section .list1 .tit_area {background: #dff5ff;}
.content_outcome .section .list1 .desc_area {background:url(../images/recruit/bg_outcome_list1.gif) no-repeat left center;}
.content_outcome .section .list2 .tit_area {background: #f4f4f4}
.content_outcome .section .list2 .desc_area {background:url(../images/recruit/bg_outcome_list2.gif) no-repeat left center; }
.content_outcome .section .list {}
.content_outcome .section .list li {overflow: hidden; height: 100px; margin-bottom:10px; border: 1px solid #ccc}
.content_outcome .section .list .tit_area {float:left; width:330px; height: 100%; color:#252525;}
.content_outcome .section .list .desc_area {float:right; width:758px; height: 100%; font-weight: 500; color:#666;}
.content_outcome .section .list .tit {margin:30px 0 0 80px; font-size: 20px; font-weight: 500; line-height: 20px;}
.content_outcome .section .list .tit2 {margin:8px 0 0 80px; font-size: 16px; line-height: 14px;}
.content_outcome .section .list .desc {margin:42px 0 0 66px; font-size: 18px; line-height: 18px;}