.wrap-main .main-section {
    /*overflow: hidden;*/
}

.wrap-main .main-section .slider{
    width:500px;
}

.wrap-main .main-section .mission_img img{
    width:100%;
    height:541px;
}

.wrap-main .main-section .img_4 div{
    width:25%;
    height:166.27px;
    padding:0;
}

.wrap-main .main-section .img_4 div a img{
    width:100%;
    height:100%;
}

    .wrap-main .main-section .right-top {
        position: relative;
        /*width: 600px;*/
        /*height: 310px;*/
        height:43%;
        background: #FFF;
        box-sizing: border-box;
        padding: 22px 33px;
        padding-right: 22px;
    }

        .wrap-main .main-section .right-top .wrap-sermon .sermon-title {
            color: #3C6C9C;
            font-size: 21px;
        }

        .wrap-main .main-section .right-top .wrap-sermon .sermon-title span{
            color: #5358c0;
            font-weight: bold;
        }

        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content{
            width:350px;
        }

        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-title,
        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-title > a{
            padding:15px 0;
            height:120px;
            font-weight:600;
            font-size:34px;
            color:#555;
            text-decoration:none;
        }

        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-title span{
            font-weight: normal;
        }

        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-info{
            font-size:14px;
            color:#555;
        }



        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .more-btn{
                position: absolute;
                top: 0px;
                right: 0px;
                background: #FFF;
                font-size: 20px;
                font-weight: 600;
                width: 30px;
                height: 30px;
                text-align: center;
        }

        .wrap-main .main-section .right-top .ser-btn {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 22px 50px;
            font-size: 16px;
            font-weight: 600;
            border-top: 1px solid #DDD;
            width: 350px;
        }

            .wrap-main .main-section .right-top .ser-btn a {
                text-decoration: none;
            }

        .wrap-main .main-section .right-bottom{ height: 57%; padding-top:5px; }    

        .wrap-main .main-section .right-bottom > div:first-child{height:100%;}

        .wrap-main .main-section .right-bottom > div:first-child > div{height:100% !important;}

        .wrap-main .main-section .right-bottom > div:last-child{margin-bottom:5px;}


    .wrap-main .main-section .pull-left:nth-child(2) .wrap-notice {
        /*background: #5b5b5b !important;*/
        background-image: url('../Images/togo_bg_180419.png') !important;
        margin-bottom: 5px;
    }

    .wrap-main .main-section .wrap-notice, .wrap-main .main-section .wrap-news {
        /*width: 300px;*/
        height: 205px;
        box-sizing: border-box;
        padding: 22px;
        position:relative;
    }

    .wrap-main .main-section .pull-left:first-child .wrap-notice{
        padding:0;
        background:none !important;
    }

    .wrap-main .main-section .pull-left:first-child .wrap-notice img{
        /*height:100%;*/
        height:399px;
    }

    .wrap-main .main-section:first-child .wrap-btn {
        cursor: pointer;
    }

        .wrap-main .main-section .wrap-btn img:hover {
            opacity: 0.7;
        }

        .wrap-main .main-section:last-child .wrap-btn a{
            cursor:pointer;
        }


        .wrap-main .main-section .wrap-notice .notice-title {
            font-size: 15px;
            /* color: #FFE615; */
			color: #68a0e9;
            font-weight: 600;
            margin-bottom: 6px;
        }

            .wrap-main .main-section .wrap-notice .notice-title strong, .wrap-main .main-section .wrap-news .notice-title strong {
                font-size: 19px;
                padding-right:5px;
            }

            .wrap-main .main-section .wrap-notice .notice-title span, .wrap-main .main-section .wrap-news .notice-title span{
                position:absolute;
                top:24px;
            }

        .wrap-main .main-section .wrap-notice .document-widget.normal table > tbody > tr > td {
            padding: 2px;
        }
        .wrap-main .main-section .wrap-notice .document-widget.gallery .document{
            display:none;
            position:absolute;
        }
        .wrap-main .main-section .wrap-notice .document-widget.gallery .document img{
            width:100%;
            height:165px;
        }
        .wrap-main .main-section .wrap-notice .document-widget.gallery .document a.title {
            font-size:14px; 
            font-weight:600; 
            color:#DDD;
            text-decoration:none;
        }
        .wrap-main .main-section .wrap-notice #gallTabs{
            position:absolute;
            bottom:16px;
            left:0px;
            text-align:center;
            width:100%;
            display:inline-block;
        }
        .wrap-main .main-section .wrap-notice #gallTabs > i{
            cursor:pointer;
            margin:0px 3px;
            color:#DDD;
            font-size:10px;
        }
        .wrap-main .main-section .wrap-notice #gallTabs > i.active{
            color:#FED12B;
            font-size:14px;
            position:relative;
            top:1px;
        }
        .wrap-main .main-section .wrap-notice .more-btn, .wrap-main .main-section .wrap-news .more-btn{
            position:absolute;
            top:22px;
            right:22px;
            background:#FFF;
            font-size:20px;
            font-weight:600;
            width:30px;
            height:30px;
            text-align:center;
        }
        .wrap-main .main-section .wrap-notice .more-btn > a, .wrap-main .main-section .wrap-news .more-btn > a{
            color:#999;
            text-decoration:none;
            display:block;
        }

        .wrap-main .main-section .wrap-news .notice-title{
            color: #414141;
            font-size: 17px;
            font-weight: 600;
            margin-bottom: 6px;
        }

        /*.wrap-main .main-section .wrap-news .notice-title strong{
            font-size:19px;
        }*/


.wrap-main .main-section:first-child .row > div:last-child{
    height:716px;
}

    .wrap-main .main-section:last-child .row > div:first-child {
        background-image: url('../Images/bottom_b1.jpg');
        background-size:100%;
    }

    .wrap-main .main-section:last-child .row > div:nth-child(2) {
        background-image: url('../Images/bottom_b2.jpg');
        width: 24.7%;
    }
    .wrap-main .main-section:last-child .row > div:nth-child(3) {
        background-image: url('../Images/bottom_b3.jpg');
        width: 24.3%;
    }

    .wrap-main .main-section:last-child .row > div{
        height:181px;
        background-size:100%;
        position: relative;
        padding-top: 20px;
    }

    .wrap-main .main-section:last-child .row > div .box{
        color: white;
        font-size: 23px;
    }

    .wrap-main .main-section:last-child .row > div .box .bar{
        position: relative;
        top: -17px;
        font-size: 40px;
        width: 27px;
        display: inline-block;
        padding-top: -19px;

    }

    .wrap-main .main-section:last-child .row > div .box .cont{
        vertical-align:top;
    }

    .wrap-main .main-section:last-child .row > div:last-child{
        width: 24.7%;
    }

    .main-section:first-child .right-bottom .pull-left:nth-child(2) .wrap-notice .document-widget span::before{
        content: "• ";
        color: #e5e5e5; 
        font-size: 14px;
    }


    .main-section:first-child .right-bottom .pull-left:nth-child(2) .wrap-notice .document-widget span.title{
        color:#e5e5e5;

    }

    .document-widget.normal table > tbody > tr > td{
        padding:3px !important;
    }


    .comm-cont div{
        /* color:#c7d8ec; */
		color:#2c3b4d;
        font-size:15px
    }

    .comm-cont a {text-decoration:none;}


    .main-section:first-child .right-bottom .pull-left:nth-child(2) .wrap-news .document span.title::before{
            content: "• ";
            color: #777; 
            font-size: 14px;
    }

    .main-section:first-child .right-bottom .pull-left:nth-child(2) .wrap-news .document{
        text-decoration:none;
    }

        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-pic{
            position: absolute;
            right: -21px;
            top:-68px;
            /*top: -20px !important;*/
        }

        .text-center{color:#c8ced6;}

    @media (max-width:1200px){
        /*.wrap-main .main-section:last-child .row > div:nth-child(2) {
            background-image: url('../Images/bottom_b2.jpg');
            width: 24.7%;
        }
        .wrap-main .main-section:last-child .row > div:nth-child(3) {
            background-image: url('../Images/bottom_b3.jpg');
            width: 24.3%;
        }*/

        .wrap-main .main-section:last-child .row > div:last-child{
            width:24.4%;
        }


    }


    @media (max-width:992px){
        .wrap-main .main-section:last-child .row > div:first-child{
            width: 50%;
        }

        .wrap-main .main-section:last-child .row > div:nth-child(2){
            width: 50%;
        }

        .wrap-main .main-section:last-child .row > div:nth-child(3){
            width: 50%;
        }

        .wrap-main .main-section:last-child .row > div:last-child{
            width: 50%;
        }

        .wrap-main .main-section:first-child .row > div:last-child{
            padding-left:0;
        }

        .main-section:last-child{
            position: relative;
            top: 420px;
        }

        .wrap-main .main-section:last-child .row > div{
            margin:0;
            margin-bottom:5px;
        }

        .wrap-main .main-section .pull-left:first-child .wrap-notice img{
            width:100%;
        }

        .wrap-footer{
            position:relative;
            bottom:-380px;
        }
    }


    @media (max-width:768px){

        .wrap-main .main-section .mission_img img{
            /*width:inherit;*/
            height:auto;
        }

        .wrap-main .main-section .img_4 div a img{
            /*width:inherit;*/
        }

        .wrap-main .main-section:last-child .row > div:nth-child(2) {
            /*background-image: url('../Images/bottom_b2.jpg');*/
            width: 25%;
        }
        .wrap-main .main-section:last-child .row > div:nth-child(3) {
            /*background-image: url('../Images/bottom_b3.jpg');*/
            width: 25%;
        }

        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-pic{
            position: absolute;
            right: -21px;
            /*top: -20px !important;*/
        }



        .wrap-main .main-section:last-child .row > div:first-child{
            width:100% !important;
            margin-bottom:5px;
        }

        .wrap-main .main-section:last-child .row > div:nth-child(2){
            width:100% !important;
        }

        .wrap-main .main-section:last-child .row > div:nth-child(3){
            width:100% !important;
        }

        .wrap-main .main-section:last-child .row > div:nth-child(4){
            width: 100% !important;
        }

        .wrap-main .main-section .pull-left:first-child .wrap-notice img{
            width:100%;
        }

        .main-section:last-child{
            position: relative;
            bottom: -420px;
        }

        .wrap-main .main-section .img_4 div{
            height:auto;
        }

        .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-title, .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-title > a{
            font-size:22px;
        }
    }



    @media (max-width:548px){
         .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-pic{
            position: absolute;
            right: -41px;
            top: -49px;
         }   
    }

     @media (max-width:361px){
         .wrap-main .main-section .right-top .wrap-sermon .wrap-ser-content .ser-pic{
            position: absolute;
            right: -41px;
            top: -36px;
         }   
    }