.direct-popup .visible-popups > .each { max-width:700px!important; }
#fp-nav.right { right:25px; }
.fullpage-mouse { position: fixed; bottom: 7%; z-index: 50; left: 50%; display: block; transform: translate(-50%, 0); }
.fullpage-mouse img { animation: MoveUpDown 1.2s ease-in-out infinite; position: relative; z-index: 10; display:none;}
@keyframes MoveUpDown { 0%, 100% { transform: translateY(0rem); } 50% { transform: translateY(1rem);}}
/*
.swiper-slide img{width:100%!important;}
*/
#fp-nav { background: transparent; z-index:0!important;  top:55%!important; display:inline-block; margin:0!important; height:20%; width:2%;}
#fp-nav ul li, .fp-slidesNav ul li { padding: 5px;margin: 0;display: inline-block;float: left;width: 30px;height: 30px; }
#fp-nav ul li:last-child { display:none; }
#fp-nav ul li .fp-tooltip { color: #fff!important;opacity: 1!important;width: 115px!important;
font-size: 15px;transform: skew(-0.05deg);right: 30px!important;padding: 5px;text-align: right;}
#fp-nav ul li.white .fp-tooltip { color:#fff!important; }
#fp-nav ul li a span{width:12px; height:12px;}
#fp-nav ul li a span,
#fp-nav ul li.white a span{ background-color:transparent; margin: -6px 0 0 -6px; border: 1px solid #fff;}
#fp-nav ul li a.active { text-decoration: none; border-radius: 100%; position:relative; transition:.3s all; }
#fp-nav ul li:hover a span,
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span { width:12px; height:12px; border:1px solid #fff; background-color:#fff;}

#section-1 { position:relative; }
/*#section-1 .section1BG{height:100%; background-image: url('../../../layouts/happymaker_layout/images/20240115_bg.png'); background-position: center center; background-size:cover;}*/
#section-1 .section1BG{height:100%; background-image: url('../../../layouts/happymaker_layout/images/20250612_bg.png'); background-position: center center; background-size:cover;     display: flex;      justify-content: center;}

#section-1 > div > img:first-child { width:100%; height:100%; }
#section-1 .text-center {  position:absolute; top:50%; transform:translate(-0%, -50%); }
#slideText { -webkit-animation: zoomin 5s 1; animation: zoomin 5S 1; max-width:100%;}
#slideTextBG{-webkit-animation: zoomin 5s 1; animation: zoomin 5S 1;background-repeat: no-repeat;background-size: 80%;background-position: bottom;width: 100%;height: 100%;}
@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); }}

#section-2 { position:relative; background:url('../../../Layouts/happymaker_Layout/Images/3_quick_bg(2).png') no-repeat; background-position:center; background-size:cover; }
#section-2 .section3T{margin: 0;font-size: 46px;line-height: 2;color: #fff;font-weight: bold;letter-spacing: 2px;}
#section-2 .section-2-box .liveM{height: 150px;background-repeat: no-repeat;background-size: cover;position: relative;margin: 0 0 20px;display: flex;
flex-direction: column;justify-content: space-evenly;align-items: center;}
#section-2 .section-2-box .liveM .youtube-liveT{display: inline-block;position: relative;width: 100%;height: 50%;}
#section-2 .section-2-box .liveM .youtube-liveB{width: 100%;height: 50%;color: #fff;font-size: 20px;word-break:keep-all;
display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
#section-2 .section-2-box .liveM img{position: absolute;left: 10%;top: 20%;}
#section-2 .section-2-box .liveM h5{transform: translate(0,-50%);position: absolute;top: 50%;width: 100%; color:#fff; font-size:20px;}
#section-2 .section-2-box .YoutuM{height: 150px; position:relative;}
#section-2 .section-2-box .YoutuM .youtubeT{position: absolute;top: 50%;text-align: center;
width: 100%;border: none;display: block;transform: translate(0,-50%);}
#section-2 .section-2-box .YoutuM .youtubeT h5{font-size: 17px;line-height: 3;margin: 0;color: #000;}
#section-2 .section-2-box .liveM .youtube-liveB .youtube-liveBM p{margin:0;}
#section-2 .section-2-box .container .row > div:nth-child(1){width:31%; margin: 0 0 30px;}
#section-2 .section-2-box .container .row > div:nth-child(2){height:320px;width:38%;background-size: cover; padding:0; margin: 0 0 30px; background-position:right;}
#section-2 .section-2-box .container .row > div:nth-child(3){width:31%; margin: 0 0 30px;}
#section-2 .section-2-box .container .row > div:nth-child(4){display:none;}
#section-2 .section-2-box .container .row .sermonBOT{height:195px;background-size:cover;position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
/*
#section-2 .section-2-box .container .row a .sermonBOT{display:inline-block; width:100%; height:100%;}
    */
#section-2 .section-2-box .container .row a .sermonBOT > div{position: absolute;
z-index: 1;bottom: 0%;right: 10%;text-align: center;padding: 0 15px;border: none;
display: block;transform: translate(0,-50%);background: rgba(0,0,0,0.5);}
#section-2 .section-2-box .container .row .sermonBOT::after{content:""; position:absolute; left:0; top:0;display:block; width:100%; height:100%;background:rgba(0,0,0,0); z-index:0}
/*
#section-2 .section-2-box .container .row a .sermonBOT .on{display:none;}
#section-2 .section-2-box .container .row .sermonBOT:hover a .off{display:none;}
*/
#section-2 .section-2-box .container .row a .sermonBOT div h1{margin: 0;
color: #fff;font-size: 26px;line-height: 2;}
#section-2 .section-2-box .container .row a .sermonBOT div .sermonBOTIMG{width: 120px;
height: 45px;background-size: cover;margin: 0 auto;}
#section-2 .section-2-box .container .row .sermonTV{width: 100%;height: 100%;float: left;padding: 40px;}
#section-2 .section-2-box .container .row .sermonTV h3{border-bottom: 1px solid #fff;
float: left;display: inline-block;font-size: 28px;margin: 0 0 40px;padding: 0 0 5px;color: #fff;}
#section-2 .section-2-box .container .row .sermonTV .sermonT{display: block;
margin: 0;float: left;width: 65%;text-align: left;font-size: 26px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#section-2 .section-2-box .container .row .sermonTV .sermonB{width: 100%; margin:0; line-height:2;
display: inline-block;float: left;text-align: left;font-size: 20px;color: #fff;}
#section-2 .section-2-box .container .row .sermonTV .sermonD{width: 100%;margin:0;
line-height: 2;display: inline-block;float: left;text-align: left;font-size: 20px;color: #fff;}
#section-2 .section-2-box .container .row .sermonTV .sermonBTN{width: 100px;height: 100px;position: absolute;
bottom: 0;right: 0;}
#section-2 .section-2-box .container .row > div:nth-child(2) a .on{display:none;}
#section-2 .section-2-box .container .row .sermonBTN{width: 100px;height: 100px;position: absolute;right: 0;bottom: 0;}
#section-2 .section-2-box .container .row .subTV{height:320px;}
#section-2 .section-2-box .container .row .subLTV{height:150px;}
#section-2 .section-2-box .container .row .subTV a{height: 25%;width: 100%;display: inline-block;float: left;}
#section-2 .section-2-box .container .row .subLTV a{height: 50%;width: 100%;display: inline-block;float: left;}
#section-2 .section-2-box .container .row .subTV a .subTVF,
#section-2 .section-2-box .container .row .subLTV a .subTVF{width:23%;display: inline-block; float: left; height:100%;border-bottom: 1px solid #fff;position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
/*
#section-2 .section-2-box .container .row .subTV a .subTVF::after {content:""; position:absolute; left:0; top:0;display:block; width:100%; height:100%;background:rgba(0,0,0,0.5); z-index:0}
    */
#section-2 .section-2-box .container .row .subTV a .subTVF h1,
#section-2 .section-2-box .container .row .subLTV a .subTVF h1{position: absolute;top: 50%;text-align: center;width: 100%;border: none;display: block;
transform: translate(0,-50%); margin:0; font-size:20px; color:#fff;z-index:1;}
#section-2 .section-2-box .container .row .subTV a:last-child .subTVF,
#section-2 .section-2-box .container .row .subLTV a:last-child .subTVF{border:none;}
#section-2 .section-2-box .container .row .subTV a .subTVC,
#section-2 .section-2-box .container .row .subLTV a .subTVC{width: 57%;display: flex;
float: left;text-align: left;height: 100%;background-color: #fff;border-bottom: 1px solid #000;
padding: 10px;flex-direction: column;justify-content: space-around;align-items: flex-start;}
#section-2 .section-2-box .container .row .subLTV a:last-child .subTVC,
#section-2 .section-2-box .container .row .subTV a:last-child .subTVC{border:none;}
#section-2 .section-2-box .container .row .subLTV a .subTVC p,
#section-2 .section-2-box .container .row .subTV a .subTVC p{font-size: 17px;
margin: 0;text-align: left;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;}
#section-2 .section-2-box .container .row .subLTV a .subTVC p:nth-child(1),
#section-2 .section-2-box .container .row .subTV a .subTVC p:nth-child(1){color:#000;}
#section-2 .section-2-box .container .row .subLTV a .subTVC p:nth-child(2),
#section-2 .section-2-box .container .row .subTV a .subTVC p:nth-child(2){color:#979797;}
#section-2 .section-2-box .container .row .subLTV a .subTVL .on,
#section-2 .section-2-box .container .row .subTV a .subTVL .on{display:none; opacity:1!important;}
#section-2 .section-2-box .container .row .subLTV a:hover .subTVL .off,
#section-2 .section-2-box .container .row .subTV a:hover .subTVL .off{display:none;}
#section-2 .section-2-box .container .row .subLTV a .subTVL,
#section-2 .section-2-box .container .row .subTV a .subTVL{width:20%;display: inline-block; float: left; height:100%;position:relative;background-color:#fff;border-bottom:1px solid #000;}
#section-2 .section-2-box .container .row .subLTV a:last-child .subTVL,
#section-2 .section-2-box .container .row .subTV a:last-child .subTVL{border:none;}
#section-2 .section-2-box .container .row .subLTV a .subTVL div,
#section-2 .section-2-box .container .row .subTV a .subTVL div{background-size: cover;
background-repeat: no-repeat;width: 19px;height: 26px;position: absolute;top: 50%;
left: 40%;text-align: center;border: none;display: block;transform: translate(0,-50%);}

#section-3 { position:relative; background:url(../../../Layouts/happymaker_Layout/Images/church_bg.jpg) no-repeat; background-position:center; background-size:cover; }
#section-3 a { text-decoration:none; }
#section-3 .section-3-box .section4T{padding:0 15px 55px;}
#section-3 .section-3-box .container .row .miniBOXM:hover{}
#section-3 .section-3-box .container .row .miniBOXM:hover .miniBOX{background-color:#66ACE1;-webkit-transform: translate(-10px,-10px);transform: translate(-10px,-10px);transition: all 0.5s;}
#section-3 .section-3-box h1 {color: #fff;font-weight: bold;font-size: 34px;margin: 0;line-height: 1.5;letter-spacing: 1px;}
#section-3 .section-3-box h5 {margin: 0;font-size: 17px;line-height: 1.8;color: #fff;}
#section-3 .section-3-box .miniBOX{background-color:#70C7E2;height:230px;position:relative;display: flex;
flex-direction: row;justify-content: center;align-items: center;}
#section-3 .section-3-box .miniBOX .miniM h1{color: #fff;font-size: 22px;letter-spacing: 1.5px;font-weight: normal;margin: 15px 0 0;}
#section-3 .section-3-box .miniBOX .miniM hr{width: 75%; margin: 20px auto;}
#section-3 .view-more { display:inline-block; padding:15px 60px; font-size:14px; border:1px solid #fff; color:#fff; text-decoration:none; font-weight:bold; }
#section-3 ul a { color:#fff; text-decoration:none; }
#section-3 li { overflow:hidden; border-bottom:1px solid #fff; padding:25px 15px; }
#section-3 li div { float:left;}
#section-3 li img { float:right; margin-top:18px; }
#section-3 li div.section4-box-date p { font-size:17px; margin:0; }
#section-3 li div.section4-box-date p strong { font-size:40px; }
#section-3 li div.section4-box-cont { margin-top:13px; margin-left:50px; }
#section-3 li div.section4-box-cont p { margin:0; font-size:18px; line-height:33px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width: 900px;}
#section-3 li div.section4-box-cont p.cont-title { font-weight:bold; }

#section-4 { position:relative; background:url(../../../Layouts/happymaker_Layout/Images/section4_ministry.jpg) no-repeat; background-position:center; background-size:cover; }
#section-4 a { text-decoration:none; }
#section-4 .section-4-box .section4T{padding:0 15px 55px;}
#section-4 .section-4-box .container .row .miniBOXM:hover{}
#section-4 .section-4-box .container .row .miniBOXM:hover .miniBOX{background-color:#528FBE;-webkit-transform: translate(-10px,-10px);transform: translate(-10px,-10px);transition: all 0.5s;}
#section-4 .section-4-box h1 {color: #000;font-weight: bold;font-size: 34px;margin: 0;line-height: 1.5;letter-spacing: 1px;}
#section-4 .section-4-box h5 {margin: 0;font-size: 17px;line-height: 1.8;color: #fff;}
#section-4 .section-4-box .miniBOX{background-color:#1274C2;height:275px;position:relative;display: flex;
flex-direction: row;justify-content: center;align-items: center;}
#section-4 .section-4-box .miniBOX .miniM h1{color: #fff;font-size: 26px;letter-spacing: 1.5px;}
#section-4 .section-4-box .miniBOX .miniM hr{width: 40%; margin: 20px auto;}
#section-4 .view-more { display:inline-block; padding:15px 60px; font-size:14px; border:1px solid #fff; color:#fff; text-decoration:none; font-weight:bold; }
#section-4 ul a { color:#fff; text-decoration:none; }
#section-4 li { overflow:hidden; border-bottom:1px solid #fff; padding:25px 15px; }
#section-4 li div { float:left;}
#section-4 li img { float:right; margin-top:18px; }
#section-4 li div.section4-box-date p { font-size:17px; margin:0; }
#section-4 li div.section4-box-date p strong { font-size:40px; }
#section-4 li div.section4-box-cont { margin-top:13px; margin-left:50px; }
#section-4 li div.section4-box-cont p { margin:0; font-size:18px; line-height:33px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width: 900px;}
#section-4 li div.section4-box-cont p.cont-title { font-weight:bold; }

#section-5 { position:relative; background:url(../../../Layouts/happymaker_Layout/Images/notice_bg.jpg) no-repeat; background-position:center; background-size:cover; }
#section-5 a{text-decoration:none;}
#section-5 ul li a { display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
#section-5 .section-5-box .row > div{padding-top:15px;}
#section-5 .section-5-box .section4T{padding:0 15px 55px;}
#section-5 .section-5-box h1 {color: #fff;font-weight: bold;font-size: 34px;margin: 0;line-height: 1.5;letter-spacing: 1px;}
#section-5 .section-5-box h5 {margin: 0;font-size: 17px;line-height: 1.8;color: #fff;}
#section-5 li { overflow:hidden; border-bottom:1px solid #fff; padding:20px 15px; }
#section-5 li div { float:left;}
#section-5 li img { float:right; margin-top:18px; }
#section-5 li div.section4-box-date p { font-size:17px; margin:0; color:#fff;}
#section-5 li div.section4-box-date p strong { font-size:40px; }
#section-5 li div.section4-box-date .newsBG{width: 230px;height: 110px;background-size: cover;background-position: center;background-repeat: no-repeat;}
#section-5 li div.section4-box-cont p { margin:0; font-size:18px; line-height:33px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; min-width: 900px; max-width: 900px; color:#fff;}
#section-5 li div.section4-box-cont p.cont-title { font-weight:bold; }




#section-0 { position:relative; background:url(../../../Layouts/happymaker_Layout/Images/section5_specialdawn.jpg) no-repeat; background-position:center; background-size:cover; }
#section-0 .section-0-box .section0TL{height: 164px;display: flex;flex-direction: column;
justify-content: center;align-items: flex-start;margin: 0 0 110px;}
#section-0 .section-0-box .section0TL h1{color:#fff; margin:0;line-height: 1.5;font-weight: bold;letter-spacing: 1px;}
#section-0 .section-0-box .section0TR{margin: 0 0 110px;}
#section-0 .section-0-box .section0TR > a > div{height:164px;}
#section-0 .section-0-box .section0TR > a > div:hover .circle{transition:.3s all; background-color:rgba(75,156,222,1)}
#section-0 .section-0-box .section0TR a .circle{width:164px; position:relative;border-radius:50%; background-color:rgba(0,0,0,.5); height:100%; margin:0 auto;}
#section-0 .section-0-box .section0TR a .circle h1{margin: 0;position: absolute;top: 50%;margin:0;color: #fff;font-size: 24px;
text-align: center;width: 100%;border: none;display: block;transform: translate(0,-50%);}
#section-0 .section-0-box .section0BR{height: 185px;padding: 0 15px;border-left: 1px solid #fff;}
#section-0 .section-0-box .section0BR h5{font-size: 22px;color: #fff;margin: 0 0 25px;}
#section-0 .section-0-box .section0BR h6{font-size: 17px;color: #fff;line-height: 2;margin: 0;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;width: 100%;float: left;}
#section-0 .section-0-box .section0SD{overflow:hidden;}
#section-0 .section-0-box .section0SD .contentSlide .section0M{display: block;width: 100%;position: relative;
height: 180px;overflow: hidden;background-color: transparent;margin: 0 auto;background-size: cover;
background-position: 50% 50%;background-origin: border-box;background-repeat: no-repeat;}
#section-0 .section-0-box .section0SD .contentSlide .section0M img{position: absolute;left: 10%;top: 15%; display:none;}
#section-0 .section-0-box .section0SD .contentSlide .section0M:hover img{display:block; transition:.3s all;}
#section-0 .section-0-box .section0SD .contentSlide .section0M:hover .section0T{display:flex; transition:.3s all;}
#section-0 .section-0-box .section0SD .contentSlide .section0M .section0T{
width: 100%;height: 100%;float: left;background-color: rgba(0,0,0,.5); display:none;
flex-direction: column;justify-content: center;align-items: center;}
#section-0 .section-0-box .section0SD .contentSlide .section0M .section0T h5{color: #fff;
margin: 0;line-height: 1.5;font-size: 17px;}
#section-0 .section-0-box .slidePBTN{position: absolute;
top: 50%;text-align: center;left: -2%;border: none;display: block;transform: translate(0,-50%);}
#section-0 .section-0-box .slideNBTN{position: absolute;
top: 50%;text-align: center;right: -2%;border: none;display: block;transform: translate(0,-50%);}


#section-6 .footer-box .footer-top{background-color:#fff;}
#section-6 .footer-box .footer-top a{display: inline-block;float: left;width: 12.5%;text-align: center; height:205px; text-decoration:none;position:relative;}
#section-6 .footer-box .footer-top .box{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;top:0;position:absolute;width:100%;}
#section-6 .footer-box .footer-top .box .QIMG{width:80px; height:80px;margin: 0 auto;}
#section-6 .footer-box .footer-top .box p{font-size: 17px; margin: 0; letter-spacing:1px;}
#section-6 .footer-box .footer-top a:hover p{font-weight:bold; transition:.3s all;}
#section-6 .footer-box .footer-top p{color:#000;}
#section-6 .footer-box .footer-bottom{background-color:#000;}
#section-6 .footer-box .footer-bottom .container{width:1400px;}
#section-6 .footer-box .footer-bottom ul{padding:15px 0}
#section-6 .footer-box .footer-bottom ul li{line-height: 2.5;font-size: 15px;color: #fff;} 

#section-Q{position: fixed;bottom: 0;width: 100%;background-color: #fff;height: 115px;}
#section-Q .quickM{display: inline-block;float: left;width: 12.5%;text-align: center; height:115px; text-decoration:none;position:relative;}
#section-Q .quickM:hover p{font-weight:bold; transition:.3s all;}
#section-Q .quickM p{color:#000;}
#section-Q .quickM .box{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;top:0;position:absolute;width:100%;}
#section-Q .quickM .box .QIMG{width:80px; height:80px;margin: 0 auto;}
#section-Q .quickM .box p{font-size: 17px; margin: 0; letter-spacing:1px;}
#section-Q .quickM:hover p{font-weight:bold; transition:.3s all;}

.go_btn {z-index: 999;position: fixed;bottom: 1%;opacity: 0;right: 1%;
width: 60px;height: 60px;border: 0;display: flex;flex-direction: row;justify-content: center;align-items: center;background-color:rgba(255,255,255,.3);border:1px solid #fff;}
.go_btn svg{font-size:24px; color:#fff;}
/* btn */

.view-more {
  display: inline-block;
  padding: 17px 50px;
  color: #00A9E0;
  font-size: 17px;
  border: 5px solid #fff;
  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: 10;
 border: 1px solid #00A9E0; 
 font-weight:100;
}

.view-more:hover {
  color: #fff;
}

.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: 120%;
  height: 100%;
  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;
}

.view-more1:before {
	background: #C7B1E6;
}

.view-more2:before {
	background: #737069;
}
@media (min-width:1430px){
    .container{width:1430px;}
}
@media (min-width:1500px) {
    #slideText { max-width:80%;}
}
@media (min-width:1500px) and (max-width:1699px) {
    #section-2 .section-2-box .container .row > div:nth-child(1){margin: 0 0 15px;}
    #section-2 .section-2-box .container .row > div:nth-child(2){margin: 0 0 15px;}
    #section-2 .section-2-box .container .row > div:nth-child(3){margin: 0 0 15px;}
}

@media (min-width:1200px) and (max-width:1499px) {
	#slideTextBG{background-size: 110%;}
	#section-2 .section-2-box .container .row > div:nth-child(2){background-position:center;}
    #section-2 .section-2-box .container .row > div:nth-child(1){margin: 0 0 15px;}
    #section-2 .section-2-box .container .row > div:nth-child(2){margin: 0 0 15px;}
    #section-2 .section-2-box .container .row > div:nth-child(3){margin: 0 0 15px;}
	#section-2 .section-2-box .container .row .sermonTV{padding: 40px 20px;}
    #section-5 li div.section4-box-cont p{min-width: 830px; max-width: 830px;}
}

@media (min-width:993px) and (max-width:1199px) {
	#slideTextBG{background-size: 130%;}
	#section-2 .section-2-box .container .row > div:nth-child(1){width:50%; margin:0 0 20px;}
	#section-2 .section-2-box .container .row > div:nth-child(2){display:none;}
	#section-2 .section-2-box .container .row > div:nth-child(3){width:50%; margin:0 0 20px;}
	#section-2 .section-2-box .container .row > div:nth-child(4){display:inline-block;width:100%;}
	#section-2 .section-2-box .container .row > div:nth-child(4) a{display:inline-block; width:100%; position:relative; margin:0 0 20px;}
    #section-2 .section-2-box .liveM,
    #section-2 .section-2-box .YoutuM{height: 90px;}
    #section-2 .section-2-box .YoutuM .youtubeT h5{line-height:2;}
    #section-2 .section-2-box .liveM img{max-width: 60px;}
    #section-2 .section-2-box .liveM h5{font-size:15px;}
    #section-2 .section-2-box .liveM .youtube-liveB .youtube-liveBM{font-size:15px;}
    #section-2 .section-2-box .container .row .subLTV{height:100px;}
    #section-2 .section-2-box .container .row .subTV{height:200px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVF,
    #section-2 .section-2-box .container .row .subTV a .subTVF{width:33%;}
    #section-2 .section-2-box .container .row .subLTV a .subTVC,
    #section-2 .section-2-box .container .row .subTV a .subTVC{padding:5px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVC p,
    #section-2 .section-2-box .container .row .subTV a .subTVC p{font-size:15px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVL,
    #section-2 .section-2-box .container .row .subTV a .subTVL{width: 10%;}
	#section-2 .section-2-box .container .row .sermonTV{width: 100%;height: 100%;float: left;padding: 10px 20px;background-size: contain;
    background-position: center; min-height: 200px;/*background-image:url(/UserData/happymaker/Layouts/happymaker_Layout/Images/m_sermon_bg.jpg)!important;*/background-repeat:no-repeat;background-color: #2B7CAA;}
    #section-2 .section-2-box .container .row .sermonTV h3{margin: 0 0 20px;}
    #section-2 .section-2-box .container .row .sermonTV .sermonT{font-size:26px;}
    #section-2 .section-2-box .container .row .sermonBOT{height:110px;}
    #section-3 .section-3-box .section4T{padding: 0 15px 25px;}
	#section-3 .section-3-box .miniBOXM{width:33%; padding: 0 15px 15px 15px;}
	#section-3 .section-3-box a:nth-last-child(1) .miniBOXM{width:50%;} 
	#section-3 .section-3-box a:nth-last-child(2) .miniBOXM{width:50%;} 
    #section-4 .section-4-box .section4T{padding: 0 15px 25px;}
    #section-4 .section-4-box .miniBOX{height:220px;}
	#section-4 .section-4-box .miniBOXM{width:50%; padding: 0 15px 15px 15px;}
	#section-5 li div.section4-box-cont{margin-top: 15px; margin-left: 15px; width:70%;}
    #section-5 li div.section4-box-cont p{min-width: 650px; max-width: 650px;}
	#section-0 .section-0-box .container .row > div:nth-child(1){width:100%;}
	#section-0 .section-0-box .section0TL{margin: 0;}
	#section-0 .section-0-box .section0TR{width:100%; margin: 0 0 30px;}
	#section-0 .section-0-box .section0BR{height:100%;}
	#section-0 .section-0-box .slidePBTN{left: 5%;}
	#section-0 .section-0-box .slideNBTN{right: 5%;}
}

@media (min-width:768px) and (max-width:992px) {
	#slideTextBG{background-size: 135%;}
    #fp-nav.right{display:none;}
	#slideText{max-width:95%;}
 	 #section-1 .section1BG{height:100%; background-size:cover;background-image: url(../../../layouts/happymaker_layout/images/20250612_bg.png);}/*비어있는*/

	#section-2 .section-2-box .liveM{height:80px;}
    #section-2 .section-2-box .liveM h5{font-size:17px;}
    #section-2 .section-2-box .liveM .youtube-liveB{font-size:17px;}
	#section-2 .section-2-box .YoutuM{height:80px;}
    #section-2 .section-2-box .YoutuM .youtubeT h5{line-height:1.5;}
    #section-2 .section-2-box .liveM h5{font-size:15px;}
    #section-2 .section-2-box .liveM .youtube-liveB .youtube-liveBM{font-size:15px;}
    #section-2 .section-2-box .container .row .subLTV{height:90px;}
    #section-2 .section-2-box .container .row .subTV{height:180px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVF,
    #section-2 .section-2-box .container .row .subTV a .subTVF{width: 33%;}
    #section-2 .section-2-box .container .row .subLTV a .subTVF h1,
    #section-2 .section-2-box .container .row .subTV a .subTVF h1{font-size:17px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVC,
    #section-2 .section-2-box .container .row .subTV a .subTVC{padding:5px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVC p,
    #section-2 .section-2-box .container .row .subTV a .subTVC p{font-size:15px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVL,
    #section-2 .section-2-box .container .row .subTV a .subTVL{width: 10%;}
    #section-2 .section-2-box .container .row .subLTV a .subTVL div,
    #section-2 .section-2-box .container .row .subTV a .subTVL div{width: 10px;height: 15px;}
	#section-2 .section-2-box .container .row > div:nth-child(1){width:50%; margin:0 0 10px;}
	#section-2 .section-2-box .container .row > div:nth-child(2){display:none;}
	#section-2 .section-2-box .container .row > div:nth-child(3){width:50%; margin:0 0 10px;}
	#section-2 .section-2-box .container .row > div:nth-child(4){display:inline-block;width:100%;}
	#section-2 .section-2-box .container .row > div:nth-child(4) a{display:inline-block; width:100%; position:relative; margin:0 0 20px;}
	#section-2 .section-2-box .container .row > div:nth-last-child(1),
	#section-2 .section-2-box .container .row > div:nth-last-child(2){padding:0 15px;}
	#section-2 .section-2-box .container .row > div:nth-last-child(3),
	#section-2 .section-2-box .container .row > div:nth-last-child(4){padding:0 15px 15px 15px;}
	#section-2 .section-2-box .container .row .sermonTV{width: 100%;height: 100%;float: left;padding: 15px 20px;background-size: contain;background-position: center; min-height:180px; /*background-image:url(/UserData/happymaker/Layouts/happymaker_Layout/Images/m_sermon_bg.jpg)!important;*/background-repeat:no-repeat;background-color: #2B7CAA;}
    #section-2 .section-2-box .container .row .sermonTV h3{margin: 0 0 15px;}
    #section-2 .section-2-box .container .row .sermonTV .sermonT{font-size:30px;}
    #section-2 .section-2-box .container .row .sermonTV .sermonB,
    #section-2 .section-2-box .container .row .sermonTV .sermonD{line-height:1.5;}
    #section-2 .section-2-box .container .row .sermonBOT{height: 95px;}
    #section-2 .section-2-box .container .row a .sermonBOT div h1{font-size:24px;}
    #section-2 .section-2-box .container .row a .sermonBOT div .sermonBOTIMG{width: 95px; height: 35px;}
    #section-3 .section-3-box .miniBOX{height:185px;}
	#section-3 .section-3-box .miniBOXM{width:33%; padding: 0 15px 15px 15px;}
    /*
	#section-3 .section-3-box a:nth-last-child(1) .miniBOXM{width:50%;} 
	#section-3 .section-3-box a:nth-last-child(2) .miniBOXM{width:50%;} 
    */
    #section-4 .section-4-box .miniBOX{height: 205px;}
	#section-4 .section-4-box .miniBOXM{width:50%; padding: 0 15px 15px 15px;}
    #section-5 .section-5-box h1{font-size:30px;}
    #section-5 li div.section4-box-cont{margin-top: 15px; margin-left: 15px; width:60%;}
    #section-5 li div.section4-box-cont p{min-width: 400px; max-width: 400px;}
	#section-0 .section-0-box .section0TR > a > div{width:25%;}
	#section-0 .section-0-box .container .row > div:nth-child(1){width:100%;}
	#section-0 .section-0-box .section0TL{margin: 0;}
	#section-0 .section-0-box .section0TR{width:100%; margin: 0 0 30px;}
	#section-0 .section-0-box .section0BR{height:100%; margin-bottom:20px;}
	#section-0 .section-0-box .slidePBTN{left: 5%;}
	#section-0 .section-0-box .slideNBTN{right: 5%;}
	#section-6 .footer-box .footer-top .box p{font-size:15px;}
}

@media (max-width: 767px) {
	#slideTextBG{background-size: 130%;}
    #fp-nav.right{display:none;}
    /*#slideText{max-width:95%;}*/
	#slideText{width:80vw;/* max-width:370px; */}
    /*#section-1 .text-center{width:90%;     top: 45%;}*/

 #section-1 .section1BG{height:100%;background-image: url(../../../layouts/happymaker_layout/images/20250612_bg.png);}  /* 비어있는 */
	#section-2 .section3T{font-size:24px;}
	#section-2 .section-2-box .liveM{height:80px;background-position: center;margin: 0 0 10px;}
	#section-2 .section-2-box .liveM img{max-width:25px;}
    #section-2 .section-2-box .liveM .youtube-liveB{font-size:15px;}
	#section-2 .section-2-box .liveM h5{font-size: 15px;}
	#section-2 .section-2-box .YoutuM{height:80px;}
	#section-2 .section-2-box .YoutuM .youtubeT img{max-width:60px;}
	#section-2 .section-2-box .YoutuM .youtubeT h5{font-size:13px;line-height: 2;}
    #section-2 .section-2-box .liveM h5{font-size:13px;}
    #section-2 .section-2-box .liveM .youtube-liveB .youtube-liveBM{font-size:13px;}
	#section-2 .section-2-box .container .row .subLTV{height:80px;}
	#section-2 .section-2-box .container .row .subTV{height:170px;}
    #section-2 .section-2-box .container .row .subLTV a .subTVF,
    #section-2 .section-2-box .container .row .subTV a .subTVF{width:43%;}
	#section-2 .section-2-box .container .row .subLTV a .subTVF h1,
	#section-2 .section-2-box .container .row .subTV a .subTVF h1{font-size:14px;}
	#section-2 .section-2-box .container .row .subLTV a .subTVC,
	#section-2 .section-2-box .container .row .subTV a .subTVC{padding:5px;}
	#section-2 .section-2-box .container .row .subLTV a .subTVC p,
	#section-2 .section-2-box .container .row .subTV a .subTVC p{font-size:13px;}
	#section-2 .section-2-box .container .row .subLTV a .subTVL,
	#section-2 .section-2-box .container .row .subTV a .subTVL{display:none;}
	#section-2 .section-2-box .container .row .subLTV a .subTVL div,
	#section-2 .section-2-box .container .row .subTV a .subTVL div{width: 15px; height: 20px;left: 25%;}
	#section-2 .section-2-box .container .row > div:nth-child(1){width:50%; margin:0 0 10px; padding: 0 7.5px 0 15px;}
	#section-2 .section-2-box .container .row > div:nth-child(2){display:none;}
	#section-2 .section-2-box .container .row > div:nth-child(3){width:50%; margin:0 0 10px; padding: 0 15px 0 7.5px;}
	#section-2 .section-2-box .container .row > div:nth-child(4){display:inline-block;width:100%;}
	#section-2 .section-2-box .container .row > div:nth-child(4) a{display:inline-block; width:100%; position:relative; margin:0 0 10px; float:left;}
	#section-2 .section-2-box .container .row > div:nth-last-child(1){padding: 0 15px 0 7.5px;}
	#section-2 .section-2-box .container .row > div:nth-last-child(2){padding: 0 7.5px 0 15px;}
	#section-2 .section-2-box .container .row > div:nth-last-child(3){padding:0 15px 10px 7.5px;}
	#section-2 .section-2-box .container .row > div:nth-last-child(4){padding:0 7.5px 10px 15px;}
	#section-2 .section-2-box .container .row .sermonTV{width: 100%;height: 100%;float: left;background-size: cover;background-position: center;padding: 25px; /*background-image:url(/UserData/happymaker/Layouts/happymaker_Layout/Images/m_sermon_bg.jpg)!important;*/background-color: #2B7CAA;background-repeat:no-repeat;}
	#section-2 .section-2-box .container .row .sermonTV h3{font-size:18px; margin: 0 0 10px;}
	#section-2 .section-2-box .container .row .sermonTV .sermonT{font-size:18px;}
	#section-2 .section-2-box .container .row .sermonTV .sermonB{font-size:15px; line-height:1.5;}
	#section-2 .section-2-box .container .row .sermonTV .sermonD{font-size:15px; line-height:1.5;}
	#section-2 .section-2-box .container .row .sermonBTN{width:50px; height:50px;background-position: center; background-size: cover;}
	#section-2 .section-2-box .container .row .sermonBOT{height:80px;}
	#section-2 .section-2-box .container .row a .sermonBOT div h1{font-size:17px;}
	#section-2 .section-2-box .container .row a .sermonBOT div .sermonBOTIMG{width: 80px;    height: 30px;}
	#section-3 .section-3-box h1{font-size:24px;}
	#section-3 .section-3-box h5{font-size:15px; word-break:keep-all;}
	#section-3 .section-3-box .section4T{padding: 0 0 20px;}
	#section-3 .section-3-box .miniBOXM{width:33%; padding: 0 10px 15px 10px;}
	#section-3 .section-3-box .miniBOX{height:130px;}
	#section-3 .section-3-box .miniBOX .miniM img{max-width:35px;}
	#section-3 .section-3-box .miniBOX .miniM h1{margin: 10px 0 0;font-size: 15px;}
	#section-3 .section-3-box .miniBOX .miniM hr{margin: 15px auto;}
    /*#section-3 .section-3-box a:nth-last-child(1) .miniBOXM{width:50%;}*/ 
	/*#section-3 .section-3-box a:nth-last-child(2) .miniBOXM{width:50%;}*/ 
	#section-4 .section-4-box h1{font-size:24px;}
	#section-4 .section-4-box h5{font-size:15px; word-break:keep-all;}
	#section-4 .section-4-box .section4T{padding: 0 0 20px;}
	#section-4 .section-4-box .miniBOX{height:130px;}
	#section-4 .section-4-box .miniBOX .miniM img{max-width:35px;}
	#section-4 .section-4-box .miniBOX .miniM h1{margin: 10px 0 0;font-size: 15px;}
	#section-4 .section-4-box .miniBOX .miniM hr{margin: 15px auto;}
	#section-4 .section-4-box .miniBOXM{width:50%; padding: 0 15px 15px 15px;}
	#section-5 .section-5-box h1{font-size:24px;}
	#section-5 li{padding:15px;}
	#section-5 li img{/*max-width:35px;*/ display:none;}
	#section-5 li div{float: left;text-align: left;display:inline-block;}
	#section-5 li div.section4-box-date p{font-size:15px;}
	#section-5 li div.section4-box-date p strong{font-size:20px;}
    #section-5 li div.section4-box-date .newsBG{width: 105px; height: 65px;}
	#section-5 li div.section4-box-cont{width: 65%;}
	#section-5 li div.section4-box-cont p{font-size: 15px;line-height: 2;max-width: 200px; min-width:200px;}
	#section-0 .section-0-box .section0TL{height:80px;}
	#section-0 .section-0-box .section0TL h1{font-size:24px;}
	#section-0 .section-0-box .container .row > div:nth-child(1){width:100%;}
	#section-0 .section-0-box .section0TL{margin: 0;}
	#section-0 .section-0-box .section0TR{width:100%; margin: 0 0 10px; display:inline-block;}
	#section-0 .section-0-box .section0TR > a{width: 25%;display: inline-block;float:left;}
	#section-0 .section-0-box .section0TR > a > div{height:72.5px;padding: 0 5px;}
	#section-0 .section-0-box .section0TR a .circle{width:100%;}
	#section-0 .section-0-box .section0TR a .circle h1{font-size:13px;}
	#section-0 .section-0-box .section0BR{height:100%; margin-bottom:20px;}
	#section-0 .section-0-box .section0BR h5{font-size:20px; margin: 0 0 10px;}
	#section-0 .section-0-box .section0BR h6{font-size:15px;}
	#section-0 .section-0-box .section0SD{width:100%;}
	#section-0 .section-0-box .section0SD .contentSlide .section0M .section0T h5{font-size:15px;}
	#section-0 .section-0-box .slidePBTN,
	#section-0 .section-0-box .slideNBTN{display:none;}
	#section-0 .section-0-box .slidePBTN{left: 5%;}
	#section-0 .section-0-box .slideNBTN{right: 5%;}
	#section-6 .footer-box .footer-top a{width:33%;height: 110px;}
	#section-6 .footer-box .footer-top a:nth-last-child(1),
	#section-6 .footer-box .footer-top a:nth-last-child(2){width:50%;}
	#section-6 .footer-box .footer-top .box p{font-size:15px;}
	#section-6 .footer-box .footer-top .box .QIMG{width: 50px;height: 50px;background-size: cover;background-position: center;}
    #section-6 .footer-box .footer-bottom ul{padding:15px;}
    #section-6 .footer-box .footer-bottom ul li{line-height:2;}
}
@media (max-width: 565px) {
    #section-2 .section-2-box .container .row .sermonTV{/*background-image:url(/UserData/happymaker/Layouts/happymaker_Layout/Images/section3_tv03_sermon_bg.jpg)!important;*/}
}