#main-1 { text-align:center; height:auto; margin: 45px 0; }
#main-1 h1 {font-size:15px; font-weight:bold; color:#fff; text-align:center; margin-top:5px;}
#main-1 h2 {font-size:18px; line-height:30px; padding-top:30px;}
#main-1 h3 {font-weight: bold;padding-top: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;float: left;
margin-bottom: 25px;}
#main-1 > div > div > div > div{width:100%;}
#main-1 h4 {font-size:18px; font-weight:bold; color:gray; padding-top:15px; letter-spacing:2px;  }
#main-1 .pastor_img { position:absolute; right:2%; bottom:0;}
#main-1 .praise h2 { color:#fff; padding-top:10px;}
#main-1 .praise h3 { color:#fff; padding-top:5px;}
#main-1 .praise h4 { color:#fff; }
#main-1 .notice h2 { color:#fff; padding-top:10px;}
#main-1 .notice h3 { color:#fff; padding-top:5px;}
#main-1 .notice h4 { color:gray; }
#main-1 > .container > .row > .pastor > div{ float:left; text-align:left; position:relative; padding-left:35px;}
#main-1 > .container > .row > .praise{position:relative;}
#main-1 > .container > .row > .praise > div{ float:left; text-align:left; padding-left:35px;}
#main-1 > .container > .row > .notice{position:relative;}
#main-1 > .container > .row > .notice > div{ float:left; text-align:left; padding-left:35px;}
#main-1 a {text-decoration:none; color:#fff;}

#main-2 { height:auto; background:antiquewhite; padding-top:70px; padding-bottom:70px; }
#main-2 > div > div > div { position:relative; height:488px;}
#main-2 > div > div > div:nth-child(1) > div{position: relative; height: 488px; background-image: url(/UserData/glchhp/Layouts/glchhp_Layout/Images/board1_bg.png); background-size:100%; background-repeat:no-repeat;}
#main-2 > div > div > div:nth-child(2) > div{position: relative; height: 488px; background-image: url(/UserData/glchhp/Layouts/glchhp_Layout/Images/board2_bg.png); background-size:100%; background-repeat:no-repeat;}
#main-2 > div > div > div:nth-child(3) > div{position: relative; height: 488px; background-image: url(/UserData/glchhp/Layouts/glchhp_Layout/Images/board3_bg.png); background-size:100%; background-repeat:no-repeat;}
#main-2 h4 {font-size:22px; color:#fff; text-align:center; letter-spacing:3px;}
#main-2 .bg_title {position: absolute;width: 200px;top: 15%;left: 50%;transform: translate(-50%, -50%);}
#main-2 ul {position: absolute;top: 25%;padding: 45px;width: 100%;}
#main-2 li {padding-bottom:25px;}
#main-2 span {font-size:18px;}
#main-2 .main-2-ul .main-2-href{font-size: 18px;color: #000;text-decoration: none;width: 100%;}
#main-2 .main-2-ul .main-2-href strong{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;}

#main-3 { padding-top:130px; padding-bottom:130px; height:auto;}
#main-3 > div > div > div {display:inline-block; }
#main-3 .main-3-href{display: block;width: 100%;position: relative;height: 235px;overflow: hidden;background-color: #000;
margin: 0 auto;border-radius: 10px;}
#main-3 .main-3-href .main-3-img {border-radius: 10px;max-width: 100%;max-height: 100%;position: absolute;top: 45%;
left: 50%;transform: translate(-50%, -50%)}
#main-3 .cont {position:absolute; bottom:0%; width:100%; background-color:rgba(84,84,84,0.7); border-radius:0 0 10px 10px; } 
#main-3 .title { float:left; font-size:15px; font-weight:bold; color:#fff; padding-left:15px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; word-wrap: normal !important; width:70%;}
#main-3 .data { float:right; font-size:15px; color:#fff; padding-right:15px;}
#main-1 .pastor {border-radius:15px 0 0 15px; height:300px; background:#fff; box-shadow:2px 2px 2px 2px #808080cc; }
#main-1 .pastor .main1-sub{margin-top: 35px;}
#main-1 .pastor .main1-sub p{font-size:18px;}
#main-1 .play {background: #286090;border-radius: 20px;width: 15%;position: absolute;left: 30%;bottom: 0%;}
#main-1 .praise { height:300px; background:#ea9935; box-shadow:2px 2px 2px 2px #808080cc;}
#main-1 .praise .main1-sub{margin-top: 35px;}
#main-1 .praise .main1-sub p{font-size:18px;}
#main-1 .notice { height:300px; background:#a0325b; box-shadow:2px 2px 2px 2px #808080cc;}
#main-1 .notice .main1-sub{margin-top: 35px;}
#main-1 .notice .main1-sub p{font-size:18px;}
#main-1 .more {width: 30%;position: absolute;right: 5%; bottom: 15%;}


@media (min-width:1200px) and (max-width:1430px) {
	#main-1 .play {left:33%;}
	
	#main-2 .bg_title {left:32%;}
	#main-2 li {padding-bottom:10px;}
	#main-2 span {font-size:15px;}
    #main-3{padding-top: 60px; padding-bottom: 60px;}
	#main-3 .title{width:60%;}
    #main-2 ul{padding: 25px;}
    #main-3 .main-3-href{height:255px;}
    #main-2 > div > div > div{height: 390px!important;}
    #main-2 > div > div > div > div{height: 390px!important;}
}

@media (min-width:992px) and (max-width:1199px) {
	#main-1 h2 {font-size:16px;}
	#main-1 h3 {font-size:22px;}
	#main-1 .pastor_img {right:0%;}
	#main-1 .play {left:40%;}
	#main-1 .praise h3 {padding-top:0;}
	#main-1 .notice h3 {padding-top:0;}
	
	#main-2 > div > div > div { width:320px;}
	#main-2 .bg_title { width:120px; top:8%; left:32%;}
	#main-2 h4 {font-size:18px;}
	#main-2 li {padding-bottom:5px;}
	#main-2 span {font-size:13px;}
	
	#main-3 {padding-top:50px; padding-bottom:50px;}
	#main-3 > div > div > div {padding-bottom:25px;}
    #main-3 .main-3-href{height: 210px;}
    #main-3 .title{width:53%;}
    #main-2 ul{padding: 20px; width: 100%;top: 18%;}
    #main-2 > div > div > div{height: 320px!important;}
    #main-2 > div > div > div > div{height: 400px!important;}
}

@media (min-width:768px) and (max-width:991px) {
	#main-1 {margin-top:-52px;}
	#main-1 .praise {margin-top:30px;}
	#main-1 .notice {margin-top:30px;}	
	#main-2 > div > div > div{width:100%;text-align:center;}
    #main-2 > div > div > div > img{width:100%;}
	#main-3 {padding-top:50px; padding-bottom:50px;}
	#main-3 > div > div > div {padding-bottom:25px; width:50%;}
    #main-2 > div > div > div > div{background-position: center;background-size: 60%!important;}
	
}

@media (max-width: 767px) {
	#main-1 {margin-top:15px; padding-bottom:20px; padding-left:20px;}
	#main-1 .pastor {width:95%; border-radius:10px;}
	#main-1 .praise {width:95%; border-radius:10px;}
	#main-1 .notice {width:95%; border-radius:10px;}
	#main-1 .pastor_img {display:none;}
	#main-1 .play {bottom: 30%;left: 60%;width: 30%;}
	#main-1 > div > div > div {margin-bottom:20px;}
	#main-1 > div > div > div > div {padding-left:10px; height:375px!important; padding:0px!important;width:100%;}
	#main-2 > div > div > div {padding-bottom:20px;height: 395px;}
	#main-2 .bg_title {top: 10%;}
	#main-2 ul {top: 20%; left: 0;}
	#main-2 span {font-size:13px;}
	
	#main-3 {padding-top:25px; padding-bottom:25px;}
	#main-3 > div > div > div {display: block; margin: 15px;}
    #main-2 li{padding-bottom: 5px;}
}

@media (max-width:721px and min-width:375px) {
	
}