/* common */

.nav-tabs {border-bottom:none;}
.plus { position:absolute; top:0; right:0;}
.plus:hover { opacity:0.8; transition:0.3s all ease;}

.box{display:inline-block; position:relative; opacity:0; top:50px; }
/*main-quick*/
#main-quick{background: linear-gradient( 320deg, #2B5386, #198EA3);height: 120px;}
#main-quick .container-fluid .row a{text-decoration:none;}
#main-quick .container-fluid .row a .box{width:20%;text-align: center; border-right: 1px solid #fff;}
#main-quick .container-fluid .row a:last-child .box{border:none;}
#main-quick .container-fluid .row a .box img{display:block;margin: 15px auto 5px;}
#main-quick .container-fluid .row a .box span{font-size:20px; color:#fff; padding-bottom:7px; display:inline-block;}
.container-fluid{width:1200px;}

/*main1*/
#main-1{margin: 110px 0 50px;}
#main-1 .main-1-left,
#main-1 .main-1-center,
#main-1 .main-1-right,
#main-2 .main-2-left1,
#main-2 .main-2-left2,
#main-2 .main-2-right1,
#main-2 .main-2-right2{padding-right:7.5px; padding-left: 7.5px;}
/*main1-left*/
#main-1 .main-1-left #sermon{height:350px; background-color:#2B5386;position:relative;padding: 25px;}
#main-1 .main-1-left #sermon .sermon-div{float:right;}
#main-1 .main-1-left #sermon .sermon-div .pastor_img{position:absolute; left:0; bottom:0;}
#main-1 .main-1-left #sermon .sermon-div a{text-decoration:none;}
#main-1 .main-1-left #sermon .sermon-div a h3{margin: 0;line-height: 2;color: #fff;text-align:right;
letter-spacing: 1px;font-size: 32px;word-spacing: 2px;}
#main-1 .main-1-left #sermon .sermon-div a h3 img{margin-right: 10px;}
#main-1 .main-1-left #sermon .sermon-div h4{text-align: right;color: #fff;font-size: 20px;}
#main-1 .main-1-left #sermon .sermon-div a h5{width: 55%;float: right;font-size: 30px;text-align: right;
word-break: keep-all;line-height: 1.5;color: #fff;white-space: normal;word-wrap: break-word;display: -webkit-box;
-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;height: 3em;transform: skew( -0.05deg );}
#main-1 .main-1-left #sermon .sermon-div h6{float: right;text-align: right;color: #fff;width: 100%;font-size: 24px;}

/*main-1-center*/
.main-1-center a{text-decoration:none;}
.latest-third{height:350px; position:relative; padding: 25px;}
.latest-third a{text-decoration:none;}
.latest-btn{position:absolute;top: 0; right: 0;}
.background-color{background-color:#227395;}
.main-1-center .latest-third .latest-wrapper .latest-title{font-size:28px; color:#fff;}
.main-1-center .latest-third .latest-wrapper #jubo a h3{color: #fff; font-size: 28px;margin: 45px 0 20px;}
.main-1-center .latest-third .latest-wrapper #jubo h4{font-size: 20px;color: #fff;margin: 0;}
.main-1-center .latest-third .latest-wrapper #jubo a .jubo_img{position: absolute;right: 10%;bottom: 10%;}
/*main-1-right*/
.background-color2{background-image: url('../images/school_bg.png');}
.main-1-right .latest-third .latest-wrapper .latest-title2{font-size:28px; color:#000;}
.main-1-right .latest-third .latest-wrapper #school{font-size: 17px;margin-top: 20px;
color: #000;word-break: keep-all;width: 100%;display: inline-block;}

/*main2*/
#main-2{margin-bottom: 90px;}
#main-2 a{text-decoration:none;}
/*main-2-left1*/
#main-2 .main-2-left1 .latest-third .latest-wrapper .latest-title2{font-size:28px; color:#000;float: left;padding: 20px 10px;}
#main-2 .main-2-left1 .latest-third .latest-wrapper #pictures{width:100%;height:100%; display:inline-block;}
#main-2 .main-2-left1 .latest-third .latest-wrapper #pictures a{text-decoration: none;display: inline-block;float: left;padding: 10px;width: 50%;}
#main-2 .main-2-left1 .latest-third .latest-wrapper #pictures a .picture-img{display: block;width: 118px;height: 80px;position: relative;overflow: hidden;
margin: 0 auto;background-size: cover;background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
#main-2 .main-2-left1 .latest-third .latest-wrapper #pictures a h1{font-size: 17px;color: #000;margin: 0;line-height: 1.5;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#main-2 .main-2-left1 .latest-third{border:1px solid #ddd;}

/*main-2-left2*/
.background-color3{background-image: url('../images/youth_bg.png');}
.main-2-left2 .latest-third .latest-wrapper .latest-title{font-size:28px; color:#fff;}
.main-2-left2 .latest-third .latest-wrapper #youth{font-size: 17px;margin-top: 20px;
color: #fff;word-break: keep-all;width: 100%;display: inline-block;}

/*main-2-right1*/
.background-color4{background-image: url('../images/new_bg.png');}
.main-2-right1 .latest-third .latest-wrapper .latest-title{font-size:28px; color:#fff;}
.main-2-right1 .latest-third .latest-wrapper #newfam{font-size: 17px;margin-top: 20px;
color: #fff;word-break: keep-all;width: 100%;display: inline-block;}

/*main-2-right2*/
.background-color5{background-color:#D9E4F0}
.main-2-right2 .latest-third .latest-wrapper .latest-title2{font-size:28px; color:#000;}
.main-2-right2 .latest-third .latest-wrapper #homepray{font-size: 17px;margin-top: 20px;
color: #fff;word-break: keep-all;width: 100%;display: inline-block;}
.main-2-right2 .latest-third .latest-wrapper #homepray ul a li{padding: 5px;display: inline-block;float: left;}
.main-2-right2 .latest-third .latest-wrapper #homepray ul a li p{margin: 0;text-align: left;float: left;
font-size: 17px;color: #000;width: 100%;display: inline-block;line-height: 1.5;word-break: keep-all;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
@media (min-width:1200px) and (max-width:1499px) {
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:768px) and (max-width:991px) {
}

@media (max-width:767px) {
}

@media (max-width:320px) {
}