.body {
    font-size: 16px
}

[data-dpr="2"] .body {
    font-size: 32px
}

[data-dpr="3"] .body {
    font-size: 48px
}

body, html {
    height: 100%
}

.full {
    height: 100%
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipsis.is-3col {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal
}

.bgwhite {
    background-color: #fff
}

.bggray {
    background-color: #f0f1f2
}

body {
    background: #f8f8f8;
    -webkit-overflow-scrolling: touch
}

.c-flex-page {
    display: flex;
    flex-direction: column
}

.c-flex-page>div {
    flex: none
}

.c-flex-page .c-flex-content {
    flex: auto;
    height: 100%;
    overflow: auto
}

.c-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    color: #fff;
    background: #09c;
    height: 2.4rem
}

.c-header__back-icon {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: .6rem;
    left: .6rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT4yNC9wYWdlX2JhY2tfZjI0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IjI0L3BhZ2VfYmFja19mMjQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJiYWNrX2tleSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi44NTM1NTM2LDIuNTYwNjYwMzkgTDUuNDE0MjEzNTYsMTAgTDEyLjg1MzU1MzYsMTcuNDM5MzM5NiBDMTMuMDQ4ODE1OCwxNy42MzQ2MDE4IDEzLjA0ODgxNTgsMTcuOTUxMTg0MyAxMi44NTM1NTM2LDE4LjE0NjQ0NjQgTDEyLjE0NDgxMDcsMTguODU1MTg5MyBDMTEuOTUwMTg4NSwxOS4wNDk4MTE1IDExLjYzNDg2OTgsMTkuMDUwNTQyNSAxMS40MzkzNDcyLDE4Ljg1NjgyNDkgTDMuMjE2OTk2OTEsMTAuNzEwMzc4MSBDMy4yMTQ4MDA4NywxMC43MDgyMDIzIDMuMjEyNjE0OTMsMTAuNzA2MDE2MyAzLjIxMDQzOTE2LDEwLjcwMzgyMDMgQzIuODIxNzI5OTQsMTAuMzExNDg5MyAyLjgyNDY2NTk0LDkuNjc4MzMxMTYgMy4yMTY5OTY5MSw5LjI4OTYyMTk0IEwxMS40MzkzNDcyLDEuMTQzMTc1MSBDMTEuNjM0ODY5OCwwLjk0OTQ1NzQ1IDExLjk1MDE4ODUsMC45NTAxODg1MjYgMTIuMTQ0ODEwNywxLjE0NDgxMDc0IEwxMi44NTM1NTM2LDEuODUzNTUzNjEgQzEzLjA0ODgxNTgsMi4wNDg4MTU3NiAxMy4wNDg4MTU4LDIuMzY1Mzk4MjUgMTIuODUzNTUzNiwyLjU2MDY2MDM5IFoiIGlkPSLot6/lvoQiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat
}

.c-header__sign-out {
    position: absolute;
    right: 0.6rem;
    top: 0.7rem;
    width:1.2rem;
    height:1.2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEOSURBVHgBvZRhDcIwEIUPFAwFIGEScMBwUAfUAaAAJOCAoGASmIOBgkkoLbyGx7a2S3/wkmbp3fXb2+U6kQkyxnRuSY7swQqANcXeon1pV2uXSsFO5qtDBHihun0ItkeBc6d7uR8gYhq1Tqc+TBGsHHnZAEif7qEVJ1oEdcD9KJCcejMFu2sloBgQ+Rolam73G8SPkq8bnpWj30EvIw5SDlf+K2e+cGYVOdChZhGp+XCmAKfIc1wPHwgsJVPUrsYBG2y2ki8PfPLY1JIpmmPlNgVNu86A7QZznLp6ERhfPdVPngmadApnHnYOFXmoQV8UO8YAa7pqYRgdUtTkmDqT+sGOgK89eIuYc1nIP/QCVMD4iQ3ZqPAAAAAASUVORK5CYII=) no-repeat
}

.c-header__submit-icon {
    position: absolute;
    width: auto;
    right: 0.6rem;
    top: 0.7rem;
    font-size: .8rem;
    color: #fff;
}

.c-header__filter-icon {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: .6rem;
    right: .6rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT4yNC9zY3JlZW5fZjI0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IjI0L3NjcmVlbl9mMjQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cCIgZmlsbD0iI2ZmZmZmZiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik04LDExLjQxNDIxMzYgTDQuMjkyODkzMjIsNy43MDcxMDY3OCBDNC4xMDUzNTY4NCw3LjUxOTU3MDQgNCw3LjI2NTIxNjQ5IDQsNyBMNCw0IEM0LDMuNDQ3NzE1MjUgNC40NDc3MTUyNSwzIDUsMyBMMTksMyBDMTkuNTUyMjg0NywzIDIwLDMuNDQ3NzE1MjUgMjAsNCBMMjAsNyBDMjAsNy4zMDM3ODM3MiAxOS44NjE5MTAzLDcuNTkxMDk2NjIgMTkuNjI0Njk1LDcuNzgwODY4ODEgTDE1LDExLjQ4MDYyNDggTDE1LDIwLjg4MzA5NTIgQzE1LDIxLjE1OTIzNzYgMTQuNzc2MTQyNCwyMS4zODMwOTUyIDE0LjUsMjEuMzgzMDk1MiBDMTQuNDA5Mzc4LDIxLjM4MzA5NTIgMTQuMzIwNDU5OCwyMS4zNTg0NjYzIDE0LjI0Mjc1MjEsMjEuMzExODQxNyBMOC40ODU1MDQyNCwxNy44NTc0OTI5IEM4LjE4NDI5ODgzLDE3LjY3Njc2OTcgOCwxNy4zNTEyNjI5IDgsMTcgTDgsMTEuNDE0MjEzNiBaIE02LDUgTDYsNi41ODU3ODY0NCBMMTAsMTAuNTg1Nzg2NCBMMTAsMTYuNDMzODA5NiBMMTMsMTguMjMzODA5NiBMMTMsMTAuNTE5Mzc1MiBMMTgsNi41MTkzNzUxNSBMMTgsNSBMNiw1IFogTTE3LjUsMTMgTDIxLjUsMTMgQzIxLjc3NjE0MjQsMTMgMjIsMTMuMjIzODU3NiAyMiwxMy41IEwyMiwxNC41IEMyMiwxNC43NzYxNDI0IDIxLjc3NjE0MjQsMTUgMjEuNSwxNSBMMTcuNSwxNSBDMTcuMjIzODU3NiwxNSAxNywxNC43NzYxNDI0IDE3LDE0LjUgTDE3LDEzLjUgQzE3LDEzLjIyMzg1NzYgMTcuMjIzODU3NiwxMyAxNy41LDEzIFogTTE3LjUsMTcgTDIxLjUsMTcgQzIxLjc3NjE0MjQsMTcgMjIsMTcuMjIzODU3NiAyMiwxNy41IEwyMiwxOC41IEMyMiwxOC43NzYxNDI0IDIxLjc3NjE0MjQsMTkgMjEuNSwxOSBMMTcuNSwxOSBDMTcuMjIzODU3NiwxOSAxNywxOC43NzYxNDI0IDE3LDE4LjUgTDE3LDE3LjUgQzE3LDE3LjIyMzg1NzYgMTcuMjIzODU3NiwxNyAxNy41LDE3IFoiIGlkPSLlvaLnirYiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat
}

.c-header__filter-pan {
    position: absolute;
    top: 2.4rem;
    left: 0;
    width: 100%
}

.c-bordertop {
    border-top: 1px solid rgba(0, 0, 0, .13)
}

.c-borderbottom {
    border-bottom: 1px solid rgba(0, 0, 0, .13)
}

.c-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #09c;
    border-radius: .1rem;
    width: 8rem;
    height: 2rem;
    font-size: .8rem;
    cursor: pointer;
    color: #fff
}

.c-btn.is-white {
    color: rgba(0, 0, 0, .66);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2)
}

.c-btn.is-white-blue {
    color: #0099CC;
    background: #fff;
    border: 1px solid #0099CC
}

.c-btn.is-disable {
    color: rgba(0, 0, 0, 0.26);
    background: rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.c-hide {
    display: none!important
}

.c-mb16 {
    margin-bottom: .8rem
}

.c-mb10 {
    margin-bottom: .5rem
}

.c-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 2.4rem;
    border-top: 1px solid rgba(0, 0, 0, .13);
    background: rgba(255, 255, 255, 0.80);
}

.c-footer .c-btn {
    margin-left: .6rem;
    height: 1.6rem;
}

.c-footer .c-btn:last-child {
    margin-right: .6rem;
}