@-webkit-keyframes spinspin2 {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform:rotate(180deg);}}
@keyframes spinspin2 {0% {transform: rotate(0deg);}100% {transform:rotate(180deg);}}
@-webkit-keyframes array1 {0%,100% {-webkit-transform:translateX(0);}50% {-webkit-transform:translateX(10px);}}
@keyframes array1 {0%,100% {transform:translateX(0);}50% {transform:translateX(10px);}}
@-webkit-keyframes array2 {0%,100% {-webkit-transform:translateX(0);}50% {-webkit-transform:translateX(-10px);}}
@keyframes array2 {0%,100% {transform:translateX(0);}50% {transform:translateX(-10px);}}

/* 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;
}

#main-slider{position:relative;}
#main-slider #slideB{position:absolute;height:250px;width:100%; bottom:0; font-size:24px; background-color:rgba(31,132,249,.8); color:#fff; float:left;}
#main-slider #slideB .slideBT{position: absolute;top: 50%;text-align: center;line-height:1.8;
width: 100%;border: none;display: block;transform: translate(0,-50%);}
#main-slider #slideB .slideBT strong{font-size:56px;}

#main-1{background-color:#F8F8F8;}
#main-1 .main1T{height: 250px;width: 100%;
bottom: 0;font-size: 24px;background-color: rgba(31,132,249,.8);
color: #fff;float: left;position: relative;}
#main-1 .main1T .main1TM{position: absolute;top: 50%;text-align: center;line-height: 1.8;
width: 100%;border: none;display: block;transform: translate(0,-50%);}
#main-1 .main1T .main1TM strong{font-size: 56px;}
#main-1 .main1C{display: flex;flex-direction: column;justify-content: center;align-items: center;width:100%; padding: 0 0 50px;}
#main-1 .main1C .main1Q{padding:65px 0; width:80%;}
#main-1 .main1C .main1Q .main1M{font-weight:bold;display: flex;
flex-direction: row;justify-content: space-around;align-items: flex-end;}
#main-1 .main1C .main1Q a{text-decoration:none; color:#000; font-weight:bold;width:12%;display: flex;
flex-direction: row;justify-content: space-around;align-items: flex-end;}
#main-1 .main1C .main1Q a .box-count{text-align:center;}
#main-1 .main1C .main1Q a .box-count span{display:inline-block; font-size:17px;line-height:2.5; letter-spacing:1px; position:relative;}
#main-1 .main1C .main1Q a .box-count span hr{position: absolute;top: 80%;text-align: center;
width: 0%;transition: all 0.5s;left: 0;font-size: 20px;background-color:#0A9CFB;
display: block;transform: translate(0,-50%);letter-spacing: 1px;
border: 1.5px solid;opacity: 0;border-color: #0A9CFB;}
#main-1 .main1C .main1Q a:hover .box-count,
#main-1 .main1C .main1Q a:focus .box-count{
-webkit-transform: translate(0px,-25px);transform: translate(0px,-25px);transition: all 0.5s;}
#main-1 .main1C .main1Q a:hover .box-count span hr,
#main-1 .main1C .main1Q a:focus .box-count span hr{opacity:1; width:100%;}
#main-1 .main1C .main1Q a .box-count span img{display:block;margin:0 auto;}

#main-1 .main1C .main1B{/*padding: 60px 0 80px;*/
display: flex;flex-direction: row;justify-content: space-around;align-items: flex-end;}
#main-1 .main1C .main1B a{padding: 15px 0;text-align: center;color: #000;text-decoration:none;
border: 1px solid #000;display: inline-block;margin: 5px;width: 30%;letter-spacing:1px;}
#main-1 .main1C .main1B a .main1HEF{font-size:20px;}
#main-1 .main1C .main1B a:hover .main1HEF,
#main-1 .main1C .main1B a:focus .main1HEF{font-weight:bold; color:#fff;}
#main-1 .main1C .main1B a:before{background-color:#0098FF;}

#main-2{height:670px;background-size:100%; background-repeat:no-repeat; background-position:center;}
#main-2 .main2C{display: flex;flex-direction: column;justify-content: center;align-items: center;}
#main-2 .main2C .main2T{text-align: center; padding: 75px 0 50px;}
#main-2 .main2C .main2T h1{font-size: 56px;letter-spacing: 1px;font-weight: bold; margin:0;}
#main-2 .main2C .sermon{height:300px;position:relative;}
#main-2 .main2C .sermon .main2S{width:100%; height:100%; display:inline-block;border: 0px solid #fff; text-decoration:none;background-color: rgba(255,255,255,.5);position:relative;}
#main-2 .main2C .sermon .main2S .main2M{position: absolute;top: 50%;text-align: center; word-break:keep-all;
width: 100%;border: none;display: block;transform: translate(0,-50%);}
#main-2 .main2C .sermon .main2S .main2M h5{font-size:28px; color:#000;margin:0;line-height:2;}
#main-2 .main2C .sermon .main2S .main2M h1{font-size:46px; color:#000;margin:0;line-height:2;}
#main-2 .main2C .main2B{padding: 0px 0 0;
display: flex;flex-direction: row;justify-content: space-around;align-items: flex-end;}
#main-2 .main2C .main2B a{padding: 15px 0;text-align: center;color: #000;text-decoration:none;
border: 1px solid #000;display: inline-block;margin: 0px;width: 33.4%;letter-spacing:1px; background-color: rgba(255,255,255,.8);}
#main-2 .main2C .main2B a .main2HEF{font-size:20px; font-weight:bold;}
#main-2 .main2C .main2B a:hover .main2HEF,
#main-2 .main2C .main2B a:focus .main2HEF{font-weight:bold; color:#fff;}
#main-2 .main2C .main2B a:before{background-color:#000;}
/*
#main-3{height:700px;}
    */
#main-3 .main3T{text-align:center;padding:70px 0 40px;}
#main-3 .main3T h1{font-size: 56px;font-weight: bold;letter-spacing: 1px;margin: 0;line-height: 1.5;}
#main-3 .main3T h5{font-size: 28px;margin: 0;line-height: 2;}
#main-3 .galleryM{position:relative;}
#main-3 .galleryM .galleryS{overflow:hidden;}
#main-3 .galleryM ul .contentSlide a{text-decoration:none;}
#main-3 .galleryM ul .contentSlide a .gallerySIMG{height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center;
float: left;width: 100%; }
#main-3 .galleryM ul .contentSlide a .galleryST{float: left;width: 100%;padding: 10px 5px;color: #000;}
#main-3 .galleryM ul .contentSlide a .galleryST h1{margin: 0;line-height: 1.2;font-size: 20px;font-weight: bold;}
#main-3 .galleryM ul .contentSlide a .galleryST h2{margin: 0;line-height: 1.8;font-size: 20px;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;width: 100%;float: left;}
#main-3 .galleryM ul .contentSlide a .galleryST h5{font-size: 17px;line-height: 1;margin: 0;}
#main-3 .galleryM ul .contentSlide a:hover .galleryST h2,
#main-3 .galleryM ul .contentSlide a:focus .galleryST h2{font-weight:bold;transition: 0.3s all ease;}
#main-3 .galleryM .galleryP{position: absolute;z-index:9999;
top: 35%;text-align: center;left: -5%;border: none;
display: block;transform: translate(0,-50%);}
#main-3 .galleryM .galleryN{position: absolute;z-index:9999;
top: 35%;text-align: center;right: -5%;border: none;
display: block;transform: translate(0,-50%);}
#main-3 .main3BC{padding: 40px 0 40px;display: inline-block;float: left;width: 100%;}
#main-3 .main3BC .main3B{padding: 10px 15px;text-align: center;color: #000;text-decoration:none;
border: 1px solid #000;display: inline-block;margin: 3px;width: 24.5%;}
#main-3 .main3BC .main3B .main3HEF{font-size:20px;}
#main-3 .main3BC .main3B:hover .main3HEF,
#main-3 .main3BC .main3B:focus .main3HEF{font-weight:bold; color:#fff;}
#main-3 .main3BC .main3B:before{background-color:#000;}

#main-4{height:650px; background-size:100%; background-repeat:no-repeat; background-position:center;}
#main-4 .main4T{text-align:center; padding:70px 0 50px; color:#000;}
#main-4 .main4T h1{font-size:56px; font-weight:bold; margin:0;line-height: 2; color: #fff;}
#main-4 .main4T h5{font-size:30px; line-height: 1.5;width: 80%;margin: 0 auto;word-break: keep-all; color: #fff;}
#main-4 .main4C{display: flex;flex-direction: column;justify-content: center;align-items: center;}
#main-4 .main4C .main4M a{text-decoration:none; color:#fff;}
#main-4 .main4C .main4M a .main4BOX{display: flex;
flex-direction: column;justify-content: center;align-items: center;}
#main-4 .main4C .main4M a .main4BOX .circle{padding: 105px;
display: inline-block;background-color: #fff;border-radius: 50%;position: relative;}
#main-4 .main4C .main4M a .main4BOX .circle .circleIMG{position: absolute;
top: 50%;left: 0;width: 100%;text-align: center;
border: none;display: block;transform: translate(0,-50%);}
#main-4 .main4C .main4M a .main4BOX span{font-size: 26px;letter-spacing: 1px;line-height: 3; position:relative;}
#main-4 .main4C .main4M a .main4BOX span hr{position: absolute;top: 55%;text-align: center;
width: 0%;transition: all 0.5s;left: 0;font-size: 20px;background-color:#fff;
display: block;transform: translate(0,-50%);letter-spacing: 1px;
border: 1.8px solid;opacity: 0;border-color: #fff;}
#main-4 .main4C .main4M a:hover .main4BOX,
#main-4 .main4C .main4M a:focus .main4BOX{
-webkit-transform: translate(0px,-25px);transform: translate(0px,-25px);transition: all 0.5s;}
#main-4 .main4C .main4M a:hover .main4BOX span,
#main-4 .main4C .main4M a:focus .main4BOX span{font-weight:bold;}
#main-4 .main4C .main4M a:hover .main4BOX span hr,
#main-4 .main4C .main4M a:focus .main4BOX span hr{opacity:1; width:100%;}


#main-5{background-position:right; background-size:cover;padding-bottom:50px;}
#main-5 .main5T{text-align:center; padding:90px 0 50px; color:#000;}
#main-5 .main5T h1{font-size:56px; font-weight:bold; margin:0;line-height: 2;}
#main-5 .main5T h5{font-size:30px; line-height: 1.5;word-break: keep-all; margin:0;}
#main-5 .main5BC{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 0 80px;}
#main-5 .main5BC .main5B{padding: 10px 15px;text-align: center;color: #000;text-decoration:none;
border: 1px solid #000;display: inline-block;margin: 5px;}
#main-5 .main5BC .main5B .main5HEF{font-size:20px;}
#main-5 .main5BC .main5B:hover .main5HEF,
#main-5 .main5BC .main5B:focus .main5HEF{font-weight:bold; color:#fff;}
#main-5 .main5BC .main5B:before{background-color:#000;}
#main-5 .main5C{display: flex;flex-direction: column;justify-content: center;align-items: center;}
#main-5 .main5C .main5M{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:15px;}
#main-5 .main5C .main5M .main5BOXM{}
#main-5 .main5C .main5M .main5BOX{height:180px;border: 3px solid #000;background-color: rgba(255,255,255,.6);position:relative;}
#main-5 .main5C .main5M .main5BOX span{position: absolute;top: 40%;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);font-size: 27px;color:#000;transition: .3s all;}
#main-5 .main5C .main5M .main5BOX hr{position: absolute;top: 40%;left: 35%;transition: .3s all;width:0%;opacity:0;
text-align: center;border: 2px solid #000;display: block;transform: translate(0,-50%);}
#main-5 .main5C .main5M .main5BOX .main5PLUE{position: absolute;
top: 65%;left: 0;width: 100%;text-align: center;border: none;display: block;transform: translate(0,-50%);}
#main-5 .main5C .main5M a:hover .main5BOX hr,
#main-5 .main5C .main5M a:focus .main5BOX hr{width:30%;opacity:1;}
#main-5 .main5C .main5M a:hover .main5BOX span,
#main-5 .main5C .main5M a:focus .main5BOX span{font-weight:bold;}
#main-5 .main5C .main5M a:hover .main5BOX .main5PLUE img,
#main-5 .main5C .main5M a:focus .main5BOX .main5PLUE img{animation: array1 1s ease-in-out infinite;
-webkit-animation: array1 1s ease-in-out infinite;transition: all 1s;}

#main-6{height:800px;}
#main-6 .main6T{text-align:center; padding:80px 0 40px; color:#000;}
#main-6 .main6T h1{font-size:56px; font-weight:bold; margin:0;line-height: 2;}
#main-6 .main6T h5{font-size:30px; line-height: 1.5;word-break: keep-all; margin:0;}
#main-6 .GeneraM{height: 450px;position: relative;display: inline-flex;width: 100%;gap: 15px;}
#main-6 .GeneraM .GeneraS{overflow:hidden;}
    /*
#main-6 .GeneraM .GeneraTM{padding: 50px!important; height: 100%;float:right;}
#main-6 .GeneraM .GeneraTM .GeneraT h1{margin: 0;font-size: 44px;font-weight: bold;
letter-spacing: 1px;line-height: 1.2;}
#main-6 .GeneraM .GeneraTM .GeneraT h5{margin: 0;font-size: 24px;letter-spacing: 0.5px;line-height: 2;}
#main-6 .GeneraM .GeneraTM .GeneraST{margin:30px 0;}
#main-6 .GeneraM .GeneraTM .GeneraST span{display:block; font-size:18px; line-height:1.5;}
#main-6 .GeneraM .GeneraTM .GeneraBTN a{padding: 10px 25px;text-align: center;color: #000;
text-decoration: none;border: 1px solid #000;display: inline-block;margin: 5px;}
#main-6 .GeneraM .GeneraTM .GeneraBTN a .GeneraHEF{font-size:17px;}
#main-6 .GeneraM .GeneraTM .GeneraBTN a:hover .GeneraHEF,
#main-6 .GeneraM .GeneraTM .GeneraBTN a:focus .GeneraHEF{font-weight:bold; color:#fff;}
#main-6 .GeneraM .GeneraTM .GeneraBTN a:before{background-color:#000;}
*/

#main-6 .GeneraM .GeneraTM{display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--width), auto));
float: right;--width: calc(90%/2);gap: 15px;height: 100%;justify-content: center;align-items: stretch;}
#main-6 .GeneraM .GeneraTM .GeneraBu{border-radius: 5%;
display: inline-flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-content: center;}
#main-6 .GeneraM .GeneraTM .GeneraBu a{text-decoration:none;color:#fff;font-size:24px;letter-spacing:0px;text-align:center;}
#main-6 .GeneraM .GeneraTM .GeneraBu a h1{font-size:32px; font-weight:bold;text-align:center;letter-spacing:1px;margin:0;line-height:1.5;}
#main-6 .GeneraM .GeneraTM .GeneraBu hr{width:30%;margin:10px auto;height:2px;}

#main-6 .GeneraM .GeneraIMGSD{text-align: center;border: none;display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--width2), auto));--width2: calc(97%/3);justify-content: center;align-items: center;gap: 10px;}
#main-6 .GeneraM .GeneraIMGSD .GeneraIMGM{}
#main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG{display: block;
width: 100%;position: relative;height: 222px;overflow: hidden;background-color: #000;float:left;
background-size: cover;background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
#main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG .GeneraIMT{position: absolute;height: 100%;
width: 100%;background: rgba(0,0,0,0.7);z-index: 3;top: 0;left: 0;display:none;}
#main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG .GeneraIMT h1{font-size: 20px;
margin: 0;color: #fff;position: absolute;top: 40%;text-align: left;
left: 5%;width: 95%;border: none;display: block;transform: translate(0,-50%);}
#main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG .GeneraIMT h5{font-size: 17px;
color: #fff;margin: 0;position: absolute;top: 55%;text-align: left;
left: 5%;width: 95%;border: none;display: block;transform: translate(0,-50%);}

#main-6 .GeneraM .GeneraS .GeneraBTNP{position: absolute;z-index:9999;
top: 50%;text-align: center;left: -5%;border: none;
display: block;transform: translate(0,-50%);}
#main-6 .GeneraM .GeneraS .GeneraBTNN{position: absolute;z-index:9999;
top: 50%;text-align: center;right: -5%;border: none;
display: block;transform: translate(0,-50%);}


#main-7{height:715px; background-size:100%; background-repeat:no-repeat; background-position:left;}
#main-7 .main7T{text-align:center; padding:40px 0; color:#000;}
#main-7 .main7T h1{font-size:56px; font-weight:bold; margin:0;line-height: 2;}
#main-7 .main7T h5{font-size:30px; line-height: 1.5;word-break: keep-all; margin:0;}
#main-7 .main7BM{height:480px; background-color:rgba(0,0,0,.4); position:relative; top:-5px;}
#main-7 .main7BM .newsSDM{height:480px; position:relative;text-align:center;}
#main-7 .main7BM .newsSDM .newsSD{overflow: hidden;height: 365px;margin: 30px 0;}
#main-7 .main7BM .newsSDM .newsSD ul{position:relative;}
#main-7 .main7BM .newsSDM .newsSD ul a{
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center;
 -webkit-justify-content: flex-start; justify-content: flex-start;
 -webkit-box-align: center; -ms-flex-align: center;
 -webkit-align-items: center; align-items: center;padding:9px 0;
 border-bottom:1px solid rgba(255,255,255,.3);}
#main-7 .main7BM .newsSDM .newsSD ul a li.newsT{display: inline-block;object-fit: cover;width:100%;}
#main-7 .main7BM .newsSDM .newsSD ul a li.newsT span:nth-child(1){padding: 15px;
border: 1px solid #fff;font-size: 15px;color: #fff;display:inline-block;float:left;}
#main-7 .main7BM .newsSDM .newsSD ul a li.newsT span:nth-child(2){padding: 15px;
color: #fff;font-size: 17px;width:65%; float:left;display:inline-block;text-overflow: ellipsis;text-align:left;
white-space: nowrap;overflow: hidden;}
#main-7 .main7BM .newsSDM .newsSD ul a li.newsT img{position: absolute;
right: 5%;top: 45%;}
#main-7 .main7BM .newsSDM .newsPAG{text-align:center;display: inline-block;padding: 5px 10px;border: 1px solid #fff;text-decoration:none;}
#main-7 .main7BM .newsSDM .newsPAG:before{background-color:#fff;}
#main-7 .main7BM .newsSDM .newsPAG:hover h5{color:#000;font-weight:bold;}
#main-7 .main7BM .newsSDM .newsPAG h5{margin: 0;font-size: 20px;color: #fff;}
#main-7 .main7BM .newsSDM .newsPAG span{width:10px;height:10px;margin:3px;}
#main-7 .main7BM .newsSDM .newsPAG .swiper-pagination-bullet-active{background-color:#fff!important;}
#main-7 .main7BM .newsSDM .newsBTN{position: absolute;
top: 85%;text-align: center;width: 100%;border: none;
display: block;transform: translate(0,-50%);}

#main-7 .main7BM .QTSDM{height:480px; position:relative;text-align:center;}
#main-7 .main7BM .QTSDM .QTSD{overflow: hidden;height: 365px;margin: 30px 0;}
#main-7 .main7BM .QTSDM .QTSD ul{position:relative;}
#main-7 .main7BM .QTSDM .QTSD ul a{
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center;
 -webkit-justify-content: flex-start; justify-content: flex-start;
 -webkit-box-align: center; -ms-flex-align: center;
 -webkit-align-items: center; align-items: center;padding:9px 0;
 border-bottom:1px solid rgba(255,255,255,.3);}
#main-7 .main7BM .QTSDM .QTSD ul a li.QTT{display: inline-block;object-fit: cover;width:100%;}
#main-7 .main7BM .QTSDM .QTSD ul a li.QTT span:nth-child(1){padding: 15px;
border: 1px solid #fff;font-size: 15px;color: #fff;display:inline-block;float:left;}
#main-7 .main7BM .QTSDM .QTSD ul a li.QTT span:nth-child(2){padding: 15px;
color: #fff;font-size: 17px;width:65%; float:left;display:inline-block;text-overflow: ellipsis;text-align:left;
white-space: nowrap;overflow: hidden;}
#main-7 .main7BM .QTSDM .QTSD ul a li.QTT img{position: absolute;
right: 5%;top: 45%;}
#main-7 .main7BM .QTSDM .QTPAG{text-align:center;display: inline-block;padding: 5px 10px;border: 1px solid #fff;text-decoration:none;}
#main-7 .main7BM .QTSDM .QTPAG:before{background-color:#fff;}
#main-7 .main7BM .QTSDM .QTPAG:hover h5{color:#000;font-weight:bold;}
#main-7 .main7BM .QTSDM .QTPAG h5{margin: 0;font-size: 20px;color: #fff;}
#main-7 .main7BM .QTSDM .QTPAG span{width:10px;height:10px;margin:3px;}
#main-7 .main7BM .QTSDM .QTPAG .swiper-pagination-bullet-active{background-color:#fff!important;}
#main-7 .main7BM .QTSDM .QTBTN{position: absolute;
top: 85%;text-align: center;width: 100%;border: none;
display: block;transform: translate(0,-50%);}
#main-7 .main7BM .chnewsSDM{height:480px; position:relative;text-align:center;}
#main-7 .main7BM .chnewsSDM .chnewsSD{overflow: hidden;height: 365px;margin: 30px 0;}
#main-7 .main7BM .chnewsSDM .chnewsSD ul{position:relative;}
#main-7 .main7BM .chnewsSDM .chnewsSD ul a{
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center;
 -webkit-justify-content: flex-start; justify-content: flex-start;
 -webkit-box-align: center; -ms-flex-align: center;
 -webkit-align-items: center; align-items: center;padding:9px 0;
 border-bottom:1px solid rgba(255,255,255,.3);}
#main-7 .main7BM .newsSDM .newsSD ul a:hover li span,
#main-7 .main7BM .newsSDM .newsSD ul a:focus li span,
#main-7 .main7BM .QTSDM .QTSD ul a:hover li span,
#main-7 .main7BM .QTSDM .QTSD ul a:focus li span,
#main-7 .main7BM .chnewsSDM .chnewsSD ul a:hover li span,
#main-7 .main7BM .chnewsSDM .chnewsSD ul a:focus li span{font-weight:bold;}
#main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT{display: inline-block;object-fit: cover;width:100%;position:relative;}

#main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT{display: inline-block;object-fit: cover;width:100%;}
#main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT span:nth-child(1){padding: 15px;
border: 1px solid #fff;font-size: 15px;color: #fff;display:inline-block;float:left;}
#main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT span:nth-child(2){padding: 15px;
color: #fff;font-size: 17px;width:65%; float:left;display:inline-block;text-overflow: ellipsis;text-align:left;
white-space: nowrap;overflow: hidden;}
#main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT img{position: absolute;
right: 5%;top: 45%;}
#main-7 .main7BM .chnewsSDM .chnewsPAG{text-align:center;display: inline-block;padding: 5px 10px;border: 1px solid #fff;text-decoration:none;}
#main-7 .main7BM .chnewsSDM .chnewsPAG:before{background-color:#fff;}
#main-7 .main7BM .chnewsSDM .chnewsPAG:hover h5{color:#000;font-weight:bold;}
#main-7 .main7BM .chnewsSDM .chnewsPAG h5{margin: 0;font-size: 20px;color: #fff;}
#main-7 .main7BM .chnewsSDM .chnewsPAG span{width:10px;height:10px;margin:3px;}
#main-7 .main7BM .chnewsSDM .chnewsPAG .swiper-pagination-bullet-active{background-color:#fff!important;}

#main-7 .main7BM .chnewsSDM .chnewsBTN{position: absolute;
top: 85%;text-align: center;width: 100%;border: none;
display: block;transform: translate(0,-50%);}

#main-8{float: left;width: 100%;padding: 0 0 50px;}
#main-8 .main8T{text-align:center; color:#000; padding:50px 0 0;}
#main-8 .main8T h1{font-size:56px; font-weight:bold; margin:0;line-height: 2;}
#main-8 .photoTAP{}
#main-8 .photoTAP ul{display: flex;flex-direction: row;
justify-content: space-evenly;align-items: flex-end;}
#main-8 .photoTAP ul li{width:10%;}
#main-8 .photoTAP ul li a{border: none;width:100%;text-align:center;background-color:transparent!important;
display: inline-block;font-size: 22px;color: #000;text-decoration: none;}
#main-8 .photoTAP ul li a hr{border-color: #01B5FF; margin: 5px 0 0; border-width: 3px; opacity:0; width:0%; transition: 0.3s all ease;}
#main-8 .photoTAP ul li.active .view-more hr,
#main-8 .photoTAP ul li a:hover hr,
#main-8 .photoTAP ul li a:focus hr{width:100%; opacity:1;}
#main-8 .photoTAP ul li a:hover,
#main-8 .photoTAP ul li a:focus{font-weight:bold;}
#main-8 .documents .tab-content .PhotoM{overflow:hidden;}
#main-8 .documents .tab-content{}
#main-8 .documents .tab-content a{text-decoration:none;color:#000;}
#main-8 .documents .tab-content h2{font-size:32px; font-weight:bold; text-align:center; letter-spacing:1.5px; margin:0; line-height: 2;}
#main-8 .documents .tab-content .tab-pane{position:relative;}
#main-8 .documents .tab-content .PhotoIMG{display: block;
position: relative;height: 200px;overflow: hidden;background-color: #000;
margin: 0 auto;background-size: cover;background-position: 50% 50%;
background-origin: border-box;background-repeat: no-repeat;}
#main-8 .documents .tab-content > div{position:relative;}
#main-8 .documents .tab-content .PhotoIMG .PhotoIMT{position: absolute;
height: 100%;width: 100%;background: rgba(0,0,0,0.7);
z-index: 3;top: 0;left: 0;display:none;}
#main-8 .documents .tab-content .PhotoIMG .PhotoIMT h1{font-size: 20px;
margin: 0;color: #fff;position: absolute;top: 40%;text-align: left;
left: 5%;width: 95%;border: none;display: block;transform: translate(0,-50%);}
#main-8 .documents .tab-content .PhotoIMG .PhotoIMT h5{font-size: 17px;
color: #fff;margin: 0;position: absolute;top: 55%;text-align: left;
left: 5%;width: 95%;border: none;display: block;transform: translate(0,-50%);}
#main-8 .documents .tab-content .PhotoP{position: absolute;z-index:2;
top: 60%;text-align: center;left: -5%;border: none;
display: block;transform: translate(0,-50%);}
#main-8 .documents .tab-content .PhotoN{position: absolute;z-index:999;
top: 60%;text-align: center;right: -5%;border: none;
display: block;transform: translate(0,-50%);}




.view-more {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    background: transparent;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
    font-weight: 100;
}

.view-more:hover:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

.view-more:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}
@media (min-width:1450px) {
    .container{width:1450px;}}
@media (min-width:1700px) and (max-width:1999px) {
    #main-2{background-size:115%; background-position:80% 100%;}
    #main-4{background-size:115%;}
    #main-7{background-size:115%;}
}
@media (min-width:1500px) and (max-width:1699px) {
    #main-2{background-size:130%; background-position:100% 100%;}
    #main-3 .galleryM .galleryP{left:0%;}
    #main-3 .galleryM .galleryN{right:0%;}
    #main-4{background-size:130%;}
    #main-6 .GeneraM .GeneraS .GeneraBTNP{left:0%;}
    #main-6 .GeneraM .GeneraS .GeneraBTNN{right:0%;}
    #main-7{background-size:127%;}
    #main-8 .documents .tab-content .PhotoP{left:0%;}
    #main-8 .documents .tab-content .PhotoN{right:0%;}
}
@media (min-width:1200px) and (max-width:1499px) {
    #main-slider #slideB{height:250px;}
    #main-1 .main1T{height:200px;}
    #main-2{background-size:cover; background-position:100% 100%;}
    #main-3 .galleryM .galleryP{left:0%;}
    #main-3 .galleryM .galleryN{right:0%;}
    #main-4{background-size:cover;}
    #main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG{width:215px;}
    #main-6 .GeneraM .GeneraS .GeneraBTNP{left:0%;}
    #main-6 .GeneraM .GeneraS .GeneraBTNN{right:0%;}
    #main-7{background-size:cover;}
    #main-8 .documents .tab-content .PhotoP{left:0%;}
    #main-8 .documents .tab-content .PhotoN{right:0%;}
}

@media (min-width:993px) and (max-width:1199px) {
    #main-slider #slideB{height:250px;}
    #main-1 .main1T{height:250px;}
    #main-1 .main1C .main1Q{width:95%;}
    #main-1 .main1C .main1B{width:100%;}
    #main-1 .main1C .main1B a{width:31%;}
    #main-2{background-size:195%; background-position:90% 100%;}
    #main-3 .main3BC .main3B{width:25%; padding:5px;}
    #main-3 .main3BC .main3B .main3HEF{font-size:17px;}
    #main-3 .galleryM .galleryP{left:0%;}
    #main-3 .galleryM .galleryN{right:0%;}
    #main-4{background-size:195%;}
    #main-4 .main4T h5{width:95%;}
    #main-4 .main4C .main4M a .main4BOX .circle{padding:90px;}
    #main-4 .main4C .main4M a .main4BOX span{font-size:20px;}
    #main-5{background-position: 80% 100%;}
	#main-6{height:100%;}
	#main-6 .GeneraM{flex-direction: column; width:100%;height:100%;padding: 0 0 15px;}
	#main-6 .GeneraM .GeneraIMGSD{width:100%;}
    #main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG{height:175px;}
	#main-6 .GeneraM .GeneraTM{width:100%;--width: calc(95%/2);}
	#main-6 .GeneraM .GeneraTM .GeneraBu{padding: 25px 0;}
    #main-6 .GeneraM .GeneraS .GeneraBTNP{left:0%;}
    #main-6 .GeneraM .GeneraS .GeneraBTNN{right:0%;}
    #main-7{background-size:195%;}
    #main-8 .photoTAP ul li{width:15%;}
    #main-8 .documents .tab-content .PhotoP{left:0%;}
    #main-8 .documents .tab-content .PhotoN{right:0%;}
}

@media (min-width:768px) and (max-width:992px) {
    #main-slider #slideB{height:170px;font-size:20px;}
    #main-slider #slideB .slideBT strong{font-size:40px;}
    #main-1 .main1T{height:150px;}
    #main-1 .main1T .main1TM{font-size:20px;}
    #main-1 .main1T .main1TM strong{font-size:40px;}
    #main-1 .main1C .main1Q{padding: 30px 0;width:95%;}
    #main-1 .main1C .main1Q .main1M{display:inline-block;}
    #main-1 .main1C .main1Q a{display:inline-block;width: 24%;text-align:center;}
    #main-1 .main1C .main1Q a .box-count{padding: 10px ;}
    #main-1 .main1C .main1B{width:95%;}
    #main-1 .main1C .main1B a{width:31%;}
    #main-1 .main1C .main1B a .main1HEF{font-size:17px;}
    #main-2{background-size:cover; background-position:90% 100%;height: 500px;}
    #main-2 .main2C .main2T{padding:50px 0 20px;}
    #main-2 .main2C .main2T h1{font-size:40px;}
    #main-2 .main2C .sermon{height:235px;}
    #main-2 .main2C .sermon .main2S .main2M h1{font-size:36px;}
    #main-2 .main2C .sermon .main2S .main2M h5{font-size:20px;}
    #main-2 .main2C .main2B a .main2HEF{font-size:17px;}
    /*#main-3{height:620px;}*/
    #main-3 .main3T{padding: 50px 0 20px;}
    #main-3 .main3T h1{font-size:40px;}
    #main-3 .main3T h5{font-size:20px;}
    #main-3 .main3BC{padding: 20px 0 40px;width: 100%;display: inline-block;}
    #main-3 .main3BC .main3B{width:32%;}
    #main-3 .main3BC .main3B .main3HEF{font-size:17px;}
    #main-3 .galleryM .galleryP{left:0%;}
    #main-3 .galleryM .galleryN{right:0%;}
    #main-4{background-size:cover; height: 720px;}
    #main-4 .main4T{padding: 40px 0 20px;}
    #main-4 .main4T h1{font-size:40px; color: #fff;}
    #main-4 .main4T h5{width:95%;font-size:20px; color: #fff;}
    #main-4 .main4C .main4M a .main4BOX{padding:10px 15px;}
    #main-4 .main4C .main4M a .main4BOX .circle{padding:90px;}
    #main-4 .main4C .main4M a .main4BOX span{font-size:20px;}
    #main-5{background-position: 80% 100%;}
    #main-5 .main5T{padding: 40px 0 20px;}
    #main-5 .main5T h1{font-size:40px;}
    #main-5 .main5T h5{font-size:20px;}
    #main-5 .main5BC{padding: 0 0 40px;}
    #main-5 .main5BC .main5B .main5HEF{font-size:17px;}
    #main-5 .main5C .main5M{gap:10px;}
	#main-5 .main5C .main5M .main5BOX{height:120px;}
	#main-5 .main5C .main5M .main5BOX span{font-size:24px;}
    #main-6 .main6T{padding: 40px 0 20px;}
    #main-6 .main6T h1{font-size:40px;}
	#main-6{height:100%;}
	#main-6 .GeneraM{flex-direction: column; width:100%;height:100%;padding: 0 0 15px;}
	#main-6 .GeneraM .GeneraIMGSD{width:100%;}
    #main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG{height:150px;}
    #main-6 .GeneraM .GeneraS .GeneraBTNP{left:0%;}
    #main-6 .GeneraM .GeneraS .GeneraBTNN{right:0%;}
	#main-6 .GeneraM .GeneraTM{width:100%;--width: calc(95%/2);}
    #main-6 .GeneraM .GeneraTM .GeneraT h1{font-size:40px;}
    #main-6 .GeneraM .GeneraTM .GeneraT h5{font-size:20px;}
    #main-6 .GeneraM .GeneraTM .GeneraST{margin: 20px 0;}
	#main-6 .GeneraM .GeneraTM .GeneraBu{padding: 25px 0;}
	#main-6 .GeneraM .GeneraTM .GeneraBu a{font-size:20px;}
	#main-6 .GeneraM .GeneraTM .GeneraBu a h1{font-size:27px;}
    #main-7{background-size:220%;height:625px;background-position: 15% 100%;}
    #main-7 .main7T{padding:20px 0;}
    #main-7 .main7T h1{font-size:40px;}
    #main-7 .main7T h5{font-size:20px;}
    #main-7 .main7BM .newsSDM .newsBTN,
    #main-7 .main7BM .chnewsSDM .chnewsBTN{left:0;}
    #main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT span,
    #main-7 .main7BM .QTSDM .QTSD ul a li.QTT span,
    #main-7 .main7BM .newsSDM .newsSD ul a li.newsT span{width:90%!important;}
    #main-8 .main8T{padding: 20px 0 0;}
    #main-8 .main8T h1{font-size:40px;}
    #main-8 .photoTAP ul li{width:15%;}
    #main-8 .photoTAP ul li a{font-size: 20px;}
    #main-8 .documents .tab-content .PhotoP{left:0%;}
    #main-8 .documents .tab-content .PhotoN{right:0%;}
    #main-8 .documents .tab-content h2{font-size:24px;}
}

@media (max-width:767px) {
    #main-slider #slideB{height:85px;font-size:15px;}
    #main-slider #slideB .slideBT{line-height:1.5;}
    #main-slider #slideB .slideBT strong{font-size:20px;}
    #main-1 .main1T{height:65px;}
    #main-1 .main1T .main1TM{font-size:15px;line-height:1.5;}
    #main-1 .main1T .main1TM strong{font-size:20px;}
    #main-1 .main1C{padding: 0 0 20px;}
    #main-1 .main1C .main1Q{padding: 15px 0;width:95%;}
    #main-1 .main1C .main1Q .main1M{display:inline-block;}
    #main-1 .main1C .main1Q a{display:inline-block;width: 24%;text-align:center;}
    #main-1 .main1C .main1Q a .box-count{padding: 10px 5px;}
    #main-1 .main1C .main1Q a .box-count span{font-size:13px;}
    #main-1 .main1C .main1Q a .box-count span img{max-width:40px;}
    #main-1 .main1C .main1B{width: 100%;display: inline-flex;flex-wrap: wrap;}
    #main-1 .main1C .main1B a{width:45%; word-break:keep-all;}
    #main-1 .main1C .main1B a .main1HEF{font-size:13px;}
    #main-2{background-size:cover; background-position:85% 100%;height: 350px;}
    #main-2 .main2C .main2T{padding:20px 0 10px;}
    #main-2 .main2C .main2T h1{font-size:20px;}
    #main-2 .main2C .sermon{height:155px;}
    #main-2 .main2C .sermon .main2S .main2M h1{font-size:20px;line-height:130%;}
    #main-2 .main2C .sermon .main2S .main2M h5{font-size:15px;}
    #main-2 .main2C .main2B{display:inline-block;padding:70px 0 0;}
    #main-2 .main2C .main2B a:nth-child(1),
    #main-2 .main2C .main2B a:nth-child(2),
    #main-2 .main2C .main2B a:nth-child(3){width: 33.3%; margin: 0px; float:left;}
    #main-2 .main2C .main2B a .main2HEF{font-size:13px;}
    #main-3 .main3T{padding: 20px 0 10px;}
    #main-3 .main3T h1{font-size:20px;}
    #main-3 .main3T h5{font-size:15px;word-break:keep-all;}
    #main-3 .main3BC{padding: 10px 0 20px;width: 100%;display: inline-block;}
    #main-3 .main3BC .main3B{width:48%;}
    #main-3 .main3BC .main3B .main3HEF{font-size:15px;}
    #main-3 .galleryM .galleryP{left:0%;}
    #main-3 .galleryM .galleryN{right:0%;}
    #main-3 .galleryM ul .contentSlide a .galleryST h2{font-size:15px;}
    #main-3 .galleryM ul .contentSlide a .galleryST h5{font-size:13px;}
	#main-3 .galleryM ul .contentSlide a .gallerySIMG{ border: 5px solid #fff; height:235px; background-size: 100%;}
    #main-3 .galleryM ul .contentSlide a .galleryST{text-align:center;}
    #main-4{background-size:cover;height: 485px;}
    #main-4 .main4T{padding: 40px 0 20px;}
    #main-4 .main4T h1{font-size:20px;}
    #main-4 .main4T h5{width:95%;font-size:15px;}
    #main-4 .main4C .main4M a .main4BOX{padding:10px 15px;}
    #main-4 .main4C .main4M a .main4BOX .circle{padding:45px;}
    #main-4 .main4C .main4M a .main4BOX .circle .circleIMG img{max-width:60px;}
    #main-4 .main4C .main4M a .main4BOX span{font-size:15px;}
    #main-5{background-position: 75% 100%;background-size: cover;background-repeat:no-repeat;padding-bottom:20px;}
    #main-5 .main5T{padding: 20px 0 10px;}
    #main-5 .main5T h1{font-size:20px;}
    #main-5 .main5T h5{font-size:15px;}
    #main-5 .main5C .main5M{gap:0px;}
    #main-5 .main5C .main5M a{padding: 5px;}
    #main-5 .main5C .main5M .main5BOX{height:120px;}
    #main-5 .main5C .main5M .main5BOX span{font-size:15px;}
    #main-5 .main5C .main5M .main5BOX .main5PLUE{top: 70%;}
    #main-5 .main5BC{padding: 0 0 20px;}
    #main-5 .main5BC .main5B{width:40%;}
    #main-5 .main5BC .main5B .main5HEF{font-size:15px;}
    #main-6{height:inherit;}
    #main-6 .main6T{padding: 20px 0 10px;}
    #main-6 .main6T h1{font-size:20px;}
    #main-6 .main6T h5{font-size:15px;}
	#main-6 .GeneraM{flex-direction: column; width:100%;height:100%;padding: 0 0 15px;}
    #main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG{width:160px;height:125px;margin:0;}
    #main-6 .GeneraM .GeneraIMGSD .GeneraIMGM:nth-child(1) .GeneraIMG{margin-right:5px;}
    #main-6 .GeneraM .GeneraS .GeneraBTNP{left:1%;max-width: 20px;}
    #main-6 .GeneraM .GeneraS .GeneraBTNN{right:1%;max-width: 20px;}
	#main-6 .GeneraM .GeneraTM{width:100%;--width: calc(90%/2);}
    #main-6 .GeneraM .GeneraTM .GeneraT h1{font-size:17px;}
    #main-6 .GeneraM .GeneraTM .GeneraT h5{font-size:13px;}
    #main-6 .GeneraM .GeneraTM .GeneraT{text-align:center;}
	#main-6 .GeneraM .GeneraTM .GeneraBu hr{margin:5px auto;}
	#main-6 .GeneraM .GeneraTM .GeneraBu a{font-size:17px;}
	#main-6 .GeneraM .GeneraTM .GeneraBu a h1{font-size:20px;}
    #main-6 .GeneraM .GeneraTM .GeneraST{margin: 20px 0; text-align:center;}
    #main-6 .GeneraM .GeneraTM .GeneraST span{font-size:13px;}
    #main-6 .GeneraM .GeneraTM .GeneraBTN{display: flex;flex-direction: row;justify-content: space-around;align-items: flex-end;}
    #main-6 .GeneraM .GeneraTM .GeneraBTN a{padding: 10px 20px;}
    #main-6 .GeneraM .GeneraTM .GeneraBTN a .GeneraHEF{font-size:13px;}
    #main-7{background-size:cover;height:inherit;background-position: 15% 100%;padding:0 0 15px;}
    #main-7 .main7T{padding:15px 0;}
    #main-7 .main7T h1{font-size:20px;}
    #main-7 .main7T h5{font-size:15px;}
    #main-7 .main7BM{height:inherit;padding:0 0 15px;}
    #main-7 .main7BM .newsSDM .newsBTN,
    #main-7 .main7BM .QTSDM .QTBTN,
    #main-7 .main7BM .chnewsSDM .chnewsBTN{left:0;}
    #main-7 .main7BM .newsSDM .newsSD,
    #main-7 .main7BM .QTSDM .QTSD,
    #main-7 .main7BM .chnewsSDM .chnewsSD{height: 150px; margin:15px 0;}
    #main-7 .main7BM .newsSDM,
    #main-7 .main7BM .QTSDM,
    #main-7 .main7BM .chnewsSDM{height:215px;}
    #main-7 .main7BM .newsSDM .newsBTN,
    #main-7 .main7BM .QTSDM .QTBTN,
    #main-7 .main7BM .chnewsSDM .chnewsBTN{left:0;}
    #main-7 .main7BM .newsSDM .newsBTN img,
    #main-7 .main7BM .QTSDM .QTBTN img,
    #main-7 .main7BM .chnewsSDM .chnewsBTN img{max-width:20px;}
    #main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT span:nth-child(1),
    #main-7 .main7BM .QTSDM .QTSD ul a li.QTT span:nth-child(1),
    #main-7 .main7BM .newsSDM .newsSD ul a li.newsT span:nth-child(1){padding:5px;}
    #main-7 .main7BM .chnewsSDM .chnewsSD ul a li.chnewsT span:nth-child(2),
    #main-7 .main7BM .QTSDM .QTSD ul a li.QTT span:nth-child(2),
    #main-7 .main7BM .newsSDM .newsSD ul a li.newsT span:nth-child(2){width:60%; padding:5px;}
    #main-7 .main7BM .chnewsSDM .chnewsPAG h5,
    #main-7 .main7BM .newsSDM .newsPAG h5,
    #main-7 .main7BM .QTSDM .QTPAG h5{font-size:17px;}
    #main-7 .main7BM .chnewsSDM .chnewsSD ul a,
    #main-7 .main7BM .QTSDM .QTSD ul a,
    #main-7 .main7BM .newsSDM .newsSD ul a{padding:7px 0;}
    #main-8{height: inherit;}
    #main-8 .main8T{padding: 20px 0 0;}
    #main-8 .main8T h1{font-size:20px;}
    #main-8 .photoTAP ul{display:inline-block; width:100%;}
    #main-8 .photoTAP ul li{width:25%;}
    #main-8 .photoTAP ul li:nth-last-child(2),
    #main-8 .photoTAP ul li:last-child{width:25%;}
    #main-8 .photoTAP ul li a{font-size: 13px; padding:10px;}
    #main-8 .documents{padding: 0 0 20px;}
    #main-8 .documents .tab-content .PhotoP{left:0%;}
    #main-8 .documents .tab-content .PhotoN{right:0%;}
    #main-8 .documents .tab-content h2{font-size:17px;}
}

@media (max-width:320px) {
    #main-1 .main1C .main1Q a .box-count{padding: 3px;}
    #main-1 .main1C .main1B a{width:28%;}
    #main-2 .main2C .main2B a:nth-child(1), #main-2 .main2C .main2B a:nth-child(2), #main-2 .main2C .main2B a:nth-child(3){width: 33.3%;}
    #main-3{height:inherit;}
    #main-3 .main3BC .main3B{width:46.5%;}
    #main-6{height:385px;}
    #main-6 .GeneraM .GeneraTM .GeneraBTN a{padding: 10px 15px;}
    #main-6 .GeneraM .GeneraIMGSD .GeneraIMGM .GeneraIMG{width: 130px; height: 85px;}
    #main-8 .documents .tab-content h2{font-size:17px;}
}