@charset "UTF-8";.tox {
    box-shadow: none;
    box-sizing: content-box;
    color: #222f3e;
    cursor: auto;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    vertical-align: initial;
    white-space: normal
}

.tox :not(svg):not(rect) {
    box-sizing: inherit;
    color: inherit;
    cursor: inherit;
    direction: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    -webkit-tap-highlight-color: inherit;
    text-align: inherit;
    text-decoration: inherit;
    text-shadow: inherit;
    text-transform: inherit;
    vertical-align: inherit;
    white-space: inherit
}

.tox :not(svg):not(rect) {
    background: 0 0;
    border: 0;
    box-shadow: none;
    float: none;
    height: auto;
    margin: 0;
    max-width: none;
    outline: 0;
    padding: 0;
    position: static;
    width: auto
}

.tox:not([dir=rtl]) {
    direction: ltr;
    text-align: left
}

.tox[dir=rtl] {
    direction: rtl;
    text-align: right
}

.tox-tinymce {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    overflow: hidden;
    position: relative;
    visibility: inherit!important
}

.tox.tox-tinymce-inline {
    border: none;
    box-shadow: none;
    overflow: initial
}

.tox.tox-tinymce-inline .tox-editor-container {
    overflow: initial
}

.tox.tox-tinymce-inline .tox-editor-header {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden
}

.tox-tinymce-aux {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    z-index: 1300
}

.tox-tinymce :focus,.tox-tinymce-aux :focus {
    outline: 0
}

button::-moz-focus-inner {
    border: 0
}

.tox[dir=rtl] .tox-icon--flip svg {
    transform: rotateY(180deg)
}

.tox .accessibility-issue__header {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.tox .accessibility-issue__description {
    align-items: stretch;
    border-radius: 3px;
    display: flex;
    justify-content: space-between
}

.tox .accessibility-issue__description>div {
    padding-bottom: 4px
}

.tox .accessibility-issue__description>div>div {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.tox .accessibility-issue__description>div>div .tox-icon svg {
    display: block
}

.tox .accessibility-issue__repair {
    margin-top: 16px
}

.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
    background-color: #1e71aa1a;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
    color: #207ab7
}

.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
    fill: #207ab7
}

.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
    background-color: #207ab7;
    color: #fff
}

.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover {
    background-color: #1c6ca1
}

.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
    background-color: #185d8c
}

.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
    background-color: #ffa50014;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
    color: #8f5d00
}

.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
    fill: #8f5d00
}

.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
    background-color: #ffe89d;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover {
    background-color: #f2d574;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
    background-color: #e8c657;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
    background-color: #cc00001a;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
    color: #c00
}

.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
    fill: #c00
}

.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
    background-color: #f2bfbf;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus,.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover {
    background-color: #e9a4a4;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
    background-color: #ee9494;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
    background-color: #78ab461a;
    color: #222f3e
}

.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child {
    display: none
}

.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
    color: #527530
}

.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
    fill: #527530
}

.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
    font-size: 14px;
    margin-top: 0
}

.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
    margin-left: 4px
}

.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2) {
    margin-left: auto
}

.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
    padding: 4px 4px 4px 8px
}

.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
    margin-right: 4px
}

.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2) {
    margin-right: auto
}

.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
    padding: 4px 8px 4px 4px
}

.tox .tox-advtemplate .tox-form__grid {
    flex: 1
}

.tox .tox-advtemplate .tox-form__grid>div:first-child {
    display: flex;
    flex-direction: column;
    width: 30%
}

.tox .tox-advtemplate .tox-form__grid>div:first-child>div:nth-child(2) {
    flex-basis: 0;
    flex-grow: 1;
    overflow: auto
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid>div:first-child {
        width:100%
    }
}

.tox .tox-advtemplate iframe {
    border-color: #ccc;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    margin: 0 10px
}

.tox .tox-anchorbar,.tox .tox-bottom-anchorbar,.tox .tox-bar {
    display: flex;
    flex: 0 0 auto
}

.tox .tox-button {
    background-color: #207ab7;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border-color: #207ab7;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
    margin: 0;
    outline: 0;
    padding: 4px 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap
}

.tox .tox-button:before {
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #fff,0 0 0 1px #207ab7,0 0 0 3px #207ab740;
    content: "";
    inset: -1px;
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.tox .tox-button[disabled] {
    background-color: #207ab7;
    background-image: none;
    border-color: #207ab7;
    box-shadow: none;
    color: #ffffff80;
    cursor: not-allowed
}

.tox .tox-button:focus:not(:disabled) {
    background-color: #1c6ca1;
    background-image: none;
    border-color: #1c6ca1;
    box-shadow: none;
    color: #fff
}

.tox .tox-button:focus-visible:not(:disabled):before {
    opacity: 1
}

.tox .tox-button:hover:not(:disabled) {
    background-color: #1c6ca1;
    background-image: none;
    border-color: #1c6ca1;
    box-shadow: none;
    color: #fff
}

.tox .tox-button:active:not(:disabled) {
    background-color: #185d8c;
    background-image: none;
    border-color: #185d8c;
    box-shadow: none;
    color: #fff
}

.tox .tox-button.tox-button--enabled {
    background-color: #185d8c;
    background-image: none;
    border-color: #185d8c;
    box-shadow: none;
    color: #fff
}

.tox .tox-button.tox-button--enabled[disabled] {
    background-color: #185d8c;
    background-image: none;
    border-color: #185d8c;
    box-shadow: none;
    color: #ffffff80;
    cursor: not-allowed
}

.tox .tox-button.tox-button--enabled:focus:not(:disabled) {
    background-color: #154f76;
    background-image: none;
    border-color: #154f76;
    box-shadow: none;
    color: #fff
}

.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
    background-color: #154f76;
    background-image: none;
    border-color: #154f76;
    box-shadow: none;
    color: #fff
}

.tox .tox-button.tox-button--enabled:active:not(:disabled) {
    background-color: #114060;
    background-image: none;
    border-color: #114060;
    box-shadow: none;
    color: #fff
}

.tox .tox-button--icon-and-text,.tox .tox-button.tox-button--icon-and-text,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
    display: flex;
    padding: 5px 4px
}

.tox .tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--icon-and-text .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
    display: block;
    fill: currentColor
}

.tox .tox-button--secondary {
    background-color: #f0f0f0;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border-color: #f0f0f0;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: #222f3e;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    outline: 0;
    padding: 4px 16px;
    text-decoration: none;
    text-transform: none
}

.tox .tox-button--secondary[disabled] {
    background-color: #f0f0f0;
    background-image: none;
    border-color: #f0f0f0;
    box-shadow: none;
    color: #222f3e80
}

.tox .tox-button--secondary:focus:not(:disabled) {
    background-color: #e3e3e3;
    background-image: none;
    border-color: #e3e3e3;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--secondary:hover:not(:disabled) {
    background-color: #e3e3e3;
    background-image: none;
    border-color: #e3e3e3;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--secondary:active:not(:disabled) {
    background-color: #d6d6d6;
    background-image: none;
    border-color: #d6d6d6;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--secondary.tox-button--enabled {
    background-color: #b1ccdf;
    background-image: none;
    border-color: #b1ccdf;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--secondary.tox-button--enabled[disabled] {
    background-color: #b1ccdf;
    background-image: none;
    border-color: #b1ccdf;
    box-shadow: none;
    color: #222f3e80
}

.tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
    background-color: #9fc1d7;
    background-image: none;
    border-color: #9fc1d7;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
    background-color: #9fc1d7;
    background-image: none;
    border-color: #9fc1d7;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
    background-color: #8db5d0;
    background-image: none;
    border-color: #8db5d0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon {
    padding: 4px
}

.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
    display: block;
    fill: currentColor
}

.tox .tox-button-link {
    background: 0;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.tox .tox-button-link--sm {
    font-size: 14px
}

.tox .tox-button--naked {
    background-color: transparent;
    border-color: transparent;
    box-shadow: unset;
    color: #222f3e
}

.tox .tox-button--naked[disabled] {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    box-shadow: none;
    color: #222f3e80
}

.tox .tox-button--naked:hover:not(:disabled) {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--naked:focus:not(:disabled) {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--naked:active:not(:disabled) {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-button--naked .tox-icon svg {
    fill: currentColor
}

.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
    color: #222f3e
}

.tox .tox-checkbox {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    height: 36px;
    min-width: 36px
}

.tox .tox-checkbox__input {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.tox .tox-checkbox__icons {
    align-items: center;
    border-radius: 3px;
    box-shadow: 0 0 0 2px transparent;
    box-sizing: content-box;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 3px;
    width: 24px
}

.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
    display: block;
    fill: #222f3e4d
}

.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
    display: none;
    fill: #207ab7
}

.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
    display: none;
    fill: #207ab7
}

.tox .tox-checkbox--disabled {
    color: #222f3e80;
    cursor: not-allowed
}

.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
    fill: #222f3e80
}

.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
    fill: #222f3e80
}

.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
    fill: #222f3e80
}

.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
    display: none
}

.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg {
    display: block
}

.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
    display: none
}

.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
    display: block
}

.tox input.tox-checkbox__input:focus+.tox-checkbox__icons {
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #207ab7;
    padding: 3px
}

.tox:not([dir=rtl]) .tox-checkbox__label {
    margin-left: 4px
}

.tox:not([dir=rtl]) .tox-checkbox__input {
    left: -10000px
}

.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
    margin-left: 4px
}

.tox[dir=rtl] .tox-checkbox__label {
    margin-right: 4px
}

.tox[dir=rtl] .tox-checkbox__input {
    right: -10000px
}

.tox[dir=rtl] .tox-bar .tox-checkbox {
    margin-right: 4px
}

.tox .tox-collection--toolbar .tox-collection__group {
    display: flex;
    padding: 0
}

.tox .tox-collection--grid .tox-collection__group {
    display: flex;
    flex-wrap: wrap;
    max-height: 208px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0
}

.tox .tox-collection--list .tox-collection__group {
    border-bottom-width: 0;
    border-color: #ccc;
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-top-width: 1px;
    padding: 4px 0
}

.tox .tox-collection--list .tox-collection__group:first-child {
    border-top-width: 0
}

.tox .tox-collection__group-heading {
    background-color: #e6e6e6;
    color: #222f3eb3;
    cursor: default;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 4px;
    margin-top: -4px;
    padding: 4px 8px;
    text-transform: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tox .tox-collection__item {
    align-items: center;
    border-radius: 3px;
    color: #222f3e;
    display: flex;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tox .tox-collection--list .tox-collection__item {
    padding: 4px 8px
}

.tox .tox-collection--toolbar .tox-collection__item,.tox .tox-collection--grid .tox-collection__item {
    border-radius: 3px;
    padding: 4px
}

.tox .tox-collection--list .tox-collection__item--enabled {
    background-color: #fff;
    color: #222f3e
}

.tox .tox-collection--list .tox-collection__item--active {
    background-color: #dee0e2
}

.tox .tox-collection--toolbar .tox-collection__item--enabled {
    background-color: #c8cbcf;
    color: #222f3e
}

.tox .tox-collection--toolbar .tox-collection__item--active {
    background-color: #dee0e2
}

.tox .tox-collection--grid .tox-collection__item--enabled {
    background-color: #c8cbcf;
    color: #222f3e
}

.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    background-color: #dee0e2;
    color: #222f3e
}

.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    color: #222f3e
}

.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    color: #222f3e
}

.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg {
    fill: currentColor
}

.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
    height: 48px;
    width: 48px
}

.tox .tox-collection__item-label {
    color: currentColor;
    display: inline-block;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 100%;
    text-transform: none;
    word-break: break-all
}

.tox .tox-collection__item-accessory {
    color: #222f3eb3;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-transform: none
}

.tox .tox-collection__item-caret {
    align-items: center;
    display: flex;
    min-height: 24px
}

.tox .tox-collection__item-caret:after {
    content: "";
    font-size: 0;
    min-height: inherit
}

.tox .tox-collection__item-caret svg {
    fill: #222f3e
}

.tox .tox-collection__item--state-disabled {
    background-color: transparent;
    color: #222f3e80;
    cursor: not-allowed
}

.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
    fill: #222f3e80
}

.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
    display: none
}

.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark {
    display: none
}

.tox .tox-collection--horizontal {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 2px #222f3e33,0 4px 8px #222f3e26;
    display: flex;
    flex: 0 0 auto;
    flex-shrink: 0;
    flex-wrap: nowrap;
    margin-bottom: 0;
    overflow-x: auto;
    padding: 0
}

.tox .tox-collection--horizontal .tox-collection__group {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0 4px
}

.tox .tox-collection--horizontal .tox-collection__item {
    height: 34px;
    margin: 3px 0 2px;
    padding: 0 4px
}

.tox .tox-collection--horizontal .tox-collection__item-label {
    white-space: nowrap
}

.tox .tox-collection--horizontal .tox-collection__item-caret {
    margin-left: 4px
}

.tox .tox-collection__item-container {
    display: flex
}

.tox .tox-collection__item-container--row {
    align-items: center;
    flex: 1 1 auto;
    flex-direction: row
}

.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
    margin-right: auto
}

.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
    justify-content: flex-end;
    margin-left: auto
}

.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
    align-items: flex-start;
    margin-bottom: auto
}

.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
    align-items: center
}

.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
    align-items: flex-end;
    margin-top: auto
}

.tox .tox-collection__item-container--column {
    align-self: center;
    flex: 1 1 auto;
    flex-direction: column
}

.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
    align-items: flex-start
}

.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
    align-items: flex-end
}

.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
    align-self: flex-start
}

.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
    align-self: center
}

.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
    align-self: flex-end
}

.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
    border-right: 1px solid #ccc
}

.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child) {
    margin-left: 8px
}

.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child {
    margin-left: 4px
}

.tox:not([dir=rtl]) .tox-collection__item-accessory {
    margin-left: 16px;
    text-align: right
}

.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
    margin-left: 16px
}

.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
    border-left: 1px solid #ccc
}

.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child) {
    margin-right: 8px
}

.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child {
    margin-right: 4px
}

.tox[dir=rtl] .tox-collection__item-accessory {
    margin-right: 16px;
    text-align: left
}

.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
    margin-right: 16px;
    transform: rotateY(180deg)
}

.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
    margin-right: 4px
}

.tox .tox-color-picker-container {
    display: flex;
    flex-direction: row;
    height: 225px;
    margin: 0
}

.tox .tox-sv-palette {
    box-sizing: border-box;
    display: flex;
    height: 100%
}

.tox .tox-sv-palette-spectrum {
    height: 100%
}

.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum {
    width: 225px
}

.tox .tox-sv-palette-thumb {
    background: 0 0;
    border: 1px solid #000;
    border-radius: 50%;
    box-sizing: content-box;
    height: 12px;
    position: absolute;
    width: 12px
}

.tox .tox-sv-palette-inner-thumb {
    border: 1px solid #fff;
    border-radius: 50%;
    height: 10px;
    position: absolute;
    width: 10px
}

.tox .tox-hue-slider {
    box-sizing: border-box;
    height: 100%;
    width: 25px
}

.tox .tox-hue-slider-spectrum {
    background: linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);
    height: 100%;
    width: 100%
}

.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum {
    width: 20px
}

.tox .tox-hue-slider-spectrum:focus,.tox .tox-sv-palette-spectrum:focus {
    outline: #08f solid
}

.tox .tox-hue-slider-thumb {
    background: #fff;
    border: 1px solid #000;
    box-sizing: content-box;
    height: 4px;
    width: 100%
}

.tox .tox-rgb-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.tox .tox-rgb-form div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    width: inherit
}

.tox .tox-rgb-form input {
    width: 6em
}

.tox .tox-rgb-form input.tox-invalid {
    border: 1px solid red!important
}

.tox .tox-rgb-form .tox-rgba-preview {
    border: 1px solid #000;
    flex-grow: 2;
    margin-bottom: 0
}

.tox:not([dir=rtl]) .tox-sv-palette {
    margin-right: 15px
}

.tox:not([dir=rtl]) .tox-hue-slider {
    margin-right: 15px
}

.tox:not([dir=rtl]) .tox-hue-slider-thumb {
    margin-left: -1px
}

.tox:not([dir=rtl]) .tox-rgb-form label {
    margin-right: .5em
}

.tox[dir=rtl] .tox-sv-palette,.tox[dir=rtl] .tox-hue-slider {
    margin-left: 15px
}

.tox[dir=rtl] .tox-hue-slider-thumb {
    margin-right: -1px
}

.tox[dir=rtl] .tox-rgb-form label {
    margin-left: .5em
}

.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches {
    margin: 2px 0 3px 4px
}

.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
    border: 0;
    margin: -4px 0
}

.tox .tox-swatches__row {
    display: flex
}

.tox .tox-swatch {
    height: 30px;
    transition: transform .15s,box-shadow .15s;
    width: 30px
}

.tox .tox-swatch:focus,.tox .tox-swatch:hover {
    box-shadow: 0 0 0 1px #7f7f7f4d inset;
    transform: scale(.8)
}

.tox .tox-swatch--remove {
    align-items: center;
    display: flex;
    justify-content: center
}

.tox .tox-swatch--remove svg path {
    stroke: #e74c3c
}

.tox .tox-swatches__picker-btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    outline: 0;
    padding: 0;
    width: 30px
}

.tox .tox-swatches__picker-btn svg {
    fill: #222f3e;
    height: 24px;
    width: 24px
}

.tox .tox-swatches__picker-btn:hover {
    background: #dee0e2
}

.tox div.tox-swatch:not(.tox-swatch--remove) svg {
    display: none;
    fill: #222f3e;
    height: 24px;
    margin: 3px;
    width: 24px
}

.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
    fill: #fff;
    paint-order: stroke;
    stroke: #222f3e;
    stroke-width: 2px
}

.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
    display: block
}

.tox:not([dir=rtl]) .tox-swatches__picker-btn {
    margin-left: auto
}

.tox[dir=rtl] .tox-swatches__picker-btn {
    margin-right: auto
}

.tox .tox-comment-thread {
    background: #fff;
    position: relative
}

.tox .tox-comment-thread>:not(:first-child) {
    margin-top: 8px
}

.tox .tox-comment {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 4px 8px #222f3e1a;
    padding: 8px 8px 16px;
    position: relative
}

.tox .tox-comment__header {
    align-items: center;
    color: #222f3e;
    display: flex;
    justify-content: space-between
}

.tox .tox-comment__date {
    color: #222f3e;
    font-size: 12px;
    line-height: 18px
}

.tox .tox-comment__body {
    color: #222f3e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 8px;
    position: relative;
    text-transform: initial
}

.tox .tox-comment__body textarea {
    resize: none;
    white-space: normal;
    width: 100%
}

.tox .tox-comment__expander {
    padding-top: 8px
}

.tox .tox-comment__expander p {
    color: #222f3eb3;
    font-size: 14px;
    font-style: normal
}

.tox .tox-comment__body p {
    margin: 0
}

.tox .tox-comment__buttonspacing {
    padding-top: 16px;
    text-align: center
}

.tox .tox-comment-thread__overlay:after {
    background: #fff;
    content: "";
    display: flex;
    inset: 0;
    opacity: .9;
    position: absolute;
    z-index: 5
}

.tox .tox-comment__reply {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 8px
}

.tox .tox-comment__reply>:first-child {
    margin-bottom: 8px;
    width: 100%
}

.tox .tox-comment__edit {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 16px
}

.tox .tox-comment__gradient:after {
    background: linear-gradient(#fff0,#fff);
    bottom: 0;
    content: "";
    display: block;
    height: 5em;
    margin-top: -40px;
    position: absolute;
    width: 100%
}

.tox .tox-comment__overlay {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    inset: 0;
    opacity: .9;
    position: absolute;
    text-align: center;
    z-index: 5
}

.tox .tox-comment__loading-text {
    align-items: center;
    color: #222f3e;
    display: flex;
    flex-direction: column;
    position: relative
}

.tox .tox-comment__loading-text>div {
    padding-bottom: 16px
}

.tox .tox-comment__overlaytext {
    flex-direction: column;
    font-size: 14px;
    inset: 0;
    padding: 1em;
    position: absolute;
    z-index: 10
}

.tox .tox-comment__overlaytext p {
    background-color: #fff;
    box-shadow: 0 0 8px 8px #fff;
    color: #222f3e;
    text-align: center
}

.tox .tox-comment__overlaytext div:nth-of-type(2) {
    font-size: .8em
}

.tox .tox-comment__busy-spinner {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center;
    inset: 0;
    position: absolute;
    z-index: 20
}

.tox .tox-comment__scroll {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    overflow: auto
}

.tox .tox-conversations {
    margin: 8px
}

.tox:not([dir=rtl]) .tox-comment__edit {
    margin-left: 8px
}

.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child {
    margin-left: 8px
}

.tox[dir=rtl] .tox-comment__edit {
    margin-right: 8px
}

.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child {
    margin-right: 8px
}

.tox .tox-user {
    align-items: center;
    display: flex
}

.tox .tox-user__avatar svg {
    fill: #222f3eb3
}

.tox .tox-user__avatar img {
    border-radius: 50%;
    height: 36px;
    object-fit: cover;
    vertical-align: middle;
    width: 36px
}

.tox .tox-user__name {
    color: #222f3e;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-transform: none
}

.tox:not([dir=rtl]) .tox-user__avatar img,.tox:not([dir=rtl]) .tox-user__avatar svg {
    margin-right: 8px
}

.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name {
    margin-left: 8px
}

.tox[dir=rtl] .tox-user__avatar img,.tox[dir=rtl] .tox-user__avatar svg {
    margin-left: 8px
}

.tox[dir=rtl] .tox-user__avatar+.tox-user__name {
    margin-right: 8px
}

.tox .tox-dialog-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    inset: 0;
    position: fixed;
    z-index: 1100
}

.tox .tox-dialog-wrap__backdrop {
    background-color: #ffffffbf;
    inset: 0;
    position: absolute;
    z-index: 1
}

.tox .tox-dialog-wrap__backdrop--opaque {
    background-color: #fff
}

.tox .tox-dialog {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 16px 16px -10px #222f3e26,0 0 40px 1px #222f3e26;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    max-width: 480px;
    overflow: hidden;
    position: relative;
    width: 95vw;
    z-index: 2
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox .tox-dialog {
        align-self:flex-start;
        margin: 8px auto;
        max-height: calc(100vh - 16px);
        width: calc(100vw - 16px)
    }
}

.tox .tox-dialog-inline {
    z-index: 1100
}

.tox .tox-dialog__header {
    align-items: center;
    background-color: #fff;
    border-bottom: none;
    color: #222f3e;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: 8px 16px 0;
    position: relative
}

.tox .tox-dialog__header .tox-button {
    z-index: 1
}

.tox .tox-dialog__draghandle {
    cursor: grab;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tox .tox-dialog__draghandle:active {
    cursor: grabbing
}

.tox .tox-dialog__dismiss {
    margin-left: auto
}

.tox .tox-dialog__title {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    text-transform: none
}

.tox .tox-dialog__body {
    color: #222f3e;
    display: flex;
    flex: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    min-width: 0;
    text-align: left;
    text-transform: none
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox .tox-dialog__body {
        flex-direction:column
    }
}

.tox .tox-dialog__body-nav {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: 16px
}

@media only screen and (min-width: 768px) {
    .tox .tox-dialog__body-nav {
        max-width:11em
    }
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
        flex-direction:row;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        padding-bottom: 0
    }
}

.tox .tox-dialog__body-nav-item {
    border-bottom: 2px solid transparent;
    color: #222f3eb3;
    display: inline-block;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 8px;
    max-width: 13em;
    text-decoration: none
}

.tox .tox-dialog__body-nav-item:focus {
    background-color: #207ab71a
}

.tox .tox-dialog__body-nav-item--active {
    border-bottom: 2px solid #207ab7;
    color: #207ab7
}

.tox .tox-dialog__body-content {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    max-height: min(650px,calc(100vh - 110px));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px
}

.tox .tox-dialog__body-content>* {
    margin-bottom: 0;
    margin-top: 16px
}

.tox .tox-dialog__body-content>:first-child {
    margin-top: 0
}

.tox .tox-dialog__body-content>:last-child {
    margin-bottom: 0
}

.tox .tox-dialog__body-content>:only-child {
    margin-bottom: 0;
    margin-top: 0
}

.tox .tox-dialog__body-content a {
    color: #207ab7;
    cursor: pointer;
    text-decoration: underline
}

.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover {
    color: #114060;
    text-decoration: underline
}

.tox .tox-dialog__body-content a:focus-visible {
    border-radius: 1px;
    outline: 2px solid #207ab7;
    outline-offset: 2px
}

.tox .tox-dialog__body-content a:active {
    color: #092335;
    text-decoration: underline
}

.tox .tox-dialog__body-content svg {
    fill: #222f3e
}

.tox .tox-dialog__body-content strong {
    font-weight: 700
}

.tox .tox-dialog__body-content ul {
    list-style-type: disc
}

.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul {
    padding-inline-start:2.5rem}

.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul {
    margin-bottom: 16px
}

.tox .tox-dialog__body-content dd,.tox .tox-dialog__body-content dl,.tox .tox-dialog__body-content dt,.tox .tox-dialog__body-content ol,.tox .tox-dialog__body-content ul {
    display: block;
    margin-inline-end:0;margin-inline-start:0}

.tox .tox-dialog__body-content .tox-form__group h1 {
    color: #222f3e;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    margin-bottom: 16px;
    margin-top: 2rem;
    text-transform: none
}

.tox .tox-dialog__body-content .tox-form__group h2 {
    color: #222f3e;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    margin-bottom: 16px;
    margin-top: 2rem;
    text-transform: none
}

.tox .tox-dialog__body-content .tox-form__group p {
    margin-bottom: 16px
}

.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child {
    margin-top: 0
}

.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child {
    margin-bottom: 0
}

.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child {
    margin-bottom: 0;
    margin-top: 0
}

.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
    text-align: center
}

.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
    text-align: end
}

.tox .tox-dialog--width-lg {
    height: 650px;
    max-width: 1200px
}

.tox .tox-dialog--fullscreen {
    height: 100%;
    max-width: 100%
}

.tox .tox-dialog--fullscreen .tox-dialog__body-content {
    max-height: 100%
}

.tox .tox-dialog--width-md {
    max-width: 800px
}

.tox .tox-dialog--width-md .tox-dialog__body-content {
    overflow: auto
}

.tox .tox-dialog__body-content--centered {
    text-align: center
}

.tox .tox-dialog__footer {
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start {
    display: flex
}

.tox .tox-dialog__busy-spinner {
    align-items: center;
    background-color: #ffffffbf;
    display: flex;
    justify-content: center;
    inset: 0;
    position: absolute;
    z-index: 3
}

.tox .tox-dialog__table {
    border-collapse: collapse;
    width: 100%
}

.tox .tox-dialog__table thead th {
    font-weight: 700;
    padding-bottom: 8px
}

.tox .tox-dialog__table thead th:first-child {
    padding-right: 8px
}

.tox .tox-dialog__table tbody tr {
    border-bottom: 1px solid #404040
}

.tox .tox-dialog__table tbody tr:last-child {
    border-bottom: none
}

.tox .tox-dialog__table td {
    padding-bottom: 8px;
    padding-top: 8px
}

.tox .tox-dialog__table td:first-child {
    padding-right: 8px
}

.tox .tox-dialog__iframe {
    min-height: 200px
}

.tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
    background: #fff
}

.tox .tox-navobj-bordered {
    position: relative
}

.tox .tox-navobj-bordered:before {
    border: 1px solid #ccc;
    border-radius: 3px;
    content: "";
    inset: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.tox .tox-navobj-bordered-focus.tox-navobj-bordered:before {
    border-color: #207ab7;
    box-shadow: none;
    outline: 2px solid rgba(32,122,183,.25)
}

.tox .tox-dialog__popups {
    position: absolute;
    width: 100%;
    z-index: 1100
}

.tox .tox-dialog__body-iframe {
    display: flex;
    flex: 1;
    flex-direction: column
}

.tox .tox-dialog__body-iframe .tox-navobj {
    display: flex;
    flex: 1
}

.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
    flex: 1;
    height: 100%
}

.tox .tox-dialog-dock-fadeout {
    opacity: 0;
    visibility: hidden
}

.tox .tox-dialog-dock-fadein {
    opacity: 1;
    visibility: visible
}

.tox .tox-dialog-dock-transition {
    transition: visibility 0s linear .3s,opacity .3s ease
}

.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
    transition-delay: 0s
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
        margin-left:8px
    }
}

.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>* {
    margin-left: 8px
}

.tox[dir=rtl] .tox-dialog__body {
    text-align: right
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
        margin-left:0
    }
}

@media only screen and (max-width: 767px) {
    body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
        margin-right:8px
    }
}

.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>* {
    margin-right: 8px
}

body.tox-dialog__disable-scroll {
    overflow: hidden
}

.tox .tox-dropzone-container {
    display: flex;
    flex: 1
}

.tox .tox-dropzone {
    align-items: center;
    background: #fff;
    border: 2px dashed #ccc;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    min-height: 100px;
    padding: 10px
}

.tox .tox-dropzone p {
    color: #222f3eb3;
    margin: 0 0 16px
}

.tox .tox-edit-area {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative
}

.tox .tox-edit-area:before {
    border: 2px solid #2d6adf;
    border-radius: 4px;
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .15s;
    z-index: 1
}

.tox .tox-edit-area__iframe {
    background-color: #fff;
    border: 0;
    box-sizing: border-box;
    flex: 1;
    height: 100%;
    position: absolute;
    width: 100%
}

.tox.tox-edit-focus .tox-edit-area:before {
    opacity: 1
}

.tox.tox-inline-edit-area {
    border: 1px dotted #ccc
}

.tox .tox-editor-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden
}

.tox .tox-editor-header {
    display: grid;
    grid-template-columns: 1fr min-content;
    z-index: 2
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: #fff;
    border-bottom: none;
    box-shadow: none;
    padding: 4px 0
}

.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
    transition: box-shadow .5s
}

.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
    border-top: 1px solid #ccc;
    box-shadow: none
}

.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
    background-color: #fff;
    box-shadow: 0 4px 4px -3px #00000040;
    padding: 4px 0
}

.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
    box-shadow: 0 4px 4px -3px #00000040
}

.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
    background: 0 0;
    border: none;
    box-shadow: none;
    padding: 0
}

.tox-editor-dock-fadeout {
    opacity: 0;
    visibility: hidden
}

.tox-editor-dock-fadein {
    opacity: 1;
    visibility: visible
}

.tox-editor-dock-transition {
    transition: visibility 0s linear .25s,opacity .25s ease
}

.tox-editor-dock-transition.tox-editor-dock-fadein {
    transition-delay: 0s
}

.tox .tox-control-wrap {
    flex: 1;
    position: relative
}

.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
    display: none
}

.tox .tox-control-wrap svg {
    display: block
}

.tox .tox-control-wrap__status-icon-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.tox .tox-control-wrap__status-icon-invalid svg {
    fill: #c00
}

.tox .tox-control-wrap__status-icon-unknown svg {
    fill: orange
}

.tox .tox-control-wrap__status-icon-valid svg {
    fill: green
}

.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
    padding-right: 32px
}

.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
    right: 4px
}

.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
    padding-left: 32px
}

.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
    left: 4px
}

.tox .tox-autocompleter {
    max-width: 25em
}

.tox .tox-autocompleter .tox-menu {
    box-sizing: border-box;
    max-width: 25em
}

.tox .tox-autocompleter .tox-autocompleter-highlight {
    font-weight: 700
}

.tox .tox-color-input {
    display: flex;
    position: relative;
    z-index: 1
}

.tox .tox-color-input .tox-textfield {
    z-index: -1
}

.tox .tox-color-input span {
    border-color: #222f3e33;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    height: 24px;
    position: absolute;
    top: 6px;
    width: 24px
}

.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]) {
    border-color: #207ab7;
    cursor: pointer
}

.tox .tox-color-input span:before {
    background-image: linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);
    background-position: 0 0,0 6px,6px -6px,-6px 0;
    background-size: 12px 12px;
    border: 1px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
    content: "";
    height: 24px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 24px;
    z-index: -1
}

.tox .tox-color-input span[aria-disabled=true] {
    cursor: not-allowed
}

.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
    padding-left: 36px
}

.tox:not([dir=rtl]) .tox-color-input span {
    left: 6px
}

.tox[dir=rtl] .tox-color-input .tox-textfield {
    padding-right: 36px
}

.tox[dir=rtl] .tox-color-input span {
    right: 6px
}

.tox .tox-label,.tox .tox-toolbar-label {
    color: #222f3eb3;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    padding: 0 8px 0 0;
    text-transform: none;
    white-space: nowrap
}

.tox .tox-toolbar-label {
    padding: 0 8px
}

.tox[dir=rtl] .tox-label {
    padding: 0 0 0 8px
}

.tox .tox-form {
    display: flex;
    flex: 1;
    flex-direction: column
}

.tox .tox-form__group {
    box-sizing: border-box;
    margin-bottom: 4px
}

.tox .tox-form-group--maximize {
    flex: 1
}

.tox .tox-form__group--error {
    color: #c00
}

.tox .tox-form__group--collection {
    display: flex
}

.tox .tox-form__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.tox .tox-form__grid--2col>.tox-form__group {
    width: calc(50% - 4px)
}

.tox .tox-form__grid--3col>.tox-form__group {
    width: calc(100% / 3 - (8px / 2))
}

.tox .tox-form__grid--4col>.tox-form__group {
    width: calc(25% - 4px)
}

.tox .tox-form__controls-h-stack,.tox .tox-form__group--inline {
    align-items: center;
    display: flex
}

.tox .tox-form__group--stretched {
    display: flex;
    flex: 1;
    flex-direction: column
}

.tox .tox-form__group--stretched .tox-textarea {
    flex: 1
}

.tox .tox-form__group--stretched .tox-navobj {
    display: flex;
    flex: 1
}

.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
    flex: 1;
    height: 100%
}

.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child) {
    margin-left: 4px
}

.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child) {
    margin-right: 4px
}

.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
    display: none
}

.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea:focus,.tox .tox-textfield,.tox .tox-toolbar-textfield {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: #222f3e;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    min-height: 34px;
    outline: 0;
    padding: 5px 4.75px;
    resize: none;
    width: 100%
}

.tox .tox-textarea[disabled],.tox .tox-textfield[disabled] {
    background-color: #f2f2f2;
    color: #222f3ed9;
    cursor: not-allowed
}

.tox .tox-custom-editor:focus-within,.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea-wrap:focus-within,.tox .tox-textarea:focus,.tox .tox-textfield:focus {
    background-color: #fff;
    border-color: #207ab7;
    box-shadow: none;
    outline: 2px solid rgba(32,122,183,.25)
}

.tox .tox-toolbar-textfield {
    border-width: 0;
    margin-bottom: 3px;
    margin-top: 2px;
    max-width: 250px
}

.tox .tox-naked-btn {
    background-color: transparent;
    border: 0;
    border-color: transparent;
    box-shadow: unset;
    color: #207ab7;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0
}

.tox .tox-naked-btn svg {
    display: block;
    fill: #222f3e
}

.tox:not([dir=rtl]) .tox-toolbar-textfield+* {
    margin-left: 4px
}

.tox[dir=rtl] .tox-toolbar-textfield+* {
    margin-right: 4px
}

.tox .tox-listboxfield {
    cursor: pointer;
    position: relative
}

.tox .tox-listboxfield .tox-listbox--select[disabled] {
    background-color: #f2f2f2;
    color: #222f3ed9;
    cursor: not-allowed
}

.tox .tox-listbox__select-label {
    cursor: default;
    flex: 1;
    margin: 0 4px
}

.tox .tox-listbox__select-chevron {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 16px
}

.tox .tox-listbox__select-chevron svg {
    fill: #222f3e
}

.tox .tox-listboxfield .tox-listbox--select {
    align-items: center;
    display: flex
}

.tox:not([dir=rtl]) .tox-listboxfield svg {
    right: 8px
}

.tox[dir=rtl] .tox-listboxfield svg {
    left: 8px
}

.tox .tox-selectfield {
    cursor: pointer;
    position: relative
}

.tox .tox-selectfield select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: #222f3e;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    min-height: 34px;
    outline: 0;
    padding: 5px 4.75px;
    resize: none;
    width: 100%
}

.tox .tox-selectfield select[disabled] {
    background-color: #f2f2f2;
    color: #222f3ed9;
    cursor: not-allowed
}

.tox .tox-selectfield select::-ms-expand {
    display: none
}

.tox .tox-selectfield select:focus {
    background-color: #fff;
    border-color: #207ab7;
    box-shadow: none;
    outline: 2px solid rgba(32,122,183,.25)
}

.tox .tox-selectfield svg {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
    padding-right: 24px
}

.tox:not([dir=rtl]) .tox-selectfield svg {
    right: 8px
}

.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"] {
    padding-left: 24px
}

.tox[dir=rtl] .tox-selectfield svg {
    left: 8px
}

.tox .tox-textarea-wrap {
    border-color: #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex: 1;
    overflow: hidden
}

.tox .tox-textarea {
    -webkit-appearance: textarea;
    -moz-appearance: textarea;
    appearance: textarea;
    white-space: pre-wrap
}

.tox .tox-textarea-wrap .tox-textarea {
    border: none
}

.tox .tox-textarea-wrap .tox-textarea:focus {
    border: none
}

.tox-fullscreen {
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    overscroll-behavior: none;
    padding: 0;
    touch-action: pinch-zoom;
    width: 100%
}

.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
    display: none
}

.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1200
}

.tox.tox-tinymce.tox-fullscreen {
    background-color: transparent
}

.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux {
    z-index: 1201
}

.tox .tox-help__more-link {
    list-style: none;
    margin-top: 1em
}

.tox .tox-imagepreview {
    background-color: #666;
    height: 380px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.tox .tox-imagepreview.tox-imagepreview__loaded {
    overflow: auto
}

.tox .tox-imagepreview__container {
    display: flex;
    left: 100vw;
    position: absolute;
    top: 100vw
}

.tox .tox-imagepreview__image {
    background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)
}

.tox .tox-image-tools .tox-spacer {
    flex: 1
}

.tox .tox-image-tools .tox-bar {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center
}

.tox .tox-image-tools .tox-imagepreview,.tox .tox-image-tools .tox-imagepreview+.tox-bar {
    margin-top: 8px
}

.tox .tox-image-tools .tox-croprect-block {
    background: #000;
    opacity: .5;
    position: absolute;
    zoom:1}

.tox .tox-image-tools .tox-croprect-handle {
    border: 2px solid #fff;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.tox .tox-image-tools .tox-croprect-handle-move {
    border: 0;
    cursor: move;
    position: absolute
}

.tox .tox-image-tools .tox-croprect-handle-nw {
    border-width: 2px 0 0 2px;
    cursor: nw-resize;
    left: 100px;
    margin: -2px 0 0 -2px;
    top: 100px
}

.tox .tox-image-tools .tox-croprect-handle-ne {
    border-width: 2px 2px 0 0;
    cursor: ne-resize;
    left: 200px;
    margin: -2px 0 0 -20px;
    top: 100px
}

.tox .tox-image-tools .tox-croprect-handle-sw {
    border-width: 0 0 2px 2px;
    cursor: sw-resize;
    left: 100px;
    margin: -20px 2px 0 -2px;
    top: 200px
}

.tox .tox-image-tools .tox-croprect-handle-se {
    border-width: 0 2px 2px 0;
    cursor: se-resize;
    left: 200px;
    margin: -20px 0 0 -20px;
    top: 200px
}

.tox .tox-insert-table-picker {
    display: flex;
    flex-wrap: wrap;
    width: 170px
}

.tox .tox-insert-table-picker>div {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;
    height: 17px;
    width: 17px
}

.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
    margin: 0 -4px
}

.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
    background-color: #207ab780;
    border-color: #207ab780
}

.tox .tox-insert-table-picker__label {
    color: #222f3eb3;
    display: block;
    font-size: 14px;
    padding: 4px;
    text-align: center;
    width: 100%
}

.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n) {
    border-right: 0
}

.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1) {
    border-right: 0
}

.tox .tox-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 4px 8px #222f3e1a;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    z-index: 1150
}

.tox .tox-menu.tox-collection.tox-collection--toolbar,.tox .tox-menu.tox-collection.tox-collection--grid {
    padding: 4px
}

@media only screen and (min-width: 768px) {
    .tox .tox-menu .tox-collection__item-label {
        overflow-wrap:break-word;
        word-break: normal
    }

    .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
        word-break: break-all
    }
}

.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p {
    margin: 0
}

.tox .tox-menubar {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
    background-color: #fff;
    display: flex;
    flex: 0 0 auto;
    flex-shrink: 0;
    flex-wrap: wrap;
    grid-column: 1/-1;
    grid-row: 1;
    padding: 0 4px
}

.tox .tox-promotion+.tox-menubar {
    grid-column: 1
}

.tox .tox-promotion {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
    background-color: #fff;
    grid-column: 2;
    grid-row: 1;
    padding-inline-end:8px;padding-inline-start:4px;padding-top: 5px
}

.tox .tox-promotion-link {
    align-items: unsafe center;
    background-color: #e8f1f8;
    border-radius: 5px;
    color: #086be6;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 26.6px;
    padding: 4px 8px;
    white-space: nowrap
}

.tox .tox-promotion-link:hover {
    background-color: #b4d7ff
}

.tox .tox-promotion-link:focus {
    background-color: #d9edf7
}

.tox .tox-mbtn {
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #222f3e;
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 34px;
    justify-content: center;
    margin: 2px 0 3px;
    outline: 0;
    overflow: hidden;
    padding: 0 4px;
    text-transform: none;
    width: auto
}

.tox .tox-mbtn[disabled] {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #222f3e80;
    cursor: not-allowed
}

.tox .tox-mbtn:focus:not(:disabled) {
    background: #dee0e2;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-mbtn--active {
    background: #c8cbcf;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background: #dee0e2;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-mbtn__select-label {
    cursor: default;
    font-weight: 400;
    margin: 0 4px
}

.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
    cursor: not-allowed
}

.tox .tox-mbtn__select-chevron {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 16px;
    display: none
}

.tox .tox-notification {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    display: grid;
    font-size: 14px;
    font-weight: 400;
    grid-template-columns: minmax(40px,1fr) auto minmax(40px,1fr);
    margin-top: 4px;
    opacity: 0;
    padding: 4px;
    transition: transform .1s ease-in,opacity .15s ease-in
}

.tox .tox-notification p {
    font-size: 14px;
    font-weight: 400
}

.tox .tox-notification a {
    cursor: pointer;
    text-decoration: underline
}

.tox .tox-notification--in {
    opacity: 1
}

.tox .tox-notification--success {
    background-color: #e4eeda;
    border-color: #d7e6c8;
    color: #222f3e
}

.tox .tox-notification--success p {
    color: #222f3e
}

.tox .tox-notification--success a {
    color: #517342
}

.tox .tox-notification--success svg {
    fill: #222f3e
}

.tox .tox-notification--error {
    background-color: #f5cccc;
    border-color: #f0b3b3;
    color: #222f3e
}

.tox .tox-notification--error p {
    color: #222f3e
}

.tox .tox-notification--error a {
    color: #77181f
}

.tox .tox-notification--error svg {
    fill: #222f3e
}

.tox .tox-notification--warn,.tox .tox-notification--warning {
    background-color: #fff5cc;
    border-color: #fff0b3;
    color: #222f3e
}

.tox .tox-notification--warn p,.tox .tox-notification--warning p {
    color: #222f3e
}

.tox .tox-notification--warn a,.tox .tox-notification--warning a {
    color: #7a6e25
}

.tox .tox-notification--warn svg,.tox .tox-notification--warning svg {
    fill: #222f3e
}

.tox .tox-notification--info {
    background-color: #d6e7fb;
    border-color: #c1dbf9;
    color: #222f3e
}

.tox .tox-notification--info p {
    color: #222f3e
}

.tox .tox-notification--info a {
    color: #2a64a6
}

.tox .tox-notification--info svg {
    fill: #222f3e
}

.tox .tox-notification__body {
    align-self: center;
    color: #222f3e;
    font-size: 14px;
    grid-column-end: 3;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-row-start: 1;
    text-align: center;
    white-space: normal;
    word-break: break-all;
    word-break: break-word
}

.tox .tox-notification__body>* {
    margin: 0
}

.tox .tox-notification__body>*+* {
    margin-top: 1rem
}

.tox .tox-notification__icon {
    align-self: center;
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-row-start: 1;
    justify-self: end
}

.tox .tox-notification__icon svg {
    display: block
}

.tox .tox-notification__dismiss {
    align-self: start;
    grid-column-end: 4;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-row-start: 1;
    justify-self: end
}

.tox .tox-notification .tox-progress-bar {
    grid-column-end: 4;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 2;
    justify-self: center
}

.tox .tox-pop {
    display: inline-block;
    position: relative
}

.tox .tox-pop--resizing {
    transition: width .1s ease
}

.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group {
    flex-wrap: nowrap
}

.tox .tox-pop--transition {
    transition: .15s ease;
    transition-property: left,right,top,bottom
}

.tox .tox-pop--transition:after,.tox .tox-pop--transition:before {
    transition: all .15s,visibility 0s,opacity 75ms ease 75ms
}

.tox .tox-pop__dialog {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 2px #222f3e33,0 4px 8px #222f3e26;
    min-width: 0;
    overflow: hidden
}

.tox .tox-pop__dialog>:not(.tox-toolbar) {
    margin: 4px 4px 4px 8px
}

.tox .tox-pop__dialog .tox-toolbar {
    background-color: transparent;
    margin-bottom: -1px
}

.tox .tox-pop:after,.tox .tox-pop:before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    opacity: 1;
    position: absolute;
    width: 0
}

.tox .tox-pop.tox-pop--inset:after,.tox .tox-pop.tox-pop--inset:before {
    opacity: 0;
    transition: all 0s .15s,visibility 0s,opacity 75ms ease
}

.tox .tox-pop.tox-pop--bottom:after,.tox .tox-pop.tox-pop--bottom:before {
    left: 50%;
    top: 100%
}

.tox .tox-pop.tox-pop--bottom:after {
    border-color: #fff transparent transparent transparent;
    border-width: 8px;
    margin-left: -8px;
    margin-top: -1px
}

.tox .tox-pop.tox-pop--bottom:before {
    border-color: #ccc transparent transparent transparent;
    border-width: 9px;
    margin-left: -9px
}

.tox .tox-pop.tox-pop--top:after,.tox .tox-pop.tox-pop--top:before {
    left: 50%;
    top: 0;
    transform: translateY(-100%)
}

.tox .tox-pop.tox-pop--top:after {
    border-color: transparent transparent #fff transparent;
    border-width: 8px;
    margin-left: -8px;
    margin-top: 1px
}

.tox .tox-pop.tox-pop--top:before {
    border-color: transparent transparent #ccc transparent;
    border-width: 9px;
    margin-left: -9px
}

.tox .tox-pop.tox-pop--left:after,.tox .tox-pop.tox-pop--left:before {
    left: 0;
    top: calc(50% - 1px);
    transform: translateY(-50%)
}

.tox .tox-pop.tox-pop--left:after {
    border-color: transparent #fff transparent transparent;
    border-width: 8px;
    margin-left: -15px
}

.tox .tox-pop.tox-pop--left:before {
    border-color: transparent #ccc transparent transparent;
    border-width: 10px;
    margin-left: -19px
}

.tox .tox-pop.tox-pop--right:after,.tox .tox-pop.tox-pop--right:before {
    left: 100%;
    top: calc(50% + 1px);
    transform: translateY(-50%)
}

.tox .tox-pop.tox-pop--right:after {
    border-color: transparent transparent transparent #fff;
    border-width: 8px;
    margin-left: -1px
}

.tox .tox-pop.tox-pop--right:before {
    border-color: transparent transparent transparent #ccc;
    border-width: 10px;
    margin-left: -1px
}

.tox .tox-pop.tox-pop--align-left:after,.tox .tox-pop.tox-pop--align-left:before {
    left: 20px
}

.tox .tox-pop.tox-pop--align-right:after,.tox .tox-pop.tox-pop--align-right:before {
    left: calc(100% - 20px)
}

.tox .tox-sidebar-wrap {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    min-height: 0
}

.tox .tox-sidebar {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.tox .tox-sidebar__slider {
    display: flex;
    overflow: hidden
}

.tox .tox-sidebar__pane-container,.tox .tox-sidebar__pane {
    display: flex
}

.tox .tox-sidebar--sliding-closed {
    opacity: 0
}

.tox .tox-sidebar--sliding-open {
    opacity: 1
}

.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking {
    transition: width .5s ease,opacity .5s ease
}

.tox .tox-selector {
    background-color: #4099ff;
    border-color: #4099ff;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    display: inline-block;
    height: 10px;
    position: absolute;
    width: 10px
}

.tox.tox-platform-touch .tox-selector {
    height: 12px;
    width: 12px
}

.tox .tox-slider {
    align-items: center;
    display: flex;
    flex: 1;
    height: 24px;
    justify-content: center;
    position: relative
}

.tox .tox-slider__rail {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 10px;
    min-width: 120px;
    width: 100%
}

.tox .tox-slider__handle {
    background-color: #207ab7;
    border: 2px solid #185d8c;
    border-radius: 3px;
    box-shadow: none;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 14px
}

.tox .tox-form__controls-h-stack>.tox-slider:not(:first-of-type) {
    margin-inline-start:8px}

.tox .tox-form__controls-h-stack>.tox-form__group+.tox-slider {
    margin-inline-start:32px}

.tox .tox-form__controls-h-stack>.tox-slider+.tox-form__group {
    margin-inline-start:32px}

.tox .tox-source-code {
    overflow: auto
}

.tox .tox-spinner {
    display: flex
}

.tox .tox-spinner>div {
    animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
    background-color: #222f3eb3;
    border-radius: 100%;
    height: 8px;
    width: 8px
}

.tox .tox-spinner>div:nth-child(1) {
    animation-delay: -.32s
}

.tox .tox-spinner>div:nth-child(2) {
    animation-delay: -.16s
}

@keyframes tam-bouncing-dots {
    0%,to,80% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child) {
    margin-left: 4px
}

.tox[dir=rtl] .tox-spinner>div:not(:first-child) {
    margin-right: 4px
}

.tox .tox-statusbar {
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #ccc;
    color: #222f3eb3;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase
}

.tox .tox-statusbar__path {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tox .tox-statusbar__right-container {
    display: flex;
    justify-content: flex-end;
    white-space: nowrap
}

.tox .tox-statusbar__help-text {
    text-align: center
}

.tox .tox-statusbar__text-container {
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__help-text,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__path,.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols>.tox-statusbar__right-container {
        flex:0 0 calc(100% / 3)
    }
}

.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
    justify-content: flex-end
}

.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
    justify-content: flex-start
}

.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
    justify-content: space-around
}

.tox .tox-statusbar__path>* {
    display: inline;
    white-space: nowrap
}

.tox .tox-statusbar__wordcount {
    flex: 0 0 auto;
    margin-left: 1ch
}

@media only screen and (max-width: 767px) {
    .tox .tox-statusbar__text-container .tox-statusbar__help-text {
        display:none
    }

    .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
        display: block
    }
}

.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount {
    color: #222f3eb3;
    text-decoration: none
}

.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) {
    color: #222f3e;
    cursor: pointer
}

.tox .tox-statusbar__branding svg {
    fill: #222f3ecc;
    height: 1.14em;
    vertical-align: -.28em;
    width: 3.6em
}

.tox .tox-statusbar__branding a:focus:not(:disabled):not([aria-disabled=true]) svg,.tox .tox-statusbar__branding a:hover:not(:disabled):not([aria-disabled=true]) svg {
    fill: #222f3e
}

.tox .tox-statusbar__resize-handle {
    align-items: flex-end;
    align-self: stretch;
    cursor: nwse-resize;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: -8px;
    padding-bottom: 3px;
    padding-left: 1ch;
    padding-right: 3px
}

.tox .tox-statusbar__resize-handle svg {
    display: block;
    fill: #222f3e80
}

.tox .tox-statusbar__resize-handle:focus svg {
    background-color: #dee0e2;
    border-radius: 1px 1px -4px;
    box-shadow: 0 0 0 2px #dee0e2
}

.tox:not([dir=rtl]) .tox-statusbar__path>* {
    margin-right: 4px
}

.tox:not([dir=rtl]) .tox-statusbar__branding {
    margin-left: 2ch
}

.tox[dir=rtl] .tox-statusbar {
    flex-direction: row-reverse
}

.tox[dir=rtl] .tox-statusbar__path>* {
    margin-left: 4px
}

.tox .tox-throbber {
    z-index: 1299
}

.tox .tox-throbber__busy-spinner {
    align-items: center;
    background-color: #fff9;
    display: flex;
    justify-content: center;
    inset: 0;
    position: absolute
}

.tox .tox-tbtn {
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #222f3e;
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 34px;
    justify-content: center;
    margin: 3px 0 2px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    text-transform: none;
    width: 34px
}

.tox .tox-tbtn svg {
    display: block;
    fill: #222f3e
}

.tox .tox-tbtn.tox-tbtn-more {
    padding-left: 5px;
    padding-right: 5px;
    width: inherit
}

.tox .tox-tbtn:focus {
    background: #dee0e2;
    border: 0;
    box-shadow: none
}

.tox .tox-tbtn:hover {
    background: #dee0e2;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-tbtn:hover svg {
    fill: #222f3e
}

.tox .tox-tbtn:active {
    background: #c8cbcf;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-tbtn:active svg {
    fill: #222f3e
}

.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
    fill: #222f3e80
}

.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #222f3e80;
    cursor: not-allowed
}

.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg {
    fill: #222f3e80
}

.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover {
    background: #c8cbcf;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>* {
    transform: none
}

.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg {
    fill: #222f3e
}

.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
    fill: #222f3e80
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
    color: #222f3e
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
    fill: #222f3e
}

.tox .tox-tbtn:active>* {
    transform: none
}

.tox .tox-tbtn--md {
    height: 51px;
    width: 51px
}

.tox .tox-tbtn--lg {
    flex-direction: column;
    height: 68px;
    width: 68px
}

.tox .tox-tbtn--return {
    align-self: stretch;
    height: unset;
    width: 16px
}

.tox .tox-tbtn--labeled {
    padding: 0 4px;
    width: unset
}

.tox .tox-tbtn__vlabel {
    display: block;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -.025em;
    margin-bottom: 4px;
    white-space: nowrap
}

.tox .tox-number-input {
    border-radius: 3px;
    display: flex;
    margin: 3px 0 2px;
    padding: 0 4px;
    width: auto
}

.tox .tox-number-input .tox-input-wrapper {
    background: 0 0;
    display: flex;
    pointer-events: none;
    text-align: center
}

.tox .tox-number-input .tox-input-wrapper:focus {
    background: #dee0e2
}

.tox .tox-number-input input {
    border-radius: 3px;
    color: #222f3e;
    font-size: 14px;
    margin: 2px 0;
    pointer-events: all;
    width: 60px
}

.tox .tox-number-input input:hover {
    background: #dee0e2;
    color: #222f3e
}

.tox .tox-number-input input:focus {
    background: #fff;
    color: #222f3e
}

.tox .tox-number-input input:disabled {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #222f3e80;
    cursor: not-allowed
}

.tox .tox-number-input button {
    background: 0 0;
    color: #222f3e;
    height: 34px;
    text-align: center;
    width: 24px
}

.tox .tox-number-input button svg {
    display: block;
    fill: #222f3e;
    margin: 0 auto;
    transform: scale(.67)
}

.tox .tox-number-input button:focus {
    background: #dee0e2
}

.tox .tox-number-input button:hover {
    background: #dee0e2;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-number-input button:hover svg {
    fill: #222f3e
}

.tox .tox-number-input button:active {
    background: #c8cbcf;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-number-input button:active svg {
    fill: #222f3e
}

.tox .tox-number-input button:disabled {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #222f3e80;
    cursor: not-allowed
}

.tox .tox-number-input button:disabled svg {
    fill: #222f3e80
}

.tox .tox-number-input button.minus {
    border-radius: 3px 0 0 3px
}

.tox .tox-number-input button.plus {
    border-radius: 0 3px 3px 0
}

.tox .tox-number-input:focus:not(:active)>.tox-input-wrapper,.tox .tox-number-input:focus:not(:active)>button {
    background: #dee0e2
}

.tox .tox-tbtn--select {
    margin: 3px 0 2px;
    padding: 0 4px;
    width: auto
}

.tox .tox-tbtn__select-label {
    cursor: default;
    font-weight: 400;
    height: initial;
    margin: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tox .tox-tbtn__select-chevron {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 16px
}

.tox .tox-tbtn__select-chevron svg {
    fill: #222f3e80
}

.tox .tox-tbtn--bespoke {
    background: 0 0
}

.tox .tox-tbtn--bespoke+.tox-tbtn--bespoke {
    margin-inline-start:0}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 7em
}

.tox .tox-tbtn--disabled .tox-tbtn__select-label,.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
    cursor: not-allowed
}

.tox .tox-split-button {
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    margin: 3px 0 2px;
    overflow: hidden
}

.tox .tox-split-button:hover {
    box-shadow: 0 0 0 1px #dee0e2 inset
}

.tox .tox-split-button:focus {
    background: #dee0e2;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-split-button>* {
    border-radius: 0
}

.tox .tox-split-button__chevron {
    width: 16px
}

.tox .tox-split-button__chevron svg {
    fill: #222f3e80
}

.tox .tox-split-button .tox-tbtn {
    margin: 0
}

.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover {
    background: 0 0;
    box-shadow: none;
    color: #222f3e80
}

.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
    padding: 0
}

.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
    width: 30px
}

.tox.tox-platform-touch .tox-split-button__chevron {
    width: 20px
}

.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color,.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color {
    opacity: .6
}

.tox .tox-toolbar-overlord {
    background-color: #fff
}

.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary {
    background-attachment: local;
    background-color: #fff;
    background-image: repeating-linear-gradient(#ccc 0 1px,transparent 1px 39px);
    background-position: center top 39px;
    background-repeat: no-repeat;
    background-size: calc(100% - 8px) calc(100% - 39px);
    display: flex;
    flex: 0 0 auto;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: 0;
    transform: perspective(1px)
}

.tox .tox-toolbar-overlord>.tox-toolbar,.tox .tox-toolbar-overlord>.tox-toolbar__overflow,.tox .tox-toolbar-overlord>.tox-toolbar__primary {
    background-position: center top 0;
    background-size: calc(100% - 8px) calc(100% + -0px)
}

.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
    height: 0;
    opacity: 0;
    padding-bottom: 0;
    padding-top: 0;
    visibility: hidden
}

.tox .tox-toolbar__overflow--growing {
    transition: height .3s ease,opacity .2s linear .1s
}

.tox .tox-toolbar__overflow--shrinking {
    transition: opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s
}

.tox .tox-anchorbar,.tox .tox-toolbar-overlord {
    grid-column: 1/-1
}

.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord {
    border-top: 1px solid #ccc;
    margin-top: -1px;
    padding-bottom: 0;
    padding-top: 0
}

.tox .tox-toolbar--scrolling {
    flex-wrap: nowrap;
    overflow-x: auto
}

.tox .tox-pop .tox-toolbar {
    border-width: 0
}

.tox .tox-toolbar--no-divider {
    background-image: none
}

.tox .tox-toolbar-overlord .tox-toolbar:not(.tox-toolbar--scrolling):first-child,.tox .tox-toolbar-overlord .tox-toolbar__primary {
    background-position: center top 39px
}

.tox .tox-editor-header>.tox-toolbar--scrolling,.tox .tox-toolbar-overlord .tox-toolbar--scrolling:first-child {
    background-image: none
}

.tox.tox-tinymce-aux .tox-toolbar__overflow {
    background-color: #fff;
    background-position: center top 43px;
    background-size: calc(100% - 16px) calc(100% - 51px);
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 2px #222f3e33,0 4px 8px #222f3e26;
    overscroll-behavior: none;
    padding: 4px 0
}

.tox-pop .tox-pop__dialog .tox-toolbar {
    background-position: center top 43px;
    background-size: calc(100% - 8px) calc(100% - 51px);
    padding: 4px 0
}

.tox .tox-toolbar__group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 4px
}

.tox .tox-toolbar__group--pull-right {
    margin-left: auto
}

.tox .tox-toolbar--scrolling .tox-toolbar__group {
    flex-shrink: 0;
    flex-wrap: nowrap
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #ccc
}

.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
    border-left: 1px solid #ccc
}

.tox .tox-tooltip {
    display: inline-block;
    padding: 8px;
    position: relative
}

.tox .tox-tooltip__body {
    background-color: #222f3e;
    border-radius: 3px;
    box-shadow: 0 2px 4px #222f3e4d;
    color: #ffffffbf;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 4px 8px;
    text-transform: none
}

.tox .tox-tooltip__arrow {
    position: absolute
}

.tox .tox-tooltip--down .tox-tooltip__arrow {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #222f3e;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.tox .tox-tooltip--up .tox-tooltip__arrow {
    border-bottom: 8px solid #222f3e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

.tox .tox-tooltip--right .tox-tooltip__arrow {
    border-bottom: 8px solid transparent;
    border-left: 8px solid #222f3e;
    border-top: 8px solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.tox .tox-tooltip--left .tox-tooltip__arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #222f3e;
    border-top: 8px solid transparent;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.tox .tox-tree {
    display: flex;
    flex-direction: column
}

.tox .tox-tree .tox-trbtn {
    align-items: center;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    color: #222f3e;
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 28px;
    margin-bottom: 4px;
    margin-top: 4px;
    outline: 0;
    overflow: hidden;
    padding: 0 0 0 8px;
    text-transform: none
}

.tox .tox-tree .tox-trbtn .tox-tree__label {
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tox .tox-tree .tox-trbtn svg {
    display: block;
    fill: #222f3e
}

.tox .tox-tree .tox-trbtn:focus {
    background: #dee0e2;
    border: 0;
    box-shadow: none
}

.tox .tox-tree .tox-trbtn:hover {
    background: #dee0e2;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-tree .tox-trbtn:hover svg {
    fill: #222f3e
}

.tox .tox-tree .tox-trbtn:active {
    background: #b1d0e6;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-tree .tox-trbtn:active svg {
    fill: #222f3e
}

.tox .tox-tree .tox-trbtn--disabled,.tox .tox-tree .tox-trbtn--disabled:hover,.tox .tox-tree .tox-trbtn:disabled,.tox .tox-tree .tox-trbtn:disabled:hover {
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #222f3e80;
    cursor: not-allowed
}

.tox .tox-tree .tox-trbtn--disabled svg,.tox .tox-tree .tox-trbtn--disabled:hover svg,.tox .tox-tree .tox-trbtn:disabled svg,.tox .tox-tree .tox-trbtn:disabled:hover svg {
    fill: #222f3e80
}

.tox .tox-tree .tox-trbtn--enabled,.tox .tox-tree .tox-trbtn--enabled:hover {
    background: #b1d0e6;
    border: 0;
    box-shadow: none;
    color: #222f3e
}

.tox .tox-tree .tox-trbtn--enabled:hover>*,.tox .tox-tree .tox-trbtn--enabled>* {
    transform: none
}

.tox .tox-tree .tox-trbtn--enabled svg,.tox .tox-tree .tox-trbtn--enabled:hover svg {
    fill: #222f3e
}

.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
    color: #222f3e
}

.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
    fill: #222f3e
}

.tox .tox-tree .tox-trbtn:active>* {
    transform: none
}

.tox .tox-tree .tox-trbtn--return {
    align-self: stretch;
    height: unset;
    width: 16px
}

.tox .tox-tree .tox-trbtn--labeled {
    padding: 0 4px;
    width: unset
}

.tox .tox-tree .tox-trbtn__vlabel {
    display: block;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: -.025em;
    margin-bottom: 4px;
    white-space: nowrap
}

.tox .tox-tree .tox-tree--directory {
    display: flex;
    flex-direction: column
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
    font-weight: 700
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
    margin-left: auto
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
    fill: transparent
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
    fill: #222f3e
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg {
    fill: #222f3e
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
    background-color: transparent;
    color: #222f3e
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
    fill: #222f3e
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
    margin-right: 6px
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--shrinking) .tox-chevron {
    transition: transform .5s ease-in-out
}

.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--growing) .tox-chevron,.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+.tox-tree--directory__children--open) .tox-chevron {
    transform: rotate(90deg)
}

.tox .tox-tree .tox-tree--leaf__label {
    font-weight: 400
}

.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
    margin-left: auto
}

.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
    fill: transparent
}

.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
    fill: #222f3e
}

.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
    fill: #222f3e
}

.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
    background-color: transparent;
    color: #222f3e
}

.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
    fill: #222f3e
}

.tox .tox-tree .tox-tree--directory__children {
    overflow: hidden;
    padding-left: 16px
}

.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
    transition: height .5s ease-in-out
}

.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
    display: flex;
    justify-content: space-between
}

.tox .tox-view-wrap,.tox .tox-view-wrap__slot-container {
    background-color: #fff;
    display: flex;
    flex: 1;
    flex-direction: column
}

.tox .tox-view {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden
}

.tox .tox-view__header {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: 8px 8px 0;
    position: relative
}

.tox .tox-view--mobile.tox-view__header,.tox .tox-view--mobile.tox-view__toolbar {
    padding: 8px
}

.tox .tox-view--scrolling {
    flex-wrap: nowrap;
    overflow-x: auto
}

.tox .tox-view__toolbar {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    padding: 8px 8px 0
}

.tox .tox-view__toolbar__group {
    display: flex;
    flex-direction: row;
    gap: 12px
}

.tox .tox-view__header-end,.tox .tox-view__header-start {
    display: flex
}

.tox .tox-view__pane {
    height: 100%;
    padding: 8px;
    width: 100%
}

.tox .tox-view__pane_panel {
    border: 1px solid #ccc;
    border-radius: 3px
}

.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end>*,.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start>* {
    margin-left: 8px
}

.tox[dir=rtl] .tox-view__header .tox-view__header-end>*,.tox[dir=rtl] .tox-view__header .tox-view__header-start>* {
    margin-right: 8px
}

.tox .tox-well {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 8px;
    width: 100%
}

.tox .tox-well>:first-child {
    margin-top: 0
}

.tox .tox-well>:last-child {
    margin-bottom: 0
}

.tox .tox-well>:only-child {
    margin: 0
}

.tox .tox-custom-editor {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative
}

.tox .tox-dialog-loading:before {
    background-color: #00000080;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1000
}

.tox .tox-tab {
    cursor: pointer
}

.tox .tox-dialog__content-js,.tox .tox-dialog__body-content .tox-collection {
    display: flex;
    flex: 1
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
    background-color: none;
    padding: 0
}

.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header {
    margin-bottom: -1px
}

.tox.tox-tinymce-inline .tox-editor-container {
    overflow: hidden
}

.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
    border-top: none;
    box-shadow: none
}

.tox.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
    background-color: transparent;
    box-shadow: 0 4px 4px -3px #00000040;
    padding: 0
}

.tox.tox.tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
    box-shadow: 0 4px 4px -3px #00000040
}

.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
    margin: -4px 0
}

.tox .tox-menu.tox-collection.tox-collection--list {
    padding: 0
}

.tox .tox-pop {
    box-shadow: none
}

.tox .tox-number-input,.tox .tox-split-button,.tox .tox-tbtn,.tox .tox-tbtn--select {
    margin: 2px 0 3px
}

.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff!important
}

.tox .tox-menubar+.tox-toolbar-overlord {
    border-top: none
}

.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary {
    border-top: 1px solid #ccc;
    margin-top: -1px
}

.tox.tox-tinymce-aux .tox-toolbar__overflow {
    border: 1px solid #ccc;
    padding: 0
}

.tox .tox-pop .tox-pop__dialog .tox-toolbar {
    padding: 0
}

.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
    border-top: 1px solid #ccc
}

.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child {
    border-top: 1px solid #ccc
}

.tox .tox-toolbar__group {
    padding: 0 4px
}

.tox .tox-collection__item {
    border-radius: 0;
    cursor: pointer
}

.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) {
    color: #222f3eb3;
    text-decoration: underline
}

.tox .tox-statusbar__branding svg {
    vertical-align: -.25em
}

.tox:not([dir=rtl]) .tox-statusbar__branding {
    margin-left: 1ch
}

.tox .tox-statusbar__resize-handle {
    padding-bottom: 0;
    padding-right: 0
}

.tox .tox-button:before {
    display: none
}

.mce-content-body .mce-item-anchor {
    background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center
}

.mce-content-body .mce-item-anchor:empty {
    cursor: default;
    display: inline-block;
    height: 12px!important;
    padding: 0 2px;
    -webkit-user-modify: read-only;
    -moz-user-modify: read-only;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
    width: 8px!important
}

.mce-content-body .mce-item-anchor:not(:empty) {
    background-position-x: 2px;
    display: inline-block;
    padding-left: 12px
}

.mce-content-body .mce-item-anchor[data-mce-selected] {
    outline-offset: 1px
}

.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),.tox-comments-visible span.tox-comment img:not([data-mce-selected]),.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment>video:not([data-mce-selected]) {
    outline: 3px solid #ffe89d
}

.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]) {
    outline: 3px solid #fed635
}

.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>audio:not([data-mce-selected]),.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]>video:not([data-mce-selected]) {
    outline: 3px solid #fed635
}

.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
    background-color: #ffe89d;
    outline: 0
}

.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]) {
    background-color: #fed635
}

.tox-checklist>li:not(.tox-checklist--hidden) {
    list-style: none;
    margin: .25em 0
}

.tox-checklist>li:not(.tox-checklist--hidden):before {
    content: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A);
    cursor: pointer;
    height: 1em;
    margin-left: -1.5em;
    margin-top: .125em;
    position: absolute;
    width: 1em
}

.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked:before {
    content: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A)
}

[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden):before {
    margin-left: 0;
    margin-right: -1.5em
}

code[class*=language-],pre[class*=language-] {
    color: #000;
    background: 0 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none
}

code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class*=language-],pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.token.namespace {
    opacity: .7
}

.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag {
    color: #905
}

.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
    color: #690
}

.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url {
    color: #9a6e3a;
    background: #ffffff80
}

.token.atrule,.token.attr-value,.token.keyword {
    color: #07a
}

.token.class-name,.token.function {
    color: #dd4a68
}

.token.important,.token.regex,.token.variable {
    color: #e90
}

.token.bold,.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.mce-content-body {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.mce-content-body .mce-visual-caret {
    background-color: #000;
    background-color: currentColor;
    position: absolute
}

.mce-content-body .mce-visual-caret-hidden {
    display: none
}

.mce-content-body [data-mce-caret] {
    left: -1000px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    top: 0
}

.mce-content-body .mce-offscreen-selection {
    left: -2000000px;
    max-width: 1000000px;
    position: absolute
}

.mce-content-body [contentEditable=false] {
    cursor: default
}

.mce-content-body [contentEditable=true] {
    cursor: text
}

.tox-cursor-format-painter {
    cursor: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A),default
}

div.mce-footnotes hr {
    margin-inline-end:auto;margin-inline-start:0;width: 25%
}

div.mce-footnotes li>a.mce-footnotes-backlink {
    text-decoration: none
}

@media print {
    sup.mce-footnote a {
        color: #000;
        text-decoration: none
    }

    div.mce-footnotes {
        break-inside: avoid;
        width: 100%
    }

    div.mce-footnotes li>a.mce-footnotes-backlink {
        display: none
    }
}

.mce-content-body figure.align-left {
    float: left
}

.mce-content-body figure.align-right {
    float: right
}

.mce-content-body figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto
}

.mce-preview-object {
    border: 1px solid gray;
    display: inline-block;
    line-height: 0;
    margin: 0 2px;
    position: relative
}

.mce-preview-object .mce-shim {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mce-preview-object[data-mce-selected="2"] .mce-shim {
    display: none
}

.mce-content-body .mce-mergetag {
    cursor: default!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mce-content-body .mce-mergetag:hover {
    background-color: #006ce71a
}

.mce-content-body .mce-mergetag-affix {
    background-color: #006ce71a;
    color: #006ce7
}

.mce-object {
    background: transparent url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A) no-repeat center;
    border: 1px dashed #aaa
}

.mce-pagebreak {
    border: 1px dashed #aaa;
    cursor: default;
    display: block;
    height: 5px;
    margin-top: 15px;
    page-break-before: always;
    width: 100%
}

@media print {
    .mce-pagebreak {
        border: 0
    }
}

.tiny-pageembed .mce-shim {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tiny-pageembed[data-mce-selected="2"] .mce-shim {
    display: none
}

.tiny-pageembed {
    display: inline-block;
    position: relative
}

.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3 {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.tiny-pageembed--21by9 {
    padding-top: 42.857143%
}

.tiny-pageembed--16by9 {
    padding-top: 56.25%
}

.tiny-pageembed--4by3 {
    padding-top: 75%
}

.tiny-pageembed--1by1 {
    padding-top: 100%
}

.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mce-content-body[data-mce-placeholder] {
    position: relative
}

.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks):before {
    color: #222f3eb3;
    content: attr(data-mce-placeholder);
    position: absolute
}

.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks):before {
    left: 1px
}

.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks):before {
    right: 1px
}

.mce-content-body div.mce-resizehandle {
    background-color: #4099ff;
    border-color: #4099ff;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 1298
}

.mce-content-body div.mce-resizehandle:hover {
    background-color: #4099ff
}

.mce-content-body div.mce-resizehandle:nth-of-type(1) {
    cursor: nwse-resize
}

.mce-content-body div.mce-resizehandle:nth-of-type(2) {
    cursor: nesw-resize
}

.mce-content-body div.mce-resizehandle:nth-of-type(3) {
    cursor: nwse-resize
}

.mce-content-body div.mce-resizehandle:nth-of-type(4) {
    cursor: nesw-resize
}

.mce-content-body .mce-resize-backdrop {
    z-index: 10000
}

.mce-content-body .mce-clonedresizable {
    cursor: default;
    opacity: .5;
    outline: 1px dashed #000;
    position: absolute;
    z-index: 10001
}

.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
    border: 0
}

.mce-content-body .mce-resize-helper {
    background: #555;
    background: #000000bf;
    border: 1px;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 14px;
    margin: 5px 10px;
    padding: 5px;
    position: absolute;
    white-space: nowrap;
    z-index: 10002
}

.tox-rtc-user-selection {
    position: relative
}

.tox-rtc-user-cursor {
    bottom: 0;
    cursor: default;
    position: absolute;
    top: 0;
    width: 2px
}

.tox-rtc-user-cursor:before {
    background-color: inherit;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 8px
}

.tox-rtc-user-cursor:hover:after {
    background-color: inherit;
    border-radius: 100px;
    box-sizing: border-box;
    color: #fff;
    content: attr(data-user);
    display: block;
    font-size: 12px;
    font-weight: 700;
    left: -5px;
    min-height: 8px;
    min-width: 8px;
    padding: 0 12px;
    position: absolute;
    top: -11px;
    white-space: nowrap;
    z-index: 1000
}

.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
    background-color: #2dc26b
}

.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
    background-color: #e03e2d
}

.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
    background-color: #f1c40f
}

.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
    background-color: #3598db
}

.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
    background-color: #b96ad9
}

.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
    background-color: #e67e23
}

.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
    background-color: #aaa69d
}

.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
    background-color: #f368e0
}

.tox-rtc-remote-image {
    background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
    border: 1px solid #ccc;
    min-height: 240px;
    min-width: 320px
}

.mce-match-marker {
    background: #aaa;
    color: #fff
}

.mce-match-marker-selected {
    background: #39f;
    color: #fff
}

.mce-match-marker-selected::-moz-selection {
    background: #39f;
    color: #fff
}

.mce-match-marker-selected::selection {
    background: #39f;
    color: #fff
}

.mce-content-body audio[data-mce-selected],.mce-content-body details[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected] {
    outline: 3px solid #b4d7ff
}

.mce-content-body hr[data-mce-selected] {
    outline: 3px solid #b4d7ff;
    outline-offset: 1px
}

.mce-content-body [contentEditable=false] [contentEditable=true]:focus {
    outline: 3px solid #b4d7ff
}

.mce-content-body [contentEditable=false] [contentEditable=true]:hover {
    outline: 3px solid #b4d7ff
}

.mce-content-body [contentEditable=false][data-mce-selected] {
    cursor: not-allowed;
    outline: 3px solid #b4d7ff
}

.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover {
    outline: 0
}

.mce-content-body [data-mce-selected=inline-boundary] {
    background-color: #b4d7ff
}

.mce-content-body .mce-edit-focus {
    outline: 3px solid #b4d7ff
}

.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected] {
    position: relative
}

.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection {
    background: 0 0
}

.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection {
    background: 0 0
}

.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] * {
    outline: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mce-content-body td[data-mce-selected]:after,.mce-content-body th[data-mce-selected]:after {
    background-color: #b4d7ffb3;
    border: 1px solid rgba(180,215,255,.7);
    content: "";
    inset: -1px;
    mix-blend-mode: multiply;
    position: absolute
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .mce-content-body td[data-mce-selected]:after,.mce-content-body th[data-mce-selected]:after {
        border-color: #0054b4b3
    }
}

.mce-content-body img[data-mce-selected]::-moz-selection {
    background: 0 0
}

.mce-content-body img[data-mce-selected]::selection {
    background: 0 0
}

.ephox-snooker-resizer-bar {
    background-color: #b4d7ff;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ephox-snooker-resizer-cols {
    cursor: col-resize
}

.ephox-snooker-resizer-rows {
    cursor: row-resize
}

.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
    opacity: 1
}

.mce-spellchecker-word {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
    background-position: 0 calc(100% + 1px);
    background-repeat: repeat-x;
    background-size: auto 6px;
    cursor: default;
    height: 2rem
}

.mce-spellchecker-grammar {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
    background-position: 0 calc(100% + 1px);
    background-repeat: repeat-x;
    background-size: auto 6px;
    cursor: default
}

.mce-toc {
    border: 1px solid gray
}

.mce-toc h2 {
    margin: 4px
}

.mce-toc ul>li {
    list-style-type: none
}

[data-mce-block] {
    display: block
}

.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th {
    border: 1px dashed #bbb
}

.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul {
    background-repeat: no-repeat;
    border: 1px dashed #bbb;
    margin-left: 3px;
    padding-top: 10px
}

.mce-visualblocks p {
    background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)
}

.mce-visualblocks h1 {
    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)
}

.mce-visualblocks h2 {
    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)
}

.mce-visualblocks h3 {
    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)
}

.mce-visualblocks h4 {
    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)
}

.mce-visualblocks h5 {
    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)
}

.mce-visualblocks h6 {
    background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)
}

.mce-visualblocks div:not([data-mce-bogus]) {
    background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)
}

.mce-visualblocks section {
    background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)
}

.mce-visualblocks article {
    background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)
}

.mce-visualblocks blockquote {
    background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)
}

.mce-visualblocks address {
    background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)
}

.mce-visualblocks pre {
    background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)
}

.mce-visualblocks figure {
    background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)
}

.mce-visualblocks figcaption {
    border: 1px dashed #bbb
}

.mce-visualblocks hgroup {
    background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)
}

.mce-visualblocks aside {
    background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)
}

.mce-visualblocks ul {
    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)
}

.mce-visualblocks ol {
    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)
}

.mce-visualblocks dl {
    background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)
}

.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul {
    margin-left: 3px
}

.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul {
    background-position-x: right;
    margin-right: 3px
}

.mce-nbsp,.mce-shy {
    background: #aaa
}

.mce-shy:after {
    content: "-"
}

body {
    font-family: sans-serif
}

table {
    border-collapse: collapse
}

* {
    zoom:1}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

:not(.mailBodyInner.html) table,:not(.mailBodyInner.html) td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

:not(.mailBodyInner.html) table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

a {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    text-decoration: none
}

body {
    height: 100%;
    width: 100%;
    font-family: \30d2\30e9\30ae\30ce\89d2\30b4ProN W3,Hiragino Kaku Gothic ProN,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33 \ff30\30b4\30b7\30c3\30af,MS PGothic,sans-serif;
    box-sizing: border-box
}

@media screen and (max-width: 1010px) {
    body {
        padding-top:39px
    }
}

@media screen and (min-width: 1011px) {
    body.bodyPaddingTop {
        padding-top:43px
    }
}

body.bodyNoPadding {
    padding: 0
}

body.bodyPaddingBottom {
    padding-bottom: 72px
}

@media screen and (max-width: 1010px) {
    body.bodyPaddingBottom {
        height:auto;
        padding-bottom: 60px
    }
}

html {
    width: 100%;
    height: 100%;
    font-size: 12px
}

input,select,button,textarea {
    font-family: \30d2\30e9\30ae\30ce\89d2\30b4ProN W3,Hiragino Kaku Gothic ProN,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33 \ff30\30b4\30b7\30c3\30af,MS PGothic,sans-serif;
    font-size: 1rem
}

img {
    vertical-align: top
}

.btn {
    display: inline-block;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1rem
}

@media screen and (max-width: 1010px) {
    .btn.btnPc {
        display:none
    }
}

.btn.btnBlock {
    display: block;
    width: 100%
}

.btn.btnLargeText {
    font-size: 1.17rem
}

.btn.btnNest {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.btn.btnNest.isOpen {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btn.btnNest.isNone {
    display: none
}

.btn.btnPlus {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.btn.btnClose {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px
}

@media screen and (max-width: 1010px) {
    .btn.btnClose {
        width:36px;
        height: 36px;
        background-size: 15px
    }
}

.btn.btnHelp {
    width: 1em;
    height: 1em;
    position: relative;
    vertical-align: middle
}

.btn.btnHelp:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 8px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    left: 0
}

.btn.btnPrev,.btn.btnNext {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6px 8px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px
}

.btn.btnPrev.isOff,.btn.btnNext.isOff {
    border: none
}

.btn.btnType1 {
    border-radius: 3px;
    font-size: .84rem;
    padding: 5px
}

.btn.btnType1:after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .btn.btnType1:after {
        content:none
    }
}

.btn.btnType1.isOn,.btn.btnType1:hover {
    padding: 4px;
    border: 1px solid
}

.btn.btnType2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 14px;
    border-radius: 3px
}

@media screen and (max-width: 1010px) {
    .btn.btnType2 {
        padding:14px
    }
}

.btn.btnType3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 14px;
    border-radius: 3px;
    white-space: nowrap
}

@media screen and (max-width: 1010px) {
    .btn.btnType3 {
        padding:14px
    }
}

.btn.btnType4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 14px;
    border-radius: 3px;
    white-space: nowrap
}

@media screen and (max-width: 1010px) {
    .btn.btnType4 {
        padding:14px
    }
}

.btn.btnType5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 14px;
    border-radius: 3px
}

@media screen and (max-width: 1010px) {
    .btn.btnType5 {
        padding:14px
    }
}

.btn.btnType6 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 6px 10px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

.btn.btnType7 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 14px;
    border-radius: 3px;
    cursor: default
}

@media screen and (max-width: 1010px) {
    .btn.btnType7 {
        padding:14px
    }
}

.btn.btnType8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 6px 10px;
    border-radius: 3px
}

.btn.btnSize2 {
    padding: 7px 11px
}

.btn.btnSize3 {
    padding: 6px
}

.btn.btnSize4 {
    padding: 5px
}

.btn.btnSize5 {
    padding: 9px 13px
}

.btn.btnRemove {
    padding: 10px
}

@media screen and (max-width: 1010px) {
    .btn.btnSizeSp1 {
        padding:13px
    }
}

@media screen and (max-width: 1010px) {
    .btn.btnSizeSp2 {
        padding:10px
    }
}

.globalNav {
    width: 100%;
    height: 100%
}

.globalNav:after {
    content: "";
    display: block;
    clear: both
}

.globalNav .globalNavItem {
    width: 33.33%;
    height: 42px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom: 4px solid;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    text-align: center;
    background: #fff
}

@media screen and (max-width: 1010px) {
    .globalNav .globalNavItem:last-child {
        border-right:none
    }
}

@media screen and (max-width: 1010px) {
    .globalNav .globalNavItem {
        height:70px
    }
}

.globalNav .globalNavItem .globalNavLink {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 11px
}

@media screen and (max-width: 1010px) {
    .globalNav .globalNavItem .globalNavLink {
        padding-top:15px
    }
}

.globalNav .globalNavItem .icon {
    margin-right: 10px
}

.globalNav .globalNavItem .icon:before {
    position: relative;
    top: -1px;
    width: 18px;
    height: 18px
}

@media screen and (max-width: 1010px) {
    .globalNav .globalNavItem .icon {
        margin-right:0;
        display: block;
        padding-bottom: 5px
    }
}

.globalNav.globalNavColumn .globalNavItem {
    width: 100%;
    height: auto;
    float: none;
    border: none;
    border-top: 1px solid;
    text-align: left
}

.globalNav.globalNavColumn .globalNavItem:last-child {
    border-bottom: 1px solid
}

.globalNav.globalNavColumn .globalNavItem .globalNavLink {
    padding: 15px
}

.globalNav.globalNavColumn .globalNavItem .icon {
    display: inline-block;
    margin-right: 10px;
    margin-top: -2px;
    padding-bottom: 0
}

.globalNav.globalNavColumn .globalNavItem.isSelect {
    border-left: 3px solid
}

.globalNav.globalNavColumn .globalNavItem.isSelect .globalNavLink {
    padding-left: 12px
}

.userOperation:after {
    content: "";
    display: block;
    clear: both
}

.userOperation {
    white-space: nowrap;
    padding-top: 9px
}

.userOperation .userOperationItem {
    display: inline-block;
    padding: 5px 15px;
    font-size: .8333rem;
    color: #222
}

.userOperation .userOperationItem:last-child {
    border-left: 1px solid
}

@media screen and (max-width: 1010px) {
    .userOperation .userOperationItem:last-child {
        float:right;
        border-left: none
    }
}

.userOperation .userOperationItem .userOperationLink {
    vertical-align: middle;
    line-height: 14px
}

.userOperation .userOperationItem .userOperationLink:hover {
    text-decoration: underline
}

.userOperation .userOperationItem .icon {
    margin-right: 5px;
    margin-top: -2px
}

.userOperation .userOperationItem .icon:before {
    width: 14px;
    height: 14px
}

.userOperation .userOperationItem .icon.iconArrow2RedRight:before {
    width: 9px;
    height: 9px;
    margin-top: -1px
}

.userAccount {
    padding: 14px 15px
}

.menuHeading {
    padding: 15px 20px;
    font-weight: 700
}

.menuHeadingType2 {
    margin-top: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 10px
}

.menu .menuItem {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    min-width: 100%;
    padding-right: 10px
}

@media screen and (min-width: 1011px) {
    #sidebar .menu .menuItem {
        padding-right:60px
    }
}

@media screen and (max-width: 1010px) {
    #sidebar .menu .menuItem {
        padding-right:40px
    }
}

.menu .menuItem .menuItemInner {
    position: relative;
    z-index: 7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu .menuItem .menuItemInner2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
    height: 100%
}

.menu .menuItem .menuCheckbox,.menu .menuItem .menuNest {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    padding: 10px 0
}

.menu .menuItem .menuIcon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    padding: 10px 0;
    vertical-align: middle
}

.menu .menuItem .menuIcon .icon:before {
    width: 14px;
    height: 14px
}

.menu .menuItem .menuText {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 10px 0;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.2rem
}

.menu .menuItem .menuMailTo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 3em;
    vertical-align: middle
}

.menu .menuItem .menuClose {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    width: 7px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    background-color: inherit;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu .menuItem .menuName {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px 15px 10px 0;
    white-space: nowrap;
    box-sizing: border-box
}

.menu .menuItem .menuEmail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px 0;
    white-space: nowrap
}

.menu .menuItem .menuEdit {
    position: absolute;
    top: 0;
    padding: 5px 0;
    text-align: center
}

@media screen and (max-width: 1010px) {
    .menu .menuEditPc {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .menu .menuEditSp {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .menu .menuItem .menuEdit {
        width:54px
    }

    .menu .menuItem .menuEdit:not(.open) {
        visibility: hidden
    }
}

@media screen and (max-width: 1010px) {
    .menu .menuItem .menuEdit {
        width:40px
    }
}

@media screen and (min-width: 1011px) {
    .menu .menuItem .menuEdit>.btn:not(.isOn) {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .menu .menuItem:hover .menuEdit {
        visibility:visible
    }

    .menu .menuItem:hover .menuEdit>.btn:not(.isOn) {
        display: inline-block
    }
}

.menu.isSelect>.menuItem {
    font-weight: 700
}

.menu.isSelect>.menuItem .menuItemInner2:before {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background: red;
    position: absolute;
    top: 0;
    left: 0
}

.menu.menuType2 .menuItem {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.menu.menuType2 .menuItemInner {
    padding-left: 33px
}

.menu.menuType2 .menuItemInner2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: inherit
}

.menu.menuType2 .menuCheckbox {
    padding-left: 10px
}

.menu.menuType3 .menuItem {
    padding-right: 10px!important
}

.menu.menuType3 .menuItem .menuItemInner {
    padding: 14px 0
}

.menu.menuType4 .menuItem {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.menu.menuType4 .menuItem .menuItemInner {
    padding-left: 48px
}

.menu.menuType4 .menuItem .menuItemInner2 {
    background-color: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu.menuType4 .menuItem .menuMailTo {
    padding-left: 10px
}

.menu.menuType4 .menuItem .menuEmail {
    padding-right: 10px
}

.menu.menuType4 .menuItem .menuClose {
    position: absolute;
    top: 0
}

.menu.menuType5 .menuItem {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.menu.menuType5 .menuItemInner2 {
    background-color: inherit
}

.menu.menuType5 .menuEmail {
    margin-left: -10px;
    padding-right: 10px
}

.menu.menuType5 .menuClose {
    background-color: inherit;
    position: absolute;
    top: 0
}

.menuBox1 {
    overflow: auto;
    height: 150px;
    border-width: 1px;
    border-style: solid
}

.menuBox1 .menuBoxInner {
    display: table;
    min-width: 100%
}

.advancedSearchBox1 .menu,.advancedSearchBox2 .menu,.pulldownSelect .menu {
    margin-left: -10px
}

.scrollBoxScale {
    box-sizing: border-box
}

.copyright {
    padding: 7px;
    font-size: .84rem;
    text-align: right
}

.modalBg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1010px) {
    .modalBg {
        background:#00000080
    }

    .modalBg.isOn {
        display: block
    }
}

.controlBg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1010px) {
    .controlBg {
        background:#00000080
    }

    .controlBg.isOn {
        display: block
    }
}

.modal.alertModal {
    z-index: 17
}

.icon {
    vertical-align: middle;
    display: inline-block
}

.icon:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle
}

.icon.iconLarge:before {
    width: 18px;
    height: 18px
}

.icon.iconSmall:before {
    width: 14px;
    height: 14px
}

.icon.iconSmall2:before {
    width: 11px;
    height: 11px
}

.icon.iconXSmall:before {
    margin-top: -3px;
    width: 9px;
    height: 9px
}

.icon.iconXSmall.iconCloseRed:before {
    background-size: 9px
}

.icon.iconXSmall2:before {
    width: 10px;
    height: 10px;
    margin-top: -3px
}

.icon.iconXXSmall:before {
    margin-top: -5px;
    width: 7px;
    height: 7px;
    background-size: 7px auto
}

.icon.iconSpaceLeft1 {
    margin-left: 8px
}

@media screen and (max-width: 1010px) {
    .icon.iconXSmallSp:before {
        width:10px;
        height: 10px;
        background-size: 10px auto
    }
}

.loginBody {
    padding-top: 0
}

.loginWrap {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.loginWrap .loginContents {
    display: table-row
}

.loginWrap .loginContents .loginContentsInner {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .loginWrap .loginContents .loginContentsInner {
        vertical-align:top
    }
}

.loginWrap .loginBox {
    margin: auto;
    display: table;
    width: 800px;
    height: 466px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid
}

@media screen and (max-width: 1010px) {
    .loginWrap .loginBox {
        display:block;
        width: auto;
        height: auto;
        border: none;
        padding: 30px 15px
    }
}

.loginWrap .loginBox .loginBox1 {
    width: 370px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .loginWrap .loginBox .loginBox1 {
        width:auto;
        display: block
    }
}

.loginWrap .loginBox .loginBox1 .loginLogoImg {
    width: 216px;
    max-height: 100%
}

@media screen and (max-width: 1010px) {
    .loginWrap .loginBox .loginBox1 .loginLogoImg {
        width:161px;
        max-height: 100%
    }
}

.loginWrap .loginBox .loginBox2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .loginWrap .loginBox .loginBox2 {
        display:block;
        margin-top: 30px
    }
}

.loginWrap .loginForm {
    margin: auto;
    width: 370px;
    text-align: left
}

@media screen and (max-width: 1010px) {
    .loginWrap .loginForm {
        width:auto
    }
}

.loginWrap .loginForm .loginFormHeading {
    margin-bottom: 10px
}

.loginWrap .loginForm .loginFormInput {
    margin-bottom: 30px
}

.loginWrap .loginForm .loginFormText1 {
    margin-top: -10px;
    margin-bottom: 45px
}

.loginWrap .loginForm .loginFormText1 .icon {
    margin-right: 5px;
    margin-top: -2px
}

.loginWrap .loginForm .loginFormText1 .icon:before {
    width: 9px;
    height: 9px
}

.loginWrap .loginForm .loginFormText2 {
    margin-bottom: 30px;
    text-align: center
}

.loginWrap .loginForm .loginFormText2 .formControl {
    display: inline-block;
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle
}

.loginWrap .loginForm .loginFormBtn {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.formControl {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.formControl::-ms-expand {
    display: none
}

.formControl.formControlHidden {
    display: none
}

.formControl.inputType1 {
    width: 100%;
    padding: 10px;
    border-bottom: 2px solid;
    line-height: 1.6
}

@media screen and (max-width: 1010px) {
    .formControl.inputType1 {
        padding:10px;
        border: 1px solid
    }
}

.formControl.inputType2 {
    width: 100%;
    padding: 0 10px;
    border: 1px solid;
    height: 35px
}

input[name=transferMaxSize].formControl.inputType2 {
    width: 100px
}

.formControl.inputType3 {
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid;
    line-height: 1.6
}

.formControl.checkboxType1 {
    border: 1px solid;
    border-radius: 3px;
    width: 12px;
    height: 12px;
    position: relative;
    vertical-align: middle
}

.formControl.checkboxType1[role=checkbox] {
    display: inline-block
}

.formControl.checkboxType1:checked:before,.formControl.checkboxType1[role=checkbox][aria-checked=true]:before,.formControl.checkboxType1[role=checkbox][aria-checked=mixed]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.formControl.radioType1 {
    border-width: 1px;
    border-style: solid;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    position: relative;
    vertical-align: middle
}

.formControl.radioType1:checked:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 100%
}

.formControl.radioType1.disabled,.formControl.radioType1.disabled:checked:before,.formControl.checkboxType1.disabled,.formControl.checkboxType1.disabled:checked {
    background-color: #ccc;
    border-color: #ccc
}

.formControl.selectType1 {
    width: 100%;
    height: 35px;
    padding: 0 25px 0 10px;
    border: 1px solid;
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 9px 9px
}

.formControl.selectType2 {
    padding: 0 25px 0 10px;
    height: 35px;
    border: 1px solid;
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 9px 9px
}

.formControl.textareaType1 {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid
}

.formControl.textareaType2 {
    width: 100%;
    height: 100%;
    padding: 15px 20px
}

@media screen and (max-width: 1010px) {
    .formControl.textareaType2 {
        padding:20px 15px
    }
}

@media screen and (max-width: 1010px) {
    .formControl.checkboxTypeBig {
        transform:scale(2)
    }
}

.errorWrap {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.errorWrap .errorHeader {
    display: table-row;
    height: 42px
}

@media screen and (max-width: 1010px) {
    .errorWrap .errorHeader {
        height:38px
    }
}

.errorWrap .errorHeader #header {
    position: static
}

.errorWrap .errorContents {
    display: table-row
}

.errorWrap .errorContents .errorContentsInner {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .errorWrap .errorContents .errorContentsInner {
        vertical-align:top
    }
}

.errorWrap .errorBox {
    margin: auto;
    width: 450px;
    height: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 50px
}

@media screen and (max-width: 1010px) {
    .errorWrap .errorBox {
        width:auto;
        height: auto;
        padding: 50px 30px
    }
}

.errorWrap .errorBox .errorHeading {
    margin-bottom: 50px;
    font-size: 3.67rem
}

@media screen and (max-width: 1010px) {
    .errorWrap .errorBox .errorHeading {
        margin-bottom:20px;
        font-size: 2.5rem
    }
}

.errorWrap .errorBox .errorText {
    margin-bottom: 40px;
    line-height: 1.8
}

.errorWrap .errorBox .errorGotoTopLink .icon {
    margin-right: 8px;
    margin-top: -5px
}

.errorWrap .errorBox .errorGotoTopLink .icon:before {
    width: 10px;
    height: 10px
}

.errorMessage {
    color: #c66;
    border: solid 1px #cc6666;
    background-color: #ebccd1;
    padding: 10px
}

.loadingWrap {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed
}

.loadingWrap .loadingContents {
    display: table-row
}

.loadingWrap .loadingContents .loadingContentsInner {
    display: table-cell;
    vertical-align: middle
}

.loadingWrap .loadingBox {
    margin: auto;
    display: table;
    width: 800px;
    height: 466px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid
}

#loadingBlock {
    position: absolute;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff0;
    z-index: 16
}

#loadingBlock .loadingBox {
    display: table-cell;
    vertical-align: middle;
    border: none!important
}

#loadingBlock .loadingBox .loadingBox2 {
    display: block;
    margin: 0 auto;
    background: none!important
}

#loadingBlock .loadingText {
    display: inline-block;
    line-height: 160%;
    color: #666
}

@media screen and (max-width: 1010px) {
    .loadingWrap .loadingBox {
        display:block;
        width: auto;
        height: auto;
        border: none
    }
}

.loadingWrap .loadingBox .loadingBox1 {
    width: 370px;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .loadingWrap .loadingBox .loadingBox1 {
        width:auto;
        display: block
    }
}

.loadingWrap .loadingBox .loadingBox1 .loadingLogoImg {
    width: 216px;
    height: 61px
}

@media screen and (max-width: 1010px) {
    .loadingWrap .loadingBox .loadingBox1 .loadingLogoImg {
        width:161px;
        height: 45px
    }
}

.loadingWrap .loadingBox .loadingBox2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .loadingWrap .loadingBox .loadingBox2 {
        display:block;
        margin-top: 30px
    }
}

.loadingWrap .loadingBox .loadingBox2 .loadingImg {
    width: 40px;
    height: 40px;
    animation: rotate-anime 2s linear infinite
}

.loadingWrap .loadingBox .loadingBox2 .loadingText {
    margin-top: 5px
}

.chip {
    display: inline-block;
    vertical-align: middle
}

.chip:before {
    content: "";
    display: inline-block;
    vertical-align: middle
}

.colorSelect {
    position: relative;
    z-index: 12
}

.colorSelect.colorSelectWidth1 {
    width: 130px
}

@media screen and (max-width: 1010px) {
    .colorSelect.colorSelectWidth1 {
        width:auto
    }
}

.colorSelect.colorSelectType2 {
    display: inline-block;
    vertical-align: middle
}

.colorSelect.colorSelectType2 .colorSelectBox {
    padding: 0
}

.colorSelect.colorSelectType2 .colorSelectBox .colorSelectBoxItem {
    float: none;
    padding: 5px 10px
}

.colorSelect .chip:before {
    width: 16px;
    height: 16px
}

.colorSelect .colorSelectBtn .colorSelectBtnItem {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    padding: 10px 25px 10px 10px;
    display: none;
    position: relative
}

.colorSelect .colorSelectBtn .colorSelectBtnItem.isSelect {
    display: block
}

.colorSelect .colorSelectBtn .colorSelectBtnItem:after {
    content: "";
    display: block;
    clear: both
}

.colorSelect .colorSelectBtn .colorSelectBtnItem:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.colorSelect .colorSelectBtn .colorSelectBtnItem .chip {
    margin-right: 8px
}

.colorSelect .colorSelectBtn .colorSelectBtnItem .chip:before {
    width: 12px;
    height: 12px
}

.colorSelect .colorSelectBtn .colorSelectBtnItem .colorSelectBtnText {
    vertical-align: middle
}

.colorSelect .colorSelectBox {
    display: none;
    position: absolute;
    bottom: 1px;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    padding: 7px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d
}

.colorSelect .colorSelectBox:after {
    content: "";
    display: block;
    clear: both
}

.colorSelect .colorSelectBox.isOn {
    display: block
}

.colorSelect .colorSelectBox .chip:before {
    width: 16px;
    height: 16px
}

.colorSelect .colorSelectBox .colorSelectBoxItem {
    padding: 3px;
    float: left
}

.colorSelect .colorSelectRadio {
    display: none
}

.colorSelect .colorSelectRadio:checked+.colorSelectChip {
    position: relative
}

.colorSelect .colorSelectRadio:checked+.colorSelectChip:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 6
}

.modalWindow {
    position: fixed;
    z-index: 15;
    width: 380px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    border: 1px solid;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: auto
}

.modalOverflowVisible {
    overflow: visible
}

@media screen and (max-width: 1010px) {
    .modalWindow {
        width:100%;
        padding: 20px 15px;
        border: none;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.modalWindow.isOn {
    display: block
}

.modalWindow.modalWindowType2 {
    width: 450px
}

.modalWindow .radioLabel {
    display: block;
    margin-bottom: 10px
}

.modalWindow .remark {
    color: #aaa;
    margin-left: 20px
}

@media screen and (max-width: 1010px) {
    .modalWindow.modalWindowType2 {
        width:100%
    }
}

.modalWindow.modalWindowType3 {
    width: 800px
}

@media screen and (max-width: 1010px) {
    .modalWindow.modalWindowType3 {
        width:100%
    }
}

.modalWindow.modalWindowType4 {
    width: 530px
}

@media screen and (max-width: 1010px) {
    .modalWindow.modalWindowType4 {
        width:100%
    }
}

.modalWindow.modalWindowType5 {
    width: 690px
}

@media screen and (max-width: 1010px) {
    .modalWindow.modalWindowType5 {
        width:100%
    }
}

.modalWindow.modalWindowType6 {
    width: 770px
}

@media screen and (max-width: 1010px) {
    .modalWindow.modalWindowType6 {
        width:100%
    }
}

@media screen and (max-width: 1010px) {
    .modalWindow.mailAddressAddWindow,.modalWindow.mailAuthInfoWindow {
        top:50vh;
        width: 100vw
    }
}

.modalWindow .modalWindowCloseBtn {
    position: absolute;
    top: 0;
    right: 0
}

.modalWindow .modalWindowHeading {
    font-size: 1.17rem
}

.modalWindow .modalWindowHeading2 {
    font-weight: 700
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowLayout.modalWindowLayoutPc {
        display:none
    }
}

.modalWindow .modalWindowLayout.modalWindowLayoutType1 {
    display: table;
    width: 100%;
    margin-top: 20px
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowLayout.modalWindowLayoutType1 {
        display:block
    }
}

.modalWindow .modalWindowLayout.modalWindowLayoutType1 .modalWindowLayoutItem1 {
    display: table-cell;
    width: 110px
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowLayout.modalWindowLayoutType1 .modalWindowLayoutItem1 {
        font-weight:700;
        display: block;
        width: auto;
        margin-bottom: 10px
    }
}

.modalWindow .modalWindowLayout.modalWindowLayoutType1 .modalWindowLayoutItem2 {
    display: table-cell
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowLayout.modalWindowLayoutType1 .modalWindowLayoutItem2 {
        display:block
    }
}

.modalWindow .modalWindowLayout.modalWindowLayoutType2 {
    margin-top: 10px;
    display: table;
    width: 100%
}

.modalWindow .modalWindowLayout.modalWindowLayoutType2 .modalWindowLayoutItem1 {
    display: table-cell;
    width: 110px
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowLayout.modalWindowLayoutType2 .modalWindowLayoutItem1 {
        font-weight:700;
        width: 60px
    }
}

.modalWindow .modalWindowLayout.modalWindowLayoutType2 .modalWindowLayoutItem2 {
    display: table-cell
}

.modalWindow .modalWindowLayout.modalWindowLayoutType3 {
    margin-top: 20px;
    line-height: 18px;
    word-break: break-all
}

.modalWindow .modalWindowLayout.modalWindowLayoutType4 {
    margin-top: 15px
}

.modalWindow .modalWindowLayout.modalWindowLayoutType5 {
    margin-top: 10px
}

.modalWindow .modalWindowLayout.modalWindowLayoutType5.disabled {
    position: relative;
    background-color: #e6e6e6
}

.modalWindow .modalWindowLayout.modalWindowLayoutType5.disabled:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 18
}

.modalWindow .primaryMessage {
    font-weight: 700;
    margin-bottom: 10px
}

.modalWindow .errorCode {
    color: #999;
    margin-top: 7px
}

.modalWindow .modalWindowBox {
    height: 322px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    border: 1px solid
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowBox {
        height:173px
    }
}

.modalWindow .modalWindowBoxInner {
    display: table;
    min-width: 100%
}

.modalWindow .modalWindowBox2 {
    padding: 10px
}

.modalWindow .modalWindowBox3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 160px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    overflow: auto
}

.modalWindow .modalWindowBox4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 160px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    overflow: auto
}

.modalWindow .modalWindowBox5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 140px;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    width: 380px
}

.modalWindow .modalWindowBtnSet {
    margin-top: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowBtnSet {
        margin-top:20px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowBtnSet.modalWindowBtnSetSingle {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.modalWindow .modalWindowBtnSet .modalWindowBtn {
    padding: 10px 5px;
    min-width: 90px;
    width: auto
}

@media screen and (max-width: 1010px) {
    .modalWindow .modalWindowBtnSet .modalWindowBtn {
        padding:0
    }
}

.modalWindow .modalWindowCaution {
    margin-top: 15px;
    padding: 15px
}

.control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px
}

@media screen and (max-width: 1010px) {
    .control {
        display:none
    }
}

.control.controlType2 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.control.controlType2 .controlLinkOut {
    z-index: 5
}

.control.controlType2 .controlNav {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 6
}

.control .controlNav {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 100%
}

.control .controlSearch {
    margin-right: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.control .controlStatus {
    margin-right: 10px;
    margin-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: right
}

.control .controlStatus .controlStatusText1 {
    vertical-align: middle
}

.control .controlStatus .controlStatusText2,.control .controlStatus .controlStatusText3 {
    font-size: .8333rem;
    display: inline-block;
    vertical-align: middle
}

.control .controlLinkOut {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 10px
}

.controlSp {
    display: none
}

@media screen and (max-width: 1010px) {
    .controlSp {
        display:block
    }
}

.controlSp .controlNav {
    height: 52px
}

.controlSp .controlNavBottom {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5;
    width: 100%;
    -webkit-box-shadow: 0 -10px 20px rgba(0,0,0,.2);
    box-shadow: 0 -10px 20px #0003;
    display: none
}

@media screen and (max-width: 1010px) {
    .controlSp .controlNavBottom.isOn {
        display:block
    }
}

.controlSp .controlNavBottomSub {
    display: none;
    position: relative
}

.controlSp .controlNavBottomSub.isOn {
    display: block
}

.controlSp .controlNavBottomSub .controlNavBottomSubClose {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5
}

.controlSp .controlSearch {
    display: none;
    padding: 15px;
    border-top: 1px solid
}

@media screen and (max-width: 1010px) {
    .controlSp .controlSearch.isOn {
        display:block
    }
}

.controlSp .controlSearch .controlSearchBox {
    margin-top: -1px;
    height: 140px;
    border-width: 1px;
    border-style: solid;
    overflow: auto;
    display: none
}

.controlSp .controlSearch .controlSearchBox.isOn {
    display: block
}

.controlSp .controlSearch .controlSearchBox .controlSearchBoxInner {
    display: table;
    min-width: 100%
}

.controlSub {
    position: fixed;
    z-index: 12;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d;
    display: none
}

.controlSub.isOn {
    display: block
}

@media screen and (max-width: 1010px) {
    .controlSub.controlSubPc {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .controlSub.controlSubSp {
        display:none
    }
}

@media screen and (max-width: 1010px) {
    .controlSub {
        padding:15px;
        border: none
    }
}

.controlSub.tagControlSub {
    width: 320px
}

@media screen and (max-width: 1010px) {
    .controlSub.tagControlSub {
        top:50%!important;
        left: 0!important;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1010px) and (orientation: landscape) {
    .controlSub.tagControlSub {
        top:0!important;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 100%;
        overflow: auto
    }
}

.controlSub .controlSubCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

@media screen and (max-width: 1010px) {
    .controlSub .controlSubCloseBtn {
        display:block
    }
}

.controlSub .controlSubHeading {
    font-size: 1.17rem;
    margin-bottom: 20px;
    margin-top: 5px;
    display: none
}

@media screen and (max-width: 1010px) {
    .controlSub .controlSubHeading {
        display:block
    }
}

.controlSub .controlSubBox {
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid;
    overflow: auto;
    height: 200px
}

@media screen and (max-width: 1010px) {
    .controlSub .controlSubBox {
        margin-bottom:15px;
        height: 290px
    }
}

.controlSub .controlSubBox tag-list .menuItem {
    padding-left: 10px
}

.controlSub .controlSubBox .controlSubBoxInner {
    display: table;
    min-width: 100%
}

.controlSub .controlSubBtnSet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.controlSub .controlSubBtnSet .controlSubBtn {
    width: 90px
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.nav .navItem {
    width: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid;
    cursor: pointer
}

.navItemSpace {
    cursor: default!important
}

.nav navi-item,.nav .navItem {
    outline: none;
    height: 100%
}

@media screen and (max-width: 1010px) {
    .nav .navItem.navItemPc {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .nav .navItem.navItemSp {
        display:none
    }
}

@media screen and (max-width: 1010px) {
    .nav .navItem {
        border-right:none
    }
}

.nav .navItem.navItemPrev {
    border-right-width: 1px;
    border-right-style: solid
}

.nav .navItem.navItemPrev,.nav .navItem.navItemNext {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.nav .navItem.navItemPrev .navIcon .icon:before {
    margin-top: 4px;
    width: 10px;
    height: 15px
}

.nav .navItem.navItemNext .navIcon .icon:before {
    margin-top: 4px;
    width: 10px;
    height: 15px
}

.nav .navItem .navIcon {
    display: block;
    margin-bottom: 7px;
    margin-top: 10px
}

@media screen and (max-width: 1010px) {
    .nav .navItem .navIcon {
        margin-top:9px
    }
}

.nav .navItem .navIcon .icon:before {
    height: 19px;
    width: 19px
}

.nav .navItem .navText {
    font-size: .8333rem
}

.nav .navItem .navText .icon {
    margin-left: 5px;
    margin-top: -2px
}

.nav .navItem .navText .icon:before {
    width: 9px;
    height: 9px
}

.nav.navType1 {
    height: 60px
}

.nav.navType2 {
    height: 52px
}

.nav.navType3 {
    height: 74px
}

.nav.navType3 .navItem {
    margin-top: 10px
}

.nav.navColumn2 .navItem,.nav.navColumn2 navi-item,.nav.navColumn2 navi-taglist {
    width: 50%
}

.nav.navColumn3 .navItem,.nav.navColumn3 navi-item,.nav.navColumn3 navi-taglist {
    width: 33.33333%
}

.nav.navColumn4 .navItem,.nav.navColumn4 navi-item,.nav.navColumn4 navi-taglist {
    width: 25%
}

.nav.navColumn5 .navItem,.nav.navColumn5 navi-item,.nav.navColumn5 navi-taglist {
    width: 20%
}

.nav.navColumn2 navi-item>.navItem,.nav.navColumn3 navi-item>.navItem,.nav.navColumn4 navi-item>.navItem,.nav.navColumn5 navi-item>.navItem,.nav.navColumn2 navi-taglist>.navItem,.nav.navColumn3 navi-taglist>.navItem,.nav.navColumn4 navi-taglist>.navItem,.nav.navColumn5 navi-taglist>.navItem {
    width: 100%
}

.search {
    display: table
}

.search .searchInput {
    display: table-cell;
    vertical-align: middle;
    width: 150px
}

.search .searchInput.searchInputWithClearBtn {
    position: relative
}

.search .searchInput.searchInputWithClearBtn ::-webkit-input-placeholder {
    font-size: .8rem!important
}

.search .searchInput.searchInputWithClearBtn :-moz-placeholder {
    font-size: .8rem!important
}

.search .searchInput.searchInputWithClearBtn ::-moz-placeholder {
    font-size: .8rem!important
}

.search .searchInput.searchInputWithClearBtn :-ms-input-placeholder {
    font-size: .8rem!important
}

.search .searchInput.searchInputWithClearBtn>input {
    padding-right: 30px
}

.search .searchInput.searchInputWithClearBtn>input::-ms-clear {
    display: none
}

.search .searchInput.searchInputWithClearBtn .searchInputClearBtn {
    position: absolute;
    right: 10px;
    bottom: 14px;
    z-index: 6
}

.search .searchBtn {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29px;
    height: 32px;
    border-radius: 3px;
    text-align: center
}

.search .searchBtn.searchBtnChip {
    position: relative
}

.search .searchBtn.searchBtnChip:after {
    content: attr(data-tipTitle);
    display: none;
    border-width: 1px;
    border-style: solid;
    padding: 14px;
    white-space: nowrap;
    position: absolute;
    right: 0;
    bottom: 37px;
    z-index: 10;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d
}

.search .searchBtn.searchBtnChip:before {
    content: "";
    display: none;
    width: 5px;
    height: 5px;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: 6;
    bottom: 34px;
    right: 12px
}

.search .searchBtn.searchBtnChip:hover:after {
    display: block
}

.search .searchBtn.searchBtnChip:hover:before {
    display: block
}

.search.searchType2 {
    margin-top: 0;
    width: 100%;
    table-layout: fixed
}

.search.searchType2 .searchInput {
    width: auto
}

.search.searchType2 .searchBtn {
    border-radius: 0 3px 3px 0;
    width: 53px;
    text-align: center
}

.search.searchType2 .searchBtn.searchBtnType2 {
    border-radius: 0;
    border-right-width: 1px;
    border-right-style: solid
}

.search.searchType2 .searchBtn.searchBtnType3 {
    width: 33px
}

.search.searchType2 .searchBtn.searchBtnType3.isOn {
    border-width: 1px;
    border-style: solid
}

.search.searchType2 .searchBtn.searchBtnType4 {
    width: 43px
}

.search.searchType2 .searchBtn.disable {
    background-color: #e6e6e6
}

.initialListContainer {
    padding: 10px 0
}

@media screen and (max-width: 1010px) {
    .initialListContainer {
        padding:10px 15px;
        border-bottom: 1px solid
    }
}

.initialListContainer .initialList {
    display: table
}

@media screen and (max-width: 1010px) {
    .initialListContainer .initialList {
        display:none
    }
}

.initialListContainer .initialList .initialListItem {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.initialListContainer .initialList .initialListItem:after {
    content: "";
    display: inline-block;
    height: 20px;
    width: 1px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.initialListContainer .initialList .initialListItem .initialListBtn {
    display: inline-block;
    margin: 0 10px;
    padding: 10px 5px
}

.initialListContainer.en .initialList .initialListItem .initialListBtn {
    margin: 0 8px;
    padding: 10px 0
}

.initialListContainer .initialList .initialListItem .initialListBtn:hover {
    border-radius: 3px;
    background: #999
}

.initialListContainer .initialList .initialListItem.isSelect .initialListBtn {
    padding-bottom: 8px;
    border-bottom: 2px solid
}

.initialListContainer .initialListSp {
    display: none
}

@media screen and (max-width: 1010px) {
    .initialListContainer .initialListSp {
        display:block
    }
}

@media screen and (max-width: 1010px) {
    .heading.headingPc {
        display:none
    }
}

.heading.headingSp {
    display: none
}

@media screen and (max-width: 1010px) {
    .heading.headingSp {
        display:block
    }
}

.heading.headingType1 {
    padding: 10px;
    text-align: center;
    position: relative
}

.heading.headingType1 .headingText {
    font-size: 1.1666rem;
    font-weight: 700
}

.heading.headingType1 .headingBackBtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.heading.headingType1 .headingBackBtn .icon {
    margin-right: 5px
}

.heading.headingType1 .headingBackBtn+.headingText {
    margin-left: 70px;
    margin-right: 70px
}

.heading.headingType2 {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    padding: 10px 4px;
    font-weight: 700;
    font-size: 1.4166rem
}

@media screen and (max-width: 1010px) {
    .heading.headingType2 {
        padding:10px 15px
    }
}

.heading.headingLayout1 {
    margin: 30px 25px 0
}

@media screen and (max-width: 1010px) {
    .heading.headingLayout1 {
        margin:0
    }
}

.list .listItem {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid
}

@media screen and (max-width: 1010px) {
    .list .listItem {
        position:relative
    }
}

.list .listItem .listCheckbox {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 15px;
    padding: 15px;
    position: relative;
    z-index: 3
}

.list .listItem .listBlock1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}

@media screen and (min-width: 1011px) {
    .list .listItem .listBlock1 {
        overflow:hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        outline: none
    }
}

.list .listItem .listIcon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 15px;
    padding: 15px 15px 15px 0
}

.list .listItem .listIcon .icon:before {
    width: 15px;
    height: 15px
}

@media screen and (max-width: 1010px) {
    .list .listItem .listIcon .icon:before {
        width:20px;
        height: 30px
    }
}

.list .listItem .listTag {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 15px;
    padding: 15px 10px 15px 0
}

.list .listItem .listTag .icon:before {
    width: 15px;
    height: 15px
}

@media screen and (max-width: 1010px) {
    .list .listItem .listTag {
        padding-bottom:40px
    }
}

.list .listItem .listName {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 200px;
    padding: 15px 15px 15px 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (max-width: 1010px) {
    .list .listItem .listName {
        -webkit-box-flex:1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-bottom: 40px
    }
}

.list .listItem .listMail {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px 15px 15px 0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (max-width: 1010px) {
    .list .listItem .listMail {
        width:100%;
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 75px
    }
}

.list2 .list2Item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    line-height: 1.2rem
}

#contentsRowLeft .list2 .list2Item {
    padding: 7px 10px
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item,#contentsRowLeft .list2 .list2Item {
        padding:15px 10px
    }
}

.modalWindowBox .list2 .list2Item {
    padding: 15px 10px
}

.list2 .list2Item .list2Img {
    vertical-align: middle
}

.list2 .list2Item .list2Checkbox {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12px;
    margin-right: 10px
}

.list2 .list2Item .list2layout1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2layout1 {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 3.6em
    }
}

#contentsRowLeft .list2 .list2Item .list2layout1,.modalWindowBox .list2 .list2Item .list2layout1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 3.6em
}

.list2 .list2Item .list2Flag {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 14px;
    margin-right: 10px
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Flag {
        width:auto;
        margin-right: 0
    }

    .list2 .list2Item .list2Flag .list2Img {
        margin-right: 5px
    }
}

#contentsRowLeft .list2 .list2Item .list2Flag {
    width: auto;
    margin-right: 0
}

#contentsRowLeft .list2 .list2Item .list2Flag .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2Flag {
    width: auto;
    margin-right: 0
}

.modalWindowBox .list2 .list2Item .list2Flag .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2Flag {
    display: none
}

.list2 .list2Item .list2Priority {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 14px;
    margin-right: 10px
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Priority {
        width:auto;
        margin-right: 0
    }

    .list2 .list2Item .list2Priority .list2Img {
        margin-right: 5px
    }
}

#contentsRowLeft .list2 .list2Item .list2Priority {
    width: auto;
    margin-right: 0
}

#contentsRowLeft .list2 .list2Item .list2Priority .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2Priority {
    width: auto;
    margin-right: 0
}

.modalWindowBox .list2 .list2Item .list2Priority .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2Priority {
    display: none
}

.list2 .list2Item .list2Mail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 14px;
    margin-right: 10px
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Mail {
        width:auto;
        margin-right: 0
    }

    .list2 .list2Item .list2Mail .list2Img {
        margin-right: 5px
    }
}

#contentsRowLeft .list2 .list2Item .list2Mail {
    width: auto;
    margin-right: 0
}

#contentsRowLeft .list2 .list2Item .list2Mail .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2Mail {
    width: auto;
    margin-right: 0
}

.modalWindowBox .list2 .list2Item .list2Mail .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2Mail,.list2 .list2Item .list2TagSp {
    display: none
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2TagSp {
        display:block
    }

    .list2 .list2Item .list2TagSp .list2Img {
        margin-right: 5px
    }
}

#contentsRowLeft .list2 .list2Item .list2TagSp {
    display: block
}

#contentsRowLeft .list2 .list2Item .list2TagSp .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2TagSp {
    display: block
}

.modalWindowBox .list2 .list2Item .list2TagSp .list2Img {
    margin-right: 5px
}

.modalWindowBox .list2 .list2Item .list2TagSp {
    display: none
}

.list2 .list2Item .list2From {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    width: 120px;
    margin-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: 700
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2From {
        position:absolute;
        top: 23px;
        left: 0;
        width: 100%;
        font-size: 1.09rem
    }
}

#contentsRowLeft .list2 .list2Item .list2From,.modalWindowBox .list2 .list2Item .list2From {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    font-size: 1.09rem
}

.list2 .list2Item .list2Subject {
    -webkit-box-flex: 4;
    -webkit-flex: 4 0 auto;
    -ms-flex: 4 0 auto;
    flex: 4 0 auto;
    width: 240px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list2 .list2Item .list2Subject .list2SubjectTagPc {
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Subject .list2SubjectTagPc {
        display:none
    }
}

#contentsRowLeft .list2 .list2Item .list2Subject .list2SubjectTagPc,.modalWindowBox .list2 .list2Item .list2Subject .list2SubjectTagPc {
    display: none
}

.list2 .list2Item .list2Subject .list2SubjectText1 {
    margin-right: 20px;
    font-weight: 700;
    vertical-align: middle
}

.list2 .list2Item .list2Subject .list2SubjectText2 {
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Subject {
        position:absolute;
        top: 43px;
        left: 0;
        width: 100%
    }
}

#contentsRowLeft .list2 .list2Item .list2Subject,.modalWindowBox .list2 .list2Item .list2Subject {
    position: absolute;
    top: 43px;
    left: 0;
    width: 100%
}

.list2 .list2Item .list2Attachment {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 14px;
    margin-right: 10px
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Attachment {
        -webkit-box-flex:1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        text-align: right
    }
}

#contentsRowLeft .list2 .list2Item .list2Attachment,.modalWindowBox .list2 .list2Item .list2Attachment {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: right
}

.list2 .list2Item .list2Folder {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 10px;
    width: 40px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Folder {
        display:none
    }
}

#contentsRowLeft .list2 .list2Item .list2Folder,.modalWindowBox .list2 .list2Item .list2Folder {
    display: none
}

.list2 .list2Item .list2Size {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    margin-right: 20px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Size {
        display:none
    }
}

.list2 .list2Item .list2Id {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px;
    margin-right: 20px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (max-width: 1010px) {
    .list2 .list2Item .list2Id {
        display:none
    }
}

#contentsRowLeft .list2 .list2Item .list2Id,.modalWindowBox .list2 .list2Item .list2Id {
    display: none
}

.list2 .list2Item .list2Date {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.list2 .list2Item .list2Button {
    width: 132px
}

.list2 .list2Item.isKidoku .list2From,.list2 .list2Item.isKidoku .list2Subject .list2SubjectText1 {
    font-weight: 400
}

.list2HeaderPc {
    line-height: 1.2rem
}

@media screen and (max-width: 1010px) {
    .list2HeaderPc {
        display:none
    }
}

.list2HeaderPc .list2 .list2Item .list2From,.list2HeaderPc .list2 .list2Item .list2Subject .list2SubjectText1 {
    font-weight: 400
}

.list2HeaderSp {
    line-height: 1.2rem;
    background-color: #d9d9d9
}

@media screen and (min-width: 1011px) {
    .list2HeaderSp {
        display:none
    }
}

.list2HeaderSp .list2 .list2Item {
    padding: 0
}

.list2HeaderSp .list2 .list2Item .list2Checkbox {
    padding: 0 10px
}

.list2HeaderSp .list2 .list2Item .list2From {
    font-weight: 400;
    top: 1.3rem;
    left: -9px;
    z-index: 2;
    width: auto;
    overflow: visible
}

.list2HeaderSp .list2 .list2Item .list2Date {
    position: absolute;
    top: 1.3rem;
    text-align: right;
    width: 100%;
    z-index: 1;
    overflow: visible
}

.list2HeaderSp .list2 .list2Item .list2Date .btn {
    padding-right: 16px
}

.list2HeaderSp .list2 .list2Item .list2Date .btn .icon.iconXSmall:before {
    width: 16px;
    height: 16px
}

.pageTop {
    padding: 15px 20px;
    text-align: right
}

@media screen and (max-width: 1010px) {
    .pageTop {
        border-bottom:1px solid
    }
}

@media screen and (min-width: 1011px) {
    .pageTop.pageTopSp {
        display:none
    }
}

@media screen and (max-width: 1010px) {
    .pageTop.pageTopSp {
        display:block
    }
}

.pageTop .pageTopBtn {
    display: inline-block;
    font-size: .84rem;
    cursor: pointer
}

.pageTop .pageTopBtn .icon {
    margin-right: 3px;
    margin-top: -2px
}

.pageTop .pageTopBtn .icon:before {
    width: 8px;
    height: 8px
}

.avatar {
    width: 105px;
    height: 105px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 45px 56px;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.avatar.nobg {
    background-color: inherit!important;
    background-image: none!important
}

@media screen and (max-width: 1010px) {
    .avatar {
        width:90px;
        height: 90px
    }
}

.avatar .avatarImg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.text {
    line-height: 1.2
}

.text.disabled {
    color: #999
}

@media screen and (max-width: 1010px) {
    .text.textPc {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .text.textSp {
        display:none
    }
}

.text.textCenter {
    text-align: center
}

@media screen and (min-width: 1011px) {
    .text.textRightPc {
        text-align:right
    }
}

.text.textMiddle {
    vertical-align: middle
}

.text.textPre {
    white-space: pre-wrap;
    word-break: break-all
}

.text.textBreak {
    word-break: break-all
}

.text.textUnderline {
    text-decoration: underline
}

.text.textBold {
    font-weight: 700
}

@media screen and (max-width: 1010px) {
    .text.textBoldSp {
        font-weight:700
    }
}

.text.textIndent {
    margin-left: 1em;
    text-indent: -1em
}

.text.textSmall {
    font-size: .84rem
}

.text.textSmall2 {
    font-size: .92rem
}

.text.textMedium {
    font-size: 1rem
}

.text.textMedium2 {
    font-size: 1.09rem
}

.text.textLarge {
    font-size: 1.17rem
}

@media screen and (max-width: 1010px) {
    .text.textLarge {
        font-size:1.09rem
    }
}

.text.textLarge2 {
    font-size: 1.17rem
}

.text.textXLarge {
    font-size: 2.5rem
}

@media screen and (max-width: 1010px) {
    .text.textXLarge {
        font-size:2rem
    }
}

@media screen and (max-width: 1010px) {
    .text.textSmallSp {
        font-size:.84rem
    }
}

@media screen and (max-width: 1010px) {
    .text.textSmall2Sp {
        font-size:.92rem
    }
}

@media screen and (max-width: 1010px) {
    .text.textXSmallSp {
        font-size:.67rem
    }
}

@media screen and (max-width: 1010px) {
    .text.textMedium2Sp {
        font-size:1.09rem
    }
}

.text.textLarge3 {
    font-size: 1.4rem
}

.text.textLineHeight1 {
    line-height: 1
}

.text.textLineHeight2 {
    line-height: 2
}

.text.textLineHeight3 {
    line-height: 1.5
}

.text.textSpaceBottom1 {
    margin-bottom: 1em
}

.text.textSpaceBottom2 {
    margin-bottom: 60px
}

.text.textSpaceTop1 {
    margin-top: 1em
}

.text.textSpaceTop2 {
    margin-top: 60px
}

.text.textSpaceRight1 {
    margin-right: 1em
}

.text.textSpaceRight2 {
    margin-right: .5em
}

.text.textSpaceRight3 {
    margin-right: 5em
}

.text.textSpaceLeft1 {
    margin-left: 10px
}

.text.textSpaceLeft2 {
    margin-left: .5em
}

.text.textSpaceLeft3 {
    margin-left: 20px
}

.img.imgMiddle {
    vertical-align: middle
}

.calendar {
    position: absolute;
    z-index: 12;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d;
    display: none
}

.calendar.isOn {
    display: block
}

.calendar .calendarControl {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar .calendarControl .calendarControlItem {
    padding: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.calendar .calendarControl .calendarControlItem:nth-child(3) {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.calendar .calendarTable {
    table-layout: fixed
}

.calendar .calendarTable .calendarCell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    cursor: pointer
}

.calendar .calendarTable .calendarCell.calendarCellToday {
    border: 1px solid
}

.news {
    padding: 10px
}

.advancedSearch .advancedSearchHeading {
    font-size: 1.17rem;
    margin-bottom: 20px
}

.advancedSearch .advancedSearchHeading2 {
    margin-bottom: 10px
}

.advancedSearch .advancedSearchSpaceBottom1 {
    margin-bottom: 15px
}

.advancedSearch .advancedSearchLayout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.advancedSearch .advancedSearchLayout .advancedSearchLayoutItem {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.advancedSearch .advancedSearchLayout .advancedSearchLayoutItem.advancedSearchLayoutItemWidth1 {
    width: 174px;
    margin-right: 25px
}

.advancedSearch .advancedSearchLayout .advancedSearchLayoutItem.advancedSearchLayoutItemWidth2 {
    width: 240px;
    margin-right: 25px
}

.advancedSearch .advancedSearchLayout .advancedSearchLayoutItem.advancedSearchLayoutItemWidth3 {
    width: 286px
}

.advancedSearch .advancedSearchLayout .advancedSearchLayoutItem.advancedSearchLayoutItemWidth4 {
    width: 132px;
    margin-right: 22px
}

.advancedSearch .advancedSearchLayout .advancedSearchLayoutItem.advancedSearchLayoutItemWidth5 {
    width: 132px
}

.advancedSearch .advancedSearchLayout .advancedSearchLayoutItem.advancedSearchLayoutItemType1 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 12px;
    margin-right: 5px;
    margin-left: 5px
}

.advancedSearch .advancedSearchBox1 {
    height: 446px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    border-width: 1px;
    border-style: solid
}

.advancedSearch .advancedSearchBox1 .advancedSearchBox1Inner {
    display: table;
    min-width: 100%
}

.advancedSearch .advancedSearchBox2 {
    height: 135px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    border-width: 1px;
    border-style: solid
}

.advancedSearch .advancedSearchBox2 .advancedSearchBox2Inner {
    display: table;
    min-width: 100%
}

.advancedSearch .advancedSearchSelectFolder {
    position: relative
}

.advancedSearch .advancedSearchSelectFolder .advancedSearchSelectFolderBtn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px 10px 10px;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.advancedSearch .advancedSearchSelectFolder .advancedSearchSelectFolderBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    left: 0;
    bottom: 1px;
    display: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.advancedSearch .advancedSearchSelectFolder .advancedSearchSelectFolderBox.isOn {
    display: block
}

.advancedSearch .advancedSearchSelectFolder .advancedSearchSelectFolderBox .advancedSearchSelectFolderBoxInner {
    display: table;
    min-width: 100%
}

.advancedSearch .advancedSearchControl {
    padding: 15px
}

.advancedSearch .advancedSearchControl .advancedSearchControlItem1 {
    text-align: center;
    margin-bottom: 15px
}

.advancedSearch .advancedSearchControl .advancedSearchControlItem2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.advancedSearch .advancedSearchControl .advancedSearchBtn {
    width: 150px;
    height: 32px;
    margin-right: 10px
}

.advancedSearch .advancedSearchControl .advancedSearchBtn .btn {
    height: 100%
}

.paginationSp {
    display: none;
    padding: 15px 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1010px) {
    .paginationSp {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.paginationSp .paginationBtn {
    width: 10px;
    height: 15px;
    position: relative
}

.paginationSp .paginationBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.paginationSp .paginationStatus {
    text-align: center
}

.paginationSp .paginationStatus .paginationStatusText1 {
    margin-bottom: 10px
}

.pulldown {
    position: fixed;
    z-index: 12;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d;
    display: none;
    margin-top: -1px
}

@media screen and (max-width: 1010px) {
    .pulldown {
        margin-top:0;
        padding: 10px 20px;
        border: none;
        width: 100%;
        top: 50%!important;
        left: 0!important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.pulldown.isOn {
    display: block
}

@media screen and (max-width: 1010px) {
    .pulldown.pulldownPc {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .pulldown.pulldownSp {
        display:none
    }
}

.pulldown .pulldownCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

@media screen and (max-width: 1010px) {
    .pulldown .pulldownCloseBtn {
        display:block
    }
}

.pulldown .pulldownHeading {
    font-size: 1.17rem;
    font-weight: initial;
    padding: 10px 0;
    display: none
}

@media screen and (max-width: 1010px) {
    .pulldown .pulldownHeading {
        display:block
    }
}

.pulldown .pulldownItem {
    font-weight: initial;
    padding: 10px;
    cursor: pointer;
    white-space: nowrap
}

.pulldown .pulldownItem .icon {
    display: none;
    margin-right: 5px;
    margin-top: -4px
}

@media screen and (max-width: 1010px) {
    .pulldown .pulldownItem .icon {
        display:inline-block
    }
}

.pulldown .pulldownItem .icon:before {
    width: 10px;
    height: 10px
}

.pulldown2 {
    position: relative
}

.pulldown2 .pulldownSelect {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d;
    width: 100%;
    height: 155px;
    overflow: auto;
    position: absolute;
    top: 34px;
    left: 0;
    display: none;
    z-index: 12
}

.pulldown2 .pulldownSelect.isOn {
    display: block
}

.pulldown2 .pulldownSelect .pulldownSelectInner {
    display: table;
    min-width: 100%
}

.advertising {
    padding: 10px;
    border-width: 1px;
    border-style: solid
}

.advertising .advertisingCloseBtn {
    float: right;
    margin-bottom: 10px;
    font-size: 1px
}

.advertising .advertisingBody {
    clear: both;
    height: 100px;
    text-align: center
}

@media screen and (min-width: 1011px) {
    .advertising {
        width:320px;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 4
    }
}

.mail .mailLayout1 {
    position: relative;
    padding: 20px
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout1 {
        padding:15px
    }
}

.mail .mailLayout1 .mailLayout1a {
    margin-right: 80px
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout1 .mailLayout1a {
        margin-right:0
    }
}

.mail .mailLayout1 .mailLayout1b {
    position: absolute;
    right: 20px;
    top: 10px
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout1 .mailLayout1b {
        display:none
    }
}

.mail .mailLayout2 {
    margin: 0 20px 10px;
    position: relative
}

.mail .mailLayout2:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout2 {
        margin:0 0 10px;
        padding-top: 25px
    }
}

.mail .mailLayout2 .mailLayout2a {
    margin-bottom: 5px
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout2 .mailLayout2a {
        border-top-width:1px;
        border-top-style: solid;
        padding-top: 20px;
        padding-right: 112px;
        padding-left: 15px;
        margin-bottom: 15px
    }
}

.mail .mailLayout2 .mailLayout2b {
    float: right
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout2 .mailLayout2b {
        float:none
    }
}

.mail .mailLayout2 .mailLayout2b .mailLayout2c {
    display: table-cell;
    padding-right: 20px;
    padding-bottom: 10px;
    vertical-align: bottom
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout2 .mailLayout2b .mailLayout2c {
        display:table;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 15px
    }
}

.mail .mailLayout2 .mailLayout2b .mailLayout2c .mailLayout2d {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle
}

.mail .mailLayout2 .mailLayout2b .mailLayout2c .mailLayout2d>.icon {
    margin-right: 8px
}

.mail .mailLayout2 .mailLayout2b .mailLayout2c .mailLayout2e {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout2 .mailLayout2b .mailLayout2c .mailLayout2e {
        text-align:right
    }
}

.mail .mailLayout2 .mailLayout2b .mailLayout2f {
    display: table-cell;
    width: 85px;
    vertical-align: bottom
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout2 .mailLayout2b .mailLayout2f {
        display:block;
        position: absolute;
        right: 15px;
        top: 42px
    }
}

.mail .mailLayout2 .mailLayout2g {
    position: absolute;
    left: 0;
    bottom: 0
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout2 .mailLayout2g {
        position:static;
        margin: 0 15px
    }
}

.mail .mailThreadBundle {
    position: relative;
    text-align: center;
    cursor: pointer
}

.mail .mailThreadBundle:before {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    font-size: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mail .mailThreadBundle:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top-width: 1px;
    border-top-style: solid;
    position: absolute;
    top: 50%
}

.mail .mailThreadBundle .mailThreadBundleText {
    display: inline-block;
    padding: 10px 100px;
    position: relative;
    z-index: 3
}

@media screen and (max-width: 1010px) {
    .mail .mailThreadBundle .mailThreadBundleText {
        padding-left:50px;
        padding-right: 50px
    }
}

.mail .mailThread {
    border-top-width: 1px;
    border-style: solid
}

.mail .mailThread>.mailLayout2 {
    margin-top: 15px
}

@media screen and (max-width: 1010px) {
    .mail .mailThread>.mailLayout2 .mailLayout2a {
        border-top:none;
        padding-top: 10px
    }
}

@media screen and (max-width: 1010px) {
    .mail .mailThread>.mailLayout2 .mailLayout2f {
        top:25px
    }
}

.mail .mailLayout3 {
    padding: 15px 20px
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout3 {
        padding-right:15px;
        padding-left: 15px
    }
}

.mail .mailLayout3.isKidoku .mailFrom2 {
    font-weight: 400
}

.mail .mailLayout3 .mailLayout3a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout3 .mailLayout3a {
        display:block;
        position: relative;
        padding-top: 2em
    }
}

.mail .mailLayout3 .mailLayout3a .mailLayout3b {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 10px
}

.mail .mailLayout3 .mailLayout3a .mailLayout3c {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: table
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout3 .mailLayout3a .mailLayout3c {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%
    }
}

.mail .mailLayout3 .mailLayout3a .mailLayout3c .mailLayout3d,.mail .mailLayout3 .mailLayout3a .mailLayout3c .mailLayout3e {
    display: table-cell;
    white-space: nowrap
}

@media screen and (max-width: 1010px) {
    .mail .mailLayout3 .mailLayout3a .mailLayout3c .mailLayout3e {
        text-align:right
    }
}

.mail .mailLayout3 .mailLayout3f {
    margin-top: 10px
}

.mail .mailTitle {
    font-size: 1.34rem;
    line-height: 1.2
}

@media screen and (max-width: 1010px) {
    .mail .mailTitle {
        font-size:1.09rem;
        font-weight: 700
    }
}

.mail .mailPageNav .mailPageNavItem {
    display: table-cell
}

.mail .mailPageNav .mailPageNavItem:first-child {
    padding-right: 10px
}

.mail .mailLink {
    text-decoration: underline;
    cursor: pointer
}

.mail .mailFrom {
    font-size: 1.17rem;
    font-weight: 700;
    line-height: 1.2;
    word-break: break-all
}

@media screen and (max-width: 1010px) {
    .mail .mailFrom {
        font-size:1.09rem;
        word-break: break-all
    }
}

.mail .mailFrom2 {
    font-weight: 700;
    line-height: 1.2;
    word-break: break-all
}

@media screen and (max-width: 1010px) {
    .mail .mailFrom2 {
        font-weight:400
    }
}

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

.mail .mailBody {
    border-top-width: 2px;
    border-style: solid
}

.mail .mailBody .mailBodyInner {
    padding: 20px 40px
}

@media screen and (max-width: 1010px) {
    .mail .mailBody .mailBodyInner {
        padding:15px
    }
}

.mail .mailCaution {
    padding: 15px 50px 15px 20px;
    position: relative
}

@media screen and (max-width: 1010px) {
    .mail .mailCaution {
        padding:15px 30px 15px 15px
    }
}

.mail .mailCaution .mailCautionCloseBtn {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 1010px) {
    .mail .mailCaution .mailCautionCloseBtn {
        right:10px
    }
}

.mail .mailBottomNav {
    border-top-width: 1px;
    border-style: solid;
    padding: 10px 20px;
    text-align: right
}

.mail .mailBottomNav .mailBottomNavInner {
    display: inline-block
}

.mail .authInfoLink {
    text-decoration: underline;
    cursor: pointer
}

.mailEdit .mailSubject {
    border-top-width: 1px;
    border-top-style: solid
}

.mailEdit .mailSubject .layoutTableWrap6 {
    padding: 15px 20px
}

@media screen and (max-width: 1010px) {
    .mailEdit .mailSubject .layoutTableWrap5 {
        padding:10px 15px 10px 5px
    }

    .mailEdit .mailSubject .layoutTableWrap5 .layoutTable div:first-child {
        padding-right: 10px;
        box-sizing: border-box
    }
}

.mailAttach .mailAttachHeaderSp {
    padding: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    display: none
}

@media screen and (max-width: 1010px) {
    .mailAttach .mailAttachHeaderSp {
        display:block
    }
}

.mailAttach .mailAttachBody {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 14px 20px;
    word-break: break-all
}

@media screen and (max-width: 1010px) {
    .mailAttach .mailAttachBody {
        border-top:none;
        padding: 0
    }

    .mailAttach .mailAttachBody.showAttachSp {
        display: block
    }

    .mailAttach .mailAttachBody.hideAttachSp {
        display: none
    }
}

.mailAttach .mailAttachBody .mailAttachItem {
    display: inline-block;
    margin-right: 10px
}

@media screen and (max-width: 1010px) {
    .mailAttach .mailAttachBody .mailAttachItem {
        display:block;
        margin-right: 0;
        border-top-width: 1px;
        border-top-style: solid;
        padding: 15px
    }

    .mailAttach .mailAttachBody .mailAttachItem:first-child {
        border-top: none
    }

    .mailEdit .mailAttach .mailAttachBody .mailAttachItem {
        position: relative;
        padding-right: 40px
    }

    .mailEdit .mailAttach .mailAttachBody .mailAttachItem .mailAttachCloseBtn {
        position: absolute;
        right: 15px
    }
}

@media screen and (max-width: 1010px) {
    .mailAttach2 {
        margin-right:-5px;
        margin-left: -5px
    }
}

.mailAttach2 .mailAttachItem {
    margin-top: 15px;
    word-break: break-all
}

@media screen and (max-width: 1010px) {
    .mailAttach2 .mailAttachItem {
        margin-top:0;
        border-top-width: 1px;
        border-top-style: solid;
        padding: 15px 40px 15px 15px;
        position: relative
    }

    .mailAttach2 .mailAttachItem .mailAttachCloseBtn {
        position: absolute;
        right: 15px
    }
}

.mailEdit {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 1010px) {
    .mailEdit {
        display:block
    }
}

.mailEditHeader {
    margin: -34px 20px 20px
}

@media screen and (max-width: 1010px) {
    .mailEditHeader {
        margin:15px 15px 15px 5px
    }
}

.mailEditControl {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 15px 20px
}

@media screen and (max-width: 1010px) {
    .mailEditControl {
        display:block;
        padding: 60px 15px 10px;
        position: relative
    }
}

.mailEditControl .mailEditControlLayout1 {
    display: table-cell;
    width: 52px;
    vertical-align: middle;
    text-align: center
}

@media screen and (max-width: 1010px) {
    .mailEditControl .mailEditControlLayout1 {
        display:block;
        position: absolute;
        left: 15px;
        top: 10px;
        padding-top: 12px;
        padding-bottom: 11px
    }
}

.mailEditControl .mailEditControlLayout1.mailEditControlLayout1Btn {
    border-radius: 3px;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px
}

.mailEditControl .mailEditControlLayout2 {
    display: table-cell;
    padding-left: 10px;
    padding-right: 15px;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .mailEditControl .mailEditControlLayout1.mailEditControlLayout1Btn {
        padding-right:20px!important
    }

    .mailEditControl .mailEditControlLayout2 {
        display: none
    }
}

.mailEditControl .mailEditControlLayout3 {
    display: table-cell;
    padding-right: 15px;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .mailEditControl .mailEditControlLayout3 {
        display:block;
        padding-right: 0
    }
}

.mailEditControl .mailEditControlLayout4 {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .mailEditControl .mailEditControlLayout4 {
        position:absolute;
        top: 10px;
        right: 15px
    }
}

.mailEditBody {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

@media screen and (max-width: 1010px) {
    .mailEditBody {
        -webkit-box-flex:0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        height: 50vh
    }
}

.mailEditBody .mailEditBodyTextarea {
    resize: none;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width: 1011px) {
    .mailEditFooterSp {
        display:none
    }
}

.btnSet {
    border-radius: 20px
}

.btnSet .btnSetItem {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 14px;
    border-right-width: 1px;
    border-right-style: solid;
    cursor: pointer
}

@media screen and (max-width: 1010px) {
    .btnSet .btnSetItem {
        padding:14px
    }
}

.btnSet .btnSetItem:first-child {
    border-radius: 3px 0 0 3px
}

.btnSet .btnSetItem:last-child {
    border-radius: 0 3px 3px 0;
    border-right: none
}

.btnSet .btnSetItem.btnSetItemPulldown {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px 5px
}

.btnSet .btnSetItem.btnSetItemPulldown.isOn {
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset
}

.selectAddress {
    width: 748px;
    margin-top: 15px
}

.selectAddress:after {
    content: "";
    display: block;
    clear: both
}

.selectAddress .selectAddressLayout1 {
    width: 337px;
    float: left
}

.selectAddress .selectAddressLayout1 .selectAddressLayout1a {
    display: table-cell;
    vertical-align: bottom;
    height: 28px;
    padding-bottom: 10px
}

.selectAddress .selectAddressLayout2 {
    float: left;
    padding-left: 10px;
    padding-top: 40px
}

.selectAddress .selectAddressLayout3 {
    width: 337px;
    float: right
}

.selectAddress .selectAddressLayout3 .selectAddressLayout3a {
    height: 28px;
    margin-bottom: 10px;
    text-align: right
}

.tab {
    margin-top: 15px
}

.tab .tabNav {
    margin-left: -25px;
    margin-right: -25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.tab .tabNav:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width: 1010px) {
    .tab .tabNav {
        display:none
    }
}

.tab .tabNav .tabNavItem {
    float: left;
    margin-right: 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px 3px 0 0;
    padding: 13px;
    cursor: pointer;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.tab .tabNav .tabNavItem.isSelect {
    border-top-width: 3px;
    padding-top: 11px
}

.tab .tabContents {
    display: none;
    margin-top: 26px
}

@media screen and (max-width: 1010px) {
    .tab .tabContents {
        margin-top:20px
    }
}

.tab .tabContents.isOn {
    display: block
}

.tipBtn {
    position: relative
}

.tipBtn:hover>.tip {
    display: block
}

.tip {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 192px;
    border-width: 1px;
    border-style: solid;
    padding: 15px;
    position: absolute;
    left: -5px;
    bottom: 20px;
    z-index: 9
}

.tip:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    z-index: 9;
    bottom: -4px;
    left: 10px
}

.tip:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: -25px;
    left: 0
}

.table.tableSpace1 {
    border-collapse: separate!important;
    border-spacing: 15px!important;
    margin-top: -15px;
    margin-left: -15px
}

.table .tableCell {
    text-align: left
}

.table .tableCell.tableCellWidth1 {
    width: 105px
}

.table .tableCell.tableCellWidth2 {
    width: 140px
}

.settingLayout {
    margin-top: 20px;
    border-width: 1px;
    border-style: solid
}

@media screen and (max-width: 1010px) {
    .settingLayout {
        border:none
    }
}

.settingLayout .settingLayoutCell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    padding: 10px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.settingLayout .settingLayoutCell.settingLayoutCellType1 {
    width: 324px
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutCell.settingLayoutCellType1 {
        width:auto;
        cursor: pointer;
        padding: 15px 0 15px 18px;
        position: relative
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType1:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 16px
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType1.isOpen:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.settingLayout .settingLayoutCell.settingLayoutCellType2 {
    width: 196px
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutCell.settingLayoutCellType2 {
        display:none;
        width: auto;
        margin-bottom: 1px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType2.isOpen {
        display: block
    }
}

.settingLayout .settingLayoutCell.settingLayoutCellType3 {
    width: 108px
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutCell.settingLayoutCellType3 {
        display:none;
        width: auto;
        margin-bottom: 15px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType3.isOpen {
        display: block
    }
}

.settingLayout .settingLayoutCell.settingLayoutCellType4 {
    width: 77px
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutCell.settingLayoutCellType4 {
        display:none
    }
}

.settingLayout .settingLayoutCell.settingLayoutCellType5 {
    width: 150px
}

.settingLayout .settingLayoutCell.settingLayoutCellType6 {
    width: 81px
}

.settingLayout .settingLayoutCell.settingLayoutCellType7 {
    width: 178px
}

.settingLayout .settingLayoutCell.settingLayoutCellType8 {
    width: 123px
}

.settingLayout .settingLayoutCell.settingLayoutCellType9 {
    width: 106px
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutCell.settingLayoutCellType9 {
        display:none;
        width: auto;
        margin-bottom: 15px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType9.isOpen {
        display: block
    }
}

.settingLayout .settingLayoutCell.settingLayoutCellType10 {
    width: 403px
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutCell.settingLayoutCellType10 {
        width:auto;
        cursor: pointer;
        padding: 15px 0 15px 18px;
        position: relative
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType10:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 16px
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType10.isOpen:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.settingLayout .settingLayoutCell.settingLayoutCellType11 {
    width: 196px
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutCell.settingLayoutCellType11 {
        display:none;
        width: auto;
        margin-bottom: 1px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .settingLayout .settingLayoutCell.settingLayoutCellType11.isOpen {
        display: block
    }
}

.settingLayout .settingLayoutHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-width: 1px;
    border-style: solid
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutHeader {
        display:none
    }
}

.settingLayout .settingLayoutHeader .settingLayoutCell {
    border-left-width: 1px
}

.settingLayout .settingLayoutHeader .settingLayoutCell:first-child {
    border-left: none
}

.settingLayout .settingLayoutItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.settingLayout .settingLayoutItem:last-child {
    border-bottom: none
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingLayoutItem {
        display:block;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: none;
        border-top-width: 1px;
        border-top-style: solid
    }
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingTextSpaceRight1Sp {
        margin-right:81px
    }
}

@media screen and (max-width: 1010px) {
    .settingLayout .settingTextSpaceRight2Sp {
        margin-right:30px
    }
}

.settingsFilter .settingsFilterSelectFolder {
    position: relative
}

.settingsFilter .settingsFilterSelectFolder .settingsFilterSelectFolderBtn {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px 10px 10px;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 10px 10px
}

.settingsFilter .settingsFilterSelectFolder .settingsFilterSelectFolderBox {
    box-sizing: border-box;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    left: 0;
    bottom: 1px;
    display: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 12
}

.settingsFilter .settingsFilterSelectFolder .settingsFilterSelectFolderBox.isOn {
    display: block
}

.floatingMenu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-box-shadow: 0 -5px 10px rgba(0,0,0,.3);
    box-shadow: 0 -5px 10px #0000004d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 7
}

@media screen and (max-width: 1010px) {
    .floatingMenu {
        padding:10px 15px
    }
}

.floatingMenu .floatingMenuItem {
    margin-left: 10px
}

.floatingMenu .floatingMenuItem:first-child {
    margin-left: 0
}

.modeless {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 17
}

.modeless .closeBtn {
    position: absolute;
    top: 0;
    right: 0
}

.toast {
    display: table;
    text-align: left;
    max-width: 420px;
    min-width: 300px;
    box-sizing: border-box;
    height: 80px;
    margin: 0 auto 0 -150px;
    background-color: #fff;
    box-shadow: 0 5px 15px #00000080;
    top: -80px;
    transition: all .2s 0s ease
}

.toast.in {
    transform: translateY(80px)
}

.toast .message {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 20px
}

.toast .text {
    padding: 10px
}

.signatureEditControl {
    border-width: 1px;
    border-style: solid;
    border-bottom: none;
    padding: 5px
}

.signatureEdit>.formControl.inputType2,.signatureEdit>.formControl.textareaType1 {
    background-color: #fff
}

mail-edit-address-select-item {
    background-color: inherit
}

.changePasswordWindow,.autoForwardWindow {
    text-align: left
}

.fullUserAccount {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px
}

.headerUserAccount {
    overflow: hidden
}

.headerUserAccount .userAccount {
    text-align: right
}

.footerUserAccount>.userAccount {
    text-align: center
}

@media screen and (max-width: 1010px) {
    select.address-book-list-select {
        width:120px
    }
}

@media screen and (min-width: 1011px) {
    select.address-book-list-select {
        width:170px
    }
}

@media screen and (max-width: 1010px) {
    .pcOnly {
        display:none!important
    }
}

.flatFore {
    z-index: 3
}

@media screen and (max-width: 1010px) {
    .textAlignLeftSp {
        text-align:left
    }
}

.icon.common.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#header {
    width: 100%;
    min-width: 1024px;
    height: 42px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10
}

#header:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width: 1010px) {
    #header {
        min-width:100%;
        height: 38px;
        z-index: 10
    }
}

#header .headerLogo {
    width: 250px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border-right-width: 1px;
    border-right-style: solid
}

@media screen and (max-width: 1010px) {
    #header .headerLogo {
        width:auto;
        height: 38px;
        float: right;
        border-right: none
    }
}

.errorWrap #header .headerLogo {
    border-right: none
}

#header .headerLogo .headerLogoHeading {
    margin-top: 6px;
    margin-left: 20px
}

@media screen and (max-width: 1010px) {
    #header .headerLogo .headerLogoHeading {
        margin-top:5px;
        margin-right: 10px
    }
}

#header .headerLogo .headerLogoImg {
    width: 103px;
    height: auto
}

@media screen and (max-width: 1010px) {
    #header .headerLogo .headerLogoImg {
        width:88px
    }
}

#header .headerNav {
    float: left;
    width: 450px
}

@media screen and (max-width: 1010px) {
    #header .headerNav {
        display:none
    }
}

#header .headerUserOperationWrap {
    height: 100%;
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width: 1010px) {
    #header .headerUserOperationWrap {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    #footer.footerSp {
        display:block
    }
}

@media screen and (max-width: 1010px) {
    #footer.footerSp {
        display:block
    }
}

#footer .footerNav {
    display: none
}

@media screen and (max-width: 1010px) {
    #footer .footerNav {
        display:block
    }
}

#footer .footerUserAccount {
    display: none;
    border-bottom: 1px solid;
    padding: 10px;
    text-align: center
}

@media screen and (max-width: 1010px) {
    #footer .footerUserAccount {
        display:block
    }
}

#footer .footerUserOperation {
    display: none;
    padding: 10px
}

@media screen and (max-width: 1010px) {
    #footer .footerUserOperation {
        display:block
    }
}

#contentsWrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    min-width: 1024px;
    position: relative;
    padding-left: 250px
}

#contentsWrap:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width: 1010px) {
    #contentsWrap {
        height:auto;
        min-width: 100%;
        padding-left: 0;
        position: static
    }
}

#contents {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 1010px) {
    #contents {
        height:auto;
        display: block
    }
}

#contents #contentsHeader {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

#contents #contentsBody,#contents #contentsBodyNew {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    overflow-y: auto
}

#contents #contentsBody .loading,#contents #contentsBodyNew .loading,#contents #contentsRowLeftBody .loading {
    margin: 20px 0;
    text-align: center
}

#contents #contentsBody .loading .loadingImg,#contents #contentsBodyNew .loading .loadingImg,#contents #contentsRowLeftBody .loading .loadingImg {
    width: 40px;
    height: 40px;
    overflow: hidden;
    animation: rotate-anime 2s linear infinite
}

@keyframes rotate-anime {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media screen and (max-width: 1010px) {
    #contents #contentsBody,#contents #contentsBodyNew {
        position:static;
        overflow-y: visible
    }
}

#contents #contentsBody #contentsBodyInner,#contents #contentsBodyNew #contentsBodyInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (max-width: 1010px) {
    #contents #contentsBody #contentsBodyInner,#contents #contentsBodyNew #contentsBodyInner {
        position:static
    }
}

@media print {
    #contents #contentsBodyNew {
        overflow-y: visible
    }
}

#contents #contentsBody2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    position: relative;
    overflow-y: auto;
    border-top-width: 3px;
    border-style: solid
}

@media screen and (max-width: 1010px) {
    #contents #contentsBody2 {
        display:none
    }
}

#contents #contentsBody2 #contentsBody2Inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#contents #contentsRow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1010px) {
    #contents #contentsRow {
        display:block
    }
}

#contents #contentsRow #contentsRowLeft {
    width: 40%;
    min-width: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 1010px) {
    #contents #contentsRow #contentsRowLeft {
        width:auto;
        min-width: 100%;
        display: block
    }
}

#contents #contentsRow #contentsRowLeft #contentsRowLeftHeader {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px;
    border-bottom-width: 1px;
    border-style: solid
}

@media screen and (max-width: 1010px) {
    #contents #contentsRow #contentsRowLeft #contentsRowLeftHeader {
        display:none
    }
}

#contents #contentsRow #contentsRowLeft #contentsRowLeftBody {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    overflow-y: auto
}

@media screen and (max-width: 1010px) {
    #contents #contentsRow #contentsRowLeft #contentsRowLeftBody {
        display:block;
        position: static
    }
}

#contents #contentsRow #contentsRowRight {
    min-width: 600px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    overflow: auto;
    border-left-width: 3px;
    border-style: solid
}

@media screen and (max-width: 1010px) {
    #contents #contentsRow #contentsRowRight {
        display:none
    }
}

#contents #contentsRow .contentsRowInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (max-width: 1010px) {
    #contents #contentsRow .contentsRowInner {
        position:static
    }
}

#sidebar {
    width: 250px;
    height: 100%;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right-width: 1px;
    border-right-style: solid
}

@media screen and (max-width: 1010px) {
    #sidebar {
        border-right:none;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        min-width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translate(-100%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 10
    }

    #sidebar.show {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }
}

@media screen and (min-width: 1011px) {
    #sidebar.mailEditing {
        min-height:520px
    }
}

#sidebar>#sidebarInner {
    display: table;
    min-width: 100%
}

#sidebar .sidebarCloseBtn {
    display: none;
    height: 36px;
    width: 36px
}

@media screen and (max-width: 1010px) {
    #sidebar .sidebarCloseBtn {
        display:block
    }
}

#sidebar .sidebarHeading {
    font-weight: 700;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%
}

#sidebar .sidebarHeading .icon {
    margin-right: 7px;
    margin-top: -4px
}

#sidebar .sidebarHeading .icon:before {
    width: 14px;
    height: 14px
}

#sidebar .sidebarContents {
    padding-bottom: 20px
}

#sidebar .sidebarNav {
    display: none
}

@media screen and (max-width: 1010px) {
    #sidebar .sidebarNav {
        display:block
    }
}

#sidebar .sidebarUserOperation {
    padding: 15px;
    display: none
}

@media screen and (max-width: 1010px) {
    #sidebar .sidebarUserOperation {
        display:block
    }
}

#spMenuBtn {
    display: none;
    position: fixed;
    top: 11px;
    left: 10px;
    z-index: 10;
    width: 22px;
    height: 16px
}

@media screen and (max-width: 1010px) {
    #spMenuBtn {
        display:block
    }
}

#spMenuBtn .icon:before {
    width: 22px;
    height: 16px
}

@media screen and (max-width: 1010px) {
    .layoutTableWrapPc {
        display:none
    }
}

@media screen and (min-width: 1011px) {
    .layoutTableWrapSp {
        display:none
    }
}

.layoutTableWrap1 {
    margin: 30px
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap1 {
        margin:0;
        padding: 15px
    }
}

.layoutTableWrap2 {
    margin: 0 30px;
    padding: 30px 0;
    border-top-width: 1px;
    border-style: solid
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap2 {
        margin:0;
        padding: 15px
    }
}

.layoutTableWrap3 {
    margin: 0 30px 20px
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap3 {
        margin:0;
        padding: 15px;
        border-top-width: 1px;
        border-style: solid
    }
}

.layoutTableWrap4 {
    margin: 0 30px;
    padding: 30px 0;
    border-top-width: 1px;
    border-style: solid
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap4 {
        margin:0;
        padding: 0 15px 15px;
        border: none
    }
}

.layoutTableWrap5 {
    border-top-width: 1px;
    border-top-style: solid;
    padding: 15px 20px
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap5 {
        border-top:none;
        padding-top: 0
    }
}

.layoutTableWrap6 {
    margin: 0 50px;
    padding: 20px 0
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap6 {
        margin:0;
        padding: 15px
    }
}

.layoutTableWrap7 {
    padding: 20px 0
}

.layoutTableWrap8 {
    padding-top: 20px
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap8 {
        padding-top:0
    }
}

.layoutTableWrap10 {
    margin: 25px 15px 0
}

.layoutTableWrap10 .icon.iconArrow2RedRight:before {
    width: 9px;
    height: 9px;
    margin-top: -1px
}

.layoutTableWrap11 {
    padding: 20px 0
}

@media screen and (max-width: 1010px) {
    .layoutTableWrap11 {
        padding-bottom:0
    }
}

.layoutTableWrapBorderTop {
    border-top-width: 1px;
    border-top-style: solid
}

@media screen and (min-width: 1011px) {
    .layoutTableWrapBorderTopPc {
        border-top-width:1px;
        border-top-style: solid
    }
}

.layoutTableGroup {
    padding: 20px;
    margin-bottom: 10px;
    position: relative
}

@media screen and (max-width: 1010px) {
    .layoutTableGroup {
        padding:10px;
        margin-left: -5px;
        margin-right: -5px
    }
}

.layoutTableGroup .layoutTableGroupCloseBtn {
    position: absolute;
    right: 5px;
    top: 5px
}

@media screen and (max-width: 1010px) {
    .layoutTableGroup .layoutTableGroupCloseBtn {
        right:10px;
        top: 10px
    }
}

.layoutTable {
    display: table;
    border-collapse: collapse;
    table-layout: fixed
}

.layoutTable.layoutTableSpaceTop1 {
    margin-top: 15px
}

.layoutTable.layoutTableSpaceTop2 {
    margin-top: 10px
}

.layoutTable.layoutTableSpaceTop3 {
    margin-top: 20px
}

.layoutTable.layoutTableSpaceTop4 {
    margin-top: 30px
}

.layoutTable.layoutTableSpaceTop5 {
    margin-top: 3px
}

.layoutTable.layoutTableFixed {
    width: 100%
}

.layoutTable.layoutTableType1 {
    margin-top: -1px
}

@media screen and (max-width: 1010px) {
    .layoutTable.layoutTableType1 {
        width:100%;
        table-layout: fixed
    }
}

.layoutTable.layoutTableColumn {
    display: block
}

.layoutTable.layoutTableColumn>.layoutTableCell {
    display: block
}

.layoutTable>.layoutTableCell {
    display: table-cell;
    vertical-align: top
}

.layoutTable>.layoutTableCell.layoutTableCellCenter {
    text-align: center
}

.layoutTable>.layoutTableCell.layoutTableCellRight {
    text-align: right
}

.layoutTable>.layoutTableCell.layoutTableCellMiddle {
    vertical-align: middle
}

.layoutTable>.layoutTableCell.layoutTableCellNowrap {
    white-space: nowrap
}

.layoutTable>.layoutTableCell.layoutTableCellBreakAll {
    word-break: break-all
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceTop1 {
    padding-top: 10px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceTop2 {
    padding-top: 20px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceTop3 {
    padding-top: 30px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceTop4 {
    padding-top: 15px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceTop5 {
    padding-top: 5px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceLeft1 {
    padding-left: 10px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceLeft2 {
    padding-left: 20px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceLeft3 {
    padding-left: 3px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceRight1 {
    padding-right: 5px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceRight2 {
    padding-right: 10px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceRight3 {
    padding-right: 15px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceRight4 {
    padding-right: 20px
}

.layoutTable>.layoutTableCell.layoutTableCellSpaceBottom1 {
    padding-bottom: 10px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth1 {
    width: 3em
}

.layoutTable>.layoutTableCell.layoutTableCellWidth2 {
    width: 52px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth3 {
    width: 179px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth4 {
    width: 120px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth5 {
    width: 140px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth6 {
    width: 25px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth7 {
    width: 166px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth8 {
    width: 255px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth9 {
    width: 251px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth10 {
    width: 28px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth11 {
    width: 185px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth12 {
    width: 490px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth13 {
    width: 111px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth14 {
    width: 300px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth15 {
    width: 146px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth16 {
    width: 240px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth17 {
    width: 380px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth18 {
    width: 106px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth19 {
    width: 100px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth20 {
    width: 200px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth21 {
    width: 90px
}

.layoutTable>.layoutTableCell.layoutTableCellWidth22 {
    width: 100px
}

.layoutTable>.layoutTableCell.layoutTableCellHeight1 {
    height: 120px
}

.layoutTable>.layoutTableCell.layoutTableCellType1 {
    width: 455px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    padding: 15px;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .layoutTable>.layoutTableCell.layoutTableCellType1 {
        width:auto;
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0
    }
}

.layoutTable>.layoutTableCell.layoutTableCellType2 {
    width: 7px;
    padding-left: 10px;
    vertical-align: middle
}

@media screen and (max-width: 1010px) {
    .layoutTable>.layoutTableCell.layoutTableCellType2 {
        width:10px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-style: solid
    }
}

@media screen and (max-width: 1010px) {
    .layoutTable>.layoutTableCell.layoutTableCellType3 {
        padding:10px
    }
}

.layoutTable>.layoutTableCell.layoutTableCellBtn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center
}

@media screen and (min-width: 1011px) {
    .layoutTable.layoutTableSp {
        display:none
    }

    .layoutTable.layoutTableColumnPc {
        display: block
    }

    .layoutTable.layoutTableColumnPc>.layoutTableCell {
        display: block
    }

    .layoutTable.layoutTableSpaceTopPc1 {
        margin-top: 15px
    }

    .layoutTable.layoutTableSpaceTopPc2 {
        margin-top: 20px
    }

    .layoutTable.layoutTableSpaceTopPc3 {
        margin-top: 30px
    }

    .layoutTable.layoutTableWidthPc1 {
        width: 413px
    }

    .layoutTable.layoutTableWidthPc2 {
        width: 850px
    }

    .layoutTable .layoutTableCell.layoutTableCellRightPc {
        text-align: right
    }

    .layoutTable .layoutTableCell.layoutTableCellSp {
        display: none
    }

    .layoutTable .layoutTableCell.layoutTableCellBorderRightPc1 {
        border-right-width: 1px;
        border-right-style: solid
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc1 {
        width: 105px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc2 {
        width: 420px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc3 {
        width: 84px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc4 {
        width: 100px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc5 {
        width: 230px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc6 {
        width: 345px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc7 {
        width: 56px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc8 {
        width: 340px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc9 {
        width: 278px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc10 {
        width: 52px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc11 {
        width: 115px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc12 {
        width: 455px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc13 {
        width: 135px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc14 {
        width: 305px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc15 {
        width: 285px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc16 {
        width: 118px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc17 {
        width: 190px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc18 {
        width: 480px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc19 {
        width: 640px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc20 {
        width: 153px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc21 {
        width: 304px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc22 {
        width: 88px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc23 {
        width: 497px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc24 {
        width: 55px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc25 {
        width: 587px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc26 {
        width: 102px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc27 {
        width: 101px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc28 {
        width: 470px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc29 {
        width: 170px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc30 {
        width: 230px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc31 {
        width: 146px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthPc32 {
        width: 300px
    }

    .layoutTable .layoutTableCell.layoutTableCellHeightPc1 {
        height: 178px
    }

    .layoutTable .layoutTableCell.layoutTableCellHeightPc2 {
        height: 143px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceTopPc1 {
        padding-top: 20px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceTopPc2 {
        padding-top: 15px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceBottomPc1 {
        padding-bottom: 20px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftPc1 {
        padding-left: 30px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftPc2 {
        padding-left: 10px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftPc3 {
        padding-left: 15px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftPc4 {
        padding-left: 20px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftPc5 {
        padding-left: 3px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceRightPc1 {
        padding-right: 30px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceRightPc2 {
        padding-right: 10px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceRightPc3 {
        padding-right: 20px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceRightPc4 {
        padding-right: 15px
    }

    .layoutTable .layoutTableCell.layoutTableCellPaddingTop12 {
        padding-top: 12px
    }
}

@media screen and (max-width: 1010px) {
    .layoutTable.layoutTablePc {
        display:none
    }

    .layoutTable.layoutTableColumnSp {
        display: block
    }

    .layoutTable.layoutTableColumnSp>.layoutTableCell {
        display: block
    }

    .layoutTable.layoutTableSpaceTopSp1 {
        margin-top: 15px
    }

    .layoutTable.layoutTableSpaceTopSp2 {
        margin-top: 10px
    }

    .layoutTable.layoutTableSpaceTopSp3 {
        margin-top: 5px
    }

    .layoutTable.layoutTableSpaceTopSp4 {
        margin-top: 20px
    }

    .layoutTable.layoutTableFixedSp {
        width: 100%
    }

    .layoutTable .layoutTableCell.layoutTableCellPc {
        display: none
    }

    .layoutTable .layoutTableCell.layoutTableCellRightSp {
        text-align: right
    }

    .layoutTable .layoutTableCell.layoutTableCellRightSp.filterButton>button:first-child {
        margin-bottom: 10px
    }

    .layoutTable .layoutTableCell.layoutTableCellType1Sp {
        margin-left: -15px;
        margin-right: -15px;
        border-top-width: 1px;
        border-top-style: solid;
        margin-top: 15px;
        padding: 15px 15px 0
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp1 {
        width: 90px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp2 {
        width: 76px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp3 {
        width: 52px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp4 {
        width: 10px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp5 {
        width: 115px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp6 {
        width: 87px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp7 {
        width: 99px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp8 {
        width: 80px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp9 {
        width: 103px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp10 {
        width: 34px
    }

    .layoutTable .layoutTableCell.layoutTableCellWidthSp11 {
        width: 41px
    }

    .layoutTable .layoutTableCell.layoutTableCellHeightSp1 {
        height: 150px
    }

    .layoutTable .layoutTableCell.layoutTableCellHeightSp2 {
        height: 100px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftSp1 {
        padding-left: 30px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftSp2 {
        padding-left: 10px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceLeftSp4 {
        padding-left: 5px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceRightSp1 {
        padding-right: 14px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceRightSp2 {
        padding-right: 10px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceTopSp1 {
        padding-top: 15px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceTopSp2 {
        padding-top: 10px
    }

    .layoutTable .layoutTableCell.layoutTableCellSpaceBottomSp1 {
        padding-bottom: 15px
    }

    .layoutTable .layoutTableCell.layoutTableCellBorderBottomSp1 {
        border-bottom-width: 1px;
        border-style: solid
    }
}

.layoutInline .layoutInlineItem {
    display: inline-block
}

.layoutInline .layoutInlineItem.layoutInlineItemSpaceRight1 {
    margin-right: 15px
}

.layoutInline .layoutInlineItem.layoutInlineItemSpaceRight2 {
    margin-right: 10px
}

.layoutInline .layoutInlineItem.layoutInlineItemSpaceLeft1 {
    margin-left: 20px
}

.layoutGrid.layoutGridSpace>.layoutGridItem {
    box-sizing: border-box;
    padding: 15px 0 0 40px
}

@media screen and (min-width: 1011px) {
    .layoutGrid.layoutGridWidth1Pc {
        max-width:730px
    }

    .layoutGrid.layoutGridCol2Pc {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .layoutGrid.layoutGridCol2Pc>.layoutGridItem {
        width: 50%
    }
}

.layoutGrid.layoutGridSpace {
    margin: -15px 0 0 -40px
}

.layoutGrid.layoutGridSpace>.layoutGridItem {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 0 40px
}

@media screen and (min-width: 1011px) {
    .layoutGrid.layoutGridCol2Pc {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .layoutGrid.layoutGridCol2Pc>.layoutGridItem {
        width: 50%
    }
}

@media screen and (max-width: 1010px) {
    .layoutGrid.layoutGridCol1Sp {
        display:block
    }

    .layoutGrid.layoutGridCol1Sp>.layoutGridItem {
        width: auto
    }
}

.fade {
    animation: fadeInAnime .15s ease forwards
}

@keyframes fadeInAnime {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dropup,.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

@media screen and (min-width: 1011px) {
    bs-dropdown-container {
        z-index:12
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 12;
        display: none;
        float: left;
        padding: 10px;
        margin-top: -1px;
        text-align: left;
        list-style: none;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);
        box-shadow: 0 5px 10px #0000004d
    }

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

    .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5
    }

    .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
        color: #777
    }

    .dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
    }
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    inset: 0
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 14;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 13;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px #0000001a
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px #00000026
}

.progress-striped .progress-bar,.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar,.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.mydp {
    position: relative
}

.mydp * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0
}

.mydp .header {
    border-radius: 4px 4px 0 0
}

.mydp .caltable,.mydp .monthtable,.mydp .yeartable {
    border-radius: 0 0 4px 4px
}

.mydp .caltable tbody tr:nth-child(6) td:first-child,.mydp .monthtable tbody tr:nth-child(4) td:first-child,.mydp .yeartable tbody tr:nth-child(7) td:first-child {
    border-bottom-left-radius: 4px
}

.mydp .caltable tbody tr:nth-child(6) td:last-child,.mydp .monthtable tbody tr:nth-child(4) td:last-child,.mydp .yeartable tbody tr:nth-child(7) td:last-child {
    border-bottom-right-radius: 4px
}

.mydp .btnpicker {
    border-radius: 0 4px 4px 0
}

.mydp .btnleftborderradius {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.mydp .selector {
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    padding: 20px;
    border: 1px solid #CCCCCC;
    z-index: 12;
    box-shadow: 0 5px 10px #0000004d
}

.mydp .selector:focus {
    border: 1px solid #CCCCCC;
    outline: none
}

@keyframes selectorfadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mydp .selectorarrow {
    margin-top: 12px
}

.mydp .selectorarrow:after,.mydp .selectorarrow:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.mydp .selectorarrow:after {
    border-color: #fafafa00;
    border-bottom-color: #fafafa;
    border-width: 10px;
    margin-left: -10px
}

.mydp .selectorarrow:before {
    border-color: #ccc0;
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px
}

.mydp .selectorarrow:focus:before {
    border-bottom-color: #add8e6
}

.mydp .selectorarrowleft:after,.mydp .selectorarrowleft:before {
    left: 24px
}

.mydp .selectorarrowright:after,.mydp .selectorarrowright:before {
    left: 224px
}

.mydp .alignselectorright {
    right: -1px
}

.mydp .selectiongroup {
    position: relative;
    display: table;
    border: none;
    border-spacing: 0;
    background-color: #fff
}

.mydp .selection {
    width: 100%;
    outline: none;
    background-color: #fff;
    display: table-cell;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 6px;
    border: none;
    color: #555
}

.mydp .invaliddate {
    background-color: #f1dede
}

.mydp ::-ms-clear {
    display: none
}

.mydp .selbtngroup {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
    display: table-cell;
    font-size: 0
}

.mydp .btnpicker,.mydp .btnclear,.mydp .btndecrease,.mydp .btnincrease {
    height: 100%;
    width: 26px;
    border: none;
    padding: 0;
    outline: 0;
    font: inherit;
    -moz-user-select: none
}

.mydp .btnleftborder {
    border-left: 1px solid #CCC
}

.mydp .btnpickerenabled,.mydp .btnclearenabled,.mydp .btndecreaseenabled,.mydp .btnincreaseenabled,.mydp .headertodaybtnenabled,.mydp .headerbtnenabled,.mydp .yearchangebtnenabled {
    cursor: pointer
}

.mydp .selectiondisabled,.mydp .btnpickerdisabled,.mydp .btncleardisabled,.mydp .btndecreasedisabled,.mydp .btnincreasedisabled,.mydp .headertodaybtndisabled,.mydp .headerbtndisabled,.mydp .yearchangebtndisabled {
    cursor: inherit;
    opacity: .65
}

.mydp .selectiondisabled {
    background-color: #eee
}

.mydp .btnpicker,.mydp .btnclear,.mydp .btndecrease,.mydp .btnincrease,.mydp .headertodaybtn {
    background: #fff
}

.mydp .header {
    width: 100%;
    margin-bottom: 10px
}

.mydp .header td {
    vertical-align: middle;
    border: none;
    line-height: 0;
    padding: 0
}

.mydp .header td:nth-child(1) {
    padding-left: 4px
}

.mydp .header td:nth-child(2) {
    text-align: center
}

.mydp .header td:nth-child(3) {
    padding-right: 4px
}

.mydp .caltable,.mydp .monthtable,.mydp .yeartable {
    table-layout: fixed;
    width: 100%;
    height: calc(100% - 34px);
    background-color: #fff;
    font-size: 14px
}

.mydp .caltable,.mydp .monthtable,.mydp .yeartable,.mydp .weekdaytitle,.mydp .daycell,.mydp .monthcell,.mydp .yearcell {
    border-collapse: collapse;
    color: #222;
    line-height: 1
}

.mydp .weekdaytitle,.mydp .daycell,.mydp .monthcell,.mydp .yearcell {
    padding: 4px;
    text-align: center
}

.mydp .weekdaytitle {
    background-color: #f2f2f2;
    font-size: 11px;
    font-weight: 400;
    vertical-align: middle;
    max-width: 36px;
    overflow: hidden;
    white-space: nowrap
}

.mydp .weekdaytitleweeknbr {
    width: 20px;
    border-right: 1px solid #BBB
}

.mydp .monthcell {
    background-color: #fafafa;
    overflow: hidden;
    white-space: nowrap
}

.mydp .yearcell {
    background-color: #fafafa;
    width: 20%
}

.mydp .daycell .datevalue {
    background-color: inherit;
    vertical-align: middle
}

.mydp .daycell .datevalue span {
    vertical-align: middle;
    font-size: 1.2rem
}

.mydp .daycellweeknbr {
    font-size: 10px;
    border-right: 1px solid #CCC;
    cursor: default;
    color: #000
}

.mydp .inlinedp {
    position: relative;
    margin-top: -1px
}

.mydp .prevmonth,.mydp .nextmonth {
    color: #ccc
}

.mydp .disabled {
    cursor: default!important;
    color: #ccc!important;
    background: #fbefef!important
}

.mydp .highlight_sun {
    color: #e4000b
}

.mydp .highlight_sat {
    color: #0065cc
}

.mydp .highlight {
    color: #e4000b
}

.mydp .dimday {
    color: #ccc
}

.mydp .currmonth {
    font-weight: 400
}

.mydp .markdate {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px
}

.mydp .selectedday,.mydp .selectedmonth,.mydp .selectedyear {
    border: 1px solid #cccccc
}

.mydp .selectedmonth .monthvalue {
    padding: 6px
}

.mydp .headerbtncell {
    display: table-cell;
    vertical-align: middle
}

.mydp .headerbtncell button {
    border: none;
    background-color: transparent;
    padding: 5px
}

.mydp .yearchangebtncell {
    text-align: center
}

.mydp .headerbtn,.mydp .headerlabelbtn,.mydp .yearchangebtn {
    border: none;
    height: 22px
}

.mydp .headerbtn {
    width: 16px;
    vertical-align: middle;
    display: inline-block
}

.mydp .headerlabelbtn {
    font-size: 14px;
    outline: none;
    cursor: default
}

.mydp .btnpicker,.mydp .btnclear,.mydp .btndecrease,.mydp .btnincrease,.mydp .headerbtn,.mydp .headermonthtxt,.mydp .headeryeartxt,.mydp .headertodaybtn,.mydp .yearchangebtn {
    color: #000
}

.mydp .headertodaybtn {
    padding: 0 4px;
    font-size: 11px;
    height: 22px;
    min-width: 60px;
    max-width: 84px;
    overflow: hidden;
    white-space: nowrap
}

.mydp button::-moz-focus-inner {
    border: 0
}

.mydp .headermonthtxt,.mydp .headeryeartxt {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    height: 26px;
    width: 40px;
    max-width: 40px;
    overflow: hidden;
    white-space: nowrap
}

.mydp .btnclear:focus,.mydp .btndecrease:focus,.mydp .btnincrease:focus,.mydp .btnpicker:focus,.mydp .headertodaybtn:focus {
    background: #add8e6
}

.mydp .headerbtn:focus,.mydp .monthlabel:focus,.mydp .yearlabel:focus,.mydp .yearchangebtn:focus {
    color: #add8e6;
    outline: none
}

.mydp .daycell:focus,.mydp .monthcell:focus,.mydp .yearcell:focus {
    outline: 1px solid #cccccc
}

.mydp .icon-mydpcalendar,.mydp .icon-mydpremove {
    font-size: 16px
}

.mydp .icon-mydpleft,.mydp .icon-mydpright,.mydp .icon-mydpup,.mydp .icon-mydpdown {
    color: #222;
    font-size: 20px
}

.mydp .btndecrease .icon-mydpleft,.mydp .btnincrease .icon-mydpright {
    font-size: 16px
}

.mydp .icon-mydptoday {
    color: #222;
    font-size: 11px
}

.mydp table {
    display: table;
    border-spacing: 0
}

.mydp table td {
    padding: 0;
    vertical-align: middle
}

.mydp table,.mydp th,.mydp td {
    border: none
}

.mydp .btnpickerenabled:hover,.mydp .btnclearenabled:hover,.mydp .btndecreaseenabled:hover,.mydp .btnincreaseenabled:hover,.mydp .headertodaybtnenabled:hover,.mydp .daycell:hover,.mydp .monthcell:hover,.mydp .yearcell:hover {
    background-color: #e6e6e6
}

.mydp .monthlabel,.mydp .yearlabel,.mydp .inputnoteditable,.mydp .daycell,.mydp .monthcell,.mydp .yearcell {
    cursor: pointer
}

.mydp .headerbtnenabled:hover,.mydp .yearchangebtnenabled:hover,.mydp .monthlabel:hover,.mydp .yearlabel:hover {
    color: #777
}

.mydp .mydpicon:before {
    margin-top: -3px;
    width: 9px;
    height: 9px
}

.mydp .icon-mydpright:before {
    content: "\e800"
}

.mydp .icon-mydpleft:before {
    content: "\e801"
}

.mydp .icon-mydptoday:before {
    content: "\e802"
}

.mydp .icon-mydpcalendar:before {
    content: "\e803"
}

.mydp .icon-mydpup:before {
    content: "\e804"
}

.mydp .icon-mydpdown:before {
    content: "\e805"
}

.mydp .icon-mydpremove:before {
    content: "\e806"
}

.mydp .icon-mydpleft2:before {
    background-image: url(/assets/images/ico_henshin.svg);
    transform: scaleX(-1)
}

.mail .mailBody .mailBodyInner .bodyLink {
    color: #0091ff;
    text-decoration: underline
}

.mail .mailBody .mailBodyInner.html head,.mail .mailBody .mailBodyInner.html meta,.mail .mailBody .mailBodyInner.html link,.mail .mailBody .mailBodyInner.html style,.mail .mailBody .mailBodyInner.html script {
    display: none
}

.mail .mailBody .mailBodyInner.html div {
    display: block
}

.mail .mailBody .mailBodyInner.html h1 {
    display: block;
    margin: .67em 0;
    font-size: 2em;
    font-weight: 700;
    page-break-after: avoid
}

.mail .mailBody .mailBodyInner.html h2 {
    display: block;
    margin: .83em 0;
    font-size: 1.5em;
    font-weight: 700;
    page-break-after: avoid
}

.mail .mailBody .mailBodyInner.html h3 {
    display: block;
    margin: 1em 0;
    font-size: 1.17em;
    font-weight: 700;
    page-break-after: avoid
}

.mail .mailBody .mailBodyInner.html h4 {
    display: block;
    margin: 1em 0;
    font-weight: 700;
    page-break-after: avoid
}

.mail .mailBody .mailBodyInner.html h5 {
    display: block;
    margin: 1em 0;
    font-size: .83em;
    font-weight: 700;
    page-break-after: avoid
}

.mail .mailBody .mailBodyInner.html h6 {
    display: block;
    margin: 1em 0;
    font-size: .67em;
    font-weight: 700;
    page-break-after: avoid
}

.mail .mailBody .mailBodyInner.html p {
    display: block;
    margin: 1em 0
}

.mail .mailBody .mailBodyInner.html a {
    text-decoration: underline;
    color: #00e
}

.mail .mailBody .mailBodyInner.html a:visited {
    color: #551a8b
}

.mail .mailBody .mailBodyInner.html em {
    font-style: oblique
}

.mail .mailBody .mailBodyInner.html ol,.mail .mailBody .mailBodyInner.html ul {
    display: block;
    list-style: initial;
    margin: 1em 0;
    padding-left: 40px
}

.mail .mailBody .mailBodyInner.html ol[type="1"] {
    list-style-type: decimal
}

.mail .mailBody .mailBodyInner.html ol[type=A] {
    list-style-type: upper-latin
}

.mail .mailBody .mailBodyInner.html ol[type=a] {
    list-style-type: lower-latin
}

.mail .mailBody .mailBodyInner.html ol[type=I] {
    list-style-type: upper-roman
}

.mail .mailBody .mailBodyInner.html ol[type=i] {
    list-style-type: lower-roman
}

.mail .mailBody .mailBodyInner.html li {
    display: list-item
}

.mail .mailBody .mailBodyInner.html img {
    zoom:1;vertical-align: initial
}

.mail .mailBody .mailBodyInner.html hr:not([size]) {
    height: 0
}

.mail .mailBody .mailBodyInner.html table[align=center] {
    margin: auto
}

.mail .mailBody .mailBodyInner.html td {
    vertical-align: middle
}

hr:not(.mailBodyInner.html) {
    height: 0
}

.skinDefault {
    background: #fff;
    color: #222
}

.skinDefault a {
    color: inherit
}

.skinDefault #header {
    background: #fff;
    border-color: #ccc
}

.skinDefault #header .headerLogo {
    border-color: #ddd
}

.skinDefault #header .headerUserOperation .headerUserOperationItem.mailAddress,.skinDefault #header .headerUserOperation .headerUserOperationItem.ocnTop {
    color: #666
}

.skinDefault #header .headerUserOperation .headerUserOperationItem.ocnTop:before {
    background-color: #ccc
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon {
    position: relative
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon.helpIcon {
    padding-left: 21px
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon.helpIcon:before {
    background-image: url(/assets/images/ico_help1.svg);
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon {
    padding-left: 17px
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon:before {
    background-image: url(/assets/images/ico_logout.svg);
    background-size: 12px 14px;
    width: 12px;
    height: 14px
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon {
    padding-left: 11px
}

.skinDefault #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    background-size: 6px 9px;
    width: 6px;
    height: 9px
}

.skinDefault #footer .footerUserAccount {
    background: #f2f2f2;
    border-bottom-color: #ccc
}

.skinDefault #footer .footerUserOperation {
    background: #f2f2f2
}

.skinDefault #mainContents {
    background: #fff
}

.skinDefault #contentsRowLeftHeader {
    background-color: #d9d9d9;
    border-color: #ccc
}

.skinDefault #contentsRowRight,.skinDefault #contentsBody2 {
    border-color: #aaa
}

.skinDefault #sidebar {
    color: #000;
    background: #f1f1f1;
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinDefault #sidebar {
        background-color:#999
    }
}

.skinDefault #sidebar .sidebarClose {
    background: #999
}

.skinDefault #sidebar .sidebarHeading {
    background: #d9d9d9
}

.skinDefault #sidebar .sidebarContents {
    background: #f1f1f1
}

.skinDefault #sidebar .sidebarNav {
    background: #fff
}

.skinDefault #sidebar .sidebarUserOperation {
    background: #f2f2f2
}

.skinDefault .globalNav .globalNavItem {
    color: #484d54;
    border-right-color: #ddd;
    border-bottom-color: #aaa
}

@media screen and (max-width: 1010px) {
    .skinDefault .globalNav .globalNavItem:hover {
        background-color:#fff!important;
        color: #484d54!important;
        border-right-color: #ddd!important;
        border-bottom-color: #aaa!important
    }

    .skinDefault .globalNav .globalNavItem:hover .icon.iconGear:before {
        background-image: url(/assets/images/ico_gear_navy.svg)!important
    }

    .skinDefault .globalNav .globalNavItem:hover .icon.iconMail:before {
        background-image: url(/assets/images/ico_mail_navy.svg)!important
    }

    .skinDefault .globalNav .globalNavItem:hover .icon.iconAdbook:before {
        background-image: url(/assets/images/ico_adbook_navy.svg)!important
    }
}

.skinDefault .globalNav .globalNavItem:hover {
    background-color: #f1f1f1;
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinDefault .globalNav .globalNavItem.isSelect {
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinDefault .globalNav .globalNavItem .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_navy.svg)
}

.skinDefault .globalNav .globalNavItem .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_navy.svg)
}

.skinDefault .globalNav .globalNavItem .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_navy.svg)
}

.skinDefault .globalNav .globalNavItem:hover .icon.iconMail:before,.skinDefault .globalNav .globalNavItem.isSelect .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_red.svg)
}

.skinDefault .globalNav .globalNavItem:hover .icon.iconAdbook:before,.skinDefault .globalNav .globalNavItem.isSelect .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_red.svg)
}

.skinDefault .globalNav .globalNavItem:hover .icon.iconGear:before,.skinDefault .globalNav .globalNavItem.isSelect .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_red.svg)
}

.skinDefault .globalNav.globalNavColumn .globalNavItem {
    border-top-color: #ccc
}

.skinDefault .globalNav.globalNavColumn .globalNavItem:last-child {
    border-bottom-color: #ccc
}

.skinDefault .userOperation .userOperationItem:last-child {
    border-left-color: #ccc
}

.skinDefault .userAccount {
    color: #666
}

.skinDefault .menuHeadingType2 {
    border-color: #ccc
}

.skinDefault .menu:not(.menuType2).isSelect>.menuItem>.menuItemInner>.menuText {
    color: #e6000b
}

.skinDefault .menu.menuType2>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinDefault .menu.menuType3 .menuItem {
    background-color: #f1f1f1
}

.skinDefault .menu.menuType3 .menuItem:hover {
    background-color: #d9d9d9
}

.skinDefault .menu.menuType4>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinDefault .menu.menuType5>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinDefault .menu .menuItem:before {
    background-color: #fcf8cc
}

.skinDefault .menu .menuItem .menuEdit {
    background-color: #f2f2f2
}

.skinDefault .menu .menuItem:not(.disable):hover,.skinDefault .menu .menuItem.dragging {
    background-color: #e6e6e6
}

.skinDefault .menu .menuItem:hover .menuEdit {
    background-color: #e6e6e6
}

.skinDefault .menuBox1 {
    border-color: #ccc
}

.skinDefault .modalWindow .modalWindowBox .menu.isSelect>.menuItem,.skinDefault .controlSub .controlSubBox .menu.isSelect>.menuItem,.skinDefault .advancedSearchSelectFolderBox .menu.isSelect>.menuItem,.skinDefault .advancedSearchBox2 .menu.isSelect>.menuItem,.skinDefault .advancedSearchBox1 .menu.isSelect>.menuItem,.skinDefault .pulldownSelect .menu.isSelect>.menuItem,.skinDefault .modalWindowBox5 .menu.isSelect>.menuItem {
    background-color: #fcf8cc
}

.skinDefault .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook.svg)
}

.skinDefault .icon.iconArrow1Right:before {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinDefault .icon.iconArrow1WhiteDown:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .icon.iconArrow1GrayDefault:before {
    background-image: url(/assets/images/ico_arrow1_gray_default.svg)
}

.skinDefault .icon.iconArrow1GrayRight:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinDefault .icon.iconArrow1GrayDown:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .icon.iconArrow1GrayUp:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinDefault .icon.iconArrow1GrayLeft:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinDefault .icon.iconArrow2RedRight:before {
    background-image: url(/assets/images/ico_arrow2_red.svg)
}

.skinDefault .icon.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .icon.iconArrow2Up:before {
    background-image: url(/assets/images/ico_arrow2.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinDefault .icon.iconArrow2GrayRight:before {
    background-image: url(/assets/images/ico_arrow2_gray.svg)
}

.skinDefault .icon.iconArrow2NavyRight:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinDefault .icon.iconArrow2NavyLeft:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinDefault .icon.iconArrow2WhiteLeft:before {
    background-image: url(/assets/images/ico_arrow2_white.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinDefault .icon.iconArrow3GrayRight:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg)
}

.skinDefault .icon.iconArrow3GrayLeft:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinDefault .icon.iconArrow4Right:before {
    background-image: url(/assets/images/ico_arrow4.svg)
}

.skinDefault .icon.iconArrow4Up:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinDefault .icon.iconArrow4Down:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .icon.iconArrow4WhiteDown:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .icon.iconArrow4WhiteUp:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinDefault .icon.iconCaution:before {
    background-image: url(/assets/images/ico_caution.svg)
}

.skinDefault .icon.iconCautionBlack:before {
    background-image: url(/assets/images/ico_caution_black.svg)
}

.skinDefault .icon.iconCautionWhite:before {
    background-image: url(/assets/images/ico_caution_white.svg)
}

.skinDefault .icon.iconClip:before {
    background-image: url(/assets/images/ico_clip.svg)
}

.skinDefault .icon.iconCloseBlack:before {
    background-image: url(/assets/images/ico_close_black.svg)
}

.skinDefault .icon.iconCloseWhite:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinDefault .icon.iconCloseRed:before {
    background-image: url(/assets/images/ico_close_red.svg)
}

.skinDefault .icon.iconControlWhite:before {
    background-image: url(/assets/images/ico_control_white.svg)
}

.skinDefault .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft.svg)
}

.skinDefault .icon.iconFlagGray:before {
    background-image: url(/assets/images/ico_flag_gray.svg)
}

.skinDefault .icon.iconFlagRed:before {
    background-image: url(/assets/images/ico_flag_red.svg)
}

.skinDefault .icon.iconFlag2Gray:before {
    background-image: url(/assets/images/ico_flag2_gray.svg)
}

.skinDefault .icon.iconFolder:before {
    background-image: url(/assets/images/ico_folder.svg)
}

.skinDefault .icon.iconFolderGray:before {
    background-image: url(/assets/images/ico_folder_gray.svg)
}

.skinDefault .icon.iconHelp1:before {
    background-image: url(/assets/images/ico_help1.svg)
}

.skinDefault .icon.iconHelp1Gray:before {
    background-image: url(/assets/images/ico_help1_gray.svg)
}

.skinDefault .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin.svg)
}

.skinDefault .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku.svg)
}

.skinDefault .icon.iconLinkOutGray:before {
    background-image: url(/assets/images/ico_linkout_gray.svg)
}

.skinDefault .icon.iconLinkOut2White:before {
    background-image: url(/assets/images/ico_linkout2_white.svg)
}

.skinDefault .icon.iconLogoutGray:before {
    background-image: url(/assets/images/ico_logout_gray.svg)
}

.skinDefault .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail.svg)
}

.skinDefault .icon.iconMailGray:before {
    background-image: url(/assets/images/ico_mail_gray.svg)
}

.skinDefault .icon.iconManWhite:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinDefault .icon.iconManGray:before {
    background-image: url(/assets/images/ico_man_gray.svg)
}

.skinDefault .icon.iconMan2White:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinDefault .icon.iconMan2Gray:before {
    background-image: url(/assets/images/ico_man2_gray.svg)
}

.skinDefault .icon.iconMenu:before {
    background-image: url(/assets/images/ico_menu.svg)
}

.skinDefault .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku.svg)
}

.skinDefault .icon.iconMoveWhite:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinDefault .icon.iconOffGray:before {
    background-image: url(/assets/images/icons_off_gray.svg)
}

.skinDefault .icon.iconOnBlue:before {
    background-image: url(/assets/images/icons_on_blue.svg)
}

.skinDefault .icon.iconPlusWhite:before {
    background-image: url(/assets/images/ico_plus_white.svg)
}

.skinDefault .icon.iconPriorRed:before {
    background-image: url(/assets/images/ico_prior_red.svg)
}

.skinDefault .icon.iconPriorGrayDown:before {
    background-image: url(/assets/images/ico_prior_gray.svg);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scaleY(-1)
}

.skinDefault .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin.svg)
}

.skinDefault .icon.iconSoushin[data-color="1"]:before {
    background-image: url(/assets/images/ico_soushin_c1.svg)
}

.skinDefault .icon.iconSoushin[data-color="2"]:before {
    background-image: url(/assets/images/ico_soushin_c2.svg)
}

.skinDefault .icon.iconSoushin[data-color="3"]:before {
    background-image: url(/assets/images/ico_soushin_c3.svg)
}

.skinDefault .icon.iconSoushin[data-color="4"]:before {
    background-image: url(/assets/images/ico_soushin_c4.svg)
}

.skinDefault .icon.iconSoushin[data-color="5"]:before {
    background-image: url(/assets/images/ico_soushin_c5.svg)
}

.skinDefault .icon.iconSoushin[data-color="6"]:before {
    background-image: url(/assets/images/ico_soushin_c6.svg)
}

.skinDefault .icon.iconSoushin[data-color="7"]:before {
    background-image: url(/assets/images/ico_soushin_c7.svg)
}

.skinDefault .icon.iconSoushin[data-color="8"]:before {
    background-image: url(/assets/images/ico_soushin_c8.svg)
}

.skinDefault .icon.iconSoushin[data-color="9"]:before {
    background-image: url(/assets/images/ico_soushin_c9.svg)
}

.skinDefault .icon.iconSoushin[data-color="10"]:before {
    background-image: url(/assets/images/ico_soushin_c10.svg)
}

.skinDefault .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam.svg)
}

.skinDefault .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src.svg)
}

.skinDefault .icon.iconSrcGray:before {
    background-image: url(/assets/images/ico_src_gray.svg)
}

.skinDefault .icon.iconSrcWhite:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinDefault .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag.svg)
}

.skinDefault .icon.iconTagWhite:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinDefault .icon.iconTag2:before {
    background-image: url(/assets/images/ico_tag2.svg)
}

.skinDefault .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash.svg)
}

.skinDefault .icon.iconTrashWhite:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinDefault .icon.iconFolderC1:before {
    background-image: url(/assets/images/ico_folder_c1.svg)
}

.skinDefault .icon.iconTagC1:before {
    background-image: url(/assets/images/ico_tag_c1.svg)
}

.skinDefault .icon.iconAdbookC1:before {
    background-image: url(/assets/images/ico_adbook_c1.svg)
}

.skinDefault .icon.iconFolderC2:before {
    background-image: url(/assets/images/ico_folder_c2.svg)
}

.skinDefault .icon.iconTagC2:before {
    background-image: url(/assets/images/ico_tag_c2.svg)
}

.skinDefault .icon.iconAdbookC2:before {
    background-image: url(/assets/images/ico_adbook_c2.svg)
}

.skinDefault .icon.iconFolderC3:before {
    background-image: url(/assets/images/ico_folder_c3.svg)
}

.skinDefault .icon.iconTagC3:before {
    background-image: url(/assets/images/ico_tag_c3.svg)
}

.skinDefault .icon.iconAdbookC3:before {
    background-image: url(/assets/images/ico_adbook_c3.svg)
}

.skinDefault .icon.iconFolderC4:before {
    background-image: url(/assets/images/ico_folder_c4.svg)
}

.skinDefault .icon.iconTagC4:before {
    background-image: url(/assets/images/ico_tag_c4.svg)
}

.skinDefault .icon.iconAdbookC4:before {
    background-image: url(/assets/images/ico_adbook_c4.svg)
}

.skinDefault .icon.iconFolderC5:before {
    background-image: url(/assets/images/ico_folder_c5.svg)
}

.skinDefault .icon.iconTagC5:before {
    background-image: url(/assets/images/ico_tag_c5.svg)
}

.skinDefault .icon.iconAdbookC5:before {
    background-image: url(/assets/images/ico_adbook_c5.svg)
}

.skinDefault .icon.iconFolderC6:before {
    background-image: url(/assets/images/ico_folder_c6.svg)
}

.skinDefault .icon.iconTagC6:before {
    background-image: url(/assets/images/ico_tag_c6.svg)
}

.skinDefault .icon.iconAdbookC6:before {
    background-image: url(/assets/images/ico_adbook_c6.svg)
}

.skinDefault .icon.iconFolderC7:before {
    background-image: url(/assets/images/ico_folder_c7.svg)
}

.skinDefault .icon.iconTagC7:before {
    background-image: url(/assets/images/ico_tag_c7.svg)
}

.skinDefault .icon.iconAdbookC7:before {
    background-image: url(/assets/images/ico_adbook_c7.svg)
}

.skinDefault .icon.iconFolderC8:before {
    background-image: url(/assets/images/ico_folder_c8.svg)
}

.skinDefault .icon.iconTagC8:before {
    background-image: url(/assets/images/ico_tag_c8.svg)
}

.skinDefault .icon.iconAdbookC8:before {
    background-image: url(/assets/images/ico_adbook_c8.svg)
}

.skinDefault .icon.iconFolderC9:before {
    background-image: url(/assets/images/ico_folder_c9.svg)
}

.skinDefault .icon.iconTagC9:before {
    background-image: url(/assets/images/ico_tag_c9.svg)
}

.skinDefault .icon.iconAdbookC9:before {
    background-image: url(/assets/images/ico_adbook_c9.svg)
}

.skinDefault .icon.iconFolderC10:before {
    background-image: url(/assets/images/ico_folder_c10.svg)
}

.skinDefault .icon.iconTagC10:before {
    background-image: url(/assets/images/ico_tag_c10.svg)
}

.skinDefault .icon.iconAdbookC10:before {
    background-image: url(/assets/images/ico_adbook_c10.svg)
}

.skinDefault .icon.iconSortDefault:before {
    background-image: url(/assets/images/ico_sort_default.svg)
}

.skinDefault .icon.iconSortUp:before {
    background-image: url(/assets/images/ico_sort_up.svg)
}

.skinDefault .icon.iconSortDown:before {
    background-image: url(/assets/images/ico_sort_down.svg)
}

.skinDefault .btn.btnNest {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinDefault .btn.btnPlus {
    background-image: url(/assets/images/ico_plus.svg)
}

.skinDefault .btn.btnClose {
    background-image: url(/assets/images/ico_close_white.svg);
    background-color: #999
}

.skinDefault .btn.btnClose:hover {
    background-color: #b8b8b8
}

.skinDefault .btn.btnHelp:after {
    background-image: url(/assets/images/ico_help_white.svg);
    background-color: #999
}

.skinDefault .btn.btnHelp:hover:after {
    background-color: #b8b8b8
}

.skinDefault .btn.btnPrev,.skinDefault .btn.btnNext {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .btn.btnPrev.isOff,.skinDefault .btn.btnNext.isOff {
    background-color: #bfbfbf;
    opacity: .3
}

.skinDefault .btn.btnPrev {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinDefault .btn.btnType1 {
    color: #fff;
    background: #484d54
}

.skinDefault .btn.btnType1:after {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .btn.btnType1.isOn,.skinDefault .btn.btnType1:hover {
    color: #e4000b;
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .btn.btnType1.isOn:after,.skinDefault .btn.btnType1:hover:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinDefault .btn.btnType2 {
    background-color: #2f6bc4;
    color: #fff
}

.skinDefault .btn.btnType2:hover {
    background-color: #397ee6
}

.skinDefault .btn.btnType3 {
    background-color: #999;
    color: #fff
}

.skinDefault .btn.btnType3:hover {
    background-color: #b8b8b8
}

.skinDefault .btn.btnType4 {
    background-color: #484d54;
    color: #fff
}

.skinDefault .btn.btnType4:hover {
    background-color: #585d66
}

.skinDefault .btn.btnType6 {
    border-color: #ccc;
    background-color: #fff
}

.skinDefault .btn.btnType6:hover {
    background-color: #e6e6e6
}

.skinDefault .btn.btnType7 {
    background-color: #e6e6e6;
    color: #fff
}

.skinDefault .btn.btnType8 {
    background-color: #484d54;
    color: #fff
}

.skinDefault .loginWrap .loginContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinDefault .loginWrap .loginContents {
        background-color:transparent
    }
}

.skinDefault .loginWrap .loginBox {
    border-color: #ccc
}

.skinDefault .loginWrap .loginBox .loginBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinDefault .loginWrap .loginBox .loginBox1 {
        background-color:transparent
    }
}

.skinDefault .loginWrap .loginBox .loginBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinDefault .loginWrap .loginBox .loginBox2 {
        background-color:transparent
    }
}

.skinDefault .formControl.inputType1 {
    border-bottom-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinDefault .formControl.inputType1 {
        background-color:#f7f7f7;
        border-color: #ccc
    }
}

.skinDefault .formControl.inputType2 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinDefault .formControl.inputType2[disabled] {
    background-color: #e6e6e6
}

.skinDefault .formControl.inputType3 {
    border-bottom-color: #8b9199;
    color: #fff
}

.skinDefault .formControl.inputType3::-webkit-input-placeholder {
    color: #999
}

.skinDefault .formControl.inputType3::-moz-placeholder {
    color: #999
}

.skinDefault .formControl.inputType3:-ms-input-placeholder {
    color: #999
}

.skinDefault .formControl.inputType3::placeholder {
    color: #999
}

.skinDefault .formControl.checkboxType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .formControl.checkboxType1:checked,.skinDefault .formControl.checkboxType1[role=checkbox][aria-checked=true] {
    background-color: #484d54;
    border-color: #484d54
}

.skinDefault .formControl.checkboxType1:checked:before,.skinDefault .formControl.checkboxType1[role=checkbox][aria-checked=true]:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinDefault .formControl.checkboxType1[role=checkbox][aria-checked=mixed]:before {
    background-image: url(/assets/images/icons_off.svg)
}

.skinDefault .formControl.radioType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .formControl.radioType1:checked {
    background-color: #484d54;
    border-color: #484d54
}

.skinDefault .formControl.radioType1:checked:before {
    background-color: #fff
}

.skinDefault .formControl.radioType1.disabled,.skinDefault .formControl.radioType1.disabled:checked:before,.skinDefault .formControl.checkboxType1.disabled,.skinDefault .formControl.checkboxType1.disabled:checked {
    background-color: #ccc;
    border-color: #ccc
}

.skinDefault .formControl.selectType1 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinDefault .formControl.selectType1.isNoOrder {
    color: #999
}

.skinDefault .formControl.selectType2 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinDefault .formControl.textareaType1 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinDefault .formControlSet .formControlSetBtn {
    background-color: #484d54;
    color: #fff
}

.skinDefault .errorWrap .errorContents {
    background-color: #f2f2f2
}

.skinDefault .errorWrap .errorBox {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinDefault .errorWrap .errorBox {
        background-color:transparent
    }
}

.skinDefault .errorWrap .errorBox .errorHeading {
    color: #f1000d
}

.skinDefault .loadingWrap .loadingContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinDefault .loadingWrap .loadingContents {
        background-color:transparent
    }
}

.skinDefault .loadingWrap .loadingBox {
    border-color: #ccc
}

.skinDefault .loadingWrap .loadingBox .loadingBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinDefault .loadingWrap .loadingBox .loadingBox1 {
        background-color:transparent
    }
}

.skinDefault .loadingWrap .loadingBox .loadingBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinDefault .loadingWrap .loadingBox .loadingBox2 {
        background-color:transparent
    }
}

.skinDefault .chip.chipC1:before {
    background: #f66
}

.skinDefault .chip.chipC2:before {
    background: #d782d9
}

.skinDefault .chip.chipC3:before {
    background: #8f86bf
}

.skinDefault .chip.chipC4:before {
    background: #6691cc
}

.skinDefault .chip.chipC5:before {
    background: #4dbfbf
}

.skinDefault .chip.chipC6:before {
    background: #4fb347
}

.skinDefault .chip.chipC7:before {
    background: #acbf60
}

.skinDefault .chip.chipC8:before {
    background: #f8b100
}

.skinDefault .chip.chipC9:before {
    background: #c66
}

.skinDefault .chip.chipC10:before {
    background: #999
}

.skinDefault .colorSelect.colorSelectType2 .colorSelectBox .colorSelectBoxItem:hover {
    background-color: #d9d9d9
}

.skinDefault .colorSelect .colorSelectBtn .colorSelectBtnItem {
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .colorSelect .colorSelectBtn .colorSelectBtnItem:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinDefault .colorSelect .colorSelectBox {
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .colorSelect .colorSelectRadio:checked+.colorSelectChip:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinDefault .modalWindow {
    background: #fff;
    border-color: #ccc
}

.skinDefault .modalWindow .modalWindowBox {
    border-color: #ccc
}

.skinDefault .modalWindow .modalWindowBox2 {
    background-color: #fcf8cc
}

.skinDefault .modalWindow .modalWindowBox3,.skinDefault .modalWindow .modalWindowBox4,.skinDefault .modalWindow .modalWindowBox5 {
    border-color: #ddd
}

.skinDefault .modalWindow .modalWindowBtnSet {
    background-color: #f2f2f2
}

@media screen and (max-width: 1010px) {
    .skinDefault .modalWindow .modalWindowBtnSet {
        background-color:transparent
    }
}

.skinDefault .modalWindow .modalWindowCaution {
    background-color: #fff2f3
}

.skinDefault .control {
    background-color: #6e7580
}

.skinDefault .control.controlType2 {
    background-color: #fff
}

.skinDefault .control .controlStatus {
    color: #fff
}

.skinDefault .controlSp .controlNav {
    background-color: #41454b
}

.skinDefault .controlSp .controlSearch {
    border-top-color: #e6e6e6
}

.skinDefault .controlSp .controlSearch .controlSearchBox {
    border-color: #ccc
}

.skinDefault .controlSp .controlNavBottom {
    background-color: #41454b
}

.skinDefault .controlSp .controlNavBottomSub,.skinDefault .controlSp .controlNavBottomSub .navItem {
    background-color: #242b33
}

.skinDefault .controlSub {
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .controlSub .controlSubBox {
    border-color: #ddd
}

.skinDefault .nav .navItem {
    background-color: #41454b;
    border-right-color: #54585d;
    color: #fff
}

.skinDefault .nav .navItem.navItemBack,.skinDefault .nav .navItem.navItemClose {
    background-color: #999
}

.skinDefault .nav .navItem.navItemPrev {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinDefault .nav .navItem.navItemPrev.isOff .navIcon,.skinDefault .nav .navItem.navItemPrev.isOff .navText {
    opacity: .2
}

.skinDefault .nav .navItem.navItemNext {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinDefault .nav .navItem.navItemNext.isOff .navIcon,.skinDefault .nav .navItem.navItemNext.isOff .navText {
    opacity: .2
}

.skinDefault .nav .navItem.navItemSave {
    background-color: #2f6bc4
}

.skinDefault .nav .navItem.navItemSpace {
    background: #6e7580
}

.skinDefault .nav .navItem .navIcon .icon.iconMan:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconMan2:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconBack:before {
    background-image: url(/assets/images/ico_back_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconEditAd:before {
    background-image: url(/assets/images/ico_edit_ad_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconSave:before {
    background-image: url(/assets/images/ico_save_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconNewMail:before {
    background-image: url(/assets/images/ico_newmail_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconReload:before {
    background-image: url(/assets/images/ico_reload_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconHenshinAll:before {
    background-image: url(/assets/images/ico_henshin_all_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconSpamOk:before {
    background-image: url(/assets/images/ico_spam_ok_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconTenso:before {
    background-image: url(/assets/images/ico_tenso_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconFilter:before {
    background-image: url(/assets/images/ico_filter_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconFlag:before {
    background-image: url(/assets/images/ico_flag_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconFlag3:before {
    background-image: url(/assets/images/ico_flag3_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconPrev:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinDefault .nav .navItem .navIcon .icon.iconNext:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconClose:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft_white.svg)
}

.skinDefault .nav .navItem .navIcon .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin_white.svg)
}

.skinDefault .nav .navItem .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 1011px) {
    .skinDefault {
        overflow:hidden
    }

    .skinDefault .nav .navItem:hover {
        background-color: #585d66
    }
}

.skinDefault .nav .navItem.isSelect {
    background-color: #e4000b;
    border-right-color: #e9333c
}

.skinDefault .nav .navItem.isSelect:hover {
    background-color: #ff000d
}

.skinDefault .nav .navItem.isOn {
    background-color: #fff;
    border-right-color: #fff;
    color: #e4000b
}

.skinDefault .nav .navItem.isOn .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_red.svg)
}

.skinDefault .nav .navItem.isOn .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_red.svg)
}

.skinDefault .nav .navItem.isOn .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_red.svg)
}

.skinDefault .nav .navItem.isOn .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_red.svg)
}

.skinDefault .nav .navItem.isOn .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_red.svg)
}

.skinDefault .nav .navItem.isOn .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_red.svg)
}

.skinDefault .nav .navItem.isOn .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_red.svg)
}

.skinDefault .nav .navItem.isOn .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .nav .navItem.isOpen {
    background: #242b33
}

.skinDefault .search .searchBtn:hover {
    background-color: #545962
}

.skinDefault .search .searchBtn.searchBtnChip:after {
    background: #fff;
    border-color: #ccc
}

.skinDefault .search .searchBtn.searchBtnChip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinDefault .search.searchType2 .searchBtn {
    background-color: #484d54;
    color: #fff
}

.skinDefault .search.searchType2 .searchBtn.searchBtnType2 {
    border-right-color: #fff
}

.skinDefault .search.searchType2 .searchBtn.searchBtnType3 .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinDefault .search.searchType2 .searchBtn.searchBtnType3.isOn {
    border-color: #ccc;
    background-color: #fff
}

.skinDefault .search.searchType2 .searchBtn.searchBtnType3.isOn .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinDefault .initialListContainer {
    background-color: #d9d9d9
}

@media screen and (max-width: 1010px) {
    .skinDefault .initialListContainer {
        background-color:#f2f2f2;
        border-bottom-color: #e6e6e6
    }
}

.skinDefault .initialListContainer .initialList .initialListItem:after {
    background-color: #bbb
}

.skinDefault .initialListContainer .initialList .initialListItem .initialListBtn:hover {
    background-color: #ccc
}

.skinDefault .initialListContainer .initialList .initialListItem.isSelect .initialListBtn {
    border-bottom-color: #666
}

.skinDefault .heading.headingType1 {
    background-color: #d9d9d9
}

.skinDefault .heading.headingType2 {
    border-bottom-color: #e4000b
}

.skinDefault .heading .headingBackBtn {
    background-color: #999;
    color: #fff
}

.skinDefault .list .listItem {
    border-bottom-color: #e6e6e6
}

.skinDefault .list .listItem:hover {
    background-color: #e6e6e6
}

.skinDefault .list .listItem.isSelect {
    background-color: #fcf8cc
}

.skinDefault .list2 .list2Item {
    border-bottom-color: #e6e6e6;
    color: #666
}

.skinDefault .list2 .list2Item .list2From,.skinDefault .list2 .list2Item .list2Subject .list2SubjectText1 {
    color: #222
}

.skinDefault .list2 .list2Item.isKidoku {
    background-color: #f2f2f2
}

.skinDefault .list2 .list2Item.isKidoku .list2From,.skinDefault .list2 .list2Item.isKidoku .list2Subject .list2SubjectText1 {
    color: inherit
}

.skinDefault .list2 .list2Item:hover {
    background-color: #e6e6e6
}

.skinDefault .list2 .list2Item.isSelect {
    background-color: #fcf8cc
}

.skinDefault .list2HeaderPc {
    background-color: #d9d9d9
}

.skinDefault .list2HeaderPc .list2 .list2Item {
    border-bottom-color: #c3c3c3;
    color: #222
}

.skinDefault .pageTop {
    background-color: #f1f1f1
}

@media screen and (max-width: 1010px) {
    .skinDefault .pageTop {
        border-bottom-color:#ccc
    }
}

.skinDefault .avatar {
    background-color: #d9d9d9;
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinDefault .text.textC1 {
    color: #666
}

.skinDefault .text.textC2 {
    color: #e4000b
}

@media screen and (min-width: 1011px) {
    .skinDefault .text.textC2Pc {
        color:#e4000b
    }
}

.skinDefault .text.textC3 {
    color: #6e6e6e
}

.skinDefault .text.textC4 {
    color: #ccc
}

.skinDefault .text.textBlack {
    color: #000
}

.skinDefault .text.textWhite {
    color: #fff
}

.skinDefault .text.textLink {
    text-decoration: underline
}

.skinDefault .calendar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-color: #ccc
}

.skinDefault .calendar .calendarTable .calendarThead {
    background-color: #f2f2f2
}

.skinDefault .calendar .calendarTable .calendarCell:hover {
    background-color: #e6e6e6
}

.skinDefault .calendar .calendarTable .calendarCell.calendarCellSun {
    color: #e4000b
}

.skinDefault .calendar .calendarTable .calendarCell.calendarCellSat {
    color: #0065cc
}

.skinDefault .calendar .calendarTable .calendarCell.calendarCellNotThisMonth {
    color: #ccc
}

.skinDefault .calendar .calendarTable .calendarCell.calendarCellToday {
    border-color: #ccc
}

.skinDefault .news {
    background-color: #e6e6e6
}

.skinDefault .advancedSearch .advancedSearchBox1,.skinDefault .advancedSearch .advancedSearchBox2 {
    border-color: #ddd
}

.skinDefault .advancedSearch .advancedSearchSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinDefault .advancedSearch .advancedSearchSelectFolderBox {
    background-color: #fff;
    border-color: #ddd
}

.skinDefault .advancedSearch .advancedSearchControl {
    background-color: #f2f2f2
}

.skinDefault .paginationSp {
    background-color: #e6e6e6
}

.skinDefault .paginationSp .paginationBtn:before {
    background-image: url(/assets/images/ico_arrow2.svg)
}

.skinDefault .paginationSp .paginationBtn.paginationBtnPrev:before {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinDefault .paginationSp .paginationBtn.paginationBtnPrev.isOff:before {
    opacity: .2
}

.skinDefault .paginationSp .paginationBtn.paginationBtnNext.isOff:before {
    opacity: .2
}

.skinDefault .pulldown {
    background: #fff;
    border-color: #ccc
}

.skinDefault .pulldown .pulldownItem {
    color: #222
}

.skinDefault .pulldown .pulldownItem:hover {
    background: #e6e6e6
}

.skinDefault .pulldown2 .pulldownSelect {
    background-color: #fff;
    border-color: #ddd
}

.skinDefault .advertising {
    border-color: #ccc;
    background-color: #fff
}

.skinDefault .advertising .advertisingBody {
    background-color: #ccc
}

.skinDefault .layoutTableWrap2,.skinDefault .layoutTableWrap3,.skinDefault .layoutTableWrap4,.skinDefault .layoutTableWrap5,.skinDefault .layoutTableWrap6,.skinDefault .layoutTableWrapBorderTop,.skinDefault .layoutTableWrapBorderTopPc,.skinDefault .layoutTable .layoutTableCell {
    border-color: #ddd
}

@media screen and (max-width: 1010px) {
    .skinDefault .layoutTable .layoutTableCell.layoutTableCellType3 {
        background-color:#f2f2f2
    }
}

.skinDefault .layoutTable .layoutTableCell.layoutTableCellBtn {
    background-color: #484d54;
    color: #fff
}

.skinDefault .layoutTable .layoutTableGroup {
    background-color: #f2f2f2
}

.skinDefault .mail .mailLayout2a,.skinDefault .mail .mailBody {
    border-color: #ccc
}

.skinDefault .mail .mailCaution {
    background-color: #fff2f3
}

.skinDefault .mail .mailDmarcWarn {
    background-color: #ffc000
}

.skinDefault .mail .mailDmarcError {
    background-color: #c00000
}

.skinDefault .mail .mailBottomNav {
    border-color: #ccc
}

.skinDefault .mail .mailSummary {
    color: #666
}

.skinDefault .mail .mailLayout3.isKidoku {
    background-color: #f2f2f2
}

.skinDefault .mail .mailThread {
    border-color: #ccc
}

.skinDefault .mail .mailThreadBundle {
    background-color: #f2f2f2
}

.skinDefault .mail .mailThreadBundle:before,.skinDefault .mail .mailThreadBundle:after {
    border-color: #e6e6e6
}

.skinDefault .mail .mailThreadBundle .mailThreadBundleText {
    background-color: #f2f2f2
}

.skinDefault .mailSubject {
    border-color: #ccc
}

.skinDefault .mailAttachHeaderSp {
    border-color: #ccc;
    background-color: #f2f2f2
}

.skinDefault .mailAttachBody,.skinDefault .mailAttachItem {
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinDefault .mailAttach2 .mailAttachItem {
        background-color:#f2f2f2
    }
}

.skinDefault .mailEditControl {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinDefault .mailEditControl .mailEditControlLayout1Btn,.skinDefault .btnSet .btnSetItem {
    background-color: #484d54;
    color: #fff
}

.skinDefault .btnSet .btnSetItemPulldown {
    background-image: url(/assets/images/ico_arrow1_white_d.svg)
}

.skinDefault .btnSet .btnSetItemPulldown.isOn {
    background-color: #fff;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinDefault .tabNav,.skinDefault .tabNav .tabNavItem {
    border-color: #ccc
}

.skinDefault .tabNav .tabNavItem.isSelect {
    border-top-color: #e4000b;
    border-bottom-color: #fff;
    color: #e4000b
}

.skinDefault .tip {
    background-color: #fff;
    border-color: #ccc;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);
    box-shadow: 0 5px 10px #0000004d
}

.skinDefault .tip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinDefault .settingLayout {
    border-color: #ccc
}

.skinDefault .settingLayoutHeader {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinDefault .settingLayoutHeader .settingLayoutCell {
    border-color: #ccc
}

.skinDefault .settingLayoutItem {
    border-color: #e6e6e6
}

.skinDefault .settingLayoutCellType1:before,.skinDefault .settingLayoutCellType10:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

@media screen and (max-width: 1010px) {
    .skinDefault .settingLayoutCellType2,.skinDefault .settingLayoutCellType3,.skinDefault .settingLayoutCellType9,.skinDefault .settingLayoutCellType11 {
        background-color:#e6e6e6
    }
}

.skinDefault .settingsFilter .settingsFilterSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinDefault .settingsFilter .settingsFilterSelectFolder .settingsFilterSelectFolderBox,.skinDefault .floatingMenu {
    background-color: #fff
}

.skinDefault .menu.isSelect>.menuItem .menuItemInner2:before {
    background: red
}

.skinFlamingo {
    background: #fff;
    color: #222
}

.skinFlamingo a {
    color: inherit
}

.skinFlamingo #header {
    background: #fff;
    border-color: #ccc
}

.skinFlamingo #header .headerLogo {
    border-color: #ddd
}

.skinFlamingo #header .headerUserOperationWrap {
    background: #d96c6c
}

.skinFlamingo #header .headerUserOperationWrap .userAccount {
    color: #fff
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem.mailAddress,.skinFlamingo #header .headerUserOperation .headerUserOperationItem.ocnTop {
    color: #666
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem.ocnTop:before {
    background-color: #ccc
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon {
    position: relative
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon.helpIcon {
    padding-left: 21px
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon.helpIcon:before {
    background-image: url(/assets/images/ico_help1.svg);
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon {
    padding-left: 17px
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon:before {
    background-image: url(/assets/images/ico_logout.svg);
    background-size: 12px 14px;
    width: 12px;
    height: 14px
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon {
    padding-left: 11px
}

.skinFlamingo #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    background-size: 6px 9px;
    width: 6px;
    height: 9px
}

.skinFlamingo #footer .footerUserAccount {
    background: #f2f2f2;
    border-bottom-color: #ccc
}

.skinFlamingo #footer .footerUserOperation {
    background: #f2f2f2
}

.skinFlamingo #mainContents {
    background: #fff
}

.skinFlamingo #contentsRowLeftHeader {
    background-color: #d9d9d9;
    border-color: #ccc
}

.skinFlamingo #contentsRowRight,.skinFlamingo #contentsBody2 {
    border-color: #aaa
}

.skinFlamingo #sidebar {
    color: #000;
    background: #ffcecd;
    background: -webkit-linear-gradient(#ffcecd,#ffeee5);
    background: -o-linear-gradient(#ffcecd,#ffeee5);
    background: -moz-linear-gradient(#ffcecd,#ffeee5);
    background: linear-gradient(#ffcecd,#ffeee5);
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinFlamingo #sidebar {
        background:#ffcecd;
        background: -webkit-linear-gradient(#ffcecd,#ffeee5);
        background: -o-linear-gradient(#ffcecd,#ffeee5);
        background: -moz-linear-gradient(#ffcecd,#ffeee5);
        background: linear-gradient(#ffcecd,#ffeee5)
    }
}

.skinFlamingo #sidebar .sidebarClose {
    background: #999
}

.skinFlamingo #sidebar .sidebarHeading {
    background: #e67373
}

.skinFlamingo #sidebar .sidebarNav {
    background: #fff
}

.skinFlamingo #sidebar .sidebarUserOperation {
    background: #f2f2f2
}

.skinFlamingo .globalNav .globalNavItem {
    color: #484d54;
    border-right-color: #ddd;
    border-bottom-color: #aaa
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .globalNav .globalNavItem:hover {
        background-color:#fff!important;
        color: #484d54!important;
        border-right-color: #ddd!important;
        border-bottom-color: #aaa!important
    }

    .skinFlamingo .globalNav .globalNavItem:hover .icon.iconGear:before {
        background-image: url(/assets/images/ico_gear_navy.svg)!important
    }

    .skinFlamingo .globalNav .globalNavItem:hover .icon.iconMail:before {
        background-image: url(/assets/images/ico_mail_navy.svg)!important
    }

    .skinFlamingo .globalNav .globalNavItem:hover .icon.iconAdbook:before {
        background-image: url(/assets/images/ico_adbook_navy.svg)!important
    }
}

.skinFlamingo .globalNav .globalNavItem:hover {
    background-color: #f1f1f1;
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinFlamingo .globalNav .globalNavItem.isSelect {
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinFlamingo .globalNav .globalNavItem .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_navy.svg)
}

.skinFlamingo .globalNav .globalNavItem .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_navy.svg)
}

.skinFlamingo .globalNav .globalNavItem .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_navy.svg)
}

.skinFlamingo .globalNav .globalNavItem:hover .icon.iconMail:before,.skinFlamingo .globalNav .globalNavItem.isSelect .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_red.svg)
}

.skinFlamingo .globalNav .globalNavItem:hover .icon.iconAdbook:before,.skinFlamingo .globalNav .globalNavItem.isSelect .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_red.svg)
}

.skinFlamingo .globalNav .globalNavItem:hover .icon.iconGear:before,.skinFlamingo .globalNav .globalNavItem.isSelect .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_red.svg)
}

.skinFlamingo .globalNav.globalNavColumn .globalNavItem {
    border-top-color: #ccc
}

.skinFlamingo .globalNav.globalNavColumn .globalNavItem:last-child {
    border-bottom-color: #ccc
}

.skinFlamingo .userOperation .userOperationItem:last-child {
    border-left-color: #ccc
}

@media screen and (min-width: 1011px) {
    .skinFlamingo .userOperation .userOperationItem .userOperationLink {
        color:#fff
    }
}

.skinFlamingo .userAccount {
    color: #666
}

.skinFlamingo .menuHeadingType2 {
    border-color: #ccc
}

.skinFlamingo .sidebarHeading {
    color: #fff
}

.skinFlamingo .sidebarHeading>.icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinFlamingo .menu:not(.menuType2).isSelect>.menuItem>.menuItemInner>.menuText {
    color: #e4000b
}

.skinFlamingo .menu.menuType2>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinFlamingo .menu.menuType3 .menuItem:hover {
    background-color: #fff
}

.skinFlamingo .menu.menuType4>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinFlamingo .menu.menuType5>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinFlamingo .menu .menuItem:hover:after,.skinFlamingo .menu .menuItem.dragging:after {
    background-color: #fff
}

.skinFlamingo .menu .menuItem:before {
    background-color: #fcf8cc
}

.skinFlamingo .menu .menuItem:hover {
    background-color: #fff
}

.skinFlamingo .menuBox1 {
    border-color: #ccc
}

.skinFlamingo .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook.svg)
}

.skinFlamingo .icon.iconAdbook.white:before {
    background-image: url(/assets/images/ico_adbook_white.svg)
}

.skinFlamingo .icon.iconArrow1Right:before {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinFlamingo .icon.iconArrow1WhiteDown:before {
    background-image: url(/assets/images/ico_arrow1.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .icon.iconArrow1GrayDefault:before {
    background-image: url(/assets/images/ico_arrow1_gray_default.svg)
}

.skinFlamingo .icon.iconArrow1GrayRight:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinFlamingo .icon.iconArrow1GrayDown:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .icon.iconArrow1GrayUp:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinFlamingo .icon.iconArrow1GrayLeft:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinFlamingo .icon.iconArrow2RedRight:before {
    background-image: url(/assets/images/ico_arrow2_red.svg)
}

.skinFlamingo .icon.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .icon.iconArrow2Up:before {
    background-image: url(/assets/images/ico_arrow2.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinFlamingo .icon.iconArrow2GrayRight:before {
    background-image: url(/assets/images/ico_arrow2_gray.svg)
}

.skinFlamingo .icon.iconArrow2NavyRight:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinFlamingo .icon.iconArrow2NavyLeft:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinFlamingo .icon.iconArrow2WhiteLeft:before {
    background-image: url(/assets/images/ico_arrow2_white.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinFlamingo .icon.iconArrow3GrayRight:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg)
}

.skinFlamingo .icon.iconArrow3GrayLeft:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinFlamingo .icon.iconArrow4Right:before {
    background-image: url(/assets/images/ico_arrow4.svg)
}

.skinFlamingo .icon.iconArrow4Up:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinFlamingo .icon.iconArrow4Down:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .icon.iconArrow4WhiteDown:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .icon.iconArrow4WhiteUp:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinFlamingo .icon.iconCaution:before {
    background-image: url(/assets/images/ico_caution.svg)
}

.skinFlamingo .icon.iconCautionBlack:before {
    background-image: url(/assets/images/ico_caution_black.svg)
}

.skinFlamingo .icon.iconCautionWhite:before {
    background-image: url(/assets/images/ico_caution_white.svg)
}

.skinFlamingo .icon.iconClip:before {
    background-image: url(/assets/images/ico_clip.svg)
}

.skinFlamingo .icon.iconCloseBlack:before {
    background-image: url(/assets/images/ico_close_black.svg)
}

.skinFlamingo .icon.iconCloseWhite:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinFlamingo .icon.iconCloseRed:before {
    background-image: url(/assets/images/ico_close_red.svg)
}

.skinFlamingo .icon.iconControlWhite:before {
    background-image: url(/assets/images/ico_control_white.svg)
}

.skinFlamingo .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft.svg)
}

.skinFlamingo .icon.iconFlagGray:before {
    background-image: url(/assets/images/ico_flag_gray.svg)
}

.skinFlamingo .icon.iconFlagRed:before {
    background-image: url(/assets/images/ico_flag_red.svg)
}

.skinFlamingo .icon.iconFlag2Gray:before {
    background-image: url(/assets/images/ico_flag2_gray.svg)
}

.skinFlamingo .icon.iconFolder:before {
    background-image: url(/assets/images/ico_folder.svg)
}

.skinFlamingo .icon.iconFolder.white:before {
    background-image: url(/assets/images/ico_folder_white.svg)
}

.skinFlamingo .icon.iconFolderGray:before {
    background-image: url(/assets/images/ico_folder_gray.svg)
}

.skinFlamingo .icon.iconHelp1:before {
    background-image: url(/assets/images/ico_help1.svg)
}

.skinFlamingo .icon.iconHelp1Gray:before {
    background-image: url(/assets/images/ico_help1_gray.svg)
}

.skinFlamingo .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin.svg)
}

.skinFlamingo .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku.svg)
}

.skinFlamingo .icon.iconLinkOutGray:before {
    background-image: url(/assets/images/ico_linkout_gray.svg)
}

.skinFlamingo .icon.iconLinkOut2White:before {
    background-image: url(/assets/images/ico_linkout2_white.svg)
}

.skinFlamingo .icon.iconLogoutGray:before {
    background-image: url(/assets/images/ico_logout_gray.svg)
}

.skinFlamingo .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_white.svg)
}

.skinFlamingo .icon.iconMailGray:before {
    background-image: url(/assets/images/ico_mail_gray.svg)
}

.skinFlamingo .icon.iconManWhite:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinFlamingo .icon.iconManGray:before {
    background-image: url(/assets/images/ico_man_gray.svg)
}

.skinFlamingo .icon.iconMan2White:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinFlamingo .icon.iconMan2Gray:before {
    background-image: url(/assets/images/ico_man2_gray.svg)
}

.skinFlamingo .icon.iconMenu:before {
    background-image: url(/assets/images/ico_menu.svg)
}

.skinFlamingo .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku.svg)
}

.skinFlamingo .icon.iconMoveWhite:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinFlamingo .icon.iconOffGray:before {
    background-image: url(/assets/images/icons_off_gray.svg)
}

.skinFlamingo .icon.iconOnBlue:before {
    background-image: url(/assets/images/icons_on_blue.svg)
}

.skinFlamingo .icon.iconPlusWhite:before {
    background-image: url(/assets/images/ico_plus_white.svg)
}

.skinFlamingo .icon.iconPriorRed:before {
    background-image: url(/assets/images/ico_prior_red.svg)
}

.skinFlamingo .icon.iconPriorGrayDown:before {
    background-image: url(/assets/images/ico_prior_gray.svg);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scaleY(-1)
}

.skinFlamingo .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="1"]:before {
    background-image: url(/assets/images/ico_soushin_c1.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="2"]:before {
    background-image: url(/assets/images/ico_soushin_c2.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="3"]:before {
    background-image: url(/assets/images/ico_soushin_c3.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="4"]:before {
    background-image: url(/assets/images/ico_soushin_c4.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="5"]:before {
    background-image: url(/assets/images/ico_soushin_c5.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="6"]:before {
    background-image: url(/assets/images/ico_soushin_c6.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="7"]:before {
    background-image: url(/assets/images/ico_soushin_c7.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="8"]:before {
    background-image: url(/assets/images/ico_soushin_c8.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="9"]:before {
    background-image: url(/assets/images/ico_soushin_c9.svg)
}

.skinFlamingo .icon.iconSoushin[data-color="10"]:before {
    background-image: url(/assets/images/ico_soushin_c10.svg)
}

.skinFlamingo .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam.svg)
}

.skinFlamingo .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinFlamingo .icon.iconSrcGray:before {
    background-image: url(/assets/images/ico_src_gray.svg)
}

.skinFlamingo .icon.iconSrcWhite:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinFlamingo .advancedSearchLayoutItem .advancedSearchLayoutItemWidth1 .icon.iconSrcWhite:before {
    background-image: url(/assets/images/ico_src.svg)
}

.skinFlamingo search-lite .searchBtn .icon.iconSrcWhite:before {
    background-image: url(/assets/images/ico_src.svg)
}

.skinFlamingo .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag.svg)
}

.skinFlamingo .icon.iconTagWhite:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinFlamingo .icon.iconTag2:before {
    background-image: url(/assets/images/ico_tag2.svg)
}

.skinFlamingo .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash.svg)
}

.skinFlamingo .icon.iconTrashWhite:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinFlamingo .icon.iconFolderC1:before {
    background-image: url(/assets/images/ico_folder_c1.svg)
}

.skinFlamingo .icon.iconTagC1:before {
    background-image: url(/assets/images/ico_tag_c1.svg)
}

.skinFlamingo .icon.iconAdbookC1:before {
    background-image: url(/assets/images/ico_adbook_c1.svg)
}

.skinFlamingo .icon.iconFolderC2:before {
    background-image: url(/assets/images/ico_folder_c2.svg)
}

.skinFlamingo .icon.iconTagC2:before {
    background-image: url(/assets/images/ico_tag_c2.svg)
}

.skinFlamingo .icon.iconAdbookC2:before {
    background-image: url(/assets/images/ico_adbook_c2.svg)
}

.skinFlamingo .icon.iconFolderC3:before {
    background-image: url(/assets/images/ico_folder_c3.svg)
}

.skinFlamingo .icon.iconTagC3:before {
    background-image: url(/assets/images/ico_tag_c3.svg)
}

.skinFlamingo .icon.iconAdbookC3:before {
    background-image: url(/assets/images/ico_adbook_c3.svg)
}

.skinFlamingo .icon.iconFolderC4:before {
    background-image: url(/assets/images/ico_folder_c4.svg)
}

.skinFlamingo .icon.iconTagC4:before {
    background-image: url(/assets/images/ico_tag_c4.svg)
}

.skinFlamingo .icon.iconAdbookC4:before {
    background-image: url(/assets/images/ico_adbook_c4.svg)
}

.skinFlamingo .icon.iconFolderC5:before {
    background-image: url(/assets/images/ico_folder_c5.svg)
}

.skinFlamingo .icon.iconTagC5:before {
    background-image: url(/assets/images/ico_tag_c5.svg)
}

.skinFlamingo .icon.iconAdbookC5:before {
    background-image: url(/assets/images/ico_adbook_c5.svg)
}

.skinFlamingo .icon.iconFolderC6:before {
    background-image: url(/assets/images/ico_folder_c6.svg)
}

.skinFlamingo .icon.iconTagC6:before {
    background-image: url(/assets/images/ico_tag_c6.svg)
}

.skinFlamingo .icon.iconAdbookC6:before {
    background-image: url(/assets/images/ico_adbook_c6.svg)
}

.skinFlamingo .icon.iconFolderC7:before {
    background-image: url(/assets/images/ico_folder_c7.svg)
}

.skinFlamingo .icon.iconTagC7:before {
    background-image: url(/assets/images/ico_tag_c7.svg)
}

.skinFlamingo .icon.iconAdbookC7:before {
    background-image: url(/assets/images/ico_adbook_c7.svg)
}

.skinFlamingo .icon.iconFolderC8:before {
    background-image: url(/assets/images/ico_folder_c8.svg)
}

.skinFlamingo .icon.iconTagC8:before {
    background-image: url(/assets/images/ico_tag_c8.svg)
}

.skinFlamingo .icon.iconAdbookC8:before {
    background-image: url(/assets/images/ico_adbook_c8.svg)
}

.skinFlamingo .icon.iconFolderC9:before {
    background-image: url(/assets/images/ico_folder_c9.svg)
}

.skinFlamingo .icon.iconTagC9:before {
    background-image: url(/assets/images/ico_tag_c9.svg)
}

.skinFlamingo .icon.iconAdbookC9:before {
    background-image: url(/assets/images/ico_adbook_c9.svg)
}

.skinFlamingo .icon.iconFolderC10:before {
    background-image: url(/assets/images/ico_folder_c10.svg)
}

.skinFlamingo .icon.iconTagC10:before {
    background-image: url(/assets/images/ico_tag_c10.svg)
}

.skinFlamingo .icon.iconAdbookC10:before {
    background-image: url(/assets/images/ico_adbook_c10.svg)
}

.skinFlamingo .icon.iconSortDefault:before {
    background-image: url(/assets/images/ico_sort_default.svg)
}

.skinFlamingo .icon.iconSortUp:before {
    background-image: url(/assets/images/ico_sort_up.svg)
}

.skinFlamingo .icon.iconSortDown:before {
    background-image: url(/assets/images/ico_sort_down.svg)
}

.skinFlamingo .btn.btnNest {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinFlamingo .btn.btnPlus {
    background-image: url(/assets/images/ico_plus.svg)
}

.skinFlamingo .btn.btnClose {
    background-image: url(/assets/images/ico_close_white.svg);
    background-color: #999
}

.skinFlamingo .btn.btnClose:hover {
    background-color: #b8b8b8
}

.skinFlamingo .btn.btnHelp:after {
    background-image: url(/assets/images/ico_help_white.svg);
    background-color: #999
}

.skinFlamingo .btn.btnHelp:hover:after {
    background-color: #b8b8b8
}

.skinFlamingo .btn.btnPrev,.skinFlamingo .btn.btnNext {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .btn.btnPrev.isOff,.skinFlamingo .btn.btnNext.isOff {
    background-color: #bfbfbf;
    opacity: .3
}

.skinFlamingo .btn.btnPrev {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinFlamingo .btn.btnType1 {
    color: #fff;
    background: #484d54
}

.skinFlamingo .btn.btnType1:after {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .btn.btnType1.isOn,.skinFlamingo .btn.btnType1:hover {
    color: #e4000b;
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .btn.btnType1.isOn:after,.skinFlamingo .btn.btnType1:hover:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinFlamingo .btn.btnType2 {
    background-color: #2f6bc4;
    color: #fff
}

.skinFlamingo .btn.btnType2:hover {
    background-color: #397ee6
}

.skinFlamingo .btn.btnType3 {
    background-color: #999;
    color: #fff
}

.skinFlamingo .btn.btnType3:hover {
    background-color: #b8b8b8
}

.skinFlamingo .btn.btnType4 {
    background-color: #484d54;
    color: #fff
}

.skinFlamingo .btn.btnType4:hover {
    background-color: #585d66
}

.skinFlamingo .btn.btnType6 {
    border-color: #ccc;
    background-color: #fff
}

.skinFlamingo .btn.btnType6:hover {
    background-color: #e6e6e6
}

.skinFlamingo .btn.btnType7 {
    background-color: #e6e6e6;
    color: #fff
}

.skinFlamingo .btn.btnType8 {
    background-color: #484d54;
    color: #fff
}

.skinFlamingo .loginWrap .loginContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .loginWrap .loginContents {
        background-color:transparent
    }
}

.skinFlamingo .loginWrap .loginBox {
    border-color: #ccc
}

.skinFlamingo .loginWrap .loginBox .loginBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .loginWrap .loginBox .loginBox1 {
        background-color:transparent
    }
}

.skinFlamingo .loginWrap .loginBox .loginBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .loginWrap .loginBox .loginBox2 {
        background-color:transparent
    }
}

.skinFlamingo .formControl.inputType1 {
    border-bottom-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .formControl.inputType1 {
        background-color:#f7f7f7;
        border-color: #ccc
    }
}

.skinFlamingo .formControl.inputType2 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinFlamingo .formControl.inputType2[disabled] {
    background-color: #e6e6e6
}

.skinFlamingo .formControl.inputType3 {
    border-bottom-color: #8b9199;
    color: #000
}

.skinFlamingo .formControl.inputType3::-webkit-input-placeholder {
    color: #999
}

.skinFlamingo .formControl.inputType3::-moz-placeholder {
    color: #999
}

.skinFlamingo .formControl.inputType3:-ms-input-placeholder {
    color: #999
}

.skinFlamingo .formControl.inputType3::placeholder {
    color: #999
}

.skinFlamingo .formControl.checkboxType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .formControl.checkboxType1:checked,.skinFlamingo .formControl.checkboxType1[role=checkbox][aria-checked=true] {
    background-color: #484d54;
    border-color: #484d54
}

.skinFlamingo .formControl.checkboxType1:checked:before,.skinFlamingo .formControl.checkboxType1[role=checkbox][aria-checked=true]:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinFlamingo .formControl.checkboxType1[role=checkbox][aria-checked=mixed]:before {
    background-image: url(/assets/images/icons_off.svg)
}

.skinFlamingo .formControl.radioType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .formControl.radioType1:checked {
    background-color: #484d54;
    border-color: #484d54
}

.skinFlamingo .formControl.radioType1:checked:before {
    background-color: #fff
}

.skinFlamingo .formControl.radioType1.disabled,.skinFlamingo .formControl.radioType1.disabled:checked:before,.skinFlamingo .formControl.checkboxType1.disabled,.skinFlamingo .formControl.checkboxType1.disabled:checked {
    background-color: #ccc;
    border-color: #ccc
}

.skinFlamingo .formControl.selectType1 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinFlamingo .formControl.selectType1.isNoOrder {
    color: #999
}

.skinFlamingo .formControl.selectType2 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinFlamingo .formControl.textareaType1 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinFlamingo .formControlSet .formControlSetBtn {
    background-color: #484d54;
    color: #fff
}

.skinFlamingo .errorWrap .errorContents {
    background-color: #f2f2f2
}

.skinFlamingo .errorWrap .errorBox {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .errorWrap .errorBox {
        background-color:transparent
    }
}

.skinFlamingo .errorWrap .errorBox .errorHeading {
    color: #f1000d
}

.skinFlamingo .loadingWrap .loadingContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .loadingWrap .loadingContents {
        background-color:transparent
    }
}

.skinFlamingo .loadingWrap .loadingBox {
    border-color: #ccc
}

.skinFlamingo .loadingWrap .loadingBox .loadingBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .loadingWrap .loadingBox .loadingBox1 {
        background-color:transparent
    }
}

.skinFlamingo .loadingWrap .loadingBox .loadingBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .loadingWrap .loadingBox .loadingBox2 {
        background-color:transparent
    }
}

.skinFlamingo .chip.chipC1:before {
    background: #f66
}

.skinFlamingo .chip.chipC2:before {
    background: #d782d9
}

.skinFlamingo .chip.chipC3:before {
    background: #8f86bf
}

.skinFlamingo .chip.chipC4:before {
    background: #6691cc
}

.skinFlamingo .chip.chipC5:before {
    background: #4dbfbf
}

.skinFlamingo .chip.chipC6:before {
    background: #4fb347
}

.skinFlamingo .chip.chipC7:before {
    background: #acbf60
}

.skinFlamingo .chip.chipC8:before {
    background: #f8b100
}

.skinFlamingo .chip.chipC9:before {
    background: #c66
}

.skinFlamingo .chip.chipC10:before {
    background: #919191
}

.skinFlamingo .colorSelect.colorSelectType2 .colorSelectBox .colorSelectBoxItem:hover {
    background-color: #d9d9d9
}

.skinFlamingo .colorSelect .colorSelectBtn .colorSelectBtnItem {
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .colorSelect .colorSelectBtn .colorSelectBtnItem:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinFlamingo .colorSelect .colorSelectBox {
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .colorSelect .colorSelectRadio:checked+.colorSelectChip:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinFlamingo .modalWindow {
    background: #fff;
    border-color: #ccc
}

.skinFlamingo .modalWindow .modalWindowBox {
    border-color: #ccc
}

.skinFlamingo .modalWindow .modalWindowBox2 {
    background-color: #fcf8cc
}

.skinFlamingo .modalWindow .modalWindowBox3,.skinFlamingo .modalWindow .modalWindowBox4,.skinFlamingo .modalWindow .modalWindowBox5 {
    border-color: #ddd
}

.skinFlamingo .modalWindow .modalWindowBtnSet {
    background-color: #f2f2f2
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .modalWindow .modalWindowBtnSet {
        background-color:transparent
    }
}

.skinFlamingo .modalWindow .modalWindowCaution {
    background-color: #fff2f3
}

.skinFlamingo .control {
    background-color: #ffcdcc
}

.skinFlamingo .control.controlType2 {
    background-color: #fff
}

.skinFlamingo .control .controlStatus {
    color: #000
}

.skinFlamingo .controlSp .controlNav {
    background-color: #41454b
}

.skinFlamingo .controlSp .controlSearch {
    border-top-color: #e6e6e6
}

.skinFlamingo .controlSp .controlSearch .controlSearchBox {
    border-color: #ccc
}

.skinFlamingo .controlSp .controlNavBottom {
    background-color: #41454b
}

.skinFlamingo .controlSp .controlNavBottomSub,.skinFlamingo .controlSp .controlNavBottomSub .navItem {
    background-color: #242b33
}

.skinFlamingo .controlSub {
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .controlSub .controlSubBox {
    border-color: #ddd
}

.skinFlamingo .nav .navItem {
    background-color: #41454b;
    border-right-color: #54585d;
    color: #fff
}

.skinFlamingo .nav .navItem.navItemBack,.skinFlamingo .nav .navItem.navItemClose {
    background-color: #999
}

.skinFlamingo .nav .navItem.navItemPrev {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinFlamingo .nav .navItem.navItemPrev.isOff .navIcon,.skinFlamingo .nav .navItem.navItemPrev.isOff .navText {
    opacity: .2
}

.skinFlamingo .nav .navItem.navItemNext {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinFlamingo .nav .navItem.navItemNext.isOff .navIcon,.skinFlamingo .nav .navItem.navItemNext.isOff .navText {
    opacity: .2
}

.skinFlamingo .nav .navItem.navItemSave {
    background-color: #2f6bc4
}

.skinFlamingo .nav .navItem.navItemSpace {
    background: #6e7580
}

.skinFlamingo .nav .navItem .navIcon .icon.iconMan:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconMan2:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconBack:before {
    background-image: url(/assets/images/ico_back_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconEditAd:before {
    background-image: url(/assets/images/ico_edit_ad_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconSave:before {
    background-image: url(/assets/images/ico_save_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconNewMail:before {
    background-image: url(/assets/images/ico_newmail_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconReload:before {
    background-image: url(/assets/images/ico_reload_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconHenshinAll:before {
    background-image: url(/assets/images/ico_henshin_all_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconSpamOk:before {
    background-image: url(/assets/images/ico_spam_ok_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconTenso:before {
    background-image: url(/assets/images/ico_tenso_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconFilter:before {
    background-image: url(/assets/images/ico_filter_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconFlag:before {
    background-image: url(/assets/images/ico_flag_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconFlag3:before {
    background-image: url(/assets/images/ico_flag3_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconPrev:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconNext:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconClose:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft_white.svg)
}

.skinFlamingo .nav .navItem .navIcon .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin_white.svg)
}

.skinFlamingo .nav .navItem .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 1011px) {
    .skinFlamingo {
        overflow:hidden
    }

    .skinFlamingo .nav .navItem:hover {
        background-color: #585d66
    }
}

.skinFlamingo .nav .navItem.isSelect {
    background-color: #e4000b;
    border-right-color: #e9333c
}

.skinFlamingo .nav .navItem.isSelect:hover {
    background-color: #ff000d
}

.skinFlamingo .nav .navItem.isOn {
    background-color: #fff;
    border-right-color: #fff;
    color: #e4000b
}

.skinFlamingo .nav .navItem.isOn .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_red.svg)
}

.skinFlamingo .nav .navItem.isOn .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_red.svg)
}

.skinFlamingo .nav .navItem.isOn .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_red.svg)
}

.skinFlamingo .nav .navItem.isOn .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_red.svg)
}

.skinFlamingo .nav .navItem.isOn .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_red.svg)
}

.skinFlamingo .nav .navItem.isOn .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_red.svg)
}

.skinFlamingo .nav .navItem.isOn .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_red.svg)
}

.skinFlamingo .nav .navItem.isOn .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .nav .navItem.isOpen {
    background: #242b33
}

.skinFlamingo .search .searchBtn:hover {
    background-color: #fff
}

.skinFlamingo .search .searchBtn.searchBtnChip:after {
    background: #fff;
    border-color: #ccc
}

.skinFlamingo .search .searchBtn.searchBtnChip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinFlamingo .search.searchType2 .searchBtn {
    background-color: #484d54;
    color: #fff
}

.skinFlamingo .search.searchType2 .searchBtn.searchBtnType2 {
    border-right-color: #fff
}

.skinFlamingo .search.searchType2 .searchBtn.searchBtnType3 .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinFlamingo .search.searchType2 .searchBtn.searchBtnType3.isOn {
    border-color: #ccc;
    background-color: #fff
}

.skinFlamingo .search.searchType2 .searchBtn.searchBtnType3.isOn .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinFlamingo .initialListContainer {
    background-color: #d9d9d9
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .initialListContainer {
        background-color:#f2f2f2;
        border-bottom-color: #e6e6e6
    }
}

.skinFlamingo .initialListContainer .initialList .initialListItem:after {
    background-color: #bbb
}

.skinFlamingo .initialListContainer .initialList .initialListItem .initialListBtn:hover {
    background-color: #ccc
}

.skinFlamingo .initialListContainer .initialList .initialListItem.isSelect .initialListBtn {
    border-bottom-color: #666
}

.skinFlamingo .heading.headingType1 {
    background-color: #d9d9d9
}

.skinFlamingo .heading.headingType2 {
    border-bottom-color: #e4000b
}

.skinFlamingo .heading .headingBackBtn {
    background-color: #999;
    color: #fff
}

.skinFlamingo .list .listItem {
    border-bottom-color: #e6e6e6
}

.skinFlamingo .list .listItem:hover {
    background-color: #d9d2d3
}

.skinFlamingo .list .listItem.isSelect {
    background: #ffe6e5;
    background: -webkit-linear-gradient(-90deg,#ffe6e5,#ffeee6);
    background: -o-linear-gradient(-90deg,#ffe6e5,#ffeee6);
    background: -moz-linear-gradient(-90deg,#ffe6e5,#ffeee6);
    background: linear-gradient(-90deg,#ffe6e5,#ffeee6)
}

.skinFlamingo .list2 .list2Item {
    border-bottom-color: #e6e6e6;
    color: #666
}

.skinFlamingo .list2 .list2Item .list2From,.skinFlamingo .list2 .list2Item .list2Subject .list2SubjectText1 {
    color: #222
}

.skinFlamingo .list2 .list2Item.isKidoku {
    background-color: #f2ebec
}

.skinFlamingo .list2 .list2Item.isKidoku .list2From,.skinFlamingo .list2 .list2Item.isKidoku .list2Subject .list2SubjectText1 {
    color: inherit
}

.skinFlamingo .list2 .list2Item:hover {
    background-color: #d9d2d3
}

.skinFlamingo #contentsBodyInner .list2 .list2Item.isSelect {
    background: #ffe6e5;
    background: -webkit-linear-gradient(-90deg,#ffe6e5,#ffeee6);
    background: -o-linear-gradient(-90deg,#ffe6e5,#ffeee6);
    background: -moz-linear-gradient(-90deg,#ffe6e5,#ffeee6);
    background: linear-gradient(-90deg,#ffe6e5,#ffeee6)
}

.skinFlamingo .list2HeaderPc {
    background-color: #d9d9d9
}

.skinFlamingo .list2HeaderPc .list2 .list2Item {
    border-bottom-color: #c3c3c3;
    color: #222
}

.skinFlamingo .pageTop {
    background-color: #f1f1f1
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .pageTop {
        border-bottom-color:#ccc
    }
}

.skinFlamingo .avatar {
    background-color: #d9d9d9;
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinFlamingo .text.textC1 {
    color: #666
}

.skinFlamingo .text.textC2 {
    color: #e4000b
}

@media screen and (min-width: 1011px) {
    .skinFlamingo .text.textC2Pc {
        color:#e4000b
    }
}

.skinFlamingo .text.textC3 {
    color: #6e6e6e
}

.skinFlamingo .text.textC4 {
    color: #ccc
}

.skinFlamingo .text.textBlack {
    color: #000
}

.skinFlamingo .text.textWhite {
    color: #fff
}

.skinFlamingo .text.textLink {
    text-decoration: underline
}

.skinFlamingo .calendar {
    box-sizing: border-box;
    background-color: #fff;
    border-color: #ccc
}

.skinFlamingo .calendar .calendarTable .calendarThead {
    background-color: #f2f2f2
}

.skinFlamingo .calendar .calendarTable .calendarCell:hover {
    background-color: #e6e6e6
}

.skinFlamingo .calendar .calendarTable .calendarCell.calendarCellSun {
    color: #e4000b
}

.skinFlamingo .calendar .calendarTable .calendarCell.calendarCellSat {
    color: #0065cc
}

.skinFlamingo .calendar .calendarTable .calendarCell.calendarCellNotThisMonth {
    color: #ccc
}

.skinFlamingo .calendar .calendarTable .calendarCell.calendarCellToday {
    border-color: #ccc
}

.skinFlamingo .news {
    background-color: #e6e6e6
}

.skinFlamingo .advancedSearch .advancedSearchBox1,.skinFlamingo .advancedSearch .advancedSearchBox2 {
    border-color: #ddd
}

.skinFlamingo .advancedSearch .advancedSearchSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinFlamingo .advancedSearch .advancedSearchSelectFolderBox {
    background-color: #fff;
    border-color: #ddd
}

.skinFlamingo .advancedSearch .advancedSearchControl {
    background-color: #f2f2f2
}

.skinFlamingo .paginationSp {
    background-color: #e6e6e6
}

.skinFlamingo .paginationSp .paginationBtn:before {
    background-image: url(/assets/images/ico_arrow2.svg)
}

.skinFlamingo .paginationSp .paginationBtn.paginationBtnPrev:before {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinFlamingo .paginationSp .paginationBtn.paginationBtnPrev.isOff:before {
    opacity: .2
}

.skinFlamingo .paginationSp .paginationBtn.paginationBtnNext.isOff:before {
    opacity: .2
}

.skinFlamingo .pulldown {
    background: #fff;
    border-color: #ccc
}

.skinFlamingo .pulldown .pulldownItem {
    color: #222
}

.skinFlamingo .pulldown .pulldownItem:hover {
    background: #e6e6e6
}

.skinFlamingo .pulldown2 .pulldownSelect {
    background-color: #fff;
    border-color: #ddd
}

.skinFlamingo .advertising {
    border-color: #ccc;
    background-color: #fff
}

.skinFlamingo .advertising .advertisingBody {
    background-color: #ccc
}

.skinFlamingo .layoutTableWrap2,.skinFlamingo .layoutTableWrap3,.skinFlamingo .layoutTableWrap4,.skinFlamingo .layoutTableWrap5,.skinFlamingo .layoutTableWrap6,.skinFlamingo .layoutTableWrapBorderTop,.skinFlamingo .layoutTableWrapBorderTopPc,.skinFlamingo .layoutTable .layoutTableCell {
    border-color: #ddd
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .layoutTable .layoutTableCell.layoutTableCellType3 {
        background-color:#f2f2f2
    }
}

.skinFlamingo .layoutTable .layoutTableCell.layoutTableCellBtn {
    background-color: #484d54;
    color: #fff
}

.skinFlamingo .layoutTable .layoutTableGroup {
    background-color: #f2f2f2
}

.skinFlamingo .mail .mailLayout2a,.skinFlamingo .mail .mailBody {
    border-color: #ccc
}

.skinFlamingo .mail .mailCaution {
    background-color: #fff2f3
}

.skinFlamingo .mail .mailDmarcWarn {
    background-color: #ffc000
}

.skinFlamingo .mail .mailDmarcError {
    background-color: #c00000
}

.skinFlamingo .mail .mailBottomNav {
    border-color: #ccc
}

.skinFlamingo .mail .mailSummary {
    color: #666
}

.skinFlamingo .mail .mailLayout3.isKidoku {
    background-color: #f2ebec
}

.skinFlamingo .mail .mailThread {
    border-color: #ccc
}

.skinFlamingo .mail .mailThreadBundle {
    background-color: #f2f2f2
}

.skinFlamingo .mail .mailThreadBundle:before,.skinFlamingo .mail .mailThreadBundle:after {
    border-color: #e6e6e6
}

.skinFlamingo .mail .mailThreadBundle .mailThreadBundleText {
    background-color: #f2f2f2
}

.skinFlamingo .mailSubject {
    border-color: #ccc
}

.skinFlamingo .mailAttachHeaderSp {
    border-color: #ccc;
    background-color: #f2f2f2
}

.skinFlamingo .mailAttachBody,.skinFlamingo .mailAttachItem {
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .mailAttach2 .mailAttachItem {
        background-color:#f2f2f2
    }
}

.skinFlamingo .mailEditControl {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinFlamingo .mailEditControl .mailEditControlLayout1Btn,.skinFlamingo .btnSet .btnSetItem {
    background-color: #484d54;
    color: #fff
}

.skinFlamingo .btnSet .btnSetItemPulldown {
    background-image: url(/assets/images/ico_arrow1_white_d.svg)
}

.skinFlamingo .btnSet .btnSetItemPulldown.isOn {
    background-color: #fff;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinFlamingo .tabNav,.skinFlamingo .tabNav .tabNavItem {
    border-color: #ccc
}

.skinFlamingo .tabNav .tabNavItem.isSelect {
    border-top-color: #e4000b;
    border-bottom-color: #fff;
    color: #e4000b
}

.skinFlamingo .tip {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: 0 5px 10px #0000004d
}

.skinFlamingo .tip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinFlamingo .settingLayout {
    border-color: #ccc
}

.skinFlamingo .settingLayoutHeader {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinFlamingo .settingLayoutHeader .settingLayoutCell {
    border-color: #ccc
}

.skinFlamingo .settingLayoutItem {
    border-color: #e6e6e6
}

.skinFlamingo .settingLayoutCellType1:before,.skinFlamingo .settingLayoutCellType10:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

@media screen and (max-width: 1010px) {
    .skinFlamingo .settingLayoutCellType2,.skinFlamingo .settingLayoutCellType3,.skinFlamingo .settingLayoutCellType9,.skinFlamingo .settingLayoutCellType11 {
        background-color:#e6e6e6
    }
}

.skinFlamingo .settingsFilter .settingsFilterSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinFlamingo .settingsFilter .settingsFilterSelectFolder .settingsFilterSelectFolderBox,.skinFlamingo .floatingMenu {
    background-color: #fff
}

.skinFlamingo .menu.isSelect>.menuItem .menuItemInner2:before {
    background: #e4000b
}

.skinFlamingo .modalWindow .modalWindowBox .menu.isSelect>.menuItem,.skinFlamingo .controlSub .controlSubBox .menu.isSelect>.menuItem,.skinFlamingo .advancedSearchSelectFolderBox .menu.isSelect>.menuItem,.skinFlamingo .advancedSearchBox2 .menu.isSelect>.menuItem,.skinFlamingo .advancedSearchBox1 .menu.isSelect>.menuItem,.skinFlamingo .pulldownSelect .menu.isSelect>.menuItem,.skinFlamingo .modalWindowBox5 .menu.isSelect>.menuItem {
    background-color: #fcf8cc
}

.skinFlamingo .modalWindow .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook.svg)
}

.skinFlamingo .modalWindow .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail.svg)
}

.skinFlamingo .modalWindow .icon.iconFolder:before {
    background-image: url(/assets/images/ico_folder.svg)
}

.skinFlamingo .modalWindow .icon.iconSoushin[data-color="0"]:before {
    background-image: url(/assets/images/ico_soushin.svg)
}

.skinFlamingo .modalWindow .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash.svg)
}

.skinFlamingo .modalWindow .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft.svg)
}

.skinFlamingo .modalWindow .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam.svg)
}

.skinFlamingo .modalWindow .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src.svg)
}

.skinFlamingo .modalWindow .menuItem:hover {
    background-color: #d9d9d9
}

.skinFlamingo .isSelect>.menuItem a {
    color: #e4000b
}

.skinFlamingo .modalWindow .btn.btnNest {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinFlamingo .modalWindowBox>.menu:not(.menuType2).isSelect>.menuItem>.menuItemInner>.menuText {
    color: #e4000b
}

.skinFlamingo .modalWindow #mail_list_block .list2 .list2Item {
    background-color: #fff
}

.skinFlamingo .modalWindow #mail_list_block .list2 .list2Item:hover {
    background-color: #e6e6e6
}

.skinFlamingo .modalWindow #mail_list_block .list2 .list2Item.isSelect,.skinFlamingo .modalWindow #mail_list_block .list2 .list2Item.isKidoku.isSelect {
    background-color: #fcf8cc
}

.skinFlamingo .modalWindow #mail_list_block .list2 .list2Item.isKidoku {
    background-color: #f2f2f2
}

.skinFlamingo .modalWindow #mail_list_block .list2 .list2Item.isKidoku:hover {
    background-color: #e6e6e6
}

.skinFlamingo .controlSubBox .menu .menuItem:hover {
    background-color: #d9d9d9
}

.skinFlamingo settings-safety-address-list .menu .menuItem:hover {
    background-color: #e6e6e6
}

.skinManta {
    background: #fff;
    color: #222
}

.skinManta a {
    color: inherit
}

.skinManta #header {
    background: #fff;
    border-color: #ccc
}

.skinManta #header .headerLogo {
    border-color: #ddd
}

.skinManta #header .headerUserOperationWrap {
    background: #001854;
    background: -moz-linear-gradient(left,#00154a,#001854);
    background: -o-linear-gradient(left,#00154a,#001854);
    background: -webkit-gradient(linear,left center,right center,from(#00154a),to(#001854));
    background: linear-gradient(to right,#00154a,#001854);
    color: #fff
}

.skinManta #header .headerUserOperationWrap .userAccount {
    color: #fff
}

.skinManta #header .headerUserOperation .headerUserOperationItem.mailAddress,.skinManta #header .headerUserOperation .headerUserOperationItem.ocnTop {
    color: #666
}

.skinManta #header .headerUserOperation .headerUserOperationItem.ocnTop:before {
    background-color: #ccc
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon {
    position: relative
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon.helpIcon {
    padding-left: 21px
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon.helpIcon:before {
    background-image: url(/assets/images/ico_help1.svg);
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon {
    padding-left: 17px
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon:before {
    background-image: url(/assets/images/ico_logout.svg);
    background-size: 12px 14px;
    width: 12px;
    height: 14px
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon {
    padding-left: 11px
}

.skinManta #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    background-size: 6px 9px;
    width: 6px;
    height: 9px
}

.skinManta #footer .footerUserAccount {
    background: #f2f2f2;
    border-bottom-color: #ccc
}

.skinManta #footer .footerUserOperation {
    background: #f2f2f2
}

.skinManta #mainContents {
    background: #fff
}

.skinManta #contentsRowLeftHeader {
    background-color: #d9d9d9;
    border-color: #ccc
}

.skinManta #contentsRowRight,.skinManta #contentsBody2 {
    border-color: #aaa
}

.skinManta #sidebar {
    color: #fff;
    background: #131959;
    background: -webkit-linear-gradient(#0587ba,#131959);
    background: -o-linear-gradient(#0587ba,#131959);
    background: -moz-linear-gradient(#0587ba,#131959);
    background: linear-gradient(#0587ba,#131959);
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinManta #sidebar {
        color:#fff;
        background: #131959;
        background: -webkit-linear-gradient(#0587ba,#131959);
        background: -o-linear-gradient(#0587ba,#131959);
        background: -moz-linear-gradient(#0587ba,#131959);
        background: linear-gradient(#0587ba,#131959)
    }
}

.skinManta #sidebar .sidebarClose {
    background: #999
}

.skinManta #sidebar .sidebarHeading {
    background: #00113b
}

.skinManta #sidebar .sidebarContents {
    color: #fff
}

.skinManta #sidebar .sidebarNav {
    background: #fff
}

.skinManta #sidebar .sidebarUserOperation {
    background: #f2f2f2
}

.skinManta .globalNav .globalNavItem {
    color: #484d54;
    border-right-color: #ddd;
    border-bottom-color: #aaa
}

@media screen and (max-width: 1010px) {
    .skinManta .globalNav .globalNavItem:hover {
        background-color:#fff!important;
        color: #484d54!important;
        border-right-color: #ddd!important;
        border-bottom-color: #aaa!important
    }

    .skinManta .globalNav .globalNavItem:hover .icon.iconGear:before {
        background-image: url(/assets/images/ico_gear_navy.svg)!important
    }

    .skinManta .globalNav .globalNavItem:hover .icon.iconMail:before {
        background-image: url(/assets/images/ico_mail_navy.svg)!important
    }

    .skinManta .globalNav .globalNavItem:hover .icon.iconAdbook:before {
        background-image: url(/assets/images/ico_adbook_navy.svg)!important
    }
}

.skinManta .globalNav .globalNavItem:hover {
    background-color: #f1f1f1;
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinManta .globalNav .globalNavItem.isSelect {
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinManta .globalNav .globalNavItem .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_navy.svg)
}

.skinManta .globalNav .globalNavItem .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_navy.svg)
}

.skinManta .globalNav .globalNavItem .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_navy.svg)
}

.skinManta .globalNav .globalNavItem:hover .icon.iconMail:before,.skinManta .globalNav .globalNavItem.isSelect .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_red.svg)
}

.skinManta .globalNav .globalNavItem:hover .icon.iconAdbook:before,.skinManta .globalNav .globalNavItem.isSelect .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_red.svg)
}

.skinManta .globalNav .globalNavItem:hover .icon.iconGear:before,.skinManta .globalNav .globalNavItem.isSelect .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_red.svg)
}

.skinManta .globalNav.globalNavColumn .globalNavItem {
    border-top-color: #ccc
}

.skinManta .globalNav.globalNavColumn .globalNavItem:last-child {
    border-bottom-color: #ccc
}

.skinManta .userOperation .userOperationItem:last-child {
    border-left-color: #ccc
}

.skinManta .userOperation .userOperationItem .userOperationLink {
    color: #fff
}

@media screen and (max-width: 1010px) {
    .skinManta .userOperation .userOperationItem .userOperationLink {
        color:#222
    }
}

.skinManta .userAccount {
    color: #666
}

.skinManta .menuHeadingType2 {
    border-color: #ccc
}

.skinManta .menu:not(.menuType2).isSelect>.menuItem>.menuItemInner>.menuText {
    color: #fff
}

.skinManta .menu.menuType2>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinManta .menu.menuType3 .menuItem:hover {
    background-color: #18ffff33
}

.skinManta .menu.menuType4>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinManta .menu.menuType5>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinManta .menu .menuItem:hover:after,.skinManta .menu .menuItem.dragging:after {
    background-color: #18ffff33
}

.skinManta .menu .menuItem:hover {
    background-color: #18ffff33
}

.skinManta .menu .menuItem:before {
    background-color: #fcf8cc
}

.skinManta .menuBox1 {
    border-color: #ccc
}

.skinManta .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_white.svg)
}

.skinManta .icon.iconArrow1Right:before {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinManta .icon.iconArrow1WhiteDown:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .icon.iconArrow1GrayDefault:before {
    background-image: url(/assets/images/ico_arrow1_gray_default.svg)
}

.skinManta .icon.iconArrow1GrayRight:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinManta .icon.iconArrow1GrayDown:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .icon.iconArrow1GrayUp:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinManta .icon.iconArrow1GrayLeft:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinManta .icon.iconArrow2RedRight:before {
    background-image: url(/assets/images/ico_arrow2_red.svg)
}

.skinManta .icon.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .icon.iconArrow2Up:before {
    background-image: url(/assets/images/ico_arrow2.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinManta .icon.iconArrow2GrayRight:before {
    background-image: url(/assets/images/ico_arrow2_gray.svg)
}

.skinManta .icon.iconArrow2NavyRight:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinManta .icon.iconArrow2NavyLeft:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinManta .icon.iconArrow2WhiteLeft:before {
    background-image: url(/assets/images/ico_arrow2_white.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinManta .icon.iconArrow3GrayRight:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg)
}

.skinManta .icon.iconArrow3GrayLeft:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinManta .icon.iconArrow4Right:before {
    background-image: url(/assets/images/ico_arrow4.svg)
}

.skinManta .icon.iconArrow4Up:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinManta .icon.iconArrow4Down:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .icon.iconArrow4WhiteDown:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .icon.iconArrow4WhiteUp:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinManta .icon.iconCaution:before {
    background-image: url(/assets/images/ico_caution.svg)
}

.skinManta .icon.iconCautionBlack:before {
    background-image: url(/assets/images/ico_caution_black.svg)
}

.skinManta .icon.iconCautionWhite:before {
    background-image: url(/assets/images/ico_caution_white.svg)
}

.skinManta .icon.iconClip:before {
    background-image: url(/assets/images/ico_clip.svg)
}

.skinManta .icon.iconCloseBlack:before {
    background-image: url(/assets/images/ico_close_black.svg)
}

.skinManta .icon.iconCloseWhite:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinManta .icon.iconCloseRed:before {
    background-image: url(/assets/images/ico_close_red.svg)
}

.skinManta .icon.iconControlWhite:before {
    background-image: url(/assets/images/ico_control_white.svg)
}

.skinManta .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft_white.svg)
}

.skinManta .icon.iconFlagGray:before {
    background-image: url(/assets/images/ico_flag_gray.svg)
}

.skinManta .icon.iconFlagRed:before {
    background-image: url(/assets/images/ico_flag_red.svg)
}

.skinManta .icon.iconFlag2Gray:before {
    background-image: url(/assets/images/ico_flag2_gray.svg)
}

.skinManta .icon.iconFolder:before {
    background-image: url(/assets/images/ico_folder_white.svg)
}

.skinManta .icon.iconFolderGray:before {
    background-image: url(/assets/images/ico_folder_gray.svg)
}

.skinManta .icon.iconHelp1:before {
    background-image: url(/assets/images/ico_help1.svg)
}

.skinManta .icon.iconHelp1Gray:before {
    background-image: url(/assets/images/ico_help1_gray.svg)
}

.skinManta .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin.svg)
}

.skinManta .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku.svg)
}

.skinManta .icon.iconLinkOutGray:before {
    background-image: url(/assets/images/ico_linkout_gray.svg)
}

.skinManta .icon.iconLinkOut2White:before {
    background-image: url(/assets/images/ico_linkout2_white.svg)
}

.skinManta .icon.iconLogoutGray:before {
    background-image: url(/assets/images/ico_logout_gray.svg)
}

.skinManta .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_white.svg)
}

.skinManta .icon.iconMailGray:before {
    background-image: url(/assets/images/ico_mail_gray.svg)
}

.skinManta .icon.iconManWhite:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinManta .icon.iconManGray:before {
    background-image: url(/assets/images/ico_man_gray.svg)
}

.skinManta .icon.iconMan2White:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinManta .icon.iconMan2Gray:before {
    background-image: url(/assets/images/ico_man2_gray.svg)
}

.skinManta .icon.iconMenu:before {
    background-image: url(/assets/images/ico_menu.svg)
}

.skinManta .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku.svg)
}

.skinManta .icon.iconMoveWhite:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinManta .icon.iconOffGray:before {
    background-image: url(/assets/images/icons_off_gray.svg)
}

.skinManta .icon.iconOnBlue:before {
    background-image: url(/assets/images/icons_on_blue.svg)
}

.skinManta .icon.iconPlusWhite:before {
    background-image: url(/assets/images/ico_plus_white.svg)
}

.skinManta .icon.iconPriorRed:before {
    background-image: url(/assets/images/ico_prior_red.svg)
}

.skinManta .icon.iconPriorGrayDown:before {
    background-image: url(/assets/images/ico_prior_gray.svg);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scaleY(-1)
}

.skinManta .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin_white.svg)
}

.skinManta .icon.iconSoushin[data-color="1"]:before {
    background-image: url(/assets/images/ico_soushin_c1.svg)
}

.skinManta .icon.iconSoushin[data-color="2"]:before {
    background-image: url(/assets/images/ico_soushin_c2.svg)
}

.skinManta .icon.iconSoushin[data-color="3"]:before {
    background-image: url(/assets/images/ico_soushin_c3.svg)
}

.skinManta .icon.iconSoushin[data-color="4"]:before {
    background-image: url(/assets/images/ico_soushin_c4.svg)
}

.skinManta .icon.iconSoushin[data-color="5"]:before {
    background-image: url(/assets/images/ico_soushin_c5.svg)
}

.skinManta .icon.iconSoushin[data-color="6"]:before {
    background-image: url(/assets/images/ico_soushin_c6.svg)
}

.skinManta .icon.iconSoushin[data-color="7"]:before {
    background-image: url(/assets/images/ico_soushin_c7.svg)
}

.skinManta .icon.iconSoushin[data-color="8"]:before {
    background-image: url(/assets/images/ico_soushin_c8.svg)
}

.skinManta .icon.iconSoushin[data-color="9"]:before {
    background-image: url(/assets/images/ico_soushin_c9.svg)
}

.skinManta .icon.iconSoushin[data-color="10"]:before {
    background-image: url(/assets/images/ico_soushin_c10.svg)
}

.skinManta .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_white.svg)
}

.skinManta .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinManta .icon.iconSrcGray:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinManta .icon.iconSrcWhite:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinManta .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinManta .icon.iconTagWhite:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinManta .icon.iconTag2:before {
    background-image: url(/assets/images/ico_tag2.svg)
}

.skinManta .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinManta .icon.iconTrashWhite:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinManta .icon.iconFolderC1:before {
    background-image: url(/assets/images/ico_folder_c1.svg)
}

.skinManta .icon.iconTagC1:before {
    background-image: url(/assets/images/ico_tag_c1.svg)
}

.skinManta .icon.iconAdbookC1:before {
    background-image: url(/assets/images/ico_adbook_c1.svg)
}

.skinManta .icon.iconFolderC2:before {
    background-image: url(/assets/images/ico_folder_c2.svg)
}

.skinManta .icon.iconTagC2:before {
    background-image: url(/assets/images/ico_tag_c2.svg)
}

.skinManta .icon.iconAdbookC2:before {
    background-image: url(/assets/images/ico_adbook_c2.svg)
}

.skinManta .icon.iconFolderC3:before {
    background-image: url(/assets/images/ico_folder_c3.svg)
}

.skinManta .icon.iconTagC3:before {
    background-image: url(/assets/images/ico_tag_c3.svg)
}

.skinManta .icon.iconAdbookC3:before {
    background-image: url(/assets/images/ico_adbook_c3.svg)
}

.skinManta .icon.iconFolderC4:before {
    background-image: url(/assets/images/ico_folder_c4.svg)
}

.skinManta .icon.iconTagC4:before {
    background-image: url(/assets/images/ico_tag_c4.svg)
}

.skinManta .icon.iconAdbookC4:before {
    background-image: url(/assets/images/ico_adbook_c4.svg)
}

.skinManta .icon.iconFolderC5:before {
    background-image: url(/assets/images/ico_folder_c5.svg)
}

.skinManta .icon.iconTagC5:before {
    background-image: url(/assets/images/ico_tag_c5.svg)
}

.skinManta .icon.iconAdbookC5:before {
    background-image: url(/assets/images/ico_adbook_c5.svg)
}

.skinManta .icon.iconFolderC6:before {
    background-image: url(/assets/images/ico_folder_c6.svg)
}

.skinManta .icon.iconTagC6:before {
    background-image: url(/assets/images/ico_tag_c6.svg)
}

.skinManta .icon.iconAdbookC6:before {
    background-image: url(/assets/images/ico_adbook_c6.svg)
}

.skinManta .icon.iconFolderC7:before {
    background-image: url(/assets/images/ico_folder_c7.svg)
}

.skinManta .icon.iconTagC7:before {
    background-image: url(/assets/images/ico_tag_c7.svg)
}

.skinManta .icon.iconAdbookC7:before {
    background-image: url(/assets/images/ico_adbook_c7.svg)
}

.skinManta .icon.iconFolderC8:before {
    background-image: url(/assets/images/ico_folder_c8.svg)
}

.skinManta .icon.iconTagC8:before {
    background-image: url(/assets/images/ico_tag_c8.svg)
}

.skinManta .icon.iconAdbookC8:before {
    background-image: url(/assets/images/ico_adbook_c8.svg)
}

.skinManta .icon.iconFolderC9:before {
    background-image: url(/assets/images/ico_folder_c9.svg)
}

.skinManta .icon.iconTagC9:before {
    background-image: url(/assets/images/ico_tag_c9.svg)
}

.skinManta .icon.iconAdbookC9:before {
    background-image: url(/assets/images/ico_adbook_c9.svg)
}

.skinManta .icon.iconFolderC10:before {
    background-image: url(/assets/images/ico_folder_c10.svg)
}

.skinManta .icon.iconTagC10:before {
    background-image: url(/assets/images/ico_tag_c10.svg)
}

.skinManta .icon.iconAdbookC10:before {
    background-image: url(/assets/images/ico_adbook_c10.svg)
}

.skinManta .icon.iconSortDefault:before {
    background-image: url(/assets/images/ico_sort_default.svg)
}

.skinManta .icon.iconSortUp:before {
    background-image: url(/assets/images/ico_sort_up.svg)
}

.skinManta .icon.iconSortDown:before {
    background-image: url(/assets/images/ico_sort_down.svg)
}

.skinManta .btn.btnNest {
    background-image: url(/assets/images/ico_arrow1_white.svg)
}

.skinManta .btn.btnPlus {
    background-image: url(/assets/images/ico_plus_white.svg)
}

.skinManta .btn.btnClose {
    background-image: url(/assets/images/ico_close_white.svg);
    background-color: #999
}

.skinManta .btn.btnClose:hover {
    background-color: #b8b8b8
}

.skinManta .btn.btnHelp:after {
    background-image: url(/assets/images/ico_help_white.svg);
    background-color: #999
}

.skinManta .btn.btnHelp:hover:after {
    background-color: #b8b8b8
}

.skinManta .btn.btnPrev,.skinManta .btn.btnNext {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    background-color: #fff;
    border-color: #ccc
}

.skinManta .btn.btnPrev.isOff,.skinManta .btn.btnNext.isOff {
    background-color: #bfbfbf;
    opacity: .3
}

.skinManta .btn.btnPrev {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinManta .btn.btnType1 {
    color: #fff;
    background: #484d54
}

.skinManta .btn.btnType1:after {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .btn.btnType1.isOn,.skinManta .btn.btnType1:hover {
    color: #e4000b;
    background-color: #fff;
    border-color: #ccc
}

.skinManta .btn.btnType1.isOn:after,.skinManta .btn.btnType1:hover:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinManta .btn.btnType2 {
    background-color: #2f6bc4;
    color: #fff
}

.skinManta .btn.btnType2:hover {
    background-color: #397ee6
}

.skinManta .btn.btnType3 {
    background-color: #999;
    color: #fff
}

.skinManta .btn.btnType3:hover {
    background-color: #b8b8b8
}

.skinManta .btn.btnType4 {
    background-color: #484d54;
    color: #fff
}

.skinManta .btn.btnType4:hover {
    background-color: #585d66
}

.skinManta .btn.btnType6 {
    border-color: #ccc;
    background-color: #fff
}

.skinManta .btn.btnType6:hover {
    background-color: #e6e6e6
}

.skinManta .btn.btnType7 {
    background-color: #e6e6e6;
    color: #fff
}

.skinManta .btn.btnType8 {
    background-color: #484d54;
    color: #fff
}

.skinManta .loginWrap .loginContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinManta .loginWrap .loginContents {
        background-color:transparent
    }
}

.skinManta .loginWrap .loginBox {
    border-color: #ccc
}

.skinManta .loginWrap .loginBox .loginBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinManta .loginWrap .loginBox .loginBox1 {
        background-color:transparent
    }
}

.skinManta .loginWrap .loginBox .loginBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinManta .loginWrap .loginBox .loginBox2 {
        background-color:transparent
    }
}

.skinManta .formControl.inputType1 {
    border-bottom-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinManta .formControl.inputType1 {
        background-color:#f7f7f7;
        border-color: #ccc
    }
}

.skinManta .formControl.inputType2 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinManta .formControl.inputType2[disabled] {
    background-color: #e6e6e6
}

.skinManta .formControl.inputType3 {
    border-bottom-color: #87cefa;
    color: #fff
}

.skinManta .formControl.inputType3:placeholder-shown {
    color: #87cefa
}

.skinManta .formControl.inputType3::-webkit-input-placeholder {
    color: #87cefa
}

.skinManta .formControl.inputType3::-moz-placeholder {
    color: #87cefa
}

.skinManta .formControl.inputType3:-ms-input-placeholder {
    color: #87cefa
}

.skinManta .formControl.inputType3::placeholder {
    color: #87cefa
}

.skinManta .formControl.checkboxType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinManta .formControl.checkboxType1:checked,.skinManta .formControl.checkboxType1[role=checkbox][aria-checked=true] {
    background-color: #484d54;
    border-color: #484d54
}

.skinManta .formControl.checkboxType1:checked:before,.skinManta .formControl.checkboxType1[role=checkbox][aria-checked=true]:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinManta .formControl.checkboxType1[role=checkbox][aria-checked=mixed]:before {
    background-image: url(/assets/images/icons_off.svg)
}

.skinManta .formControl.radioType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinManta .formControl.radioType1:checked {
    background-color: #484d54;
    border-color: #484d54
}

.skinManta .formControl.radioType1:checked:before {
    background-color: #fff
}

.skinManta .formControl.radioType1.disabled,.skinManta .formControl.radioType1.disabled:checked:before,.skinManta .formControl.checkboxType1.disabled,.skinManta .formControl.checkboxType1.disabled:checked {
    background-color: #ccc;
    border-color: #ccc
}

.skinManta .formControl.selectType1 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinManta .formControl.selectType1.isNoOrder {
    color: #999
}

.skinManta .formControl.selectType2 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinManta .formControl.textareaType1 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinManta .formControlSet .formControlSetBtn {
    background-color: #484d54;
    color: #fff
}

.skinManta .errorWrap .errorContents {
    background-color: #f2f2f2
}

.skinManta .errorWrap .errorBox {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinManta .errorWrap .errorBox {
        background-color:transparent
    }
}

.skinManta .errorWrap .errorBox .errorHeading {
    color: #f1000d
}

.skinManta .loadingWrap .loadingContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinManta .loadingWrap .loadingContents {
        background-color:transparent
    }
}

.skinManta .loadingWrap .loadingBox {
    border-color: #ccc
}

.skinManta .loadingWrap .loadingBox .loadingBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinManta .loadingWrap .loadingBox .loadingBox1 {
        background-color:transparent
    }
}

.skinManta .loadingWrap .loadingBox .loadingBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinManta .loadingWrap .loadingBox .loadingBox2 {
        background-color:transparent
    }
}

.skinManta .chip.chipC1:before {
    background: #f66
}

.skinManta .chip.chipC2:before {
    background: #d782d9
}

.skinManta .chip.chipC3:before {
    background: #8f86bf
}

.skinManta .chip.chipC4:before {
    background: #6691cc
}

.skinManta .chip.chipC5:before {
    background: #4dbfbf
}

.skinManta .chip.chipC6:before {
    background: #4fb347
}

.skinManta .chip.chipC7:before {
    background: #acbf60
}

.skinManta .chip.chipC8:before {
    background: #f8b100
}

.skinManta .chip.chipC9:before {
    background: #c66
}

.skinManta .chip.chipC10:before {
    background: #919191
}

.skinManta .colorSelect.colorSelectType2 .colorSelectBox .colorSelectBoxItem:hover {
    background-color: #d9d9d9
}

.skinManta .colorSelect .colorSelectBtn .colorSelectBtnItem {
    background-color: #fff;
    border-color: #ccc
}

.skinManta .colorSelect .colorSelectBtn .colorSelectBtnItem:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinManta .colorSelect .colorSelectBox {
    background-color: #fff;
    border-color: #ccc
}

.skinManta .colorSelect .colorSelectRadio:checked+.colorSelectChip:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinManta .modalWindow {
    background: #fff;
    border-color: #ccc
}

.skinManta .modalWindow .modalWindowBox {
    border-color: #ccc
}

.skinManta .modalWindow .modalWindowBox2 {
    background-color: #fcf8cc
}

.skinManta .modalWindow .modalWindowBox3,.skinManta .modalWindow .modalWindowBox4,.skinManta .modalWindow .modalWindowBox5 {
    border-color: #ddd
}

.skinManta .modalWindow .modalWindowBtnSet {
    background-color: #f2f2f2
}

@media screen and (max-width: 1010px) {
    .skinManta .modalWindow .modalWindowBtnSet {
        background-color:transparent
    }
}

.skinManta .modalWindow .modalWindowCaution {
    background-color: #fff2f3
}

.skinManta .control {
    background-color: #005daa
}

.skinManta .control.controlType2 {
    background-color: #fff
}

.skinManta .control .controlStatus {
    color: #fff
}

.skinManta .controlSp .controlNav {
    background-color: #41454b
}

.skinManta .controlSp .controlSearch {
    border-top-color: #e6e6e6
}

.skinManta .controlSp .controlSearch .controlSearchBox {
    border-color: #ccc
}

.skinManta .controlSp .controlNavBottom {
    background-color: #41454b
}

.skinManta .controlSp .controlNavBottomSub,.skinManta .controlSp .controlNavBottomSub .navItem {
    background-color: #242b33
}

.skinManta .controlSub {
    background-color: #fff;
    border-color: #ccc
}

.skinManta .controlSub .controlSubBox {
    border-color: #ddd
}

.skinManta .nav .navItem {
    background-color: #41454b;
    border-right-color: #54585d;
    color: #fff
}

.skinManta .nav .navItem.navItemBack,.skinManta .nav .navItem.navItemClose {
    background-color: #999
}

.skinManta .nav .navItem.navItemPrev {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinManta .nav .navItem.navItemPrev.isOff .navIcon,.skinManta .nav .navItem.navItemPrev.isOff .navText {
    opacity: .2
}

.skinManta .nav .navItem.navItemNext {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinManta .nav .navItem.navItemNext.isOff .navIcon,.skinManta .nav .navItem.navItemNext.isOff .navText {
    opacity: .2
}

.skinManta .nav .navItem.navItemSave {
    background-color: #2f6bc4
}

.skinManta .nav .navItem.navItemSpace {
    background: #6e7580
}

.skinManta .nav .navItem .navIcon .icon.iconMan:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconMan2:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconBack:before {
    background-image: url(/assets/images/ico_back_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconEditAd:before {
    background-image: url(/assets/images/ico_edit_ad_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconSave:before {
    background-image: url(/assets/images/ico_save_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconNewMail:before {
    background-image: url(/assets/images/ico_newmail_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconReload:before {
    background-image: url(/assets/images/ico_reload_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconHenshinAll:before {
    background-image: url(/assets/images/ico_henshin_all_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconSpamOk:before {
    background-image: url(/assets/images/ico_spam_ok_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconTenso:before {
    background-image: url(/assets/images/ico_tenso_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconFilter:before {
    background-image: url(/assets/images/ico_filter_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconFlag:before {
    background-image: url(/assets/images/ico_flag_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconFlag3:before {
    background-image: url(/assets/images/ico_flag3_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconPrev:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinManta .nav .navItem .navIcon .icon.iconNext:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconClose:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft_white.svg)
}

.skinManta .nav .navItem .navIcon .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin_white.svg)
}

.skinManta .nav .navItem .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 1011px) {
    .skinManta {
        overflow:hidden
    }

    .skinManta .nav .navItem:hover {
        background-color: #585d66
    }
}

.skinManta .nav .navItem.isSelect {
    background-color: #e9333c;
    border-right-color: #e9333c
}

.skinManta .nav .navItem.isSelect:hover {
    background-color: #ff000d
}

.skinManta .nav .navItem.isOn {
    background-color: #fff;
    border-right-color: #fff;
    color: #e4000b
}

.skinManta .nav .navItem.isOn .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_red.svg)
}

.skinManta .nav .navItem.isOn .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_red.svg)
}

.skinManta .nav .navItem.isOn .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_red.svg)
}

.skinManta .nav .navItem.isOn .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_red.svg)
}

.skinManta .nav .navItem.isOn .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_red.svg)
}

.skinManta .nav .navItem.isOn .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_red.svg)
}

.skinManta .nav .navItem.isOn .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_red.svg)
}

.skinManta .nav .navItem.isOn .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .nav .navItem.isOpen {
    background: #242b33
}

.skinManta .search .searchBtn:hover {
    background-color: #0a95c0
}

.skinManta .search .searchBtn.searchBtnChip:after {
    background: #fff;
    border-color: #ccc
}

.skinManta .search .searchBtn.searchBtnChip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinManta .search.searchType2 .searchBtn {
    background-color: #484d54;
    color: #fff
}

.skinManta .search.searchType2 .searchBtn.searchBtnType2 {
    border-right-color: #fff
}

.skinManta .search.searchType2 .searchBtn.searchBtnType3 .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinManta .search.searchType2 .searchBtn.searchBtnType3.isOn {
    border-color: #ccc;
    background-color: #fff
}

.skinManta .search.searchType2 .searchBtn.searchBtnType3.isOn .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinManta .initialListContainer {
    background-color: #d9d9d9
}

@media screen and (max-width: 1010px) {
    .skinManta .initialListContainer {
        background-color:#f2f2f2;
        border-bottom-color: #e6e6e6
    }
}

.skinManta .initialListContainer .initialList .initialListItem:after {
    background-color: #bbb
}

.skinManta .initialListContainer .initialList .initialListItem .initialListBtn:hover {
    background-color: #ccc
}

.skinManta .initialListContainer .initialList .initialListItem.isSelect .initialListBtn {
    border-bottom-color: #666
}

.skinManta .heading.headingType1 {
    background-color: #d9d9d9
}

.skinManta .heading.headingType2 {
    border-bottom-color: #e4000b
}

.skinManta .heading .headingBackBtn {
    background-color: #999;
    color: #fff
}

.skinManta .list .listItem {
    border-bottom-color: #e6e6e6
}

.skinManta .list .listItem:hover {
    background-color: #ced7d9
}

.skinManta .list .listItem.isSelect {
    background-color: #bfc1d2
}

.skinManta .list2 .list2Item {
    border-bottom-color: #e6e6e6;
    color: #666
}

.skinManta .list2 .list2Item .list2From,.skinManta .list2 .list2Item .list2Subject .list2SubjectText1 {
    color: #222
}

.skinManta .list2 .list2Item.isKidoku {
    background-color: #e6f0f2
}

.skinManta .list2 .list2Item.isKidoku .list2From,.skinManta .list2 .list2Item.isKidoku .list2Subject .list2SubjectText1 {
    color: inherit
}

.skinManta .list2 .list2Item:hover {
    background-color: #ced7d9
}

.skinManta .list2 .list2Item.isSelect {
    background-color: #bfc1d2
}

.skinManta .list2HeaderPc {
    background-color: #d9d9d9
}

.skinManta .list2HeaderPc .list2 .list2Item {
    border-bottom-color: #c3c3c3;
    color: #222
}

.skinManta .pageTop {
    background-color: #f1f1f1
}

@media screen and (max-width: 1010px) {
    .skinManta .pageTop {
        border-bottom-color:#ccc
    }
}

.skinManta .avatar {
    background-color: #d9d9d9;
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinManta .text.textC1 {
    color: #666
}

.skinManta .text.textC2 {
    color: #e4000b
}

@media screen and (min-width: 737px) {
    .skinManta .text.textC2Pc {
        color:#e4000b
    }
}

.skinManta .text.textC3 {
    color: #6e6e6e
}

.skinManta .text.textC4 {
    color: #ccc
}

.skinManta .text.textBlack {
    color: #000
}

.skinManta .text.textWhite {
    color: #fff
}

.skinManta .text.textLink {
    text-decoration: underline
}

.skinManta .calendar {
    box-sizing: border-box;
    background-color: #fff;
    border-color: #ccc
}

.skinManta .calendar .calendarTable .calendarThead {
    background-color: #f2f2f2
}

.skinManta .calendar .calendarTable .calendarCell:hover {
    background-color: #e6e6e6
}

.skinManta .calendar .calendarTable .calendarCell.calendarCellSun {
    color: #e4000b
}

.skinManta .calendar .calendarTable .calendarCell.calendarCellSat {
    color: #0065cc
}

.skinManta .calendar .calendarTable .calendarCell.calendarCellNotThisMonth {
    color: #ccc
}

.skinManta .calendar .calendarTable .calendarCell.calendarCellToday {
    border-color: #ccc
}

.skinManta .news {
    background-color: #e6e6e6
}

.skinManta .advancedSearch .advancedSearchBox1,.skinManta .advancedSearch .advancedSearchBox2 {
    border-color: #ddd
}

.skinManta .advancedSearch .advancedSearchSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinManta .advancedSearch .advancedSearchSelectFolderBox {
    background-color: #fff;
    border-color: #ddd
}

.skinManta .advancedSearch .advancedSearchControl {
    background-color: #f2f2f2
}

.skinManta .paginationSp {
    background-color: #e6e6e6
}

.skinManta .paginationSp .paginationBtn:before {
    background-image: url(/assets/images/ico_arrow2.svg)
}

.skinManta .paginationSp .paginationBtn.paginationBtnPrev:before {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinManta .paginationSp .paginationBtn.paginationBtnPrev.isOff:before {
    opacity: .2
}

.skinManta .paginationSp .paginationBtn.paginationBtnNext.isOff:before {
    opacity: .2
}

.skinManta .pulldown {
    background: #fff;
    border-color: #ccc
}

.skinManta .pulldown .pulldownItem {
    color: #222
}

.skinManta .pulldown .pulldownItem:hover {
    background: #e6e6e6
}

.skinManta .pulldown2 .pulldownSelect {
    background-color: #fff;
    border-color: #ddd
}

.skinManta .advertising {
    border-color: #ccc;
    background-color: #fff
}

.skinManta .advertising .advertisingBody {
    background-color: #ccc
}

.skinManta .layoutTableWrap2,.skinManta .layoutTableWrap3,.skinManta .layoutTableWrap4,.skinManta .layoutTableWrap5,.skinManta .layoutTableWrap6,.skinManta .layoutTableWrapBorderTop,.skinManta .layoutTableWrapBorderTopPc,.skinManta .layoutTable .layoutTableCell {
    border-color: #ddd
}

@media screen and (max-width: 1010px) {
    .skinManta .layoutTable .layoutTableCell.layoutTableCellType3 {
        background-color:#f2f2f2
    }
}

.skinManta .layoutTable .layoutTableCell.layoutTableCellBtn {
    background-color: #484d54;
    color: #fff
}

.skinManta .layoutTable .layoutTableGroup {
    background-color: #f2f2f2
}

.skinManta .mail .mailLayout2a,.skinManta .mail .mailBody {
    border-color: #ccc
}

.skinManta .mail .mailCaution {
    background-color: #fff2f3
}

.skinManta .mail .mailDmarcWarn {
    background-color: #ffc000
}

.skinManta .mail .mailDmarcError {
    background-color: #c00000
}

.skinManta .mail .mailBottomNav {
    border-color: #ccc
}

.skinManta .mail .mailSummary {
    color: #666
}

.skinManta .mail .mailLayout3.isKidoku {
    background-color: #e6f0f2
}

.skinManta .mail .mailThread {
    border-color: #ccc
}

.skinManta .mail .mailThreadBundle {
    background-color: #f2f2f2
}

.skinManta .mail .mailThreadBundle:before,.skinManta .mail .mailThreadBundle:after {
    border-color: #e6e6e6
}

.skinManta .mail .mailThreadBundle .mailThreadBundleText {
    background-color: #f2f2f2
}

.skinManta .mailSubject {
    border-color: #ccc
}

.skinManta .mailAttachHeaderSp {
    border-color: #ccc;
    background-color: #f2f2f2
}

.skinManta .mailAttachBody,.skinManta .mailAttachItem {
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinManta .mailAttach2 .mailAttachItem {
        background-color:#f2f2f2
    }
}

.skinManta .mailEditControl {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinManta .mailEditControl .mailEditControlLayout1Btn,.skinManta .btnSet .btnSetItem {
    background-color: #484d54;
    color: #fff
}

.skinManta .btnSet .btnSetItemPulldown {
    background-image: url(/assets/images/ico_arrow1_white_d.svg)
}

.skinManta .btnSet .btnSetItemPulldown.isOn {
    background-color: #fff;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinManta .tabNav,.skinManta .tabNav .tabNavItem {
    border-color: #ccc
}

.skinManta .tabNav .tabNavItem.isSelect {
    border-top-color: #e4000b;
    border-bottom-color: #fff;
    color: #e4000b
}

.skinManta .tip {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: 0 5px 10px #0000004d
}

.skinManta .tip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinManta .settingLayout {
    border-color: #ccc
}

.skinManta .settingLayoutHeader {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinManta .settingLayoutHeader .settingLayoutCell {
    border-color: #ccc
}

.skinManta .settingLayoutItem {
    border-color: #e6e6e6
}

.skinManta .settingLayoutCellType1:before,.skinManta .settingLayoutCellType10:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

@media screen and (max-width: 1010px) {
    .skinManta .settingLayoutCellType2,.skinManta .settingLayoutCellType3,.skinManta .settingLayoutCellType9,.skinManta .settingLayoutCellType11 {
        background-color:#e6e6e6
    }
}

.skinManta .settingsFilter .settingsFilterSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinManta .settingsFilter .settingsFilterSelectFolder .settingsFilterSelectFolderBox,.skinManta .floatingMenu {
    background-color: #fff
}

.skinManta .menu.isSelect>.menuItem .menuItemInner2:before {
    background: #2aadd9
}

.skinManta .modalWindow .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook.svg)
}

.skinManta .modalWindow .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail.svg)
}

.skinManta .modalWindow .icon.iconFolder:before {
    background-image: url(/assets/images/ico_folder.svg)
}

.skinManta .modalWindow .icon.iconSoushin[data-color="0"]:before {
    background-image: url(/assets/images/ico_soushin.svg)
}

.skinManta .modalWindow .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash.svg)
}

.skinManta .modalWindow .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft.svg)
}

.skinManta .modalWindow .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam.svg)
}

.skinManta .modalWindow .icon.iconSrcGray:before {
    background-image: url(/assets/images/ico_src.svg)
}

.skinManta .modalWindow .btn .btnNest {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinManta .modalWindow a:hover {
    color: #000;
    text-decoration: none
}

.skinManta .modalWindow .menuItem {
    background-color: transparent
}

.skinManta .modalWindow .menuItem:hover {
    background-color: #d9d9d9
}

.skinManta .modalWindow .btn.btnNest {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinManta .modalWindowBox .menuText {
    color: #000
}

.skinManta .modalWindowBox>.modalWindowBoxInner>.menuIcon.menu.isSelect>.menuItem>.menuItemInner>.menuText {
    color: #e4000b
}

.skinManta .modalWindowBox .menu:not(.menuType2).isSelect>.menuItem>.menuItemInner>.menuText {
    color: #e4000b
}

.skinManta .modalWindow .modalWindowBox .menu.isSelect>.menuItem,.skinManta .controlSub .controlSubBox .menu.isSelect>.menuItem,.skinManta .advancedSearchSelectFolderBox .menu.isSelect>.menuItem,.skinManta .advancedSearchBox2 .menu.isSelect>.menuItem,.skinManta .advancedSearchBox1 .menu.isSelect>.menuItem,.skinManta .pulldownSelect .menu.isSelect>.menuItem,.skinManta .modalWindowBox5 .menu.isSelect>.menuItem {
    background-color: #fcf8cc
}

.skinManta .modalWindow #mail_list_block .list2 .list2Item {
    background-color: #fff
}

.skinManta .modalWindow #mail_list_block .list2 .list2Item:hover {
    background-color: #e6e6e6
}

.skinManta .modalWindow #mail_list_block .list2 .list2Item.isSelect,.skinManta .modalWindow #mail_list_block .list2 .list2Item.isKidoku.isSelect {
    background-color: #fcf8cc
}

.skinManta .modalWindow #mail_list_block .list2 .list2Item.isKidoku {
    background-color: #f2f2f2
}

.skinManta .modalWindow #mail_list_block .list2 .list2Item.isKidoku:hover {
    background-color: #e6e6e6
}

.skinManta .controlSubBox .menu .menuItem:hover {
    background-color: #d9d9d9
}

.skinManta settings-safety-address-list .menu .menuItem:hover {
    background-color: #e6e6e6
}

.skinPanda {
    background: #fff;
    color: #222
}

.skinPanda a {
    color: inherit
}

.skinPanda a:hover {
    color: #fff;
    text-decoration: none
}

.skinPanda #header {
    background: #fff;
    border-color: #ccc
}

.skinPanda #header .headerLogo {
    border-color: #ddd
}

.skinPanda #header .headerUserOperation .headerUserOperationItem.mailAddress,.skinPanda #header .headerUserOperation .headerUserOperationItem.ocnTop {
    color: #666
}

.skinPanda #header .headerUserOperation .headerUserOperationItem.ocnTop:before {
    background-color: #ccc
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon {
    position: relative
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon.helpIcon {
    padding-left: 21px
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon.helpIcon:before {
    background-image: url(/assets/images/ico_help1.svg);
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon {
    padding-left: 17px
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon.logoutIcon:before {
    background-image: url(/assets/images/ico_logout.svg);
    background-size: 12px 14px;
    width: 12px;
    height: 14px
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon {
    padding-left: 11px
}

.skinPanda #header .headerUserOperation .headerUserOperationItem .icon.gotoOcnIcon:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    background-size: 6px 9px;
    width: 6px;
    height: 9px
}

.skinPanda #footer .footerUserAccount {
    background: #f2f2f2;
    border-bottom-color: #ccc
}

.skinPanda #footer .footerUserOperation {
    background: #f2f2f2
}

.skinPanda #mainContents {
    background: #fff
}

.skinPanda #contentsRowLeftHeader {
    background-color: #d9d9d9;
    border-color: #ccc
}

.skinPanda #contentsRowRight,.skinPanda #contentsBody2 {
    border-color: #aaa
}

.skinPanda #sidebar {
    color: #fff;
    background: #242b33;
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinPanda #sidebar {
        background-color:#242b33
    }
}

.skinPanda #sidebar .sidebarClose {
    background: #999
}

.skinPanda #sidebar .sidebarHeading {
    background: #1d212a
}

.skinPanda #sidebar .sidebarContents {
    background: #242b33
}

.skinPanda #sidebar .sidebarNav {
    background: #fff
}

.skinPanda #sidebar .sidebarUserOperation {
    background: #f2f2f2
}

.skinPanda .globalNav .globalNavItem {
    color: #484d54;
    border-right-color: #ddd;
    border-bottom-color: #aaa
}

@media screen and (max-width: 1010px) {
    .skinPanda .globalNav .globalNavItem:hover {
        background-color:#fff!important;
        color: #484d54!important;
        border-right-color: #ddd!important;
        border-bottom-color: #aaa!important
    }

    .skinPanda .globalNav .globalNavItem:hover .icon.iconGear:before {
        background-image: url(/assets/images/ico_gear_navy.svg)!important
    }

    .skinPanda .globalNav .globalNavItem:hover .icon.iconMail:before {
        background-image: url(/assets/images/ico_mail_navy.svg)!important
    }

    .skinPanda .globalNav .globalNavItem:hover .icon.iconAdbook:before {
        background-image: url(/assets/images/ico_adbook_navy.svg)!important
    }
}

.skinPanda .globalNav .globalNavItem:hover {
    background-color: #f1f1f1;
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinPanda .globalNav .globalNavItem>a:hover {
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinPanda .globalNav .globalNavItem.isSelect {
    color: #e4000b;
    border-bottom-color: #e4000b
}

.skinPanda .globalNav .globalNavItem .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_navy.svg)
}

.skinPanda .globalNav .globalNavItem .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_navy.svg)
}

.skinPanda .globalNav .globalNavItem .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_navy.svg)
}

.skinPanda .globalNav .globalNavItem:hover .icon.iconMail:before,.skinPanda .globalNav .globalNavItem.isSelect .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_red.svg)
}

.skinPanda .globalNav .globalNavItem:hover .icon.iconAdbook:before,.skinPanda .globalNav .globalNavItem.isSelect .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_red.svg)
}

.skinPanda .globalNav .globalNavItem:hover .icon.iconGear:before,.skinPanda .globalNav .globalNavItem.isSelect .icon.iconGear:before {
    background-image: url(/assets/images/ico_gear_red.svg)
}

.skinPanda .globalNav.globalNavColumn .globalNavItem {
    border-top-color: #ccc
}

.skinPanda .globalNav.globalNavColumn .globalNavItem:last-child {
    border-bottom-color: #ccc
}

.skinPanda .userOperation .userOperationItem:last-child {
    border-left-color: #ccc
}

.skinPanda .userAccount {
    color: #666
}

.skinPanda .menuHeadingType2 {
    border-color: #ccc
}

.skinPanda .sidebarHeading>.menu:not(.menuType2).isSelect>.menuItem>.menuItemInner>.menuText {
    color: #fff
}

.skinPanda .sidebarHeading>.menuItem>.menuItemInner>.menuText {
    color: #fff
}

.skinPanda .menu.menuType2>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinPanda .menu.menuType3 .menuItem {
    color: #fff
}

.skinPanda .menu.menuType3 .menuItem:hover {
    background-color: #2f363e
}

.skinPanda .menu.menuType4>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinPanda .menu.menuType5>.menuItem {
    background: #f2f2f2;
    border-bottom-color: #e6e6e6
}

.skinPanda .menu .menuItem:hover:after,.skinPanda .menu .menuItem.dragging:after {
    background-color: #505862
}

.skinPanda .menu .menuItem:before {
    background-color: #fcf8cc
}

.skinPanda .menu .menuItem {
    background-color: #242b33
}

.skinPanda .menu .menuItem:hover {
    background-color: #2f363e
}

.skinPanda .menuBox1 {
    border-color: #ccc
}

.skinPanda .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook_white.svg)
}

.skinPanda .icon.iconArrow1Right:before {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinPanda .icon.iconArrow1WhiteDown:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .icon.iconArrow1GrayDefault:before {
    background-image: url(/assets/images/ico_arrow1_gray_default.svg)
}

.skinPanda .icon.iconArrow1GrayRight:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinPanda .icon.iconArrow1GrayDown:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .icon.iconArrow1GrayUp:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinPanda .icon.iconArrow1GrayLeft:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinPanda .icon.iconArrow2RedRight:before {
    background-image: url(/assets/images/ico_arrow2_red.svg)
}

.skinPanda .icon.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .icon.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .layoutTableCell .icon.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .layoutTableCell .icon.iconArrow2RedDown:before {
    background-image: url(/assets/images/ico_arrow2_red.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .icon.iconArrow2Up:before {
    background-image: url(/assets/images/ico_arrow2.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinPanda .icon.iconArrow2GrayRight:before {
    background-image: url(/assets/images/ico_arrow2_gray.svg)
}

.skinPanda .icon.iconArrow2NavyRight:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinPanda .icon.iconArrow2NavyLeft:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinPanda .icon.iconArrow2WhiteLeft:before {
    background-image: url(/assets/images/ico_arrow2_white.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinPanda .icon.iconArrow3GrayRight:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg)
}

.skinPanda .icon.iconArrow3GrayLeft:before {
    background-image: url(/assets/images/ico_arrow3_gray.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinPanda .icon.iconArrow4Right:before {
    background-image: url(/assets/images/ico_arrow4.svg)
}

.skinPanda .icon.iconArrow4Up:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinPanda .icon.iconArrow4Down:before {
    background-image: url(/assets/images/ico_arrow4.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .icon.iconArrow4WhiteDown:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .icon.iconArrow4WhiteUp:before {
    background-image: url(/assets/images/ico_arrow4_white.svg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.skinPanda .icon.iconCaution:before {
    background-image: url(/assets/images/ico_caution.svg)
}

.skinPanda .icon.iconCautionBlack:before {
    background-image: url(/assets/images/ico_caution_black.svg)
}

.skinPanda .icon.iconCautionWhite:before {
    background-image: url(/assets/images/ico_caution_white.svg)
}

.skinPanda .icon.iconClip:before {
    background-image: url(/assets/images/ico_clip.svg)
}

.skinPanda .icon.iconCloseBlack:before {
    background-image: url(/assets/images/ico_close_black.svg)
}

.skinPanda .icon.iconCloseWhite:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinPanda .icon.iconCloseRed:before {
    background-image: url(/assets/images/ico_close_red.svg)
}

.skinPanda .icon.iconControlWhite:before {
    background-image: url(/assets/images/ico_control_white.svg)
}

.skinPanda .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft_white.svg)
}

.skinPanda .icon.iconFlagGray:before {
    background-image: url(/assets/images/ico_flag_gray.svg)
}

.skinPanda .icon.iconFlagRed:before {
    background-image: url(/assets/images/ico_flag_red.svg)
}

.skinPanda .icon.iconFlag2Gray:before {
    background-image: url(/assets/images/ico_flag2_gray.svg)
}

.skinPanda .icon.iconFolder:before {
    background-image: url(/assets/images/ico_folder_white.svg)
}

.skinPanda .icon.iconFolderGray:before {
    background-image: url(/assets/images/ico_folder_gray.svg)
}

.skinPanda .icon.iconHelp1:before {
    background-image: url(/assets/images/ico_help1.svg)
}

.skinPanda .icon.iconHelp1Gray:before {
    background-image: url(/assets/images/ico_help1_gray.svg)
}

.skinPanda .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin.svg)
}

.skinPanda .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku.svg)
}

.skinPanda .icon.iconLinkOutGray:before {
    background-image: url(/assets/images/ico_linkout_gray.svg)
}

.skinPanda .icon.iconLinkOut2White:before {
    background-image: url(/assets/images/ico_linkout2_white.svg)
}

.skinPanda .icon.iconLogoutGray:before {
    background-image: url(/assets/images/ico_logout_gray.svg)
}

.skinPanda .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail_white.svg)
}

.skinPanda .icon.iconMailGray:before {
    background-image: url(/assets/images/ico_mail_gray.svg)
}

.skinPanda .icon.iconManWhite:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinPanda .icon.iconManGray:before {
    background-image: url(/assets/images/ico_man_gray.svg)
}

.skinPanda .icon.iconMan2White:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinPanda .icon.iconMan2Gray:before {
    background-image: url(/assets/images/ico_man2_gray.svg)
}

.skinPanda .icon.iconMenu:before {
    background-image: url(/assets/images/ico_menu.svg)
}

.skinPanda .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku.svg)
}

.skinPanda .icon.iconMoveWhite:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinPanda .icon.iconOffGray:before {
    background-image: url(/assets/images/icons_off_gray.svg)
}

.skinPanda .icon.iconOnBlue:before {
    background-image: url(/assets/images/icons_on_blue.svg)
}

.skinPanda .icon.iconPlusWhite:before {
    background-image: url(/assets/images/ico_plus_white.svg)
}

.skinPanda .icon.iconPriorRed:before {
    background-image: url(/assets/images/ico_prior_red.svg)
}

.skinPanda .icon.iconPriorGrayDown:before {
    background-image: url(/assets/images/ico_prior_gray.svg);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scaleY(-1)
}

.skinPanda .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin_white.svg)
}

.skinPanda .icon.iconSoushin[data-color="1"]:before {
    background-image: url(/assets/images/ico_soushin_c1.svg)
}

.skinPanda .icon.iconSoushin[data-color="2"]:before {
    background-image: url(/assets/images/ico_soushin_c2.svg)
}

.skinPanda .icon.iconSoushin[data-color="3"]:before {
    background-image: url(/assets/images/ico_soushin_c3.svg)
}

.skinPanda .icon.iconSoushin[data-color="4"]:before {
    background-image: url(/assets/images/ico_soushin_c4.svg)
}

.skinPanda .icon.iconSoushin[data-color="5"]:before {
    background-image: url(/assets/images/ico_soushin_c5.svg)
}

.skinPanda .icon.iconSoushin[data-color="6"]:before {
    background-image: url(/assets/images/ico_soushin_c6.svg)
}

.skinPanda .icon.iconSoushin[data-color="7"]:before {
    background-image: url(/assets/images/ico_soushin_c7.svg)
}

.skinPanda .icon.iconSoushin[data-color="8"]:before {
    background-image: url(/assets/images/ico_soushin_c8.svg)
}

.skinPanda .icon.iconSoushin[data-color="9"]:before {
    background-image: url(/assets/images/ico_soushin_c9.svg)
}

.skinPanda .icon.iconSoushin[data-color="10"]:before {
    background-image: url(/assets/images/ico_soushin_c10.svg)
}

.skinPanda .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_white.svg)
}

.skinPanda .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinPanda .icon.iconSrcGray:before {
    background-image: url(/assets/images/ico_src_gray.svg)
}

.skinPanda .icon.iconSrcWhite:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinPanda .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinPanda .icon.iconTagWhite:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinPanda .icon.iconTag2:before {
    background-image: url(/assets/images/ico_tag2.svg)
}

.skinPanda .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinPanda .icon.iconTrashWhite:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinPanda .icon.iconFolderC1:before {
    background-image: url(/assets/images/ico_folder_c1.svg)
}

.skinPanda .icon.iconTagC1:before {
    background-image: url(/assets/images/ico_tag_c1.svg)
}

.skinPanda .icon.iconAdbookC1:before {
    background-image: url(/assets/images/ico_adbook_c1.svg)
}

.skinPanda .icon.iconFolderC2:before {
    background-image: url(/assets/images/ico_folder_c2.svg)
}

.skinPanda .icon.iconTagC2:before {
    background-image: url(/assets/images/ico_tag_c2.svg)
}

.skinPanda .icon.iconAdbookC2:before {
    background-image: url(/assets/images/ico_adbook_c2.svg)
}

.skinPanda .icon.iconFolderC3:before {
    background-image: url(/assets/images/ico_folder_c3.svg)
}

.skinPanda .icon.iconTagC3:before {
    background-image: url(/assets/images/ico_tag_c3.svg)
}

.skinPanda .icon.iconAdbookC3:before {
    background-image: url(/assets/images/ico_adbook_c3.svg)
}

.skinPanda .icon.iconFolderC4:before {
    background-image: url(/assets/images/ico_folder_c4.svg)
}

.skinPanda .icon.iconTagC4:before {
    background-image: url(/assets/images/ico_tag_c4.svg)
}

.skinPanda .icon.iconAdbookC4:before {
    background-image: url(/assets/images/ico_adbook_c4.svg)
}

.skinPanda .icon.iconFolderC5:before {
    background-image: url(/assets/images/ico_folder_c5.svg)
}

.skinPanda .icon.iconTagC5:before {
    background-image: url(/assets/images/ico_tag_c5.svg)
}

.skinPanda .icon.iconAdbookC5:before {
    background-image: url(/assets/images/ico_adbook_c5.svg)
}

.skinPanda .icon.iconFolderC6:before {
    background-image: url(/assets/images/ico_folder_c6.svg)
}

.skinPanda .icon.iconTagC6:before {
    background-image: url(/assets/images/ico_tag_c6.svg)
}

.skinPanda .icon.iconAdbookC6:before {
    background-image: url(/assets/images/ico_adbook_c6.svg)
}

.skinPanda .icon.iconFolderC7:before {
    background-image: url(/assets/images/ico_folder_c7.svg)
}

.skinPanda .icon.iconTagC7:before {
    background-image: url(/assets/images/ico_tag_c7.svg)
}

.skinPanda .icon.iconAdbookC7:before {
    background-image: url(/assets/images/ico_adbook_c7.svg)
}

.skinPanda .icon.iconFolderC8:before {
    background-image: url(/assets/images/ico_folder_c8.svg)
}

.skinPanda .icon.iconTagC8:before {
    background-image: url(/assets/images/ico_tag_c8.svg)
}

.skinPanda .icon.iconAdbookC8:before {
    background-image: url(/assets/images/ico_adbook_c8.svg)
}

.skinPanda .icon.iconFolderC9:before {
    background-image: url(/assets/images/ico_folder_c9.svg)
}

.skinPanda .icon.iconTagC9:before {
    background-image: url(/assets/images/ico_tag_c9.svg)
}

.skinPanda .icon.iconAdbookC9:before {
    background-image: url(/assets/images/ico_adbook_c9.svg)
}

.skinPanda .icon.iconFolderC10:before {
    background-image: url(/assets/images/ico_folder_c10.svg)
}

.skinPanda .icon.iconTagC10:before {
    background-image: url(/assets/images/ico_tag_c10.svg)
}

.skinPanda .icon.iconAdbookC10:before {
    background-image: url(/assets/images/ico_adbook_c10.svg)
}

.skinPanda .icon.iconSortDefault:before {
    background-image: url(/assets/images/ico_sort_default.svg)
}

.skinPanda .icon.iconSortUp:before {
    background-image: url(/assets/images/ico_sort_up.svg)
}

.skinPanda .icon.iconSortDown:before {
    background-image: url(/assets/images/ico_sort_down.svg)
}

.skinPanda .btn.btnNest {
    background-image: url(/assets/images/ico_arrow1_white.svg)
}

.skinPanda .btn.btnPlus {
    background-image: url(/assets/images/ico_plus_white.svg)
}

.skinPanda .btn.btnClose {
    background-image: url(/assets/images/ico_close_white.svg);
    background-color: #999
}

.skinPanda .btn.btnClose:hover {
    background-color: #b8b8b8
}

.skinPanda .btn.btnHelp:after {
    background-image: url(/assets/images/ico_help_white.svg);
    background-color: #999
}

.skinPanda .btn.btnHelp:hover:after {
    background-color: #b8b8b8
}

.skinPanda .btn.btnPrev,.skinPanda .btn.btnNext {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .btn.btnPrev.isOff,.skinPanda .btn.btnNext.isOff {
    background-color: #bfbfbf;
    opacity: .3
}

.skinPanda .btn.btnPrev {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinPanda .btn.btnType1 {
    color: #fff;
    background: #484d54
}

.skinPanda .btn.btnType1:after {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .btn.btnType1.isOn,.skinPanda .btn.btnType1:hover {
    color: #e4000b;
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .btn.btnType1.isOn:after,.skinPanda .btn.btnType1:hover:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinPanda .btn.btnType2 {
    background-color: #2f6bc4;
    color: #fff
}

.skinPanda .btn.btnType2:hover {
    background-color: #397ee6
}

.skinPanda .btn.btnType3 {
    background-color: #999;
    color: #fff
}

.skinPanda .btn.btnType3:hover {
    background-color: #b8b8b8
}

.skinPanda .btn.btnType4 {
    background-color: #484d54;
    color: #fff
}

.skinPanda .btn.btnType4:hover {
    background-color: #585d66
}

.skinPanda .btn.btnType6 {
    border-color: #ccc;
    background-color: #fff
}

.skinPanda .btn.btnType6:hover {
    background-color: #e6e6e6
}

.skinPanda .btn.btnType7 {
    background-color: #e6e6e6;
    color: #fff
}

.skinPanda .btn.btnType8 {
    background-color: #484d54;
    color: #fff
}

.skinPanda .loginWrap .loginContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinPanda .loginWrap .loginContents {
        background-color:transparent
    }
}

.skinPanda .loginWrap .loginBox {
    border-color: #ccc
}

.skinPanda .loginWrap .loginBox .loginBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinPanda .loginWrap .loginBox .loginBox1 {
        background-color:transparent
    }
}

.skinPanda .loginWrap .loginBox .loginBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinPanda .loginWrap .loginBox .loginBox2 {
        background-color:transparent
    }
}

.skinPanda .formControl.inputType1 {
    border-bottom-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinPanda .formControl.inputType1 {
        background-color:#f7f7f7;
        border-color: #ccc
    }
}

.skinPanda .formControl.inputType2 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinPanda .formControl.inputType2[disabled] {
    background-color: #e6e6e6
}

.skinPanda .formControl.inputType3 {
    border-bottom-color: #8b9199;
    color: #fff
}

.skinPanda .formControl.inputType3::-webkit-input-placeholder {
    color: #999
}

.skinPanda .formControl.inputType3::-moz-placeholder {
    color: #999
}

.skinPanda .formControl.inputType3:-ms-input-placeholder {
    color: #999
}

.skinPanda .formControl.inputType3::placeholder {
    color: #999
}

.skinPanda .formControl.checkboxType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .formControl.checkboxType1:checked,.skinPanda .formControl.checkboxType1[role=checkbox][aria-checked=true] {
    background-color: #484d54;
    border-color: #484d54
}

.skinPanda .formControl.checkboxType1:checked:before,.skinPanda .formControl.checkboxType1[role=checkbox][aria-checked=true]:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinPanda .formControl.checkboxType1[role=checkbox][aria-checked=mixed]:before {
    background-image: url(/assets/images/icons_off.svg)
}

.skinPanda .formControl.radioType1 {
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .formControl.radioType1:checked {
    background-color: #484d54;
    border-color: #484d54
}

.skinPanda .formControl.radioType1:checked:before {
    background-color: #fff
}

.skinPanda .formControl.radioType1.disabled,.skinPanda .formControl.radioType1.disabled:checked:before,.skinPanda .formControl.checkboxType1.disabled,.skinPanda .formControl.checkboxType1.disabled:checked {
    background-color: #ccc;
    border-color: #ccc
}

.skinPanda .formControl.selectType1 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinPanda .formControl.selectType1.isNoOrder {
    color: #999
}

.skinPanda .formControl.selectType2 {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinPanda .formControl.textareaType1 {
    border-color: #ccc;
    background-color: #f7f7f7
}

.skinPanda .formControlSet .formControlSetBtn {
    background-color: #484d54;
    color: #fff
}

.skinPanda .errorWrap .errorContents {
    background-color: #f2f2f2
}

.skinPanda .errorWrap .errorBox {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinPanda .errorWrap .errorBox {
        background-color:transparent
    }
}

.skinPanda .errorWrap .errorBox .errorHeading {
    color: #f1000d
}

.skinPanda .loadingWrap .loadingContents {
    background-color: #e6e6e6
}

@media screen and (max-width: 1010px) {
    .skinPanda .loadingWrap .loadingContents {
        background-color:transparent
    }
}

.skinPanda .loadingWrap .loadingBox {
    border-color: #ccc
}

.skinPanda .loadingWrap .loadingBox .loadingBox1 {
    background-color: #fff
}

@media screen and (max-width: 1010px) {
    .skinPanda .loadingWrap .loadingBox .loadingBox1 {
        background-color:transparent
    }
}

.skinPanda .loadingWrap .loadingBox .loadingBox2 {
    background-color: #f7f7f7
}

@media screen and (max-width: 1010px) {
    .skinPanda .loadingWrap .loadingBox .loadingBox2 {
        background-color:transparent
    }
}

.skinPanda .chip.chipC1:before {
    background: #f66
}

.skinPanda .chip.chipC2:before {
    background: #d782d9
}

.skinPanda .chip.chipC3:before {
    background: #8f86bf
}

.skinPanda .chip.chipC4:before {
    background: #6691cc
}

.skinPanda .chip.chipC5:before {
    background: #4dbfbf
}

.skinPanda .chip.chipC6:before {
    background: #4fb347
}

.skinPanda .chip.chipC7:before {
    background: #acbf60
}

.skinPanda .chip.chipC8:before {
    background: #f8b100
}

.skinPanda .chip.chipC9:before {
    background: #c66
}

.skinPanda .chip.chipC10:before {
    background: #919191
}

.skinPanda .colorSelect.colorSelectType2 .colorSelectBox .colorSelectBoxItem:hover {
    background-color: #d9d9d9
}

.skinPanda .colorSelect .colorSelectBtn .colorSelectBtnItem {
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .colorSelect .colorSelectBtn .colorSelectBtnItem:after {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinPanda .colorSelect .colorSelectBox {
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .colorSelect .colorSelectRadio:checked+.colorSelectChip:before {
    background-image: url(/assets/images/icons_on_white.svg)
}

.skinPanda .modalWindow {
    background: #fff;
    border-color: #ccc
}

.skinPanda .modalWindow .modalWindowBox {
    border-color: #ccc
}

.skinPanda .modalWindow .modalWindowBox2 {
    background-color: #fcf8cc
}

.skinPanda .modalWindow .modalWindowBox3,.skinPanda .modalWindow .modalWindowBox4,.skinPanda .modalWindow .modalWindowBox5 {
    border-color: #ddd
}

.skinPanda .modalWindow .modalWindowBtnSet {
    background-color: #f2f2f2
}

@media screen and (max-width: 1010px) {
    .skinPanda .modalWindow .modalWindowBtnSet {
        background-color:transparent
    }
}

.skinPanda .modalWindow .modalWindowCaution {
    background-color: #fff2f3
}

.skinPanda .control {
    background-color: #505862
}

.skinPanda .control.controlType2 {
    background-color: #fff
}

.skinPanda .control .controlStatus {
    color: #fff
}

.skinPanda .controlSp .controlNav {
    background-color: #41454b
}

.skinPanda .controlSp .controlSearch {
    border-top-color: #e6e6e6
}

.skinPanda .controlSp .controlSearch .controlSearchBox {
    border-color: #ccc
}

.skinPanda .controlSp .controlNavBottom {
    background-color: #41454b
}

.skinPanda .controlSp .controlNavBottomSub,.skinPanda .controlSp .controlNavBottomSub .navItem {
    background-color: #242b33
}

.skinPanda .controlSub {
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .controlSub .controlSubBox {
    border-color: #ddd
}

.skinPanda .nav .navItem {
    background-color: #41454b;
    border-right-color: #54585d;
    color: #fff
}

.skinPanda .nav .navItem.navItemBack,.skinPanda .nav .navItem.navItemClose {
    background-color: #999
}

.skinPanda .nav .navItem.navItemPrev {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinPanda .nav .navItem.navItemPrev.isOff .navIcon,.skinPanda .nav .navItem.navItemPrev.isOff .navText {
    opacity: .2
}

.skinPanda .nav .navItem.navItemNext {
    background-color: #f2f2f2;
    border-color: #d9d9d9;
    color: #41454b
}

.skinPanda .nav .navItem.navItemNext.isOff .navIcon,.skinPanda .nav .navItem.navItemNext.isOff .navText {
    opacity: .2
}

.skinPanda .nav .navItem.navItemSave {
    background-color: #2f6bc4
}

.skinPanda .nav .navItem.navItemSpace {
    background: #6e7580
}

.skinPanda .nav .navItem .navIcon .icon.iconMan:before {
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconMan2:before {
    background-image: url(/assets/images/ico_man2_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconBack:before {
    background-image: url(/assets/images/ico_back_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconEditAd:before {
    background-image: url(/assets/images/ico_edit_ad_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconSave:before {
    background-image: url(/assets/images/ico_save_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconNewMail:before {
    background-image: url(/assets/images/ico_newmail_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconReload:before {
    background-image: url(/assets/images/ico_reload_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconHenshinAll:before {
    background-image: url(/assets/images/ico_henshin_all_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconSpamOk:before {
    background-image: url(/assets/images/ico_spam_ok_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconTenso:before {
    background-image: url(/assets/images/ico_tenso_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconFilter:before {
    background-image: url(/assets/images/ico_filter_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconKidoku:before {
    background-image: url(/assets/images/ico_kidoku_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconMidoku:before {
    background-image: url(/assets/images/ico_midoku_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconFlag:before {
    background-image: url(/assets/images/ico_flag_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconFlag3:before {
    background-image: url(/assets/images/ico_flag3_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconPrev:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinPanda .nav .navItem .navIcon .icon.iconNext:before {
    background-image: url(/assets/images/ico_arrow2_navy.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconClose:before {
    background-image: url(/assets/images/ico_close_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft_white.svg)
}

.skinPanda .nav .navItem .navIcon .icon.iconSoushin:before {
    background-image: url(/assets/images/ico_soushin_white.svg)
}

.skinPanda .nav .navItem .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 1011px) {
    .skinPanda {
        overflow:hidden
    }

    .skinPanda .nav .navItem:hover {
        background-color: #585d66
    }
}

.skinPanda .nav .navItem.isSelect {
    background-color: #e4000b;
    border-right-color: #e9333c
}

.skinPanda .nav .navItem.isSelect:hover {
    background-color: #ff000d
}

.skinPanda .nav .navItem.isOn {
    background-color: #fff;
    border-right-color: #fff;
    color: #e4000b
}

.skinPanda .nav .navItem.isOn .navIcon .icon.iconTag:before {
    background-image: url(/assets/images/ico_tag_red.svg)
}

.skinPanda .nav .navItem.isOn .navIcon .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src_red.svg)
}

.skinPanda .nav .navItem.isOn .navIcon .icon.iconHenshin:before {
    background-image: url(/assets/images/ico_henshin2_red.svg)
}

.skinPanda .nav .navItem.isOn .navIcon .icon.iconMove:before {
    background-image: url(/assets/images/ico_move_red.svg)
}

.skinPanda .nav .navItem.isOn .navIcon .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam_red.svg)
}

.skinPanda .nav .navItem.isOn .navIcon .icon.iconHichaku:before {
    background-image: url(/assets/images/ico_hichaku_red.svg)
}

.skinPanda .nav .navItem.isOn .navIcon .icon.iconOther:before {
    background-image: url(/assets/images/ico_other_red.svg)
}

.skinPanda .nav .navItem.isOn .navText .icon.iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .nav .navItem.isOpen {
    background: #242b33
}

.skinPanda .search .searchBtn:hover {
    background-color: #545962
}

.skinPanda .search .searchBtn.searchBtnChip:after {
    background: #fff;
    border-color: #ccc
}

.skinPanda .search .searchBtn.searchBtnChip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinPanda .search.searchType2 .searchBtn {
    background-color: #484d54;
    color: #fff
}

.skinPanda .search.searchType2 .searchBtn.searchBtnType2 {
    border-right-color: #fff
}

.skinPanda .search.searchType2 .searchBtn.searchBtnType3 .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_white.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.skinPanda .search.searchType2 .searchBtn.searchBtnType3.isOn {
    border-color: #ccc;
    background-color: #fff
}

.skinPanda .search.searchType2 .searchBtn.searchBtnType3.isOn .iconArrow1:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

.skinPanda .initialListContainer {
    background-color: #d9d9d9
}

@media screen and (max-width: 1010px) {
    .skinPanda .initialListContainer {
        background-color:#f2f2f2;
        border-bottom-color: #e6e6e6
    }
}

.skinPanda .initialListContainer .initialList .initialListItem:after {
    background-color: #bbb
}

.skinPanda .initialListContainer .initialList .initialListItem .initialListBtn:hover {
    background-color: #ccc
}

.skinPanda .initialListContainer .initialList .initialListItem.isSelect .initialListBtn {
    border-bottom-color: #666
}

.skinPanda .heading.headingType1 {
    background-color: #d9d9d9
}

.skinPanda .heading.headingType2 {
    border-bottom-color: #e4000b
}

.skinPanda .heading .headingBackBtn {
    background-color: #999;
    color: #fff
}

.skinPanda .list .listItem {
    border-bottom-color: #e6e6e6
}

.skinPanda .list .listItem:hover {
    background-color: #e6e6e6
}

.skinPanda .list .listItem.isSelect {
    background-color: #fcf8cc
}

.skinPanda .list2 .list2Item {
    border-bottom-color: #e6e6e6;
    color: #666
}

.skinPanda .list2 .list2Item .list2From,.skinPanda .list2 .list2Item .list2Subject .list2SubjectText1 {
    color: #222
}

.skinPanda .list2 .list2Item.isKidoku {
    background-color: #f2f2f2
}

.skinPanda .list2 .list2Item.isKidoku .list2From,.skinPanda .list2 .list2Item.isKidoku .list2Subject .list2SubjectText1 {
    color: inherit
}

.skinPanda .list2 .list2Item:hover {
    background-color: #e6e6e6
}

.skinPanda .list2 .list2Item.isSelect {
    background-color: #fcf8cc
}

.skinPanda .list2HeaderPc {
    background-color: #d9d9d9
}

.skinPanda .list2HeaderPc .list2 .list2Item {
    border-bottom-color: #c3c3c3;
    color: #222
}

.skinPanda .pageTop {
    background-color: #f1f1f1
}

@media screen and (max-width: 1010px) {
    .skinPanda .pageTop {
        border-bottom-color:#ccc
    }
}

.skinPanda .avatar {
    background-color: #d9d9d9;
    background-image: url(/assets/images/ico_man_white.svg)
}

.skinPanda .text.textC1 {
    color: #666
}

.skinPanda .text.textC2 {
    color: #e4000b
}

@media screen and (min-width: 1011px) {
    .skinPanda .text.textC2Pc {
        color:#e4000b
    }
}

.skinPanda .text.textC3 {
    color: #6e6e6e
}

.skinPanda .text.textC4 {
    color: #ccc
}

.skinPanda .text.textBlack {
    color: #000
}

.skinPanda .text.textWhite {
    color: #fff
}

.skinPanda .text.textLink {
    text-decoration: underline
}

.skinPanda .calendar {
    box-sizing: border-box;
    background-color: #fff;
    border-color: #ccc
}

.skinPanda .calendar .calendarTable .calendarThead {
    background-color: #f2f2f2
}

.skinPanda .calendar .calendarTable .calendarCell:hover {
    background-color: #e6e6e6
}

.skinPanda .calendar .calendarTable .calendarCell.calendarCellSun {
    color: #e4000b
}

.skinPanda .calendar .calendarTable .calendarCell.calendarCellSat {
    color: #0065cc
}

.skinPanda .calendar .calendarTable .calendarCell.calendarCellNotThisMonth {
    color: #ccc
}

.skinPanda .calendar .calendarTable .calendarCell.calendarCellToday {
    border-color: #ccc
}

.skinPanda .news {
    background-color: #e6e6e6
}

.skinPanda .advancedSearch .advancedSearchBox1,.skinPanda .advancedSearch .advancedSearchBox2 {
    border-color: #ddd
}

.skinPanda .advancedSearch .advancedSearchSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinPanda .advancedSearch .advancedSearchSelectFolderBox {
    background-color: #fff;
    border-color: #ddd
}

.skinPanda .advancedSearch .advancedSearchControl {
    background-color: #f2f2f2
}

.skinPanda .paginationSp {
    background-color: #e6e6e6
}

.skinPanda .paginationSp .paginationBtn:before {
    background-image: url(/assets/images/ico_arrow2.svg)
}

.skinPanda .paginationSp .paginationBtn.paginationBtnPrev:before {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scaleX(-1)
}

.skinPanda .paginationSp .paginationBtn.paginationBtnPrev.isOff:before {
    opacity: .2
}

.skinPanda .paginationSp .paginationBtn.paginationBtnNext.isOff:before {
    opacity: .2
}

.skinPanda .pulldown {
    background: #fff;
    border-color: #ccc
}

.skinPanda .pulldown .pulldownItem {
    color: #222
}

.skinPanda .pulldown .pulldownItem:hover {
    background: #e6e6e6
}

.skinPanda .pulldown2 .pulldownSelect {
    background-color: #fff;
    border-color: #ddd
}

.skinPanda .advertising {
    border-color: #ccc;
    background-color: #fff
}

.skinPanda .advertising .advertisingBody {
    background-color: #ccc
}

.skinPanda .layoutTableWrap2,.skinPanda .layoutTableWrap3,.skinPanda .layoutTableWrap4,.skinPanda .layoutTableWrap5,.skinPanda .layoutTableWrap6,.skinPanda .layoutTableWrapBorderTop,.skinPanda .layoutTableWrapBorderTopPc,.skinPanda .layoutTable .layoutTableCell {
    border-color: #ddd
}

.skinPanda .layoutTable .layoutTableCell a:hover {
    border-color: #ddd;
    color: #222
}

@media screen and (max-width: 1010px) {
    .skinPanda .layoutTable .layoutTableCell.layoutTableCellType3 {
        background-color:#f2f2f2
    }
}

.skinPanda .layoutTable .layoutTableCell.layoutTableCellBtn {
    background-color: #484d54;
    color: #fff
}

.skinPanda .layoutTable .layoutTableGroup {
    background-color: #f2f2f2
}

.skinPanda .mail .mailLayout2a,.skinPanda .mail .mailBody {
    border-color: #ccc
}

.skinPanda .mail .mailCaution {
    background-color: #fff2f3
}

.skinPanda .mail .mailDmarcWarn {
    background-color: #ffc000
}

.skinPanda .mail .mailDmarcError {
    background-color: #c00000
}

.skinPanda .mail .mailBottomNav {
    border-color: #ccc
}

.skinPanda .mail .mailSummary {
    color: #666
}

.skinPanda .mail .mailLayout3.isKidoku {
    background-color: #f2f2f2
}

.skinPanda .mail .mailThread {
    border-color: #ccc
}

.skinPanda .mail .mailThreadBundle {
    background-color: #f2f2f2
}

.skinPanda .mail .mailThreadBundle:before,.skinPanda .mail .mailThreadBundle:after {
    border-color: #e6e6e6
}

.skinPanda .mail .mailThreadBundle .mailThreadBundleText {
    background-color: #f2f2f2
}

.skinPanda .mailSubject {
    border-color: #ccc
}

.skinPanda .mailAttachHeaderSp {
    border-color: #ccc;
    background-color: #f2f2f2
}

.skinPanda .mailAttachBody,.skinPanda .mailAttachItem {
    border-color: #ccc
}

@media screen and (max-width: 1010px) {
    .skinPanda .mailAttach2 .mailAttachItem {
        background-color:#f2f2f2
    }
}

.skinPanda .mailEditControl {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinPanda .mailEditControl .mailEditControlLayout1Btn,.skinPanda .btnSet .btnSetItem {
    background-color: #484d54;
    color: #fff
}

.skinPanda .btnSet .btnSetItemPulldown {
    background-image: url(/assets/images/ico_arrow1_white_d.svg)
}

.skinPanda .btnSet .btnSetItemPulldown.isOn {
    background-color: #fff;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinPanda .tabNav,.skinPanda .tabNav .tabNavItem {
    border-color: #ccc
}

.skinPanda .tabNav .tabNavItem.isSelect {
    border-top-color: #e4000b;
    border-bottom-color: #fff;
    color: #e4000b
}

.skinPanda .tip {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: 0 5px 10px #0000004d
}

.skinPanda .tip:before {
    background: #fff;
    border-bottom-color: #ccc;
    border-right-color: #ccc
}

.skinPanda .settingLayout {
    border-color: #ccc
}

.skinPanda .settingLayoutHeader {
    border-color: #ccc;
    background-color: #e6e6e6
}

.skinPanda .settingLayoutHeader .settingLayoutCell {
    border-color: #ccc
}

.skinPanda .settingLayoutItem {
    border-color: #e6e6e6
}

.skinPanda .settingLayoutCellType1:before,.skinPanda .settingLayoutCellType10:before {
    background-image: url(/assets/images/ico_arrow1_gray.svg)
}

@media screen and (max-width: 1010px) {
    .skinPanda .settingLayoutCellType2,.skinPanda .settingLayoutCellType3,.skinPanda .settingLayoutCellType9,.skinPanda .settingLayoutCellType11 {
        background-color:#e6e6e6
    }
}

.skinPanda .settingsFilter .settingsFilterSelectFolderBtn {
    border-color: #ccc;
    background-color: #f7f7f7;
    background-image: url(/assets/images/ico_arrow1_gray_d.svg)
}

.skinPanda .settingsFilter .settingsFilterSelectFolder .settingsFilterSelectFolderBox,.skinPanda .floatingMenu {
    background-color: #fff
}

.skinPanda .menu.isSelect>.menuItem .menuItemInner2:before {
    background: #fff
}

.skinPanda .modalWindow .modalWindowBox .menu.isSelect>.menuItem,.skinPanda .controlSub .controlSubBox .menu.isSelect>.menuItem,.skinPanda .advancedSearchSelectFolderBox .menu.isSelect>.menuItem,.skinPanda .advancedSearchBox2 .menu.isSelect>.menuItem,.skinPanda .advancedSearchBox1 .menu.isSelect>.menuItem,.skinPanda .pulldownSelect .menu.isSelect>.menuItem,.skinPanda .modalWindowBox5 .menu.isSelect>.menuItem {
    background-color: #fcf8cc
}

.skinPanda .modalWindow .icon.iconAdbook:before {
    background-image: url(/assets/images/ico_adbook.svg)
}

.skinPanda .modalWindow .icon.iconMail:before {
    background-image: url(/assets/images/ico_mail.svg)
}

.skinPanda .modalWindow .icon.iconFolder:before {
    background-image: url(/assets/images/ico_folder.svg)
}

.skinPanda .modalWindow .icon.iconSoushin[data-color="0"]:before {
    background-image: url(/assets/images/ico_soushin.svg)
}

.skinPanda .modalWindow .icon.iconTrash:before {
    background-image: url(/assets/images/ico_trash.svg)
}

.skinPanda .modalWindow .icon.iconDraft:before {
    background-image: url(/assets/images/ico_draft.svg)
}

.skinPanda .modalWindow .icon.iconSpam:before {
    background-image: url(/assets/images/ico_spam.svg)
}

.skinPanda .modalWindow .icon.iconSrc:before {
    background-image: url(/assets/images/ico_src.svg)
}

.skinPanda .modalWindow .btn .btnNest {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinPanda .modalWindow a:hover {
    color: #000;
    text-decoration: none
}

.skinPanda .modalWindow .menuItem {
    background-color: transparent
}

.skinPanda .modalWindow .menuItem:hover {
    background-color: #d9d9d9
}

.skinPanda .modalWindow .isSelect>.menuItem a {
    color: #e4000b
}

.skinPanda .modalWindow .btn.btnNest {
    background-image: url(/assets/images/ico_arrow1.svg)
}

.skinPanda .modalWindowBox>.menu:not(.menuType2).isSelect>.menuItem>.menuItemInner>.menuText {
    color: #e4000b
}

.skinPanda .modalWindowBox .menuText {
    color: #000
}

.skinPanda .modalWindowBox .isSelect>.menuItem>.menuItemInner>.menuText {
    color: #e4000b
}

.skinPanda .headerUserOperation a:hover,.skinPanda .footerUserOperation a:hover,.skinPanda .fileLink:hover {
    color: #222
}

.skinPanda .controlSubBox .menu .menuItem {
    background-color: #fff
}

.skinPanda .controlSubBox .menu .menuItem:hover {
    background-color: #d9d9d9
}

.skinPanda settings-safety-address-list .menu .menuItem:hover {
    background-color: #e6e6e6
}