
body {
	padding:0;
	margin:0;
}
a img {
	border:none;
}
a {
    transition-duration: 0.5s; 
    -webkit-transition-duration: 0.5s; 
}
table {
    border-collapse:collapse; 
    border-spacing:0; 
}


.all {
	width:980px;
	display:block;
	margin:auto;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
}
.top_text {
	display:block;
	height:45px;
}
.top_text p {
	display:inline-block;
	height:45px;
	vertical-align:top;
	width:420px;
	float:left;
	padding:0;
	margin:0;
}
.top_text p+p {
	width:280px;
}
.top_text p+p+p {
	width:275px;
	padding:15px 0 0 5px;
	height:30px;
}

p.centre_btn {
	display:block;
}
p.centre_btn a {
	width:140px;
	display:block;
	float:left;
	text-align:center;
	margin:10px 0 0 0;
	height:34px;
	line-height:34px;
	text-decoration:none;
	color:#fff;
	border-radius:10px 10px 0 0 ;
}
a.centre_btn1 {
	background:#e07d2e;
}
a.centre_btn1:hover {
	background:#F90;
}
a.centre_btn2 {
	background:#87a54d;
}
a.centre_btn2:hover {
	background:#96D06A;
}
input.search {
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
	font-size:13px;
	vertical-align:middle;
	border:1px solid #999;
	width:110px;
}
a.search_btn {
	width:18px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
}
.lang_btn {
	display:inline-block;
	padding:0 0 0 40px;
	font-size:13px;
}
.lang_btn a {
	color:#333;
	text-decoration:none;
	padding:0 2px;
}
.lang_btn a:hover {
	color:#06C;
}
ul.top_menu {
	padding:0;
	margin:0;
	list-style:none;
	height:45px;
	display:block;
	background:#5073a2;
}
ul.top_menu li {
	width:140px;
	float:left;
}
ul.top_menu li a {
	display:block;
	text-align:center;
	text-decoration:none;
	background:#5073a2;
	color:#fff;
	line-height:45px;
	height:45px;
	overflow:hidden;
	border-right:1px solid #fff;
}
ul.top_menu li+li+li+li+li+li+li a {
	border-right:0px solid #fff;
}
ul.top_menu li a:hover {
	background:#5f9eea;
}
ul.top_menu ul {
	display: block;
	position:absolute;
	padding:0;
	margin:0;
	z-index:160;
	list-style:none;
	opacity:0;
	height:0px;
	overflow:hidden;
	box-shadow:0 3px 8px rgba(0,0,0,0.3);
    transition-duration: 0.5s; 
    -webkit-transition-duration: 0.5s; 
}
ul.top_menu li:hover  ul {
	display: block;
	opacity:1;
	height:auto;
}
ul.top_menu ul li {
	display:block;
	float:none;
	width:auto;
	min-width:140px;
}
ul.top_menu ul li a {
	border:none;
	border-top:1px solid #fff;
	padding:10px 10px;
	line-height:18px;
	height:auto;
	text-align:left;
	background:#5073a2;
	background:rgba(80,115,162,0.8);
}

.top_banner {
	display:block;
	height:220px;
	overflow:hidden;
	background:#eee;
}
#home_banner img {    
	height: 220px;
	width:980px;
}
.banner_logo {
	display:block;
	width:260px;
	height:90px;
	background:url(../images/banner_logo.png) no-repeat;
	position:absolute;
	z-index:150;
	margin:-90px 0 0 0;
}

.index_box {
	display:block;
	width:328px;
	height:200px;
	float:left;
	border-left:1px solid #5073a2;
	border-right:1px solid #5073a2;
	background:#fff;
}
.index_box h1 {
	height:25px;
	font-size:17px;
	text-align:center;
	display:block;
	margin:0;
	padding:0;
	background:#5073a2;
	color:#fff;
	font-weight:normal;
}
.index_box_c {
	width:320px;
	border-left:0px solid #5073a2;
	border-right:0px solid #5073a2;
}
.index_box_c h1 {
	background:#8fa5c4;
}

.content_page {
	display:block;
	font-size:15px;
	text-align:justify;
	text-justify:inter-ideograph;
	padding:0px 20px 20px 20px;
	min-height:350px;
	border-left:1px solid #d7e1f0;
	border-right:1px solid #d7e1f0;
}
.content_page a{
	color:#5187cf;
	text-decoration:none;
}
.content_page a:hover {
	text-decoration: underline;
}
.content_page h1 {
	display:block;
	text-align:center;
	font-size:22px;
	line-height:35px;
	padding:5px 0;
	margin:0 -21px 15px -21px;
	background:#5187cf;
	color:#fff;
	font-weight:normal;
}
.content_page h1 a {
	color:#fff;
}
.content_page h2 {
	font-weight:normal;
	line-height:normal;
	padding:0;
	margin:0 0 15px 0;
	color:#5187cf;
}
.content_page h3.line_title {
	padding:2px 0;
	margin:0 0 10px 0;
	color:#5187cf;
	line-height:normal;
	font-weight:normal;
	border-bottom:1px dotted;
}
.selectBox {
	display:block;
	background:#f4f4f4;
	padding:4px 5px;
	margin:0 0 10px 0;
	text-align:left;
}
.selectBox select {
	border:1px solid #666;
	display:inline-block;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
}
ul.ul_list {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}
.ul_list li {
	display:block;
	padding:0;
	background:#f8f8f8;
	text-align:left;
	border-bottom:1px dotted #999;
	}
.ul_list li a {
	display:block;
	padding:3px 35px 3px 5px;
	text-decoration:none;
	color:#503524;
}
.ul_list li a:hover {
	background:#FFC;
	text-decoration:none;
}
.ul_list li b {
	display:block;
}
.ul_list li span {
	display:inline-block;
	min-width:130px;
	padding:0 10px 0 0;
}
.sermon_download {
	display:block;
	text-align:left;
	margin:3px 0;
}
.sermon_download a {
	background: #069;
	color:#fff;
	margin:0 2px 2px 0;
	text-decoration:none;
	padding:3px 15px;
	display:inline-block;
	border-radius:10px;
}
.sermon_download a:hover {
	background:#F60;
}
.back_btn {
	display:block;
	text-align:right;
}
.back_btn a {
	display: inline-block;
	padding:0 15px;
	line-height:25px;
	margin:-25px 0 0 0 ;
	color: #fff;
	text-decoration:none;
	background: #069;
    border-radius:8px;
}
.back_btn a:hover {
	text-decoration:none;
	background:#F60;
}


.page_list_btn {
	display:block;
	padding:0 0 10px 0;
}
.page_list_btn a {
	display:inline-block;
	min-width:16px;
	padding:0 2px;
	height:20px;
	border:1px solid #444;
	background:#999;
	text-align:center;
	color:#fff;
	font-size:15px;
	text-decoration:none;
}
.page_list_btn a:hover {
	background:#5187cf;
	text-decoration:none;
}
.page_list_btn a.this_page {
	background: #3CF;
}

.new_page_btn {
	display:block;
	padding:10px 0;
	height:auto;
	text-align:center;
}
.new_page_btn a {
	display:inline-block;
	min-width:16px;
	padding:0 2px;
	height:20px;
	border:1px solid #444;
	background:#999;
	text-align:center;
	color:#fff;
	font-size:15px;
	text-decoration:none;
}
.new_page_btn a:hover {
	background:#036;
}
.new_page_btn a.this_page {
	background: #F60;
}




#newsTable {
	border-top:1px solid #999;
	border-left:1px solid #999;
	width:100%;
    border-collapse:collapse; 
    border-spacing:0; 
}
#newsTable th {
	background:#5187cf;
	color:#fff;
	text-align:center;
	padding:2px 5px;
}
#newsTable tr:hover {
	background:#FFC;
}
#newsTable td {
	padding:2px 5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:top;
	cursor:pointer;
}
#newsTable td.newsTableTitle {
	width:30%;
}
#newsTable td.newsTableSummary {
	width:55%;
}
#newsTable td.newsTableRelease {
	width:15%;
	text-align:center;
}



div.staff_list_link {
	display:inline-block;
	*float:left;
	width:46.6%;
	vertical-align:top;
	padding:1%;
	margin:0 1% 1% 0;
	min-height:130px;	
	background:#fff;
	background:rgba(255,255,255,0.7);
	box-shadow:0 0 6px rgba(0,0,0,0.1);
	text-decoration:none;
	color:#666666;
	border:1px solid #eee;
}
a.staff_list_img {
	width:120px;
	height:120px;
	display:block;
	float:left;
	text-align:center;
	background:#f6f6f6;
	border:1px solid #CCC;
	line-height:120px;
}
.staff_list_img img {
	max-height:120px;
	max-width:120px;
	vertical-align:middle;
	margin:-5px 0 0 0;
	border:none;
}
span.staff_list_text {
	display:block;
	margin:0 0 30px 130px;
	height:74px;
	line-height:18px;
	overflow:auto;
	padding:0 5px 0 0;
	font-size:15px;
}
b.staff_list_name {
	display:block;
	min-height:20px;
	font-size:17px;
	margin:0 0 5px 130px;
	color:#5187cf;
	font-weight:normal;
	border-bottom:1px dotted;
}
a.staff_more_link {
	display:block;
	float:right;
	padding:0 15px;
	line-height:25px;
	margin:-25px 0 0 0 ;
	color: #fff;
	text-decoration:none;
	background:#5187cf;
    border-radius:8px;
}
a.staff_more_link:hover {
	background: #0CF;
	text-decoration:none;
}
.staff_top {
	display:block;
	padding:0 0 10px 0;
	border-bottom:1px dotted #5187cf;
	margin:0 0 10px 0;
	min-height:150px;
}
.staff_top b {
	font-size:17px;
	display:block;
	color:#5187cf;
	line-height:normal;
	margin:0 0 5px 0;
}
.staff_img {
	width:150px;
	height:150px;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-align:center;
}
.staff_img img {
	max-width:150px;
	max-height:150px;
}

ul.index_news {
	padding:5px;
	margin:0;
	list-style:none;
	height:160px;
	overflow:auto;
}
ul.index_news li {
	display:block;
}
ul.index_news li a {
	display:block;
	text-decoration:none;
	font-size:15px;
	color:#333;
	padding:2px 5px;
}
ul.index_news li a:hover {
	background:#FFC;
}
ul.index_news li a span {
	display:inline-block;
	width:95px;
	float:left;
	vertical-align:top;
}
ul.index_news li a div.index_news_content {
	width: auto;
	margin:0 0 0 95px;
	float: none;
}

.index_text_box {
	width:308px;
	height:165px;
	padding:5px 10px;
	overflow:auto;
	font-size:15px;
}

.index_right_icon {
	width:60px;
	height:174px;
	padding:1px 0 0 0;
	overflow:hidden;
	float:right;
}
.index_right_icon a {
	display:block;
}
.index_right_icon a img {
	width:60px;
	height:58px;
	margin:0;
	display:block;
}


a.video_more {
	height:20px;
	display:block;
	margin:-20px 0 0 223px;
	padding:0 10px;
	position:absolute;
	z-index:90;
	width:85px;
	text-align:right;
	font-size:13px;
	line-height:20px;
	color:#000;
	text-decoration:none;
	background:url(../images/video_more.png) repeat-y left;
}

.youtube_video {
	width:700px;
	height:420px;
}


ul.site_map_ul {
	margin:0;
	padding:0;
	list-style:none;
}
ul.site_map_ul li a {
	display:block;
	padding:3px 10px;
	font-size:17px;
	margin:0 0 1px 0;
	background:#e1ebf5;
	border-bottom:1px dotted #ddd;
}
ul.site_map_ul li a:hover {
	text-decoration:none;
	background:#5073a2;
	color:#fff;
}
ul.site_map_ul li ul {
	padding:0 0 5px 30px;
	margin:0;
}
ul.site_map_ul li ul li a {
	font-size:15px;	
	background:#fff;
	margin:0;
}
a.logo {
	width:400px;
	height:45px;
	display:block;
}
a.logo img {
	max-height:45px;
	max-width:400px;
}


table.fellowship_layout1 {
    border-collapse:collapse; 
    border-spacing:0;
	margin:-15px -20px -25px -20px;
}
table.fellowship_layout1 td {
	vertical-align:top;
	padding:0;
	width:139px;
	height:400px;
	border-right:1px solid #5187cf;
	background: #feffff;
background: -moz-linear-gradient(top,  #feffff 0%, #a0d8ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#a0d8ef));
background: -webkit-linear-gradient(top,  #feffff 0%,#a0d8ef 100%);
background: -o-linear-gradient(top,  #feffff 0%,#a0d8ef 100%);
background: -ms-linear-gradient(top,  #feffff 0%,#a0d8ef 100%);
background: linear-gradient(to bottom,  #feffff 0%,#a0d8ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );
}
table.fellowship_layout1 td+td {
	border-right:0px solid #5187cf;
	background:#fff;
	width:820px;
	padding:10px;
}
table.fellowship_layout1 td table tr td  {
	border-right:0px solid #5187cf;
	width:auto;
	height:auto;
	background:none;
}
table.fellowship_layout1 td table.fc-header td, table.fellowship_layout1 td table.fc-header td+td {
	width:33%;
}

table.fellowship_layout1 td table.fc-border-separate {
	border-right:1px solid #ccc;
}
table.fellowship_layout1 td table.fc-border-separate td {
	padding:2px;
	}
table.fellowship_layout1 td table.fc-border-separate td+td {
	border-right:0px solid #ccc;
	}

.fellowship_layout1 ul.fellowship_menu {
	display:block;
	width:100%;
	margin:15px 0;
	padding:0;
	list-style:none;
}
.fellowship_layout1 ul.fellowship_menu li {
	padding:0 0 1px 0;
}
.fellowship_layout1 ul.fellowship_menu li a {
	display:block;
	padding:5px;
	text-align:center;
	color:#000;
	background:#5187cf;
}
.fellowship_layout1 ul.fellowship_menu li:nth-child(even) a {
	background:none;
}
.fellowship_layout1 ul.fellowship_menu li a:hover {
	background:#6CF;
	text-decoration:none;
}
.fellowship_layout1 ul.fellowship_menu li a.this_page {
	background: url(../images/fellowship_menu_bg1.png) no-repeat right center;
}


.fellowship_layout2 ul.fellowship_menu {
	display:block;
	width:980px;
	margin:-15px -21px 15px -21px;
	padding:0;
	height:30px;
	background:#5073a2;
	list-style:none;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
	border-top:1px solid #96b9e6;
}
.fellowship_layout2 ul.fellowship_menu li {
	float:left;
	width:88px;
	line-height:30px;
	text-align:center;
}
.fellowship_layout2 ul.fellowship_menu li+li {
	border-left:1px solid #96b9e6;
}
.fellowship_layout2 ul.fellowship_menu li a {
	display:block;
	color:#fff;
}
.fellowship_layout2 ul.fellowship_menu li a:hover {
	background: #96b9e6;
	text-decoration:none;
}
.fellowship_layout2 ul.fellowship_menu li a.this_page {
	background: #5187cf;
}



.fellowship_layout3 h1#cat_title {
	color:#000;
	background: #5187cf;
background: -moz-linear-gradient(top,  #5187cf 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5187cf), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #5187cf 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #5187cf 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #5187cf 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #5187cf 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5187cf', endColorstr='#ffffff',GradientType=0 );
}
.fellowship_layout3 h1#cat_title a {
	color:#000;
}
.fellowship_layout3 ul.fellowship_menu {
	display:block;
	width:979px;
	margin:-15px -20px 15px -21px;
	padding:0;
	height:30px;
	background:#fff;
	list-style:none;
}
.fellowship_layout3 ul.fellowship_menu li {
	float:left;
	width:89px;
	line-height:30px;
	text-align:center;
}
.fellowship_layout3 ul.fellowship_menu li a {
	border:1px solid #ddd;
	display:block;
	border-bottom:0px;
	border-radius:5px 5px 0 0;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
}
.fellowship_layout3 ul.fellowship_menu li a:hover {
	background:#6CF;
	color:#fff;
	text-decoration:none;
}
.fellowship_layout3 ul.fellowship_menu li a.this_page {
	color:#000;
	border-top:1px solid #5187cf;
	background: #5187cf;
background: -moz-linear-gradient(top,  #5187cf 0%, #ffffff 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5187cf), color-stop(50%,#ffffff));
background: -webkit-linear-gradient(top,  #5187cf 0%,#ffffff 50%);
background: -o-linear-gradient(top,  #5187cf 0%,#ffffff 50%);
background: -ms-linear-gradient(top,  #5187cf 0%,#ffffff 50%);
background: linear-gradient(to bottom,  #5187cf 0%,#ffffff 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5187cf', endColorstr='#ffffff',GradientType=0 );

}

.fell_video_all {
	display:block;
	width:100%;
}
.fell_video {
	width:100%;
	height:160px;
}
.fell_video_in {
	display:inline-block;
	vertical-align:top;
	width:30%;
	padding:1%;
	margin:0 1% 10px 0;
	background:#f6f6f6;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.fell_video_title {
	display:block;
	text-align:left;
}







.fellowship_list {
	display:block;
	padding:50px;
	margin:-15px -20px -25px -15px;
	min-height:250px;
	text-align:center;
	background:url(../images/fellowship_list_bg.jpg) center no-repeat;
}
.fellowship_list a {
	display:inline-block;
	padding:10px 20px;
	font-size:17px;
	margin:5px 2px;
	color:#fff;
	background:#5187cf;
	border-radius:15px;
	box-shadow:0 5px 8px rgba(0,0,0,0.2);
}
.fellowship_list a:hover {
	background:#0CF;
	text-decoration:none;
}
a.fellowship_list1 {
	background:#e07d2e;
}
a.fellowship_list1:hover {
	background:#FC0;
}
a.fellowship_list2 {
	background:#87a54d;
}
a.fellowship_list2:hover {
	background:#9be114;
}

.login_box {
	display:block;
	text-align:left;
	padding:15px 0;
	border-bottom:1px dotted #069;
	border-top:1px dotted #069;
}
.login_box span {
	display:inline-block;
	width:80px;
	vertical-align:middle;
	text-align:left;
}
.input01 {
	border:1px solid #ccc;
	padding:3px 5px;
	line-height:18px;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
	color:#666;
	vertical-align:middle;
	width:200px;
	margin:1px 0;
}
input.btn01 {
	padding:2px 25px;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
	font-size:15px;
}



.bottom_menu {
	display:block;
	background:#5073a2;
	padding:10px;
	text-align:center;
	line-height:18px;
	font-size:15px;
	clear:both;
}
.bottom_menu a {
	border-left:0px solid #fff;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:0 8px;
}
.bottom_menu a+a {
	border-left:1px solid #fff;
}
.bottom_menu a:hover {
	color:#6CF;
}


.bottom {
	display:block;
	background:#555454;
	color:#b5b5b5;
	font-size:11px;
	text-align:center;
	line-height:35px;
	line-height:35px;
}
.bottom a {
	color:#b5b5b5;
	text-decoration:none;
}




#right_banner .page_btn a {
	display:none;
}
#right_banner .pn_btn a.prevNav {
	background:url(../images/arrows1.png) no-repeat 5px center;
}
#right_banner .pn_btn a.nextNav {
	background:url(../images/arrows2.png) no-repeat 0 center;
}

.jquery-valid-error {
	border: 1px solid red;
	max-width: 513px;
	padding: 5px 0px 5px 15px;
	margin-top: 5px;
	border-radius: 5px;
	background-color: #feedf1;
	color: red;
}

.login.jquery-valid-error {
	max-width: 480px;
}

.member_login_alert {

	padding: 10px 0px 10px 0px;
	border-radius: 5px;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
	color: #8a6d3b;
	margin-bottom: 15px;
	text-align: center;
}

.profile_box {
	display:block;
	text-align:left;
	padding:15px 0;
	border-bottom:1px dotted #069;
	border-top:1px dotted #069;
}
.profile_box span {
	display:inline-block;
	width:120px;
	vertical-align:middle;
	text-align:left;
}

.profile_box select{
	width: 212px;
}

.venue_calander_add {
	float: left;
	background-color: #ccc;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	vertical-align: center;
	text-decoration: none !important;
	color: #666 !important;
}

.date_input01{
	width: 50px;
}

.calendar_loading_alert {

	padding: 10px 0px 10px 0px;
	border-radius: 5px;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
	color: #8a6d3b;
	margin-bottom: 15px;
	text-align: center;
}


.venue-history th {
	background-color: #5187CF;
	color: white;
	padding: 5px;
}

.venue-history td {
	padding: 5px;
}

.calendar_title {
	background-color: #5187CF;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
}

#calendar_head{
	color: white;
	background-color: #5187CF;
}

#calendar_head .arrow_btn{
	color:#FFF;
}


.selectBox_cal {
	background:#f4f4f4;
	padding:4px 5px;
	margin:0 0 10px 0;
}

.selectBox_cal td {
	padding: 5px 10px 5px 10px;
}

.selectBox_cal select {
	border:1px solid #666;
	display:inline-block;
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
}

.days .holiday {
	color: red;
}

.days tr td {
	padding: 5px;
	border: 1px solid #ccc;
}

.days tr td {
	background-color: #ccc;
}

.days tr+tr td {
	background-color: #fff;
}

.has_event {
	background-color: #f9f9a5 !important;
}

.staff_list_link.no_img .staff_list_img {
	display: none;
	width: 0;
}

.staff_list_link.no_img .staff_list_name{
	margin-left: 0;
}

.staff_list_link.no_img .staff_list_text{
	margin-left: 0;
}

/* new style added by AMAN 20240521 */
.home-youtube-wrapper{ display: block; width: 100%;  max-height: 175px; position: relative; padding-top: 53.25%; overflow: hidden;}
.home-youtube-wrapper>iframe{ position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; width: 100%; height: 100%;}
/*
#right_icon .page_btn{
	display:none;
}
#right_icon .pn_btn a.prevNav {
	background:url(../images/arrows1.png) no-repeat 5px center;
}
#right_icon .pn_btn a.nextNav {
	background:url(../images/arrows2.png) no-repeat 0 center;
}
*/
.right-icon-wrapper table{ width: 100%; height: 175px;}
.right-icon-wrapper tr{ height: 50%;}
.right-icon-wrapper td{width: 33.3%; line-height: 0; }
.right-icon-wrapper img{ display:block; max-width: 100%;}
