/*************** [sermons]basic ***************/
/*#section_type_sermons_12*/
#section_type_sermons_12{background:url("/section/sermon/sermon_12/img/bg.jpg") no-repeat center center; background-size:cover;}
#section_type_sermons_12 .sermon_box_wrap {width:100%; overflow:hidden;}
#section_type_sermons_12 .sermon_box_wrap .sermon_box {position:relative; float:left; border-top:7px double #fff; border-bottom:7px double #fff; padding:40px 30px; height:370px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_sermons_12 .sermon_box_wrap .sermon_box h2 {font-size:30px; color:#fff; font-family: 'GmarketSansMedium'; font-weight:400; margin-bottom:10px;}
#section_type_sermons_12 .sermon_box_wrap .sermon_box .p1 {font-size:19px; color:#ddd; margin-bottom:45px; font-weight:300; line-height: 135%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section_type_sermons_12 .sermon_box_wrap .sermon_box h3 {font-size:42px; color:#f36e00; font-family: 'GmarketSansMedium'; font-weight:400; margin-bottom:10px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#section_type_sermons_12 .sermon_box_wrap .sermon_box .p2 {font-size:18px; color:#ddd; font-family: 'GmarketSansLight'; margin-bottom:45px;}
#section_type_sermons_12 .sermon_box_wrap .sermon_box ul {position: absolute; bottom: 30px;}
#section_type_sermons_12 .sermon_box_wrap .sermon_box ul li {display:inline-block; width:180px; height:48px; margin-right:10px; border-radius: 40px; background: rgba(0,0,0,0.5); border: 1px solid #fff; transition:all 0.3s;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_sermons_12 .sermon_box_wrap .sermon_box ul li:hover {background: rgba(243,110,0,0.3);}
#section_type_sermons_12 .sermon_box_wrap .sermon_box ul li a {display:block; width:100%; height:100%; text-align:center; color:#fff; font-size: 18px; font-weight: 300; padding-top: 12px; border-radius: 40px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}

#section_type_sermons_12 .sermon_box_wrap .sermon_box1 {width:65%; margin-right:2%;}
#section_type_sermons_12 .sermon_box_wrap .sermon_box2 {width:33%; background:url("/section/sermon/sermon_12/img/box2_bg.png") no-repeat right bottom; }
#section_type_sermons_12 .sermon_box_wrap .sermon_box2 ul {margin-top:165px;}

#section_type_sermons_12 .sermon_con_wrap {width:100%; overflow:hidden; margin-top:30px;}
#section_type_sermons_12 .sermon_con_wrap .sermon_con {float:left; width:23.5%; height:240px; margin-right:2%; box-shadow: 10px 10px 30px rgba(0,0,0,0.3)}
#section_type_sermons_12 .sermon_con_wrap .sermon_con1 {background:url("/section/sermon/sermon_12/img/con_bg1.jpg")no-repeat center center; background-size:cover;}
#section_type_sermons_12 .sermon_con_wrap .sermon_con2 {background:url("/section/sermon/sermon_12/img/con_bg2.jpg")no-repeat center center; background-size:cover;}
#section_type_sermons_12 .sermon_con_wrap .sermon_con3 {background:url("/section/sermon/sermon_12/img/con_bg3.jpg")no-repeat center center; background-size:cover;}
#section_type_sermons_12 .sermon_con_wrap .sermon_con4 {background:url("/section/sermon/sermon_12/img/con_bg4.jpg")no-repeat center center; background-size:cover; margin-right:0;}
#section_type_sermons_12 .sermon_con_wrap .sermon_con a {position:relative; display:block; width:100%; height:100%;}
#section_type_sermons_12 .sermon_con_wrap .sermon_con a h3 {position:absolute; left:50%; top:50%; margin-left:-70px; margin-top:-70px; width:140px; height:140px; border-radius:50%; background: rgba(0,0,0,0.4); text-align:center; color:#fff; font-weight:400; font-size:22px; border:1px solid #fff; padding-top:53px; transition:all 0.2s;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_sermons_12 .sermon_con_wrap .sermon_con a:hover h3 {position:absolute; left:0; top:0; margin-left:0; margin-top:0; width:100%; height:100%; border-radius:0; padding-top:100px; background: rgba(243,110,0,0.3); text-shadow: 1px 1px 1px #000;}


/*************** [sermons]responsive ***************/
/*#section_type_sermons_12*/
@media screen and (max-width:1024px){ 
	#section_type_sermons_12 .sermon_box_wrap .sermon_box h2 {font-size: 28px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box .p1 {font-size: 18px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box h3 {font-size: 40px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box .p2 {font-size: 17px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box ul li a {font-size:17px;}

	#section_type_sermons_12 .sermon_con_wrap .sermon_con a h3 {font-size:20px; padding-top: 56px;}
	#section_type_sermons_12 .sermon_con_wrap .sermon_con a:hover h3 {padding-top: 105px;}
}
@media screen and (max-width:800px){ /*pc, tablet - galaxy tab*/
	#section_type_sermons_12 .sermon_box_wrap {padding-top:30px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box1 {width:100%; margin-right:0;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box2 {width:100%; margin-top:30px;}
	
	#section_type_sermons_12 .sermon_con_wrap {margin:30px 0;}
	#section_type_sermons_12 .sermon_con_wrap .sermon_con {width:49%;}
	#section_type_sermons_12 .sermon_con_wrap .sermon_con1 {margin-bottom:2%;}
	#section_type_sermons_12 .sermon_con_wrap .sermon_con2 {margin-bottom:2%; margin-right:0;}
}
@media screen and (max-width:450px){ /*mobile*/
	#section_type_sermons_12 .sermon_box_wrap .sermon_box {padding:40px 20px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box h2 {font-size: 24px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box .p1 {font-size: 17px; margin-bottom: 35px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box h3 {font-size: 36px; margin-bottom:5px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box .p2 {font-size: 16px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box1 ul {bottom:20px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box ul li {width:160px; display:block; margin-top:10px;}
	#section_type_sermons_12 .sermon_box_wrap .sermon_box ul li a {font-size:16px; padding-top:13px;}

	#section_type_sermons_12 .sermon_con_wrap .sermon_con {width:100%; height:180px; margin-right:0; margin-bottom:2%;}
	#section_type_sermons_12 .sermon_con_wrap .sermon_con a h3 {margin-left:-65px; margin-top:-65px; width:135px; height:135px; padding-top:53px; font-size:18px;}
	#section_type_sermons_12 .sermon_con_wrap .sermon_con a:hover h3 {padding-top:100px;}
}