@charset "utf-8";
@media screen and (max-width: 1400px){
    /*===== 1400 KV BANNER =====*/
    .kv{
        height: 50vw;
    }
    .kv .banner .visuel img{
        width: auto;
        height: 50vw;
    }
}
@media screen and (max-width: 1240px){
    /*===== 1240 NAVIGATION =====*/
    .header{
       height: 8.06vw;
        padding: 0 4.8vw;
    }
    .top_logo{
      width: 12.25vw;
    }
    .menu > li{
        margin: 0 1.61vw;
        font-size: 1.61vw;
        line-height: 8.06vw;
    }
    .menu > li span.eng{
        font-size: 1.74vw;
    }
    .social{
      margin: 0 0 0 0.80vw;
    }
    .social > li{
        width: 3.22vw;
        margin: 0 1.20vw;
    }
    /*===== 1240 KV BANNER =====*/
    .kv{
        margin-top: 8.06vw;
    }
    /*===== 1240 TITLE =====*/
    .sceneTitle{
        margin-top: 7.25vw;
    }
    .sceneTitle .title h1{
        font-size: 3.87vw;
    }
    .sceneTitle .title h1 span.eng{
        font-size: 4.35vw;
    }
    .sceneTitle .title h1::before{
        width: 4.03vw;
        height: 3.70vw;
        top: 0.16vw;
        left: -6.04vw;
    }
    .sceneTitle .title h1::after{
        width: 4.03vw;
        height: 3.70vw;
        top: 0.16vw;
        right: -6.04vw;
    }
    .sceneTitle p{
        margin-top: 2.01vw;
        font-size: 2.25vw;
        line-height: 3.22vw;
    }
    /*===== 1240 FUND TAB =====*/
    ul.tab{
        margin: 2.41vw auto 0 auto;
    }
    ul.tab li{
        width: 25.80vw;
        height: 10vw;
        margin: 0 1.20vw;
        padding: 1.20vw 1.61vw;
    }
    ul.tab li h2{
        font-size: 3.22vw;
    }
    ul.tab li p{
        margin-top: 0.80vw;
        font-size: 1.45vw;
    }
    ul.tab li p.long{
        font-size: 1.12vw;
        line-height: 1.61vw;
    }
    ul.tab li p span.eng{
        font-size: 1.53vw;
    }
    ul.tab li p.long span.eng{
        font-size: 1.20vw;
    }
    ul.tab.red li{
         padding: 1.20vw 4.83vw;
    }
    /*===== 1240 ETF =====*/
    .scene{
        background-size: 206.45vw;
    }
    .scene .etf{
        width: 96.77vw;
        padding-left: 0.80vw;
    }
    .fundBox{
        margin-top: 2.41vw;
    }
    .fund .card{
        border-radius: 1.20vw 0.80vw 1.20vw 1.20vw;
    }
    .fund.stocks .card{ height: 56.45vw;}
    .fund.bonds .card{ height: 54.83vw;}
    .card .fundName{
        width: 96.77vw;
        height: 8.87vw;
        padding-left: 4.03vw;
        padding-bottom: 0.56vw;
    }
    .card .fundName h2.code{
        font-size: 4.83vw;
        filter: drop-shadow(0.4vw 0.4vw 0.8vw rgba(0, 0, 0, 0.25));
    }
    .card .fundName p.name{
        margin-left: 2.41vw;
        font-size: 2.58vw;
    }
    .card .fundName p.name span.eng{
        font-size: 2.74vw;
    }
    .card .fundName p.name.long{
        font-size: 2.09vw;
        line-height: 2.74vw;
    }
    .card .fundName p.name.long span.eng{
        font-size: 2.17vw;
    }
    .fundIntro{
        height: 47.58vw;
        padding: 0 24.35vw 2.41vw 0;
    }
    .boxShadow{ filter: drop-shadow(0 0 2.82vw rgba(0, 0, 0, 0.35));}
    .bonds .fundIntro{ height: 45.96vw;}
    /* 1240 小標 */
    .fundIntro h3{
        margin-top: 1.20vw;
        margin-left: 3.22vw;
        padding-left: 1.61vw;
        font-size: 2.25vw;
    }
    .fundIntro h3::before{
        width: 0.56vw;
        height: 2.41vw;
    }
    /* 1240 獎項 */
    .fundIntro .award{
        margin-top: 1.61vw;
        margin-left: 3.22vw;
    }
    .fundIntro .award .item{
        margin-right: 0.8vw;
        font-size: 1.45vw;
    }
    .fundIntro .award .item img{
        width: 1.45vw;
        margin-right: 0.4vw;
        top: 0.12vw;
    }
    .fundIntro .award ul.prize{
        height: 1.77vw;
    }
    .fundIntro .award ul.prize li{
        font-size: 1.45vw;
    }
    .fundIntro .award ul.prize li span.eng{
        font-size: 1.53vw;
    }
    .fundIntro p.note{
        margin-left: 3.22vw;
    }
    /* 1240 圖表警語 */
    p.note{
        margin-top: 0.4vw;
        font-size: 1.12vw;
        line-height: 1.45vw;
    }
    p.note.tableNote{
        margin-top: 0.8vw;
        margin-bottom: 0.8vw;
        margin-left: 0;
    }
    /* 1240 特點頁籤 */
    .fundIntro ul.subTab{
        margin-top: 1.61vw;
        margin-left: 3.22vw;
    }
    .fundIntro ul.subTab li{
        margin-right: 1.20vw;
        padding: 0 2.01vw 0.08vw 1.45vw;
        border-radius: 2.58vw;
        font-size: 1.45vw;
        line-height: 2.58vw;
    }
    .fundIntro ul.subTab li::after{
        width: 0.4vw;
        height: 0.8vw;
        top: calc(50% - 0.32vw);
        right: 1.04vw;
    }
    /* 1240 基金特點 */
    .fundIntro .sheet{
        margin-top: 1.20vw;
        padding-left: 3.22vw;
        padding-right: 3.22vw;
    }
    .tipsBox .tips{
        width: 21.12vw;
        margin-right: 0.8vw;
        padding: 1.61vw 1.20vw 1.20vw 1.20vw;
        border-radius: 0.8vw;
    }
    .tipsBox .tips::before{
        width: 17.09vw;
        height: 17.09vw;
        top: -8.54vw;
        left: -8.54vw;
    }
    .tipsBox .tips.tips1{
        border: 0.16vw solid #e5276d;
    }
    .tipsBox .tips.tips2{
        border: 0.16vw solid #f2a208;
    }
    .tipsBox .tips.tips3{
        border: 0.16vw solid #08a6e2;
    }
    .tipsBox .tips > .icon{
        width: 9.91vw;
    }
    .tipsBox .tips > h4{
        margin-bottom: 1.20vw;
        padding-left: 9.91vw;
        font-size: 1.93vw;
        line-height: 2.58vw;
    }
    .card929 .tipsBox .tips3 > h4{
        padding-left: 8.70vw;
    }
    .tipsBox .tips > p{
        height: 12.90vw;
        padding: 1.20vw;
        border-radius: 0.64vw;
        font-size: 1.45vw;
        line-height: 2.09vw;
    }
    /* 1240 績效表現 */
    .sheet .number{
        padding: 0 7.33vw;
    }
    .number .numHead > div{
        width: 16.69vw;
        font-size: 1.45vw;
        line-height: 4.19vw;
    }
    .number .numHead.fourCol > div{ width: 12.45vw;}
    .number .numHead > div:first-of-type{ border-top-left-radius: 0.8vw;}
    .number .numHead > div:last-of-type{ border-top-right-radius: 0.8vw;}
    .number .numItem{
        border: 0.16vw solid #726658;
        border-radius: 0 0 0.8vw 0.8vw;
    }
    .number .numItem > div{
        width: 16.53vw;
        font-size: 1.61vw;
        line-height: 5.24vw;
    }
    .number .numItem.fourCol > div{ width: 12.29vw;}
    .number .numItem > div:first-of-type{ border-bottom-left-radius: 0.8vw;}
    .number .numItem > div:last-of-type{ border-bottom-right-radius: 0.8vw;}
    .number:first-of-type{ margin-bottom: 1.20vw;}
    /* 1240 十大持股 */
    .elBox:first-of-type .elHead{ border-top-left-radius: 0.8vw;}
    .elBox:nth-of-type(2) .elHead{ border-top-right-radius: 0.8vw;}
    .elBox .elHead > div{
        font-size: 1.42vw;
        line-height: 2.98vw;
    }
    .elBox .elHead > div:nth-of-type(1){
        flex: 0 0 calc(62% - 0.16vw);
    }
    .elBox .elHead > div:nth-of-type(1)::after,
    .elBox:first-of-type .elHead > div:nth-of-type(2)::after{
        width: 0.08vw;
        height: 2.17vw;
        top: 0.4vw;
        right: -0.12vw;
    }
    .elBox:first-of-type .elItem::before{
        width: 0.16vw;
        height: calc(100% + 0.16vw);
    }
    .elBox:nth-of-type(2) .elItem::before{
        width: 0.16vw;
        height: calc(100% + 0.16vw);
    }
    .elBox .elItem .row{
        margin-bottom: 0.16vw;
    }
    .elBox .elItem .row > div{
        font-size: 1.45vw;
        line-height: 2.98vw;
    }
    .elBox .elItem .row > div:nth-of-type(1){
        margin-right: 0.16vw;
        flex: 0 0 calc(62% - 0.16vw);
    }
    .elBox:nth-of-type(2) .elItem .row{
       margin-left: 0.16vw;
    }
    .element .elTotal{
        border-radius: 0 0 0.8vw 0.8vw;
        font-size: 1.45vw;
        line-height: 2.98vw;
    }
    .element .elTotal > div:nth-of-type(1){
        flex: 0 0 calc(81% - 0.16vw);
    }
    .element .elTotal > div:nth-of-type(1)::after{
        width: 0.08vw;
        height: 2.17vw;
        top: 0.4vw;
        right: -0.12vw;
    }
    /* 1240 按鈕 */
    a.more{
        width: 16.12vw;
        height: 4.03vw;
        padding: 0 5.24vw 0.08vw 4.43vw;
        border-radius: 0.64vw;
        font-size: 1.45vw;
        line-height: 4.03vw;
    }
    a.more::after{
        width: 0.56vw;
        height: 1.12vw;
        top: calc(50% - 0.48vw);
        right: 3.62vw;
    }
    /* 1240 Swiper Arrows */
    .swiper-button-prev.prev, .swiper-button-next.next{
        width: 1.77vw;
        height: 1.77vw;
    }
    .swiper-button-prev.prev{
        left: 1.04vw;
    }
    .swiper-button-next.next{
        right: 1.04vw;
    }
    .swiper-horizontal {
        .swiper-button-prev,
        & ~ .swiper-button-prev,
        &.swiper-rtl .swiper-button-next,
        &.swiper-rtl ~ .swiper-button-next {
            left: 1.04vw;
            right: auto;
        }
        .swiper-button-next,
        & ~ .swiper-button-next,
        &.swiper-rtl .swiper-button-prev,
        &.swiper-rtl ~ .swiper-button-prev {
            right: 1.04vw;
            left: auto;
        }
    }
    /*===== 1240 下載專區 =====*/
    .scene2{
        background-size: 206.45vw;
    }
    .dmBox .dm{
        width: 36.29vw;
        height: 50.32vw;
        margin: 4.03vw 2.01vw 5.32vw 2.01vw;
        padding: 38.30vw 4.03vw 3.22vw 1.61vw;
    }
    .dm h5{
        font-size: 2.58vw;
    }
    .dm h5 span.eng{
        font-size: 2.90vw;
    }
    .dm p{
        margin-top: 0.8vw;
        font-size: 1.93vw;
    }
    .dm .btn{
        margin-top: 1.61vw;
        font-size: 1.45vw;
    }
    .dm .btn::after{
        width: 0.56vw;
        height: 1.12vw;
        top: calc(50% - 0.48vw);
        right: -1.61vw;
    }
    /*===== 1240 FOOTER =====*/
    .foot{
        width: 88.70vw;
        padding-top: 4.03vw;
    }
    .foot h6{
        margin-bottom: 2.41vw;
        font-size: 1.45vw;
    }
    .jingyu p{
        font-size: 1.12vw;
        line-height: 1.77vw;
    }
    .corporation{
        padding: 4.03vw 0;
    }
    .corporation .logo{
        width: 12.25vw;
        margin-right: 4.03vw;
    }
    .corporation .info .name{
        margin-bottom: 1.20vw;
        font-size: 1.61vw;
    }
    .corporation .info .add{
        margin-bottom: 1.20vw;
        font-size: 1.12vw;
    }
    .corporation .info .branch p{
        font-size: 0.96vw;
    }
}
@media screen and (max-width: 1100px){}
@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 6.66vw;
        background-color: #e3ddd2;
        justify-content: space-between;
    }
    .top_logo{
        width: 20.26vw;
        max-width: 152px;
    }
    .menu_ctrl{
        width: 6vw;
        height: 13.33vw;
        display: block;
        position: relative;
        cursor: pointer;
        z-index: 9999;
    }
    .line1, .line2, .line3{
        width: 6vw;
        height: 0.66vw;
        background-color: #4d4d4f;
        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: 100vw;
        height: 100%;
        padding: 8vw 0 5.33vw 0;
        background-color: var(--red);
        border-top: 0.4vw solid #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{ 
        width: 100%;
        margin: 0 auto;
    }
    .menu > li{
        margin: 0 0 4vw 0;
        padding: 0 4vw;
        display: block;
        font-size: max(4.26vw, 16px);
        color: #fff;
        line-height: 13vw;
    }
    .menu > li > a.act{
        color: #fff;
        }
    .menu > li span.eng{
        font-size: max(4.53vw, 17px);
    }
    .menu > li > a{ color: #fff;}
    .menu > li:hover, .menu > li > a:hover{ color: #fff;}
    .social{
        margin: 1.5vw auto 0 auto;
        position: relative;
        right: -14vw;
    }
    .social > li{
        width: 8vw;
        margin: 0 2vw;
    }
    /*===== 767 KV BANNER =====*/
    .kv{
        height: 168vw;
        margin-top: 13.33vw;
    }
    .kv .banner .visuel img{
        width: 100%;
        height: auto;
    }
    /* Swiper dots */
    .kv .swiper-pagination-bullets{
        display: block;
        bottom: 4.66vw!important;
    }
    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-horizontal.swiper-pagination-bullets {
        .swiper-pagination-bullet {
            margin: 0 3vw!important;
        }
    }
    .pagin .swiper-pagination-bullet{
        width: 2vw;
        height: 2vw;
        background-color: #bcbec0;
        border-radius: 100%;
        opacity: 1;
    }
    .pagin .swiper-pagination-bullet-active{
        background-color: var(--red);
    }
    /*===== 767 TITLE =====*/
    .sceneTitle{
        margin-top: 12vw;
    }
    .sceneTitle .title h1{
        font-size: 7.2vw;
    }
    .sceneTitle .title h1 span.eng{
        font-size: 8vw;
    }
    .sceneTitle .title h1::before{
        width: 6.93vw;
        height: 6.66vw;
        top: 0.66vw;
        left: -8.93vw;
    }
    .sceneTitle .title h1::after{
        width: 6.93vw;
        height: 6.66vw;
        top: 0.66vw;
        right: -8.93vw;
    }
    .sceneTitle p{
        margin-top: 4vw;
        font-size: 4.26vw;
        line-height: 5.86vw;
    }
    /*===== 767 FUND TAB =====*/
    ul.tab{
        margin: 4vw auto 0 auto;
        position: sticky;
        top: 13.33vw;
        z-index: 999;
    }
    ul.tab li{
        width: 29.33vw;
        height: 16.66vw;
        margin: 0 2vw 0 0;
        padding: 2vw 1.33vw 2.66vw 1.33vw;
        background: url(../images/tabBG_m.png) no-repeat center top;
        background-size: 100%;
    }
    ul.tab li:last-child{ margin-right: 0;}
    ul.tab li:hover{
        filter: brightness(100%);
        transition: none;
    }
    ul.tab li h2{
        font-size: 5.33vw;
    }
    ul.tab li p{
        margin-top: 1.66vw;
        font-size: 2.4vw;
    }
    ul.tab li p.long{
        font-size: 1.86vw;
        line-height: 2.13vw;
        letter-spacing: 0.015em;
    }
    ul.tab li p span.eng{
        font-size: 2.53vw;
    }
    ul.tab li p.long span.eng{
        font-size: 2vw;
    }
    ul.tab.red li{
         padding: 2vw 1.33vw 2.66vw 1.33vw;
    }
    ul.tab.red li p.long{
        margin-top: 0.66vw;
    }
    ul.tab.blue li.act{
        background: url(../images/tabBG_blue_m.png) no-repeat center top;
        background-size: 100%;
    }
    ul.tab.red li.act{
        background: url(../images/tabBG_red_m.png) no-repeat center top;
        background-size: 100%;
    }
    /*===== 767 ETF =====*/
    .scene{
        background: none;
        background-color: #95d0f4;
    }
    .scene .etf{
        width: 100vw;
        padding: 0 4vw;
    }
    .scene .etf:nth-of-type(1){
        background: url(../images/bgScene1_1_m.jpg) no-repeat center top;
        background-size: 100%;
    }
    .scene .etf:nth-of-type(2){
        padding-bottom: 12vw;
        background: url(../images/bgScene1_2_m.jpg) no-repeat center bottom;
        background-size: 100%;
    }
    .fundBox{
        margin-top: 6.66vw;
    }
    .fund .card{
        border-radius: 2vw 1.33vw 2vw 2vw;
    }
    .card924{
        background: url(../images/fundBG_924_m.jpg) no-repeat center top;
        background-size: 100%;
        background-color: #fff;
    }
    .card949{
        background: url(../images/fundBG_949_m.jpg) no-repeat center top;
        background-size: 100%;
        background-color: #fff;
    }
    .card929{
        background: url(../images/fundBG_929_m.jpg) no-repeat center top;
        background-size: 100%;
        background-color: #fff;
    }
    .card710{
        background: url(../images/fundBG_710_m.jpg) no-repeat center top;
        background-size: 100%;
        background-color: #fff;
    }
    .card768{
        background: url(../images/fundBG_768_m.jpg) no-repeat center top;
        background-size: 100%;
        background-color: #fff;
    }
    .card789{
        background: url(../images/fundBG_789_m.jpg) no-repeat center top;
        background-size: 100%;
        background-color: #fff;
    }
    .fund.stocks .card{ height: auto;}
    .fund.bonds .card{ height: auto;}
    .card .fundName{
        width: 93.33vw;
        height: 35.33vw;
        margin-left: -1.33vw;
        padding-left: 6.66vw;
        padding-right: 3vw;
        padding-bottom: 0.66vw;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .card .fundName h2.code{
        height: 14.66vw;
        padding-top: 2.66vw;
        font-size: 9.06vw;
        filter: drop-shadow(0.4vw 0.4vw 1.33vw rgba(0, 0, 0, 0.25));
    }
    .card .fundName p.name{
        margin-left: 0;
        padding-right: 26vw;
        height: 22.27vw;
        font-size: 5.33vw;
        line-height: 18.27vw;
    }
    .card .fundName p.name.blue{ color: var(--blue);}
    .card .fundName p.name.red{ color: var(--red);}
    .card .fundName p.name br{
        display: none;
    }
    .card .fundName p.name span.eng{
        font-size: 5.86vw;
        vertical-align: 0;
        position: relative;
        top: 0.13vw;
    }
    .card .fundName p.name.long{
        padding-top: 2vw;
        font-size: 4.26vw;
        line-height: 5.6vw;
        text-align: justify;
    }
    .card .fundName p.name.long span.eng{
        font-size: 4.53vw;
    }
    .card924 .fundName{
        background: url(../images/fundTitleBG_blue.png) no-repeat center top;
        background-size: 100%;
    }
    .card949 .fundName{
        background: url(../images/fundTitleBG_blue.png) no-repeat center top;
        background-size: 100%;
    }
    .card929 .fundName{
        background: url(../images/fundTitleBG_blue.png) no-repeat center top;
        background-size: 100%;
    }
    .card710 .fundName{
        background: url(../images/fundTitleBG_red.png) no-repeat center top;
        background-size: 100%;
    }
    .card768 .fundName{
        background: url(../images/fundTitleBG_red.png) no-repeat center top;
        background-size: 100%;
    }
    .card789 .fundName{
        background: url(../images/fundTitleBG_red.png) no-repeat center top;
        background-size: 100%;
    }
    .fundIntro{
        width: 92vw;
        height: auto;
        padding: 0 0 6.66vw 0;
    }
    .boxShadow{ filter: drop-shadow(0 0 2.82vw rgba(0, 0, 0, 0.35));}
    .bonds .fundIntro{ height: auto;}
    /* 767 小標 */
    .fundIntro h3{
        margin-top: 0;
        margin-left: 0;
        padding-top: 34.66vw;
        padding-left: 8.29vw;
        font-size: 4.8vw;
    }
    .fundIntro h3::before{
        width: 0.93vw;
        height: 4.66vw;
        top: auto;
        left: 5.33vw;
        bottom: -0.26vw;
    }
    /* 767 獎項 */
    .fundIntro .award{
        margin-top: 4vw;
        margin-left: 0;
        padding-left: 5.33vw;
        flex-direction: column;
    }
    .fundIntro .award .item{
        margin-right: 0;
        font-size: 3.46vw;
    }
    .fundIntro .award .item img{
        width: 3.2vw;
        margin-left: -0.8vw;
        margin-right: 1.33vw;
        top: 0.26vw;
    }
    .fundIntro .award ul.prize{
        height: 9.33vw;
        margin-top: 1.33vw;
        padding-left: 3.33vw;
    }
    .fundIntro .award ul.prize li{
        height: 9.33vw;
        margin-bottom: 1.33vw;
        padding-right: 4vw;
        font-size: 3.46vw;
        letter-spacing: 0.025em;
        line-height: 4.8vw;
    }
    .fundIntro .award ul.prize li span.eng{
        font-size: 3.6vw;
    }
    .fundIntro p.note{
        margin-left: 8.26vw;
        padding-right: 5.33vw;
    }
    .fundIntro p.note.tableNote{
        padding-right: 0;
    }
    /* 767 圖表警語 */
    p.note{
        margin-top: 0.66vw;
        font-size: 2.4vw;
        line-height: 3.46vw;
        letter-spacing: 0;
    }
    p.note.tableNote{
        margin-top: 1.33vw;
        margin-bottom: 1.33vw;
        margin-left: 0;
    }
    /* 767 特點頁籤 */
    .fundIntro ul.subTab{
        margin-top: 4vw;
        margin-left: 0;
        padding-left: 5.33vw;
    }
    .fundIntro ul.subTab li{
        margin-right: 2.66vw;
        padding: 0 4.8vw 0.2vw 2.93vw;
        border-radius: 2.8vw;
        font-size: 3.2vw;
        line-height: 5.6vw;
    }
    .fundIntro ul.subTab li::after{
        width: 0.93vw;
        height: 1.86vw;
        top: calc(50% - 0.8vw);
        right: 2.66vw;
    }
    /* 767 基金特點 */
    .fundIntro .sheet{
        margin-top: 0;
        padding-left: 5.33vw;
        padding-right: 5.33vw;
    }
    .sheet .tipsBox{
        flex-direction: column;
    }
    .tipsBox .tips{
        width: calc(100% - 0.26vw);
        margin-right: 0;
        margin-top: 2.66vw;
        padding: 2vw 2vw 2vw 17.33vw;
        border-radius: 1.33vw;
    }
    .tipsBox .tips::before{
        width: 28.26vw;
        height: 28.26vw;
        top: -14.13vw;
        left: -14.13vw;
    }
    .tipsBox .tips.tips1{
        border: 0.26vw solid #e5276d;
    }
    .tipsBox .tips.tips2{
        border: 0.26vw solid #f2a208;
    }
    .tipsBox .tips.tips3{
        border: 0.26vw solid #08a6e2;
    }
    .tipsBox .tips > .icon{
        width: 18.8vw;
        top: calc(50% - 9vw);
        left: 0.66vw;
    }
    .tipsBox .tips > h4{
        width: 100%;
        margin-bottom: 0;
        padding-top: 2.66vw;
        padding-left: 4vw;
        background-color: #fff;
        border-radius: 1.06vw 1.06vw 0 0;
        font-size: 4.53vw;
        line-height: 1;
    }
    .tipsBox .tips > h4 br{ display: none;}
    .card929 .tipsBox .tips3 > h4{
            padding-left: 4vw;
    }
    .tipsBox .tips > p{
        height: auto;
        padding: 2vw 2vw 2.66vw 4vw;
        border-radius: 0 0 1.06vw 1.06vw;
        font-size: 3.46vw;
        line-height: 4.8vw;
    }
    /* 767 績效表現 */
    .sheet .number{
        margin-top: 2.66vw;
        padding: 0 0;
    }
    .number .numHead > div{
        width: 26.93vw;
        font-size: 3.2vw;
        line-height: 8.66vw;
    }
    .number .numHead.fourCol > div{ width: 20.13vw;}
    .number .numHead > div:first-of-type{ border-top-left-radius: 1.33vw;}
    .number .numHead > div:last-of-type{ border-top-right-radius: 1.33vw;}
    .number .numItem{
        border: 0.26vw solid #726658;
        border-radius: 0 0 1.33vw 1.33vw;
    }
    .number .numItem > div{
       width: 26.93vw;
        font-size: 3.2vw;
        line-height: 9.6vw;
    }
    .number .numItem.fourCol > div{ width: 20.13vw;}
    .number .numItem > div:first-of-type{ border-bottom-left-radius: 1.33vw;}
    .number .numItem > div:last-of-type{ border-bottom-right-radius: 1.33vw;}
    .number:first-of-type{ margin-bottom: 0;}
    /* 767 十大持股 */
    .sheet .element{
        margin-top: 2.66vw;
    }
    .element .elBox{
        flex: 0 0 100%;
    }
    .elBox:first-of-type .elHead{ border-radius: 1.33vw 1.33vw 0 0;}
    .elBox:nth-of-type(2) .elHead{ display: none;}
    .elBox .elHead > div{
        font-size: 3.2vw;
        line-height: 6.66vw;
    }
    .elBox .elHead > div:nth-of-type(1){
        flex: 0 0 calc(62% - 0.26vw);
    }
    .elBox .elHead > div:nth-of-type(1)::after{
        width: 0.26vw;
        height: 5.06vw;
        top: 0.8vw;
        right: -0.26vw;
    }
    .elBox:first-of-type .elHead > div:nth-of-type(2)::after{
        display: none;
    }
    .elBox:first-of-type .elItem::before{
        width: 0.26vw;
        height: calc(100% + 0.26vw);
    }
    .elBox:first-of-type .elItem::after{
        content: '';
        width: 0.26vw;
        height: calc(100% + 0.26vw);
        display: block;
        background-color: #8f704c;
        position: absolute;
        top: 0;
        right: 0;
    }
    .elBox:nth-of-type(2) .elItem::before{
        width: 0.26vw;
        height: calc(100% + 0.26vw);
    }
    .elBox:nth-of-type(2) .elItem::after{
        content: '';
        width: 0.26vw;
        height: calc(100% + 0.26vw);
        display: block;
        background-color: #c46823;
        position: absolute;
        top: 0;
        left: 0;
    }
    .elBox .elItem .row{
        margin-bottom: 0.26vw;
    }
    .elBox .elItem .row > div{
        font-size: 3.2vw;
        line-height: 6.66vw;
    }
    .elBox .elItem .row > div:nth-of-type(1){
        margin-right: 0.26vw;
        flex: 0 0 calc(62% - 0.26vw);
    }
     .elBox:nth-of-type(2) .elItem .row{
       margin-left: 0.26vw;
    }
    .elBox:first-of-type .elItem .row:nth-of-type(odd) > div,
    .elBox:nth-of-type(2) .elItem .row:nth-of-type(even) > div{
        background-color: #fff6e9;
    }
    .elBox .elItem .row:nth-of-type(even) > div,
    .elBox:nth-of-type(2) .elItem .row:nth-of-type(odd) > div{
        background-color: #fde8c7;
    }
    .element .elTotal{
        border-radius: 0 0 1.33vw 1.33vw;
        font-size: 3.2vw;
        line-height: 6.66vw;
    }
    .element .elTotal > div:nth-of-type(1){
        flex: 0 0 calc(62% - 0.26vw);
    }
    .element .elTotal > div:nth-of-type(1)::after{
        width: 0.26vw;
        height: 5.06vw;
        top: 0.8vw;
        right: -0.26vw;
    }
    .element .elTotal > div:nth-of-type(2){
        flex: 0 0 38%;
    }
    /* 767 按鈕 */
     a.more{
        width: 29.33vw;
        height: 8vw;
        margin-top: 6vw;
        padding: 0 7vw 0.08vw 6vw;
        border-radius: 1.06vw;
        font-size: 3.73vw;
        line-height: 8vw;
    }
    a.more::after{
        width: 1.06vw;
        height: 2.13vw;
        top: calc(50% - 0.93vw);
        right: 4.6vw;
    }
    /* 767 Swiper Arrows */
    .swiper-button-prev.prev, .swiper-button-next.next{
        width: 6.66vw;
        height: 6.66vw;
    }
    .swiper-button-prev.prev{
        left: 0.66vw;
    }
    .swiper-button-next.next{
        right: 0.66vw;
    }
    .swiper-horizontal {
        .swiper-button-prev,
        & ~ .swiper-button-prev,
        &.swiper-rtl .swiper-button-next,
        &.swiper-rtl ~ .swiper-button-next {
            left: 0.66vw;
            right: auto;
        }
        .swiper-button-next,
        & ~ .swiper-button-next,
        &.swiper-rtl .swiper-button-prev,
        &.swiper-rtl ~ .swiper-button-prev {
            right: 0.66vw;
            left: auto;
        }
    }
    /*===== 767 下載專區 =====*/
    .scene2{
        background: url(../images/bgScene2_m.jpg) no-repeat center bottom;
        background-size: 100%;
        background-color: #fff8e6;
        padding-bottom: 9.33vw;
    }
    .scene2 .sceneTitle{
        margin-top: 0;
    }
    .scene2 .dmBox{
        flex-direction: column;
    }
    .dmBox .dm{
        width: 92vw;
        height: 43.6vw;
        margin: 0 auto;
        padding: 6vw 5.33vw 2.66vw 42.66vw;
    }
    .dm:nth-of-type(1){
        margin-top: 6.66vw;
        background: url(../images/dmStocks_m.png) no-repeat center bottom;
        background-size: 100%;
    }
    .dm:nth-of-type(2){
        margin-top: 3.33vw;
        background: url(../images/dmBonds_m.png) no-repeat center bottom;
        background-size: 100%;
    }
    .dm h5{
        font-size: 5.33vw;
        line-height: 6.66vw;
    }
    .dm h5 br{ display: block;}
    .dm h5 span.eng{
        font-size: 5.6vw;
    }
    .dm p{
        margin-top: 2vw;
        font-size: 4.26vw;
    }
    .dm .btn{
        margin-top: 7.33vw;
        font-size: 3.73vw;
    }
    .dm .btn::after{
        width: 1.06vw;
        height: 2.13vw;
        top: calc(50% - 0.93vw);
        right: -2.66vw;
    }
    /*===== 767 FOOTER =====*/
    .foot{
        width: 100vw;
        padding: 6vw 4vw 6vw 4vw;
    }
    .foot h6{
        margin-bottom: 4vw;
        font-size: 3.2vw;
    }
    .jingyu p{
        font-size: 3.2vw;
        line-height: 4.26vw;
        word-break: break-all;
    }
    .corporation{
        padding: 6.66vw 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .corporation .logo{
        width: 26vw;
        margin-right: 4vw;
        margin-bottom: 2.66vw;
    }
    .corporation .info .name{
        margin-bottom: 2vw;
        font-size: 3.73vw;
    }
    .corporation .info .add{
        margin-bottom: 1.33vw;
        font-size: 3.2vw;
    }
    .corporation .info .branch{
        flex-wrap: wrap;
    }
    .corporation .info .branch p{
        font-size: 2.66vw;
        line-height: 3.73vw;
    }

}
@media screen and (max-width: 576px){ }
@media screen and (max-width: 350px){ 
    /*===== 767 FUND TAB =====*/
    ul.tab li p.long{
        letter-spacing: 0;
    }
}