/* @media (max-width: 1189px){
  .navbar-collapse.show{
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-bottom: -3px;
    border-bottom: 3px solid #50BEAF;
  }
} */

.footer .container{ padding-left: 40px; padding-right:40px; padding-bottom: 40px;} 
.footer p{line-height: 1.5; margin-bottom: 20px;}
.footer p.small{ margin-top: 20px;}
/* KV */
@media (max-width: 1250px){
  .sv_kv_intro p{ font-size: 16px; } 
  .sv_kv_intro_relative { min-height: 160px; border: 0px solid white;}
}
@media (min-width: 960.98px) and (max-height: 770px){
  .sv_kv_static { height: 670px;}
  .sv_kv_fixed { height: 600px;}  
  .sv_kv_brain{ margin-bottom: -40px; max-width: 600px;}
}
@media (min-width: 960.98px) and (max-height: 670px){
  .sv_kv_static { height: 600px;}
  .sv_kv_fixed { height: 530px;}  
}
@media (max-width: 1190px){
  .sv_kv_static { height: 670px;}
  .sv_kv_fixed { height: 600px;}
  .sv_kv_intro_relative { min-height: 200px; }
/* 影片 */
  .fund_left_txt { width: 100%; }
  .o-income-ai { padding-top: 0!important; }
  .video_body{ padding-top: 0px; }
  .o-income-ai__right{ max-width: 460px; margin-left: auto; margin-right: auto; width: 80%;}
  .video_btn_wrapper{ margin: -25px auto 20px auto;}
}
@media (max-width: 1090px){
   .sv_kv_intro_relative { min-height: 220px; }
}
@media (max-width: 1190px){
  .sv_kv_static { height: 600px;}
  .sv_kv_fixed { height: 530px;} 
  .sv_kv_brain{ margin-bottom: -20px; }
}
@media (max-width: 960px){
  .sv_kv_static { height: 970px; height: 870px;}
  .sv_kv_fixed { height: 900px; height: 800px;}
  .sv_kv_wrapper{ flex-direction: column; justify-content: flex-start;}
  .sv_kv_txt { width: 100%; }
  .sv_kv_title { width: 50%;}
  .sv_kv_intro { max-width: none; width: 90%; padding-bottom: 10px; margin-top: 10px;}
  .sv_kv_intro_relative { min-height: 110px;}
  .sv_kv_brain { width: 500px; margin-top: -40px; }
  .sv_kv_intro p{ font-size: 14px; } 
  .scroll { top: -30px;}

  /* .footer .container{ padding-left: 40px; padding-right:40px;} */
}
@media (max-width: 767.98px){
  .header .navbar-toggler.mobilemenu { top: 5px; }
}
@media (max-width: 700px){
  body{ overflow-x: hidden; }
  .sv_kv_brain { width: 320px; margin-top: -30px; margin-right: 10px; z-index: 7;}
  .mainWrap { height: 100%; }
  .sv_kv_title { width: 80%; max-width: 300px;}
  .sv_kv_static { height: 600px;}
  .sv_kv_fixed { top: 45px; height: 530px;}
  .sv_kv_title { width: 60%; }
  .sv_kv_intro p{ font-size: 12px; letter-spacing: 0;} 
  .scroll_content{width: 100px; margin-left: 5%;}
}
@media (max-width: 700px){
  .sv_kv_intro_relative { min-height: 100px;}
}
@media (max-width: 600px){
  .sv_kv_intro_relative { min-height: 120px;}
   .sv_kv_brain{ margin-top: -40px;}
}
@media (max-width: 430px){
  .sv_kv_intro_relative { min-height: 140px;}
  .sv_kv_static { height: 580px;}
  .sv_kv_fixed { top: 45px; height: 510px;}  
  .sv_kv_brain{ margin-top: -40px; margin-right: -10px; width: 310px; }  
}
@media (max-width: 390px){
  .sv_kv_intro_relative{min-height: 145px;}
  .sv_kv_brain{ margin-top: -50px;}
}
@media (max-width: 360px){
  .sv_kv_intro_relative{min-height: 160px;}
  .sv_kv_brain{ margin-top: -50px;}
}
@media (max-width: 340px){
  .sv_kv_title{ width: 50%;}
  .sv_kv_static{ height: 470px; }
  .sv_kv_fixed{ height: 400px; }
  .sv_kv_intro_relative{min-height: 165px;}
  .sv_kv_brain{ margin-top: -40px; width: 220px; }


}
@media (max-width: 480px){
  .navbar-brand{ height: 40px; }
  .navbar-brand img.img_fluid{ width: auto; height: 100%; }
}
 /*12種特徵*/
@media (max-width: 1050px){
  .analyze_cube div { padding: 0; max-width: 90px; height: 90px; font-size: 17px; display:flex; align-items: center; justify-content: center;}
  .analyze_cube div span{ margin-top: 8px; }
  .analyze_cube { max-width: 813px;}
}

@media (max-width: 960px){
 .analyze_stage{ width:105%; background-position-y: 300px; background-size: 110% auto;}
 .relative_kind{
    width: 280px;
    border: 0px solid red;
    top: auto;
    bottom: -55px;
    right: 0;
    left: calc(50% - 140px);
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .relative_people { max-width: none;}
  .relative_kind > *{ margin-right: 10px; }
  .analyze_result{margin-top: 40px;}
  .role_tag { font-size:15px; padding: 2px 12px 0 12px; margin: 0 2px;}  
  /* 平板上拿掉hover效果 */
  .people:hover::before{
    opacity: 0;
    transition: 0s;
  }
  .people.active::before, .people.active:hover::before{
    opacity: 1;
    transition: .2s;
  }
}
@media (max-width: 813px){
  .analyze_cube{ width: 100%;}
  .analyze_cube div { margin: 10px;}
}
@media (max-width: 760px){
  .people, .people::before, .people::after, .people img{ width: 80px; }  
  .people::before { width: 80px; background-size: 80px auto;}
  .people::after {font-size: 12px; bottom: 5px;}
  .woman{ left: 13.5%; }
  .girl{ left:30.5%; }
  .s_type4{ left:46% }
  .s_type5{ left:61% }
  .s_type6 { left: 76.5%}
  .girl::after{ margin-left: -4px;}
  .analyze_stage{  
    background-size: 120% 140px; background-position-y: 160px;}
  .relative_box{height: 150px; max-width: 400px; margin-left: 5px;}
  .relative_kind > *{ margin-right: 10px; }
  .relative_kind{bottom: -45px;}
  .role_avatar{ width: 60px; }
  .role_tag_up, .role_tag_down{flex-wrap: wrap; padding: 5px 0;}
  .role_tag{ font-size: 13px; height: auto; line-height: 1.4;
    padding: 8px 10px 4px 10px; margin: 2px; }
  .analyze_result{ margin-top: 40px;}  
  .analyze_cube { width: 100%; margin-left: auto; max-width: 500px;}
  .analyze_cube div { max-width: 70px; height: 70px; font-size: 16px; 
    display:flex; align-items: center; justify-content: center;
    flex: 0 0 auto; padding: 0; margin: 5px;}
  .analyze_cube div span{ margin-top: 8px; }
}
@media (max-width: 480px){
  .role_tag_wrapper{ width: calc(100% - 60px); }
}
@media (max-width: 760px){
  /* general */
  body, html{ font-size: 16px; }
 .survey_btn{ height: auto;
    line-height: 1.3;
    padding: 10px 20px;
  font-size: 18px; }

  p{line-height: 1.5;}
  .sec_wrapper{padding-top: 20px;}
  .fund_left_title{ font-size: 20px!important;}
  .school_header_in {text-align: center; margin-bottom:30px; height: 80px;}
  .video_header_in{ height: 24px;}
  .video_body{ padding-top: 0px;}
  .fund_left_txt p{font-size: inherit;}
  .fund_main{ padding-bottom: 70px;}
  /**/
  /* 6個 */
  .sec_6kinds{padding-top: 50px;}
  .sec_wrapper.stage_body{margin-top: -10px;}
  .idSwiper_Role .swiper-slide{display:flex; justify-content: center;}
  .stage_intro { margin-top: 20px; }
  .stage_article img{ width: 180px; height: auto;}
  .stage_article p{ font-size: 14px;}
  .swiper-container{ margin-top: 20px;}
  .swiper-button-next, .swiper-button-prev{width: 40px; height: 40px;}
  .swiper-container.idSwiper_Role{background-size: 280px auto;}
  .mybox_role img{ width: 200px }
  .mybox_role { width: 200px; height: 200px }
  .swiper-container.idSwiper_Role{ padding-bottom: 30px;}
  .idSwiper_Role_div .swiper-button-next, .idSwiper_Role_div .swiper-button-prev{top: 30%;}
  .swiper-pagination.idPagi_Role{margin-top: 10px;}

}

 /* 三大 poup */
@media (max-width: 1100px){
  .popup_h4 { text-align: left;}
}
@media (max-width: 960px){
  .popup-scroll-wrapper{ max-height: 70vh; }
  
  /* pad 拿掉左右<- -> */
  .rb-modal-prev, .rb-modal-next{display: none;}
  .popup_h4{ width: calc(100% - 70px); margin-left: 10px; }
  .popup-inner{width: 100%;}
} 
@media (max-width: 760px){
  .popup-close {
    width:40px;
    height:40px;
    line-height:32px !important;
    top: 20px;
    right: 10px;
    border-radius:50%;
    font-size:34px;
  }
  .rb-modal-prev, .rb-modal-next{
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
  }
  .rb-modal-prev:after, .rb-modal-next:after{
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
  .rb-modal-prev{ left: 10px;}
  .rb-modal-next{right: 10px;}  
}
@media (max-width: 600px){
  .popup_h4{ font-size: 20px; width: calc(100% - 50px);}
  .popup_h4 > span{ width: 20px; }
  .popup-scroll-wrapper{ max-height: 350px; margin-right: 10px; margin-left: 10px;}
  .popup-scroll{ padding: 10px 20px 10px 0; width: 100%;}
  /* .popup-scroll{ width:90%;} */
  .rb-modal-prev{ left: 5px;}
  .rb-modal-next{right: 5px;}   
}

/* 分數 */
@media (max-width: 1190px){
  .score_header_content{
    padding: 0 0 80px 0;
    min-height: 200px;
    /* background-size: 150px auto, 200px auto;
    background-position: calc(40% - 50px) bottom, calc(40% + 120px) bottom; */
    background: none;
  }
  .score_btn_wrapper{ flex-wrap: wrap; margin-top: 30px;}
  .score_btn_wrapper .survey_btn{ margin: 10px auto; }
  /* .score_board{ margin-top: 0px; margin-bottom: 0px;} */
  /* .dashboard_wrapper_relative{ transform: scale(0.8); transform-origin: center;} */
  .dashboard_wrapper_relative, .dashboard_bg, .dashboard_bg svg{ width: 320px; height: 200px; }
  .dashboard_57{ right: 62px; font-size:48px; top:-5px}
  .dashboard_title{ font-size: 16px;}
  .score_board{ margin-bottom: 0;}
}
@media (max-width: 760px){
  .score_header_p{ margin-top:0; } 
  .score_header{padding-top: 30px;}
  
  .score_body_in{ width:90%; }
  .score_circle_box{ transform: scale(0.75); transform-origin: center top;
  margin-left: -10px; margin-right: -10px;}
  .score_bullet{ margin: 0 5px 3px 5px; }
  .score_note p, .score_article_note{font-size: 13px;}
  .score_circle_wrapper{height: 150px; padding-top: 30px; padding-bottom:20px; }
}
@media (max-width: 375px){
  .dashboard_pointer{ bottom: 60px; }
  .dashboard_title{ bottom: 26px;} 
  .dashboard_57{right: 60px;}  
  .score_board{margin-bottom: 10px; margin-top: -140px;}
}

/* 三大 */
@media (max-width: 960px){
  .tp_box{ max-width: none!important; min-width: auto!important; justify-content: flex-start; margin: 0;}
  .tp_box_wrapper{ width: 30%; margin: 0 1.5%;}
}
@media (max-width: 760px){
  .tree_point{padding-top: 50px; padding-bottom: 100px;}
  .tp_main{
    flex-direction: column; align-items: center; justify-content: center;
  }
  .tp_box_wrapper { width: 90%; margin: 5px 0; }
  .tp_box { flex-direction: row; margin: 0; padding: 10px; justify-content: space-around;} 
  .tp_box_circle{ width: 25%; padding: 0; max-width: 70px;}
  .tp_txt{ width: calc(70% - 30px);
    min-height: auto;
    padding: 10px 15px 10px 15px;
    justify-content: center;}
  .tp_box_arrow{width: 30px; align-self: center;}

  /* 行為金融 */
  .finance{ padding-top: 50px;}

}
/* h1 星星 換行 */
.analyze_header_in{ max-width: 700px; }
.three_header_in{  max-width: 700px; }
.score_header_in{ max-width: 600px; }
.finance_header_in{ max-width: 620px;}
.h1_mobile_br{ display: none; }
@media (max-width: 760px){
    h1{ font-size: 28px;}  
  .analyze_header_in, .three_header_in, .finance_header_in, .score_header_in{ max-width: 600px;}
  .stage_header_in{height: 80px; border:0px solid red;}
}
@media (max-width: 600px){
  .change .circle:before{top:40%;}
  .analyze_header_in, .three_header_in, .finance_header_in, .score_header_in{ width:96%; max-width: 420px; background-size: 20% auto, 18% auto; text-align:center; padding: 0 10%;} 
  /* .analyze_header_in {background-position: left 0px top -10px, right 0px bottom 16px;} */

  .analyze_header_in{
    background-size: 20% auto, 18% auto, 50% auto;
    background-position: left 0px top -10px, right 0px bottom 16px, center center;
  }
  .score_header_in{ background-position: left 0px top -10px, right 0px bottom 24px; } 
  .h1_mobile_br{ display: block; height: 5px;}
}
@media (max-width: 340px){
  h1 { font-size: 24px; }
}
@media (max-width: 400px){
  .analyze_header_in, .three_header_in, .finance_header_in, .score_header_in{max-width: 380px; padding: 0 10px;}
}
@media (max-width: 380px){
  .analyze_header_in, .three_header_in, .finance_header_in, .score_header_in{max-width: 380px;}
}


/* 進一步了解行為金融學 */

@media (max-width: 665px){
  .fv_box {
      margin-bottom: 30px;
  }
  .fvb_txt p{
    min-height: auto;
    padding: 0 20px;
  }
}

/* 與頂尖大學合作 提供在地理財教育 */
.intro2_img_mobile {
    display: none;
}
.h1_pc_space{display: inline-block;}
@media (max-width: 1190px){
  .finance_intro2 {
      margin-bottom: 0;
      padding-bottom: 40px;
  }

  .finance_intro2 .row div {
      max-width: 100%;
      flex: 100%;
  }
  .fin_intro2_img {
      padding-top: 30px;
      text-align: center;
  }
  .fin_intro2_img img {
      max-width: 600px;
  }
  .finance_intro2 p.intro2_img{
    margin-top: 20px;
  }
  /* .intro2_img_pc {
      display: none;
  }
  .intro2_img_mobile {
      display: block;
  } */
}
.school_span { width: calc(50% - 350px); }

@media (max-width: 813px){
  .school_span { display: none; }
  .school_header_in h1{text-align: center;}
}  
@media (max-width: 600px){
  .h1_pc_space{display: none;}
}
@media (max-width: 445px){
  .finance_intro2 .intro2_img_pc img {
      width: auto;
      height: 30px;
  }
}


/* ie polyfill */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .idSwiper_Role .swiper-slide.swiper-slide-active{ border: 0px solid red; opacity: 1;}
  .mybox_role{ width: 280px;}
  .mybox_role img{ border: 0px solid blue; margin-left: -47px;}
  
  .three_header_in{
    background-size: auto 100px, auto 60px;
    background-position: left -240px top -10px, right -120px bottom 10px;
  }
  .finance_header_in{
    background-size: auto 100px, auto 60px;
    background-position: left -160px top -10px, right -80px bottom 10px;
  }
  .analyze_header_in{
    background-size: 100px auto, 90px auto, 360px auto;
    background-size: auto 100px, auto 60px, 360px auto;
    background-position: left -220px top -10px, right -120px bottom 10px, center center;
  }  
}


/* 離開網站警告 */
@media (max-width: 600px){
  .reminderBox__alert p{
    text-align: center;
  }
  .reminderBox{
    padding: 60px 60px 20px 60px;
  }
}
@media (max-width: 420px){
  .reminderBox{
    padding: 60px 20px 20px 20px;
  }
}