*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* color: #red; */
    /* overflow-x: hidden; */
  }
  
  body{
    /* font-family: sans-serif; */
    /* overflow-x: hidden; */
  }
  
  section{
    height: 100vh;
    width: 100%;
    overflow-x: hidden;
  }

  a{
    decoration: none;
    text-decoration: none;
  }
  
  .mobile_fast_main{
    display: none;
  }
  
  

  /* 每日一書 */


  .book_title_box{
    width: 100%;
    text-align: center;
  
  }
  .book_store_block{
    width: 100%;
    text-align: center;
    background-color: #d9d9d9;
    /* min-height: 540px; */
    padding-top: 35px;
      padding-bottom: 20px;
  }
  
  
  
  
  .book_store_button{
    margin-bottom: 40px;
  }
  
  
  
  /* ------ 登入與否共用的滑動廣告區 START ------ */
  
  
  
  
  .ds_common_title{
    font-size: 1.6rem;
      font-weight: 700;
      color: #565656;
      padding: 20px 0 30px 0;
      line-height: 1;
      letter-spacing: 0.1rem;
      /* margin-top: 30px; */
  
  }
  
  /* .img_block_01{
    background-image: url('/cefcamp/images/bible/16/A1670_1.jpg');
  } */
  
  
  
  .img_block.book_01{
    background-image: url('/cefcamp/images/bible/16/A1670_1.jpg');
  }
  
  .img_block.book_02{
    background-image: url('/cefcamp/images/bible/16/A1273_1.jpg');
  }
  
  .img_block.book_03{
    background-image: url('/cefcamp/images/bible/16/A1457_1.jpg');
  }
  
  .img_block.book_04{
    background-image: url('/cefcamp/images/bible/16/A1410_1.jpg');
  }
  
  .img_block.book_05{
    background-image: url('/cefcamp/images/bible/16/A1311_1.jpg');
  }
  
  .img_block_online.book_06{
    background-image: url('/cefcamp/images/bible/16/online_bookstore_01.jpg');
  }
  
  .ad_date{
    margin: 20px 25px;
      font-size: 1.1rem;
      color: #808080;
      line-height: 1.2rem;
      text-align: center;
  }
  
  
  
  
  
  .ad_box {
      width: 65%;
      margin: 5% auto;
    }
  
    .ad_box_portrait {
      display: block;
    }
  
    .ad_content_portrait {
      display: inline-block;
      white-space: nowrap;
      overflow-x: auto;
      margin: 30px auto;
      width: 100%;
    }
  
    .ad_row {
      display: inline-block;
      width: 400px;
    }
  
  
    .ad_content_portrait, .ad_block {
      width: 160px;
      margin: 0 15px;		
      vertical-align: top;
      display: inline-block;
      white-space: normal;
      text-align: center;
    }
  
  
    .ad_content_portrait, .ad_block, .start {
      margin-left: 50px;		
    }
  
    .ad_content_portrait, .ad_block, .end {
      margin-right: 30px;	
    }
  
    .img_block_online, .ad_block_online{
      height: 190px;
      width: 440px;
      border-radius: 25px;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
      background-size: cover;
      background-position: center center;
      margin: 20px auto 60px auto;
  
    }
  
  
    .ad_content_portrait, .ad_block, .img_block {
      height: 230px;
      border-radius: 25px;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
      background-size: cover;
      background-position: center center;
    }
  
    
  
    /* .ad_content_portrait, .ad_block, .img_block, .heart_vision {
      background-image: url('/s_ymc/images/15ymc/static_img/ad_img/heart_vision.jpg');
    }
  
    .ad_content_portrait, .ad_block, .img_block, .book {
      background-image: url('/s_ymc/images/15ymc/static_img/ad_img/online_book_ad.jpeg');
    }
  
  
    .ad_content_portrait, .ad_block, .img_block, .speech {
      background-image: url('/s_ymc/images/15ymc/static_img/ad_img/ad_cm_speech_2.jpg');
    }
  
  
  
    .ad_content_portrait, .ad_block, .img_block, .cm {
      background-image: url('/s_ymc/images/15ymc/static_img/ad_img/ad_cm.jpg');
    }
  
    .ad_content_portrait, .ad_block, .img_block, .article {
      background-image: url('/s_ymc/images/15ymc/static_img/ad_img/ad_arti.jpg');
    } */
  
  
    .ad_content_portrait, .ad_block, .text_block {
      margin: 20px 25px;
      font-size: 1rem;
      color: #000;
      line-height: 1.2rem;
      text-align: center;
      font-weight: 300;
      letter-spacing: 0.05rem;
    }
  
    .text_block{
      margin-left: 0;
      margin-right: 0;
    }
  
    /* 跳出來的檢視區 背景 */
  
  
    .modal{
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: ; /* Sit on top */
      padding-top: 60px; /* Location of the box */
      left: 0;
      top: 0;
      height: 100vh;
      width: 100vw; 
      overflow: auto; /* Enable scroll if needed */
      /* background-color: rgb(0,0,0); /* Fallback color */ */
      background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
      /* background-color: green; */
    }
  
    /* .from_app .modal {
      padding-top: 0; 
      height:100%;
    } */
  
    /* 白框 */
    .modal-content {
      margin: auto;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #FFF;
      position: relative;
      z-index: 10;
       background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
    }
  
    /* 內容 */
    .ad_text {
      margin: auto;
      display: block;
      width: 80%;
      height:80%;
      overflow: auto;
      /* padding: 10% 5%; */
      white-space: normal;
      text-align: justify;
      background-color: white;
      position: relative;
  
    }
  
    .ad_content{
      white-space: nowrap;
         overflow-x: auto;
         overflow-y: ;
         height: 400px;
    }
  
    .ad_content_online{
         height: 270px;
    }
  
    .ds_common_text {
      padding-bottom: 50px;
    }
  
  
    /* Add Animation */
    .ad_text {  
      -webkit-animation-name: zoom;
      -webkit-animation-duration: 0.6s;
      animation-name: zoom;
      animation-duration: 0.6s;
    }
  
    @-webkit-keyframes zoom {
      from {-webkit-transform:scale(0)} 
      to {-webkit-transform:scale(1)}
    }
  
    @keyframes zoom {
      from {transform:scale(0)} 
      to {transform:scale(1)}
    }
  
    /* The Close Button */
    .close {
      position: absolute;
      top: 80px;
      right: 15px;
      color: #FFF;
      font-size: 25px;
      font-weight: bold;
      transition: 0.3s;
      background-color: rgb(133, 145,146, 0.5);
      border-radius: 50%;
      z-index: 500;
      padding: 5px;
    }
  
    .from_app, .close {
      top: 20px;
    }
  
  
    .close:hover,
    .close:focus {
      background-color: rgb(133, 145,146, 0.8);
      text-decoration: none;
      cursor: pointer;
    }
  
    /* ------ 共用的滑動廣告區 END ------ */
  
  
  
  
  /*----------- 首頁 ▽ -----------*/
  .main_page{
    position: relative;

    overflow: hidden;
    margin-top: -60px;
  }
  
  .main_page_content_box{
    width: 131.58vh;
    height: 98vh;
    position: absolute;
    /* border: 2px solid red; */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
  }

  .section_main{
    display: block;
  }
  /*----------- 首頁 △ -----------*/
  









  /*----------- 首頁第一幕 手機 ▽ -----------*/
.lt_mob, .rb_mob{
  display: none;
}

@media screen and (max-width: 580px){
    .lt_mob, .rb_mob{
    display: block;
    height: 100%;
    position: absolute;
  }

  .cyan_pic, .dot_pic, .red_pic, .cross_pic, .soldier_pic, .idol_pic, .rabbi_pic, .camp_name_pic, .arena_pic{
    display: none;
  }

  .lt_mob_anm{
    animation-name: lt_mob_anm;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }

  @keyframes lt_mob_anm {
    0%{
      left: 0;
      top: 0;
      opacity: 1;
    }

    100%{
      top: -500px;
      left: -500px;
      opacity: 0;
    }
  }

  .rb_mob_anm{
    animation-name: rb_mob_anm;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }

  @keyframes rb_mob_anm {
    0%{
      left: 0;
      top: 0;
      opacity: 1;
    }

    100%{
      top: 500px;
      left: 500px;
      opacity: 0;
    }
  }
}
/*----------- 首頁第一幕 手機 △ -----------*/
  
  
  
  
  
  /*----------- 首頁第一幕 ▽ -----------*/
  .syan_dot_bg_box{
    width: 100vw;
    height: 100vh;
    /* position: relative; */
    /* position: absolute; */
    top: 0;
    left: 0;
  }

  .main_pic_block{
    width: 100vw;
    height: calc(100vh - 60px);
    margin-top: 60px;
    background: #eeeeef;
    background-image: url("/cefcamp/images/bible/2026/main_bg_1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    position: relative;
  }

  .main_pic_text_left{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("/cefcamp/images/bible/2026/left_text_1.png");
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
  }
  
  .main_pic_text_right{
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("/cefcamp/images/bible/2026/right_text_1.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
  }

  .sy_left_pic{
    height: 100vh;
  }
  
  .sy_right_pic{
    height: 100vh;
    position: absolute;
    right: 0;
  }
  
  .cyan_pic, .dot_pic, .red_pic, .cross_pic, .soldier_pic, .idol_pic, .rabbi_pic, .paul_pic, .arena_pic, .camp_name_pic{
    height: 100%;
    position: absolute;
    /* top: 0; */
    
  /*   transform: translateX(-50%); */
  }
  
  .paul_pic{
    height: 53%;
    top: 30%;
    left: 36.2%;
  }
  
  .main_page_content_box .scroll_arrow_gif{
    position: absolute;
    top: 11.4%;
    width: auto;
    height: 7vh;
    opacity: .6;
    left: 38%;
    transform: rotate(-90deg);
    /* transform: translateX(-50%); */
  }
  
  .main_page_content_box .scroll_arrow_gif2{
    position: absolute;
    top: 11.4%;
    width: auto;
    height: 7vh;
    opacity: .6;
    left: 57%;
    transform: rotate(90deg);
    /* transform: translateX(-50%); */
  }
  
  .start_btn{
    position: absolute;
    top: 12%;
    width: 130px;
    height: 45px;
    border: none;
    box-shadow: 5px 5px 20px 1px rgba(119, 119, 119, .5);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    background-image: url('/cefcamp/images/bible/17/img2/start_01.png');
    background-position: center;
    background-size: contain;
    background-color: #ffffff;
    padding: 20px;
  }
  
  .start_btn:hover{
    box-shadow: 5px 5px 20px 1px rgba(119, 119, 119, .3);
    cursor: pointer;
    transition-duration: .4s;
    width: 140px;
    height: 50px;
  }
  
  .start_btn:hover .cyan_pic{
    /* height: 120%; */
    margin-left: -50px;
    left: -300px;
    transition: 4s;
  }
  /*----------- 首頁第一幕 △ -----------*/
  
  
  /*----------- 首頁第一幕 動畫 ▽ -----------*/
  .cyan_pic_anm{
    animation-name: start_cyan_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_cyan_pic {
    0%{
      left: 0;
      opacity: 1;
    }
  
    20%{
      opacity: 1;
    }
  
    100%{
      left: -300px;
      opacity: 0;
    }
  }

  .syan_dot_bg_box_anm{
    animation-name: start_syan_dot_bg_box_anm;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
  }

  @keyframes start_syan_dot_bg_box_anm {
  
    100%{
      display: none;
    }
  }
  
  .dot_pic_anm{
    animation-name: start_dot_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_dot_pic {
    0%{
      left: 0;
      opacity: 1;
    }
  
  /*   20%{
      opacity: 1;
    } */
  
    100%{
      left: 300px;
      opacity: 0;
    }
  }
  
  .red_pic_anm{
    animation-name: start_red_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_red_pic {
    0%{
      top: 0;
      opacity: 1;
    }
  
    100%{
      top: -300px;
      opacity: 0;
    }
  }
  
  .cross_pic_anm{
    animation-name: start_cross_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_cross_pic {
    0%{
      top: 0;
      left: 0;
      opacity: 1;
    }
  
    100%{
      top: -300px;
      left: 100px;
      opacity: 0;
    }
  }
  
  .soldier_pic_anm{
    animation-name: start_soldier_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_soldier_pic {
    0%{
      left: 0;
      opacity: 1;
    }
  
    100%{
      left: -300px;
      opacity: 0;
    }
  }
  
  .idol_pic_anm{
    animation-name: start_idol_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_idol_pic {
    0%{
      left: 0;
      top: 0;
      opacity: 1;
    }
  
    100%{
      left: 100px;
      top: 300px;
      opacity: 0;
    }
  }
  
  .rabbi_pic_anm{
    animation-name: start_rabbi_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_rabbi_pic {
    0%{
      left: 0;
      opacity: 1;
    }
  
    100%{
      left: 300px;
      opacity: 0;
    }
  }
  
  .paul_pic_anm{
    animation-name: start_paul_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_paul_pic {
    0%{
      top: 30%;
      left: 36.2%;
      height: 53%;
    }
  
    100%{
      top: 12%;
      left: 34%;
      height: 86%;
      filter: brightness(1.05);
      /* filter: contrast(.8); */
    }
  }
  
  .arena_pic_anm{
    animation-name: start_arena_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_arena_pic {
    0%{
      top: 0;
      opacity: 1;
    }
  
    100%{
      top: 300px;
      opacity: 0;
      display: none;
    }
  }
  
  .camp_name_pic_anm{
    animation-name: start_camp_name_pic;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_camp_name_pic {
    0%{
      top: 0;
      opacity: 1;
    }
  
    100%{
      top: 400px;
      opacity: 0;
      display: none;
    }
  }
  
  .start_btn_anm{
    animation-name: start_btn_anm;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes start_btn_anm {
    0%{
      opacity: 1;
  
    }
  
    100%{
      opacity: 0;
    }
  }
  
  .scroll_arrow_gif_anm{
    animation-name: scroll_arrow_gif_anm;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes scroll_arrow_gif_anm {
    0%{
      opacity: 1;
  
    }
  
    100%{
      opacity: 0;
    }
  }
  
  .scroll_arrow_gif2_anm{
    animation-name: scroll_arrow_gif2_anm;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes scroll_arrow_gif2_anm {
    0%{
      opacity: 1;
  
    }
  
    100%{
      opacity: 0;
    }
  }
  
  .sy_left_pic_anm{
    animation-name: sy_left_pic_anm;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes sy_left_pic_anm {
    0%{
      opacity: 1;
      /* left: 0; */
    }
  
    100%{
      opacity: 0;
      /* left: -500px; */
    }
  }
  
  .sy_right_pic_anm{
    animation-name: sy_right_pic_anm;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes sy_right_pic_anm {
    0%{
      opacity: 1;
      /* right: 0; */
    }
  
    100%{
      opacity: 0;
      /* right: -500px; */
    }
  }
  /*----------- 首頁第一幕 動畫 △ -----------*/
  
  
  
  
  /*----------- 首頁第二幕 ▽ -----------*/
  .camp_title_pic, .paul_red_filter, .paul_light_filter{
    position: absolute;
  }
  
  .camp_title_pic{
    height: 84vh;
    left: 56%;
    top: -100vh;
  }
  
  .paul_red_filter{
    height: 100%;
    /* opacity: 0; */
  }
  
  .paul_light_filter{
    height: 100%;
    /* opacity: 0; */
  }
  
  /* .paul_filter_layer{
    height: 100%;
    position: absolute;
    right: 50%;
  } */
  
  .paul_red_filter{
    mix-blend-mode: color-burn;
    position: absolute;
    top: 12.4%;
    left: 34.1%;
    height: 85.4%;
    opacity: 0;
  }
  
  .paul_light_filter, .paul_light_filter2{
    mix-blend-mode: soft-light;
    position: absolute;
    top: 12.4%;
    left: 34.1%;
    height: 85.4%;
    opacity: 0;
  }
  
  .paul_light_filter2{
    mix-blend-mode: lighten;
  }
  
  .main_page_btn_box{
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
    /* opacity: 0; */
    z-index: 10;
    width: 100%;
    height: 100px;
  }
  
  .main_page_main_btn{
    width: 120px;
    height: 45px;
    border-radius: 20px;
    margin: 15px;
    border: .1px solid #ffffff;
    background: rgba(255, 255, 255, .23);
    backdrop-filter: blur(10px);
    box-shadow: 5px 5px 20px 3px rgba(119, 119, 119, .6);
    font-size: 1.2rem;
    font-weight: 600;
    display: flex;
    color: #277a93;
    justify-content: center;
    align-items: center;
  }
  
  .main_page_main_btn:hover{
    /* background: #d04442; */
    box-shadow: 5px 5px 20px 1px rgba(119, 119, 119, .6);
    transition-duration: .5s;
    color: #38c590;
    font-weight: 700;
    border: 3px solid  #38c590;
    cursor: pointer;
  }
  
  .main_page_content_box_2{
    width: 131.58vh;
    height: 100vh;
    position: absolute;
    /* border: 2px solid black; */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .red_dot_bg_box{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    /* border: 2px solid red; */
    z-index: -50;
  }
  
  .red_dot_bg_left{
    position: absolute;
    height: 100vh;
    left: -100vw;
  }
  
  .red_dot_bg_right{
    height: 100vh;
    position: absolute;
    right: -100vw;
  }
  /*----------- 首頁第二幕 △ -----------*/
  
  
  
  
  
  
  
  
  /*---------- footer ▽ ----------*/
    
  footer{
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  
    background-color: #e1cd63;
      /*  margin: 0;  */
    }
  
  .footer_block{
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 5% 0;
    vertical-align: top;
    color: #fff;
  }
  .footer_logo_block{
    display: inline-block;
    width: 18%;
    opacity: 0.4;
    vertical-align: top;
  }
  .footer_logo_block img{
    width: 60%;
  }
  .footer_logo_block a:hover{
    opacity: 0.6;
  }
  .footer_right_block{
    display: inline-block;
    width: 73%;
    margin-left: 8%;
    vertical-align: top;
  }
    .footer_right_block a:hover{
        opacity: 0.6;
    }
  .footer_link_block{
    display: inline-block;
    width: 20%;
    vertical-align: top;
  }
  
  .footer_ul_title{
    font-size: 1em;
    opacity: 0.6;
    margin-bottom: 20px;
    letter-spacing: 0.05rem;
  }
  .footer_li{
    margin-bottom: 10px;
    list-style-type: none;
    font-size: 0.8rem;
    letter-spacing: 0.01rem;
  }
  
  .footer_ul_s{
    padding-left: 0;
  }
  
  .footer_li a{
    color: #fff;
    margin-left: 0;
    list-style-type: none;
  }
  .footer_connect_block{
    display: inline-block;
    width: 35%;
    vertical-align: top;
        margin-left: 0;
  }
  .footer_connect_logolink{
    display: block;
    width: 100%;
    margin-top: 20px;
  }
  .footer_connect_logolink_img{
    display: inline-block;
    width: 15%;
    margin-right: 5px;
  }
  .footer_connect_logolink_img img{
    width: 100%;
  }
  .footer_connect_logolink_img a:hover{
    opacity: 0.6;
  }
  .footer_support_subscribe{
    display: inline-block;
    width: 39%;
    margin-left: 3%;
    /*float: right;*/
  }
  .footer_subscribe_block{
    display: inline-block;
        margin-bottom: 5%;
  }
  .footer_subscribe_block input{
    width: 70%;
    height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 1em;
        margin-bottom: 16px;
  }
  .footer_subscribe_block button{
    height: 30px;
    padding: 0 10px;
    margin-left: 10px;
    color: #fff;
    background-color: #777;
    border-radius: 5px;
    font-size: 1em;
  }
  .footer_subscribe_block button:hover{
    opacity: 0.6;
    cursor: pointer;
  }
  .footer_support_block{
    width: 70%;
    font-size: 1.3em;
    text-align: center;
    letter-spacing: 3px;
    border: 1px #fff solid;
    padding: 10px;
    border-radius: 15px;
    margin-top: 5%;
  }
  .footer_support_block:hover{
    transition: opacity .2s;
    opacity: 0.6;
    color: #fff;
  }
  .footer_support_block a{
    color: #fff;
  }
  .footer_support_block a:hover{
    color: #fff;
    font-weight: normal;
  }
  .footer_copyright_block{
    margin-top: 50px;
    display: block;
    width: 100%;
    opacity: 0.3;
    font-size: 0.5rem;
  }
  
    
  /* --平板版型------------------------------------- */
  @media screen and (min-width:768px) and (max-width: 1024px) {
    
  /* .main_pic_block{
    width: 100vw;
    height: calc(100vh - 60px);
    margin-top: 60px;
    background: #eeeef0;
    background-image: url("/cefcamp/images/bible/2025/2025_bible_main_mobile_portrait.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
  } */
    
    footer{
      margin-top: 0; 
      margin-bottom: 0;
      padding: 1% 0;
      font-size: 0.8em;
    }
    .footer_right_block{
      margin-left: 5%;
    }
    .footer_ul_title{
      font-size: 1em;
    }
    .footer_li{
      font-size: 1em;
      font-size: 0.9em;
    }
    .footer_connect_block{
      width: 45%;
    }
      .footer_link_block{
      width: 20%;
      }
    .footer_connect_logolink_img{
      width: 20%;
    }
          .footer_subscribe_block{
                  display: block;
                  width: 100%;
      margin-top: 5%;
          }
  
  
  
  }
  
  
  /* --手機版型------------------------------------- */
  @media screen and (max-width: 767px) {
    
.main_pic_block{
    background-image: url("/cefcamp/images/bible/2026/main_bg_mob_2.jpg");
  }

  .main_pic_text_left{

    background-image: url("/cefcamp/images/bible/2026/main_left_text_mob.png");
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
  }
  
  .main_pic_text_right{
    background-image: url("/cefcamp/images/bible/2026/main_right_text_mob.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
  }

    footer{
      width: 100%;
      margin-top: 0;
      margin-bottom: 0;
    }
    .footer_block{
  
    }
    .footer_logo_block{
      display: block;
      width: 65%;
      margin-top: 50px;
    }
    .footer_right_block{
      display: block;
      width: 100%;
      margin-left: 0;
      margin-left: auto;
      margin-right: auto;
    }
    .footer_link_block{
      display: block;
      width: 100%;
      margin-top: 10%;
    }
    .footer_connect_block{
      display: block;
      width: 100%;
      margin-top: 30px;
    }
    .footer_ul{
      font-size: 1em;
    }
    
    .footer_copyright_block{
      font-size: 0.8em;
                  /*margin-top: 300px;*/
                  margin-top: 50px;
      margin-bottom: 30px;
    }
  
    .footer_logo_block{
          display: none;
        }
  
  /*  
    footer p{
      width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
  */
  }
  /*---------- footer △ ----------*/
  
  
  
    @media screen and (max-width: 650px) {
    
.main_page_btn_box{
    /* justify-content: flex-start; */
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 30px;
    height: 150px;
}

.main_page_main_btn{
    margin: 0;
    width: 100px;
    height: 40px;
    border-radius: 17px;
    font-size: 1rem;
}

}
  
  
  
  
  
  
  /*----------- 首頁第二幕 動畫 ▽ -----------*/
  .camp_title_pic_anm{
    animation-name: camp_title_pic_anm;
    animation-duration: 4.5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes camp_title_pic_anm {
    0%{
      top: -100vh;
    }
  
    100%{
      top: 12vh;
    }
  }
  
  .paul_red_filter_anm{
    animation-name: paul_red_filter_anm;
    animation-duration: 2s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes paul_red_filter_anm {
    0%{
      opacity: 0;
    }
  
    100%{
      opacity: .97;
    }
  }

  .red_dot_bg_right_anm{
    animation-name: red_dot_bg_right_anm;
    animation-duration: 5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes red_dot_bg_right_anm {
    0%{
      opacity: 0;
    }
  
    100%{
      opacity: 1;
      right: 0;
    }
  }
  
  .red_dot_bg_left_anm{
    animation-name: red_dot_bg_left_anm;
    animation-duration: 5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease;
  }
  
  @keyframes red_dot_bg_left_anm {
    0%{
      opacity: 0;
    }
  
    100%{
      opacity: 1;
      left: 0;
    }
  }
  
  .section_brief_box{
    display: block;
    background-image: url(/cefcamp/images/bible/2026/bg1-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .section_brief_box_appear{
    display: block;
  }
  
  .bible_17_footer{
    /* display: none; */
    margin-top: -10px;
  }
  
  .bible_17_footer_appear{
    display: block;
    margin-top: -10px;
  }
  /*----------- 首頁第二幕 動畫 △ -----------*/
  
  
  
  
  
  /*----------- 首頁 介紹 ▽ -----------*/
  .section_brief{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* background-color: #ffffff; */
  }
  
  .brief_text_box{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 0 30px 0 0;
    line-height: 26px;
  }
  
  .brief_text_title{
    padding: 10px 0;
    font-size: 1.4rem;
    color: #1a73a0;
    font-size: 2rem;
    /* -webkit-text-stroke-width: 1.1px; */
    -webkit-text-stroke-color: black;
    /* new */

    font-weight: 700;
  }
  
  .brief_pic_01{
    width: 50%;
    height: 100%;
    /* border: 3px solid #0e5d71; */
    background-image: url('/cefcamp/images/bible/2026/1-1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* transform: translateZ(-50px) scale(2); */
    /* z-index: 3; */
    /* overflow: hidden; */
  }
  
  .brief_pic_02{
    width: 50%;
    height: 100%;
    /* border: 3px solid #0e5d71; */
    background-image: url('/cefcamp/images/bible/2026/2.jpg');
    /* background-image: url('/cefcamp/images/bible/2025/pic09_1024-gau.jpg'); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  
  }
  
  .brief_text{
    text-align: right;
    padding: 0 0 20px 20%;
    color: #352f36;
  }
  
  .title_left, .text_left{
    text-align: left;
  }
  
  .text_left{
      padding: 0 20% 10px 0;
  }
  
  .brief_text_box_left{
    align-items: flex-start;
    padding: 0 0 0 30px;
  }
  
  .yt_box{
    width: 100vw;
    height: 56.2vw;
  }
  
  iframe{
    width: 100vw;
    height: 56.2vw;
  }
  
  
    
  /* @media only screen and (max-width: 830px){

    .main_page_btn_box{
      
      align-items: end;
      width: 250px;
      
    }
} */
  
  
  
  @media screen and (max-width: 585px){

    .section_brief{
      flex-direction: column-reverse;
      height: auto;
    }
  
    .section_brief_02{
      flex-direction: column;
    }
  
    section{
      /* height: auto; */
      /* overflow-x: auto; */
    }
  
    .brief_text_box{
      width: 90%;
    }
  
    .brief_pic_01, .brief_pic_02{
      width: 100%;
      height: 30vh;
    }
  
    /* .brief_pic_02{
      background-image: url('/cefcamp/images/bible/17/main_01_01.jpg');
    } */
  
    .brief_text_box{
      padding: 25px 0 25px 0;
      align-items: flex-start;
    }
  
    .text_left{
      padding: 0 0 15px 20%;
    }
  
    .brief_text{
      text-align: left;
      padding: 0 0 15px 20%;
    }
  
    .brief_text_title{
      text-align: left;
      font-size: 1.3rem;
    }
  }
  /*----------- 首頁 介紹 △ -----------*/
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media screen and (max-width: 865px){

    .sy_left_pic{
      position: absolute;
      left: -20vw;
    }
  
    .sy_right_pic{
      right: -20vw;
    }
  
    @keyframes red_dot_bg_right_anm {
      0%{
        opacity: 0;
      }
  
      100%{
        opacity: 1;
        right: -20vw;
      }
    } 
  
   @keyframes red_dot_bg_left_anm {
      0%{
        opacity: 0;
      }
  
      100%{
        opacity: 1;
        left: -20vw;
      }
  }
  



  @media screen and (max-width: 600px){

   @keyframes main_page_btn_box_anm {
      0%{
        opacity: 0;
        left: -50%;
      }
  
      100%{
        opacity: 1;
        left: 18%;
      }
    }
  }
  
  @media screen and (max-width: 500px){

  
    .sy_left_pic{
      position: absolute;
      left: -160px;
    }
  
    .sy_right_pic{
      right: -160px;
    }
  
    .main_page_content_box, .main_page_content_box_2{
      /* top: 2%; */
      left: 49%;
      transform: translateX(-50%);
    }
  
      @keyframes red_dot_bg_right_anm {
      0%{
        opacity: 0;
      }
  
      100%{
        opacity: 1;
        right: -220px;
      }
    }
  
    @keyframes red_dot_bg_left_anm {
      0%{
        opacity: 0;
      }
  
      100%{
        opacity: 1;
        left: -220px;
      }
    }
      @keyframes start_paul_pic {
      0%{
        top: 30%;
        left: 36.2%;
        height: 53%;
      }
  
      100%{
        top: 8.4%;
        left: 37%;
        height: 85.5%;
        filter: brightness(1.05);
        /* filter: contrast(.8); */
      }
    }
  
    .paul_red_filter{
      left: 37.1%;
      top: 8.7%;
      height: 85%;
    }
  
    .paul_light_filter, .paul_light_filter2{
      left: 37.1%;
      top: 8.7%;
      height: 85%;
    }
  
    .camp_title_pic{
      left: 49%;
      z-index: 10;
      height: 72vh;
    }
  
    @keyframes camp_title_pic_anm {
      0%{
        top: -100vh;
      }
  
      100%{
        top: 9.7vh;
      }
    }

  
    @keyframes main_page_btn_box_anm {
      0%{
        opacity: 0;
        bottom: -10vh;
        left: 50%;
        transform: translateX(-50%);
      }
  
      100%{
        opacity: 1;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
    }
  
    .start_btn{
      width: 110px;
      height: 38px;
    }
  }
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media only screen and (min-width: 899.1px){
    .fast_button_container{
      display: none;
    }
    .login_switch .section_main{
      display: block;
  }
    
  }
  
  
  
  
  /*         app login main page start         */
  
  
  @media only screen and (max-width: 899px){
  

  .mobile_fast_main{
    margin: 0;
    padding: 0;
    display: none;
  }
  
  .login_switch .mobile_fast_main {
      display: block;
  }

  .login_switch .section_main {
	display: none;
}
  
  .main_visual_img{
    /* background-image: url('/cefcamp/images/bible/17/app_banner.png'); */
    background-image: url('/cefcamp/images/bible/2026/app_main_vi.jpg');
    width: 95%;
    padding-bottom: 37%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    margin: 12px auto 10px auto;
    /* position: fixed; */
    /* top: 70px; */
    /* top: 10px;
    left: 50%;
    transform: translateX(-50%); */
  }
  
  	/* (2025/01/07) swipe ad --start  */
	.main_page_swipe {
		overflow: hidden;
		visibility: hidden;
		position: relative;
	  	width: 95%; 
	  	margin: 12px auto 10px auto;
	  	border-radius: 20px;
	}
	.main_page_swipe .p-swipe-wrap {
		overflow: hidden;
		position: relative;
	}
	.main_page_swipe .p-swipe-wrap > div {
	  	float: left;
	  	width: 100%;
	  	position: relative;
	}
	
	.main_page_swipe .p-swipe-wrap > div .p_swipe_data { 
		width: 100%;
	  	height: 0; 
	    padding-bottom: 40.43%; 
	    background-size: contain;
	    background-position: center;
	    background-repeat: no-repeat;
	    border-radius: 20px;
	    border: 2px solid transparent;
	}
	
	/* (2025/01/07) swipe ad */
	.main_page_swipe #p_swipe_data_1 {
		background-image: url('/cefcamp/images/bible/2025/2025_bible_main_landscape_mobile.jpg');
	}
	.main_page_swipe #p_swipe_data_2 {
		background-image: url('/cefcamp/images/bible/2025/main_page/book_discount.jpg');
	}
	.main_page_swipe #p_swipe_data_3 {
		background-image: url('/cefcamp/images/bible/2025/main_page/double_book_ad.jpg');
	}
	.main_page_swipe #p_swipe_data_4 {
		background-image: url('/cefcamp/images/bible/2025/main_page/book_day_1.jpg');
	}
	.main_page_swipe #p_swipe_data_5 {
		background-image: url('/cefcamp/images/bible/2025/main_page/book_day_2.jpg');
	}
	.main_page_swipe #p_swipe_data_6 {
		background-image: url('/cefcamp/images/bible/2025/main_page/book_day_3.jpg');
	}
	.main_page_swipe #p_swipe_data_7 {
		background-image: url('/cefcamp/images/bible/2025/main_page/book_day_4.jpg');
	}
	.main_page_swipe #p_swipe_data_8 {
		background-image: url('/cefcamp/images/bible/2025/main_page/live_water_1.jpg');
	}
	.main_page_swipe #p_swipe_data_9 {
		background-image: url('/cefcamp/images/bible/2025/main_page/live_water_2.jpg');
	}
	.main_page_swipe #p_swipe_data_10 {
		background-image: url('/cefcamp/images/bible/2025/main_page/live_water_3.jpg');
	}
	/* (2025/01/07) swipe ad --end  */
  
  .fast_button_container{
    /* margin: 300px 10px 20p 10px; */
    /* padding-top: 40%; */
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto 13.5px auto;
  }
  
  .fast_button_block{
    width: 33.333%;
    text-align: center;
    /* margin: 2%; */
  
  }
  
  .fast_button{
    width: 70%;
    padding-bottom: 70%;
    background-size: cover;
    border: none;
    border-radius: 20px;
    box-shadow: 7px 3px 15px 3px rgba(0, 0, 0, 0.1);
  }
  
  .fast_button:active{
    transition-duration: 0.2s;
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.24);
  }
  
  .btn_about{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/about_fast_01.png');
  }
  
  .btn_promote{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/promote_fast_01.png');
  }
  
  .btn_news{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/news_fast_01.png');
  }
  
  .btn_lodging{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/lodging_fast_01.png');
  }
  
  .btn_personal{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/2026/personal_fast.jpg');
  }
  
  .btn_venue{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/venue_fast_01.png');
  }
  
  .btn_question{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/question_fast_01.png');
  }
  
  .btn_FAQ{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/2026/FAQ_fast.jpg');
  }
  
  .btn_introduce{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/introduce_icon_01-05.png');
  }
  
  .btn_video{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/2026/video_fast.jpg');
  }
  
  .btn_program_list{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/program_list_icon.png');
  }
  
  .btn_attendance_notice{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/attendance_notice_icon.png');
  }
  
  .btn_oppnact{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/oppnact.png');
  }
  
  .btn_bible_plan{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/bible_plan.png');
  }
  
  .btn_venue{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/fast_button_venue.png');
  }

  .btn_active{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/active.png');
  }
  
  .btn_share_platform{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/fast_button_share_platform.png');
  }

  .btn_select_class{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/select_class_icon.png');
  }

  .btn_map{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/map.png');
  }

  .btn_pray_info{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/16/pray.png');
  }

  .btn_coach_place{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/2025/coach_place_02.png');
  }

  .btn_pray_place{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/2025/pray_place_04.png');
  }
  
  .fast_button_name_bold{
    font-weight: 700;
    color: #000000;
  }
  
  .fast_button_name{
    margin: 10px 10px 0 10px;
    color: #707070;
    font-size: 0.8rem;
    letter-spacing: 0.07rem;
  }
  
  .book_store_block_login{
    width: 100%;   /*  ****  */
    height: auto;
    padding-top: 10px;
    margin: 0 auto 10px auto;
    overflow-x: auto;
    white-space: nowrap;
    background-color: #ffffff;
    scroll-snap-align: center;
    /* position: fixed;   
    bottom: 0;      */
  }
  
  .book_store_img{
    margin: 0 10px;
    background-size: cover;
    width: 95%;
    padding-bottom: 38%;
    border-radius: 20px;
    box-shadow: 7px 3px 14px 3px rgba(0, 0, 0, 0.1);
    display: inline-block;
    scroll-snap-align: center;
  }

  .book_store_01{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈0116-0119.jpg');
  }

  .book_store_02{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈0116.jpg');
  }

  .book_store_03{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈0117.jpg');
  }

  .book_store_04{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈0118.jpg');
  }

  .book_store_05{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈0119.jpg');
  }

  .book_store_06{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/老黃說新書-如何閱讀聖經.png');
  }

  .book_store_07{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/老黃說新書-耶穌作王什麼意思.png');
  }
  
  .ad_book{
    margin: 0 10px;
    width: 27%;
    padding-bottom: 38%;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
    box-shadow: 7px 3px 15px 3px rgba(0, 0, 0, 0.1);
    display: inline-block;
    scroll-snap-align: center;
  }
  
  .book_01{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈書攤優惠_官網1.jpg');
  }
  
  .book_02{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈書攤優惠_官網2.jpg');
  }
  
  .book_03{
    background-image: url('https://www.cef.tw/cefcamp/images/bible/17/ad/2024大靈書攤優惠_官網3.jpg');
  }
  
  
  a{
    text-decoration: none;
  }
  
  
  
  
  
  
  
  .login_switch .main_image_block, .login_switch .book_store_block, .login_switch .bs_content_block{
      display: none;
  }
  
  }
  
  
  
  

  .login_switch .book_store_block, .login_switch .bs_content_block{
    /* display: none; */
  }
  
}
  
  
  
  
  @media only screen and (min-width: 499px){
    .fast_button_name{
      font-size: 1rem;
    }
  }
  
  
  
  /*         app login main page end         */