.isMac #home #other #banner .msg .topic h2,.isMac #home #other #banner .msg .note h3{padding-top: .15em;}
#work #main .box .items .col>a .msg h3, #work #main .box .items .col>div .msg h3{overflow: visible;}
#join .mid .inner .group .box h2>span{overflow: visible;}
.cursor--group.more .cursor--outer{background-color: var(--color);border-color: var(--color);transition: background-color .5s ease-in-out,border-color .5s ease-in-out;}
#app .footerMak.go+footer .moveFn > a{pointer-events: auto;}
#detail .r1Pc .part .right .list .layout-btn-2>span small>em{margin-right: 0;}
#detail .r1 + .r2{padding-top: 9vw;}
#app footer{padding-top: calc(5vw + 100px);}
#app footer .mid{z-index: 10;}
#app #home{margin-bottom: 2rem;}
#join .mid .inner .group .box h3{font-weight: 400;}
#detail .r1Pc .inner h2>.letter{padding-top: .1em;}
#work #main .title .child p{letter-spacing: 0;}
#home #other #banner .msg .topic h2.txtCh,#home #other #banner .msg .note h3.txtCh{font-family: "Microsoft JhengHei";}
@media screen and (orientation : portrait){
    /*#app:before{*/
    /*    content: "";position: fixed;z-index: 99;*/
    /*    width: 100%;height: 1.8rem;*/
    /*    left: 0;top: 0;*/
    /*    background: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 60%);*/
    /*}*/
    #app header{pointer-events: none;}
    #app header .app-nav{pointer-events: auto;}
    #toast span{font-size: 14px;}
    #app footer{padding-top: calc(.8rem + 20px);}
    #app footer .top .c2{gap: 0.35rem 0;}
    #app footer .top .c2>li p.f-20{margin-top: .1rem;}
    #app footer .top .c2>li p{line-height: 1.2}
    #app footer .top .c2>li .img{width: 24vw;}
    #app nav.menu .items .note p{padding-top: .18em;}
    #app.noFoot footer{display: none!important;}
    .dropdown>ul{top: .9rem;}
    #pop .group .close{z-index: 10;}
    #pop .group .con .form .col .inRow{border-radius: 0px;}
    #home #other .inner .cursorSlider_more>.hrefGo:after{
        content: "";position: absolute;
        left: 0;bottom: 99%;right: 0;margin: 0 auto;
        height: 90vh;width: 30vw;
    }
    #home #other .inner .group .set .src .icon{margin-right: 0;margin-left: .1rem;}
    #home #other .inner{height: 100%;bottom: 0;pointer-events: none}
    #home #other .inner .group .set .src .icon .st1{stroke-width: 1.5rem;}
    #home #other .inner .group{height: 100%;width: 100%;justify-content: space-between;right: 0;padding: 1.5rem 6vw 1.1rem 6vw;pointer-events: none;}
    #home #other .inner .group .set{width: 100%;align-self: flex-start;pointer-events: auto;}
    #home #other .inner .group .set .hand{height: .38rem;}
    #home #other .inner .cursorSlider_more{height: 13%;left: 0;right: 0;margin: 0 auto;top: auto;bottom: 2rem;width: 90%;}
    #home #other #banner .msg{bottom: 2.1rem;padding: 0 6vw;}
    #home #other #banner .msg .topic, #home #other #banner .msg .note{height: 9vw;}
    #home #other #banner .msg .topic h2, #home #other #banner .msg .note h3{
        line-height: .8;
        padding-top: .13em;
        height: .9em;
    }


    #about #main .r1 .group h1 span:nth-of-type(4) > .letter:nth-of-type(19){display: block;}
    #about #main .r1 .group h1{letter-spacing: -1px;}
    #about #main .r2 .group >a{display: none;}
    #about #main .r2 .group >.line{display: none;}
    #about #main .r2 .group{padding-top: 4.5rem;}
    #about #main .r3 .group .wrap h3 > span >span{
        line-height: .8;
        padding-top: .12em;
        height: .8em;
    }
    #about #main .r3 .group .wrap .con{width: 88%;}
    #about #main .r3 .group .wrap .con .child>ul>li>a{white-space: nowrap;}
    #about #main .r3 .group .wrap .con .child>ul>li>p{font-size: 12px;}
    #about #main .r3 .group .wrap h3{letter-spacing: -.04em;}
    #about #main .r3 .group{width: 100%;}
    #about #main .r3-1{width: 100vw;}
    #about #main .r3-1 .chunk h3{line-height: .6;font-size: 16vw;margin-bottom: .3rem;}
    #about #main .r3-1 .chunk h3 >span >.letter{
        line-height: .8;
        padding-top: .1em;
        height: .9em;
    }
    #about #main .r4{padding-bottom: 150%;}
    #about #main .r4 .video .tsBox canvas{width: 266.665vw;}
    #about #main .r4 .video:after{z-index: 10;}
    #about #main .r4 .inner .til h3{letter-spacing: -0.05rem;}
    #about #main .r5{height: 100vh;}
    #about #main .r5{display: flex;align-items: center;}
    #about #main .r6 .inner h2{font-size: 15vw;line-height: .6}
    #about #main .r6 .inner h2>span>span{
        line-height: .8;
        padding-top: .12em;
        height: .9em;
    }
    #about #main .r7{overflow: hidden;width: 100%;padding-top: 1rem;}
    #about #main .r7 .inner{height: 100vh;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
    #about #main .r7 .inner .til h2{font-size: 8.8vw;}
    #about #main .r7 .group .box .col:nth-of-type(2) .list{height: 120vw;}

    #join .mid .inner .group .tab .lists.hideIn{opacity: 0;}
    #join .mid .inner .group .tab .lists>img{height: 60%;}
    #join .mid .inner .group .tab .lists:after{border-width: 5px;right: calc(100% + .12rem)}

    #work #main .box .tree>li>a{font-size: 12px;pointer-events: none;}
    #work #main .title{padding-left: 0;}
    #detail .r1 .top h1 .letter{
        line-height: .8;
        padding-top: .12em;
        height: 1.2em;
    }
    #app .foot{padding: 0rem 0 2rem 0;display: flex;align-items: center;justify-content: center;}
    #app .footerMak:after{height: 120vh;}
    #app .foot,#app .foot h3{overflow: hidden;height: 22%;bottom: 0;margin: auto 0;}
    #app .foot h3{bottom: 2rem;}
    #app .foot h3>span{overflow: visible;}

    #work #main .box .items .col>a .msg h3, #work #main .box .items .col>div .msg h3{
        height: .54rem;padding-top: .12em;
    }
    #work #main .box .items .col>div .photo, #work #main .box .items .col>a .photo{height: 60vw;}
    .sha_nav .nav_con_>div .btnNav_close{width: 1.1rem;height: 1.1rem;}
    .sha_nav .nav_con_>div .btnNav_close svg{
        width: .25rem;
        height: .25rem;
    }
    #work .toTopBtn .layer-icon .iconfont{line-height: .1rem;font-size: 18px;}

    #detail .r1 + .r2{padding-top: 0vw;}
    #detail .r1 .other .layout-btn{padding-left: .5rem;padding-right: .5rem;}
    #detail .r1 .other .layout-btn>span{font-size: 14px;}
	
}