.page-navi .app{height:150px;text-align:center}.page-navi .app .head{position:absolute;top:0;height:50px}.page-navi .app .q-item{padding:16px 16px}.page-navi .app .q-item .label{font-size:1.6rem}.page-navi .app .q-item .sublabel{font-size:0.8rem}.page-navi .app .q-item .q-chip{height:unset;margin:0 4px 0 0;padding:4px 8px;font-size:0.7rem}.page-navi .o-scrollarea-sidenavi{top:150px;bottom:60px}.page-navi footer{position:absolute;bottom:0;width:100%;height:60px}.page-navi footer .iconfont,.page-navi footer .q-icon{font-size:1.5rem;margin-right:8px}.o-notebook-item .q-item{padding:0 0 0 18px;height:2.5rem;cursor:pointer}.o-notebook-item .q-expansion-item .q-item{padding:0}.o-notebook-item .q-expansion-item .q-item__section--side>.q-icon{width:18px}.o-notebook-item .q-item__section--avatar{min-width:unset}.o-notebook-item .q-item__section--side{padding-right:0}.o-notebook-item .q-avatar .q-icon{font-size:1.5rem}.o-notebook-item .o-hover-toggle .q-icon{font-size:1.2rem}.o-notebook-item .name-input .q-field__control{height:24px;width:100%;padding:0 4px}.mobile .o-notebook-item .q-item{height:3rem}.o-notebook-tree .o-notebook-tree{padding-left:20px;background-color:rgba(0,0,0,0.05)}.notebook-navi nav{top:0}.notebook-navi .o-scrollarea-sidenavi.with-header{top:70px;padding:8px 8px}.notebook-navi .search-box{color:#fff;padding:0 8px;margin-top:2px;border-radius:4px}.notebook-navi .search-box .q-field__control,.notebook-navi .search-box .q-field__marginal{height:30px}.notebook-navi .search-box .q-field__prepend{padding-right:0px}.o-qtag-item .q-item{padding:0 0 0 18px;height:2.5rem;cursor:pointer}.o-qtag-item .q-expansion-item .q-item{padding:0}.o-qtag-item .q-expansion-item .q-item__section--side>.q-icon{width:18px}.o-qtag-item .q-item__section--avatar{min-width:unset}.o-qtag-item .q-item__section--side{padding-right:0}.o-qtag-item .q-avatar .q-icon{font-size:1.5rem}.o-qtag-item .o-hover-toggle .q-icon{font-size:1.2rem}.o-qtag-item .name-input .q-field__control{height:24px;width:100%;padding:0 4px}.o-qtag-tree .o-qtag-tree{padding-left:20px;background-color:rgba(0,0,0,0.05)}.quicknote-navi nav{top:0}.quicknote-navi .o-navi-list .q-avatar .q-icon{font-size:1.5rem}.quicknote-navi .o-scrollarea-sidenavi.with-header{top:70px;padding:8px 8px}.quicknote-navi .search-box{color:#fff;padding:0 8px;margin-top:2px;border-radius:4px}.quicknote-navi .search-box .q-field__control,.quicknote-navi .search-box .q-field__marginal{height:30px}.quicknote-navi .search-box .q-field__prepend{padding-right:0px}.layout-mobile .q-header{height:40px}.layout-mobile h3{text-align:center;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.layout-mobile .home{height:40px}.layout-mobile .home .logo{height:80px;font-size:200px;margin-top:-10px}.layout-mobile .home .desc{height:40px}.layout-mobile .home .desc .title{font-size:1.2rem;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;height:35px;line-height:45px}.layout-mobile .home .desc .subtitle{font-size:0.8rem;height:15px}.layout-mobile .top-navi .toolbar{height:40px;background-image:-webkit-gradient(linear,left top,right top,color-stop(5%,#0ae),to(#203bac))!important;background-image:linear-gradient(90deg,#0ae 5%,#203bac)!important}.layout-mobile .top-navi .toolbar-extra{height:40px;padding:12px 12px 0 0}.layout-mobile .top-navi .toolbar-extra .q-btn{padding:0 16px;margin:0px}.layout-mobile .top-navi .toolbar-extra .q-btn.small{padding:0 4px;margin:0}.layout-mobile .bottom-navi{height:60px;-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,0.5);box-shadow:0 8px 28px 0 rgba(0,0,0,0.5)}.layout-mobile .bottom-navi .q-tab{height:60px}.layout-mobile .bottom-navi .q-tab .q-tab__indicator{display:none}.layout-mobile .bottom-navi .q-tab--active{color:$secondary}.layout-mobile .bottom-navi .icon{width:28px;height:28px;text-align:center}.layout-mobile .bottom-navi .icon .q-icon,.layout-mobile .bottom-navi .iconfont{font-size:22px}.layout-mobile .bottom-navi .label{font-size:10px}.iphonex .bottom-navi{height:80px}