@charset "utf-8";
@media screen and (max-width: 1400px){
    /*===== 1400 KV BANNER =====*/
    .kv{
        height: 47.85vw;
    }
    .kv .banner .visuel img{
        width: auto;
        height: 47.85vw;
    }
    .kv .banner .visuel p{
        width: 37.85vw;
        font-size: 1.21vw;
        line-height: 2.28vw;
        bottom: 10.35vw;
        left: calc(50% - 36.78vw);
    }
    /*===== 1400 FLOAT BUTTON =====*/
    #floatWrap{
        top: 23.21vw;
        right: 1.5vw;
    }
    /*===== 1400 投資困擾 =====*/
    .tOuter > .trouble, .eOuter > .easy{
        position: relative;
        left: calc(50% - 700px);
    }
}
@media screen and (max-width: 1100px){
    /*===== 1100 NAVIGATION =====*/
    .header{
        height: 9.09vw;
        padding: 0 4.09vw;
    }
    .top_logo{
        width: 14.72vw;
    }
    .menu > li{
        font-size: 1.81vw;
        line-height: 9.09vw;
    }
    .menu > li span.eng{
        font-size: 2vw;
    }
    .social > li{
        width: 3.63vw;
    }
    /*===== 1100 FLOAT BUTTON =====*/
    #floatWrap{
        width: 8.18vw;
        height: 15.9vw;
        top: 29.54vw;
    }
    #floatWrap.slipTo{
        top: calc(100vh - 15.9vw - 3vw);
    }
    .floatBtn{
        width: 8.18vw;
        height: 15.9vw;
    }
    .floatBtn::after{
        width: 8.18vw;
        height: 15.9vw;
        border-radius: 4.09vw;
    }
    /*===== 1100 KV BANNER =====*/
    .kv{
        margin-top: 9.09vw;
    }
    /*===== 1100 TITLE =====*/
    .sceneTitle h1{
        font-size: 4.09vw;
    }
    .sceneTitle h1 span.eng{
        font-size: 4.27vw;
        top: 0.09vw;
    }
    .sceneTitle h1 span.num{
        font-size: 4.9vw;
        top: 0.27vw;
    }
    .sceneTitle h1 span.big{
       font-size: 4.72vw;
    }
    .sceneTitle h1 span.bigEng{
        font-size: 5.81vw;
        top: 0.36vw;
    }
    .sceneTitle h1::after{
        width: 55.54vw;
        height: 8.18vw;
        bottom: -1.36vw;
        left: calc(50% - 27.72vw);
    }
    .sceneTitle.short h1::after{
        width: 43.45vw;
        height: 8vw;
        left: calc(50% - 21.72vw);
    }
    .sceneTitle p{
        margin-top: 2.72vw;
        font-size: 2vw;
        line-height: 3.27vw;
    }
    /* 文字跑馬燈 */
    .sceneTitle ul{
        height: 5.45vw;
        top: 0.18vw;
        right: calc(50% - 30.9vw);
    }
    .sceneTitle ul li{
        padding: 0.36vw 0;
        font-size: 4.72vw;
    }
    /*===== 1100 圖表警語 =====*/
    p.note{
        font-size: 1.27vw;
        line-height: 2.18vw;
    }
    /*===== 1100 投資困擾 =====*/
    .scene1 .eOuter{
        background-size: 232.72vw;
    }
    .tOuter > .trouble, .eOuter > .easy{
        width: 100vw;
        left: 0;
    }
    .tOuter > .trouble .scrollDown{
        width: 9.09vw;
        height: 9.09vw;
        right: calc(50% - 25vw);
    }
    .tOuter > .trouble img, .eOuter > .easy img{
        width: 127%;
        left: -13.5%;
    }
    .backTxt{
        height: 8.42vw;
        bottom: 8.63vw;
    }
    @keyframes txtslide{
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: -263.81vw 0;
        }
    }
    /*===== 1100 後收長投優勢 =====*/
    .scene2 .sceneTitle{
        margin-top: 9.09vw;
    }
    .scene2 .advantages{
        width: 100vw;
        padding: 4.54vw 5.45vw 5.45vw 5.45vw;
    }
    .advantages > .box{
        border-radius: 2.72vw;
        filter: drop-shadow(1.36vw 1.36vw 4.09vw rgba(10, 94, 166, 0.3));
    }
    .advantages > .box::after{
        width: calc(100% - 0.36vw);
        height: calc(100% - 0.36vw);
        border-radius: 2.54vw;
        padding: 0.18vw;
    }
    .advantages > .box > h5{
        height: 4.09vw;
        font-size: 1.81vw;
    }
    .advantages > .box > h5 span{
        padding: 0.72vw 4.09vw;
        border-radius: 2.04vw;
        top: -0.9vw;
    }
    .advantages > .box > .chart{
        margin-bottom: 2.72vw;
        padding: 1.36vw 3.18vw 3.18vw 3.18vw;
    }
    .advantages > .box > .chart > .row{
        font-size: 1.81vw;
    }
    .advantages > .box > .chart > .row.rowHead{
        border-radius: 1.36vw 1.36vw 0 0;
    }
    .advantages > .box > .chart > .row > div{
        padding: 1.63vw 0;
    }
    .advantages > .box > .chart > .row.rowHead > div::after{
        height: 1.81vw;
        top: calc(50% - 0.81vw);
    }
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(2), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(2),
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(3), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(3),
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(4), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(4),
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(5), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(5){
        padding-left: 0.45vw;
        font-size: 2.72vw;
    }
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(2) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(2) span,
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(3) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(3) span,
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(4) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(4) span,
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(5) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(5) span{
        font-size: 1.63vw;
    }
    .advantages > .box > .chart > .row.rowItemOdd:last-of-type > div:nth-of-type(1){
        border-radius: 0 0 0 1.36vw;
    }
    .advantages > .box > .chart > .row.rowItemOdd:last-of-type > div:nth-of-type(5){
        border-radius: 0 0 1.36vw 0;
    }
    /*===== 1100 後收優勢 =====*/
    .scene3{
        background-size: 232.72vw;
    }
    .scene3 .readyStart{
        width: 100vw;
        padding: 0 2.5vw;
    }
    .readyStart .sceneTitle{
        margin-top: 9.54vw;
    }
    .readyStart .point .card{
        width: 30vw;
        height: 37.72vw;
        margin: 6.81vw 0 4.09vw 0;
        padding: 11.36vw 3.18vw 4.54vw 3.18vw;
        filter: drop-shadow(0.9vw 0.9vw 4.09vw rgba(30, 93, 159, .3));
    }
    .point .card > .title{
        padding-left: 0.45vw;
    }
    .point .card > .title img{
        width: 6.63vw;
    }
    .point .card > .title h5{
        padding: 0 0.45vw 0.9vw 0.45vw;
        font-size: 2.54vw;
        line-height: 3.63vw;
    }
    .point .card > .title span.large{
        font-size: 4.09vw;
    }
    .point .card > .title span.eng{
        font-size: 2.81vw;
    }
    .point .card > p{
        font-size: 2vw;
        line-height: 3.81vw;
    }
    /*===== 1100 後收機制 =====*/
    .scene3 .method{
        width: 100vw;
        margin: 10.9vw auto 0 auto;
    }
    .method > ul.tab{
        width: 48.18vw;
        height: 6.36vw;
        margin: 7.27vw auto 0 auto;
        border-radius: 3.18vw;
        filter: drop-shadow(0 0.45vw 0 #0a5ea6);
    }
    .method > ul.tab::after{
        width: calc(48.18vw - 0.36vw);
        height: calc(6.36vw - 0.36vw);
        border-radius: 3.18vw;
        padding: 0.18vw;
    }
    .method > ul.tab li{
        padding: 0 1.81vw;
    }
    .method > ul.tab li p{
        padding-left: 6.36vw;
        font-size: 2.18vw;
    }
    .method > ul.tab li p::before{
        width: 5.54vw;
        height: 6.54vw;
        top: -2.72vw;
    }
    .method > ul.tab li.chat{
        width: 2.27vw;
        bottom: -1.63vw;
        left: calc(50% - 12.27vw);
    }
    .method > ul.tab li.chat.move{
        left: calc(50% + 9.54vw);
    }
    .method .graph{
        width: 100vw;
        margin: -2.72vw auto 0 auto;
        padding: 0 2.72vw 11.36vw 2.72vw;
        filter: drop-shadow(0.9vw 0.9vw 2.72vw rgba(102, 51, 0, 0.1));
    }
    .graph .graphSlide{
        padding: 5.9vw 5.45vw 2.27vw 5.45vw;
        border-radius: 2.72vw;
    }
    .graph .graphSlide::after{
        width: calc(100% - 0.36vw);
        height: calc(100% - 0.36vw);
        border-radius: 2.54vw;
        padding: 0.18vw;
    }
    .graph .graphSlide p.txt{
        margin-bottom: 1.36vw;
        font-size: 2vw;
        line-height: 3.27vw;
    }
    .graph .graphSlide > .chart{
        padding-bottom: 1.36vw;
    }
    .graph .graphSlide:nth-of-type(1) > .chart img{
        border-radius: 1.36vw;
    }
    .graph .graphSlide:nth-of-type(2) > .chart img{
        border-radius: 1.36vw 1.36vw 0 0;
    }
    .graph .graphSlide > .chart ul.chartFund{
        padding: 0.9vw 10vw 0 10vw;
        border-radius: 0 0 0.9vw 0.9vw;
    }
    .graph .graphSlide > .chart ul.chartFund li{
        padding-left: 1.81vw;
        padding-bottom: 0.9vw;
        font-size: 1.27vw;
    }
    .graph .graphSlide > .chart ul.chartFund li::before{
        width: 0.72vw;
        height: 0.72vw;
        top: calc(50% - 0.72vw);
    }
    /* Swiper dots */
    .graph .swiper-pagination-bullets{
        bottom: 6.81vw!important;
    }
    .swiper-container-horizontal > .pagin.swiper-pagination-bullets .swiper-pagination-bullet{
     margin: 0 1.36vw;
    }
    .pagin .swiper-pagination-bullet{
        width: 1.27vw;
        height: 1.27vw;
        border-radius: 0.63vw;
    }
    .pagin .swiper-pagination-bullet-active{
        width: 2.72vw;
    }
    /* Swiper Arrows */
    .swiper-button-prev.prev, .swiper-button-next.next{
        width: 4.54vw;
        height: 4.54vw;
        top: calc(50% - 11.36vw + 4.54vw);
    }
    /*===== 1100 後收基金 =====*/
    .scene4{
        margin-top: -23.18px;
        padding-bottom: 47.33px;
        background: url(../images/bgScene4.png) no-repeat center center;
        background-size: 232.72vw;
    }
    .scene4 .sceneTitle{
        margin-top: 8.63vw;
    }
    .fundList{
        width: 100vw;
    }
    .fundList > .swiper-wrapper{
        justify-content: space-around;
    }
    .fundList .fundBox{
        flex: 0 0 47.27vw;
        margin: 5vw 0 1.81vw 0;
        padding: 0.9vw;
        border-radius: 2.27vw 5.45vw 5.45vw 5.45vw;
        filter: drop-shadow(0 0.9vw 4.09vw rgba(30, 93, 159, 0.30));
    }
    .fundList .fundBox::before{
        width: 14.54vw;
        height: 7.27vw;
        border-top-left-radius: 2.27vw;
    }
    .fundBox .fundName{
        padding: 1.36vw 1.36vw 0.9vw 1.36vw;
    }
    .fundBox .fundName h4{
        font-size: 2.18vw;
        line-height: 4.54vw;
    }
    .fundBox .fundName p.highlight{
        font-size: 2.18vw;
        line-height: 3.27vw;
    }
    .fundBox .content{
        margin-top: 1.81vw;
        padding: 0 1.81vw 2.72vw 1.81vw;
        border-radius: 2.72vw 2.72vw 4.54vw 4.54vw;
    }
    .fundBox .content ul.hashtag li{
        margin: -1.36vw 0.45vw 0 0.45vw;
        padding: 0 1.81vw;
        border-radius: 1.81vw;
        font-size: 1.72vw;
        line-height: 3.63vw;
    }
    .fundBox .intro{
        margin-top: 1.36vw;
    }
    .fundBox:nth-of-type(4) .intro{
        margin-top: -1.09vw;
    }
    .fundBox .intro .label img{
      width: 9.09vw;
      filter: drop-shadow(0.27vw 0.27vw 0.45vw rgba(30, 93, 159, .45));
    }
    .fundBox .intro p{
        padding: 0.45vw 0 0 1.81vw;
        font-size: 1.81vw;
        line-height: 2.9vw;
    }
    .fundBox:nth-of-type(3) .intro p{
        padding-bottom: 1.36vw;
        border-bottom: 0.18vw solid #bfe5f9;
    }
    .fundBox:nth-of-type(3) .remark{
        margin-top: 1.81vw;
        font-size: 1.36vw;
    }
    .fundBox .buttons{
        margin-top: 2.27vw;
    }
    .fundBox .buttons a.fundBtn{
        margin: 0 1.81vw;
    }
    a.fundBtn{
        padding-left: 4.09vw;
        font-size: 1.63vw;
    }
    a.fundBtn::after{
        width: 3.36vw;
        height: 2.18vw;
        top: calc(50% - 1vw);
    }
    .scene4 p.note{
        margin-top: 0.9vw;
    }
    /*===== 1100 加入後收 =====*/
    .scene5{
        margin-top: -2.27vw;
    }
    .scene5 .outer{
        background-size: 232.72vw;
    }
    .scene5 .outer .sceneTitle.jo{
        margin-top: 15.9vw;
    }
    .scene5 .outer .sceneTitle.jo h1{
        top: -3.18vw;
    }
    .join{
        width: 100vw;
        margin: 2.27vw auto 0 auto;
    }
    .join > .item{
        width: 31.81vw;
        margin: 0 6.81vw;
    }
    .join > .item p{
        margin-bottom: 4.09vw;
        font-size: 2.18vw;
    }
    .join > .item p span{
        font-size: 2.9vw;
    }
    .join > .item img{
        filter: drop-shadow(0.9vw 0.9vw 2.72vw rgba(102, 51, 0, .3));
    }
    .join > .item a.moreBtn{
        width: 15.9vw;
        height: 4.09vw;
        margin: 4.09vw auto 0 auto;
        padding-right: 1.09vw;
        border-radius: 2.05vw;
        font-size: 1.63vw;
        line-height: 4.09vw;
        filter: drop-shadow(0 0.27vw 0 #005bab);
    }
    .join > .item a.moreBtn::after{
        width: 2.81vw;
        height: 2.81vw;
        top: calc(50% - 1.36vw);
        right: 0.63vw;
    }
    /*===== 1100 後收QA =====*/
    .faq{
        width: 100vw;
        padding: 0 4.54vw 11.36vw 4.54vw;
    }
    .faq .sceneTitle{
        margin-top: 10.9vw;
        margin-bottom: 5.45vw;
    }
    .faqList .faqCol .faqQ{
        margin-top: 4.09vw;
    }
    .faqList .faqCol .faqQ .faqQ_icon{
        width: calc(4.54vw + 1.36vw);
        height: calc(4.54vw + 1.81vw);
        padding: 0 1.36vw 1.81vw 0;
    }
    .faqList .faqCol .faqQ .faqQ_icon::after{
        width: 5.9vw;
        height: 6.36vw;
        border-bottom-right-radius: 4.54vw;
    }
    .faqList .faqCol .faqQ .faqQ_txt{
        padding: 1.81vw 2.72vw;
        border-radius: 1.81vw 1.81vw 1.81vw 0;
        filter: drop-shadow(0.9vw 0.9vw 1.36vw rgba(3, 111, 180, 0.05));
    }
    .faqList .faqCol .faqQ .faqQ_txt p{
        font-size: 1.81vw;
        line-height: 3.27vw;
    }
    .faqList .faqCol .faqQ .faqQ_txt .plus{
        width: 1.81vw;
        height: 1.81vw;
        margin: 0.54vw 0 0 1.81vw;
    }
    .faqList .faqCol .faqQ .faqQ_txt .plus .plusLine1,
    .faqList .faqCol .faqQ .faqQ_txt .plus .plusLine2{
        width: 1.81vw;
        height: 0.27vw;
    }
    .faqList .faqCol .faqA{
        margin-top: 2.72vw;
        padding-left: 5.9vw;
    }
    .faqList .faqCol .faqA .faqA_txt{
        padding: 1.81vw 2.72vw;
        border-radius: 1.81vw 0 1.81vw 1.81vw;
    }
    .faqList .faqCol .faqA .faqA_txt p, .faqList .faqCol .faqA .faqA_txt ul li{
        font-size: 1.81vw;
        line-height: 3.27vw;
    }
    .faqList .faqCol .faqA .faqA_txt ul li{
        padding-left: 1.81vw;
    }
    .faqList .faqCol .faqA .faqA_txt a{
        padding-left: 1.81vw;
        font-size: 1.81vw;
        line-height: 3.27vw;
    }
    .faqList .faqCol .faqA .faqA_txt a.notelink{
        font-size: 1.81vw;
        line-height: 3.27vw;
    }
    .faqList .faqCol .faqA .faqA_txt a::before, .faqList .faqCol .faqA .faqA_txt ul li::before{
        width: 0.45vw;
        height: 0.45vw;
        top: calc(50% - 0.22vw);
    }
    .faqList .faqCol .faqA .faqA_txt ul li::before{
        top: 1.54vw;
    }
    .faqList .faqCol .faqA .faqA_txt img{
        width: 53.63vw;
        margin: 1.81vw auto 2.27vw auto;
        border-radius: 1.36vw;
        filter: drop-shadow(0.9vw 0.9vw 2.72vw rgba(30, 93, 159, 0.15));
    }
    .faqList .faqCol .faqA .faqA_icon{
        width: calc(4.54vw + 1.36vw);
        height: calc(4.54vw + 1.81vw);
        padding: 1.81vw 0 0 1.36vw;
    }
    .faqList .faqCol .faqA .faqA_icon::after{
        width: 5.9vw;
        height: 6.36vw;
        border-top-left-radius: 4.54vw;
    }
    /*===== 1100 FOOTER =====*/
    .foot{
        width: 100vw;
        padding: 4.09vw 4.09vw 1.36vw 4.09vw;
    }
    #goTop{
        width: 4.54vw;
        height: 4.54vw;
        top: -1.36vw;
        right: 2.72vw;
        filter: drop-shadow(0.45vw 0.45vw 0.9vw rgba(102, 51, 0, 0.2));
    }
    .corporation li{
        padding-bottom: 0.9vw;
    }
    /* .corporation li.title{
        font-size: 1.63vw;
    }
    .corporation li.branch{
        font-size: 1.09vw;
    } */
    .jingyu #note{ padding-bottom: 1.81vw;}
    /* .jingyu h5{
        font-size: 1.63vw;
        line-height: 5.45vw;
    } */
    .jingyu h5.expand:after{
        padding-left: 0.9vw;
        /* font-size: 2.18vw;
        vertical-align: -0.09vw; */
    }
    .jingyu h5.packup:after{
        padding-left: 0.45vw;
        /* font-size: 2.18vw; */
    }
}
@media screen and (max-width: 900px){}
@media screen and (max-width: 767px){
    /*===== 767 COMMON =====*/
    .pc{ display: none!important;}
    .mobile{ display: block!important;}

    /*===== 767 NAVIGATION =====*/
    .header{
        height: 13.33vw;
        padding: 0 4vw;
        justify-content: space-between;
    }
    .top_logo{
        width: 27.73vw;
        max-width: 208px;
    }
    .menu_ctrl{
        width: 6vw;
        height: 13.33vw;
        display: block;
        position: relative;
        cursor: pointer;
        z-index: 9999;
    }
    .line1, .line2, .line3{
        width: 6vw;
        height: 0.4vw;
        background-color: #fff;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 1001;

        transition: 0.5s all ease-out;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -ms-transition: 0.5s;  
        -o-transition: 0.5s;
    }
    .line1{ 
        transform: translateX(0%) translateY(-2vw);
        -webkit-transform: translateX(0%) translateY(-2vw);
        -moz-transform: translateX(0%) translateY(-2vw);
        -ms-transform: translateX(0%) translateY(-2vw);
        -o-transform: translateX(0%) translateY(-2vw);
    }
    .line2{
        transform: translateX(0%) translateY(0);
        -webkit-transform: translateX(0%) translateY(0);
        -moz-transform: translateX(0%) translateY(0);
        -ms-transform: translateX(0%) translateY(0);
        -o-transform: translateX(0%) translateY(0);
    }
    .line3{
        transform: translateX(0%) translateY(2vw);
        -webkit-transform: translateX(0%) translateY(2vw);
        -moz-transform: translateX(0%) translateY(2vw);
        -ms-transform: translateX(0%) translateY(2vw);
        -o-transform: translateX(0%) translateY(2vw);
    }
    .line1_close{
      width: 6vw;
      transform: translateX(0%) translateY(-50%) rotate(45deg);
    }
    .line2_close{
        transform: translateX(100%) translateY(0%) rotate(0deg);
        opacity: 0;
    }
    .line3_close{
      width: 6vw;
      transform: translateX(0%) translateY(-50%) rotate(-45deg);
    }
    .fix_page{
        height: 100vh;
        overflow: hidden;
    }
    .open{ display: block!important;}
    .menu_open{
        display: none;
        width: 100vw;
        height: calc(100vh - 13.33vw);
        background-color: rgba(0, 0, 0, 0.75);
        position: fixed;
        top: 13.33vw;
        left: 0;
        z-index: 997;
    }
    .menu_inner{
        width: 80vw;
        height: 100%;
        padding: 8vw 0 5.33vw 0;
        background: #fff;
        overflow-y: scroll;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999;
    }
    .menu_close{
        width: calc(100vw - 80vw);
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .menu{ 
        width: calc(100% - 16vw);
        margin: 0 auto;
        border-bottom: 0.4vw solid #cfdde8;
    }
    .menu > li{
        margin: 0 0 4vw 0;
        padding: 0 4vw;
        display: block;
        font-size: max(4.26vw, 16px);
        color: var(--txtBlack);
        line-height: 13vw;
    }
    .menu > li span.eng{
        font-size: max(4.53vw, 17px);
    }
    .menu > li > a{ color: var(--txtBlack);}
    .menu > li:hover, .menu > li > a:hover{ color: var(--txtBlack);}
    .social{
        margin: 1.5vw auto 0 auto;
        position: relative;
        right: -14vw;
    }
    .social > li{
        width: 8vw;
        margin: 0 2vw;
    }
    /*===== 767 FLOAT BUTTON =====*/
    #floatWrap{
        width: 100vw;
        height: auto;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }
    #floatWrap.slipTo{
        top: auto;
        bottom: 0;
    }
    .floatBtn{
        width: 100vw;
        height: auto;
    }
    .floatBtn:hover{
        background: none;
    }
    .floatBtn:hover img{
        opacity: 1;
    }
    .floatBtn::after{ display: none;}
    /*===== 767 KV BANNER =====*/
    .kv{
        height: 159.2vw;
        margin-top: 13.33vw;
    }
    .kv .banner .visuel img{
        width: 100%;
        height: auto;
    }
    .kv .banner .visuel p{
        width: 100vw;
        padding: 0 5.33vw;
        font-size: max(3.2vw, 12px);
        line-height: max(4.26vw, 16px);
        bottom: 3.33vw;
        left: 0;
    }
    /*===== 767 TITLE =====*/
    .sceneTitle h1{
        font-size: max(6.66vw, 25px);
        line-height: 1.3;
    }
    .sceneTitle h1 br{ display: block;}
    .sceneTitle h1 span.eng{
        font-size: max(7.46vw, 28px);
        top: 0.13vw;
    }
    .sceneTitle h1 span.num{
        font-size: max(8vw, 30px);
        top: 0.26vw;
    }
    .sceneTitle h1 span.big{
       font-size: max(8vw, 30px);
    }
    .sceneTitle h1 span.bigEng{
        font-size: max(9.6vw, 36px);
        top: 0.53vw;
    }
    .sceneTitle h1::after{
        width: 77.46vw;
        height: 17.86vw;
        background: url(../images/bg_title_m.png) no-repeat center center;
        background-size: 100%;
        bottom: 2.66vw;
        left: calc(50% - 38.73vw);
    }
    .sceneTitle.short h1::after{
        width: 67.6vw;
        height: 17.46vw;
        background: url(../images/bg_title_s_m.png) no-repeat center center;
        background-size: 100%;
        left: calc(50% - 33.8vw);
    }
    .sceneTitle p{
        margin-top: 4vw;
        padding: 0 6.66vw;
        font-size: max(4vw, 15px);
        line-height: max(6.4vw, 24px);
        text-align: justify;
    }
    .sceneTitle p br{ display: none;}
    /* 文字跑馬燈 */
    .sceneTitle ul{
        height: 8.8vw;
        top: 10.66vw;
        right: calc(50% - 35.73vw);
    }
    .sceneTitle ul li{
        padding: 0.5vw 0;
        font-size: max(8vw, 30px);
    }
    /*===== 767 圖表警語 =====*/
     p.note{
        font-size: max(2.93vw, 11px);
        line-height: max(4.26vw, 16px);
    }
    /*===== 767 投資困擾 =====*/
    .scene1 .tOuter{
        background: url(../images/s1_trouble_bg_m.png) repeat-x center top;
        background-size: contain;
    }
    .scene1 .eOuter{
        background: url(../images/s1_easy_bg_m.png) no-repeat center top;
        background-size: 100vw;
    }
    .tOuter > .trouble .scrollDown{
        width: 18.66vw;
        height: 18.66vw;
        right: 7.33vw;
    }
    .tOuter > .trouble img, .eOuter > .easy img{
        width: 100%;
        left: 0%;
    }
    .backTxt{
        height: 18.4vw;
        bottom: 42vw;
    }
    @keyframes txtslide{
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: -386.93vw 0;
        }
    }
    /*===== 767 後收長投優勢 =====*/
    .scene2 .sceneTitle{
        margin-top: 16.66vw;
    }
    .scene2 .sceneTitle h1 span.lineOne{
        margin-right: 15.33vw;
    }
    .scene2 .sceneTitle h1 span.lineTwo{
        margin-left: 21.33vw;
    }
    .scene2 .advantages{
        padding: 13.33vw 0 8vw 0;
    }
    .advantages > .box{
        border-radius: 0;
    }
    .advantages > .box::after{
        width: calc(100% + 0.8vw);
        height: calc(100% - 0.8vw);
        border-radius: 0;
        padding: 0.4vw;
        left: -0.4vw;
    }
    .advantages > .box > h5{
        height: 14.66vw;
        font-size: max(3.73vw, 14px);
        line-height: max(5.6vw, 21px);
    }
    .advantages > .box > h5 br{ display: block;}
    .advantages > .box > h5 span{
        padding: 1.33vw 5.33vw;
        border-radius: 7.33vw;
        display: inline-block;
        top: -6vw;
    }
    .advantages > .box > .chart{
        margin-bottom: 0;
        padding: 0 4vw 6vw 4vw;
        flex-direction: row;
        align-items: flex-start;
    }
    .advantages > .box > .chart > .row{
        width: auto;
        margin-right: 2px;
        flex-direction: column;
        font-size: max(4vw, 15px);
    }
    .advantages > .box > .chart > .row:nth-of-type(5){
        margin-right: 0;
    }
    .advantages > .box > .chart > .row > div{
        margin: 0;
        padding: 4.66vw 2vw;
    }
    .advantages > .box > .chart > .row > div br{ display: block;}
    .advantages > .box > .chart > .row.rowHead{
        border-radius: 4vw 0 0 4vw;
    }
    .advantages > .box > .chart > .row.rowHead > div{
        width: 22.8vw;
    }
    .advantages > .box > .chart > .row.rowHead > div::after{
        width: 18.66vw;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.6);
        position: absolute;
        top: auto;
        bottom: -2px;
        right: calc(50% - 9.33vw);
    }
    .advantages > .box > .chart > .row > div:nth-of-type(1){
        width: inherit;
        height: 26.66vw;
        line-height: max(5.6vw, 21px);
    }
    .advantages > .box > .chart > .row > div:nth-of-type(2),
    .advantages > .box > .chart > .row > div:nth-of-type(3),
    .advantages > .box > .chart > .row > div:nth-of-type(4),
    .advantages > .box > .chart > .row > div:nth-of-type(5){
        width: inherit;
        height: 13.33vw;
        margin-top: 2px;
    }
    .advantages > .box > .chart > .row.rowItemOdd{
        width: 21.33vw;
    }
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(2), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(2),
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(3), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(3),
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(4), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(4),
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(5), .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(5){
        padding-left: 2.66vw;
        font-size: max(5.33vw, 20px);
    }
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(2) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(2) span,
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(3) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(3) span,
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(4) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(4) span,
    .advantages > .box > .chart > .row.rowItemOdd > div:nth-of-type(5) span, .advantages > .box > .chart > .row.rowItemEven > div:nth-of-type(5) span{
        font-size: max(2.93vw, 11px);
    }
    .advantages > .box > .chart > .row.rowItemOdd:last-of-type > div:nth-of-type(1){
        border-radius: 0 4vw 0 0;
    }
    .advantages > .box > .chart > .row.rowItemOdd:last-of-type > div:nth-of-type(5){
        border-radius: 0 0 4vw 0;
    }
    .advantages > .box > .chart > .row.rowItemEven{
        width: 25.73vw;
    }
    .advantages > p.note{
        padding: 4vw 6.66vw 0 6.66vw;
        font-size: max(2.66vw, 10px);
    }
    /*===== 767 後收優勢 =====*/
    .scene3{
        background: url(../images/bgScene3_m.png) no-repeat center bottom;
        background-size: 100%;
    }
    .scene3 .readyStart{
        padding: 0 6vw 0 5.33vw;
    }
    .readyStart .sceneTitle{
        margin-top: 16vw;
    }
    .readyStart .sceneTitle h1{
        line-height: 1.1;
    }
    .readyStart .sceneTitle h1 span.lineOne{
        margin-right: 25.06vw;
    }
    .readyStart .sceneTitle h1 span.lineTwo{
        margin-left: 18.66vw;
    }
    .readyStart .point{
        margin: 4.66vw 0 2.66vw 0;
        flex-direction: column;
    }
    .readyStart .point .card{
        width: 88.66vw;
        height: 41.2vw;
        margin: 3.33vw 0 3.33vw 0;
        padding: 4vw 6vw 4.66vw 18vw;
        filter: drop-shadow(0.9vw 0.9vw 4.09vw rgba(30, 93, 159, .3));
    }
    .readyStart .point .card.card1{
        background: url(../images/pointCard1_m.png) no-repeat center center;
        background-size: 100%;
    }
    .readyStart .point .card.card2{
        background: url(../images/pointCard2_m.png) no-repeat center center;
        background-size: 100%;
    }
    .readyStart .point .card.card3{
        background: url(../images/pointCard3_m.png) no-repeat center center;
        background-size: 100%;
    }
    .point .card > .title{
        padding-left: 0;
    }
    .point .card > .title img{
        width: 10.26vw;
    }
    .point .card > .title h5{
        padding: 2.66vw 0 1.33vw 0.66vw;
        font-size: max(5.06vw, 19px);
        line-height: 1;
        letter-spacing: 0.05em;
    }
    .point .card > .title h5 br{ display: none;}
    .point .card > .title span.large{
        font-size: max(7.2vw, 27px);
        letter-spacing: 0.075em;
        position: relative;
        top: -0.4vw;
    }
    .point .card > .title span.eng{
        font-size: max(6vw, 22.5px);
        letter-spacing: 0;
    }
    .point .card > p{
        padding: 1.33vw 0.66vw 0 4vw;
        font-size: max(4vw, 15px);
        line-height: max(6.4vw, 24px);
        letter-spacing: 0.1em;
        text-align: justify;
    }
    .point .card > p br{ display: none;}
    /*===== 767 後收機制 =====*/
    .scene3 .method{
        margin: 12vw auto 0 auto;
    }
    .scene3 .method .sceneTitle h1 span.lineOne{
        margin-right: 21.06vw;
    }
    .scene3 .method .sceneTitle h1 span.lineTwo{
        margin-left: 21.33vw;
    }
    .method > ul.tab{
        width: 82.13vw;
        height: 10vw;
        margin: 6vw auto 0 auto;
        border-radius: 5vw;
    }
    .method > ul.tab::after{
        width: calc(82.13vw - 0.26vw);
        height: calc(10vw - 0.26vw);
        border-radius: 5vw;
        padding: 0.13vw;
    }
    .method > ul.tab li{
        padding: 0 2.33vw;
    }
    .method > ul.tab li p{
        padding-left: 10.66vw;
        font-size: max(4.53vw, 17px);
    }
    .method > ul.tab li p::before{
        width: 8.8vw;
        height: 10.264vw;
        top: -3.73vw;
    }
    .method > ul.tab li.chat{
        width: 3.33vw;
        bottom: -2.8vw;
        left: calc(50% - 21.33vw);
    }
    .method > ul.tab li.chat.move{
        left: calc(50% + 18.66vw);
    }
    .method .graph{
        margin: 0 auto 0 auto;
        padding: 0 0 22vw 0;
        filter: drop-shadow(1.33vw 1.33vw 4vw rgba(102, 51, 0, 0.2));
    }
    .graph .graphSlide{
        padding: 6vw 4vw 0 4vw;
        background-color: rgba(255, 255, 255, 0);
        border-radius: 0;
    }
    .graph .graphSlide::after{ display: none;}
    .graph .graphSlide p.txt{
        margin-bottom: 4.66vw;
        padding: 0 2.66vw;
        font-size: max(4vw, 15px);
        line-height: max(6.4vw, 24px);
    }
    .graph .graphSlide > .chart{
        padding-bottom: 4vw;
    }
    .graph .graphSlide:nth-of-type(1) > .chart img{
        border-radius: 4vw;
    }
    .graph .graphSlide:nth-of-type(2) > .chart img{
        border-radius: 4vw 4vw 0 0;
    }
    .graph .graphSlide > .chart ul.chartFund{
        padding: 2.66vw 2.66vw;
        border-radius: 0 0 4vw 4vw;
    }
    .graph .graphSlide > .chart ul.chartFund li{
        padding-left: 2.66vw;
        padding-bottom: 0.66vw;
        font-size: max(3.2vw, 12px);
        line-height: max(4.26vw, 16px);
    }
    .graph .graphSlide > .chart ul.chartFund li::before{
        width: 1.06vw;
        height: 1.06vw;
        top: 1.86vw;
    }
    .graph .graphSlide > p.note{
        padding: 0 2.66vw;
        text-align: justify;
    }
    /* Swiper dots */
    .graph .swiper-pagination-bullets{
        bottom: 14.66vw!important;
    }
    .swiper-container-horizontal > .pagin.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 2vw;
    }
    .pagin .swiper-pagination-bullet{
        width: 2vw;
        height: 2vw;
        border: 0.26vw solid #20b3e7;
        border-radius: 7px;
    }
    .pagin .swiper-pagination-bullet-active{
        width: 4vw;
    }
    /* Swiper Arrows */
    .swiper-button-prev.prev, .swiper-button-next.next{
        width: 7.33vw;
        height: 7.33vw;
        top: 51.5%;
    }
    .swiper-button-prev.prev, .swiper-container-rtl .swiper-button-next.next{
        left: 2vw;
    }
    .swiper-button-next.next, .swiper-container-rtl .swiper-button-prev.prev{
        right: 2vw;
    }
    /*===== 767 後收基金 =====*/
    .scene4{
        margin-top: 0;
        padding-bottom: 6.66vw;
        background: none;
    }
    .scene4 .sceneTitle{
        margin-top: 9.33vw;
    }
    .scene4 .sceneTitle h1 span.lineOne{
        margin-right: 46.66vw;
    }
    .scene4 .sceneTitle h1 span.lineTwo{
        margin-left: 12vw;
    }
    .fundList.swiper-container{
        padding-bottom: 18.66vw;
        overflow: hidden;
    }
    .fundList > .swiper-wrapper{
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .fundList .fundBox{
        flex: 0 0 92vw;
        margin: 6.66vw 4vw 8vw 4vw;
        padding: 1.33vw;
        border-radius: 3.33vw 8vw 8vw 8vw;
        filter: drop-shadow(0 1.33vw 6vw rgba(30, 93, 159, 0.30));
    }
    .fundList .fundBox::before{
        width: 28.66vw;
        height: 14.66vw;
        border-top-left-radius: 3.33vw;
    }
    .fundBox .fundName{
        padding: 2vw 3.33vw 6vw 3.33vw
    }
    .fundBox .fundName h4{
        margin-bottom: 2vw;
        font-size: max(4.8vw, 18px);
        line-height: max(6.4vw, 24px);
    }
    .fundBox .fundName p.highlight{
        font-size: max(4.8vw, 18px);
        line-height: max(6.4vw, 24px);
        letter-spacing: 0.045em;
    }
    .fundBox:nth-of-type(2) .fundName p.highlight{
        letter-spacing: 0.05em;
    }
    .fundBox .content{
        margin-top: 2vw;
        padding: 0 2.66vw 5.33vw 2.66vw;
        border-radius: 4vw 4vw 6.66vw 6.66vw;
    }
    .fundBox .content ul.hashtag li{
        margin: -3.33vw 0.8vw 0 0.8vw;
        padding: 0 2.66vw;
        border-radius: 4.33vw;
        font-size: max(3.73vw, 14px);
        line-height: max(8.66vw, 32.5px);
    }
    .fundBox .intro{
        margin-top: 3.33vw;
    }
    .fundBox:nth-of-type(4) .intro{
        margin-top: 3.33vw;
    }
    .fundBox .intro .label img{
      width: 20vw;
      filter: drop-shadow(0.4vw 0.4vw 0.66vw rgba(30, 93, 159, .45));
    }
    .fundBox .intro p{
        padding: 1.33vw 0.66vw 0 3.33vw;
        font-size: max(4vw, 15px);
        line-height: max(6.4vw, 24px);
    }
    .fundBox:nth-of-type(3) .intro p{
        padding-bottom: 1.33vw;
        border-bottom: 0.26vw solid #bfe5f9;
    }
    .fundBox:nth-of-type(3) .remark{
        padding: 0 0.66vw;
        margin-top: 1.81vw;
        font-size: max(3.2vw, 12px);
        line-height: max(4.8vw, 18px);
        text-align: justify;
    }
    .fundBox .buttons{
        margin-top: 4vw;
    }
    .fundBox .buttons a.fundBtn{
        margin: 0 4vw;
    }
    a.fundBtn{
        padding-left: 8.66vw;
        font-size: max(3.73vw, 14px);
    }
     a.fundBtn::after{
        width: 6.8vw;
        height: 4.8vw;
        top: calc(50% - 2.4vw);
    }
    .scene4 p.note{
        margin-top: 0;
    }
    /* Swiper dots */
    .fundList .swiper-pagination-bullets{
        bottom: 3.33vw!important;
    }
    /* Swiper Arrows */
    .fundList .swiper-button-prev.prev, .fundList .swiper-button-next.next{
        display: block;
        top: 43%;
    }
    /*===== 767 加入後收 =====*/
    .scene5{
      margin-top: 0;
    }
    .scene5 .outer{
        background: url(../images/bgScene5_m.jpg) no-repeat center top #fff7e3;
        background-size: 100%;
    }
    .scene5 .outer .sceneTitle.jo{
        margin-top: 24.66vw;
    }
    .scene5 .outer .sceneTitle.jo h1{
        top: -12vw;
    }
    .scene5 .outer .sceneTitle h1 span.lineOne{
        margin-right: 12.66vw;
    }
    .scene5 .outer .sceneTitle h1 span.lineTwo{
        margin-left: 18vw;
    }
    .join{
        margin: -3.33vw auto 0 auto;
        flex-direction: column;
    }
    .join > .item{
        width: 66.66vw;
        margin: 0 16.66vw;
    }
    .join > .item:nth-of-type(1){
        margin-bottom: 12vw;
    }
    .join > .item p{
        margin-bottom: 6vw;
        font-size: max(4.8vw, 18px);
    }
    .join > .item p span{
        font-size: max(6.4vw, 24px);
    }
    .join > .item img{
        filter: drop-shadow(1.33vw 1.33vw 4vw rgba(102, 51, 0, .3));
    }
    .join > .item a.moreBtn{
        width: 40vw;
        height: 10vw;
        margin: 8vw auto 0 auto;
        padding-right: 2.66vw;
        border-radius: 5vw;
        font-size: max(4.26vw, 16px);
        line-height: 10vw;
        filter: drop-shadow(0 0.53vw 0 #005bab);
    }
    .join > .item a.moreBtn::after{
        width: 6.66vw;
        height: 4.66vw;
        top: calc(50% - 2.33vw);
        right: 2.66vw;
    }
    /*===== 767 後收QA =====*/
    .faq{
        padding: 0 5.33vw 12vw 5.33vw;
    }
    .faq .sceneTitle{
        margin-top: 18vw;
        margin-bottom: 10.66vw;
    }
    .faq .sceneTitle.short h1::after{
        width: 58.8vw;
        height: 14.93vw;
        bottom: -2.66vw;
        left: calc(50% - 29.4vw);
    }
    .faqList .faqCol .faqQ{
        margin-top: 8vw;
    }
    .faqList .faqCol .faqQ .faqQ_icon{
        width: calc(8vw + 1.33vw);
        height: calc(8vw + 3.33vw);
        padding: 0 1.33vw 3.33vw 0;
    }
    .faqList .faqCol .faqQ .faqQ_icon::after{
        width: 9.33vw;
        height: 11.33vw;
        border-bottom-right-radius: 6.66vw;
    }
    .faqList .faqCol .faqQ .faqQ_txt{
        padding: 2.66vw 4vw;
        border-radius: 4vw 4vw 4vw 0;
        filter: drop-shadow(1.33vw 1.33vw 2vw rgba(3, 111, 180, 0.05));
    }
    .faqList .faqCol .faqQ .faqQ_txt p{
        font-size: max(3.73vw, 14px);
        line-height: max(6.4vw, 24px);
        letter-spacing: 0.13em;
    }
    .faqList .faqCol .faqQ .faqQ_txt .plus{
        width: 4vw;
        height: 4vw;
        margin: 1.06vw 0 0 3vw;
    }
    .faqList .faqCol .faqQ .faqQ_txt .plus .plusLine1,
    .faqList .faqCol .faqQ .faqQ_txt .plus .plusLine2{
        width: 4vw;
        height: 0.53vw;
    }
    .faqList .faqCol .faqA{
        margin-top: 4vw;
        padding-left: 0;
        flex-direction: row-reverse;
    }
    .faqList .faqCol .faqA .faqA_txt{
        padding: 2.66vw 4vw 2.66vw 4vw;
        border-radius: 0 4vw 4vw 4vw;
    }
    .faqList .faqCol .faqA .faqA_txt p, .faqList .faqCol .faqA .faqA_txt ul li{
        font-size: max(3.73vw, 14px);
        line-height: max(6.4vw, 24px);
        letter-spacing: 0.065em;
    }
    .faqList .faqCol .faqA .faqA_txt ul li{
        padding-left: 4vw;
    }
    .faqList .faqCol .faqA .faqA_txt a{
        padding-left: 4vw;
        font-size: max(3.73vw, 14px);
        line-height: max(6.4vw, 24px);
    }
    .faqList .faqCol .faqA .faqA_txt a.notelink{
        font-size: max(3.73vw, 14px);
        line-height: max(6.4vw, 24px);
    }
    .faqList .faqCol .faqA .faqA_txt a::before, .faqList .faqCol .faqA .faqA_txt ul li::before{
        width: 1.06vw;
        height: 1.06vw;
        top: calc(50% - 0.53vw);
    }
    .faqList .faqCol .faqA .faqA_txt ul li::before{
        top: 2.93vw;
    }
    .faqList .faqCol .faqA .faqA_txt img{
        width: 66.66vw;
        margin: 4vw auto 3.33vw auto;
        border-radius: 3.33vw;
        filter: drop-shadow(1.33vw 1.33vw 4vw rgba(30, 93, 159, 0.15));
    }
    .faqList .faqCol .faqA .faqA_icon{
        width: calc(8vw + 1.33vw);
        height: calc(8vw + 3.33vw);
        padding: 3.33vw 1.33vw 0 0;
    }
    .faqList .faqCol .faqA .faqA_icon::after{
        width: 9.33vw;
        height: 11.33vw;
        border-top-left-radius: 0;
        border-top-right-radius: 6.66vw;
        left: auto;
        right: 0;
    }
    /*===== 767 FOOTER =====*/
    .foot{
        margin: 0 auto;
        padding: 8vw 6.66vw 12vw 6.66vw;
    }
    #goTop{
        width: 9.33vw;
        height: 9.33vw;
        top: -4.66vw;
        right: 5.33vw;
        filter: drop-shadow(0.66vw 0.66vw 1.33vw rgba(102, 51, 0, 0.2));
    }
    .corporation li{
        padding-bottom: 1.33vw;
    }
    /* .corporation li.title{
        font-size: max(2.93vw, 11px);
    } */
    .corporation li.title:nth-of-type(1){
        flex: 0 0 100%;
    }
    .corporation li.title:nth-of-type(2){
        flex: 0 0 100%;
    }
    /* .corporation li.branch{
        font-size: max(2.4vw, 9px);
    } */
    .corporation li.branch:nth-child(odd){
        flex: 0 0 100%;
    }
    .corporation li.branch:nth-child(2n){
        flex: 0 0 100%;
    }
    .corporation li:nth-child(1){ order: 1;}
    .corporation li:nth-child(2){ order: 2;}
    .corporation li:nth-child(3){ order: 3;}
    .corporation li:nth-child(4){ order: 5;}
    .corporation li:nth-child(5){ order: 4;}
    .corporation li:nth-child(6){ order: 6;}
    .corporation li:nth-child(7){ order: 7;}
    .jingyu #note{ padding-bottom: 4vw;}
    .jingyu h5{
        padding-top: 2.66vw;
        /* font-size: max(3.2vw, 12px);
        line-height: max(8vw, 30px); */
    }
    .jingyu h5.expand:after{
        padding-left: 1.33vw;
        /* font-size: max(3.73vw, 14px);
        vertical-align: 1px; */
    }
    .jingyu h5.packup:after{
        padding-left: 0.66vw;
        /* font-size: max(3.46vw, 13px); */
    }
}
@media screen and (max-width: 576px){ }
@media screen and (max-width: 350px){
    /*===== 350 後收長投優勢 =====*/
    .advantages > .box > .chart > .row{
        font-size: max(4vw, 14px);
    }
    /*===== 350 後收優勢 =====*/
    .point .card > .title{
        justify-content: flex-end;
    }
    .point .card > .title h5{
        font-size: max(5.06vw, 18px);
    }
    .point .card > .title span.large{
        font-size: max(7.2vw, 25px);
    }
     .point .card > p{
        font-size: max(4vw, 14px);
        line-height: max(6.4vw, 22.5px);
    }
    /*===== 350 後收機制 =====*/
    .method > ul.tab li p{
        font-size: max(4.53vw, 16px);
    }
    /*===== 350 後收基金 =====*/
    .fundBox .content ul.hashtag li{
        font-size: max(3.73vw, 13px);
    }

}