.selectBox .paging {

}

.page_list_btn {
	display:block;
	padding:0 0 5px 0;
	margin-top: 10px;
}
.page_list_btn a {
	display:inline-block;
	min-width:16px;
	padding:0 2px;
	height:20px;
	border:1px solid #2465C1;
	background:#94b8eb;
	text-align:center;
	color:#fff;
	font-size:15px;
	text-decoration:none;
	margin: 0 1px 0 1px;
}
.page_list_btn a:hover {
	background:#2465c1;
}
.page_list_btn a.this_page {
	background:#2465c1;
}

.page_list_btn .paging_sp{
	margin-left: 3px;
	margin-right: 3px;
	height: 20px;
}

.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: #2465c1;
    border-radius:8px;
}
.back_btn a:hover {
	background: #2465c1;
}

.download_list span.date{
	clear:both;
	float: left;
	font-size: 16px;
	width: 100%;
	padding: 5px 0px 0px 0px;
}

.download_list .news_end {
	padding: 0px 0px 0px 0px !important;
}

.download_list .news_list_item{
	margin: 0 !important;
}

.download_list li:nth-child(even) {
    background: #d6e5f4;
}

.index_contact_text a {
	color: white;
}

.sermon_list .download_link{
	text-decoration: none;
}

.sermon_list .sermon_end{
	width: 100%;
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	clear: both;
}

.sermon_list .view_link{
	color: white;
	clear:both;
	float:left;
}

.webbutton01 {
	display: inline-block;
    margin: 15px 0;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    color: #fff !important;
    text-decoration: none;
    background: #4e9ef4;
    background: -moz-linear-gradient(top, #4e9ef4 0%, #387fca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e9ef4), color-stop(100%,#387fca));
    background: -webkit-linear-gradient(top, #4e9ef4 0%,#387fca 100%);
    background: -o-linear-gradient(top, #4e9ef4 0%,#387fca 100%);
    background: -ms-linear-gradient(top, #4e9ef4 0%,#387fca 100%);
    background: linear-gradient(to bottom, #4e9ef4 0%,#387fca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e9ef4', endColorstr='#387fca',GradientType=0 );
}

.no_record {
	padding: 15px;
}

ul.news_list li h2{
	width: 50%;
}

ul.activity {
	display:block;
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}
ul.activity li {
	background:#f3f3f3;
	text-align:left;
	font-size:14px;
	border-bottom:1px solid #e7e7e7;
}
ul.activity li:nth-child(even) {
	background:#eaeaea;
}
ul.activity li:hover {
	background:#aecbe9;
}
ul.activity li.list_header {
	background:url(../images/menu_bg.png) repeat-x top #265dc4;
	background-size:100% 100%;
	color:#fff;
	font-size:17px;
}

ul.activity li strong {
	display:block;
	padding:5px;
	line-height:20px;
	font-weight:normal;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #f3f3f3;
}
ul.activity li span {
	padding:0;
	width:25%;
	margin:0;
	float:left;
	display:block;
	vertical-align:top;
}
ul.activity li span+span {
	width:18%;
}
ul.activity li.list_header strong {
	border-right:1px solid #103d90;
	border-left:1px solid #95aedd;
}
ul.activity li span.clear_both  {
	width:100%;
	padding:0;
	margin:0;
	height:0;
	float:none;
	clear:both;
}
ul.activity li a {
	display:block;
	min-height:30px;
	text-decoration:none;
}

.act_info {
	list-style: none;
	padding-left:0px;
	padding: 0 !important;
	margin: 0;
}

.act_info li {
	border: 1px solid #2465C1;
	padding: 0px;
	list-style: none;
}

.act_info li+li {
	border-top: 0px;
}

.act_info span {
	width: 120px;
	display: inline-block;
	color: #fff;
	background:#2465C1;
	background-size:100% 100%;
	font-size:17px;
	padding:5px 1%;
	margin-right: 5px;
	border-bottom: 1px solid #fff !important;
}

.act_info_span {
	width: 120px;
	display: inline-block;
	color: #fff;
	background:#2465C1;
	background-size:100% 100%;
	font-size:17px;
	padding:5px 1%;
	margin-right: 5px;
	border-bottom: 1px solid #fff !important;
}


.act_info_content_div {
	border: 1px solid #2465C1;
	min-height: 50px;
	padding: 10px;
}

.selectBox .calendar {
	float: right;
	padding-right: 5px;
}

.calendar .webbutton01 {
	margin-top: 0px;
}


@media screen and (max-width: 520px){
	.search_date_selector {
		width: 100%;
		margin: 8px 0px 0px 0px !important;
		font-size:16px !important;
	}

	.paging {
		width: 100%;
	}

	.album_box .paging{
		width: 50%;
	}

	.selectBox .calendar {
		width: 100%;
	}


}

@media screen and (max-width: 360px){
	.act_info span {
		width: 98%;
	}
	.act_info ul li {
		padding-bottom: 5px;
	}
}

.registration_form{
	text-align: left; 
}

.registration_form p span {
	width: 150px;
	display: inline-block;
}

.input01 {
	vertical-align:top;
	width:97%;
	max-width:400px;
	border:1px solid #666;
	padding:2px 1%;
	font-size:15px;
	margin:0 0 2px 0;
}
label.input01 {
	cursor:pointer;
}


.jquery-valid-error {
	border: 1px solid red;
	max-width: 558px;
	padding: 5px 0px 5px 15px;
	margin-top: 5px;
	border-radius: 5px;
	background-color: #feedf1;
	color: red;
}

.input_btn1 {
	font-family:"microsoft jhengHei", arial, "apple Ligothic", heiti;
	font-size:18px;
	padding:3px 15px;
}




.reg_info {
	font-size:17px;
}

.reg_info input {
	font-size:17px;
}

.reg_info .reg_title {
	width: 120px;
	display: inline-block;
	color: #fff;
	background:#2465C1;
	background-size:100% 100%;
	font-size:17px;
	padding:5px 1%;
	margin-right: 5px;
	border-bottom: 1px solid #fff !important;
}

.reg_info .content_div {
	border: 1px solid #2465C1;
	min-height: 50px;
	padding: 10px;
}

.input01.checkbox{
	width: 20px;
}

.selectBox .album {
	float: right;
	padding-right: 5px;
}

.album .webbutton01 {
	margin-top: 0px;
}

.album_box .summary {
	display:block; 
	padding:5px 0;
	margin:5px 0 10px 0;
	border-bottom:1px dotted;
}


@media screen and (max-width: 1160px){
	
	.index_new_mask {
		width: 640px;
		height: auto !important;
	}
	.index_new_mask ul {
		width: 640px !important;
		
	}
}

@media screen and (max-width: 640px){
	
	.index_new_mask {
		width: 320px;
		height: auto !important;
	}
	.index_new_mask ul {
		width: 320px !important;
		
	}
}

@media screen and (max-width: 320px){
	
	.index_new_mask {
		height: auto !important;
	}
	.index_new_mask ul {
		width: 100% !important;
	}
	.index_new_mask ul li {
		padding: 0px 20px !important;
	}
}